@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;outline: 0 none;border: 0 none;-webkit-text-size-adjust: none}
html {_background-image: url(blank.jpg);_background-attachment: fixed;overflow-x: hidden;overflow-y: scroll}body {font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica;font-size: 18px;color: #000}article, aside, dialog, figure, footer, header, legend, nav, section, time {display: block}a{text-decoration: none;outline: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out}a:focus {-moz-outline-style: none;background: 0}
button{border: 0}ul, ol, li {list-style: none}h1, h2, h3, h4, h5, h6, em, b, i, u {font-style: normal;font-weight: normal;}img {border: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
input, button, ul li {vertical-align: top}input, button:focus {outline: 0;}textarea {resize: none}.clearfix {zoom: 1}.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}table {border-collapse: collapse;border-spacing: 0}
a, button {cursor: pointer}.fl {float: left}.fr {float: right}.clearfix {zoom: 1}
.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}.clear{ clear: both}
.ban{width: 100%; height:688px; background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover; border-bottom: 100px solid #f5f5f5}
.top,.ban-con{width: 1200px; margin: 0 auto; overflow: hidden;padding-top: 30px;}
.top-l{ width: 131px;}
.top-r{font-size: 24px; color:#395aa6;margin-top: 8px}
.ban-con h4{font-size: 80px;font-weight: bold;color: #2359b7; margin-top: 50px}
.ban-con h5{font-size: 70px;font-weight: bold;color: #395aa6;}
.ban-con p{font-size:26px;color: #395aa6; margin-top: 8px}
.ban-con div{ display: block;width: 150px; height: 4px; background: #2359b7; margin: 10px 0}
.ban-con a,.why-btn{  display: block;font-size: 28px; color: #fff; font-style: normal;width:340px; background: #005aca; border-radius: 35px; text-align: center;height:68px; line-height: 68px; margin-top: 30px }

/*.bd{ width: 100%; height: auto; background:#f5f5f5; margin-top: 50px }*/
.bd-con{ width: 1200px; margin: -150px auto 0; padding: 35px 0 35px; background: #3271e7}
.bd-title{ width: 300px; float: left; margin-left: 30px}
.bd-title span{ font-size: 42px; color: #fff;  margin-top: -5px;margin-left: 3px}
.bd-box{width: 850px; float: left}
.bd input,.bd select{width:260px;height: 50px;line-height: 50px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%; float: left; margin-right: 30px; border: 1px solid #e5e5e5
}
.bd button{width:200px;height: 50px;line-height: 50px; background: #ffaa00; color: #fff; font-size: 21px; text-align: center; border-radius: 8px;}
.study{ width: 100%; height: auto; background:#f5f5f5; padding: 40px 0 }
.study-con{ width: 1200px; margin: 0 auto;}
.title h3{ font-size: 44px;font-weight: bold;color: #333; text-align: center}              
.title div{ display: block; margin: 10px auto 0; width: 130px; height:4px; background: #999}
.study-con li{ float: left; width: 300px;}
.study-con li img{ display: block;margin: 0 auto;}
.study-con li p{ font-size: 32px; color: #222;text-align: center;padding-top: 200px}
.study-con li span{ width: 220px; margin: 10px auto 0;text-align: center; display: block; font-size: 24px; color: #444}
.study-bac1{ width: 300px; height: 489px; background: url(../imgs/img6.png); margin-top: -145px} 
.study-bac2{ width: 300px; height: 489px; background: url(../imgs/img7.png); margin-top: -145px} 
.study-con li .study-bac2 p,.study-con li .study-bac2 span{color: #fff}
.lb{ width: 1200px; height: auto; padding: 40px 0;background:#3271e7; margin: 40px auto 0;}
.lb .title h3,.why .title h3{ color: #fff}
.lb .title div,.why .title div{ background: #fff}
.lb-box{ margin-top: 30px}
.lb-box li{ float: left; width: 315px; border-right: 2px solid #fdfdfd;margin-left: 80px}
.lb-box li img{width: 72px;margin-top: 5px}
.lb-box li div{ margin-left: 20px}
.lb-box li div p{font-size: 34px; color: #fff; margin-bottom: 5px}
.lb-box li div span{font-size: 24px; color: #fff}
.lb-box li:last-child{ border-right: none}
.kc{ width: 1200px; margin: 40px auto 0;}
.kc-ul {overflow: hidden;margin-top: 35px;margin-bottom: 15px}
.kc-ul li {float: left;}
.kc-ul li div{width:190px;height: 56px;line-height: 56px;background: #e1f1ff;font-size: 24px;color: #2b2b2b;text-align: center;margin-right: 10px;cursor: pointer}
.kc-ul .kc-cur div{ background: #3271e7; color: #fff}
.kc-ul .kc-cur span {display: block;width: 0;height: 0;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid #3271e7;background: #fff;margin-left: 80px;}

.w1 {width: 200px}
.w2 {width: 350px}
.w3 {width: 350px}
.w4 {width: 300px}
.kc table tr{border-bottom: 1px solid #ebebeb}
.kc table tr th {font-size: 26px;color: #333;font-weight: normal;text-align: center;height: 66px;line-height: 66px;border: 1px solid #ebebeb}
.kc table tr td {font-size: 20px;color: #333;text-align: center;line-height: 24px;padding: 15px 0px;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb}
.border-bot {border-bottom: 1px solid #ebebeb}
.tab-btn2,.kc-btn {display: block;width: 160px;height: 44px;line-height: 44px;border-radius: 35px;text-align: center;font-size: 20px;color: #3271e7;border: 2px solid #3271e7;margin: 0 auto;}
.tab-btn2:hover,.kc-btn:hover {background: #3271e7;color: #fff}
.kc-btn{width: 360px;height: 60px;line-height: 60px;font-size: 24px; margin-top: 35px}
.why{ width: 100%; height: auto; padding: 40px 0; background:#3271e7;margin-top: 40px }
.why-con{width: 1155px; margin: 0 auto}
.why-box{ margin-top: 40px}
.why-box li{ float: left; background: url(../imgs/img8.png) no-repeat center center; width: 318px;height: 325px;margin-right: 100px}
.why-box li p{text-align: center;font-size: 32px;color: #000; margin-top: 88px}
.why-box li span{ display: block; width: 230px; margin:10px auto 0; text-align: center;font-size: 22px;color: #666; line-height: 30px}
.why-box li:last-child{ margin-right: 0}
.why-btn{ background: #fff;color: #222;margin: 45px auto 0;font-size: 24px}
.ls{width: 1200px; margin: 40px auto 0;}
.ls-con li{ margin-bottom: 50px; width: 580px}
.ls-box{width: 390px; margin-left: 20px; margin-top:6px;}
.ls-box h4{ font-size: 32px; font-weight: bold; color: #060606; text-align: left;}
.ls-box p{font-size: 20px; color: #232323;text-align: left; margin: 5px 0;}
.ls-box span{font-size: 18px; color: #3e3e3e;text-align: left}
.ls-box div{ width: 330px; height: 1px; background:#3e3e4b; margin: 5px 0px; }
.ls-box a{display: block; width: 210px; height: 42px; line-height: 42px; text-align: center; background: #3271e7; border-radius: 28px; color: #fff;font-size: 20px; margin-top: 10px;}
.ls-con{ margin-top:30px}
.ls-con li img{ width: 170px; margin-top: 5px}
.xq{width: 100%;height: auto;background:#3271e7;margin-bottom: 40px  } 
.center{ margin-top: 35px} 
.center-con{ width: 1250px; margin: 30px auto 0;}
.center-img{position: relative}
.center-po{position: absolute; width: 100%; height: 100%; left: 0px;top: 0px; background: rgba(0,0,0,0.5); display: none}
.center-po img{ display: block;margin:110px auto 20px;}
.center-po h6{font-size:20px; color: #fff; width: 80%; margin: 0 auto; text-align: center;margin-bottom: 5px; line-height:26px  }
.center-po p{font-size:17px; color: #fff; width: 80%; margin: 0 auto; text-align: center;margin-bottom: 3px; line-height:24px  }
.center-img:hover .center-po{ display: block}
.center .swiper-button-prev{background-image: url(../imgs/btn-l.png);
left: -35px;top: 45%;right: auto;width: 100px;height: 100px; -moz-background-size: 14px 22px; -webkit-background-size: 14px 22px;background-size: 14px 22px;}
.center .swiper-button-next {background-image: url(../imgs/btn-r.png);right: -35px;top: 45%;left: auto;width:100px;height: 100px;-moz-background-size: 14px 22px;-webkit-background-size: 14px 22px;background-size: 14px 22px;
}