body{font-family:Arial,'微软雅黑',sans-serif;;font-size: 14px;color: #555;}
.section h3 {margin: 0;padding: 0px 0px;font-size: 28px;margin-bottom: 10px;opacity: 0;-webkit-transition: all 1s;
-o-transition: all 1s;transition: all 1s;}
.fl{float: left;}
.fr{float: right;}
.web{max-width: 1200px;margin:0px auto;overflow: hidden;}
.w1600{max-width:1600px;width:96%;margin:auto;overflow:hidden;}
.font,textarea{font-family:Arial,'微软雅黑',sans-serif;}
.clearfix{clear: both;}

.banner,.sjbanner{margin-top:0px;height: 100vh;}
.sjbanner{display:none}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul{}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}

.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}


.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}

.ban2{background:url("../images/section2.jpg") center;position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1.3);transition:all 20s;}
.active .ban2{transform: scale(1);}

.zhz{width:49px;height:49px;overflow:hidden;position:relative;margin-top:11px;float:right;display:none;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}


#section2{}
#section2 .brand-in-wrap{overflow: hidden;display:flex;justify-content: space-between;}
#section2 .brand-in-wrap .brand-in-wrap_l{width: 100%;opacity: 0;transition: 1s;transform: scale(0);}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln{overflow:hidden;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .loveh{overflow: hidden;opacity: 0;transition: 1s;transform: translateY(-50%);}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .loveh h1{font-size: 36px;color: #000;position: relative;padding-bottom: 15px;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .loveh h1:before{content: '';width:50px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background:#666;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .loveh span{font-size: 14px;color: #555;display: block;line-height: 45px;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln span.loveh_t{margin-top: 20px;display: block;font-size: 22px;color: #333;opacity: 0;transition: 1s;transform: translateY(-50%);}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln p.p3{padding-top: 10px;line-height:3.4em;color: #404040;opacity: 0;transition: 1s;transform: translateX(-50%);font-size:16px;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .read-more{overflow:hidden;opacity: 0;transition: 1s;transform: translateY(50%);}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .read-more a{font-family: verdana;font-size: 16px;color: #333;display: inline-block;padding: 10px 20px;width: 100px;text-align: center;margin:30px;border:1px solid #333;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .read-more a:hover{background:#fff;color:#000;}

#section2 .brand-in-wrap .brand-in-wrap_l .brand-in .brand-left a {font-family: verdana;font-size: 16px;background: #FF7200;color: #fff;
display: inline-block;padding: 8px 20px;margin: 40px 0 40px;}

#section2.active .brand-in-wrap .brand-in-wrap_l{transform: scale(1);opacity: 1;transition-delay: 0.5s;}
#section2.active .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .loveh{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
#section2.active .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln span.loveh_t{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
#section2.active .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln p.p3{transform: translateX(0%);opacity: 1;transition-delay: 1.8s;}
#section2.active .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .read-more{transform: translateY(0%);opacity: 1;transition-delay:2s;}

#section2.active .brand-in-wrap .brand-in-wrap_r{transform: translateX(0%);opacity: 1;transition-delay: 0.5s;}

.ban3{background:url("../images/s_bg.jpg") center;position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1.3);transition:all 20s;}
.active .ban3{transform: scale(1);}
#section3{}
#section3 .contentcontainer{max-width: 1000px;margin: 70px auto 0 auto;position: relative;height: 100%;}
#section3 .contentcontainer .imgstack {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

#section3 .imgstack .s_pic {position: absolute;top: 50%;transform: scale(0,0);transition: 1s;}
#section3 .imgstack img{box-sizing:border-box;padding:0px;border:2px solid #eee;}

#section3 .imgstack img:nth-child(1){width: 450px;height: 310px;margin-top: -60px;right: -120px;z-index: 11;}
#section3.active .imgstack img:nth-child(1) {transform: scale(1,1);transition-delay: 1.8s;}

#section3 .imgstack img:nth-child(2) {width: 420px;height: 260px;margin-top: -100px;right: -58px;z-index: 10;}
#section3.active .imgstack img:nth-child(2) {transform: scale(1,1);transition-delay: 1.6s;}

#section3 .imgstack img:nth-child(3) {width: 360px;height: 220px;margin-top: -140px;right: 40px;z-index: 9;}
#section3.active .imgstack img:nth-child(3) {transform: scale(1,1);transition-delay: 1.4s;opacity: 0.9;}

#section3 .imgstack  img:nth-child(4) {width: 300px;height: 200px;margin-top: -180px;right: 133px;z-index: 8;}
#section3.active .imgstack  img:nth-child(4) {transform: scale(1,1);transition-delay: 1.2s;opacity: 0.7;}

#section3 .imgstack  img:nth-child(5) {width: 230px;height: 150px;margin-top: -210px;right: 235px;z-index: 7;}
#section3.active .imgstack  img:nth-child(5) {transform: scale(1,1);transition-delay: 1s;opacity: 0.6;}

#section3 .imgstack  img:nth-child(6) {width: 145px;height: 113px;margin-top: -230px;right: 330px;z-index: 6;}
#section3.active .imgstack  img:nth-child(6) {transform: scale(1,1);transition-delay: 1s;opacity: 0.6;}

#section3 .imgstack  img:nth-child(7) {width: 115px;height: 80px;margin-top: -235px;right: 370px;z-index: 4;opacity: 0.5;}
#section3.active .imgstack  img:nth-child(7) {transform: scale(1,1);transition-delay: .8s;}

#section3 .imgstack  img:nth-child(8) {width: 80px;height: 55px;margin-top: -250px;right: 420px;z-index: 3;}
#section3.active .imgstack  img:nth-child(8) {transform: scale(1,1);transition-delay: .6s;opacity: 0.4;}

#section3 .deslist{position: absolute;top: 50%;margin-top: -232px;left: 0;}
#section3 .deslist h1 {text-align: left;font-size: 36px;margin-left: -100px;opacity: 0;margin-bottom: 20px;transform: scale(0);transition: 0.5s;}
#section3.active .deslist h1 {transform: scale(1);transition-delay: 1s;margin-left:0px;opacity:1;color: #000;}
#section3 .deslist p {font-size: 16px;margin-bottom: 0px;text-align: left;transition: 1.5s;margin-left: -100px;opacity: 0;line-height: 30px;color: #555;transform: scale(0);padding: 5px 0;background: url(../images/section5_tb1.png) no-repeat left;background-size: 20px;padding-left: 28px;}
#section3.active .deslist p{transition-delay: 1s;margin-left:0px;opacity:1;transform: scale(1);}
#section3.active .deslist p a{color:#333;}
#section3.active .deslist p a:hover{color:#0c77dc;}
#section3 .deslist .textsplit {margin-top: 10px;margin-bottom: 10px;transform: translateX(-50%);transition: 1s;opacity: 0;}
.textsplit {height: 1px;width: 100%;border-top: 1px solid #ccc;margin-bottom: 10px;}
#section3 .deslist .applybtn{width:200px;margin-top: 30px;border: 1px solid #2478d3;transform: translateX(-50%);transition: 1s;opacity: 0;color: #2478d3;}
#section3 .deslist .applybtn a{font-size: 16px;width: 100%;display: block;border-radius: 10px;transition: 0.5s;color:#2478d3;padding: 10px 0;}
#section3 .deslist .applybtn a:hover{background:#fff;color:#0c77dc}
#section3.active .deslist .textsplit{transform: translateX(0%);opacity: 1;transition-delay: 1.5s;}
#section3.active .deslist .applybtn{transform: translateX(0%);opacity: 1;transition-delay: 2.2s;}

#section3 .sjyyon{display:none;}


.ban4{background:url("../images/section4.jpg") center;position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1.3);transition:all 20s;}
.active .ban4{transform: scale(1);}
#section4{}
#section4 .fp-tableCell .intro h1{color: #fff;padding-bottom: 20px;}
#section4 .fp-tableCell .intro p{color: #fff;}
#section4 .fp-tableCell h1{color: #000;font-size: 36px;position: relative;padding-bottom: 20px;opacity: 0;transition: 1s;transform: translateY(-50%);}
#section4 .fp-tableCell h1:before{content: '';width: 50px;height: 2px;background: #666;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);}
#section4 .fp-tableCell p.p3{font-size: 16px;color: #555;font-weight: 100;transform: translateY(-50%);transition: 1s;opacity: 0;text-align: center;margin-top: 10px;
text-transform: uppercase;}

#section4.active .fp-tableCell h1{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
#section4.active .fp-tableCell p.p3{transform: translateY(0%);opacity: 1;transition-delay: 0.8s;}
#section4.active .fp-tableCell .section4cn1 ul li:nth-child(1){transform: translatex(0%);opacity: 1;transition-delay: 1.3s;}
#section4.active .fp-tableCell .section4cn1 ul li:nth-child(2){transform: translatex(0%);opacity: 1;transition-delay: 1.5s;}
#section4.active .fp-tableCell .section4cn1 ul li:nth-child(3){transform: translatex(0%);opacity: 1;transition-delay: 1.5s;}
#section4.active .fp-tableCell .section4cn1 ul li:nth-child(4){transform: translatex(0%);opacity: 1;transition-delay: 1.8s;}
#section4.active .section4cn .com-width ul li .box .pic{transform:scale(1);opacity: 1;transition-delay: 1.1s;}
#section4.active .section4cn .com-width ul li .box h5{transform: translatex(0%);opacity: 1;transition-delay: 1.5s;}
#section4.active .section4cn .com-width ul li span{opacity: 1;margin-top: 0px;transition-delay: 1.8s;}
#section4.active .section4cn .com-width ul li span:before{opacity: 1;bottom: 65px;transition-delay: 1.8s;}

#section4 .sec4{margin-top:40px;position:relative;z-index:2;}
#section4 .sec4 ul{display:flex;justify-content: space-between;}
#section4 .sec4 li{flex-shrink:0;width:48%;}
#section4 .sec4 li .se4a{overflow:hidden;height: 50vh;box-sizing: border-box;}
#section4 .sec4 li .se4a img{width:100%;transition: all 0.5s;display:block;}
#section4 .sec4 li .se4b{font-size:18px;margin-top:20px;color:#333;}
#section4 .sec4 li:hover .se4a img{transform:scale(1.1)}


.ban5{position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1.3);transition:all 20s;}
.active .ban5{transform: scale(1);}
#section5{}
#section5 .section3cn{overflow: hidden;width: 80%;margin: 0px auto;font-size: 0px;text-align: center;}
#section5 .section3cn .section3cnl{width:31%;display: inline-block;vertical-align: middle;}
#section5 .section3cn .section3cnl h3{font-size: 16px;text-align: left;color: #fff;font-weight: 100;transform: translateX(-50%);transition: 1s;opacity: 0;}
#section5 .section3cn .section3cnl h1{font-size: 35px;text-align: left;transform: translateX(-50%);transition: 1s;opacity: 0;font-weight: bold;}

#section5 .section3cn .section3cnl .section3cnlx{height: 235px;overflow:hidden;margin-top: 30px;text-align: left;transform: translateX(-50%);transition: 1s;opacity: 0;}
#section5 .section3cn .section3cnl .section3cnlx p{font-size: 16px;color: #555;line-height: 30px;background: url(../images/section5_tb1.png) left no-repeat;padding: 5px 0 5px 20px;background-size: 15px;}

#section5 .section3cn .section3cnl .applybtn{width:200px;margin-top: 30px;border: 2px solid white;border-radius: 10px;transform: translateX(-50%);transition: 1s;opacity: 0;}
#section5 .section3cn .section3cnl .applybtn a{color: #164f90;font-size: 16px;padding: 10px 0px;width: 100%;display: block;transition: 0.5s;border: 1px solid #164f90;}

#section5 .section3cn .section3cnr{width: 53%;display: inline-block;vertical-align: middle;transform: translateX(50%);transition: 1s;opacity: 0;}
#section5 .section3cn .section3cnr i{display: block;overflow: hidden;font-size: 0px;width: 800px;}
#section5 .section3cn .section3cnr i img{max-width: 100%;}

#section5.active .section3cn .section3cnl h3{transform: translateX(0%);transition-delay: 1s;opacity: 1;}
#section5.active .section3cn .section3cnl h1{transform: translateX(0%);transition-delay: 1s;opacity: 1;}
#section5.active .section3cn .section3cnl .section3cnlx{transform: translateX(0%);transition-delay: 1.5s;opacity: 1;}
#section5.active .section3cn .section3cnl .applybtn{transform: translateX(0%);opacity: 1;transition-delay: 2s;}
#section5.active .section3cn .section3cnr{transform: translateX(0%);opacity: 1;transition-delay: 1s;}

#section5 .sc5 h1{color: #333;font-size: 36px;position: relative;padding-bottom: 20px;opacity: 0;transition: 1s;transform: translateY(-50%);}
#section5 .sc5 h1:before{content: '';width: 50px;height: 2px;background: #2478d3;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);}
#section5 .sc5 p.p3{font-size: 16px;color: #8b8b8b;font-weight: 100;transform: translateY(-50%);transition: 1s;opacity: 0;text-align: center;margin-top: 10px;
text-transform: uppercase;}
#section5.active .sc5 h1{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
#section5.active .sc5 p.p3{transform: translateY(0%);opacity: 1;transition-delay: 0.8s;}

#section5 .sc5news{margin:30px auto 0;position:relative;z-index:2;}
#section5 .sc5news ul{display:flex;justify-content: space-between;}
#section5 .sc5news li{flex-shrink:0;width:23%;background:#f9f9f9;box-sizing:border-box;border:1px solid #eee;}
#section5 .sc5news li .c5img{overflow:hidden;}
#section5 .sc5news li .c5img img{display:block;width:100%;transition:all .5s}
#section5 .sc5news li .c5tel{box-sizing:border-box;padding:20px 20px 20px;}
#section5 .sc5news li .c5tel h5{padding-bottom:20px;font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#000;}
#section5 .sc5news li .c5tel .p{font-size:14px;line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#666;}
#section5 .sc5news li .c5tel span{display:block;text-align:left;margin-top:10%;color:#999;box-sizing:border-box;padding-left:20px;background:url("../images/sj.png") left center no-repeat;}
#section5 .sc5news li:hover{border:1px solid #ccc;}
#section5 .sc5news li:hover .c5tel h5{color:#2478d3;}
#section5 .sc5news li:hover{background:none;}

#section10 {}


.footer{background: #10365b;}
.footer .section9cn{padding-top: 50px;max-width: 1200px;margin:0px auto;overflow:hidden;width:98%}
.footer .section9cn .section9cn_l{width: 70%}
.footer .section9cn .section9cn_l dl{float: left;width: 25%;text-align: left;}
.footer .section9cn .section9cn_l dl dt{font-size: 20px;margin-bottom:20px;padding-bottom: 30px;color: #fff;position: relative;}
.footer .section9cn .section9cn_l dl dt:before{content:'';position: absolute;left: 0;bottom: 0;width: 16px;border-bottom: 4px solid #818080;}
.footer .section9cn .section9cn_l dl dd{padding:8px 0;}
.footer .section9cn .section9cn_l dl dd a{color:#a5a4a4;display: block;font-size: 14px;transition: 0.3s;}
.footer .section9cn .section9cn_l dl dd a:hover{color: #fff;}

.footer .sedi{text-align:center;padding:20px 0;font-size:14px;color:#888;border-top:1px solid #0d3052;margin-top:40px;}


.footer .section9cn .section9cn_r{width:15%;position: relative;}
.footer .section9cn .section9cn_r .wcode{width: 150px;margin-top: -160px;border: 1px solid #ccc;position: absolute;right: 15px;opacity: 0;transition: 0.5s;font-size: 0px;}
.footer .section9cn .section9cn_r .wcode.cur{opacity: 1;}
.footer .section9cn .section9cn_r .wcode img{max-width: 100%;}
.footer .section9cn .section9cn_r .title {display: inline-block;font-size: 16px;margin-bottom: 30px;color: #ffffff;}
.footer .section9cn .section9cn_r .qcode {width:100%;height: 40px;text-align: center;line-height: 40px;background: url(../images/erweima.png) no-repeat left;cursor: pointer;color: #fff;border: 1px solid #fff;border-radius:30px;background-position: 18px 7px;box-sizing:border-box;}
.footer .section9cn .section9cn_r .onlinechat {width:100%;height: 40px;line-height: 40px;margin-top: 18px;background: url(../images/chat.png) no-repeat left;cursor: pointer;color: #fff;border: 1px solid #fff;border-radius:30px;background-position: 18px 7px;padding-left: 15px;text-align: center;box-sizing:border-box;}
.footer .section9cn .section9cn_r .onlinechat a{color: #fff;}


.head{width: 100%;position: fixed;z-index: 1000;background: rgba(255, 255, 255, 1);top: 0;transition: 0.5s;border-bottom: 1px solid #f5f5f5;}
.head.on{background:#fff;box-shadow: 1px 1px 1px 1px #dedede;}
.head1{padding: 0px 5%;}
.logo{float: left;width: 160px;padding: 12px 0;}
.logo img{display:block;max-width:100%;}
.nav{width:60%;float:right;margin-right:5%;}
.nav ul{}
.nav ul li{float: left;display: block;width:14.2857%;height: 50px;font-size: 14px;}
.nav ul li a{display: block;padding:33px 0; text-decoration: none !important;text-align: center;}
.nav ul li a span, .nav ul li a span {clear: both;display: block;color: #000;font-family: "微软雅黑","Microsoft YaHei";font-size: 16px;height: 100%;line-height: 20px;}
.nav ul li a .nav_cn {height: 20px;display: block;overflow: hidden;color: #ffffff;font-family: "微软雅黑","Microsoft YaHei";}
.nav ul li a .nav_cn p{transform: translateY(0px);transition: 0.3s;}

@media screen and (min-width:1200px){
.nav ul li:hover a .nav_cn p{color: red;transform: translateY(-20px);}
}

.nav ul li .nav21{width:100%;position: absolute;background:rgba(255, 255, 255, 1);overflow: hidden;left:0;border-top:1px solid #eee;display:none;}
.nav ul li .nav21 dl{max-width:1260px;margin:auto;display: flex;text-align:center;justify-content: center;padding:10px 0;}
.nav ul li .nav21 dd{padding:0 30px;flex-shrink:0;max-width:10%;}
.nav ul li .nav21 dd p{margin-bottom:5px;}
.nav ul li .nav21 dd a{color:#fff;padding: 15px 0;transition: 0.3s;}
.nav ul li .nav21 dl h5{display:table;}
.nav ul li .nav21 dl em{display:table-cell;vertical-align: middle;font-size:16px;color:#000;}
.nav ul li .nav21 dd a:hover{color: #2e88ee;}
.nav ul li .nav21 dd:hover span{color:#2478d3;}
.nav ul li .nav21 dd:hover{background:#f9f9f9;}
.nav ul li:nth-child(3) .nav21 dl{max-width:900px;}
.nav ul li:nth-child(3) .nav21 dl:first-child dd{border-bottom:1px solid #eee;}
.nav ul li:nth-child(3) .nav21 dl:first-child h5{border-bottom:1px solid #eee;}
.nav ul li:nth-child(3) .nav21 dl{justify-content:flex-start}

.nav ul li:nth-child(1) img{max-width:200px;width:100%;}
.nav ul li:nth-child(n+2) img{max-width:40px;}
.nav ul li a font {color:#2e88ee;font-family: "微软雅黑","Microsoft YaHei";display: block;font-size: 16px;}
.nav ul li i{position:absolute;top:0;right:0;z-index:1;width:50px;height:50px;background:url("../images/job-ico1.png") center no-repeat;display:none;}

.nav2{margin-top: 30px;float:left;}
.nav2 li {float: left;position: relative;margin-right: 10px;overflow: hidden;}
.nav2 li button{background: none;border: none;}
.nav2 li button i{font-size:24px;color: #555;}
.nav2 a {text-decoration: none;outline: none;color: #555;display: block;width:75px;cursor: pointer;font-size:16px;line-height:25px;}
.nav2 img{vertical-align: top;}
.nav2 span {width: 108px;height: 24px;position: absolute;display: none;line-height: 24px;padding-left: 4px;font-family: "微软雅黑","Microsoft YaHei";font-size: 10px;color: #767676;}

.icon_tel{float:right;padding: 28px 0;margin-right:23px;}
.icon_tel img{display: inline-block;vertical-align: middle;}
.icon_tel i{display: inline-block;vertical-align: middle;font-size: 20px;font-style: normal;padding-left: 10px;color: #164f90;}
.gqtb{float:right;padding: 32px 0;margin-right:30px;font-size:0;}
.gqtb p{display:inline-block;vertical-align: middle;font-size:18px;}
.gqtb en{display:inline-block;vertical-align: middle;margin-right:5px;}


.ss_r{float:right;width:30px;position: relative;padding: 27px 0;}
.ss_r .search_i{position: absolute;top: 100%;background: #0095d9;right: 0;width: auto;height: 0;visibility: hidden;
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;z-index: 99999;}
.search_i form {padding: 3px;}
.search_i input {padding: 0 20px;width: 200px;height: 44px;line-height: 44px;border: 0;}


.ss_r .ss_rn{line-height: 0px;width: 20%;height:31px;right:0px;z-index: 1;top: 24px;border: none;background: none;}
.ss_r .ss_rn:hover{background: none;}
.ss_r .ss_rn i{font-size: 24px;color: #040404;line-height: 28px;margin-left: -4px;}
.on .ss_r .ss_rn i{color: #555;}

.ss_rnssk{width:200px;height: 40px;border: 1px solid #164f90;text-indent: 1em;color: #555;background: rgba(255, 255, 255, 0.7);padding: 0px 40px 0 1em;
    box-sizing: border-box;}
.ss_rnssk1{line-height: 30px;}
.ss_r .ss_rns{position: absolute;width:200px;height:0px;right:0px;top:55px;transition: 0.5s;opacity: 0;}
.ss_r .ss_rns.cur{height: 100%;opacity: 1;}

.textinfo{width: 1000px;margin: 0px auto;}
.textinfo_l{width: 45%;float: left;text-align: left;}
.textinfo_l h3{font-size: 24px;transform: translateX(-50px);transition: 1s;opacity: 0;}
.active .textinfo_l h3{transform: translateX(0);transition-delay: 0.7s;opacity: 1;}
.textinfo_l p{line-height: 30px;font-size: 14px;transform: translateX(-50px);transition: 1s;opacity: 0;}
.active .textinfo_l p{transform: translateX(0);transition-delay: 1.2s;opacity: 1;}
.textinfo_l .textsplit{border-bottom: 1px solid #ccc;margin:10px 0 20px;}
.textinfo_l .applybtn{display: inline-block;width: 200px;height: 35px;line-height: 35px;text-align: center;border: 2px solid #164f90;border-radius: 5px;
margin-top:30px;opacity: 0;cursor: pointer;transition: opacity 1s ease-out 1.2s, margin-top 1s ease-out 1.2s, color 0.3s, background-color 0.3s;transform: translateY(50px);}
.textinfo_l .applybtn a{color: #555;}
.textinfo_r{width: 52%;float: right;}
.textinfo_r em{display: block;overflow: hidden;font-size: 0px;transform: translateX(100px);opacity: 0;transition: 1s;}

.active .textinfo_l .applybtn{transform: translateY(0);transition-delay: 1.8s;opacity: 1;}
.active .textinfo_r em{transform: translateX(0);opacity: 1;transition-delay: 0.7s;}

.textinfo_r em img{max-width: 100%; animation:textinfo_r 3s 3s 1; }

.yqlj{overflow: hidden;width:100%;padding: 20px 0;border-bottom: 1px solid #0d3052;background: #10365b;}
.yqlj1{text-align: left;color: #fff;}
.yqlj1 span{font-size: 16px;color: #fff;margin-right: 10px;}
.yqlj1 a{color: #fff;font-size: 14px;padding: 0px 10px;}

/*内页*/
/*banner共性*/
.ny_banner{width:100%;overflow: hidden;height: 350px;margin-top:85px;}
.product_banner{background: url(../images/product_banner.jpg) no-repeat center;}

.inc_crumb{width: 100%;overflow: hidden;background: #f8f8f8;border-bottom: 1px solid #ddd;}
.crumbs {line-height: 70px;font-size: 14px;color: #666;}
.crumbs .prev {color: #666;}
.crumbs .current {color:#2e88ee;}

/*产品*/
.nykj{padding: 80px 0;}
.product_ny .product_ny_l{width: 285px;}
.product_ny .product_ny_l .dc-left{background: #fff;}
.product_ny .product_ny_l .dc-left .dc-left-head {background:#164f90;padding: 24px 44px 20px;position: relative;margin-bottom: 8px;}
.product_ny .product_ny_l .dc-left .dc-left-head h2 {font-size: 24px;color: #fff;line-height: 24px;font-weight: bold;}
.product_ny .product_ny_l .dc-left .dc-left-head p {font-size: 12px;color: #ddd;line-height: 12px;margin-top: 12px;}
.product_ny .product_ny_l .dc-left .dc-left-head span {position: absolute;left: 50%;bottom: 5px;transform: translate(-50%, 50%) rotate(45deg);width: 19px;
height: 19px;background:#164f90;}
.product_ny .product_ny_l .dc-left ul {margin-top:20px;}
.product_ny .product_ny_l .dc-left ul li {border-bottom: 1px solid #e2e2e2;}
.product_ny .product_ny_l .dc-left ul li.cur a{color:#2e88ee;}
.product_ny .product_ny_l .dc-left li>a {display: block;font-size: 18px;line-height: 65px;padding-left: 52px;color: #333333;position: relative;}
.product_ny .product_ny_l .dc-left li>a:hover{color: #dc231d;}
.product_ny .product_ny_l .dc-left li>a:after {content: "";width: 8px;height: 8px;border-radius: 100%;border: #9c9c9c 1px solid;position: absolute;left: 30px;top: 50%;margin-top: -4px;}
.product_ny .product_ny_l .dc-left li .product_nyx{overflow: hidden;display: none;}
.product_ny .product_ny_l .dc-left li .product_nyx dl{padding-bottom: 25px;}
.product_ny .product_ny_l .dc-left li .product_nyx dl dd{padding:5px 0;padding-left: 50px;}
.product_ny .product_ny_l .dc-left li .product_nyx dl dd a{display:block;font-size: 14px;color: #555;transition: 0.5s;}
.product_ny .product_ny_l .dc-left li .product_nyx dl dd a:hover{color: #2e88ee;}

.product_ny_r{width:880px;}
.product_ny_r h3{font-size: 24px;position: relative;padding-bottom: 15px;}
.product_ny_r h3:before{content: '';position: absolute;bottom: 0;width: 50px;height: 2px;background:#2e88ee;}
.product_ny_r_x{margin-top:50px;}
.product_ny_r_x dl{margin-top: 30px;overflow: hidden;}
.product_ny_r_x dl:first-child{margin-top: 0px;}
.product_ny_r_x dl dt{width: 200px;overflow: hidden;}
.product_ny_r_x dl dt a{display: block;overflow: hidden;font-size: 0px;border: 1px solid #dbdbdb;}
.product_ny_r_x dl dt a img{max-width: 100%;transition: 0.5s;}
.product_ny_r_x dl:hover dt a img{transform: scale(1.1);}
.product_ny_r_x dl dd{width: 75%;}
.product_ny_r_x dl dd .p1{line-height: 20px;margin-bottom: 20px;}
.product_ny_r_x dl dd .p1 a{font-size: 20px;color: #555;transition: 0.3s;}
.product_ny_r_x dl:hover dd .p1 a{color: #2e88ee;}
.product_ny_r_x dl dd .p2{font-size: 14px;line-height: 25px;height: 115px;overflow: hidden;}

.product_ny_r_x ul{margin-left: -2%;}
.product_ny_r_x li{width: 31%;float: left;margin-left: 2%;margin-top: 30px;}
.product_ny_r_x li:nth-child(1){margin-top: 0px;}
.product_ny_r_x li:nth-child(2){margin-top: 0px;}
.product_ny_r_x li:nth-child(3){margin-top: 0px;}

.product_ny_r_x li em{display: block;overflow: hidden;font-size: 0px;}
.product_ny_r_x li em img{max-width: 100%;transition: 0.5s;}
.product_ny_r_x li:hover em img{transform: scale(1.1);}
.product_ny_r_x li .p3s{color: #555;padding: 10px 0;text-align: center;transition: 0.3s;}
.product_ny_r_x li:hover .p3s{color:#2e88ee;}

/*解决方案*/
.jjfa_banner{background: url(../images/jjfa_banner.jpg) no-repeat center;}
.detail p a{color: #555;font-size: 14px;}

/*客户案例*/
.khal_banner{background: url(../images/khal_banner.jpg) no-repeat center;}

/*新闻*/
.xwzx_banner{background: url(../images/xwzx_banner.jpg) no-repeat center;}
.nyxdh{overflow: hidden;padding: 80px 0 0;}
.nyxdh1 ul{text-align: center;}
.nyxdh1 ul li{width: 140px;display: inline-block;vertical-align: middle;margin:0px 20px;border: 1px solid #ddd;border-radius: 30px;transition: 0.3s;}
.nyxdh1 ul li a{display: block;padding: 10px 0px;color: #555;font-size: 14px;transition: 0.3s;}
.nyxdh1 ul li.cur{background: #164f90;border: 1px solid #164f90;}
.nyxdh1 ul li.cur a{color: #fff;}
.nyxdh1 ul li:hover{background: #164f90;border: 1px solid #164f90;}
.nyxdh1 ul li:hover a{color: #fff;}
.text_content{padding: 50px 0px;background:#f8f8f8;margin-bottom: 50px;}
.text_content .wrapnei{width: 92.2%;margin: auto;}
.text_content .wrapnei .index_title {margin: 0px auto 45px;}
.text_content .wrapnei .index_title .title_p1{font-size: 32px;color: #ff8b21;position: relative;padding-bottom:20px;font-weight: 400;}
.text_content .wrapnei .index_title .title_p1:before{content: '';position:absolute;bottom: 0px;left: 50%;width: 50px;height: 2px;background:#ff8b21;transform: translateX(-50%);}
.text_content .wrapnei .index_title .title_p2 {font-size: 12px;color: #666;text-transform: uppercase;margin-top: 20px;}
.text_contentx{line-height: 30px;}
.text_contentx em{text-align: center;display: block;}


.info-detail{width: 70%;}
.info-detail .title{font-size: 24px;text-align: center;padding-bottom: 20px;color: #333;}
.info-detail .attr{text-align: center;}
.info-detail .attr span{padding-left: 20px;color: #555;font-size: 12px;}
.info-detail .attr span:nth-child(1){background: url(../images/time.jpg) no-repeat left;}
.info-detail .attr span:nth-child(2){background: url(../images/ll.png) no-repeat left;margin-left: 20px;}
.info-detail .detail{overflow: hidden;margin-top: 30px;border-top: 1px dotted #ccc;line-height:30px;font-size: 16px;color: #4E4E4E;}
.info-detail .detail .editor{font-size: 14px;}
.info-detail .detailsNext{margin-top: 20px;height: 50px;text-align: left;color: #7d7d7d;border-top:1px dotted #ccc;padding-top:30px;}
.info-detail .detailsNext .detailsNext_left{line-height: 30px;}
.info-detail .detailsNext .detailsNext_left p a{font-size: 14px;color: #b1b0b0;transition: 0.3s;}
.info-detail .detailsNext .detailsNext_left p a:hover{color: #2e88ee;}

.web-side{width: 23%;padding-left:2%;border-left: 1px solid #efefef;}
.web-side a.back{display:block;width: 99%;height: 40px;text-align: center;border: 1px solid #d6d6d6;line-height: 40px;color: #555;font-size: 14px;}
.web-side .list{overflow: hidden;margin-top: 30px;}
.web-side .list .title{height: auto;font-size: 25px;color: #333;}
.web-side .list_x{margin-top: 20px;}
.web-side .list_x .details_news_box{border-bottom: 1px solid #dbdbdb;line-height: 26px;margin-bottom: 20px;}
.web-side .list_x .details_news_box .title a {display: block;font-size: 16px;color: #333;height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.3s;}
.web-side .list_x .details_news_box:hover .title a{color: #2e88ee;}
.web-side .list_x .details_news_box .time {font-size: 12px;color: #b1b0b0;}
.web-side .list_x .details_news_box .info {font-size: 13px;color: #333;margin-bottom: 10px;height: 56px;overflow: hidden;text-align: justify;}

.web-side .list_x ul{}
.web-side .list_x ul li{border: none;overflow: hidden;width: 100%;margin-top: 0px;padding: 10px 0;border-bottom: 1px dotted #ccc;list-style: disc inside;color: #999;margin-bottom: 15px;}
.web-side .list_x ul li a{color: #555;}

/*客户案例*/
.khal_ny{overflow: hidden;}
.khal_ny ul{margin-left: -2%;}
.khal_ny ul li{float: left;width: 31%;margin-left: 2%;margin-top: 30px;position: relative;}
.khal_ny ul li:nth-child(1){margin-top: 0px;}
.khal_ny ul li:nth-child(2){margin-top: 0px;}
.khal_ny ul li:nth-child(3){margin-top: 0px;}

.khal_ny ul li .khal_zg{width: 100%;height: 100%;background: #164f90;position: absolute;z-index: 3;opacity: 0;transition: 0.5s;}
.khal_ny ul li:hover .khal_zg{background: rgba(22, 79, 144, 0.7);opacity: 1;}
.khal_ny ul li em{display: block;overflow: hidden;font-size: 0px;}
.khal_ny ul li em img{max-width: 100%;transition: 0.5s;}
.khal_ny ul li:hover em img{transform: scale(1.1);}
.khal_ny ul li p{text-align: center;color: #555;padding: 10px 0;font-size: 16px;transition: 0.3s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;z-index: 4;}
.khal_ny ul li:hover p{color: #fff;opacity: 1;}

/*详情*/
.info-detailal{width: 100%;}

/*关于我们*/
.about_banner{background: url(../images/about_banner.jpg) no-repeat center;}
.about_ny h3{font-size: 32px;text-align: center;position: relative;padding-bottom: 15px;color:#164f90;font-weight: bold;}
.about_ny h3:before{content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: 50px;height: 3px;background: #164f90;}
.about_ny .about_ny_x{margin-top:50px;line-height:40px;font-size: 16px;}

.Document_gl{overflow:hidden;background:url(../images/about_rjglbg.jpg) no-repeat center fixed;padding: 80px 0;background-size:cover;}
.Document_gl1 h3{font-size: 32px;text-align: center;position: relative;padding-bottom: 15px;color: #fff;font-weight: bold;}
.Document_gl1 h3:before{content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: 50px;height: 3px;background: #fff;}
.Document_gl1_x{margin-top:50px;line-height:40px;font-size: 16px;height:400px;overflow: auto;color: #fff;}
/*滚动条样式*/
.Document_gl1_x::-webkit-scrollbar {
/*滚动条整体样式*/width: 4px;     
/*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
.Document_gl1_x::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px #fff;
background: rgba(0,0,0,0.2);
}
.Document_gl1_x::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px #fff;
border-radius: 0;
background: rgba(0,0,0,0.);
}


/*荣誉证书*/
.Qualification_ny{overflow:hidden;background: #fff;padding: 80px 0 10px;}
.Qualification_ny1 h3{font-size: 32px;text-align: center;position: relative;padding-bottom: 15px;color:#164f90;font-weight: bold;}
.Qualification_ny1 h3:before{content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: 50px;height: 3px;background: #164f90;}
.Qualification_ny1_x{margin-top:50px;font-size: 16px;height:400px;overflow:hide;color: #fff;}

.Qualification_ny1_x #owl-demo_nyabout{overflow: hidden;margin-top: 50px;}
.Qualification_ny1_x #owl-demo_nyabout .item{margin:10px;}
.Qualification_ny1_x #owl-demo_nyabout .item p{padding: 10px;text-align: center;color: #555;font-size:16px;}
.Qualification_ny1_x #owl-demo_nyabout .item a{display: block;font-size: 0px;overflow: hidden;}
.Qualification_ny1_x #owl-demo_nyabout .item a img{max-width: 100%;}
.Qualification_ny1_x #owl-demo_nyabout .owl-pagination{display: none;}
.Qualification_ny1_x #owl-demo_nyabout .icon-chevron-left{height:auto;background: url(../images/zuo.png) no-repeat;padding: 25px 0;width: 30px;}
.Qualification_ny1_x #owl-demo_nyabout .owl-controls .owl-buttons .owl-prev{margin-top: 0px;transform: translateY(-50%);left: 10px;padding: 15px 0;background: #0766b6;width: 50px;}
.Qualification_ny1_x #owl-demo_nyabout .icon-chevron-right{height:auto;background: url(../images/you.png) no-repeat;padding: 25px 0;width: 30px;}
.Qualification_ny1_x #owl-demo_nyabout .owl-controls .owl-buttons .owl-next{margin-top: 0px;transform: translateY(-50%);right: 10px;padding: 15px 0;background: #0766b6;width: 50px;}

/*联系我们*/
.content_ny{overflow: hidden;background: #f8f8f8;padding: 80px 0;}
.content_ny1 h3{font-size: 32px;text-align: center;position: relative;padding-bottom: 15px;color:#164f90;font-weight: bold;}
.content_ny1 h3:before{content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: 50px;height: 3px;background: #164f90;}
.contact_ny1_x{overflow: hidden;}
.contact_content{margin-bottom: 20px;}
.contact_ny1_x{overflow: hidden;}
.contact_ny1_x h3{font-size:30px;color: #555;margin:0px auto 50px;text-align: center;font-weight: 400;border-bottom: 1px dotted #ccc;padding-bottom: 30px;}
.contact_ny1_x{width: 88.3%;margin: 0 auto;margin-left: 12%;padding: 50px 0;}
.contact_ny1_x>div {width: 31%;}
.contact_ny1_x>div.fl{margin-left:2%;margin-top: 30px;}
.contact_ny1_x>div.fl:last-child(1){width: 100%;}
.contact_ny1_x p{color: #555;line-height: 25px;}
.contact_ny1_x p.p2 img{display: inline-block;vertical-align: middle;}
.contact_ny1_x p.p2 span{display: inline-block;vertical-align: middle;padding-left: 5px;font-size: 16px;}
.contact_ny1_x p.p3{padding-left: 25px;font-size: 14px;}
.contact_ny1_x .p4 {font-size: 20px;color: #008cd6;line-height: 26px;margin: 10px 0px 80px 22px;}
.map{width: 100%;overflow: hidden;}
.t5_bottcont{padding:80px 0;}
.t5_bottcont h3{font-size: 32px;position: relative;text-align: center;padding-bottom: 20px;font-weight: bold;color:#164f90;}
.t5_bottcont h3:before {content: '';position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);width: 45px;height: 3px;background: #164f90;}
.t5_bottcont #add_form{margin-top: 30px;}
.t5_bleft{ width:590px; float:left;} 

.t5_txbox{ margin-top:20px; height:45px; width:96%; padding-left:20px; background:#f4f4f4; font-size:14px; color:#999999;border: #E1E1E1 1px solid;overflow: hidden;}
.t5_txbox label{line-height:46px; float:left;font-size:14px;}
.t5_txbox input[type="text"]{line-height:46px;  outline:none; height:45px; border:0; padding:0 12px; width:89%;  background:#F4F4F4; font-size:14px; color:#999999;}
.t5_bott .tj{width: 217px;margin:0px auto;}
.t5_bott input.btn{ width:216px; height:44px; margin-top:35px; text-align:center; border:1px solid #E1E1E1;-moz-border-radius: 20px;  -webkit-border-radius: 20px; border-radius:20px; background:#FFF; font-size:14px; color:#999999; cursor:pointer;}
.t5_bott input.btn:hover{ color:#fff; background:#008cd6; transition:0.2s;}
.t5_bright{ float:right; width:590px; padding-top:20px;line-height:179px;}
.t5_rcont{height:180px; padding-left:20px; background:#f4f4f4; font-size:14px; color:#999999; border: #E1E1E1 1px solid}
.t5_rcont label{line-height:43px; float:left;font-size:14px;}
.t5_rcont .ly_box{width:97%;height: 118px;padding:10px; background:#f4f4f4; line-height:24px;outline:none;border:0;color:#999999;}


@media(max-width: 1400px){
#section2 .brand-in-wrap .brand-in-wrap_r{width: 420px;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln .read-more a{margin: 15px 0;}
#section2 .brand-in-wrap .brand-in-wrap_l .brand-in-wrap_ln{padding: 0px 30px 0px 30px;}
#section2 .brand-in-wrap .brand-in-wrap_l{border:none;float: none;display: inline-block;vertical-align: middle;}
#section2 .brand-in-wrap .brand-in-wrap_r{float: none;display: inline-block;vertical-align: middle;}

#section4 .fp-tableCell h1{font-size: 30px;}
#section4 .fp-tableCell .section4cn1{margin-top: 30px;}
#section4 .section4cn .com-width{margin-top: 50px;}
#section4 .section4cn .com-width ul li .box .pic{width: 100px;margin: 0px auto;}
#section4 .fp-tableCell p.p3{display: none;}

#section5 .section3cn .section3cnl h1{font-size: 30px;}
#section5 .section3cn .section3cnr i{width:500px;}

#section6 .section6cn h1{font-size: 30px;}
#section6 .section6cn p.p3{display: none;}
#section6 .section6cn .section6cnlx{margin-top: 30px;padding-top:20px;}
#section6 .section6cn .section6cnlx ul li{background: rgba(22, 79, 144, 0.38);color: #fff;margin: 0px 4% 20px;padding: 10px 0;border: 1px solid #4b79b3;}
#section6.active .section6cn .applybtn{margin-top: 30px;}

#section7 .section7cn .section7cn_l h1 a{font-size: 30px;}

#section8 .section8cn h1{font-size: 30px;}
#section8 .section8cn p.p3{display: none;}
}

@media(max-width: 1200px){
.swiper-slide1{transform: translate(-50%,-50%);}
.swiper-slide1 h3{font-size: 40px;}
.pin2{width: 700px;height: 340px;}
.swiper-slide1 h3{padding-top: 50px;}
}