.layout{width: 85.059%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('../fonts/DINCondensedC.eot');
    src: local('☺'),
        url('../fonts/DINCondensedC.woff') format('woff'),
        url('../fonts/DINCondensedC.ttf') format('truetype'),
        url('../fonts/DINCondensedC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.comhr {
	margin: 15px auto 0;
	position: relative; width: 90px; height: 11px; background-image: url(../images/bgi-headHr.png); background-size: auto; background-position: 0% 50%; background-repeat: no-repeat; -webkit-animation-name: bgSlideH; animation-name: bgSlideH; -webkit-animation-duration: 2.8s; animation-duration: 2.8s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes bgSlideH{0%{background-position: 0 center;} 100%{background-position: 100% center;}}
@keyframes bgSlideH{0%{background-position: 0 center;} 100%{background-position: 100% center;}}
/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; background-color: #fff; padding: 49px 0 29px 0; position: relative; z-index: 1;}
.section01{background-color: #fff; border-bottom: 1px solid #dbdada;}
.indexTitle{width: 100%; text-align: center;}
.indexTitle h2{font-size: 48px; font-weight: bold; color: #000; line-height: 1.1;}
.indexTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.inBusiness{width: 100%; margin-top: 50px;}

.inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.inBusiness ul li.item1{background-color: #04269E;}
.inBusiness ul li.item2{background-color: #f4f4f4;}
.inBusiness ul li.item3{background-color: #f4f4f4;}
.inBusiness ul li.item4{background-color: #f4f4f4;}
.ym{padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
    display: table;
    margin: auto;}
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; margin-right:5px; margin-bottom:5px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.ym a:hover{background:#5c5c5c; color:#FFF; border:solid 1px #5c5c5c;}

a.page-num-current {
    background: #04269E;
    color: #FFF;
    border: solid 1px #04269E;
}
.ym span  {
    display: block;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}
.inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; border-right:1px solid #fff;}

.inBusiness ul li.item1:hover .box{background-color: rgba(1179,37,21,0.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}
.inBusiness ul li.item2:hover .box{background-color: rgba(1179,37,21,0.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.inBusiness ul li.item3:hover .box{background-color: rgba(1179,37,21,0.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff);}

.inBusiness ul li.item3:hover .tit{background: url(../images/inBusiness_more.png) right center no-repeat;}
.inBusiness ul li.item3 .dl dd .a{border-color: #fff; color: #fff;}
.inBusiness ul li.item4:hover .box{background-color: rgba(1179,37,21,0.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #04269E;}
.inBusiness ul li .tit{font-size: 28px; color: #000; padding-right: 45px;}
.inBusiness ul li:hover .tit{font-size: 28px; color: #fff; padding-right: 45px;}
.inBusiness ul li .tit p{font-size: 14px; color: #333; line-height:2.6;}
.inBusiness ul li:hover .tit p{font-size: 14px; color: #fff; line-height:2;}
.inBusiness ul li.item1 .tit{color: #fff;}
.inBusiness ul li.item1 .tit p{color: #fff;}
.inBusiness ul li:hover .tit{background: url(../images/inBusiness_more.png) right center no-repeat;}
.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}
.inBusiness .item1 .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .item2 .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .item3 .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .item4 .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .dl .p{ font-size:14px; color:#fff !important; line-height:2; margin-bottom:20px;}
.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0; letter-spacing:0;}
.inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;}
.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{backgr ound-color: #fff; border-color: #fff;}
.section02{background-color: #fff; padding-top:46px;}
.incaseTab{width: 100%; text-align: center; margin-top: 10px;}
.incaseTab ul li{display: inline-block;_display: inline;zoom:1; padding-right: 8px; margin-right: 8px; background: url(../images/incaseTab_li.png) right center no-repeat; margin-top:6px;}
.incaseTab ul li:nth-last-child(1){background: none; margin-right: 0;}
.incaseTab ul li a{font-size: 18px; color: #666;}
.incaseTab ul li.on a{color: #04269E;}
.indexCase{width: 100%; margin-top: 50px; overflow: hidden;}
.indexCase .box{display: none;}
.indexCase ul li{width: 24%; float: left;margin:0.5%;}
.indexCase ul li .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.indexCase ul li .pic img{width: 100%;display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexCase ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg{visibility: visible; opacity: 1;}
.indexCase ul li .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease; background:#}
.indexCase ul li:hover .bg img{transform: translateY(0);}
.indexCase ul li .tit{background-color: #f4f4f4; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.indexCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #04269E; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.indexCase ul li h2{font-size: 16px; font-weight: bold; color: #000;}
.indexCase ul li p{font-size: 14px; color: #999; margin-top:6px;}
.indexCase ul li:hover h2,.indexCase ul li:hover p{color: #fff;}
.indexCase ul li .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.indexCase ul li:hover .icon{background: url(../images/case_more_h.png) no-repeat;}
.indexBtns{width: 100%; margin-top: 55px; text-align: center;}
.indexBtns a{display: inline-block; min-width: 194px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius: 25px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;}
.indexBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #04269E; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexBtns a:hover:after,.indexBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section03{background-color: #fff;}
.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}
.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}
.indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexPartner ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.section04{background-color: #f4f4f4;}
.indexNews{width: 100%; margin-top: 50px;}
.indexNews .item{width: 100%; overflow: hidden;}
.indexNews .slick-dots{width: 100%; text-align: center; margin-top: 12px;}
.indexNews .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.indexNews .slick-dots li button{display: none;}
.indexNews .slick-dots li.slick-active{background-color: #04269E;}
.indexnwHot{/*width: 530px;*/ width: 32.55%; background-color: #fff; float: left;}
.indexnwHot a{display: block; padding: 40px 30px 30px 30px;}
.indexnwHot .h2{font-size: 20px; color: #333;}
.indexnwHot .h2:hover{color: #04269E;}
.indexnwHot .time{font-size: 14px; color: #999; margin: 5px 0 10px 0;}
.indexnwHot .pic{width: 100%; height: 493px; overflow: hidden; position: relative;}
.indexnwHot .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexnwHot .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.indexnwlist{/*width: 1100px;*/ width: 100%;}
.indexnwlist ul li{width: 31%; height: 307px; float: left; margin: 0 0 16px 1.8%; background-color: #fff;}
.indexnwlist ul li a{display: block; padding: 40px 30px 10px 30px;}
.indexnwlist ul li .h2{font-size: 20px; color: #333;}
.indexnwlist ul li:hover .h2{color: #04269E;}
.indexnwlist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.indexnwlist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;}
.indexnwlist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;}
.indexnwlist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/news_more.png) no-repeat;}
.indexnwlist ul li:hover .time:after{background: url(../images/news_more_h.png) no-repeat;}
.indexnwlist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.baiweiDemand{width: 100%; background-color: #fff; padding: 80px 0 120px 0; position: relative; z-index: 1;}
.baiweiDemand .indexTitle{text-align: left;}
.baiweiDemand .indexTitle p{font-size: 14px;}
.baiweiform{margin: 30px 0 10px 0;}
.baiweiform ul li{/*width: 455px;*/ width: 27.95%; float: left; margin-right: 0.38333%;}
.baiweiform ul li.itemSub{/*width: 224px;*/ width: 15%; float: left; margin-right: 0;}
.baiweiform ul li .bwtext{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #ececec; padding: 0 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.baiweiform ul li .bwtext:focus{border-color: #04269E;}
.baiweiform ul li .bwsele{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #ececec; padding-left: 20px;}
.baiweiform ul li .bwsele{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;}
.baiweiform ul li .bwsele::-ms-expand{display:none;}
.baiweiform ul li .submit{width: 100%; height: 55px; background-color: #04269E; border: 2px solid #04269E; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.baiweiform ul li .submit:hover{background-color: #000; border-color: #000;}
.italic{font-size: 12px; color: #999;}

/*website*/
#fp-nav{display: none;}
.section{overflow: hidden;zoom: 1;}
.section .webPic{width: 63.5%; height: 100%; float: right; position: relative;}
.section .webPic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.section .webTmain{width: 36.5%; text-align: right; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.section .webBox{max-width: 512px; margin: 0 40px; display: inline-block; text-align: left;}
.section .webTmain .h2{font-size: 48px; font-weight: bold; color: #000; line-height: 1.1;}
.section .webTmain .h3{font-size: 24px; color: #000;}
.section .webTmain .pn{font-size: 14px; color: #999; margin-top: 10px; height: 84px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.section .webBtns{width: 100%; margin-top: 60px;}
.section .webBtns a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #333; background-color: #fff; text-align: center; overflow: hidden; position: relative; z-index: 1;}
.section .webBtns a:hover,.section .webBtns a.on{color: #fff;}
.section .webBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #04269E; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.section .webBtns a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section .webBrand{width: 100%; margin-top: 65px;}
.section .webBrand ul li{width: 33.333%; float: left; margin-top: 1px;}
.section .webBrand ul li span{display: block; padding-top: 45%; margin-right: 1px; position: relative;}
.section .webBrand ul li span img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.i-wrap1,.i-wrap3,.i-wrap5,.i-wrap7{background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat;}
.i-wrap2,.i-wrap4,.i-wrap6{background-color: #f2f2f2;}
.i-wrap3{background-image: url(../images/webBox03.jpg);}
.i-wrap3 .webPic,.i-wrap5 .webPic,.i-wrap7 .webPic{float: left;}
.i-wrap3 .webTmain,.i-wrap5 .webTmain,.i-wrap7 .webTmain{float: right; text-align: left; left: auto; right: 0;}
.i-wrap3 .webTmain .h2,.i-wrap3 .webTmain .h3,.i-wrap5 .webTmain .h3,.i-wrap5 .webTmain .h2,.i-wrap7 .webTmain .h3,.i-wrap7 .webTmain .h2{color: #fff;}
.i-wrap3 .webTmain .pn,.i-wrap5 .webTmain .pn,.i-wrap7 .webTmain .pn{color: #fff; opacity: .5;}
.i-wrap5{background-image: url(../images/webBox05.jpg);}
.i-wrap7{background-image: url(../images/webBox07.jpg);}
.active .banner .banText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .banner .banText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1.2s; -webkit-animation-duration: 1.2s;}
/*.section .webPic{opacity: 0; transform: translateX(100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.active .webPic{opacity: 1; transform: translateX(0);}
.section .webTmain{opacity: 0; transform: translateX(-100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.active .webTmain{opacity: 1; transform: translateX(0);}*/
.active .webPic{
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .webBox{
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown1{-webkit-animation-name: slideInDown1; animation-name: slideInDown1;}
@-webkit-keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown2{-webkit-animation-name: slideInDown2; animation-name: slideInDown2;}

/*mobile*/
.m-wrap2,.m-wrap3,.m-wrap4{background-color: #eee; background-position: left bottom; background-size: cover; background-repeat: no-repeat;}
.m-wrap2{background-image: url(../images/mobile1.jpg);}
.m-wrap3{background-image: url(../images/mobile2.jpg);}
.m-wrap4{background-image: url(../images/mobile3.jpg);}
.mobText{width: 446px; padding-top: 210px;}
.mobText .h2{font-size: 46px; color: #000;}
.mobText .pn{font-size: 16px; color: #666; line-height: 30px; margin-top: 5px;}
.mobText .th{font-size: 24px; color: #000; margin-top: 30px;}
.mobText .dl,.myApplt{margin-top: 10px; overflow: hidden;}
.mobText .dl dd{width: 56px; text-align: center; font-size: 14px; color: #333; float: left; margin-right: 40px;}
.mobText .dl dd img{margin: 0 auto;}
.mobText .dl dd p{margin-top: 5px;}
.myApplt ul{margin-left: -9px; margin-right: -9px;}
.myApplt ul li{width: 20%; float: left;}
.myApplt ul li span{margin: 0 9px; display: block;}
.active .mobText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .mobText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 2s; -webkit-animation-duration: 2s;}
.active .mobText .th{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 3s; -webkit-animation-duration: 3s;}
.active .mobText .dl{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 4s; -webkit-animation-duration: 4s;}
.active .mobText .myApplt{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 5s; -webkit-animation-duration: 5s;}
.active .indexTitle h2{animation-name: slideInDown1; -webkit-animation-name: slideInDown1; animation-duration: 0.2s; -webkit-animation-duration: 0.2s;}
.active .indexTitle p{animation-name: slideInDown2; -webkit-animation-name: slideInDown2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s;}

/*case*/
.nybanner{width: 100%; height: 760px; position: relative; overflow: hidden; background-image: url(../images/banner3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.nybanner .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.nybanner .h2 i{color: #04269E;}
.nybanner .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.caseWrap{width: 100%; background-color: #fff; padding-top: 100px;}
.caseDetails{padding: 80px 0 56px 0;}
.caseTextBox{padding: 90px 190px; margin-bottom: 24px; background-color: #f6f6f6;}
.caseTextBox img{max-width: 100%; margin: 0 auto;}
.caseTextBox .caseTitle{width: 340px; float: left;}
.caseTextBox .caTit{font-size: 36px; font-weight: bold; color: #000;}
.caseTextBox .line{width: 33px; height: 3px; display: block; background-color: #000; margin-top: 5px;}
.caseTextBox .caseInfo{width: 590px; float: right;}
.caseTextBox .caText{font-size: 14px; color: #333; line-height: 30px; text-align: justify; text-justify: inter-ideograph;}
.caseTextBox .caTage{font-size: 12px; color: #999; line-height: 20px; margin-top: 40px;}
.caseTextBox .Btns{display: block; width: 112px; height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 2px solid #000; border-radius: 25px; margin-top: 15px; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.caseTextBox .Btns:hover{color: #fff;}
.caseTextBox .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.caseTextBox .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseTextBox .mobewm{width: 100px; text-align: center; font-size: 12px; color: #999; margin-top: 15px;}
.caseTextBox .mobewm img{width: 100%; margin-bottom: 3px;}
.caseDetailsBom{padding: 65px 0 80px 0; background-color: #f6f6f6;}
.caseRecoomlist{width: 100%; margin-top: 45px;}
.caseRecoomlist .box{display: block; margin: 0 15px; background-color: #fff;}
.caseRecoomlist .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.caseRecoomlist .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.caseRecoomlist .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity:1; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg{visibility: visible; opacity: 1;}
.caseRecoomlist .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg img{transform: translateY(0);}
.caseRecoomlist .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.caseRecoomlist .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #04269E; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.caseRecoomlist .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseRecoomlist h2{font-size: 18px; font-weight: bold; color: #000;}
.caseRecoomlist p{font-size: 14px; color: #999;}
.caseRecoomlist .box:hover h2,.caseRecoomlist .box:hover p{color: #fff;}
.caseRecoomlist .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.caseRecoomlist .box:hover .icon{background: url(../images/case_more_h.png) no-repeat;}
.caseRecoomlist .slick-dots{width: 100%; text-align: center; margin-top: 15px;}
.caseRecoomlist .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.caseRecoomlist .slick-dots li button{display: none;}
.caseRecoomlist .slick-dots li.slick-active{background-color: #04269E;}
.app-list ul li .pic{padding-top: 56%;}
.app-list ul li .bg,.app-list ul li .hidden{display: none;}
.sl-overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; opacity: 1; display: none; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.sl-wrapper .sl-close{position: fixed; right: 30px; top: 30px; z-index: 4000; font-size: 0; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat;}
.sl-wrapper .sl-navigation button{position: fixed; top: 50%; margin-top: -23px; width: 50px; height: 46px; font-size: 0; z-index: 4000;}
.sl-wrapper .sl-navigation button.sl-prev{left: 30px; background: url(../images/app-prev.png) no-repeat;}
.sl-wrapper .sl-navigation button.sl-next{right: 30px; background: url(../images/app-next.png) no-repeat;}
.font-48{font-size: 48px; line-height: 1;}
.alert-action{position: fixed; top: 70px; left: 96px; z-index: 2000; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat; cursor: pointer;}
.lb-nav a.lb-prev{background: url(../images/app-prev.png) left 48% no-repeat;}
.lb-nav a.lb-next{background: url(../images/app-next.png) right 48% no-repeat;}

/*news*/
.newsTou{width: 100%; margin-top: 50px;}
.newslist ul{margin-left: -8px; margin-right: -8px; margin-bottom: -16px;}
.newslist ul li{width: 33.333%; float: left; margin-bottom: 16px;}
.newslist ul li a{display: block; padding: 40px 30px 10px 30px; margin: 0 8px; background-color: #fff;}
.newslist ul li .h2{font-size: 20px; color: #333;}
.newslist ul li:hover .h2{color: #04269E;}
.newslist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.newslist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;}
.newslist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;}
.newslist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/news_more.png) no-repeat;}
.newslist ul li:hover .time:after{background: url(../images/news_more_h.png) no-repeat;}
.newslist ul li:hover a{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.page{width: 100%; text-align: center; margin-top: 60px;}
.page a{display: inline-block; font-size: 16px; color: #999; background-color: #fff; padding: 7px 14px;}
.page a:hover,.page a.on{background-color: #04269E; border-color: #04269E; color: #fff;}
.newsleft{/*width: 1288px;*/ width: 79%; float: left;}
.newsdetail{background-color: #fff; padding: 50px 64px 100px 64px;}
.newsdetail h1{font-size: 36px; font-weight: bold; color: #000; text-align: center; word-wrap: break-word;}
.newsdetail .newsinfo{font-size: 14px; color: #999; padding: 10px 0; text-align: center;}
.newsdetail .newsinfo .admin,.newsdetail .newsinfo .time,.newsdetail .newsinfo .bdsharebuttonbox{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.newsdetail .newsinfo .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; display: inline-block; float: none; width: 27px; height: 27px; background-position: center; -webkit-transition: all 0s ease; transition: all 0s ease;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image: url(../images/nwwx.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image: url(../images/nwqq.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image: url(../images/nwwb.png);}
.newsdetail .newstext{border-top: 1px solid #ebebeb; padding: 40px 0; word-wrap: break-word; text-align: justify;text-justify: inter-ideograph;}
.newsdetail .newstext img{margin: 0 auto;}
.newsdetail .newsmore{width: 100%; height: 48px; line-height: 48px; background-color: #efefef;}
.newsdetail .newsmore ul li{width: 33.333%; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsdetail .newsmore ul li a{font-size: 14px; color: #333; display: inline-block; margin: 0 20px;}
.newsdetail .newsmore ul li a:hover{color: #04269E;}
.newsdetail .newsmore ul li.Prev{text-align: left;}
.newsdetail .newsmore ul li.Prev a{padding-left: 20px; background: url(../images/News_Prev.png) left center no-repeat;}
.newsdetail .newsmore ul li.Backlist a{padding-left: 20px; background: url(../images/Backlist.png) left center no-repeat;}
.newsdetail .newsmore ul li.Next a{padding-right: 20px; background: url(../images/News_Next.png) right center no-repeat;}
.newsdetail .newsmore ul li.Next{text-align: right;}
.newsright{/*width: 305px;*/ width: 19%; float: right;}
.nwNextlist{background-color: #fff; padding: 20px 0;}
.nwNextlist ul li{padding: 10px 30px;}
.nwNextlist ul li .th{display: block; font-size: 18px; color: #333; position: relative; z-index: 1;}
.nwNextlist ul li .th i{display: inline-block; background-color: #fff; padding-right: 10px;}
.nwNextlist ul li .th:after{content:""; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position: absolute; left: 0; top: 49%; z-index: -1;}
.nwNextlist ul li .time{font-size: 14px; color: #999; margin-top: 10px;}
.nwNextlist ul li .h2{font-size: 16px; color: #666;}
.nwNextlist ul li:hover .h2{color: #04269E;}
.nwMyewm{margin-top: 15px; background-color: #fff; text-align: center; padding: 34px;}
.nwMyewm .th{display: block; font-size: 16px; color: #666; margin-bottom: 5px;}
.nwMyewm .ewm img{border: 1px solid #f5f5f5; margin: 0 auto;}

/*about*/
.abbanner{width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #000; background-image: url(../images/banner5.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.aboutNumBar{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.aboutNumBar ul li{width: 33.333%; float: left; text-align: center;}
.aboutNumBar ul li .box{width: 226px; display: inline-block; text-align: left;}
.aboutNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 100px; font-weight: bold; color: #04269E; line-height: 1.1;}
.aboutNumBar ul li .pn{font-size: 16px; color: #fff;}
.mouseBtns{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer;}
.mouseBtns i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.aboutBox{width: 100%; padding: 80px 0; background-color: #fff;}
.aboutBox .layout{max-width: 1100px;}
.aboutTitle{width: 100%; text-align: center;}
.aboutTitle h2{font-size: 48px; color: #000; line-height: 1.1;}
.aboutTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.aboutUs{background-color: #f8f8f8; margin-top: 50px; padding: 70px 144px; border-radius: 10px;}
.aboutUs .h2{font-size: 36px; font-weight: bold; color: #04269E; position: relative; z-index: 1;}
.aboutUs .h2:after,.aboutUs .h2:before{content:""; display: block; width: 37px; height: 34px; position: absolute; top: 10px; z-index: -1; background-size: cover; background-repeat: no-repeat;}
.aboutUs .h2:before{left: -65px; background-image: url(../images/abIcon_l.png);}
.aboutUs .h2:after{right: -20px; background-image: url(../images/abIcon_r.png);}
.aboutUs .pn{font-size: 16px; color: #666; text-align: justify;text-justify: inter-ideograph;}
.aboutBox02{width: 100%; min-height: 650px; background-image: url(../images/aboutBox02.jpg); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat;}
.aboutBox02 .aboutTitle h2{color: #fff;}
.aboutSer{width: 100%; margin-top: 50px;}
.aboutSer ul li{margin-top: 1px; padding: 45px 60px; overflow: hidden; position: relative; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.aboutSer ul li .h2{width: 180px; padding: 20px 10px 0 0; float: left; font-size: 30px; color: #eca50b;}
.aboutSer ul li .pn{width: 402px; float: left; font-size: 16px; color: #fff; opacity: .6; text-align: justify;text-justify: inter-ideograph;}
.aboutSer ul li .icon{width: 35px; height: 35px; border-radius: 50%; background-color: #04269E; display: block; position: absolute; right: 60px; top: 50%; margin-top: -17px;}
.aboutSer ul li .icon:after{content:""; width: 0; height: 0; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.aboutBox03{background-color: #f7f7f7;}
.abContact{width: 100%; border-top: 1px solid #e6e6e6; margin-top: 50px;}
.abContact ul li{border-bottom: 1px solid #e6e6e6; padding: 30px 140px 40px 0; position: relative;}
.abContact ul li .h2{font-size: 24px; color: #000; margin-bottom: 5px;}
.abContact ul li .h2 img{max-width: 51px; margin-right: 5px; vertical-align: bottom;}
.abContact ul li .pn{font-size: 16px; color: #666; line-height: 30px;}
.abContact ul li .Btns{width: 120px; height: 38px; line-height: 38px; text-align: center; background-color: #04269E; font-size: 16px; color: #fff; overflow: hidden; display: block; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -19px;}
.abContact ul li .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.abContact ul li .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

/*contact*/
.contact-box01{width: 100%; background-color: #fff; padding: 230px 0 190px 0;}
.contact-box01 .h2{font-size: 24px; color: #333;}
.contact-box01 .pn{margin-top: 10px;}
.contact-box01 .pim img{max-width: 100%; display: block;}
.contact-box01 .line{width: 43px; height: 2px; display: block; background-color: #333; margin: 50px 0;}
.contact-box01 .pe{margin-bottom: 10px;}
.contact-box01 .btns{width: 188px; height: 55px; line-height: 55px; text-align: center; background-color: #333; font-size: 12px; color: #fff; overflow: hidden; display: block; margin-top: 90px; position: relative; z-index: 1;}
.contact-box01 .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #04269E; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.contact-box01 .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.contact-box02{width: 100%; padding: 190px 0 120px 0; background-color: #000; background-image: url(../images/contact-box02.jpg); background-attachment: fixed; background-position: center top; background-repeat: no-repeat;}
.cont-info{width: 100%; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #1e1e1d; border-bottom: 1px solid rgba(255,255,255,.1);}
.cont-info ul li{width: 50%; float: left;}
.cont-info ul li{font-size: 16px; color: #fff;}
.cont-info ul li .tn{font-size: 14px; color: #ccc; display: block; margin: 5px 0;}
.cont-tips{font-size: 12px; color: #fff;}
.cont-tips span{color: #ccc;}
.cont-form{width: 100%; min-height: 575px; position: relative;}
.cont-form ul li{/*width: 755px;*/ width: 46.35%; margin-top: 30px;}
.cont-form ul li .tit{font-size: 14px; color: #fff; height: 30px; line-height: 30px;}
.cont-form ul li .tit i{color: #f00;}
.cont-form ul li .cont-text,.cont-form ul li .cont-teat,.cont-form ul li .cont-sele{width: 100%; height: 40px; line-height: 40px; background: none; border: 2px solid #808080; padding: 0 10px; font-size: 14px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.cont-form ul li .cont-teat{height: 540px; padding: 5px 10px; line-height: 24px;}
.cont-form ul li .cont-text:focus,.cont-form ul li .cont-teat:focus{border-color: #fff;}
.cont-form ul li.item-teat{position: absolute; right: 0; top: 0;}
.cont-form ul li .cont-sele{color: #999;}
.cont-form ul li.item-submit{margin-top: 40px;}
.cont-form ul li .btns{/*width: 364px;*/ width: 48.3%; height: 50px; border: none; background-color: #b8b8b8; font-size: 16px; color: #333; cursor: pointer; float: left;}
.cont-form ul li .btns:hover,.cont-form ul li .reset{background-color: #04269E; color: #fff;}
.cont-form ul li .reset{float: right;}

.about-box01{width: 100%; background-color: #fff; padding: 120px 0;}
.about-box01 .about-tm{max-width: 910px; margin: 0 auto; text-align: center;}
.about-box01 .about-tm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box01 .about-tm .h3{font-size: 14px; color: #666; line-height: 30px;}
.about-box01 .IndexList{width: 70%; padding-top: 30px;}
.about-box02{width: 100%; height: 676px; background-image: url(../images/about03.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.about-box02 .about-xzwm{max-width: 1295px; margin: 0 auto; padding-top: 70px; text-align: center;}
.about-box02 .about-xzwm .h2{font-size: 36px; color: #fff; margin-bottom: 10px;}
.about-box02 .about-xzwm .h3{font-size: 16px; color: #d9d9d9;}
.about-box02 .about-xzwm .abul li{width: 21%; max-width: 270px; float: left; margin-top: 120px; margin-right: 18%; margin-right: 11%\0;}
.about-box02 .about-xzwm .abul li .co{display: block; width: 120px; height: 120px; border: 1px solid #fff; border-radius: 100%; margin: 0 auto; background-image: url(../images/about04.png); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .5s ease;transition: all .5s ease;}
.about-box02 .about-xzwm .abul li:hover .co{background-position: 0 -120px; border-color: #dc1010;}
.about-box02 .about-xzwm .abul li .c1{background-position: 0 0;}
.about-box02 .about-xzwm .abul li .c2{background-position: -120px 0;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position: -120px -120px;}
.about-box02 .about-xzwm .abul li .c3{background-position: -240px 0;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position: -240px -120px;}
.about-box02 .about-xzwm .abul li .t{display: block; font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;}
.about-box02 .about-xzwm .abul li p{font-size: 14px; color: #c4c4c4;}
.about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right: 0;}
.about-box03{width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; padding: 120px 0;}
.about-box03 .about-xzwm{max-width: 1295px; margin: 0 auto; text-align: center;}
.about-box03 .about-xzwm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box03 .about-xzwm .h3{font-size: 14px; color: #666; line-height: 30px;}
.ab-team ul li{width: 30%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-top: 5%; margin-right: 5%; margin-right: 3%\0;}
.ab-team ul li:nth-of-type(3n){margin-right: 0;}
.ab-team ul li .pic{width: 100%; overflow: hidden;}
.ab-team ul li .pic img{width: 100%; display: block;}
.ab-team ul li .tmask{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 5; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); -webkit-transition: all .5s ease;transition: all .5s ease;}
.ab-team ul li:hover .tmask{visibility: visible; opacity: 1;}
.ab-team ul li .tm{padding: 35px; text-align: left; transform: translateX(0) translateY(10%); -webkit-transition: all .8s ease;transition: all .8s ease;}
.ab-team ul li:hover .tm{transform: translateX(0) translateY(0);}
.ab-team ul li .tm .n1{font-size: 24px; font-weight: bold; color: #fff;}
.ab-team ul li .tm .n2{font-size: 16px; color: #fff; display: block;}
.ab-team ul li .tm .line{display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 10px; margin-bottom: 30px;}
.ab-team ul li .tm p{font-size: 14px; color: #fff; margin-bottom: 10px;}
.IndexList{width: 440px; margin: 0 auto; display: table; position: relative; -webkit-transition: all .8s ease-out 0s;transition: all .8s ease-out 0s;}
.IndexList ul{font-size: 0; padding-top: 30px;}
.IndexList li{display: inline-block; width: 33.33%; text-align: center; position: relative;}
.IndexList li i{font-size: 16px; color: #000;}
.IndexList li span{display: block; font-size: 14px; color: #666; letter-spacing: 4px;}
.nub{font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block;}
.NumContent{height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.IndexList.active{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}

/*myTop*/
.myTop{width: 66px; position: fixed; _position: absolute; right: 0; bottom: 30%; z-index: 100;}
.myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;}
.myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #000; overflow: hidden; position: relative; z-index: 10;}
.myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #04269E;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0\9;
    filter: alpha(opacity=0)\9;
}
.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
/*.myTop ul li:hover a{background-color: #04269E;}*/
.myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
.myTop ul li .t{display: block; margin-top: 7px;}
.myTop ul li.myMess .icon{background-image: url(../images/myMess.png);}
.myTop ul li.myNum .icon{background-image: url(../images/myNum.png);}
.myTop ul li.mySer .icon{background-image: url(../images/mySer.png);}
.myTop ul li.GoTop .icon{background-image: url(../images/GoTop.png);}
.myTop ul li .Phone{width: 200px; height: 62px; line-height: 66px; font-size: 16px; color: #fff; background-color: #04269E; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{left: -200px;}
.wp {
    margin: 0 140px;
}
/*footer*/
<!--.footer{width: 100%; background-color: #191618; *background-image: url(../images/footerBg.jpg);*/position:relative; z-index:1; overflow:hidden; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.footer .layout{position:relative;}
.footer .footertext{z-index:10;position:relative;background-color: rgba(0,0,0,1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
/*.footer .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;z-index:1;}
*/.footer video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:1; -webkit-transition: opacity 4.0s; -moz-transition: opacity 4.0s; -ms-transition: opacity 4.0s; -o-transition: opacity 4.0s; transition: opacity 4.0s;}
.footer .footTou{padding: 77px 0 60px 0;}
.footer .ftlogos{width: 240px; float: left; font-size: 14px; color: #666;}
.footer .ftlogos p{margin-top: 10px;}
.footer .ftewm{width: 119px; float: right; text-align: center; font-size: 14px; color: #666;}
.footer .ftlinks{ width: 60.6%; float: right; overflow: hidden; word-break: break-all; word-wrap: break-word;}
.footer .dl{width: 16.666%; float: left;}
.footer .dl dt{font-size: 16px; color: #fff; padding: 0 35px 10px 0; position: relative;}
.footer .dl dt:after{content:" / "; display: block; font-size: 16px; color: #fff; position: absolute; right: 45px; top: 0;}
.footer .dl:nth-last-child(1) dt:after{display: none;}
.footer .dl dd{margin-top: 10px; padding-right: 10px; font-size: 14px;}
.footer .dl dd a{color: #fff;}
.footer .dl dd a:hover{color: #04269E;}
.footer .footBom{width: 100%; padding: 20px 0; border-top: 1px solid #424242; overflow: hidden;zoom: 1;}
.footer .ftCopy{width: 50%; float: left; text-align: left; font-size: 12px; color: #424242;}
.footer .bdsharebuttonbox{width: 40%; float: right; text-align: right;}
.footer .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 0 0 7px; padding: 0; float: none; display: inline-block; background-image: url(../images/Share.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;}
.dowebok .section{width: 100%; height: 100vh;}-->

/*Mobile Css*/
@media screen and (max-width:1600px){
    .logo a{width: 220px;}
    .nav ul li{margin-right: 26px;}
    .nav ul li .box{width: 644px;}
    .nav ul li:nth-child(2) .box{width: 794px;}
    .nav ul li:nth-child(3) .box{width: 700px;}
    .nav ul li:nth-child(5) .box{margin-right: 430px;}
    .nav ul li:nth-child(6) .box{margin-right: 338px;}
    .nav ul li .nav-body a{margin-right: 15px;}
    .bannerNumBar ul li{height: 110px; padding-top: 20px;}
    .inBusiness ul li .box{padding: 40px 30px;}
    .mobText{padding-top: 150px;}
}
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }

    .header{height: 80px;}
    .logo{padding-top: 17px;}
    .nav ul li>a{height: 80px; line-height: 80px;}
    .nav ul li .nav-body{top: 80px;}
    .callNum{height: 80px; line-height: 80px;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 50px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .bannerNumBar ul li .pn{font-size: 14px;}
    .inBusiness ul li .box{height: 380px;}
    .baiweiDemand{padding: 80px 0;}
    .dowebok .baiweiDemand{padding: 130px 0 20px 0;}
    .nybanner{height: 528px;}
    .nybanner .h2{font-size: 34px;}
    .footer .ftlinks{width: 640px;}
    .footer .dl dt{font-size: 14px; padding-right: 20px;}
    .footer .dl dt:after{right: 20px;}
    .footer .dl dd{font-size: 12px;}
    .section .webTmain{width: 47.5%;}
    .section .webPic{width: 52.5%;}
    .section .webTmain .h2,.mobText .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .mobText{width: 400px;}
    .mobText .pn{font-size: 12px; line-height: 24px;}
    .mobText .th{font-size: 14px; font-weight: bold; margin-top: 15px;}
    .mobText .dl dd{font-size: 12px;}
    .caseTextBox{padding: 60px 40px;}
    .contact-box01{padding: 120px 0;}
}
@media screen and (min-width:769px) and (max-width:1199px){
    .layout { width: 750px; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logo{position: absolute; left: 3%; top: 0; padding-top: 0;}
    .logo a{width: 120px; height: 60px; background-image: url(../images/logo_h.png);}
    .nav,.callNum,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 20px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .aboutNumBar ul li .num{font-size: 60px;}
    .indexTitle h2,.aboutTitle .h2,.nybanner .h2{font-size: 24px;}
    .aboutUs .h2{font-size: 20px;}
    .nybanner .pn,.aboutNumBar ul li .pn,.bannerNumBar ul li .pn{font-size: 14px;}
    .aboutUs .pn{font-size: 12px;}
	
    .inBusiness ul li .box{height: 380px;}
    .inBusiness ul li{width: 50%;}
    .indexCase ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.caseTextBox .caseTitle,.caseTextBox .caseInfo{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li:hover,.newslist ul li:hover a{box-shadow: none; transform: none; transition: none;}
    .indexnwlist ul li a{padding: 20px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont{font-size: 12px; height: 87px;}
    .indexnwlist ul li .time{margin-top: 20px;}
    .baiweiform ul li{width: 25.95%;}
    .baiweiform ul li.itemSub{width: 20%;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webTmain,.section .webPic{width: auto; float: none;}
    .section .webPic img{position: relative; max-width: 60%;}
    .section .webTmain{padding: 40px; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{margin: 0 auto; display: block;}
    .section .webTmain .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .nybanner,.abbanner{height: 600px !important;}
    .mobText{padding: 150px 0;}
    .caseWrap{padding-top: 60px;}
    .caseTextBox{padding: 40px 20px;}
    .caseTextBox .caseInfo{margin-top: 20px;}
    .newsTou .indexnwlist ul li a,.newslist ul li a{padding: 30px 20px;}
    .newslist ul li{width: 50%; margin: 16px 0 0 0;}
    .newsleft{width: 74%;}
    .newsdetail{padding: 40px 20px 50px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsright{width: 25%;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .contact-box01,.contact-box02{padding: 110px 0 120px 0;}
    .aboutNumBar ul li .box{width: 197px;}
    .aboutSer ul li .h2{width: 115px;}
    .aboutSer ul li .pn{width: 320px;}
}
@media screen and (max-width:768px){
    .layout { width: 95%; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logo{float: none; padding-top: 0;}
    .logo a{width: 120px; height: 60px; background-image: url(../images/logo_h.png);}
    .nav,.callNum,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .banner .pimg,.nybanner,.abbanner{height: 400px !important;}
    .banner .banText{transform: translateY(-50%); margin-top: 40px;}
    .banner .banText .pn,.indexTitle p,.baiweiform ul li,.baiweiform ul li.itemSub{margin-top: 5px;}
    .mouseIco{width: 40px; height: 40px; margin-top: 10px; overflow: hidden;}
    .bannerNumBar .digital,.bannerNumBar .digital.active{transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);}
    .bannerNumBar{position: static; left: auto; bottom: auto;}
    .bannerNumBar ul li{height: 70px; padding-top: 20px;}
    .bannerNumBar ul li.item1,.bannerNumBar ul li.item2,.bannerNumBar ul li.item3,.bannerNumBar ul li .box{text-align: center;}
    .bannerNumBar ul li .box{margin: 0 5px;}
    .indexTitle h2,.aboutTitle .h2{font-size: 24px;}
    .banner .banText .h2,.bannerNumBar ul li .num,.nybanner .h2,.aboutNumBar ul li .num,.abContact ul li .h2,.indexnwlist ul li .time b{font-size: 20px;}
    .indexCase ul li h2,.indexnwHot .h2,.newslist ul li .h2,.newslist ul li .time b,.aboutUs .h2{font-size: 16px;}
    .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;}
    .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogos,.nybanner .pn,.newslist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newslist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;}
    .sectionBox,.baiweiDemand,.aboutBox{padding: 30px 0 40px 0;}
    .inBusiness,.indexCase,.indexPartner,.indexNews,.baiweiform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}
    .inBusiness ul li{width: 50%;}
    .inBusiness ul li .box{padding: 20px 10px; height: 320px;}
    .inBusiness ul li .tit,.inBusiness ul li:hover .tit,.inBusiness ul li.item3:hover .tit{padding-right: 26px; background-size: 20px auto;}
    .inBusiness .dl{margin-top: 5px; display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;}
    .inBusiness .dl.clearfix:before,.inBusiness .dl.clearfix:after{display: none;}
    .inBusiness .dl dd{width: 50%; float: none; margin: 5px 0 0 0; flex-basis: 50%;}
    .inBusiness .dl dd a,.inBusiness .dl dd .a{width: auto; padding: 0 5px; border: 1px solid #fff; font-size: 8px; height: 28px; line-height: 28px; margin: 0 2px; overflow: hidden;}
    .incaseTab ul li{padding-right: 8px; margin-right: 5px; margin-top: 5px;}
    .indexCase ul li{width: 50%;}
    .indexCase ul li .tit{padding: 10px 40px 0 10px; height: 50px;}
    .indexCase ul li .icon{right: 10px;}
    .indexCase ul li .bg img{max-height: 80px;}
    .indexBtns{margin-top: 15px;}
    .indexBtns a{min-width: 75px; height: 35px; line-height: 35px;}
    .indexPartner ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.baiweiform ul li,.baiweiform ul li.itemSub,.footer .ftlogos,.footer .ftlinks,.footer .ftCopy,.footer .bdsharebuttonbox,.section .webTmain,.section .webPic,.caseTextBox .caseTitle,.caseTextBox .caseInfo,.newsleft,.newsright,.aboutSer ul li .h2,.aboutSer ul li .pn{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li a{padding: 20px 15px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont,.newslist ul li .pcont{height: 125px; margin-top: 5px;}
    .indexnwlist ul li .time,.newslist ul li .time{margin-top: 10px; padding-top: 10px;}
    .footer .footTou{padding: 45px 0 0 0;}
	.footer video{width:140%; display:none;}
    .footer .ftlogos{text-align: center;}
    .footer .ftlogos img{max-width: 120px;}
    .footer .ftewm{float: none; margin: 0 auto; padding: 15px 0;}
    .footer .ftCopy,.footer .bdsharebuttonbox{text-align: center;}
    .footer .bdsharebuttonbox{margin-top: 5px;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webPic img{position: relative; max-width: 95%;}
    .section .webTmain{padding: 20px 2.5% 40px 2.5%; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{max-width: 100%; margin: 0;}
    .section .webTmain .h2,.mobText .h2,.caseTextBox .caTit{font-size: 20px;}
    .section .webTmain .h3,.mobText .th{font-size: 14px;}
    .section .webTmain .pn,.mobText .pn,.mobText .dl dd{font-size: 12px; height: auto;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .section .webBtns a{width: 110px; height: 38px; line-height: 38px; font-size: 12px;}
    .mobText{width: auto; padding: 80px 0;}
    .mobText .th{margin-top: 15px;}
    .mobText .dl dd{margin-right: 10px;}
    .page{margin-top: 20px;}
    .page a{font-size: 12px; padding: 6px 10px;}
    .caseWrap{padding-top: 60px;}
    .caseDetails{padding: 40px 0 30px 0;}
    .caseTextBox{padding: 40px 20px;}
    .caseDetailsBom{padding: 40px 0;}
    .newslist ul{margin-left: -5px; margin-right: -5px; margin-bottom: 0;}
    .newslist ul li{width: 50%; margin: 10px 0 0 0;}
    .newslist ul li a{margin: 0 5px; padding: 20px 10px;}
    .newsleft,.newsright{margin-bottom: 5px;}
    .newsdetail{padding: 40px 20px 50px 20px;}
    .newsdetail h1{font-size: 20px;}
    .newsdetail .newstext{padding: 20px 0;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .aboutNumBar{margin-top: 10px;}
    .aboutNumBar ul li .box{width: auto; margin: 0 5px; text-align: center;}
    .aboutUs{padding: 30px 20px;}
    .aboutUs .h2{padding: 10px 45px 0 45px;}
    .aboutUs .h2:before{left: 0;}
    .aboutUs .h2:after{right: 0;}
    .about-box01 .about-tm .h2,.about-box03 .about-xzwm .h2{font-size: 20px; margin-bottom: 10px;}
	.about-box01 .IndexList{width: 95%; padding-top: 0;}
	.about-box01 .about-tm .h2{font-size: 26px;}
    .about-box01 .about-tm .nub{font-size: 30px; height: 34px; line-height: 34px;}
	.about-box02{height: auto; padding-bottom: 70px; overflow: hidden;}
	.about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n){max-width: 100%; width: auto; float: none; margin: 20px 0 0 0;}
    .about-box02 .about-xzwm .h2{font-size: 20px; margin-bottom: 5px;}
    .about-box02 .about-xzwm .h3{font-size: 14px;}
    .about-box02 .about-xzwm .abul li .co{width: 70px; height: 70px; background-size: 210px auto;}
    .about-box02 .about-xzwm .abul li:hover .c1{background-position: 0 -70px;}
    .about-box02 .about-xzwm .abul li .c2{background-position: -70px 0;}
    .about-box02 .about-xzwm .abul li:hover .c2{background-position: -70px -70px;}
    .about-box02 .about-xzwm .abul li .c3{background-position: -140px 0;}
    .about-box02 .about-xzwm .abul li:hover .c3{background-position: -140px -70px;}
    .about-box02 .about-xzwm .abul li .t{font-size: 16px; margin: 20px 0 5px 0;}
    .about-box02 .about-xzwm .abul li p{font-size: 12px;}
	.about-box01,.about-box03{padding:40px 0;}
	.ab-team ul li{width: 49%; margin-right: 2%;}
	.ab-team ul li:nth-of-type(3n){margin-right: 2%;}
	.ab-team ul li:nth-of-type(2n){margin-right: 0;}
	.ab-team ul li .tm{padding: 10px;}
	.ab-team ul li .tm .n1{font-size: 14px;}
	.ab-team ul li .tm .n2,.ab-team ul li .tm p{font-size: 12px;}
	.ab-team ul li .tm .line{margin: 5px 0;}
	.ab-team ul li .tm p{margin-bottom: 0;}
    .aboutSer ul li{padding: 20px;}
    .aboutSer ul li .h2{text-align: center; font-size: 20px; padding: 0;}
    .aboutSer ul li .pn{padding: 15px 0;}
    .aboutSer ul li .icon{position: relative; margin: auto; right: auto; top: auto;}
    .abContact ul li{padding: 20px 0;}
    .abContact ul li .Btns{position: relative; right: auto; top: auto; margin-top: 15px;}
    .abContact ul li .pn{line-height: 22px;}

    .alert-action{left: 30px; top: 30px; width: 40px; height: 40px; background-size: cover;}
    .font-48{font-size: 20px;}
    .contact-box01{padding: 90px 0 40px 0;}
    .contact-box02{padding: 90px 0;}
    .contact-box01 .h2{font-size: 16px;}
    .contact-box01 .pn img{max-width: 110px;}
    .contact-box01 .pe img{max-width: 250px;}
    .contact-box01 .line{margin: 20px 0;}
    .contact-box01 .btns{width: 120px; height: 40px; line-height: 40px; margin-top: 30px;}
    .cont-info{padding-bottom: 20px; margin-bottom: 20px;}
    .cont-info ul li,.cont-form ul li{width: 100%;}
    .cont-form ul li{margin-top: 15px;}
    .cont-form ul li.item-teat{position: relative; right: auto; top: auto;}
    .cont-form ul li .cont-teat{height: 200px;}
}