.banBox{position: relative;overflow: hidden;width: 100%;}
.banMark{z-index: 100; position: absolute;background: rgba(36,119,219,0.85);width: 50%;height: 100%;top: 0;right: 0;}
.banMark>div{left: -178px;border: 3px solid #fff;font-size: 0;padding: 80px 75px 80px 0;}
.banner img{width: 100%;height: auto;}
.banBox .swiper-pagination{z-index: 101;left: 50%;bottom: 25px;transform: translateX(-50%);}
.banBox .swiper-pagination span{background: rgba(255,255,255,0.8);opacity: 1;width: 10px;height: 10px;margin: 0 8px;position: relative;}
.banBox .swiper-pagination span:after{content: '';display: block;width: 14px;height: 14px;border: 1px solid #7CBBE8;opacity: 0;border-radius: 50%;position: absolute; top: 50%;left: 50%;margin: -8px 0 0 -8px;}
.banBox .swiper-pagination .swiper-pagination-bullet-active{background: #2791F0;}
.banBox .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}
.banMark>div figure{width: 175px;text-align: center;margin-right: 30px;}
.banMark b{font-size: 30px;color: #fff;font-weight: normal;}
.banMark h3{color: #fff;font-size: 40px;font-weight: normal;padding: 7px 0;margin: 10px 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
.banMark h3 span{display: block;font-size: 10px;color: #fff;letter-spacing: 3px;}
.banMark p{font-size: 24px;color: #fff;}
.aboutLeft{width: 45%;margin-right:10%;}
.aboutRight{width: 45%}
.aboutRight figure{width: 60%}
.aboutRight figure img{width: 92%}
.aboutRight .IndexList{width: 35%;margin-left: 5%;text-align: center;}
.inAbout{padding: 115px 0 130px;}
.title h3{font-size: 30px;font-weight: normal;}
.title p{color: #777;font-family: arial;text-transform: uppercase;}
.title .line{width: 28px;background: #005bac;height: 3px;display: block;margin: 25px 0 30px;}
.aboutLeft h4{font-size: 14px;color: #524e4f;font-weight: normal;}
.aboutLeft h4 span{color: #999999;font-size: 12px;}
.aboutLeft>p{color: #666;line-height: 28px;margin-top: 30px;}
.more{width: 140px;line-height: 35px;border: 1px solid #444;text-align: center;border-radius: 30px;display: block;}
.more b{font-weight: normal;font-size: 13px;}
.more:hover b, .more:hover span{color: #005bac;}
.more:hover{border-color: #005bac;}
.aboutLeft .more{margin-top: 60px;}
@media (max-width:1599px){
	.aboutRight figure{width: 65%}
	.aboutRight figure img{width: 92%}
	.aboutRight .IndexList{width: 30%;}
}
@media (max-width:1499px){
	.banMark b{font-size: 20px;}
	.banMark h3{font-size: 30px;}
	.banMark h3 span{letter-spacing: 0;}
	.banMark p{font-size: 18px;color: #fff;}
}

.IndexList em{display: inline-block;height: 40px;overflow: hidden;}
.IndexList em .Txt,.IndexList em{font-size: 40px;font-family: "times new roman";color: #524e4f;font-style: normal;display: inline-block;vertical-align: top}
.IndexList b i{display: inline-block;font-style: normal;vertical-align: bottom;margin-top: 0px;}
.IndexList em{vertical-align: bottom;}
.IndexList span{display: block;color: #524e4f;margin-top: 30px;position: relative;}
.IndexList span:after{position: absolute;content: '';display: block;width: 40px;height: 1px;background: #dedede;top: -15px;left: 50%;margin-left: -20px;}
.IndexList li{padding: 40px 0;border-top: 1px solid #dedede;}
.IndexList li:last-child{border-bottom: 1px solid #dedede;}
.NumContent>div{display: inline-block;}
.IndexList li:nth-child(2) em{color: #0087e5;}

.IndexList b{display: block;margin: 0 auto 0;text-align: center;}
.NumContent>div>div{font-style: normal;}

@media (max-width:1099px){
	.IndexList em .Txt,.IndexList em{font-size: 30px;height: 30px;}
}
@media (max-width:991px){
	.aboutLeft{width: 100%;margin-right:0;display: block;}
	.aboutRight{width: 100%;display: block;}
	.aboutRight figure {float:left;width:50%;}
	.aboutRight figure img{width: 100%}
	.aboutRight .IndexList{width: 40%;margin-left: 10%;float: left;}
}
@media (max-width:576px){
	.aboutRight figure {width:60%;}
	.aboutRight .IndexList{width: 30%;}
	.IndexList li{padding: 10px 0}
	.aboutRight .IndexList{margin-top: 0}
}
.inCase{padding: 52px 30px;background: url(../images/in_02.jpg) no-repeat center top;position: relative;}
.inCase:after{position: absolute;content: '';display: block;width: 50%;left: 0;top: 0;height: 100%;z-index: 1; background: rgba(0,135,229,0.9);}
.inCase .divBox{position: relative;z-index: 2;}
.inCaseTop{width: 460px;overflow: hidden;height: 301px;margin-bottom: 65px;}
.inCaseTop ul{transition: all 0.6s ease-in-out;}
.inCaseTop .title h3{color: #fff;}
.inCaseTop .title .line{background: #fff;}
.inCaseTop h4{font-size: 20px;color: #fff;font-weight: normal;margin-bottom: 30px;height: 26px;}
.inCaseTop p{color: #fff;line-height: 26px;}
.inCaseTop i{display: block;width: 43px;height: 43px;border: 1px solid #fff;border-radius: 50%;color: #fff;text-align: center;line-height: 43px;font-size: 14px;margin-top: 50px;}
.inCaseTop li:hover i{background: #fff;color: #329BD5;}
.inCaseTop li{padding-bottom: 20px;}
.inCaseBan{position: relative;padding-bottom: 40px;}
.inCaseBan .swiper-container{background: #fff;}
.inCaseBan .swiper-slide{cursor: pointer;}
.inCaseBan i{padding-top: 39px;display: block;margin: 0 auto 16px;text-align: center;font-size: 48px;color: #dbdbdb;}
.inCaseBan p{padding-bottom: 39px;text-align: center;}
.inCaseBan .swiper-slide:hover i, .inCaseBan .swiper-slide.on i, .inCaseBan .swiper-slide:hover p,
.inCaseBan .swiper-slide.on p{color: #309ad5;}
.inCaseBan .swiper-pagination{left: 50%;bottom: 0;transform: translateX(-50%);}
.inCaseBan .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 7px; position: relative;background: #bfb3ae;opacity: 1;}
.inCaseBan .swiper-pagination-bullet:after{content: '';border-radius: 50%; display: block;width: 14px;height: 14px;border: 1px solid rgba(255,255,255,0.7);opacity: 0;position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -8px;}
.inCaseBan .swiper-pagination-bullet-active, .inCaseBan .swiper-pagination-bullet:hover{background: #fff;}
.inCaseBan .swiper-pagination-bullet-active:after, .inCaseBan .swiper-pagination-bullet:hover:after{opacity: 1;}
.title2{text-align: center;}
.title2 h3{font-size: 30px;font-weight: normal;margin-bottom: 5px;}
.title2 p span{width: 22px;background: #d4d4d4;margin: 0 12px;height: 1px;}
.inPro{padding: 75px 0 40px;background: url(../images/inbg_02.jpg) no-repeat center top;}
.inPro .title2{margin-bottom: 90px;}
.inGood{padding: 85px 0 35px;background: #fff;}
.inGood ul{margin-top: 65px;}
.inGood ul li{width: 32%;margin-right: 2%;margin-bottom: 20px;position: relative;border-radius: 4px;overflow: hidden;}
.inGood ul li img{width: 100%;}
.inGood ul li:nth-child(3n){margin-right: 0;}
.inGood ul li div{z-index: 2;}
.inGood ul li div p{font-size: 20px;color: #fff;letter-spacing:2px;line-height: 40px;width: 160px;margin: 0 auto;border-top: 2px solid #fff;border-bottom: 1px solid #fff;text-align: center;}
.inGood ul li:after{z-index: 1;position: absolute;content: '';display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.inGood ul li i{font-size: 67px;display: none;margin: 0 auto 35px;text-align: center;color: #fff;}
.inGood ul li:hover:after{background: #0087e5a0;}
.inGood ul li:hover i{display: block;}
.tenKh{position: relative;padding-bottom: 80px;overflow: hidden;width: 100%;}
.tenKh .swiper-container{width: calc(100% + 1px);}
.tenKh .swiper-slide{font-size: 0;}
.tenKh .swiper-slide a{line-height: 135px;text-align: center;border-right: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;}
.tenKh .swiper-slide a:nth-child(5), .tenKh .swiper-slide a:nth-child(6), .tenKh .swiper-slide a:nth-child(7), .tenKh .swiper-slide a:nth-child(8){border-bottom: none;}
.tenKh .swiper-slide a:nth-child(4n){border-right: none;}
.tenKh img{max-width: 90%;height: auto;max-height: 95%;}
.inKh{padding: 100px 0 45px;background: #ffffff;}
.inKh .swiper-pagination{font-size: 20px;color: #CECECE;}
.inKh .swiper-pagination span{font-size: 20px;}
.inKh .swiper-button-next, .inKh .swiper-button-prev{width: 40px;height: 40px;text-align: center;background: transparent;line-height: 40px;}
.inKh .swiper-button-next i, .inKh .swiper-button-prev i{display: block; width: 100%;height: 100%;font-size: 25px;}
.inKh .swiper-button-next i:hover, .inKh .swiper-button-prev i:hover{color: #007AFF;}
.inKh .swiper-button-next, .inKh .swiper-button-prev{top: auto;bottom: 0;margin-top: 0;}
.inKh .swiper-button-next{right: 510px;}
.inKh .swiper-button-prev{left: 510px;}
#bannerBar{position: relative;}
#bannerBar div{overflow: hidden;height: 510px;}
#bannerBar ul{position: relative;height: 500px;perspective: 800px;perspective-origin: center;transform-style: preserve-3d;}
#bannerBar ul li{width: 546px; position: absolute;z-index: -1;top: 50%; left: 50%;transform: translate3d(-50%,-50%,-30px); border: 6px solid #fff;border-radius: 5px;box-shadow: 0 0 10px 0 #F1F1F1;}
#bannerBar ul li img{display: block;width: 100%;height: auto;}
#bannerBar li span{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(15,22,56,0.5);}
#bannerBar ul li.active{z-index: 3;width: 926px; left: 50%;top: 0; transform: translate3d(-50%,0,0);height: 468px;}
#bannerBar ul li.active img{height: 100%;}
#bannerBar ul li.active span{height: 0;}
#bannerBar ul li.next, #bannerBar ul li.prev{z-index: 1;width: 546px; height: 276px; top: 50%; transform: translate3d(0,-50%,0px);}
#bannerBar ul li.next{left: 53%;}
#bannerBar ul li.prev{left: 0;}
#bannerBar ul li.next img, #bannerBar ul li.prev img{height: 100%;width: auto;}
#bannerBar ul li, #bannerBar ul li img, #bannerBar ul li span, #bannerBar ol li, #bannerBar ol li:after{
	transition:all .8s ease-in-out 0s;
  -webkit-transition:all .8s ease-in-out 0s;
   -moz-transition:all .8s ease-in-out 0s;
  -ms-transition:all .8s ease-in-out 0s;
  -o-transition:all .8s ease-in-out 0s;
}
#bannerBar i{z-index: 99; width: 50px;height: 30px;text-align: center;font-size: 20px; line-height: 30px;display: block;position: absolute;top: 50%;margin-top: -15px;}
#bannerBar i:hover{color: #007AFF;}
#bannerBar .prev1{left: -80px;}
#bannerBar .next1{right: -80px;}
#bannerBar ol{margin-top: 70px;text-align: center;}
#bannerBar ol li{width: 8px;height: 8px;border-radius: 50%;background: #999999;position: relative;margin: 0 6px;}
#bannerBar ol li:after{opacity: 0; position: absolute;content: '';display: block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #9BCCEA;top: 50%;left: 50%;margin: -6px 0 0 -6px;}
#bannerBar ol li:hover:after, #bannerBar ol li.active:after{opacity: 1;}
#bannerBar ol li:hover, #bannerBar ol li.active{background: #3C97D5;}
.psBan{position: absolute;z-index: -1;top: 0;}
.inPro .divBox{position: relative;}

section{overflow: hidden;}

.aboutLeft .title h3, .aboutLeft .title p, .aboutLeft .title .line, .aboutLeft h4, .aboutLeft>p,
.aboutLeft .more, .inCaseTop{}
.IndexList{}
.inCaseBan, .title2 h3, .title2 p, #bannerBar, .inGood ul li, .tenKh{}
.linkBox li h3, .linkBox li p, footer article ul, footer article aside{}

.inAbout .divBox.active .aboutLeft .title h3, .inAbout .divBox.active .aboutLeft .title p,
.inAbout .divBox.active .aboutLeft .title .line, .inAbout .divBox.active .aboutLeft h4,
.inAbout .divBox.active .aboutLeft>p, .inAbout .divBox.active .aboutLeft .more,
.inAbout .divBox.active .IndexList, .inCase .inCaseTop.active{}
.inCase .inCaseBan.active, .inCase .title2 h3.active, .inCase .title2 p.active,
.inPro .title2 h3.active, .inPro .title2 p.active, .inPro #bannerBar.active,
.inGood .title2 h3.active, .inGood .title2 p.active, .inGood ul.active li,
.inKh .title2 h3.active, .inKh .title2 p.active, .inKh .tenKh.active,
footer .linkBox.active li h3, footer .linkBox.active li p, footer article.active ul,
footer article.active aside{}

.inAbout .divBox.active .aboutLeft .title h3, .inCaseTop, .title2 h3, .linkBox li h3, .linkBox li p:nth-of-type(1), footer article ul{transition: all 0.7s ease-in-out 0s;}
.inAbout .divBox.active .aboutLeft .title p, .inCaseBan, .title2 p, .linkBox li p:nth-of-type(2), footer article aside{transition: all 0.7s ease-in-out 0.3s;}
.inAbout .divBox.active .aboutLeft .title .line, #bannerBar, .inGood ul li:nth-child(1), .tenKh, .linkBox li p:nth-of-type(3){transition: all 0.7s ease-in-out 0.6s;}
.inAbout .divBox.active .aboutLeft h4, .inGood ul li:nth-child(2), .linkBox li p:nth-of-type(4){transition: all 0.7s ease-in-out 0.9s;}
.inAbout .divBox.active .aboutLeft>p:nth-of-type(1), .inGood ul li:nth-child(3), .linkBox li p:nth-of-type(5){transition: all 0.7s ease-in-out 1.2s;}
.inAbout .divBox.active .aboutLeft>p:nth-of-type(2), .inGood ul li:nth-child(4), .linkBox li p:nth-of-type(6){transition: all 0.7s ease-in-out 1.5s;}
.inAbout .divBox.active .aboutLeft .more, .inGood ul li:nth-child(5), .linkBox li p:nth-of-type(7){transition: all 0.7s ease-in-out 1.8s;}
.inGood ul li:nth-child(6), .linkBox li p:nth-of-type(8){transition: all 0.7s ease-in-out 2.1s;}
.IndexList{transition: all 1.2s ease-in-out 0.4s;}

.news-content{background:#f8f8f8;padding-top:80px;padding-bottom:80px}
.news-content .fl{display: inline-block;vertical-align: top;}
.news-content .fr{display: inline-block;vertical-align: top;}
.news_qh{padding-top: 40px;text-align: left;}
.news_qh .news_qh-tab-box{width: 100%;display: block;}
.news_qh .news_qh-tab-box .dt_list{width: 100%;display: none;font-size: 0}
.news_qh .news_qh-tab-box > div:first-child{display: block;}
.dt_top {margin-bottom: 37px; background: url(../images/dt_xx.gif) repeat-x 0px bottom; height: 40px}
.dt_top ul li {padding-right: 50px;display: inline-block;}
.dt_top ul li a {display: inline-block; background: url(../images/dt_xx01.gif) no-repeat 0px bottom; height: 40px; font-size: 20px; }
.dt_top ul li a:hover {background: url(../images/dt_xx02.gif) no-repeat 0px bottom; color: #29478f}
.dt_top ul .cur a {background: url(../images/dt_xx02.gif) no-repeat 0px bottom; color: #29478f;font-weight: bold}
.dt01 {
	width: 48%;
}
.dt01 a img {border: #c8c7c7 1px solid; width: 100%;}
.dt01 em {line-height: 66px; display: block; height: 66px;font-style: normal;}
.dt01 em a {color: #000; font-size:22px;font-weight: bold}
.dt01 em a:hover {color: #29478f}
.dt01 span {line-height: 24px; display: block; color: #606060; font-size: 14px}
.dt01 span a {color: #606060; margin-left: 30px}
.dt02 {padding-left: 4%; width: 48%}
.dt02 dl {border-bottom: #d0d0d0 1px dashed; margin-bottom: 26px; height: 110px;width: 100%;display: block;font-size: 0}
.dt02 .nobor {border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.dt02 dl dt {width: 18%; font-family: arial; display: inline-block;vertical-align: top}
.dt02 dl dt em {display: block; font-family: arial; color: #333; font-size: 50px;font-style: normal;}
.dt02 dl dt span {display: block; font-family: arial; color: #989898; font-size: 16px}
.dt02 dl dd {width: 82%; display: inline-block;vertical-align: top;margin: 0}
.dt02 dl dd a {display: block; margin-bottom: 10px; color: #000; font-size: 18px;font-weight: bold}
.dt02 dl dd a:hover {color: #29478f;}
.dt02 dl dd p {line-height: 25px; color: #606060; font-size: 14px}

@media (max-width:991px){
	.dt_top ul li a{font-size: 16px}
	.news-content .dt01{width: 100%}
	.news-content .dt02{padding-left: 0;padding-top: 20px;width: 100%}
	.dt01 em a {font-size:18px;}
	.dt02 dl dd a{font-size: 15px}
	.dt02 dl dd p{font-size: 13px;line-height: 20px}
	.dt02 dl dt em {font-size: 35px;}
}