html,body { width:100%;}
body { overflow-x: hidden; background: #fff;text-decoration: none; -webkit-tap-highlight-color: transparent; cursor: default;}
@font-face { font-family: "number lighter"; src: url('../iconfont/Avant Garde Book BT_2.ttf') format('truetype');}

.page-container { padding: 0 8.33%;}
.page-title { line-height: 1.5; margin-bottom: 15px; text-align: center; color: #0E1114; font-size: 36px;}
.page-des { line-height: 1.5; text-align: center; color: #6D7B8E; font-size: 18px;}

.noscroll,.noscroll body { overflow:hidden}
.noscroll body { position:relative}

@media ( max-width: 1024px)  {
	.page-title { margin-bottom: 10px; font-size: 24px;}
	.page-des { width: 85%; margin: auto; font-size: 12px;}
}

.fadeInRight { -webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both;animation: fadeInRight 1s .2s ease both; }
@-webkit-keyframes fadeInRight {
	0%{ opacity:0; -webkit-transform:translate3d(50%,0,0);}
	100%{ opacity:1;-webkit-transform:none;}
}
@keyframes fadeInRight {
	0%{ opacity:0; transform:translate3d(50%,0,0);}
	100%{ opacity:1; transform:none;}
}
/* 导航 */
.nav-row { position: fixed; left: 0; top: 0; right: 0; z-index: 2; height: 60px; padding: 0 5.2%; text-align: right; -webkit-transition: background .2s linear; transition: background .2s linear;}
.nav-logo { float: left; width: 20%; height: 100%; background-image: url('../images/web-logo.svg'); background-repeat: no-repeat; background-position: 0 0; background-size: auto 100%; -webkit-transition: background .2s linear; transition: background .2s linear;}
.nav-cont { display: inline-block; vertical-align: top; width: 80%; height: 100%;}
.nav-cont li { position: relative; display: inline-block; vertical-align: top; height: inherit; line-height: 60px; padding: 0 2.8%; text-align: center; font-size: 14px; color: #fff; cursor: pointer;}
.nav-cont li.curr { font-weight: bold;}
.nav-cont li>span { position: relative; display: inline-block; vertical-align: middle; line-height: 1;}
.nav-cont li>span:before,.nav-cont li>span:after { content: ''; position: absolute; top: 50%; width: 10px; height: 1px; opacity: .8; -webkit-transition: background .2s linear; transition: background .2s linear;}
.nav-cont li>span:before { left: 125%; }
.nav-cont li>span:after { right: 125%; }
.nav-cont li .arrow-down { display: inline-block; vertical-align: middle; width: 16px; height: 10px; line-height: 10px; margin-left: 5px; font-size: 12px; color: #fff;}
.nav-cont li:hover>span:before,.nav-cont li:hover>span:after { background: #fff;}

.nav-row.fixed { background: #fff;box-shadow:0px 3px 18px rgba(0,0,0,0.09); z-index: 20;}
.nav-row.fixed .nav-logo { background-image: url('../images/web-logo2.svg');}
.nav-row.fixed .nav-cont li,.nav-row.fixed .nav-cont li .arrow-down { color: #2D3F54;}
.nav-row.fixed .nav-cont li:hover>span:before,.nav-row.fixed .nav-cont li:hover>span:after { background: #2D3F54;}

.nav-downlist { overflow: hidden; position: absolute; right: 0; top: 60px; width: 88%; height: 0; background: rgba(255, 255, 255, .95); padding-right: 15px; -webkit-transition: height .2s linear; transition: height .2s linear;}
.nav-downlist.open { height: 340px;}
.nav-downlist li { float: left; width: 20%; padding-left: 20px; text-align: left; box-sizing: border-box;}
.nav-downlist li .tit { line-height: 1.8; padding: 20px 0 10px 12px; font-size: 16px; color: #0E1114;}
.nav-downlist .down-col { display: block; height: 50px; border-left: 2px solid transparent; padding: 10px 0 0 10px; margin-bottom: 8px; cursor: pointer; color: #9DA2AA; font-size: 12px;}
.nav-downlist .down-col .item-tit { line-height: 1.5; font-size: 14px; color: #2D3F54;}
.nav-downlist .down-col:hover { background: #EEEEEE; border-color: #237AFF;}
.nav-downlist .icon-hot { display: inline-block; vertical-align: middle; width: 40px; height: 15px; background: url(../images/icon-hot.svg) no-repeat; background-size: 100% 100%; margin-left: 5px;}

.page-moblie-nav { display: none; width: 60px; height: 60px; line-height: 60px; color: #fff; cursor: pointer;}
.page-moblie-nav .iconfont { font-size: 20px;}

.page-moblie-sidebar { display: none; position: fixed; right: 0; top: 50px; z-index: 11; width: 100%; background: #fff; padding: 0 3.25%; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; opacity: 0; height: 0; overflow: hidden; box-sizing: border-box;}
.page-moblie-sidebar.open { -webkit-overflow-scrolling: touch; overflow-y: auto; top: 60px; opacity: 1; height: calc(100% - 60px);}
.page-moblie-sidebar >li { overflow: hidden; position: relative; display: block; height: 55px; border-bottom: 1px solid #e5e5e5; font-size: 15px; color: #2D3F54; cursor: pointer;}
.page-moblie-sidebar >li>div { position: relative; line-height: 55px;}
.page-moblie-sidebar >li>p { line-height: 1; padding-bottom: 20px; font-size: 12px;}
.page-moblie-sidebar >li.curr { font-weight: bold;}

.page-moblie-sidebar >li .mb-icon { display: block; position: absolute; right: 5px; top: 50%; width: 12px; height: 10px; line-height: 10px; margin-top: -5px; text-align: center; color: #2D3F54; -webkit-transition: transform .2s; transition: transform .2s;}
.page-moblie-sidebar >li .mb-icon .iconfont { font-size: 10px;}
.page-moblie-sidebar >li.nav-product-mb.open { height: auto;}
.page-moblie-sidebar >li.nav-product-mb.open .mb-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.nav-product-mb { font-size: 0;}
.nav-product-mb >a { display: inline-block; vertical-align: top; width: 30%; height: 30px; line-height: 30px; border: 1px solid #D2D2D2; border-radius: 5px; margin-right: 1.5%; margin-bottom: 15px; text-align: center; font-size: 12px; color: #6D7B8E;}

@media ( max-width: 1024px)  {
	.nav-row { padding: 0 3.25% 0 0;}
	.nav-cont,.nav-downlist { display: none;}
	.nav-logo { width: 40%;}
	.page-moblie-nav { display: inline-block;}

	.nav-row.fixed .page-moblie-nav { color: #2D3F54; }
	.page-moblie-sidebar { display: block;}
}

/* 首页 */
.first-screen { overflow: hidden; position: relative; width: 100%;}
.first-swiper-pc { position: relative; width: 100%; height: 100%;}
.first-swiper-pc .swiper-slide { background-size: cover; text-align: right;}
.first-swiper-mb { display: none;}
.first-screen .fist-swiper-pagination.swiper-pagination-bullets { position: absolute; bottom: 20px; z-index: 2; text-align: center;}
.fist-swiper-pagination .swiper-pagination-bullet { width: 32px; height: 2px; background: #fff; border-radius: 0;}
.fist-swiper-pagination .swiper-pagination-bullet-active { background: #fff;}

.first-swiper-btn,.product-swiper-btn { position: absolute; top: 50%; z-index: 2; width: 48px; height: 48px; line-height: 48px;background: rgb(0,0,0,.1); margin-top: -24px; text-align: center;}
.first-swiper-btn .iconfont,.product-swiper-btn .iconfont { display: inline-block; vertical-align: middle; line-height: 1; font-size: 15px; color: #fff;}
.first-swiper-btn:hover,.product-swiper-btn:hover { background: #237AFF;}
.first-swipe-prev { left: 0}
.first-swipe-next { right: 0}

@media ( max-width: 1024px)  {
	.first-swiper-pc { display: none;}
	.first-swiper-mb { display: block; height: 100%;}
	.first-swiper-mb .swiper-slide { background-size: cover; text-align: center;}
	.fist-swiper-pagination .swiper-pagination-bullet { width: 16px; height: 1px;}
}
/* 解决方案 */
.func-wrapper { position: relative;}
.func-top { padding: 70px 0 120px 12.24%; background: url('../images/about_leftbg-pc.svg') no-repeat -120px top,url('../images/about_rightbg-pc.svg') no-repeat right bottom;}
.func-top .top-tit { position: relative; width: 45.63%; line-height: 1.5; margin-bottom: 25px; font-size: 48px; color: #0E1114;}
.func-top .top-tit img { position: absolute; left: 130px; top: 30%; z-index: 5;}
.func-top .top-des { width: 45.63%; margin-bottom: 10px; line-height: 2; font-size: 14px; color: #2D3F54;} 
.func-moblie-des { display: none;}

.func-bot { height: 220px; line-height: 220px; background: #237AFF; padding: 0 0 0 8%;}
.func-bot-info { display: inline-block; vertical-align: middle; line-height: 1; width: 14%; text-align: center;}
.func-bot-info .info-num { position: relative; display: inline-block; vertical-align: top; margin-bottom: 15px; font-size: 80px; color: #fff;}
.func-bot-info .info-num >p { font-family: 'number lighter';}
.func-bot-info .info-num .top { position: absolute; right: -18px; top: 0; font-size: 12px;}
.func-bot-info .info-num .iconjia { font-size: 11px; color: #fff;}
.func-bot-info .info-tit { font-size: 14px; color: #fff;}

.func-video{ width: 448px; height: 538px; position: absolute; left: 50%; margin-left: 220px; bottom: 107px; }
.func-video > img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.func-video video{ width: 100%; height: 100%; opacity: 0;}
.video-play{ display: block; width: 100%; height: 100%; background: url('../images/video-tb.png') center center no-repeat; position: absolute; left: 0; top: 0; z-index: 3; }
.video-play.playing{ background: none; }
.func-moblie-video { display: none;}

@media ( max-width: 1024px)  {
	.func-top { padding: 30px 3.25% 15px; background: url('../images/about_leftbg-mb.svg') no-repeat -5% -5%,url('../images/about_rightbg-mb.svg') no-repeat right bottom; background-size: 170px auto,auto 222px;}

	.func-top .top-tit { width: 100%; font-size: 24px;}
	.func-top .top-tit img { width: 70%; left: 60px;}
	.func-top .top-des { width: 100%; font-size: 13px;}
	.func-pc-des { display: none;}
	.func-moblie-des { display: block;}
	.func-moblie-des .des-more { color: #237AFF;}

	.func-video { display: none;}
	.func-moblie-video { display: block; height: 360px; line-height: 360px; background: url(../images/video-moblie.png) no-repeat center; background-size: auto 100%; margin-bottom: 15px; cursor: pointer; text-align: center;}
	.func-moblie-video .icon-play { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background:  url('../images/video-tb.png') no-repeat center; background-size: 100% 100%;}

	.func-bot { height: 100px; line-height: 100px; padding: 0; font-size: 0;}
	.func-bot-info { width: 25%; border-right:1px solid #448eff; box-sizing: border-box;}
	.func-bot-info:last-child { border-right: none;}
	.func-bot-info .info-num { font-size: 30px; margin-bottom: 10px;}
	.func-bot-info .info-tit { font-size: 11px;}
	.func-bot-info .info-num .top { right: -13px; font-size: 10px;}
	.func-bot-info .info-num .iconjia { font-size: 9px;}
}

/* 产品 */
.product-wrapper { padding: 70px 0 0;}

.product-swiper { height: 760px; margin: 55px 0;}
.product-swiper .swiper-slide { width: 1280px; font-size: 0}
.product-row { position: relative; display: inline-block; width: 50%; background: #fff; text-align: center;}
.product-row:before,
.product-row:after { content: ''; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; box-sizing: border-box; -webkit-transform: scale(0); -webkit-transition: .4s; transition: .4s; opacity: 0; pointer-events: none;}
.product-row:before { border-bottom: 3px solid #237AFF; border-left: 3px solid #237AFF; -webkit-transform-origin: 0 100%; }
.product-row:after { border-top: 3px solid #237AFF; border-right: 3px solid #237AFF; -webkit-transform-origin: 100% 0%; }

.product-row .row-lt,.product-row .row-rt { overflow: hidden; height: 380px; line-height: 380px;}
.product-row .row-lt img { width: 100%; height: 100%; -webkit-transition: transform .8s; transition: transform .8s;}
.product-row-cont { display: inline-block; vertical-align: middle; line-height: 1;}
.product-row-cont .tit { position: relative; line-height: 2.5; margin-bottom: 35px; font-size: 30px; color: #0E1114;}
.product-row-cont .tit:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 60px; height: 1px; background: #707070; margin-left: -30px;}
.product-row-cont .des { width: 70%; line-height: 2; margin: 0 auto; font-size: 14px; color: #2D3F54;}
.product-pc-btn { display: block; overflow: hidden; width: 200px; height: 0; line-height: 50px; margin:0 auto; text-align: center; font-size: 14px; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.product-pc-btn.disabled { background: #d8d8d8;}

.product-swiper .swiper-slide-active .product-row:hover:after,
.product-swiper .swiper-slide-active .product-row:hover:before { -webkit-transform: scale(1); opacity: 1;}
.product-swiper .swiper-slide-active .product-row:hover .row-lt img { -webkit-transform: scale(1.3); transform: scale(1.3);}
.product-swiper .swiper-slide-active .product-row:hover .product-pc-btn { height: 50px; margin: 20px auto 0;}
.product-swiper .swiper-slide-active .product-row:hover .product-pc-btn.btn-find { background: #237AFF;}

.product-swiper.swiper-container-3d .swiper-slide-shadow-right,.product-swiper-moblie.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: -o-linear-gradient(left,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,0));}
.product-swiper.swiper-container-3d .swiper-slide-shadow-left,.product-swiper-moblie.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); background-image: linear-gradient(to left, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); }

.product-swipe-prev { right: 95%;}
.product-swipe-next { left: 95%;}

.product-swiper-moblie { display: none;}

@media ( max-width: 1024px)  {
	.product-wrapper { padding-top: 30px;}
	.product-swiper { display: none;}

	.product-swiper-moblie { display: block; margin: 35px 0 0; padding-bottom: 50px;}
	.product-swiper-moblie .swiper-slide { width: 250px; box-shadow: 0 0 10px rgba(0,0,0,.08);}
	.product-mb-img { height: 150px;}
	.product-mb-img img { width: 100%; height: 100%;}
	.product-mb-cont { height: 240px; line-height: 240px; padding:0 15px; background: #fff;}
	.product-row-cont .tit { line-height: 2.5; font-size: 15px; margin-bottom: 10px; text-align: center;}
	.product-row-cont .tit:after { width: 30px; margin-left: -15px;}
	.product-row-cont .des { width: 100%; line-height: 1.5; text-align: center; font-size: 12px; color: #6D7B8E;}
	.product-mb-btn { display: block; width: 80%; height: 40px; line-height: 40px; background: #237AFF; margin: 10px auto 0; text-align: center; font-size: 15px; color: #fff;}
	.product-mb-btn.disabled { background: #d8d8d8;}
}

/* 合作 */
.company-wrapper { height: 700px; line-height: 700px; background: url('../images/web-company-pc.png') no-repeat 0 0; background-size: 100% 100%; padding: 0 12.24%; font-size: 0; text-align: justify;}
.company-left,.company-right { display: inline-block; vertical-align: middle; line-height: 1;}
.company-right { position: relative; width: 65%;}
.company-logo-col { float: left; width: 23%; height: 100px; line-height: 100px; background: #fff; margin: 0 2% 20px 0; text-align: center;}
.company-logo-col >img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.company-logo-col.logo-mb { display: none;}

.company-right .swiper-pagination { width: 100%; text-align: center;}
.company-right .swiper-pagination-bullet-active { width: 16px; border-radius: 50px;}
.company-left { width: 35%; padding-right: 40px; box-sizing: border-box;}
.company-left .des { line-height: 1; margin-bottom: 15px; font-size: 24px; color: #FFC400;}
.company-left .tit { line-height: 1.5; font-size: 48px; font-weight: bold; color: #fff;}
.company-left .intro { line-height: 2; margin-top: 20px; font-size: 14px; color: #fff; opacity: .6}

@media ( max-width: 1024px)  {
	.company-wrapper { height: auto; padding: 0 3.25% 8%; background: url('../images/web-company-mob.png') no-repeat 0 0; background-size: 100% 100%;}
	.company-left, .company-right { display: block; width: 100%;}
	.company-left .des { padding-top: 40px; margin-bottom: 10px; font-size: 15px; font-weight: bold;}
	.company-left .tit { font-size: 24px;}
	.company-left .intro { line-height: 1.5; margin-top: 10px; margin-bottom: 30px; font-size: 12px;}
	.company-logo-col { width: 31.3%; height: 50px; line-height: 50px; margin-bottom: 10px;}
	.company-logo-col.logo-mb { display: block;}
	.company-logo-col >img { max-width: 80%;}

	.company-right .swiper-pagination-bullet { width: 4px; height: 4px;}
	.company-right .swiper-pagination-bullet-active { width: 8px;}
}

/* 视频 */
.video-wrapper { padding: 70px 12.24%;}
.video-swipe { width: 100%; margin: 55px auto 0;}
.video-swipe .swiper-slide { width: 750px; height: 360px; background: #F2F2F2; border: 1px solid #E8E8E8; padding: 2% 5% 0 0; font-size: 0; box-sizing: border-box; zoom: 1;}
.video-swipe .swiper-slide .slide-lt,.video-swipe .swiper-slide .slide-rt { display: inline-block; vertical-align: middle; height: 100%; line-height: 360px;}
.video-swipe .swiper-slide .slide-lt { width: 60%; padding-left: 10%; box-sizing: border-box;}
.video-swipe .swiper-slide .slide-lt>img { display: inline-block; vertical-align: middle; width: 85%;}
.video-swipe .swiper-slide .slide-rt { width: 40%;background-repeat: no-repeat; background-position: right bottom; background-size: contain;}
.video-swipe .swiper-slide .icon-player { display: none; position: absolute; left: 50%; top: 50%; z-index: 2; width: 52px; height: 52px; line-height: 52px; margin: -26px 0 0 -26px; color: #2D3F54;}
.video-swipe .swiper-slide .icon-player .iconfont { font-size: 52px;}
.video-swipe.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: -o-linear-gradient(left,rgba(255,255,255,.9),rgba(255,255,255,0));
    background-image: linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,0));}
.video-swipe.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); background-image: linear-gradient(to left, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)); }
.video-swipe .swiper-slide.swiper-slide-active .eng { color: #FFC400;}
.video-swipe .swiper-slide.swiper-slide-active .icon-player { display: block;}
.video-swiper-button-prev,.video-swiper-button-next {position:absolute;top:50%; z-index: 2; width:20px;height:32px; line-height: 32px; margin-top:-10px; color: #9DA2AA}
.video-swiper-button-prev .iconfont,.video-swiper-button-next .iconfont { font-size: 20px;}
.video-swiper-button-prev { right: 50%; margin-right: 400px;}
.video-swiper-button-next { left: 50%; margin-left: 400px;}
.video-swiper-pagination { display: none;}

.pop-video-mask { display: none; position: fixed; left: 0; top: 0; z-index: 49; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); pointer-events: none;}
.pop-video-wrap { display: none; position: fixed; left: 50%; top: 25%; z-index: 50; width: 740px; background: #000000; border-radius: 10px; border: 5px solid #000000; margin-left: -370px;}
.pop-video-wrap iframe { height: 400px;}
.pop-video-close { position: absolute; bottom: 105%; right: -30px; width: 30px; height: 30px; background: url('../images/icon-close.svg') no-repeat; background-size: 100% 100%;}

@media ( max-width: 1024px)  { 
	.video-wrapper { padding: 30px 0 25px;}
	.video-swipe { margin: 30px auto 0; padding-bottom: 25px;}
	.video-swipe .swiper-slide { overflow: hidden; width: 90%; height: 160px; border-radius: 10px; box-sizing: border-box;}
	.video-swipe .swiper-slide .slide-lt,.video-swipe .swiper-slide .slide-rt { line-height: 160px;}
	.video-swipe .swiper-slide .icon-player { transform: scale(.5);}
	.video-swipe.swiper-container-horizontal>.video-swiper-pagination { position: absolute; bottom: -5px; text-align: center;}
	.video-swipe .swiper-pagination-bullet { width: 4px; height: 4px; background: #9DA2AA; opacity: 1}
	.video-swipe .swiper-pagination-bullet-active { width: 8px; border-radius: 50px; background: #007aff;}
	.video-swiper-button-prev,.video-swiper-button-next { display: none;}

	.pop-video-wrap { top: 50%; width: 96%; height: 36.6%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; box-sizing: border-box; border-width: 2px;}
	.pop-video-wrap iframe { height: 200px;}
	.pop-video-close { right: 50%; bottom: -25%; margin-right: -15px;}
}
/* 联系 */
.footer-top { height: 260px; line-height: 260px; background: url('../images/web-banner-bot.png') no-repeat; background-size: 100% 100%; text-align: center;}
.footer-top-cont { display: inline-block; vertical-align: middle;}
.footer-top-cont .tit { line-height: 1.5; margin-bottom: 20px; font-size: 28px; color: #fff;}
.footer-top-cont .ans { line-height: 1.5; margin-bottom: 30px; font-size: 30px; font-weight: bold; color: #FFC400;}
.footer-top-cont .tel-number { line-height: 30px;}
.footer-top-cont .tel-number li { display: inline-block; vertical-align: top; font-size: 24px; color: #fff;}
.footer-top-cont .tel-number a { padding: 0 15px; color: #fff;}
.footer-bot { padding: 0 12.24%;}
.footer-bot .bot-copy { height: 40px; line-height: 40px; border-top: 1px solid #EEEEEE; text-align: center; font-size: 12px; color: #C4C4C5;}
.footer-bot .bot-copy .copy-sep { display: inline-block; margin: 0 12px; color: #E0E0E0;}
.footer-bot .bot-copy .copy-beian { color: #C4C4C5; -webkit-transition: color .2s ease; transition: color .2s ease;}
.footer-bot .bot-copy .copy-beian:hover { color: #237AFF;}
.footer-bot-list { padding: 30px 0 35px;}
.footer-bot-list>li { float: left; width: 15%; padding-left: 20px; box-sizing: border-box;}
.footer-bot-list>li:last-child { width: 25%;}
.footer-bot-list>li >h2 { position: relative; line-height: 1.2; margin-bottom: 15px; color: #2D3F54; font-size: 16px;}
.footer-bot-list>li >h2 .mb-icon { display: none;}
.footer-bot-list>li >a { display: block; height: 30px; line-height: 30px; color: #6D7B8E; font-size: 12px;}
.footer-bot-list>li >a:hover { color: #237AFF;}
.foot-buis-mb { display: none;}

.foot-buis-online li { position: relative; display: inline-block; vertical-align: top;}
.foot-buis-online .online-btn { display: block; width: 40px; height: 40px; line-height: 38px; border: 1px solid #6D7B8E; border-radius: 50%; margin-right: 20px; text-align: center; color: #6D7B8E; box-sizing: border-box;}
.foot-buis-online .online-btn .iconfont { vertical-align: middle; font-size: 24px;}
.foot-buis-online .online-btn .iconQQ,.foot-buis-online .online-btn .icondianhua { font-size: 20px;} 
.foot-buis-online li.codebox .wx-code { position: absolute; left: 40px; top: -100px; z-index: 1; width: 140px; height: 140px; box-shadow:0 0 10px rgba(0,0,0,.08); background: url(../images/web-code.jpg) no-repeat; background-size: 100% 100%; opacity: 0; -webkit-transition: all .2s linear; transition: all .2s linear;}
.foot-buis-online li .wx-code.curr { opacity: 1; left: 50px;}

@media ( max-width: 1024px)  { 
	.footer-top { height: 150px; line-height: 150px; background-size: cover;}
	.footer-top-cont .tit { margin-bottom: 10px; font-size: 14px;}
	.footer-top-cont .ans { margin-bottom: 10px; font-size: 15px;}
	.footer-top-cont .tel-number li { font-size: 12px;}

	.footer-bot { padding: 0 3.25%;}
	.footer-bot-list { padding: 15px 0;}
	.footer-bot-list>li { overflow: hidden; width: 100%; height: 50px; padding: 0; border-bottom: 1px solid #eeeeee; -webkit-transition: height .2s ease; transition: height .2s ease; cursor: pointer;}
	.footer-bot-list>li:last-child { width: 100%; border-bottom: none;}
	.footer-bot-list>li >h2 { height: 50px; line-height: 50px; margin-bottom: 0; font-size: 15px; font-weight: normal; cursor: pointer;}
	.footer-bot-list>li >h2 .mb-icon { display: block; position: absolute; right: 5px; top: 50%; width: 12px; height: 10px; line-height: 10px; margin-top: -5px; text-align: center; color: #2D3F54; -webkit-transition: transform .2s; transition: transform .2s;}
	.footer-bot-list>li >h2 .mb-icon .iconfont { font-size: 10px;}
	.footer-bot-list>li >a { display: inline-block; vertical-align: top; width: 30%; height: 30px; line-height: 30px; border: 1px solid #D2D2D2; border-radius: 5px; margin-right: 1.5%; margin-bottom: 15px; text-align: center; font-size: 12px; color: #6D7B8E;}
	.footer-bot-list>li.open { height: 150px;}
	.footer-bot-list li.business { height: auto;}
	.footer-bot-list>li.open >h2 .mb-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.foot-buis-pc { display: none;}
	.foot-buis-mb { display: block;}
	

	.footer-bot .bot-copy { border: none;}
}
/* float-sidebar */
.pop-float-wrap { position: fixed; top: 70%; right: -30%; z-index: 10; width: 60px; height: 140px; margin-top: -70px; -webkit-transition: right .3s ease; transition: right .3s ease;}
.pop-float-wrap.open { right: 1.56%;}
.pop-float-wrap .float-btn { position: relative; display: block; width: 100%; height: 60px; line-height: 60px; margin-bottom: 20px; border-radius: 50%; background: #E9E9E9; text-align: center; color: #C8C9CC;}
.pop-float-wrap .float-btn.float-advisory { background: #237AFF;} 
.pop-float-wrap .float-btn .iconzixun { font-size: 32px; color: #fff}
.pop-float-wrap .float-btn .iconzhiding { font-size: 20px;}

.pop-float-tips { position: absolute; right: 30px; top: 0; z-index: -1; overflow: hidden; height: 100%; text-align: right;}
.pop-float-tips .tips-cont { display: inline-block; width: 0; height: 100%; line-height: 60px; background-color: rgba(35,122,255,.75); border-radius: 50px 0 0 50px; font-size: 14px; color: #fff; -webkit-transition: all .2s; transition: all .2s;}
.pop-float-wrap .float-btn:hover .tips-cont { width: 85px; padding-right: 45px;}

@media ( max-width: 1024px)  { 
	.pop-float-wrap { width: 50px; height: 110px;}
	.pop-float-wrap .float-btn { width: 45px; height: 45px; line-height: 45px; margin-bottom: 10px;}
	.pop-float-wrap .float-btn .iconzixun { font-size: 24px;}
	.pop-float-wrap .float-btn .iconzhiding { font-size: 14px;}
	.pop-float-tips { display: none;}
}

/* 联系我们 */
@media ( max-width: 1024px)  {
	.mb-contact-list { padding: 25px 15px;}
	.mb-contact-list ul { margin: 0 -7px;}
	.mb-contact-list li { float: left; width: 50%; margin-bottom: 15px;}
	.mb-contact-cont { display: block; border-radius: 5px; padding: 12px 12px; margin: 0 7px; box-shadow:0px 0px 18px rgba(0,0,0,0.06);}
	.mb-contact-cont .cont-top { margin-bottom: 10px; font-size: 0;}
	.mb-contact-cont .cont-top>p,.mb-contact-cont .cont-top .icon { display: inline-block; vertical-align: middle;}
	.mb-contact-cont .cont-top .icon { width: 25px; height: 25px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;}
	.mb-contact-cont .cont-top .icon-1 { background-image: url('../images/icon-1.svg');}
	.mb-contact-cont .cont-top .icon-2 { background-image: url('../images/icon-2.svg');}
	.mb-contact-cont .cont-top .icon-3 { background-image: url('../images/icon-3.svg');}
	.mb-contact-cont .cont-top .icon-4 { background-image: url('../images/icon-4.svg');}
	.mb-contact-cont .cont-top .icon-5 { background-image: url('../images/icon-5.svg');}
	.mb-contact-cont .cont-top .icon-6 { background-image: url('../images/icon-6.svg');}
	.mb-contact-cont .cont-top>p { width: calc(100% - 25px); line-height: 1; color: #9DA2AA; font-size: 13px;}
	.mb-contact-cont .cont-bot { line-height: 35px; color: #2D3F54; font-size: 14px; cursor: pointer;}
	.mb-contact-cont .bot-address { line-height: 18px;}
}
/* animated */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}