@charset "utf-8";
/* CSS Document */
body { background: #f5f7fb !important; }
.w { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.czs { font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.banner { height: 420px; width: 100%; overflow: hidden; background: url(../images/banner.jpg) no-repeat center center; }
.img_crowd { overflow: hidden; padding: 15px 0px; display: none; }
.img_crowd a { display: block; width: 336px; height: 140px; overflow: hidden; overflow: hidden; float: left; }
.img_crowd a.c1 { background: url(../images/img_crowd.jpg) no-repeat; margin-right: 20px; }
.img_crowd a.c2 { background: url(../images/img_crowd.jpg) no-repeat -338px 0px; margin-right: 30px; }
.img_crowd a.c3 { background: url(../images/img_crowd.jpg) no-repeat -675px 0px; }
.blank { height: 0.8rem; overflow: hidden; clear: both; width: 100%; }
.red { color: #e00; }
h2.title { font-size: 2.2rem; color: #009aea; text-align: center; }
h3.title { font-size: 1.5rem; font-weight: normal; color: #009aea; text-align: center; }
h4.title { font-size: 1rem; font-weight: normal; color: #009aea; text-align: center; }
h4.title b { font-size: 1.2rem; }
/*btn*/
.w_img { text-align: center; padding: 1rem 0rem; clear: both; overflow: hidden; }
.w_img img { width: 90%; }
.w_btn { clear: both; overflow: hidden; text-align: center; padding: 1.5rem; }
.w_btn a { font-size: 1rem; color: #fff; background: #ea4855; display: inline-block; padding: 0.725rem 5rem; border-radius: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.w_btn a:hover { background: #333; color:#fff;}
/*czs_select*/
.czs_select { clear: both; overflow: hidden; padding: 50px 0px 10px; background: #fff; }
.czs_select ul { padding: 20px 10px 0px; clear: both; overflow: hidden; }
.czs_select ul li { width: 25%; box-sizing: border-box; float: left; overflow: hidden; padding: 10px; }
.czs_select ul li .select_unit { background: #fff; box-shadow: 0px 0px 5px #ccc; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; box-sizing: border-box; padding: 10px; border-radius: 4px; }
.czs_select li .img img { width: 100%; }
.czs_select li .txt { text-align: center; padding: 10px; }
.czs_select li .txt h3 { font-size: 18px; height: 30px; line-height: 30px; margin-bottom: 4px; color: #444; }
.czs_select li .txt p { color: #888; font-size: 14px; }
.czs_select li .select_unit:hover { box-shadow: 0px 0px 10px #999; }
.czs_select li.select_4 .select_unit { background: #009aea; }
.czs_select li.select_4 .select_unit h3, .czs_select li.select_4 .select_unit p { color: #fff; }
.czs_select dl { clear: both; overflow: hidden; font-size: 16px; padding: 20px 30px; background: #fff; box-shadow: 0px 0px 5px #ccc; border-radius: 4px; margin: 0px 20px 30px; display:none; }
.czs_select dl.last { margin-bottom: 0; }
.czs_select dl:last-child { border: none; }
.czs_select dt { padding: 5px 0px; color: #00B78F; }
.czs_select dd { padding: 5px 0px; color: #EB6100; }
.czs_select dt span, .czs_select dd span { display: inline-block; height: 24px; line-height: 24px; padding: 0px 5px; font-size: 14px; text-align: center; margin-right: 0.5rem; font-weight: bold; border-radius: 4px; background: #f00; color: #fff; }
.czs_select dt span { background: #00B78F; }
.czs_select dd span { background: #EB6100; }
/* advantage css */
.advantage { padding: 50px 0px 10px; }
.advantage h2.title { margin-bottom: 30px; }
.outBox { width: 100%; }
.outBox .hd { position: relative; }
.outBox .hd ul { float: left; width: 360px; }
.outBox .hd ul li { cursor: pointer; clear: both; width: 100%; height: 100px; box-sizing: border-box; background: #fff; border: #009aea solid 1px; color: #009aea; margin-bottom: 10px; border-radius: 8px; padding: 10px 0px 10px 15px; position: relative; }
.outBox .hd ul li:after { content: ""; display: none; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #009aea; position: absolute; right: -20px; top: 38px; }
.outBox .hd ul li.on:after { display: block; }
.outBox .hd ul li .img { width: 80px; height: 80px; float: left; overflow: hidden; }
.outBox .hd ul li .img_1 { background: url(../images/advantage_1.png) no-repeat; }
.outBox .hd ul li .img_2 { background: url(../images/advantage_2.png) no-repeat; }
.outBox .hd ul li .img_3 { background: url(../images/advantage_3.png) no-repeat; }
.outBox .hd ul li .img_4 { background: url(../images/advantage_4.png) no-repeat; }
.outBox .hd ul li.on .img_1 { background: url(../images/advantage_1_h.png) no-repeat; }
.outBox .hd ul li.on .img_2 { background: url(../images/advantage_2_h.png) no-repeat; }
.outBox .hd ul li.on .img_3 { background: url(../images/advantage_3_h.png) no-repeat; }
.outBox .hd ul li.on .img_4 { background: url(../images/advantage_4_h.png) no-repeat; }
.outBox .hd ul li .txt { width: 250px; float: left; box-sizing: border-box; padding: 5px 0px 5px 20px; }
.outBox .hd ul li .txt h3 { font-size: 16px; margin-bottom: 5px; }
.outBox .hd ul li .txt p { font-size: 13px; }
.outBox .hd ul li.on { background: #009aea; color: #fff; }
.outBox .bd { width: 820px; float: right; }
.inBox { background: #fff; height: 426px; border-radius: 8px; }
.inBox .inHd { background: #fff; }
.inBox .inHd ul { overflow: hidden; zoom: 1; background: #f5f7fb; }
.inBox .inHd ul li { height: 50x; line-height: 50px; width: 186px; margin-right: 10px; font-size: 18px; border-radius: 4px; text-align: center; float: left; cursor: pointer; background: #555; color: #fff; box-sizing: border-box; }
.inBox .inHd ul li.on { background: #ea4855; color: #fff; }
.inBox .inBd { }
.inBox .inBd ul { padding: 40px 15px; zoom: 1; overflow: hidden; }
.inBox .inBd li dl { clear: both; overflow: hidden; }
.inBox .inBd li dt { width: 40%; float: right; box-sizing: border-box; padding-left: 0.5rem; }
.inBox .inBd li dt h3 { margin-bottom: 0.4rem; font-size: 24px; color: #009aea; }
.inBox .inBd li dd { width: 55%; float: left; }
.inBox .inBd li dd img { max-width: 100%; }
.inBox .inBd li dt span:nth-child(1) { }
.inBox .inBd li dt h4 { margin-bottom: 0.5rem; color: #e00; font-size: 30px; }
.inBox .inBd li dt p { font-size: 15px; color: #333; }
.inBox .inBd li dt h5 { font-size: 18px; padding: 30px 0px 10px; }
.inBox .inBd li .cont { clear: both; overflow: hidden; }
.inBox .inBd li .cont span { display: block; padding: 0.3rem 0.8rem; margin: 0.2rem 0.4rem 0.2rem 0rem; border-radius: 1rem; color: #333; font-size: 0.725rem; background: #fff; border: #ccc solid 1px; float: left; }
.advantage_xq img { width: 50%; }
.advantage_qj .text { width: 50%; float: left; overflow: hidden; font-size: 18px; box-sizing: border-box; padding-right: 15px; }
.advantage_qj .text p { margin-bottom: 15px; text-indent: 2em; }
.advantage_qj img { width: 50%; }
.advantage_js img { width: 100%; }
/*worth*/
.worth { background: #fff; padding: 50px 0px; }
.worth h3.title { margin-bottom: 30px; }
.worth table { width: 100%; border: none; margin-bottom: 50px; }
.worth table td, .worth table th { color: #fff; padding: 15px; font-size: 16px; text-align: center; }
.worth table th { font-weight: bold; font-size: 22px; }
.worth .td1, .worth .td3 { font-weight: bold; background: #e8ebf2; color: #333; border: #c9cfda solid 1px; }
.worth .td2 { background: #009aea; border-top: #008ad1 solid 1px; }
.worth .td3 { font-weight: normal; }
.worth th.td1, .worth th.td3 { background: #f5f7fb; }
.worth th.td2 { background: #24acf2; border: none; }
.worth .cctv { clear: both; overflow: hidden; }
.worth .cctv h2.title { margin-bottom: 20px; }
.worth .cctv .video { width: 600px; height: 469px; background: url(../images/mac_bg.png) no-repeat; overflow: hidden; position: relative; float: left; }
.worth .cctv .video_main { width: 524px; height: 303px; background: #000; position: absolute; left: 38px; top: 38px; }
.worth .cctv .video_box { width: 454px; margin: 0 auto; height: 100%; }
.worth .cctv .text { width: 560px; float: right; padding-top: 10px; }
.worth .cctv .text h3 { border-bottom: #ddd dashed 1px; font-size: 18px; padding: 10px 0px; margin-bottom: 10px; }
.worth .cctv .text ul { margin-bottom: 15px; overflow: hidden; }
.worth .cctv .text li { float: left; padding: 5px; width: 25%; box-sizing: border-box; }
.worth .cctv .text li img { width: 100%; }
.worth .cctv .text p { font-size: 14px; color: #888; line-height: 1.8; }
/*student */
.student { padding: 50px 0px 10px; }
.student .w{ overflow:visible;}
.student h2.title { margin-bottom: 0px; }
.student h3.title { margin-bottom: 10px; }
.imgScroll { width: 100%; position: relative; box-sizing:border-box; padding:0px 5px; }
.imgScroll .hd {}
.imgScroll .hd .pageState{ display:none;}
.imgScroll .hd .prev,.imgScroll .hd .next { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position:absolute; top:160px;}
.imgScroll .hd .prev{ background: url(../images/arrow_left.png) no-repeat; left:-60px;}
.imgScroll .hd .next { background: url(../images/arrow_right.png) no-repeat; right:-60px;}
.imgScroll .hd .prevStop {}
.imgScroll .hd .nextStop {}
.imgScroll .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.imgScroll .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("images/icoCircle.gif") 0 -9px no-repeat; }
.imgScroll .hd ul li.on { background-position: 0 0; }
.imgScroll .bd { }
.imgScroll .bd ul { overflow: hidden; zoom: 1; }
.imgScroll .bd ul li { margin: 0 9px; float: left; _display: inline; overflow: hidden; text-align: center; position:relative;}
.imgScroll .bd ul li .img { text-align: center; width:220px;}
.imgScroll .bd ul li .img img { width:100%; display: block; }
.imgScroll .bd ul li .img a:hover img { }
.imgScroll .bd ul li .txt { width:100%; height:80px; padding-top:8px; color:#fff;background: rgba(234,72,85, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccea4855, endColorstr=#ccea4855);}
.imgScroll .bd ul li .txt p{ line-height:1.5;}
.imgScroll .bd ul li .txt p.t1{ font-size:18px; font-weight:bold;}
.imgScroll .bd ul li .txt p.t2{ font-size:14px;}
.imgScroll .bd ul li .txt p.t3{ font-size:16px; font-weight:bold;}
/*security*/
.security{ background:#fff; overflow:hidden; padding:50px 0px;}
.security h3.title{ margin-bottom:40px;}
.security .main{ text-align:center;}
/*environment*/
.environment{ padding:40px 0px;}
.environment h3{ margin-bottom:20px;}
.imglist { clear: both; overflow: hidden; padding: 0rem 0.4rem; }
.imglist li { width: 33.33%; overflow: hidden; box-sizing: border-box; float: left; overflow: hidden; padding:0.4rem; }
.imglist li span{ display:block; height: 240px; border:#fff solid 8px; overflow:hidden;}
.imglist li img { width: 100%; box-sizing:border-box; overflow:hidden; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.imglist li img:hover{transform:scale(1.2,1.2); }
/*.block3-------------------------------*/
.block3 { clear: both; overflow: hidden; background: #fff; }
.block3 h5 { font-size: 30px; text-align: left; padding: 0.8rem 0; border-bottom: #eee solid 1px; color: #009aea; margin: 0 1rem; }
.block3 h5 b { color: #e00; position: relative; padding: 0 0.8rem; }
.block3 h5 b:before { content: ""; display: block; height: 25px; width: 3px; background: #009aea; overflow: hidden; position: absolute; left: 0px; top: 9px; }
.block3 .info { font-size: 16px; color: #999; padding: 20px; }
.unit { margin-bottom: 80px; clear: both; overflow: hidden; position: relative; }
.unit_img { padding: 0 0.8rem; }
.unit_img img { width: 100%; }
.unit_txt { font-size: 16px; color: #777; margin: 0 1rem; padding: 1rem 0; }
/*unit_1*/
.unit_1 { }
.about_img img { width: 230px; margin-right: 10px; }
/*unit_2*/
.unit_2 .unit_img { padding: 0rem; }
#certify, .swiper-container_3 { position: relative; width: 100%; padding: 40px 0px; }
#certify .swiper-container { padding-bottom: 1rem; }
#certify .swiper-slide { width: 65%; background: #fff; box-shadow: 0px 0px 10px #aaa; }
#certify .swiper-slide .swiper_img { }
#certify .swiper-slide .swiper_img img { display: block; }
#certify .swiper-slide .swiper_txt { height: 40px; line-height: 40px; padding: 10px 0px; text-align: center; color: #333; font-size: 24px; font-weight: bold; margin: 0; clear: both; overflow: hidden; }
#certify .swiper-slide .swiper_txt small { font-size: 80%; font-weight: normal; color: #666; vertical-align: middle; display: inline-block; padding-left: 0.5rem; }
#certify .swiper-pagination { width: 100%; bottom: -20px; display: none; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.2rem; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }
#certify .swiper-button-prev { left: 0px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; display: none; }
#certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% }
#certify .swiper-button-next { right: 0px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; display: none; }
#certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% }
/*unit_3*/

.unit_3 { padding-bottom: 0.3rem; }
.unit_3 ul { padding: 0 0.3rem; }
.unit_3 li { width: 270px; height: 330px; float: left; background: #f5f7fb; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 10px; margin-right: 18px; border-radius: 6px; }
.unit_3 li .img { }
.unit_3 li .img img { width: 100%; }
.unit_3 li .txt { text-align: center; padding: 10px 20px 0px; }
.unit_3 li .txt h3 { display: block; clear: both; overflow: hidden; padding: 5px 0px; font-size: 18px; font-weight: bold; color: #333; margin-bottom: 2px; }
.unit_3 li .txt p { color: #999; font-size: 13px; line-height: 1.6; border-radius: 4px; overflow: hidden; }
.unit_3 li:last-child { margin-right: 0px; }
/*unit_4*/
.unit_4 .unit_img { text-align: center; }
.unit_4 .unit_img img { width: 80%; margin: 0 auto; }
/*unit_5*/

.unit_5 { }
.unit_5 img { display: block; margin: 0 auto; }
/*unit_8*/
/**/
.unit_9 .imglist { }
.imglist dl { padding: 0.4rem 0.4rem 0rem; }
.imglist dd { width: 33.33%; box-sizing: border-box; float: left; overflow: hidden; padding: 0rem 0.4rem; }
.imglist dd span { display: block; margin-bottom: 0.8rem; }
.imglist dd img { width: 100%; }
.imglist p { padding: 0rem 0.8rem 0.4rem; }
.imglist p img { width: 100%; }
/*answer*/

.answer { clear: both; margin-bottom: 0.8rem; overflow: hidden; }
.answer h2.title { padding: 1rem 0rem; }
.answer li { width: 33.33%; float: left; }
.answer li img { width: 100%; }
/*sqst*/

.sqst { background: #fff; clear: both; overflow: hidden; margin: 0rem 0.8rem; padding-bottom: 1rem; border-radius: 6px; }
.sqst h2 { text-align: center; font-size: 1.4rem; padding: 0.7rem 1rem; background: #009aea; color: #fff; }
.sqst form { width: 100%; box-sizing: border-box; padding: 1rem 1.2rem; }
.sqst form input { width: 100%; border: 1px solid #e7e7e7; margin-top: 1rem; line-height: 3rem; box-sizing: border-box; padding-left: 1rem; font-size: 1rem; }
.sqst form .btn_submit { width: 100%; line-height: 3rem; text-align: center; background: #e40000; border: none; font-size: 1.2rem; color: #fff; }
.required, .type { font-size: 0.9rem; color: #e00; padding-top: 5px; }
/*mfoot_zt_form*/

/*mfoot_zt_form*/
.mfoot_zt_form { display: none; }