﻿@charset "utf-8";
@font-face{font-family:'Gilroy-Regular';src:url("3531F7_1_0-488854d1b8.ttf") format("truetype")}
@font-face{font-family:'Gilroy-SemiBold';src:url("3531F7_0_0-7c85198d32.ttf") format("truetype")}
@font-face{font-family:'Gilroy-ExtraBold';src:url("3531F7_2_0-3f8d515843.ttf") format("truetype")}
@font-face {font-family:'PingFangSCRegular';src:url('PingFangSCRegular.ttf')}
/*@font-face{font-family:"mk"; src: url("sfont.woff") format("woff");}*/
/*@font-face{font-family:"mk-md"; src: url("ARUDJINGXIHEIGB_MD.woff") format("woff");}*/
/*@font-face{font-family:"mk-hv"; src: url("ARUDJINGXIHEIGB_HV.woff") format("woff");}*/


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input {margin:0;padding:0;}
html {height:100%;}
html,body {min-height:100%;}
body, button, input, select, textarea {font: 14px/1.5 'mk-md','Microsoft YaHei', arial;color: #212121;}
ul, ol {list-style: none}
a {color: #212121; text-decoration: none}
a:hover {color: #ff8000;text-decoration: none}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
/*浮动*/
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.FL{ float:left;}
.FR{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}

.pc{ display:block;}
.mb{ display:none;}

.wrap{ width:1200px; margin:0 auto;}

#topline{ width:100%; background:#e5e5e5; height:40px; line-height:40px; overflow:hidden; color:#808080;}
#topline .t1{ float:left; background:url(../images/t1.png) 0 center no-repeat;padding-left:30px;}
#topline .t2{ float:right;}
#topline .t2 a{ display:inline-block; color:#808080; position:relative; margin:0 18px;}
#topline .t2 a:hover{ color:#333;}
#topline .t2 i{position:absolute; right:-18px; top:15px; display:inline-block; width:1px; height:13px; overflow:hidden; background:#808080;}
#topline .t2 span{ display:inline-block; background:url(../images/t2.png) 0 center no-repeat;padding-left:30px;}

#header { width:100%; z-index: 200; position:absolute; top:0;}
#header .logo {float: right; width:266px; background:rgba(80,80,80,0.45)}
#header .logo img{ display:block; height:86px;}

/*---菜单---*/
.nav{ float:left; width:877px; height:86px;background:rgba(80,80,80,0.45)}
.nav li.nLi{float:left;display:inline;position:relative;}
.nav li.nLi h3{font-weight:500; }
.nav li.nLi h3 em{ display:none;}
.nav li.nLi h3 a { font-size:18px; padding: 0 40px; line-height:86px; color: #fff; display: inline-block; position: relative; z-index: 2; font-family:'mk'}
.nav li.nLi:hover h3 a,
.nav li.nLi.cur h3 a {color: #ff8000;}
.nav li.nLi:last-child a{padding-right:0;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:-85px; top:80px; z-index:9999; width:320px;}
.nav .sub i {display:block;margin:0 auto; border-left: 9px solid transparent; border-right: 9px solid transparent; width: 0; height: 0; border-bottom: 10px solid #ff8000;}
.nav .sub .box{background:#ff8000; overflow:hidden; padding:15px;}
.nav .sub .box .img{ float:left; width:140px; color:#fff;}
.nav .sub .box .img img{ display:block; width:100%;}
.nav .sub .box .img h2{ font-size:14px; line-height:30px;}
.nav .sub .box .img p{ font-size:12px; line-height:140%;}
.nav .sub .box ul{ float:right; width:120px;}
.nav .sub .box li{ position:relative; font-family:mk;}
.nav .sub .box li:before{ content:''; position:absolute; left:0; top:12.5px;border-left: 4px solid transparent; border-right: 4px solid transparent; width: 0; height: 0; border-bottom: 5px solid #fff;transform: rotate(90deg);}
.nav .sub .box li a{display:block; font-size:14px; height:30x;line-height:30px;color:#fff; padding-left:15px;}
.nav .sub .box li a:hover{ text-decoration:underline}

.snav_btn {display:none;}
.hideMenu {display:none;}

.banner {overflow:hidden;position:relative; margin-top:40px; height:695px;}
.banner .swiper-container {overflow:hidden; height:695px;}
.banner .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat;}

.banner .swiper-button-prev,
.banner .swiper-button-next{font-size: 0; width: 3rem; height: 3rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{ font-size:0;}
.banner .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.banner .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{ opacity:1}

.banner .gallery-top {width: 100%;}
.banner .gallery-thumbs { width:1000px;height: 110px;box-sizing: border-box; margin-top:-150px; background:rgba(0,0,0,0.5)}
.banner .gallery-thumbs .swiper-slide {height: 100%;font-size:16px; color:#fff; position:relative; cursor:pointer}
.banner .gallery-thumbs .swiper-slide:hover:after{ content:''; position:absolute; right:0; top:0; left:0; bottom:0;border: rgba(255,255,255,0.5) solid 1px;}
.banner .gallery-thumbs .swiper-slide p{ padding:30px 15px; text-align:center}
.banner .gallery-thumbs .swiper-slide span{ display:block;}
.banner .gallery-thumbs .swiper-slide-thumb-active {background:#ff8000;}
.banner .gallery-thumbs .swiper-slide-thumb-active:after{ display:none}
.banner .gallery-thumbs .swiper-slide-thumb-active p{ padding:25px 15px;}
.banner .gallery-thumbs .swiper-slide-thumb-active span{ font-size:22px;}

.swiper-txt{ position:absolute; width:100%; bottom:220px; z-index:999; display:none}
.swiper-txt img{ margin-left:66px;}

.w-tit { text-align:center; margin-bottom:30px;}
.w-zh {font-size: 30px; color:#ff8000; font-weight: 500; }
.w-zh span{ display: block; width:65px; height:3px; overflow:hidden; background:#ff8000; margin: 10px auto;}

.link-more{ margin-top:50px;}
.link-more a {font-size: 16px; border-radius:5px; border: 1px solid #124990; background:#fff; display: inline-block; padding:15px 45px; background:#124990; color: #fff; 
transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
.link-more a:hover{ background:#00923F; color:#fff; padding:15px 60px;}


/*服务*/
.w-fw{ width:100%; height: 520px; background:#ff8000 url(../images/h-1.jpg) center 0 no-repeat; overflow:hidden;}


/*搭建*/
.w-al{ width:100%; height: 630px; background:#373741 url(../images/h-2.jpg) center 0 no-repeat; overflow:hidden;}
.w-al .txt{ float:left; width:350px; margin-top:100px;}
.w-al .txt h1{ font-size:40px; line-height:150%; font-weight:500; color:#ff8000;}
.w-al .txt p{ color:#fff; font-size:18px; line-height:200%; margin-top:50px;}
.w-al .txt span{ display:block; width:160px; height:3px; overflow:hidden; background:#ff8000; margin-top:30px;}
.w-al .video{ float: right; width:790px; margin-top:80px; position:relative}
.w-al .swiper-container { height:500px;}
.w-al .swiper-wrapper{height:450px;}
.w-al .swiper-slide {overflow:hidden; background-color:#000; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.w-al .swiper-slide a{ display: block; width:100%; height:100%; background:url(../images/bf.png) center center no-repeat;
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	-o-transition: all .5s; 
	transition: all .5s; }
.w-al .swiper-slide:hover a{ background-position: center 45%;}
.w-al .swiper-pagination{ bottom:0; width:100%; text-align:center; z-index:999;}
.w-al .swiper-container-horizontal .swiper-pagination-bullets { bottom: 0px;}
.w-al .swiper-pagination-bullet { width: 12px; height: 12px; border-radius:12px; background: #fff; opacity:1; outline:none;}
.w-al .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 12px;}
.w-al .swiper-pagination-bullet-active { background: #ff8000; opacity:1}


/*案例*/
.w-app {overflow:hidden; height:835px; background:url(../images/h-3.jpg) center 0 no-repeat;}
.w-app .swiper-container {overflow:hidden; height:500px;}
.w-app .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.w-app .swiper-slide a{ display:block; width:100%; height:100%;}
.w-app .swiper-slide a.more{ position:absolute; left:50%; top:50%; display:block; width:339px; height:95px; line-height:95px; background:rgba(225,128,0,0.9); border-radius:10px; text-align:center; color:#fff; font-size:25px; transform: translate(-50%, -50%);}

.w-app .swiper-button-prev,
.w-app .swiper-button-next{font-size: 0; width: 3rem; height: 3rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.w-app .swiper-button-next:after,
.w-app .swiper-button-prev:after{ font-size:0;}
.w-app .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.w-app .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.w-app .swiper-button-prev:hover,
.w-app .swiper-button-next:hover{ opacity:1}

.w-app .gallery-top {width: 100%;}
.w-app .gallery-thumbs {height: 115px;box-sizing: border-box; background:rgba(255,128,0,0.3)}
.w-app .gallery-thumbs .swiper-slide {height: 100%;font-size:12px; color:#222; position:relative; cursor:pointer}
.w-app .gallery-thumbs .swiper-slide p{ margin:20px; background:url(../images/d-1.png) right bottom no-repeat}
.w-app .gallery-thumbs .swiper-slide span{ display:block; font-size:15px; margin-bottom:10px; font-family:'mk'}
.w-app .gallery-thumbs .swiper-slide-thumb-active {background:#ff8000; color:#fff;}
.w-app .gallery-thumbs .swiper-slide-thumb-active p{ background-image:url(../images/d-2.png)}

.w-app .txt{ margin-top:20px;}
.w-app .txt h2{ font-size:50px; font-weight:500; color:#ff8000;}
.w-app .txt p{font-size:18px}
.w-app .txt p strong{ font-size:36px; color:#ff8000; font-family:'mk-hv'}
.w-app .txt span{ display:block; width:160px; height:3px; overflow:hidden; background:#ff8000; margin-top:30px;}


/*团队*/
.w-team{ padding: 50px 0; overflow:hidden; background:#dfdfe0;}
.w-team .tit{ font-size:50px; color:#ff8000; position:relative; line-height:115%; z-index:999999}
.w-team .tit span{ float:right}
.w-team .swiper-container {overflow:hidden;}
.w-team .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}

.w-team .gallery-top {width: 100%; height:275px; margin-top:-40px;}
.w-team .gallery-top .txt{ float:left; width:550px; margin-top:75px;}
.w-team .gallery-top .txt dt{ float:left; width:195px; text-align:center;}
.w-team .gallery-top .txt dt h2{ font-size:40px; font-weight:500;}
.w-team .gallery-top .txt dt p{ font-size:18px;}
.w-team .gallery-top .txt dd{ float:left; width:325px; margin-top:5px; line-height:200%;}
.w-team .gallery-top .img{ float:right; width:600px; height:275px; overflow:hidden;}
.w-team .gallery-top .img img{ display:block; width:100%; height:100%;}
.w-team .gallery-thumbs {height: 135px;box-sizing: border-box;}
.w-team .gallery-thumbs .swiper-slide {height:120px;font-size:12px; color:#222; position:relative; cursor:pointer; margin-top:15px;}
.w-team .gallery-thumbs .swiper-slide:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,128,0,0.6);}
.w-team .gallery-thumbs .swiper-slide-thumb-active { height:135px; margin-top:0;}
.w-team .gallery-thumbs .swiper-slide-thumb-active:before{ display:none}
.w-team .line{ display:block; width:160px; height:3px; overflow:hidden; background:#ff8000; margin-top:30px;}


/*优势*/
.w-ys { padding: 50px 0; overflow:hidden;}
.w-ys .wrap{ background:url(../images/h-ys.png) no-repeat; overflow:hidden}
.w-ys .txt{ float:left; width:300px; margin-left:140px; margin-top:70px;}
.w-ys .txt h2{ font-size:50px; font-weight:500; color:#ff8000;}
.w-ys .txt p{font-size:16px; line-height:200%; margin-top:30px;}
.w-ys .w-ys-box{ float:right; width:750px; margin-top:40px;}
.w-ys .w-ys-box li{ float:left; width:33.33%; margin-top:40px;}
.w-ys .w-ys-box li img{ display:block; height:60px; margin:0 auto;}
.w-ys .w-ys-box li p{ text-align:center; margin-top:20px; font-size:18px; color:#000;}


/*流程*/
.w-lc {background:#fff; overflow:hidden;}
.w-lc-top{ width:100%; height:169px; background:#ffba75 url(../images/h-lc1.jpg) center 0 no-repeat;}
.w-lc-con{ width:100%; height:553px; background:#fff url(../images/h-lc2.jpg) center 0 no-repeat;}
.w-lc-con .wrap{ position:relative;}
.w-lc li{ position:absolute; width:180px; text-align:center}
.w-lc li span{ display:inline-block;width:70px; height:70px; line-height:70px; border-radius:70px; overflow:hidden; text-align:center; font-size:48px; color:#fff; font-weight:700;}
.w-lc li p{ text-align:center; font-family:mk;}
.w-lc li:nth-child(1){ left: 75px; top: 26px;}
.w-lc li:nth-child(1) span{background:#4c82fc; }
.w-lc li:nth-child(2){ left: 310px; top: 86px;}
.w-lc li:nth-child(2) span{background:#5d90e6; }
.w-lc li:nth-child(3){ left: 560px; top: 16px;}
.w-lc li:nth-child(3) span{background:#6f9fd0; }
.w-lc li:nth-child(4){ left: 875px; top: 86px;}
.w-lc li:nth-child(4) span{background:#7eacbc; }
.w-lc li:nth-child(5){ left: 535px; top: 206px;}
.w-lc li:nth-child(5) span{background:#8dbf98; }
.w-lc li:nth-child(6){ left: 165px; top: 306px;}
.w-lc li:nth-child(6) span{background:#9cd472; }
.w-lc li:nth-child(7){ left: 485px; top: 356px;}
.w-lc li:nth-child(7) span{background:#a9e750; }
.w-lc li:nth-child(8){ left: 835px; top: 326px;}
.w-lc li:nth-child(8) span{background:#b7fa2d; }



/*评价*/
.w-pj { background:#373741; overflow:hidden;}
.w-pj-box{ position:relative}
.w-pj .swiper-container {overflow:hidden;}
.w-pj .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.w-pj .swiper-slide .txt{ float:left; width:40%; color:#fff;}
.w-pj .swiper-slide .txt .box{ width:80%; margin:0 10%; margin-top:50px;}
.w-pj .swiper-slide .txt .box h2{ font-size:30px; font-family:'PingFangSCRegular';height:105px; line-height:105px;}
.w-pj .swiper-slide .txt .box img{ float:left; width:105px;height:105px; background:#f2f2f2; border-radius:105px; overflow:hidden; margin-right:20px;}
.w-pj .swiper-slide .txt .box p{ font-size:14px; margin-top:20px; line-height:180%;}
.w-pj .swiper-slide .img{ float:right; width:60%;}
.w-pj .swiper-slide .img img{ display:block; width:100%;}

.w-pj .swiper-button-prev,
.w-pj .swiper-button-next{font-size: 0; width: 1rem; height: 1rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.w-pj .swiper-button-next:after,
.w-pj .swiper-button-prev:after{ font-size:0;}
.w-pj .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left:5%; top:90%}
.w-pj .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right:65%; top:90%;}
.w-pj .swiper-button-prev:hover,
.w-pj .swiper-button-next:hover{ opacity:1; border-color:#ff8000}

.w-pj .gallery-top {width: 100%;}
.w-pj .arr{ width:40%; position:absolute; left:0; height:70px;}
.w-pj .gallery-thumbs {width:292px;height: 70px;box-sizing: border-box; z-index:9999; margin-top:-15%;}
.w-pj .gallery-thumbs .swiper-slide {height:70px; position:relative; cursor:pointer}
.w-pj .gallery-thumbs .swiper-slide div{ width:68px; height:68px; background:#f2f2f2; padding:4px; border:#373741 solid 1px; border-radius:70px; overflow:hidden;}
.w-pj .gallery-thumbs .swiper-slide img{ display:block; width:100%; height:100%;}
.w-pj .gallery-thumbs .swiper-slide-thumb-active div{ border-color:#ff8000}

@media screen and (min-width:1920px) {
	.w-pj-box{ width:1920px; margin:0 auto}
	.w-pj .swiper-button-prev{ left:8%; top:85%}
	.w-pj .swiper-button-next{ right:68%; top:85%;}
}
@media screen and (max-width:1680px) {
	.w-pj .swiper-button-prev{ left:8%; top:88%}
	.w-pj .swiper-button-next{ right:68%; top:88%;}
}
@media screen and (max-width:1680px) {
	.w-pj .swiper-button-prev{ left:6%; top:90%}
	.w-pj .swiper-button-next{ right:66%; top:90%;}
}
@media screen and (max-width:1280px) {
	.w-pj .swiper-slide .txt .box{ margin-top:20px;}
	.w-pj .swiper-slide .txt .box img{ float:left; width:85px;height:85px; border-radius:85px;}
	.w-pj .swiper-slide .txt .box p{ font-size:12px; margin-top:20px; line-height:180%;}
	.w-pj .gallery-thumbs {margin-top:-18%;}
	.w-pj .swiper-button-prev{ left:5%; top:85%}
	.w-pj .swiper-button-next{ right:65%; top:85%;}
}

/*合作*/
.w-hz { padding:50px 0; overflow:hidden;}
.w-hz .swiper-container {overflow:hidden; height:515px;}
.w-hz .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.w-hz .swiper-slide img{ display:block; width:100%; height:100%;}

.w-hz .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999}
.w-hz .swiper-button-prev,
.w-hz .swiper-button-next{font-size: 0; width: 2rem; height: 2rem; border-left: 2px solid #ff8000; border-top: 2px solid #ff8000; opacity:.5; outline:none;}
.w-hz .swiper-button-next:after,
.w-hz .swiper-button-prev:after{ font-size:0;}
.w-hz .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 1.5rem;}
.w-hz .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 1.5rem;}
.w-hz .swiper-button-prev:hover,
.w-hz .swiper-button-next:hover{ opacity:1}

/*新闻*/
.w-news {overflow:hidden; height:560px; margin-bottom:15px;}
.w-news .img{ float:left; width:38%; height:560px; background:url(../images/h-news.jpg) center center no-repeat; background-size:cover;}
.w-news .box{ float:right; background:#e3e3e4; width:61%; height:560px; overflow:hidden;}
.w-news .box .hd{ height:70px; line-height:70px; background:#ffe8d1; position:relative; padding-left:50px; }
.w-news .box .hd li { float: left; height:32px; line-height:32px; border-radius:32px; padding:0 30px; position: relative;color:#ff8000; overflow: hidden;border:1px solid #ffe8d1; margin-top:18px; cursor:pointer; font-size:20px;}
.w-news .box .hd li.on{ border-color:#ff8000;}

.w-news .box .bd { padding-left:50px; width:70%;}
.w-news .box .bd li{ overflow:hidden; border-bottom:#a5a5a9 solid 1px; height:60px; line-height:60px;}
.w-news .box .bd li a { float:left; width:80%;font-size:16px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.w-news .box .bd li:last-child{ border-bottom:0;}
.w-news .box .bd li:hover a{ color:#ff8000;}
.w-news .box .bd li span { float:right; display: block; color:#595757; font-size:14px;}

.w-kf{ background:#ff8000 url(../images/kf.jpg) right 0 no-repeat; height:138px; overflow:hidden;}
.w-kf li{ float:left; width:25%; height:70px; background:url(../images/k-1.png) no-repeat; margin-top:34px;}
.w-kf li:nth-child(2){ background-image:url(../images/k-2.png);}
.w-kf li:nth-child(3){ background-image:url(../images/k-3.png);}
.w-kf li div{ padding-left:90px;}
.w-kf li h3{ font-size:22px;}
.w-kf li p{ font-size:14px;}
.w-kf li a{ color:#fff;}

@media screen and (max-width:1920px) {
	.w-kf li{ width:30%;}
}
@media screen and (max-width:1680px) {
	.w-kf li{ width:25%;}
}

#footer {background:#373741; padding:50px 0 0 0; overflow:hidden;}

#footer a{color:#808080;}
#footer a:hover{color:#fff;}

/*wx*/
#footer .f-wx{ float: left; width:100px; text-align:center; margin-left:30px;}
#footer .f-wx img{ display:block; margin:0 auto; width:100%;}
#footer .f-wx p{font-size:12px; margin-top:5px;  color:#fff;}
#footer .f-wx span{ display:block; margin-top:5px;}
/*logo*/
#footer .f-logo { float:left; width:266px; margin-right:20px;}
#footer .f-logo img{ display:block; width:100%;}
/*lx*/
#footer .f-lx{ float:left; width:380px;}
#footer .f-lx li{ height:30px; line-height:30px; color:#fff;}
/*ly*/
#footer .f-ly{ float:right; width:310px;}
#footer .f-ly li{ margin-bottom:10px;}
#footer .f-ly li input{ width:90%; background:#42424a; border:#64646b solid 1px;  padding:5px 10px; color:#808080;}
#footer .f-ly li textarea{ width:90%; height:60px; background:#42424a; border:#64646b solid 1px;  padding:5px 10px; color:#808080;}
#footer .f-ly li .btn{ display:block; background:#ff8000; border:none; width:90%; height:28px; line-height:28px; text-align:center; color:#FFF; cursor:pointer; font-size:14px; border-radius:28px; padding:0; font-family:mk}
/*copy*/
#footer .f-copy{ overflow:hidden; background:url(../images/line.png) no-repeat; margin-top:40px; padding:40px 0;}
#footer .f-copy dt a{ display:inline-block; height:33px; line-height:33px; border-radius:33px; margin-left:50px; overflow:hidden; padding:0 34px; background:#b7b7b7; color:#808080; font-size:14px; font-weight:700}
#footer .f-copy dt a:hover,
#footer .f-copy dt a.cur{ background:#ff8000; color:#fff;}
#footer .f-copy dd{ margin-left:70px; margin-top:15px;}
#footer .f-copy dd a{ display:inline-block; width:12%; font-size:12px; margin-top:5px;}

/*表单loading*/
#loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 15000; display:none;}
#loadingdiv{position: absolute; left:50%; top:50%; width: 50%; height: 30%;transform: translate(-50%, -50%); text-align:center;}
#loadingdiv p{ text-align:center; font-size:1.5rem; color:#fff; margin-top:20px;}


.s-banner {height:695px; width: 100%; overflow: hidden; background: url() center center no-repeat;}
.s-banner .wrap{height:695px; position:relative;}
.s-banner .txt{ position:absolute; left:0; bottom:100px; height:110px; border-left:#ff8000 solid 3px; padding-left:20px;}
.s-banner .txt h2{ font-size:50px; color:#ff8000; line-height:100%; font-family:mk-hv}
.s-banner .txt h3{ margin-top:20px; font-size:40px; color:#ff8000; line-height:100%; font-family:mk-hv}

/*内页导航*/
.bt-position {height: 72px; margin-top:30px; color:#fff;}
.bt-position a { display:inline-block; color:#fff; margin:0 10px;}
.bt-position a:first-child{ margin-left:0;}
.bt-position em{ font-style:normal; color:#ff8000}

.s-left{ float:left; width: 170px; border-top:#ff8000 solid 20px;}

/*内页分类*/
.l-tit{ font-size:30px; border-top:#ff8000 solid 1px; color:#ff8000; height:59px; line-height:59px;}
.l-tree { background:#373741; overflow:hidden; margin-bottom:20px;}
.l-tree li{ font-size:16px; height:35px; line-height:35px; margin:10px 0;}
.l-tree li a{ display:block; color:#fff; padding:0 15px;}
.l-tree li a:hover,
.l-tree li.cur a{background:#ff8000;}

.s-right{ float:right; width:1000px; margin-top:20px; padding-bottom:40px;}

.s-nav {}
.s-nav li{ list-style:none; float:left; font-size:16px; background:#ffe6cc; width:180px; height:32px; line-height:32px; margin-right:20px;}
.s-nav li a{ display:block; color:#373741; text-align:center; font-weight:700;}
.s-nav li a:hover,
.s-nav li.cur{background:#ff8000;}

.page-about{ margin-top:60px;}
.page-about img{ display:block; width:100%; margin-bottom:20px;}
.page-about h2{ font-size:34px; color:#ff8000; margin-bottom:20px;}
.page-about p{ font-size:16px; line-height:200%; margin-bottom:20px;}

.tbg{ background:url(../images/tbg.png) no-repeat; height:42px; line-height:42px; width:287px; overflow:hidden; margin-top:40px;}
.tbg i{ float:left; display:inline-block; font-style:normal; font-size:45px; color:rgba(255,255,255,0.5); margin-left:15px;}
.tbg span{display:inline-block; font-size:25px; color:#fff; margin-left:15px; letter-spacing:10px;}

.page-sj{ margin-top:60px;}
.page-sj li{ float:left; width:480px; margin-bottom:40px;}
.page-sj li:nth-child(2n){ float:right;}
.page-sj li .img {width: 100%; height: 270px;  overflow: hidden;}
.page-sj li .img img{ display:block; width: 100%; height: 100%; 
	-webkit-transition: all 1s; 
	-moz-transition: all 1s; 
	-o-transition: all 1s; 
	transition: all 1s; 
	-moz-transform: scale(1, 1); 
	-webkit-transform: scale(1, 1); 
	-o-transform: scale(1, 1); 
	transform: scale(1, 1); }
.page-sj li:hover .img img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.page-sj li .txt { margin-top:10px; position:relative; padding-bottom:15px;}
.page-sj li .txt h2{ font-size:20px; color:#1a1a1a;  height:50px; line-height:50px; overflow:hidden}
.page-sj li .txt p{ font-size:14px; color:#4d4d4d; height:24px; height:48px; overflow:hidden;}
.page-sj li .txt:after{ content:''; position:absolute; bottom:0; left:0; width:160px; height:2px; background:#ff8000;}

.page-ys { margin-top:60px;}
.page-ys .txt{ background:url(../images/h-ys.png) no-repeat; overflow:hidden; padding:70px 0 50px 50px; position:relative}
.page-ys .txt h2{ font-size:50px; font-weight:500; color:#ff8000;}
.page-ys .txt p{font-size:16px; line-height:200%; margin-top:30px; font-weight:700}
.page-ys .txt:after{ content:''; position:absolute; bottom:0; left:50px; width:160px; height:2px; background:#ff8000;}
.page-ys .w-ys-box{ margin-top:40px;}
.page-ys .w-ys-box li{ float:left; width:300px; margin-top:70px;}
.page-ys .w-ys-box li img{ display:block; height:60px; margin:0 auto;}
.page-ys .w-ys-box li p{ text-align:center; margin-top:20px; font-size:18px; font-weight:700; color:#000;}

.page-lx{ padding-bottom:40px; position:relative; overflow:hidden}
.page-lx:before{ content:''; position:absolute; top:0; left:0; width:172px; height:21px; background:#ff8000;}
.page-lx h2{ font-size:40px; color:#ff8000; line-height:150%; margin-top:50px;}
.page-lx ul{ margin-top:100px;}
.page-lx li{ font-size:18px; margin-top:20px;}
.page-lx .wx{ position:absolute; right:0; bottom:0; width:200px; text-align:center}
.page-lx .wx img{ display:block; width: 192px; margin:0 auto;}
.page-lx .wx p{ text-align:center; font-weight:700;}

.s-box{background:#e3e3e4; overflow:hidden; padding-bottom:20px;}
.s-box .line{ background:#373741; width:160px; height:20px; overflow:hidden}
.s-box li{ float:left; width:285px; height:160px; background:#373741; position:relative; overflow:hidden; margin-right:20px; margin-top:20px;}
.s-box li:nth-child(4n){ margin-right:0;}
.s-box li img{ display:block; width:100%; height:100%;}
.s-box li .bg{ opacity:0; position:absolute; left:0; bottom:-72px; width:100%; height:72px; background:#ff8000; color:#fff; text-align:center;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.s-box li .bg h2{ font-size:16px; margin-top:10px;}
.s-box li .bg p{ font-size:12px; margin-top:5px;}
.s-box li .bg p span{ display:inline-block; margin:0 15px;}
.s-box li:hover .bg{ opacity:1;bottom:0;}
.s-box li .more{ width:100%; height:57px; margin-top: 52px;}
.s-box li .more a{ display: block; color:#fff; font-size:20px; line-height:57px; margin-left:70px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.s-box li .more em{ float:left; display:inline-block; font-style:normal; margin-right:20px;}
.s-box li .more span{ float:left; display:inline-block; width:57px; height:57px; background:url(../images/more.png) no-repeat;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.s-box li:hover .more a{ margin-left:90px;}

.al-list{ margin-top:28px;}
.al-list li{ float:left; width:480px; margin-bottom:40px;}
.al-list li:nth-child(2n){ float:right;}
.al-list li .img {width: 100%; height: 270px;  overflow: hidden;}
.al-list li .img img{ display:block; width: 100%; height: 100%; 
	-webkit-transition: all 1s; 
	-moz-transition: all 1s; 
	-o-transition: all 1s; 
	transition: all 1s; 
	-moz-transform: scale(1, 1); 
	-webkit-transform: scale(1, 1); 
	-o-transform: scale(1, 1); 
	transform: scale(1, 1); }
.al-list li:hover .img img{
	-moz-transform: scale(1.05, 1.05); 
	-webkit-transform: scale(1.05, 1.05); 
	-o-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05); }
.al-list li .txt { margin-top:10px; position:relative; padding-bottom:15px;}
.al-list li .txt h2{ font-size:20px; color:#1a1a1a;  height:50px; line-height:50px; overflow:hidden}
.al-list li .txt p{ font-size:14px; color:#4d4d4d; height:24px; height:48px; overflow:hidden;}
.al-list li .txt:after{ content:''; position:absolute; bottom:0; left:0; width:160px; height:2px; background:#ff8000;}

.al-box{ position:relative; overflow:hidden;}
.al-box:after{ content:''; position:absolute; left:0; top:0; background:#373741; width:100%; height:666px; z-index:-1}
.al-show{ padding-bottom:40px; position:relative; overflow:hidden}
.al-show:before{ content:''; position:absolute; top:0; left:0; width:258px; height:21px; background:#ff8000;}
.al-show .img{ float:left; width:695px; height:395px; overflow:hidden;}
.al-show .img img{ display:block; width:100%; height:100%;}
.al-show .txt { float:right; width:470px;}
.al-show .txt i{ display:block; margin:0 auto; width:70px; height:2px; overflow:hidden; background:#ff8000;}
.al-show .txt h2{ font-size:25px; color:#fff; text-align:center; margin-top:60px;}
.al-show .txt div{ color:#fff; text-align:center; margin-top:30px; margin-bottom:60px; font-size:16px;}
.al-show .txt span{ display:block; text-align:center; font-size:16px; color:#fff; margin-top:50px;}
.al-show .small-img{ position:relative; margin-top:30px;}
.al-show .small-img img{ display:block; width:100%;margin:0 auto;}
.al-show .small-img a{ position:absolute; left:50%; top:50%; display:block; width:339px; height:95px; line-height:95px; background:rgba(225,128,0,0.7); border-radius:10px; text-align:center; color:#fff; font-size:45px; transform: translate(-50%, -50%); opacity:0;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.al-show .small-img:hover a{ opacity:1;}
.pdshow{ border:#e6e6e6 solid 1px; background:#f2f2f2; padding:15px 30px; margin-top:30px; overflow:hidden}

/*内页新闻*/
.news_list{ margin-top:60px;}
.news_list li{overflow: hidden; margin-bottom:30px; position:relative;}
.news_list li:last-child{ border-bottom:0;}
.news_list li .img{float:right; width:374px; height:209px; overflow:hidden;}
.news_list li .img img{ display:block; width:100%; height:100%;}
.news_list li .txt { float:left; width:570px; height:209px; position: relative; border-bottom:#ffc080 solid 1px;}
.news_list li .txt h2 {display: block; color:#1a1a1a; font-size: 20px; margin-bottom:30px;}
.news_list li .txt h2:hover {color:#ff8000;}
.news_list li .txt p {height: 50px; line-height: 25px; font-size: 14px; color: #4d4d4d; overflow: hidden;}
.news_list li .txt span{ display:inline-block; background:url(../images/icon-1.png) 0 center no-repeat; padding-left:25px; margin-top:65px; margin-right:40px; color: #4d4d4d; font-size:12px;}
.news_list li .txt span:last-child{ background-image:url(../images/icon-2.png);}


.news-xg {border-top:#9b9ba0 solid 2px; padding-top:20px;}
.news-xg h2{ font-size:20px; color:#ff8000; font-weight:700; height:50px;}
.news-xg li{ float:left; width:46%; height:35px; line-height:35px; overflow:hidden}
.news-xg li:nth-child(2n){ float:right}
.news-xg li a { float:left; width:80%; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.news-xg li span { float:right; display: block; color:#595757;}

.team-list{}
.team-list li{ margin-top:20px; margin-bottom:20px; background:#f2f2f2;}
.team-list li .txt{ float: right; width:600px; margin-top:75px;}
.team-list li .txt dt{}
.team-list li .txt dt h2{ font-size:40px; font-weight:500;}
.team-list li .txt dt p{ font-size:18px;}
.team-list li .txt dd{ margin-top:25px; line-height:200%;}
.team-list li .img{ float: left; width:300px; overflow:hidden;}
.team-list li .img img{ display:block; width:100%; height:100%;}

/*正文定义*/
#article-lsf {line-height:200%;font-size:16px; margin-top:20px;}
#article-lsf h2{margin-bottom:15px;}
#article-lsf p{margin-bottom:15px;}
#article-lsf img{ display:block; max-width: 1000px; margin:10px auto;}
#article-lsf .imgcss{display:block;margin:10px auto 20px auto;}
#article-lsf table{border-collapse: collapse;width:100%;border:#ddd solid 1px;margin-top:30px;}
#article-lsf table tr:nth-child(odd){background:#f5f5f5;}
#article-lsf table th{padding:10px;border:#ddd solid 1px;}
#article-lsf table td{padding:10px;border:#ddd solid 1px;}
#article-lsf table td p{margin-bottom:0px;}
#article-lsf table td img{width:100%; display:block;}

/*地图*/
#allmap{ width:100%; height:620px; overflow: hidden;margin-top:40px; margin-bottom:40px;}

/*正文文章样式*/
.single_title{font-size:40px;font-weight: 500; text-align:center; color:#ff8000 ; margin-top:60px;}
.single_add{color:#808080;text-align:center; margin-bottom:30px; padding:20px 0 15px 0;border-bottom:#9b9ba0 solid 2px; position:relative;}
.single_add a{ display:inline-block; background:url(../images/a.png) 0 center no-repeat}
.single_add a.a{ padding-left:20px; margin:0 20px;}
.single_add a.b{ position:absolute; right:0; top:15px; background-image:url(../images/b.png); width:109px; height:31px; line-height:31px; text-align:center}
.single_add a.b span{ padding-left:10px;}
.single_add em{ font-style:normal; display:inline-block; margin:0 20px;}

.pre_next{ height:54px;line-height:54px; margin-top:40px; overflow:hidden}
.pre_next span{ float:left; display:block; height:54px; font-size:16px; background:url(../images/n-l.png) no-repeat;}
.pre_next span:last-child{ float:right; background-image:url(../images/n-r.png); background-position: right 0; }
.pre_next span a{ display:block; padding-left:65px;}
.pre_next span:last-child a{padding-left:0; padding-right:65px;}

/*分页样式开始*/
.turnover {text-align:center;margin-bottom:30px; font-size:14px;padding-top:30px; font-family:Arial, Helvetica, sans-serif}
.turnover .sx{display:inline-block; position:relative; background:#ff8000; width:75px;height:75px;line-height:75px; border-radius:75px; margin:0 15px; overflow:hidden; text-align:center; color:#fff; font-size:24px; font-family:mk}
.turnover .sx.disabled {background:#ddd;text-decoration:none; color:#999;}
.turnover .sz{display:inline-block; height:75px;line-height:75px; padding:0 10px; overflow:hidden; text-align:center; color:#919191; font-size:30px}
.turnover .sz.current {color:#1a1a1a;}

.turnover .sx:after{ position:absolute; top:30px; content:'';width: 15px; height: 15px; border-left: 2px solid #fff; border-top: 2px solid #fff; outline:none;}
.turnover .sx1:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left:35px;}
.turnover .sx2:after{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); left:25px;}

/*右下角小按钮*/
.newFixedRight{width: 45px; height: 45px; position: fixed; right: 20px; bottom: 50px; z-index: 999; opacity:0}
.newFixedRight .block{width: 45px; height: 91px; position: relative;}
.newFixedRight .box1, 
.newFixedRight .box2{position: absolute; right: 0; width: 45px; height: 45px; background: #191919; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box1 {top: 0; }
.newFixedRight .box1 .bg, 
.newFixedRight .box2 .bg{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: url(../images/ico_62.png) center center no-repeat;}
.newFixedRight .box1:hover{background-color: #464748 }

.newFixedRight .box2{bottom: 0;}
.newFixedRight .box2 .bg{background: url(../images/ico_new4.png) center center no-repeat;}
.newFixedRight .box2 a.bds_weixin{width: 45px; height: 45px; float: left; margin: 0; padding: 0; background-size: auto 16px;}
.newFixedRight .box2:hover{background-color: #464748}

/*浮动客服*/
#floatDivBoxs{width:150px;background:#fff;position:fixed;top: 100px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#ff8000;color:#fff;font-size:18px; font-weight:700; padding-left:14px; position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:14px;border-bottom:1px solid #e3e3e3; padding:0;}
#floatDivBoxs .floatDqq li img{ margin-right:10px; height:25px}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px 5px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 14px;}
#floatDivBoxs .floatDtel p{display:block; color:#ff8000; font-size:16px; font-weight:700;}
#floatDivBoxs .floatWx{background:#EBEBEB; padding:14px; text-align:center}
#floatDivBoxs .floatWx img{ display:block; width:100%; margin-bottom:5px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:0px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background: url(../images/online_arrow.jpg) no-repeat;position:fixed;top:200px;right:150px;z-index:999;}
#rightArrow a{display:block;height:45px;}