@charset "utf-8";
/*重置reset css*/
body,div,p,blockquote,
ul,ol,dl,li,dt,dd,
form,fieldset,legend,input,button,textarea,tr,td,th,
h1,h2,h3,h4,h5,h5,hr
{margin: 0; padding: 0;}
article,nav,section,aside,header,footer,hgroup,figure,figcaption
{margin: 0; padding: 0; display: block;}/* HTML5 TAG */
tr,td{border-collapse: collapse;}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
ol,ul,li{list-style: none;}
em,i{font-style: normal;}
img{width: auto; max-width: 100%; border: 0; vertical-align: top;}/* 设置图片自适应 */
.video embed,.video object,.video iframe{width: 100%; height: auto;}/* 设置视频自适应 */
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}/* 调整浏览器字体大小 */
body{-webkit-font-smoothing: antialiased;}/* 设置页面上的字体抗锯齿 */
input:focus{outline: none;}
/* 清浮 */
.clearfix{zoom:1;}
.clearfix:after{content: '.'; height: 0; display: block; clear: both; visibility: hidden;}
/* 浮动 */
.fl{float: left;}
.fr{float: right;}
/* 光标手势 */
.cursor{cursor: pointer;}
/* 显示隐藏 */
.hide{display: none;}
.show{display: block;}
/* 链接 */
a{color: #333; text-decoration: none;}
.clr6{color: #666;}
table{border: 0; border-collapse: collapse;}
/* 拼图 */
.icon{background-image: url(../images/icons.png); background-repeat: no-repeat;}
.i-more{width: 40px; height: 30px; background-position: 0 0; position: absolute; bottom: 100px; left: 50%; z-index: 2; margin-left: -20px; -webkit-animation: anime 1.5s linear infinite; animation: anime 1.5s linear infinite;}
.i-to-top{width: 60px; height: 60px; background-position: -96px 20px; background-color: #ccc; border-radius: 8px; position: fixed; bottom: 200px; left: 50%; margin-left: 560px; z-index: 2;}
.i-to-top:hover{background-color: #f28f00;}
.i-apply{width: 60px; height: 60px; color: #fff; font-size: 20px; text-align: center; line-height: 1; background-color: #f28f00; border-radius: 8px; position: fixed; bottom: 270px; left: 50%; margin-left: 560px; z-index: 2;}
.i-apply span{padding-top: 10px; display: inline-block;}
.i-quotes{width: 25px; height: 20px; position: absolute;}
.i-quotes-l{background-position: -200px 0; top: -10px; left: -20px;}
.i-quotes-r{background-position: -250px 0; bottom: -10px; right: -30px;}
.ico-all{width: 75px; height: 70px; margin: 0 auto; display: block;}
.ico-all2{width: 101px; height: 105px; margin: 0 auto; display: block;}
.ico-all3{width: 112px; height: 112px; margin: 0 auto; display: block;}
.ico-all4{width: 100px; height: 90px; margin: 0 auto; display: block;}
.ico-all5{width: 70px; height: 80px; margin: 0 auto; display: block;}
.ico-all6{width: 55px; height: 60px; margin: 0 auto; display: block;}
.ico-z{width: 132px; height: 132px; margin: 0 auto; display: block;}
.ico-info{width: 35px; height: 35px; display: inline-block;}
.ico-qy-info{width: 25px; height: 25px; display: inline-block;}
.ico-a{background-position: -100px -50px;}
.ico-b{background-position: -200px -50px;}
.ico-c{background-position: -300px -50px;}
.ico-d{background-position: -400px -50px;}
.ico-e{background-position: -500px -50px;}
.ico-f{background-position: -600px -50px;}
.ico-g{background-position: -700px -50px;}
.ico-h{background-position: -800px -50px;}
.ico-i{background-position: -100px -150px;}
.ico-j{background-position: -250px -150px;}
.ico-k{background-position: -400px -150px;}
.ico-l{background-position: -550px -150px;}
.ico-m{background-position: -700px -150px;}
.ico-n{background-position: -850px -150px;}
.ico-o{background-position: 0 -300px;}
.ico-p{background-position: -100px -300px;}
.ico-q{background-position: -200px -300px;}
.ico-r{background-position: -300px -300px;}
.ico-s{background-position: 0 -400px;}
.ico-t{background-position: -150px -400px;}
.ico-u{background-position: -300px -400px;}
.ico-v{background-position: -400px -300px;}
.ico-w{background-position: -500px -300px;}
.ico-x{background-position: -600px -300px;}
.ico-y{background-position: -700px -300px;}
.ico-z1{background-position: 0 -550px;}
.ico-z2{background-position: -150px -550px;}
.ico-z3{background-position: -300px -550px;}
.ico-z4{background-position: -450px -550px;}
.ico-z5{background-position: -600px -550px;}
.ico-qy-a{background-position: 0 -700px;}
.ico-qy-b{background-position: -100px -700px;}
.ico-qy-c{background-position: -200px -700px;}
.ico-qy-d{background-position: -300px -700px;}
.ico-qy-e{background-position: -400px -700px;}
.ico-qy-f{background-position: -500px -700px;}
.ico-qy-g{background-position: -600px -700px;}
.ico-qy-h{background-position: -700px -700px;}
.ico-qy-i{background-position: -800px -700px;}
.ico-qy-j{background-position: -900px -700px;}
.icon-code{background-position: -300px 0;}
.icon-tel{background-position: -350px 0;}
.icon-email{background-position: -400px 0;}
.icon-address{background-position: -450px 0;}
.icon-qy-join{background-position: -500px 0;}
.icon-qy-code{background-position: -550px 0;}
.icon-qy-tel{background-position: -600px 0;}
.icon-qy-email{background-position: -650px 0;}
.icon-qy-address{background-position: -700px 0;}
.icon-arrow{background-position: -950px 0;}
/*设置页面字体、行高、字体大小*/
html,body{font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;position: relative;height: 100%;}
body{font-size: 30px; color:#333; line-height: 1.5; background-color: #fff;}
/*头部*/
header{width: 100%;height: 100px; background-color: #272d2c; color: #fff; position: fixed; top: 0; z-index: 10;}
.logo{width: 20%;}
.logo-pic{margin: 25px 0 0 40px;}
.menu li{font-size: 16px; line-height: 100px; float: left; font-weight: 300;}
.menu span{width: 100px; height: 100px; text-align: center; display: block; box-sizing: border-box;}
.menu a{height: 100px; color: #fff; display: block; box-sizing: border-box;}
/* .menu a:hover{border-bottom: 4px solid #f28f00;} */
.menu-act{border-bottom: 4px solid #f28f00; color: #f28f00; font-weight: 500;}
/*底部*/
footer{padding: 40px 0 20px; font-size: 12px; text-align: center; background-color: #272d2c; color: #999;}
.foot-copyright{padding-top: 30px;}
.foot-copyright a{color: #999;}
.foot-menu{width: 800px; padding: 0 100px; margin: auto; display: flex; flex-direction: row; text-align: left;}
.foot-menu dl{flex: 1; margin-left: 100px;}
.foot-menu dt{padding-left: 10px; font-size: 16px; color: #F28F00; line-height: 1; border-left: 4px solid #F28F00;}
.foot-menu ul{margin-top: 30px;font-size: 14px;}
.foot-menu li{margin-bottom: 8px;}
.foot-menu a{color: #ddd;}
.foot-hr{width: 1px; height: 140px; overflow: hidden; background:linear-gradient(0deg,rgba(39,45,44,1) 0%,rgba(47,53,52,1) 50%,rgba(39,45,44,1) 100%);}
/*焦点图共用样式*/
.banner{width: 100%; height: 100%; position: relative;}
.banner-tit{width: 100%; min-height: 200px; margin-top: -100px; text-align: center; color: #fff; position: absolute; top: 50%; z-index: 3;}
.banner-mask{width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.5); z-index: 2;}
.banner-bg{width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.start-btn{width: 240px; height: 60px; margin-left: -120px; color: #666; line-height: 60px; text-align: center; background-color: rgba(255,255,255,.5); border-radius: 8px; position: absolute; bottom: 175px; left: 50%; z-index: 3;}

hr{width: 80px; height: 6px; margin: auto; border: 0; background-color: #f28f00;}
.wrap{width: 1000px; margin: 0 auto;}
.pd-l{padding-left: 100px;}
.pd-r{padding-right: 100px;}
.relative{position: relative;}
.section{min-height: 600px; padding-top: 70px; box-sizing: border-box;}
/* 模块-图片 */
.mod-pic li{width: 225px; margin: 20px 0 0 20px; float: left;}
/* 模块-标题 */
.mod-tit{text-align: center;}
.mod-tit dt{margin-bottom: 5px; font-size: 50px;}
.mod-tit dd{ color: #666;}
/* 模块-图标 */
.mod-icon{margin-top: 140px;}
.mod-icon li{width: 25%; text-align: center; float: left;}
.mod-icon .ico-txt{margin-top: 30px; display: block;}
/* 模块-扫码 */
.start-mod-tit dt{padding: 80px 0 30px;}
.start-mod-tit dd{ text-align: center;}
.start-mod-img{margin-left: -400px; position: absolute; bottom: 0; left: 50%;}
/* 模块-中英标题 */
.cnen-mod-tit{text-align: center;}
.cnen-mod-tit h5{font-size: 50px; line-height: 50px;}
.cnen-mod-tit em{text-transform: uppercase; color: #999; font-size: 20px;}
/* 模块-图标-标题-描述 */
.pic-txt-list{text-align: center;}
.pic-txt-list li{width: 33.33%; padding: 90px 10px 0; float: left; box-sizing: border-box;}
.pic-txt-list .s-tit{margin-top: 20px; font-size: 26px; display: block;}
.pic-txt-list .s-des{font-size: 16px; color: #666; display: block;}
/* 模块-文字列表 */
.mod-txt-li li{padding: 2px 0; font-size: 22px;}
.li-dot{width: 10px; height: 10px; margin: -5px 15px 0 0; vertical-align: middle; display: inline-block; background-color: #f5a533; border-radius: 5px;}
/* 模块-swiper */
.swiper-button-next,.swiper-button-prev{width: 36px; height: 68px; background-size: auto;}
.swiper-button-next{background-position: 0 -50px;}
.swiper-button-prev{background-position: -50px -50px;}
/*首页*/
.home hr{width: 152px; height: 21px; margin: 80px 0 0 0; border: 0; background-color: #f3dbb7;}
.home .hr{width: 152px; height: 21px; margin: 80px 0 0 0; border: 0; background-color: #f3dbb7; display: block;}
.home-p1,.home-p2,.home-p4{padding-top: 85px; background: -webkit-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); background: linear-gradient(to bottom, #fff, #eee);}
.home-banner{background-image: url(../images/20180824/index-banner.png);}
.home-top-tit h1{font-size: 68px;}
.home-top-tit img{margin-bottom: 15px;}
.home-tit{padding-top: 65px;}
.home-tit dl{margin-left: 15px;}
.home-tit dt{margin-bottom: 15px; font-size: 60px; color: #F28F00;}
.home-tit dd{margin-bottom: 15px; font-size: 30px; color: #666;}
.home-tit dd p{margin-top: -80px;}
.home-p2 .home-tit dl{margin-left: 30px;}
.home-p1 .home-tit .hr{margin-top: 35px;}
.home-p1 .home-tit dd p{margin-top: -35px;}
.home-p2 .home-tit .hr{width: 125px; margin: 35px 0 0 60px;}
.home-p2 .home-tit dd p{margin-top: -35px;}
.home-p3{min-height: 600px; background: url(../images/index-foot.jpg) no-repeat;}
.home-tit-spe dl{padding-top: 200px; text-align: center;}
.home-tit-spe dt{font-size: 68px;}
.home .home-tit-spe hr{height: 6px; background-color: #1e9331; margin: 15px auto 0;}
/*简知微课*/
.wk-banner{background-image: url(../images/wk-banner.jpg);}
.wk-mod-img{text-align: center;}
.wk-p2{background: url(../images/wk-bg01.png) no-repeat center center; position: relative;}
.wk-p2 .wk-mod-img{width: 1000px; position: absolute; bottom: 0;}
.wk-p4{background: url(../images/wk-bg-rep.png) repeat;}
.wk-p4 .wk-mod-img{margin-top: 40px;}
.wk-p6{background-color: #def4ff;}
.wk-p5 .swiper-container{width: 880px; margin: 50px auto 0; }
.wk-p5 .swiper-slide{padding: 25px 0; background-color: #fffaf2;}
.wk-comment{width: 710px; margin: 0 auto; background-color: #fff; box-shadow: 3px 3px 6px #f5f0e9; border-radius: 2px;}
.wk-comment dt{padding: 30px; font-size: 26px;}
.wk-comment dt span{padding-left: 10px; border-left: 8px solid #f28f00;}
.wk-comment dd{padding: 0 30px 30px; font-size: 24px; color: #666;}
/*读书会*/
.dsh-banner{background-image: url(../images/20180824/dsh-banner.png);}
.dsh-p2,.dsh-p4,.dsh-p6{background-color: #EFFFFE;}
.dsh-p2 .dsh-dl,.dsh-p4 .dsh-dl,.dsh-p6 .dsh-dl{margin-left: 50px;}
.dsh .start-btn{box-shadow: 0px 6px 40px 0px rgba(61,141,136,0.2); bottom: 250px; color: #4BC8BE;}
.dsh-ul{display: flex; flex-direction: row;}
.dsh-pic{width: 550px}
.dsh-con{width: 450px;}
.dsh-dl{width: 360px; margin-top: 200px;}
.dsh-dl dt{padding-left: 20px; color: #4BC8BE; font-weight: 600; line-height: 1; border-left: 8px solid #4BC8BE;}
.dsh-dl dd p{font-size: 16px; color: #666;}
.dsh-dl dd .p-tit{padding: 15px 0; font-size: 24px; font-weight: 500; color: #243030;}
.dsh-last{padding-top: 80px;}
.dsh-last .dsh-pic{text-align: center;}
.dsh-miniapp{width: 300px; height: 390px; margin: 40px 0 0 50px; padding-top: 20px; background-color: #4BC8BE; border-radius: 8px; box-sizing: border-box;}
.dsh-appcode{width: 260px; margin: auto;}
.dsh-appcode img{width: 260px; height: 260px; border-radius: 8px;}
.dsh-miniapp dl{text-align: center; color: #fff;}
.dsh-miniapp dt{margin: 20px 0 0;}
.dsh-miniapp dd{font-size: 18px;}
/*企业书院*/
.qy .i-more{background-position: -50px 0;}
.qy-banner{background-image: url(../images/qy-banner.png);}
.qy .apply-btn{margin: 50px 0 0 15px;}
.qy .apply-btn span{width: 150px; height: 40px; padding: 10px 15px; font-size: 20px; color: #fff; border-radius: 20px; background-color: #F28F00; cursor: pointer;}
.qy .home-tit{position: absolute; top: 20%; left: 50%; margin: 0 0 0 200px; z-index: 3;}
.qy .home-tit dt{margin-bottom: 15px; font-size: 50px; color: #F28F00;}
.qy .home-tit dd{margin-bottom: 15px; font-size: 30px; color: #666;}
.qy .home-tit hr{width: 152px; height: 21px; margin: 80px 0 0 0; border: 0; background-color: #f3dbb7;}
.qy-p1,.qy-p3,.qy-p5{background-color: #fff9f1;}
.qy-p2,.qy-p4,.qy-p6{background-color: #fff;}
.qy-p1 .pic-txt-list li{width: 235px; padding: 0 0 30px; margin: 50px 0 0 20px; background-color: #fff;}
.qy-p1 .pic-txt-list li:first-child{margin-left: 0;}
.qy-p1 .pic-txt-list .s-tit{margin-top: 30px;}
.qy-p2 .pic-txt-list .s-des{margin-top: 40px;}
.qy-p3{padding-bottom: 80px;}
.qy-p3 ul{margin: 200px 0 0 -100px; position: relative; z-index: 99;}
.qy-p3 dt{font-size: 24px; margin-bottom: 10px;}
.qy-p3 dd{font-size: 18px; color: #666;}
.qy-p3 dd p{margin-bottom: 10px;}
.qy-p3 dd i{width: 10px; height: 10px; margin-right: 10px; background-color: #F28F00; border-radius: 100%; display: inline-block;}
.qy-p5 .pic-txt-list{width: 800px; padding-bottom: 60px;  margin: auto;}
.qy-p5 .pic-txt-list li{width: 25%;}
.qy-p5 .pic-txt-list .s-tit{height: 24px; margin: 10px 0 0 0; line-height: 24px;}
.qy-p5 .pic-txt-list .s-tit i{padding-left: 10px; border-left: 4px solid #F28F00;}
.qy-p6 ul{width: 700px; height: 100px; margin: 100px auto 0; }
.qy-p6 li{float: left;}
.qy-p6 li:nth-child(odd){width: 100px; height: 100px; padding-top: 13px; box-sizing: border-box; border-radius: 100%; background-color: #F28F00; color: #fff; font-size: 26px; text-align: center;}
.qy-p6 li:nth-child(even){width: 50px; height: 100px;}
.qy-p6 .arrow{width: 18px; height: 12px; margin: 40px 0 0 15px; display: inline-block;}
.qy-p7 .about-contact li{font-size: 16px;}
.qy-p7 .about-contact .icon{margin-right: 10px;}
.qy-p7 .qrcode-lay{padding-left: 200px; border-left: 2px solid #fef2e3;}
.qy-p7 .qrcode{width: 200px; margin: auto; padding: 10px 0; background-color: #FFF2DE; font-size: 22px; text-align: center;}
.qy-p7 .qrcode dt{margin-bottom: 10px;}
.qy-p7 .qrcode img{width: 180px; height: 180px;}
.apply-banner{height: 300px; text-align: center; background: url(../images/qy-apply.png) no-repeat;}
.apply-banner h5{padding: 60px 0;}
.apply-banner .apply-btn{margin: 0;}
.apply-banner .apply-btn span{padding: 15px 45px; font-size: 24px; border-radius: 30px;}

#mask{width: 100%; height: 100%; background-color: #000; opacity: 0.6; position: fixed; top: 0; left: 0; z-index: 100;}
#dialog{width: 700px; min-height: 600px; padding-bottom: 50px; background-color: #fff; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin: -300px 0 0 -350px; z-index: 101;}
#dialog h5{width: 600px; margin: auto; padding: 40px 0 20px; color: #F28F00; font-size: 30px; text-align: center; border-bottom: 2px solid #ddd;}
#dialog-close{width: 18px; height: 18px; display: inline-block; background: url(../images/qy-close.png) no-repeat; position: absolute; top: 20px; right: 20px;}

#dialog .form-box{width: 600px; margin: 0 auto;}
#dialog td{padding-top: 25px;}
#dialog .td-sep{padding-top: 40px; text-align: center;}
#dialog .form-inp-box{width: 600px; height: 50px; padding: 0 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; line-height: 50px;}
#dialog .form-inp-box span{float: left; font-size: 20px;}
#dialog .form-inp{width: 400px; height: 100%; border: 0; font-size: 18px; float: left; color: #666;}
#dialog .short{width: 430px;}
#dialog .short .form-inp{width: 200px;}
#dialog .form-btn{width: 240px; height: 60px; margin: auto; text-align: center; line-height: 60px; color: #fff; font-size: 24px; border: 0; border-radius: 30px; background-color: #F28F00;}
#dialog .form-btn-code{width: 150px; height: 50px; text-align: center; line-height: 50px; color: #fff; margin-left: 20px; font-size: 20px; border: 0; border-radius: 4px; background-color: #FCC235;}
/*简知书院*/
.sy-banner{background-image: url(../images/sy-banner.jpg);}
.sy-banner-top{width: 550px; text-align: left; left: 50%;}
.sy-banner-top dt{font-size: 56px; color: #c54379;}
.sy-banner-top dd{font-size: 20px; color: #b45b80;}
/*.sy-p1 .pic-txt-list .s-tit{font-size: 26px;}
.sy-p1 .pic-txt-list .s-des{font-size: 18px;}*/
.sy-p2{margin-top: 90px;}
.sy-p2 .mod-tit{margin: 70px 0;}
.sy-p2 .mod-tit dt{font-size: 36px;}
.sy-p2 .mod-tit dd{font-size: 28px;}
.plan-list li{width: 150px; height: 150px; padding-top: 30px; margin-right: 20px; float: left; text-align: center; background-color: #ebfbff; box-sizing: border-box; border-radius: 3px; position: relative;}
.plan-list li:last-child{margin: 0;}
.plan-list-num{font-size: 40px; font-style: italic; position: absolute; top: -35px; left: 10px;}
/*新媒体*/
.media-banner{background-image: url(../images/media-banner.jpg);}
.media .banner .mod-tit dd{color: #fff;}
.media-p1 .pic-txt-list li{width: 25%;}
.media-p2 .cnen-mod-tit{margin-bottom: 120px;}
.project-list{width: 950px; margin: 0 auto 50px;}
.project-pic{width: 310px; text-align: center;}
.project-list dd{margin-top: 35px; font-size: 24px; color: #666;}
.project-con{width: 640px;}
.project-con dt{font-size: 32px;}
/*关于我们*/
.about-banner{background-image: url(../images/about-banner.jpg);}
.about .banner .cnen-mod-tit h5{font-size: 80px; line-height: 1.2;}
.about .banner .cnen-mod-tit em{font-size: 46px; color: #fff; letter-spacing: 12px;}
.slogan-tit{font-size: 50px; color: #f28f00; text-align: center;}
.slogan-item{width: 750px; margin: 100px auto 0;}
.slogan-item li{height: 90px; margin-bottom: 50px; border: 1px solid #000; font-size: 24px; color: #666; line-height: 90px; text-align: center; box-sizing: border-box; position: relative;}
.slogan-tab{width: 120px; height: 50px; margin: -35px 0 0 -60px; color: #fff; text-align: center; line-height: 50px; background-position: -850px -300px; position: absolute; top: 0; left: 50%;}
.about-p2,.about-p4,.about-p6{background-color: #f4f4f4;}
.about-p2 .pic-txt-list{width: 990px; margin: 40px auto 0; padding-bottom: 40px;}
.about-p2 .pic-txt-list li{width: 240px; padding: 0 0 20px 0; margin-right: 10px; border: 1px solid #ddd; background-color: #fff;}
.about-p2 .pic-txt-list li:last-child{margin: 0;}
.about-p2 .pic-txt-list .s-tit{margin-top: 0;}
.about-p2 .pic-txt-list .s-en,.about-p2 .pic-txt-list .s-des{color: #999;}
.about-p2 .pic-txt-list .s-en{padding-bottom: 5px; text-transform: uppercase; display: block;}
.about-develop{padding-top: 50px;}
.develop-line li{width: 20%; margin-top: 30px; float: left;}
.develop-line span{margin-bottom: 20px; display: block; text-align: center; font-size: 26px;}
.about-p4 .mod-pic{width: 966px; margin: 0 auto;}
.about-p4 .mod-pic li{width: 238px; height: 204px; text-align: center; border: 2px solid #ddd; margin: 80px 40px 0; overflow: hidden; position: relative;}
.about-p4 .mod-pic .default{font-size: 24px; line-height: 204px;}
.about-more{width: 160px; height: 50px; margin: 25px 0 0 -80px; color: #fff; font-size: 24px; text-align: center; line-height: 50px; border-radius: 20px; background-color: rgba(242,143,0,.8); position: absolute; top: 50px; left: 50%;}
.about-p4 .mod-pic li:hover{border-color: #f28f00;}
.about-p4 .mod-pic li:hover .default{display: none;}
.about-p4 .mod-pic li:hover .active{display: block;}
.about-team{padding-top: 40px;}
.about-team .mod-pic li{margin: 0 20px 0 0;}
.about-team-pic img{width: 495px;}
.about-team-info{width: 490px;}
.about-team-txt{margin-top: 35px;}
.about-team-txt p{text-indent: 36px; font-size: 18px;}
.about-contact{width: 490px; margin-left: 20px;}
.about-contact li{width: 100%; height: 55px; font-size: 24px;}
.about-contact li span{float: left;}
.about-contact .ico-info{margin-right: 20px;}
/*加入我们*/
.join-banner{background-image: url(../images/join-banner.jpg);}
.join .banner-tit{margin-top: -250px;}
.join .banner h5{font-size: 82px;}
.join-banner-tit .pic-txt-list{width: 1000px; margin: 0 auto;}
.join-banner-tit .pic-txt-list li{width: 20%;}
.join-banner-tit .pic-txt-list .s-tit{font-size: 24px;}
.join-p2 .pic-txt-list li{padding-top: 50px;}
.join-p2 .pic-txt-list .s-tit{font-size: 28px;}
.join-lagou{margin-top: 80px; text-align: center;}
.join-lagou a{width: 350px; height: 70px; font-size: 28px; color: #fff; line-height: 70px; display: inline-block; background-color: #f5a533; border-radius: 10px; border: 1px solid #f18630;}
.join-p1 .mod-pic li{width: 490px;}
.join .swiper-container{width: 100%; margin-top: 50px;}
.join .swiper-slide ul{width: 840px; margin: auto;}
.join .swiper-slide li{width: 400px;}
/*知识共建计划*/
.know-banner{background-image: url(../images/know-banner.jpg);}
.know .banner .mod-tit dd{color: #fff;}
.know-p1 .pic-txt-list li{width: 25%;}
.know-p2,.know-p4{background-color: #f4f4f4;}
.know-mod-txt{width: 500px;}
.know-mod-txt h5{font-size: 30px;}
.know-mod-txt p{margin: 20px 0; font-size: 24px; color: #666;}
.know-p2 .wrap{padding-top: 20px;}
.know-p3 .wrap{padding-top: 80px;}
.know-p4 .wrap{padding-top: 40px;}
.know-p3 .know-mod-txt{padding-top: 20px;}
/* 横屏提示页 */
.landscape{padding-top: 30%; text-align: center; color: #999; display: none;}
.landscape img{width: 90%; margin-bottom: 20px;}
/* 横屏
@media all and (orientation : landscape) {
    header,.banner,.section,footer{display: block;}
    .landscape{display: none;}
}  */
/* 竖横屏
@media all and (orientation : portrait) {
    header,.banner,.section,footer{display: none;}
    .landscape{display: block;}
} */
/* 高度小于768 */
@media screen and (max-height: 768px) {
    .join .banner-tit{margin-top: -150px;}
    .join .banner h5{font-size: 50px;}
    .join-banner-tit .pic-txt-list .s-tit{font-size: 18px;}
    .join-banner-tit .pic-txt-list li{width: 20%; padding: 40px 10px 0;}
    .i-more{bottom: 50px;}
} 
/* 动画*/
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes anime{
    0%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:1;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0;}
}
@keyframes anime{
    0%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:1;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0;}
}
@-webkit-keyframes flyInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes flyInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-2%,0,0);transform:translate3d(-2%,0,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes flyInRight{
    0%{opacity:0;-webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes flyInRight{
    0%{opacity:0;-webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
.home-p1 .home-pic img{opacity: 0; -webkit-animation:flyInLeft 0.5s 0.5s linear forwards;animation:flyInLeft 0.5s 0.5s linear forwards;}
.home-p2 .home-pic img{opacity: 0; -webkit-animation:flyInRight 0.5s 0.5s linear forwards;animation:flyInRight 0.5s 0.5s linear forwards;}
.home-p1 .home-tit{opacity: 0; -webkit-animation:flyInRight 0.5s 1s linear forwards;animation:flyInRight 0.5s 1s linear forwards;}
.home-p2 .home-tit{opacity: 0; -webkit-animation:flyInLeft 0.5s 1s linear forwards;animation:flyInLeft 0.5s 1s linear forwards;}