/********css 重置********/
body,h1,h2,h3,h4,h5,h6,b,p,em,i,span,a,ol,ul,li,table,tr,td,dl,dt,dd,input,textarea,button{margin:0;padding:0;}
body{font:12px/150% Arial,"microsoft yahei","\5b8b\4f53";} 
b,p,i,em{font-style: normal;font-weight: normal;}
ul,ol{list-style: none;} 
a{text-decoration:none;outline:none;}
a:hover{text-decoration: none; } 
a img{border: 0;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol,li{list-style:none;}
img{vertical-align:middle; border: none;}
.clearfix:after{content: "";display: table;clear: both; }
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none}
.visible{display: block}
.clear{clear:both;}
.bmiddle{margin: 0 auto;}
.center{text-align: center;}
input,select,textarea{background: none;border: none;}
input:focus,select:focus,textarea:focus{outline: none;}
textarea:hover,input:hover{border-color: #727278!important;}
textarea{resize:none}
table{ border-spacing: 0px}
.mr130{margin-right: 130px;}
.mt120{margin-top: 120px!important;}
.ml70{margin-left: 70px;}
.ml40{margin-left: 40px;}
.mt100{margin-top: 100px!important;}
.mt80{margin-top: 80px!important;;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px!important;}
.mt40{margin-top: 40px;}
.mr40{margin-right: 40px;}
.mb40{margin-bottom: 40px;}
.mt30{margin-top: 30px;}
.mr30{margin-right: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.pt30{padding-top: 30px;}
.pr30{padding-right: 30px;}
.pb30{padding-bottom: 30px;}
.pl30{padding-left: 30px;} 
.mt20{margin-top: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.pt20{padding-top: 20px;}
.pr20{padding-right: 20px;}
.pb20{padding-bottom: 20px;}
.pl20{padding-left: 20px;} 
.mt10{margin-top: 10px!important;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.ml50{margin-left: 50px;}
.pt25{padding-top: 27px;}
.pt50{padding-top: 50px;}
.pt15{padding-top: 15px;}
.pt10{padding-top: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}
.pl5{padding-left: 5px;}
.mbf10{margin-bottom: -10px!important;}
.mtf20{margin-top: -20px!important;}
.mtf10{margin-top: -3px;}
.mt3{margin-top: 3px;}
.font12{font-size: 12px!important;}
.font14{font-size: 14px!important;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px!important;}
.font21{font-size:21px!important;}
.font24{font-size:24px!important;}
.font30{font-size:30px!important;}
.font36{ font-size:36px!important;} 
.onec{color: #333!important;}
.twoc{color: #666!important;}
.threec{color: #999!important;}
.redwarc{color: #f50000!important}
.redmc{color: #e63232!important;}
.bluec{color:#1eaeed!important;}
.yellowc{color: #ff6400!important;}
.greenc{color: #28be28!important;}
/********css 重置********/

/* 主体 */
.weepr1280{width: 1280px!important;margin: 0 auto;} 
.w144{width: 144px;}
.w420{width: 420px;}
/* 加载动画 */

.loading{position: fixed;left: 0px;top: 0px;right: 0; bottom: 0; z-index: 1999;background: #F6F6F6;text-align: center;}
.loading .loader{display: inline-block;height: auto;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.loading .loader .grid{width: 60px;height: 60px;margin: 100px auto;position: relative;}
.loading .loader .grid .cube{width: 33%;height: 33%;background-color: #00aeff;float: left;-webkit-animation: cubeGridScaleDelay 1.3s infinite ease-in-out;animation: cubeGridScaleDelay 1.3s infinite ease-in-out;}
.loading .loader .grid .cube1{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.loading .loader .grid .cube2{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.loading .loader .grid .cube3{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.loading .loader .grid .cube4{-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.loading .loader .grid .cube5{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.loading .loader .grid .cube6{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.loading .loader .grid .cube7{-webkit-animation-delay: 0s;animation-delay: 0s;}
.loading .loader .grid .ube8{-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.loading .loader .grid .cube9{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
@-webkit-keyframes cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}35%{-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}}
@keyframes cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}35%{-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}}

/* 导航 */
.nav{height: 70px; background: #fff; box-shadow: 0px 1px 5px rgba(0,0,0,.1); position: fixed; left: 0; right: 0; top: 0;z-index: 50; transition:all ease .8s; }
.nav-content{position: relative;}
.nav-list{margin-left: 100px;}
.nav-list ul li{height: 70px; line-height: 70px; float: left; margin: 0 30px;}
.nav-list ul li a{display: block; height: 70px; line-height: 70px; font-size: 16px; color: #333; transition:all ease .2s;-webkit-transition:all ease .2s;}
.nav-list ul li.on a{border-bottom: 2px solid #1ac1fe;height: 68px; line-height: 68px;  color: #1ac1fe;}
.nav-list ul li a:hover{ color: #1ac1fe;}
.nav-telephone{height: 80px; line-height: 84px;}
.nav-telephone span{padding-left: 40px; background: url(/images/web_ui/phone.png) no-repeat left center; font-size: 30px; color: #00b4f0;}
.register{position: absolute; top:50%; transform: translateY(-50%);z-index: 10; right: 0}
.register li {float: left; width: 70px;   height: 32px; line-height: 32px;  border-radius: 6px; background: #00aeff; text-align: center; margin-left: 10px; overflow: hidden;}
.register li a{font-size: 16px; color: #fff;transition:all ease .2s;-webkit-transition:all ease .2s; font-size: 14px;display: block; width: 100%; height: 100%; }
.register li:first-child{height: 30px; line-height: 30px; background:none; border: 1px solid #00aeff; }
.register li:first-child a:hover{background: #dbf4ff;}
.register li:first-child a{color: #00aeff;}
.register li a:hover{background: #009ae2;} 
.nav-index{background: none; box-shadow: none;}
.nav-index .nav-list ul li a{color: #fff;}
.nav-index .nav-list ul li.on a{height: 70px; line-height: 70px; border-bottom: none; color:#1ac1fe }
.nav-index  ul li a:hover{ color: #1ac1fe;}
.nav-index .register li {  background: #fff;}
.nav-index  li a{color:  #666} 
.nav-index .register li:first-child{  border: 1px solid #fff;background: none }
.nav-index .register li:first-child a{color: #fff;}
.nav-index .register li:first-child a:hover{background: rgba(255,255,255,.3); color: #fff}
.nav-index .register li a:hover{color: #333;background: #fff}



/* 标题 */
.mian_tit{padding: 80px 0 60px 0}
.mian_tit h2{font-size: 30px; color: #333; text-align: center;padding-bottom: 20px;}
.mian_tit p{font-size: 14px; text-align: center; color: #333;}

/* 按钮 */
.mian_btn{display: block;width: 270px; height: 40px; line-height: 40px;background: #00aeff; border-radius: 6px; margin: 0 auto; font-size: 16px; color: #fff; text-align: center;transition:all ease .2s;}
.mian_btn:hover{background: #009be3}

 /* 轮播 */ 
.nav_content~#section1 .container{margin-top: 80px;}
.links{padding:8px;background-color:#52b529;margin:5px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.links a{color:#fff;display:inline-block;width:100%;height:100%;text-decoration:none}
.links:hover{background-color:#1e824c}
.current{background-color:#22a7f0}
.swiper-container{width:100%;height:720px;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide{background: #eee}
.banner_otit{font-size: 50px; color: #fff; text-align: center; margin-top: 00px; font-family: '汉仪雪君体简'; padding: 24px 10px;  display:inline-block; height: 40px; line-height:40px;  }
.banner_ofont{font-size: 20px;font-family: '汉仪雪君体简'; margin-top: 20px; color: #fff;}  
.swiper-button-prev,.swiper-button-next{width: 60px!important; height: 60px!important;transition:all ease-out .3s; }
.swiper-button-prev:hover,.swiper-button-next:hover{background-color: rgba(255,255,255,.2)!important}
.swiper-button-prev{ background: rgba(255,255,255,.1) url(/images/web_ui/bar.png) no-repeat center top!important;}
.swiper-button-next{ background: rgba(255,255,255,.1) url(/images/web_ui/bar.png) no-repeat center bottom!important;}
.swiper-pagination-bullet{width: 60px!important; height: 2px!important; border-radius: 0!important;background: rgba(255,255,255,.8)!important;transition:all ease-out .1s;} 
.swiper-pagination-bullet:hover{height: 4px!important}
.banner01bg{background: url(/images/web_ui/banner01bg.jpg) no-repeat center center; background-size: cover}
.banner02bg{background: url(/images/web_ui/banner02bg.jpg) no-repeat center center; background-size: cover}
.banner03bg{background: url(/images/web_ui/banner03bg.jpg) no-repeat center center; background-size: cover}

/* 首页 */
.closedloop{padding: 40px 0; background: red;position: relative;z-index: 10; background: #fff; overflow: hidden;}
.closedloopbg{width: 860px; height: 540px;margin: 0 auto;text-align: center; position: relative; overflow: hidden;}
.circle01{width: 420px; height: 420px; margin: 0 auto; margin-top: 60px}
.circle02{position: absolute; width: 322px; height: 57px; top: 50%; left: 50%; margin-top: -30px; margin-left: -161px; z-index: 20;}
.circle_font{position: absolute; width: 220px; height: 70px;}
.circle_font01{top: 10px; left: 50%; margin-left: -110px}
.circle_font02{top: 50%; margin-top: -35px;left: -0;}
.circle_font03{top: 50%; margin-top: -35px;right: 0;}
.circle_font04{left: 50%; margin-left: -110px;bottom: -25px;}
.circle_font h2{font-size: 16px; text-align: center; color: #333;}
.circle_font p{font-size: 14px; color: #666;}
.closedloop_ul{ width: 1040px; margin: 0 auto;margin-top: 40px;}
.closedloop_ul ul li{width: 92px; height: 92px;  float: left; margin: 0 40px;}
.closedloop_ul ul li:hover img{transition:all ease-out .1s;} 
.closedloopbg .circle01 img {transition:all ease-out .5s!important;}
.closedloopbg  .circle01 img:hover {transform:rotate(360deg)!important;}  
.closedloopbg .circle02 img:hover {-webkit-animation: shake_02 .5s ease-in-out  .2s;}
 @keyframes shake_02 {
    0% {
       -webkit-transform: rotate(-5deg);
       -webkit-transform-origin: center center; 
    }
    100% {
       -webkit-transform: rotate(5deg);
       -webkit-transform-origin: center center; 
    }
}


.functional{height: 700px;background: url(/images/web_ui/functional.jpg) no-repeat center center; background-size: cover; position: relative; z-index: 1;}
.functional_ul{width: 1040px; margin: 0 auto}
.functional_ul ul {margin: 0 -20px;}
.functional_ul ul li{width: 320px; margin: 0 20px; float: left; background: #fff; height: 420px;transition:all ease-out .1s; position: relative;}
.functional_ul ul li:hover{box-shadow:0 4px 20px 8px rgba(0,0,0,.1); }
.functional_ul_img{width: 320px; height: 260px;}
.functional_ul_font{padding: 18px 18px  0 18px}
.functional_ul ul li h3{font-size: 20px; color: #4abdea;}
.functional_ul ul li h4{font-size: 18px; color: #333; padding-top: 12px;}
.functional_ul ul li p{font-size: 14px; color: #666; padding-top: 10px; line-height: 1.5;}
.idustry{position: relative; z-index: 1; height: 530px;background: #fff;}
.information_cont{width: 1180px; margin: 0 auto;}
.information_cont_ul{ margin: 0 -22px;margin-top: 50px;}
.information_cont_ul li{width: 260px; height: 169px; float: left; margin: 0 22px; position: relative;}
.about_us_box{background: #fff; height: 720px; overflow: hidden;}
.information_cont_ul li h2{font-size: 16px; color: #666;margin-bottom: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.information_cont_ul li p{font-size: 14px; color: #999;margin-bottom: 20px;}
.information_cont_ul li i{font-size: 14px; color: #999; }
.information_cont_ul li a{display: block; width: 118px; height: 34px; border: 1px solid #dadada; margin-top: 20px; background: url(/images/web_ui/more.png) no-repeat center top;transition:all linear .1s; }
.information_cont_ul li a:hover{  background:#0096ff url(/images/web_ui/more.png) no-repeat center bottom;  border: 1px solid #0096ff;}
.about_us{height: 610px; background: url(/images/web_ui/about_us.jpg) no-repeat center center; background-size: cover; position: relative; z-index: 2;}
.about_us_cont{width: 1180px; background: #fff; margin: 0 auto; box-shadow: 0px 0px 10px 2px rgba(0,0,0,.08); padding: 80px 0;position: relative; z-index: 1;}
.about_us_cont p{font-size: 16px; text-align: center; color: #333; padding: 20px 0}
.about_us_cont h2{font-size: 16px; text-align: center; color: #1ac1fe; padding: 20px 0}
.other_cont{padding-top: 20px; background: #fff; position: relative; z-index: 1; height: 600px;overflow: hidden;}
.other_cont_container{margin: 0 auto; width: 1180px;}
.roll-wrap:hover .control{display: block;}
.roll-wrap{position: relative; width: 100%; height: 150px; overflow: hidden; border: 1px solid #d4d4d4;}
.roll__list{width: 9999px;position: absolute; left: 0; top: 0;}
.roll__list li{float: left; display: block;  width: 197px; height: 150px; line-height: 150px; font-weight: bold; font-size: 30px; text-align: center; color: #fff; background-color: #fff;}
.control{position: absolute; top: 50%; transform: translateY(-50%); display: none; width: 20px; height: 60px;  text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, .3); border-radius: 2px;transition:all linear .1s;}
.control:hover{background-color: rgba(0, 0, 0, .5)!important;}
.control.pre{left: 5px; background: rgba(0, 0, 0, .3) url(/images/web_ui/controla.png) no-repeat center top;}
.control.next{right: 5px;background: rgba(0, 0, 0, .3) url(/images/web_ui/controla.png) no-repeat center bottom;}
.other_cont_log{height: 150px; border-right: 1px solid #d4d4d4;overflow: hidden;}
.other_cont_log img{display: block; width: 197px; height: 150px;}
.closedloop_ulli_01{transition:all linear .1s; border: 1px solid #65caec; padding: 2px; border-radius: 100px; height: 86px; width: 86px; font-size: 14px;line-height: 86px; text-align: center; color: #fff;}
.closedloop_ulli_02{background: #65caec; border-radius: 100px;height: 86px; width: 86px;}
.closedloop_ul ul li:hover .closedloop_ulli_01{transform: scale(1.1);}

/* 底部 */
.footer-content{padding: 10px 0; height: 140px;}
.footer{ background: #404145;width: 100%; position: relative;}
.footer-scroll{position: absolute; bottom: 0;}
.footer-kh{margin-top: 30px;}
.footer-link{margin-top: 14px;}
.footer-link li{float: left; color: #d1d1d1; margin-right: 12px;}
.footer-link li a{color: #d1d1d1; transition:all ease .2s;-webkit-transition:all ease .2s;}
.footer-link li a:hover{color: #fff;}
.footer-copy{color: #d1d1d1; height: 50px; line-height: 50px; text-align: center; border-top: 1px solid #5f6063; color: #d1d1d1}
.footer-ewm{width: 102px; height: 102px; margin-top: 9px;}
.footer-link i{font-size: 12px; color: #a0a0a0;}
.footer-ewm p{font-size: 12px; color: #c2c2c2; padding-top: 5px; text-align: center;}

/* 老师 */
.teacher-detail-banner{height: 720px; background: url("/images/web_ui/banner02bg.jpg") no-repeat center center; background-size: cover}
.teacher-detail-item{height: 600px; overflow: hidden}
.teacher-detail-item>div{overflow: hidden}
.teacher-detail-item-r{padding-top: 160px;}
.teacher-detail-item-r-font{ }
.teacher-detail-item-r-img{margin-top: 30px;}
.teacher-detail-item:nth-child(2n){background: #f4f4f4; box-shadow: 0px -2px 10px rgba(0,0,0,.2) inset}
.teacher-detail-item-r-font h2{width: 320px; height: 50px; line-height: 50px; padding: 0 20px; color: #333; font-weight: bold; margin-bottom: 20px;}
.teacher-detail-item-r-font p{font-size: 24px; color: #333; line-height: 1.7}
.teacher-detail-item-l-font h2{width: 320px; height: 50px; line-height: 50px; padding: 0 20px; color: #333; font-weight: bold; margin-bottom: 20px; text-align: right}
.teacher-detail-item-l-font p{font-size: 24px; color: #333; line-height: 1.7; text-align: right}
.teacher-detail-con-box{margin-top: 90px;}

.teacher-co01{background: #d1e2e3;}
.teacher-co02{background: #a6d8bc;}
.teacher-co03{background: #d9d2eb;}
.teacher-co04{background: #87daf9;}

/* 学生 */
.student-detail-banner{height: 720px; background: url("/images/web_ui/banner03bg.jpg") no-repeat center center; background-size: cover}
.student-detail-con>div{overflow: hidden; position: relative}
.student-detail-con{height: 2080px; background: url("/images/web_ui/student_detail_conbg.jpg") no-repeat center center;}
.student-detail-con-n{width: 310px;}
.student-detail-con-n h2{font-size: 30px;font-weight:bold; color: #333; padding-bottom: 10px; margin-bottom: 20px;}
.student-detail-con-n p{font-size: 24px; color:#333; line-height: 1.8}
.student-detail-con-n.right{ }
.student-detail-con-n.left{margin-left: 230px;}
.student-detail-con-n.left h2,.student-detail-con-n.left p{text-align: right}

.student-detail-con-n01{margin-top: 200px;}
.student-detail-con-n02{margin-top: 300px;}
.student-detail-con-n03{margin-top: 270px;}
.student-detail-con-n04{margin-top: 300px;}

.student-detail-cicle-01{margin-top: 100px; margin-left: 200px; border-radius: 1000px; width: 350px; height: 350px;  overflow: hidden }
.student-detail-cicle-02{margin-top: 162px; margin-right: 274px; border-radius: 1000px; width: 350px; height: 350px;   overflow: hidden}
.student-detail-cicle-03{margin-top: 164px; margin-left: 200px; border-radius: 1000px; width: 350px; height: 350px;   overflow: hidden}
.student-detail-cicle-04{margin-top: -138px; margin-right: 274px; border-radius: 1000px; width: 350px; height: 350px;   overflow: hidden}


.student-detail-con-n01 h2{background: #abdec1;}
.student-detail-con-n02 h2{background: #f3c7d9;}
.student-detail-con-n03 h2{background: #e2efc8;}
.student-detail-con-n04 h2{background: #c7e0f3;}


/* 品牌 */
.ss_top_pp_banner{height:400px; background: url(/images/web_ui/newstopbanner.jpg) no-repeat center center; background-size:  cover}
.ss_pp_tow{padding: 90px; overflow: hidden;}

.pp-detail-banner{height: 720px; background: url("/images/web_ui/banner04bg.jpg") no-repeat center center; background-size: cover}
.ss_pp_tow p{font-size: 20px; text-align: center; color: #666; padding:  15px 0;}
.ss_pp_three{height: 530px; background: url(/images/web_ui/ss_pp_three.jpg) no-repeat center center; background-size: cover;} 
.ss_pp_three h2{font-size: 40px; color: #fff; text-align: center;  padding-top: 90px; font-weight: normal; margin-bottom: 90px;}
.ss_pp_three_ul li{width: 33.3%; float: left; text-align: center;}
.ss_pp_three_ul_img{width: 88px; height: 88px; margin:0 auto}
.ss_pp_three_ul_img img{display: block; width: 88px; height: 88px;}
.ss_pp_three_ul li h3{color: #fff;  font-size: 24px;   padding-top: 30px;}
.ss_pp_three_ul li p{font-size: 20px; color: #fff; padding-top: 20px;}
.ss_pp_four{height: 730px; background: url(/images/web_ui/ss_pp_four.jpg) no-repeat center center; background-size: cover}
.ss_pp_tow_spe{font-size: 28px; text-align: center; color: #ffa300}
.ss_pp_tow_tit{width: 200px; height: 40px;margin:0 auto 40px auto;padding-top:20px;}
.ss_pp_tow_tit img{width: 200px; height: 40px; }

/* 新闻 */
.module_container .natit{font-size: 24px; color: #333; text-align: center; font-weight: normal; padding-top: 50px}
.module_container .nacon{font-size: 16px; text-align: center; color: #999; padding-bottom: 30px;padding-bottom: 50px; padding-top: 10px;}
.module_container_index{background: #fcfcfc;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}
.module_container{max-width: 1170px;padding-left: 5px;padding-right: 5px;padding-bottom:100px;margin: 0 auto; position: relative;}
.more2{width:118px;height:34px;line-height:34px;display:block;border:#dadada 1px solid;transition: all ease-out .4s;overflow:hidden;position:relative;z-index:1;color:#fff;text-align:center;margin-top:26px}
.more2 span{display:inline-block;width:0;opacity:0;transition: all ease-out .4s}
.more2 i{background:url(/images/web_ui/more.png) no-repeat 0 0;width:16px;height:9px;display:inline-block;}
.content_list{margin-top:30px;}
.module_container_index .content_list{height: 185px; overflow: hidden;  margin-bottom: 50px}
.bx-viewport {width: 100%; overflow: hidden; position: relative;}
.bx-viewport li{margin-bottom: 40px;}
.bx-viewport li .item_info .title{font-size: 15px;color: #666;transition:all .3s linear}
.bx-viewport li{ float: left;}
.bx-viewport li:nth-child(4n){margin-right: 0;}
.bx-viewport li .item_info .line{margin:14px 0;height:1px;background:#dddddd;width:0;transition:all .3s linear}
.bx-viewport li .item_info .subtitle{font-size: 12px;color: #4f4f4f;font-family:Arial;margin-top:20px}
.bx-viewport li .item_info .description{font-size: 12px;color: #8f8f8f;line-height: 20px;height:40px;overflow:hidden}
.bx-viewport li:hover .item_info .title{color:#333333}
.bx-viewport li:hover .item_info .line{width:100%;}
.bx-viewport li:hover .more2 i{background-position:0 -7px;}
.bx-viewport li:hover .more2{background-color:#1ac1fe; border-color: #1ac1fe; color:#fff;}
.bx-viewport li:hover .more2 span{width:50px;opacity:1}
.ss_news_topbanner{height: 400px; background: url(/images/web_ui/ss_top_pp_banner.jpg) no-repeat center center; background-size: cover}

/* 分页 */
#pages{position: absolute; left: 50%; margin-right: -10px; transform: translateX(-50%);}
#pages a{width: 36px;transition:all 0.3s ease-out 0s; height:36px; background: #d2d2d2;float: left; margin-right: 10px; color: #fff; text-align: center; line-height: 36px; font-size: 14px; display: block;}
#pages a:hover,#pages a.active{background-color: #1ac1fe;color: #fff;}
#pages span{width: 36px; height:36px; float: left; margin-right: 10px; color: #666; text-align: center; line-height: 30px; font-size: 14px; display: block;}
#pages .pre{background:#d2d2d2 url(/images/web_ui/pagesicon.png) no-repeat center top; text-indent: -999999px;}
#pages .next{background:#d2d2d2 url(/images/web_ui/pagesicon.png) no-repeat center -36px; text-indent: -999999px;}
.module_container_newsList .content_list{height: 450px; overflow: hidden;}

/* 老分页 */ 
.pfontbox{height: 28px; line-height: 28px;margin-right: 4px; color: #32323c;width: 40px;text-align: right;}
.newpagination li{display: inline-block; height: 26px; width: 26px; line-height: 26px; border: 1px solid #cccccc; border-radius: 2px;margin:0 5px;}
.newpagination li a{font-size: 12px; color: #32323c; display: block;  height: 100%; width: 100%; text-align: center;}
.newpagination li a:hover{background-color: #e6e7e8}
.newpagination li.prev,.newpagination li.next,.newpagination li.first,.newpagination li.last{width: 60px;}
.newpagination li.active{background: #34a0ee;border-color: #258cda;}
.newpagination li.active a{color: #fff;}
.newpagination li.active a:hover{background: #238cdc;}
.newpagination li.disabled a{cursor:not-allowed }
.newpagination li.disabled a:hover{background-color: #fff;}
.coupontext textarea{border: 1px solid #b9b9be; border-radius: 4px; padding: 6px 0; width: 100%; font-size: 12px; color: #333;box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); text-align: left;}


/* 新闻详情 */
.detail_box{}
.news_xq_box{margin-top: 60px!important; min-height: 600px; width: 900px; margin:  0 auto;}
.detail_con{background: #f8f8f8;padding-top: 80px;} 
.news_xq_box_tit{border-bottom: 1px solid #eee; height: 130px}

.news_xq_box_tit i{position: absolute; left: 50%;  transform: translateX(-50%);}
.news_xq_box_tit em{padding: 0 10px}
.news_xq_box_tit h1{font-size: 30px; text-align: center; color: #333; line-height: 40px;}
.news_xq_box_tit i{display: block; text-align: center; color: #666; font-size: 14px; padding-top: 20px; margin-bottom: 40px;}
.news_xq_box_con{padding: 40px 0;}
.news_xq_box_con h2{font-size: 20px; text-align: center;margin:20px 0; color: #666;}
.news_xq_box_con img{display: block; width:70%; margin: 40px auto;}
.news_xq_box_con p{font-size: 14px; color: #999; line-height: 2.0; text-indent: 2em;}
.jiathis_style_24x24 .jtico{background-image: url(/images/web_ui/jiathis_ico_24x24n.png)!important;}
.shaw_box_tit{height: 24px; line-height: 24px;}
.shaw_box{padding-left: 20px;}
.news_xq_box_font{height: 24px; line-height: 24px;}

/* 登录 */
/* 登录框 */ 
.inpbox{height: 38px; padding: 0px 20px; background: rgba(255,255,255,1); border-radius: 6px; border: 1px solid rgba(255,255,255,.9);box-shadow: inset 0px 1px 3px 0px rgba(7, 0, 2, 0.078);}
.inpbox input{color: #000; display: block; font-size: 14px; width: 100%; height: 38px; line-height: 40px;}
.signin_container .tit{text-align: center; font-size: 20px; color: #fff; padding-bottom: 40px;}
.sign_in_cont{height: 800px; background:url(/images/web_ui/loginbg.jpg) no-repeat center center; background-size: cover; position: relative; overflow: hidden;}
.signin_top_box{text-align: center; margin-top: 80px;}
.signin_container{width: 320px;padding: 40px 20px; padding-top: 30px; border-radius: 8px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.2)}
.wtip{display: none; height: 14px; line-height: 14px; color: #e6461e; margin-top: 10px; margin-bottom: -2px; font-size: 12px; background: url(/images/web_ui/wtipbg.png) no-repeat left center; padding-left: 20px;}
.code{ width: 116px; height: 38px;}
.code img{display: block; width: 114px; height: 36px;border: 1px solid #d2d2d2;}
.reg-blue-btn{transition:all ease .2s; border-radius: 6px; height: 40px; line-height: 40px; background: #1eaeed; font-size: 16px; color: #fff; text-align: center; display: block;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.118), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.157);}
.reg-blue-btn:hover{background: #029be3}

/* 注册 */
.register_container_box{ position: relative; z-index: 2; overflow: auto;}
.register_ore{width: 740px;}
.register_ore .logo{width: 160px; height: 50px;}
.register_container{position: fixed;z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: url(/images/web_ui/loginbg.jpg) no-repeat center center; background-size: cover;}
.register_deposit{width: 740px;min-height: 550px;border-radius: 8px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.2)}
.register_ore_r ul{margin: 20px 0; margin-right: -10px;}
.register_ore_r li{float: left; margin: 0 10px; color: #fff;}
.register_ore_r li a{color: #35a7df}
.register_font_tit{height: 75px; line-height: 75px; color: #fff; text-align: center; font-size: 26px; border-bottom: 1px solid rgba(255,255,255,.2)}
.register_step{width: 516px; margin: 36px auto;}
.role_box {width: 480px; margin: 0 auto;}
.role_box ul{margin: 0 -15px;}
.role_box_con{width: 138px; height: 108px; border-radius: 12px; border: 1px solid #fff; background: #fff; cursor: pointer;transition:all ease .2s;}
.role_box_con:hover{border: 1px solid #1eaeed;}
.role_box li{width: 140px; float: left; margin: 0 15px; overflow: hidden;} 
.role_box li.on .role_box_con{border:1px solid #1eaeed;  background:rgba(234,249,255,.9) url(/images/web_ui/role_boxlion.png) no-repeat right bottom;}
.role_box li p{font-size: 18px; text-align: center; color: #fff; padding-top: 12px;}
.role_box li.on p{color: #1eaeed;}
.role_box_conlc_01{width: 138px; height: 108px; background: url(/images/web_ui/role_box_conlc_01.png) no-repeat center top;}
.role_box_conlc_02{width: 138px; height: 108px; background: url(/images/web_ui/role_box_conlc_02.png) no-repeat center top;}
.role_box_conlc_03{width: 138px; height: 108px; background: url(/images/web_ui/role_box_conlc_03.png) no-repeat center top;}
.role_box li.on .role_box_con>div{background-position:  center bottom;}
.register_bottom{text-align: center; color: #fff;}
.register_bottom a{color: #1eaeed}
.register_copy{font-size: 12px; padding-top: 40px; padding-bottom: 40px; color: rgba(255,255,255,.8); text-align: center;}
.register_sscu{width: 60px; height: 60px; margin: 40px auto; margin-bottom: 30px;}
.register_sscu_font{font-size: 20px; text-align: center; color: #fff;}
.blue-btn{transition:all ease .2s;}
.blue-btn:hover{color: #0090d3!important}

/* 上面表单框子 */
.ipnw160{width: 160px;  border: 1px solid #fff}
.ipnw100{width: 100px;  border: 1px solid #fff}
.ipnw60{width: 60px;  border: 1px solid #fff}
.ipnw240{width: 240px;  border: 1px solid #fff}
.slecw100{width: 100px;}
.topipntbox{padding: 20px; border: 1px solid #f0f0f0;}
.topipntc{height: 30px;}
.topipntc .tit{height: 30px; line-height: 30px; color: #333;}
.inpDivcon{height: 30px; line-height: 30px; color: #333;}
.inpDiv input{border: 1px solid #b9b9be; border-radius: 4px; padding: 7px 10px; font-size: 12px; color: #333;box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);}
.inpDiv select{cursor: pointer; border: 1px solid #b9b9be; border-radius: 4px; padding: 7px 10px; font-size: 12px; color: #333;box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);}
.inpDiv select:hover{border-color: #727278}
.textwidth{width: 300px;}
.slecw160{width: 160px;}
.timeztip{display: block;float:left; padding: 0 10px; font-size: 12px;color: #333; height: 30px; line-height: 30px;}
.topipntckox{height: 30px;line-height: 30px; cursor: pointer;}

/* 通用按钮 */
.mblucobtn{display: block; width: 80px;border-radius: 4px; font-size: 12px; text-align: center; height: 30px; line-height: 30px; color: #fff; background: #32a0f0;}
.mblucobtn:hover{background: #238cdc;} 


/* 公共题库 */
.bototmullicon{ padding: 20px;}
.bototmullicon h2{padding-bottom: 10px;}
.bototmulli li{margin: 10px 0;border: 1px solid #e8e8e8;}
.bototmulli li.success{margin: 10px 0;border: 2px solid green;background-color: rgb(190, 220, 191)}
.bototmulli li.success:hover{margin: 10px 0;border: 2px solid green;}
.bototmulli li:hover{border:1px solid #32a0f0;}
.bototmullicon{font-size: 12px; color: #333; line-height: 1.6;}
.bototmullicon img{margin: 5px 0;}
.bototmullicon p{padding: 2px 0;}
.bototmullibtnbg{padding: 10px; background: #e8e8e8;}
.bototmullibottom{padding: 10px;overflow: hidden;}
.bototmulli-da,.bototmulli-jx{position: relative;}
.bototmulli-da span,.bototmulli-jx span{padding: 1px 6px; border-radius: 2px; color: #000;}
.bototmullibottom .title{ font-weight: bold;}
.bototmulli-da p,.bototmulli-jx p{margin-left: 50px; line-height: 1.6;}
.pttita{color: #32a0f0;}
.pttita:hover{text-decoration: underline;}

/* 平台试题 */
.ptshitul li{padding:10px 15px; border: 1px solid #eee; line-height: 30px; margin-bottom: -1px;}
.ptname{padding: 0 10px; color: #333;}
.pttime{padding:  0 10px; color: #333;}

/* 平台教辅详情页 */
.ptjfditit{font-size: 20px; text-align: center; color: #333; padding: 20px 0}
.ptjfditail{border: 1px solid #ccc;}
.ptjfditail li{padding: 15px 20px;}
.ptjfditail li a{font-size: 12px; color: #32a0f0; }
.ptjfditail li a:hover{text-decoration: underline;}

/* 顶部tab-试题试卷中才会用到 */
.toptab{height: 48px; background: #eeeeee; border: 1px solid #d2d2d2; border-bottom: 2px solid #00b7ee; line-height: 48px;}
.toptab li{float: left; font-size: 16px; color: #666666; }
.toptab li a{display: block; color: #666666;padding: 0 40px; border-right: 1px solid #d2d2d2; font-size: 16px;}
.toptab li a.active{background: #00b7ee; color: #fff;}

/* 二级tab切换 */
.sec-tab{height: 40px; border-bottom: 1px solid #d2d2d7; position: relative;}
.sec-tab ul li{float: left; margin-right: 10px;}
.sec-tab ul li a{display: block; height: 40px; line-height: 40px; padding: 0 16px; color: #64646e;}
.sec-tab ul li a.active{padding: 0 15px; border-top: 1px solid #d2d2d7;border-bottom: 1px solid #fff;height: 39px;line-height: 39px; color: #ff3250;border-left: 1px solid #d2d2d7;border-right: 1px solid #d2d2d7; -webkit-border-top-left-radius: 6px;border-top-left-radius: 6px;-moz-border-radius-topleft: 6px;-webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px;}
.sec-tab ul li a:hover{padding: 0 15px; border-top: 1px solid #d2d2d7;border-bottom: 1px solid #fff;height: 39px;line-height: 39px; color: #ff3250;border-left: 1px solid #d2d2d7;border-right: 1px solid #d2d2d7; -webkit-border-top-left-radius: 6px;border-top-left-radius: 6px;-moz-border-radius-topleft: 6px;-webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px;}

/*#region 组卷悬浮 */
.rightNav { 
	width: 40px;
	position: fixed;
	right: 0px;
    top: 146px;
	z-index: 2000;
	_position: absolute;
}
.rightNav .fl {
    position: relative;
	width: 38px; 
	float: left;
	border-right: 1px solid #ddf1fe;
    margin: 0 auto;
}
.fl .item{ display: inline-block;width: 100%;text-align: center;margin-top: 15px;}
.fl .item a{ font-size: 14px;text-underline: none;}
.fl .item:last-child{ margin: 15px 0;}
.fl a{ display: inline-block;}
.fl .txt a{ font-size: 19px;line-height: 20px;}
.fl .txt .count{ font-weight: normal;font-size: 15px;line-height: 26px;}

.bg-red{ background-color: #ff0000;}
/*#endregion */