﻿@charset "utf-8";
html,body{width: 100%;height: 100%;min-width: 1200px;font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
html,body{background: #ffffff;}
.wrap{height: 100%;}
/*nav*/
.navBg{width: 100%;z-index: 9999999;top: 0;height: 70px;border-top: 2px solid #0051af;border-bottom: 1px solid #82bf20;}
.navBox{width:1200px;height: 100%;margin: 0 auto;}
.navBox .logo{display: block;float: left;margin-top: 16px;}
.navBox .logo img{}
.navBox .nav{float: right;height: 100%;line-height: 70px;}
.navBox .nav li{float: left;margin-left: 10px;}
.navBox .nav li a{color: #0051af;display:block;font-size: 14px;text-align: center;margin:15px 0;line-height: 38px;width: 90px;box-sizing: border-box;}
.navBox .nav li.on a{background-color: #0051af;color: #fff;}
.navBox .nav li a:hover{background-color: #0051af;color: #fff;}
/*banner*/
.banner img{width: 100%;}
.banner{width: 100%;}
/*about*/
/*footer*/
.bottom-bg{display: block;margin: 0 auto;margin-top: 31px;}
.footer{text-align: center;background:#1080d2 ;color: #fff;font-size: 16px;width: 100%;line-height: 40px;}
.container{width: 1200px;margin: 30px auto;overflow: hidden;}
.p1{text-align: justify;color: #808080;font-size: 16px;line-height: 36px; text-indent: 2em}
.p1 span{color: #204a96;}
.left-img{display: block;margin:0;float: left;width: 610px;margin-left: 90px;margin-bottom: 50px;}
.right{float: right;margin-right: 90px;margin-top: 16px;}
.title{display: block;margin:30px auto;margin-bottom: 50px;clear: both;max-width: 100%;}
.mang-box{width: 100%;background: url("images/jg-bg.png") no-repeat;height: 448px;margin: 20px auto;margin-bottom: 40px;}
 h1{color: #ffffff;font-size:16px;font-weight: bold;text-align: left;width: 86%;margin: auto;padding-top: 40px;line-height: 40px;}
 h1 img{display: inline-block;margin-right: 10px;}
 .p2{color: #ffffff;font-size: 16px;text-align: left;line-height: 30px;text-indent: 2em;width: 86%;margin: auto;}
.sm-box{width: 100%;background: url("images/zl-bg.png") no-repeat;height: 557px;margin: 20px auto;}
.sm-box .p2{padding-top: 40px;}
.sm-box h1{padding-top: 0;}
.tq-box{width: 86%;margin: 10px auto;overflow: hidden;}
.tq-box a{float: left;width: 252px;height: 82px;background: url("images/tq-bg.png")no-repeat;color: #1080d2;font-size: 16px;
    text-align: center;line-height: 80px;margin-right: 6px;font-weight: bold;cursor:default}
.tq-box a:last-child{margin-right: 0;}
.tq-box a.tq{line-height: 30px;padding-top: 16px;box-sizing: border-box;}
h3{color: #1080d2;font-size: 18px;text-align: left;line-height: 40px;width: 86%;margin: auto;font-weight: bold;}
h2{color: #204a96;font-size: 20px;font-weight: bold;text-align: left;line-height: 50px;}
/*xc*/
.cg-box{margin: 16px auto;overflow: hidden;clear: both;width: 86%;}
.cg-box span{float: left;background: url("images/cg-bg.png") no-repeat;font-weight:bold;color:#fff;width: 124px;height: 125px;line-height: 32px;font-size: 22px;text-align: center;padding-top: 32px;}
.cg-box p{width: 887px;height: 125px;float: left;margin-left: 10px;background-color: #e8f0ff;border: 1px solid #a6c3e4;box-sizing: border-box;padding: 20px 20px;line-height: 26px;}
.city{width: 92%;overflow: hidden;margin: 16px auto;}
.city a{float: left;margin: 16px 46px;}
.xc-boc img{display: none;}
.tip{width: 843px;height: 56px;background-color: #1080d2;color: #fff;line-height: 56px;border-radius: 30px;text-align: center;margin: 16px auto;}
.gray{color: #808080;padding: 0;line-height: 32px;font-weight: normal;}
/*job*/
.job-box{width: 100%;background-color: #3281de;margin: 20px auto;padding-top: 50px;padding-bottom: 50px;}
.job{width: 88%;background-color: #fff;padding: 50px;margin: auto;box-sizing: border-box;overflow: hidden; }
.job a{width: 285px;height: 112px;border: 1px solid #1080db;float: left;margin: 16px;color: #3281de;font-size: 20px;line-height: 100px;padding-left: 16px;}
.job a:hover{background-color: rgba(201,228,250,0.8)}
.job a img{float: right;margin: 16px;margin-right: 20px;}
.job-box .tip{font-weight: bold;font-size: 20px;}
/*fl*/
.p4{color: #1080d2;font-size: 24px;line-height: 50px;text-align: center;}
.fl-box{width: 1020px;overflow: hidden;margin: 15px auto;}
.fl-box img{float: left;}
.fl-box p{float: left;margin-left: 16px;background: url("images/fl-bg.png") no-repeat;width: 881px;height: 125px;font-weight: bold;
    color: #1080d2;font-size: 18px;line-height: 125px;padding-left: 30px;padding-right: 30px;}
.fl-box p.last{line-height: 34px;padding-top: 32px;}
/*faq*/
.faq-box{background: url("images/faq-bg1.png") no-repeat;width: 1016px;height: 207px;margin: 16px auto;overflow: hidden;}
.faq-box2{background: url("images/faq-bg2.png") no-repeat;}
.faq-box span{float: left;color: #fff;font-size: 36px;text-align: center;line-height: 207px;width: 115px;}
.faq-box2 span{color: #1080d2;}
.faq-box .faq{float: left;margin-left: 30px;margin-top: 20px;width: 845px;}
.faq-box .faq h2{color: #1080d2;font-size: 18px;font-weight: normal;}
.faq-box .faq p{text-indent: 0;margin-top: 15px;font-size: 18px;}
/*video*/
.video-box{width: 1040px;margin: 26px auto;overflow: hidden;}
.video-box img{float: left;}
.video-box .video{float: left;width: 780px;background-color: #e8f0ff;padding: 16px 16px;border: 1px solid #c0d4ea; overflow: hidden;margin-left:10px;height: 129px;box-sizing: border-box;}
.video-box .video h2{color: #1080d2;font-size: 18px;font-weight: normal;float: left;}
.video-box .video p{margin-top:0;font-size: 18px;color: #808080;float: left;}
.video-box .video a{float: right;margin-top: -36px;}
/*about*/
.title2{color: #1080d2;font-size: 22px;width: 80%;margin: 16px auto;}
.p5{text-align: justify;color: #808080;font-size: 18px;line-height: 36px;width: 80%;margin: auto; }
.p5 img{display: inline-block;margin-right: 10px;}
.px-box{width: 100%;background: url("images/px-bg.png") no-repeat;height: 657px;margin: 30px auto; }
.px-box h2{text-align: center;color: #fff;line-height: 40px;font-size: 20px;padding-top: 50px;}
.px-box .five{width: 90%;margin: 20px auto;overflow: hidden;border: 1px solid #fff;margin-top: 30px;}
.px-box .five a{float: left;color: #fff;font-size: 20px;text-align: center;width: 20%;border-right: 1px solid #fff;line-height: 40px;}
.px-box .five a.active{background-color: #fff;color: #1f5ca4}
.hx-boc{width: 1100px;margin: auto;}
.people .swiper-slide span{display: block;width: 135px;height: 149px;margin: auto;}
.people .swiper-slide span.photo1{background: url("images/people/p1.png") no-repeat;}
.people .swiper-slide p{color: #1080d2;font-size: 16px;text-align: center;line-height: 36px;}
.people .swiper-slide img{display: block;margin: auto;margin-top: 16px;opacity: 0;}
.people .swiper-slide.active img{opacity: 1;}
.people .swiper-slide span.photo2{background: url("images/people/p2.png") no-repeat;}
.people .swiper-slide span.photo3{background: url("images/people/p3.png") no-repeat;}
.people .swiper-slide span.photo4{background: url("images/people/p4.png") no-repeat;}
.people .swiper-slide span.photo5{background: url("images/people/p5.png") no-repeat;}
.people .swiper-slide span.photo6{background: url("images/people/p6.png") no-repeat;}
.people .swiper-slide span.photo7{background: url("images/people/p7.png") no-repeat;}
.people .swiper-slide span.photo8{background: url("images/people/p8.png") no-repeat;}
.people .swiper-slide span.photo9{background: url("images/people/p9.png") no-repeat;}
.people .swiper-slide span.photo10{background: url("images/people/p10.png") no-repeat;}
.people .swiper-slide span.photo11{background: url("images/people/p11.png") no-repeat;}
.people .swiper-slide span.photo12{background: url("images/people/p12.png") no-repeat;}
.people .swiper-slide span.photo13{background: url("images/people/p13.png") no-repeat;}
.people .swiper-slide span.photo14{background: url("images/people/p14.png") no-repeat;}
.people .swiper-slide span.photo15{background: url("images/people/p15.png") no-repeat;}
.people .swiper-slide span.photo16{background: url("images/people/p16.png") no-repeat;}
.people .swiper-slide span.photo17{background: url("images/people/p17.png") no-repeat;}
.people .swiper-slide.active span.photo1{background: url("images/people/1-Jane WANG .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo2{background: url("images/people/2-Yuxuan Zhang.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo3{background: url("images/people/3-Ann QIU.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo4{background: url("images/people/4-Dom CHEN.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo5{background: url("images/people/5-Monica DING.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo6{background: url("images/people/6-Yao SONG.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo7{background: url("images/people/7-Steven KONG .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo8{background: url("images/people/8-Berial FU .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo9{background: url("images/people/9-Cara ZHAO .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo10{background: url("images/people/10-Wezo YAN.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo11{background: url("images/people/11-Kurt QI .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo12{background: url("images/people/12-Young YANG .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo13{background: url("images/people/13-Athena CHEN .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo14{background: url("images/people/14-Chengli LI .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo15{background: url("images/people/15-Ann QIU .png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo16{background: url("images/people/16-Yun XIE.png") no-repeat;background-size: 100% 100%}
.people .swiper-slide.active span.photo17{background: url("images/people/17-Tianyu WANG .png") no-repeat;background-size: 100% 100%}