* { margin: 0; padding: 0;}
a{text-decoration: none;}
li{list-style: none;}
em{font-style:normal;}

.container{width:1300px;overflow:hidden;margin:0 auto;}
.row{display:block;overflow:hidden;}

body{font-size:14px;font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons",
"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;}
.inner{position: relative;padding:0 20px; margin:0 auto;}

.dowebok-hd {position: fixed; width: 100%; left:0px; top:0px;z-index: 1000;height:90px;background-color:rgba(256,256,256,0.85);
}
.dowebok-hd .logo {float: left; width:238px;margin-top:0px;}
.dowebok-hd .logo img{ display: block; width:238px; height:90px;margin:0 auto;text-indent: -9999px;}
.dowebok-hd .logo p{text-align: center;color:#383838;}
.dowebok-hd .nav { float:right;margin:0 60px 0 0;list-style-type: none;}
.dowebok-hd .nav li {float: left;padding-top:0px;}
.dowebok-hd .nav li:hover{height:90px;background:#2599EC;color:#fff;}
.dowebok-hd .nav a {float:left;padding:0 15px;margin:15px 0 0 0;border-right:#e2e2e2 solid 1px;font-size:16px;
color:#000000; text-decoration: none;}
.dowebok-hd .nav li:hover a{border-right:none;color:#fff;}
.dowebok-hd .nav li span{display:block;line-height:40px;margin:0px 0 0 0;}
.dowebok-hd .nav li em{display:block;text-align:center;font-size:10px;color: #989898;}
.dowebok-hd .nav li:hover em{/* border-right:none; */color:#fff;}
.dowebok-hd .nav li.nav-active{height:90px;background:#2599EC;}
.dowebok-hd .nav li.nav-active a{border-right:none;color:#fff;}
.dowebok-hd .nav li.nav-active em{/* border-right:none; */color:#fff;}

.dowebok-hd .mobile {float:right;width:170px;margin:20px 0px 0 0;line-height:24px;}
.dowebok-hd .mobile dl{color:#2599ec;}
.dowebok-hd .mobile dl dt{font-size:16px;}
.dowebok-hd .mobile dl dd{display:block;font-style:normal;font-size:20px;color:#fa9205;font-weight:600;}


#dowebok{margin-top:0px;}
#dowebok .section{position:relative;background: url(../images/section_bg.jpg) 0 0 repeat-x;}
#dowebok .inner{width:1300px;overflow:hidden;}

#fp-nav span,.fp-slidesNav span {border:1px solid #FFFFFF;}
#fp-nav li .active span,.fp-slidesNav.active span {background-color:#2599ec;}

.sub-section{margin-top:105px;}

/*第一屏*/
#dowebok .section1 .slide{width: 100%;}
#dowebok .section1 .fp-tableCell a{display:block;}
#dowebok .section1 .fp-controlArrow {width: 100px;height: 100px; margin-top: -50px;border: 0 none;}
#dowebok .section1 .fp-prev {left: 150px;background: url(../images/left_control.png) 50% no-repeat;}
#dowebok .section1 .fp-next {right: 150px;background: url(../images/right_control.png) 50% no-repeat;}

/*--第二屏 --*/
#dowebok .section2 {background:url(../images/in_top_bj.jpg) no-repeat center;}
#dowebok .section2 .section-title{display:block;width:520px;margin:0 auto 20px;}
#dowebok .section2 .item{float:left;width:259px;height:360px;border-right:#d8d7d7 solid 1px;box-sizing:border-box;}
#dowebok .section2 .item:hover{background:rgba(37,153,236,0.9); border-right:#2599ec solid 1px;}
#dowebok .section2 .item i{display:block;width:130px;height:100px;margin:0px auto 0px;padding-top:30px;text-align:center;
font-size:100px;color:#0088e9;}
#dowebok .section2 .item h4{line-height:60px;text-align:center;font-size:20px;color:#343434;}
#dowebok .section2 .item .onshow{display:none;margin:0 20px;font-size:14px; line-height: 25px; color:#000;}
#dowebok .section2 .item:hover .onshow{display:block;margin:0 20px;color:#fff;}
#dowebok .section2 .item:hover i{color:#fff;}
#dowebok .section2 .item:hover h4{color:#fff;}


#dowebok .section2 .app{background:url(../images/img02.jpg) no-repeat center;background-size:260px 450px;}
#dowebok .section2 .wechat{background:url(../images/img03.jpg) no-repeat center;background-size:260px 450px;}
#dowebok .section2 .shop{background:url(../images/img04.jpg) no-repeat center;background-size:260px 450px;}
#dowebok .section2 .person{background:url(../images/img05.jpg) no-repeat center;background-size:260px 450px;}
#dowebok .section2 .website{background:url(../images/img06.jpg) no-repeat center;background-size:260px 450px;}
#dowebok .section2 .slogan{text-align:center;line-height:140px;font-size:26px;color:#fff;}

/*--第三屏 --*/
#dowebok .section3{background:url(../images/section3_bg.jpg) no-repeat bottom;background-size:100% 100%;position: relative;}
#dowebok .section3 .section-title{display:block;width:520px;margin:0px auto;}
.chosereason{width:1300px;height:100px;margin:20px 0;background:#fff;border-radius:4px;display:flex;}
.chose-item{flex:1;padding:15px 0;border-right:#cecece solid 1px;/* line-height: 25px; */}
.chose-item:hover{background:#2599EC;}

.chose-item i{/* display: block; */font-size:32px;color:#717171;float: left;margin-left: 100px;margin-top: 18px;margin-right: 20px;}
.chose-item:hover i{color:#fff;}
.chose-item .iconqiyeyanfaxinxi{font-size:26px;}
.chose-item .iconaixin{font-size:34px;}
.chose-item h3{font-size:16px;color:#343434;margin-top: 20px;}
.chose-item:hover h3{color:#fff;}
.chose-item p{font-size:12px;color:#a9a9a9;}
.chose-item:hover p{color:#fff;}
.chosebt{margin:70px auto 0px auto;color: #FFFFFF;text-align: center;font-size: 40px;}
.chosebt span{font-size: 18px;color: #b3b3b3;text-align: center;font-weight: 400;}
.fp-tableCell .inner{}
.cdata{}



/*--第四屏 --*/
#dowebok .section4{background:url(../images/section4_bg.jpg) no-repeat bottom;background-size:100% 100%;}
#dowebok .section4 .section-title{display:block;width:520px;margin:0 auto;}
#dowebok .section4 .case {width:1300px;margin:0px auto 0 auto;}
#dowebok .section4 .case-tab {width:1300px;overflow:hidden;margin:0 auto;}
#dowebok .section4 .case-tab .hd {width:930px;height:42px;overflow:hidden;margin:10px auto;z-index:1;}
#dowebok .section4 .case-tab .hd ul {overflow:hidden;zoom:1;margin:0 auto;width:780px;}
#dowebok .section4 .case-tab .hd ul li {float:left;width:110px;height:32px;background:none;margin:0 10px;
border-radius:25px;line-height:32px;font-size:14px;text-align:center;cursor:pointer;color:#ffffff;}
#dowebok .section4 .case-tab .hd ul li span {display:block;}
#dowebok .section4 .case-tab .hd ul li.case-active span {border-radius:25px;background:#ffffff;color:#000000;}
#dowebok .section4 .case-tab .tabBoxCon {position:relative;z-index:0;width:1300px;overflow:hidden;min-height:auto;}

#dowebok .section4 .case-tab .tabBoxCon .apic {float:left;width:244px;overflow:hidden;margin:0 20px 10px 0;
background:linear-gradient(to bottom,#ffffff,#ffffff);
border-radius:4px;text-align:left;position:relative;}
#dowebok .section4 .case-tab .tabBoxCon .apic:nth-child(5n){margin-right:0;}
#dowebok .section4 .case-tab .tabBoxCon .apic .img-box {width:244px;/* height:186px */;overflow:hidden;}
#dowebok .section4 .case-tab .tabBoxCon .apic img {width:244px;height:186px;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1);transform:scale(1);}
#dowebok .section4 .case-tab .tabBoxCon .apic img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
#dowebok .section4 .case-tab .tabBoxCon .apic .text-box{height:110px;position:relative;padding:15px 10px 30px 10px;}
#dowebok .section4 .case-tab .tabBoxCon .apic .text-box span{width:100%;display:block;line-height:26px;font-size:16px;color:#333;}
#dowebok .section4 .case-tab .tabBoxCon .apic .text-box p{line-height:22px;font-size:12px;color:#666;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;/*(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)*/}
#dowebok .section4 .case-tab .tabBoxCon .apic .text-box a{display:block;width:90px;height:24px; position:absolute; bottom:25px; left:76px;
margin:10px auto 0px;border:#2599EC solid 1px;
border-radius:3px;text-align:center;line-height:24px;font-size:12px;color:#2599EC;}
#dowebok .section4 .case-tab .tabBoxCon .apic .text-box a:hover{background:#2599EC;font-size:12px;color:#fff;}
#dowebok .section4 .fd{width:150px;height:36px;margin:44px auto 0 auto; background-color: #ffffff; border:#ffffff solid 1px;border-radius:4px;
text-align:center;line-height:36px;}
#dowebok .section4 .fd:hover{background: #2599EC; border:#2599EC solid 1px;}
#dowebok .section4 .fd a{font-size:14px;color:#2599EC;}
#dowebok .section4 .fd:hover a{color:#fff;}

/*--第五屏 --*/
#dowebok .section5{background:url(../images/section5_bg.jpg) no-repeat bottom;background-size:100% 100%;}
#dowebok .section5 .section-title{display:block;width:520px;margin:0 auto;}
#dowebok .parentbd{overflow:hidden;margin-top:10px;}

#dowebok .parentbd ul li {float:left;width:216.6px;height:200px; background-color: #000000; opacity: 0.8;  box-sizing:border-box;}
#dowebok .parentbd ul li:nth-child(1) {border-bottom:#333 solid 1px;border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(2) {border-bottom:#333 solid 1px;border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(3) {border-bottom:#333 solid 1px;border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(4) {border-bottom:#333 solid 1px;border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(5) {border-bottom:#333 solid 1px;border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(6) {border-bottom:#333 solid 1px;border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(7) {border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(8) {border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(9) {border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(10) {border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(11) {border-right:#333 solid 1px;}
#dowebok .parentbd ul li:nth-child(12) {border-right:#333 solid 1px;}
#dowebok .parentbd ul li img {float:left; width:216.6px;height:200px;}
#dowebok .parentbd ul li:hover {background-color: #2599EC; opacity: 1;  box-sizing:border-box;}



/*--第六屏 --*/
#dowebok .section6{background:url(../images/section6_bg.jpg) no-repeat bottom;background-size:100% 100%;position:relative;}
#dowebok .section6 .footer-slogan{position:absolute;top:40%;right:20%;font-size:60px;color:#fff;}
#dowebok .section6 .footer{position:absolute;left:0;bottom:0;right:0;width:100%;height:240px;background:rgba(0,0,0,0.5);}
#dowebok .section6 .contant-left {float: left;width:400px;margin:50px 140px 0 0;}
#dowebok .section6 .contant-center {float:left;width:480px;padding:20px 0 0 0;overflow:hidden;zoom:1;}
#dowebok .section6 .contant-center dl{color:#c3c3c3;}
#dowebok .section6 .contant-center dl dt{font-size:24px;color:#fff;margin-bottom:20px;}
#dowebok .section6 .contant-center dl dd{line-height:26px;}
#dowebok .section6 .friend-link{float:right;width:280px;overflow:hidden;padding:20px 0 0 0;text-align:left;z-index:9;}
#dowebok .section6 .friend-link .hd{font-size:22px;color:#fff;margin-bottom:10px;}
#dowebok .section6 .friend-link ul{float:left;width:130px;overflow:hidden;color:#c3c3c3;}
#dowebok .section6 .friend-link ul:htn-child(1){margin-right:20px;}
#dowebok .section6 .friend-link ul li{}
#dowebok .section6 .friend-link ul li {line-height:22px;}
#dowebok .section6 .friend-link ul li a {font-size:12px;color:#c3c3c3;}
#dowebok .section6 .copy {clear:both;display:block;width:100%;height:50px;
background:url(../images/copyrightline.png) no-repeat top;margin:20px 0 0 0;line-height:50px;
text-align:center;color:#fff;font-size:12px;}


/*--跳动--*/
.jumptodown {
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	background: transparent url(../images/dance.png) no-repeat left -196px;
	width:57px;
	height:29px;
	display: block;
	position: absolute;
	z-index: 100;
	left:50%;
	bottom:50px;
	margin:0 0 0 -28px;
	z-index:9999999;
	animation: jumptodown 1.5s linear infinite;    /*调用jumptodown动画*/
	-webkit-animation: jumptodown 1.5s linear infinite;
	-moz-animation: jumptodown 1.5s linear infinite;
	-o-animation:jumptodown 1.5s linear infinite;
	-ms-animation: jumptodown 1.5s linear infinite;
	opacity: .8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
	-webkit-transition: opacity .8s linear;
	-moz-transition: opacity .8s linear;
	-o-transition: opacity .8s linear;
	transition: opacity .8s linear;
	cursor:pointer;
}


@keyframes jumptodown {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-webkit-keyframes jumptodown {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-moz-keyframes jumptodown {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-ms-keyframes jumptodown {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}


/*通用底部*/
.comon-footer{height:300px; background:url(../images/section6_bg.jpg) no-repeat bottom;
position:relative;}
.comon-footer .footer-slogan{position:absolute;top:20%;right:20%;font-size:60px;color:#fff;}
.footer{position:absolute;left:0;bottom:0;right:0;width:100%;height:300px;background:rgba(0,0,0,0.5);}
.footer .contant-left {float: left;width:400px;margin:50px 140px 0 0;}
.footer .contant-center {float:left;width:480px;padding:20px 0 0 0;overflow:hidden;zoom:1;}
.footer .contant-center dl{color:#c3c3c3;}
.footer .contant-center dl dt{font-size:24px;color:#fff;margin-bottom:20px;}
.footer .contant-center dl dd{line-height:26px;color:#c3c3c3;}
.footer .friend-link{float:right;width:280px;overflow:hidden;padding:20px 0 0 0;text-align:left;z-index:9;}
.footer .friend-link .hd{font-size:22px;color:#fff;margin-bottom:10px;}
.footer .friend-link ul{float:left;width:130px;overflow:hidden;color:#c3c3c3;}
.footer .friend-link ul:htn-child(1){margin-right:20px;}
.footer .friend-link ul li{}
.footer .friend-link ul li {line-height:22px;}
.footer .friend-link ul li a {font-size:12px;color:#c3c3c3;}
.footer .copy {clear:both;display:block;width:100%;height:50px;margin:60px 0 0 0;
background:url(../images/copyrightline.png) no-repeat top;
margin:20px 0 0 0;line-height:50px;text-align:center;color:#fff;font-size:12px;}


/* 关于我们页面 *********************************************************************/
.about_banner{width:100%;height: 450px;background-image: url(../images/about_banner.jpg) ;background-repeat: no-repeat;
			margin: 0 auto;}
.about_banner h1{font-size: 44px;color: #fff;margin-bottom: 15px;}
.about_banner span{color: #fff;border-bottom: 2px solid #FFFFFF;padding-bottom: 20px;font-size: 22px;margin-left: 0;}
.title{margin-top: 203px;width: 200px;position: absolute;left: 50%;margin-left: -600px;}
			 
.about_nav{margin: -40px auto;width: 1000px;} 
.about_nav li {width: 280px;height: 80px;text-align: center;line-height: 80px;float: left;
			box-shadow: 0px 6px 8px #d6d6d6;margin-right: 80px;position: relative;}
.about_nav li img{width: 32px;height: 32px;display: block;}
.about_nav li img:nth-child(1){position: absolute;left: 70px;top: 24px;}
.about_nav li img:nth-child(2){position: absolute;left: 70px;top: 24px;display: none;}
			
.about_nav a:hover {background: url(../images/about_btn01.png) no-repeat center;border-radius:0px;}
.about_nav a{color: #1D1D1D;font-size: 20px;display: block;background: url(../images/about_btn02.png) no-repeat center;
			padding-left: 40px;}
.about_nav a:hover img:nth-child(1){display: none;}
.about_nav a:hover img:nth-child(2){display: block;}
			
.about_nav a.on{background: url(../images/about_btn01.png) no-repeat center;border-radius:0px;color: #FFFFFF;}
.about_nav a.on img:nth-child(1){display: none;}
.about_nav a.on img:nth-child(2){display: block;}
			
.about_top {margin-top: 100px;position: relative;z-index: 1;}
.about_top span,p{margin-left: 0;}
.about_top span{font-size: 18px;color:#bdbdbd ;}
.about_top p{font-size: 18px;color: #59595a;margin-top: 60px;line-height: 2em;width: 555px;}
.about_top .top_pic{float: right;box-shadow: 0px 6px 8px #d6d6d6;}
.about_top .top_txt{float: left;}
.about_top .top_pic img{display: block;}
.about_top h1{font-size: 30px;color: #2599ec;font-weight: 400;}
			
.about_mid{display:block;clear:both;width:1300px;height:400px;margin:160px auto 0;background-color: #FFFFFF;
position: relative;top:-180px ;z-index: 0;}
.about_mid img{width:100%;height:400px;margin: 0 auto;display: block;}
			
.about_bottom{width:100%;height:550px;margin:-180px auto 0;}
.about_bottom img{display: block;max-width:100%;height:550px;}
			
.pinpai_mid{background-color: #FFFFFF;width:100%;height: 680px;margin-top: 120px;}
.pinpai_mid img{display: block;width:100%;margin: 0 auto;}
			
.pinpai_bottom{width:100%;margin: 0px auto;}
.pinpai_bottom img{display: block;width:100%;}
			
.wenhua_mid{width:1300px;height: 1760px;margin:120px auto 0;background-color:#FFFFFF;}
.wenhua_mid img{display:block;width:100%;margin:0 auto;}
			
.wenhua_bottom{width:100%;margin: 0 auto;}
.wenhua_bottom img{display: block;width:100%;}


/*业务范围*/
.service-one{height:600px;background:url(../images/service1.jpg) no-repeat center;background-size:cover;position:relative;}
.service-one .introbox{position:absolute;left:15%;top:30%;width:650px;color:#fff;}
.service-one .introbox h3{line-height:80px;font-size:40px;}
.service-one .introbox p{line-height:30px;font-size:16px;}
.service-one .imgbox{position:absolute;right:20%;top:30%;width:400px;}
.service-one .imgbox img{width:100%;height:auto;}

.service-two{height:600px;background:url(../images/service2.jpg) no-repeat center;background-size:100% 100%;position:relative;}
.service-two .introbox{position:absolute;left:15%;top:30%;width:650px;color:#fff;}
.service-two .introbox h3{line-height:80px;font-size:40px;}
.service-two .introbox p{line-height:30px;font-size:16px;}
.service-two .imgbox{position:absolute;right:20%;bottom:0%;width:400px;}
.service-two .imgbox img{width:100%;height:auto;}

.service-three{height:600px;background:url(../images/service3.jpg) no-repeat center;background-size:100% 100%;position:relative;}
.service-three .introbox{position:absolute;left:15%;top:30%;width:650px;color:#fff;}
.service-three .introbox h3{line-height:80px;font-size:40px;}
.service-three .introbox p{line-height:30px;font-size:16px;}
.service-three .imgbox{position:absolute;right:20%;top:30%;width:400px;}
.service-three .imgbox img{width:100%;height:auto;}

.service-four{height:600px;background:url(../images/service4.jpg) no-repeat center;background-size:100% 100%;position:relative;}
.service-four .introbox{position:absolute;left:15%;top:30%;width:650px;color:#fff;}
.service-four .introbox h3{line-height:80px;font-size:40px;}
.service-four .introbox p{line-height:30px;font-size:16px;}
.service-four .imgbox{position:absolute;right:20%;bottom:0%;width:500px;}
.service-four .imgbox img{width:100%;height:auto;}

.service-five{height:600px;background:url(../images/service5.jpg) no-repeat center;background-size:100% 100%;position:relative;}
.service-five .introbox{position:absolute;left:15%;top:30%;width:650px;color:#333;}
.service-five .introbox h3{line-height:80px;font-size:40px;}
.service-five .introbox p{line-height:30px;font-size:16px;color:#333;}
.service-five .imgbox{position:absolute;right:20%;top:20%;width:500px;}
.service-five .imgbox img{width:100%;height:auto;}


.liucheng{width:430px;display:flex;position:absolute;left:15%;top:60%;}
.liucheng>div{flex:1;text-align:center;}
.liucheng>div i{display:block;margin:10px auto;font-size:28px;color:#fff;}
.liucheng>div p{font-size:14px;color:#fff;}


/* 案例页面 *********************************************************************/
.case_banner{width:100%;height:450px;background-image: url(../images/case_banner.jpg) ;background-repeat: no-repeat;margin: 0 auto;}
.case_banner h1{font-size:44px;color: #1d1d1d;margin-bottom: 15px;}
.case_banner span{color: #1d1d1d;border-bottom: 2px solid #1d1d1d;padding-bottom: 20px;font-size: 22px;margin-left: 0;}
				
/*----案例----*/
.fixed-case {width:100%;height:440px;background:url(../images/case-banner.jpg) no-repeat center;}
.cases-main {width:100%;overflow:hidden;margin:30px auto 0 auto;padding:20px 0;
background:url(../images/case-list-bg.jpg) no-repeat top center;background-attachment:fixed;background-size:cover;}
.clideBox {width:1300px;overflow:hidden;margin:0 auto;padding:10px 0 10px 0;}
.clideBox .hd {height:40px;overflow:hidden;z-index:1;padding-bottom:10px;}
.clideBox .hd ul {width:px;overflow:hidden;zoom:1;margin:0 auto;}
.clideBox .hd ul li {float:left;padding:0 25px;height:40px;margin-right:16px;line-height:40px;border-radius:25px;
background:rgba(37,153,236,0.3);text-align:center;cursor:pointer;z-index:9;font-size:16px;color:#333;}
.clideBox .hd ul li.on {border-radius:25px;background:#2599EC;color:#fff;}
.clideBox .bd {position:relative;height:100%;z-index:0;}
.clideBox .bd li {overflow:hidden;width:1640px;}
.clideBox .bd .apic {float:left;width:252px;height:270px;overflow:hidden;margin:20px 10px 0 0px;border:1px solid #d8dce6;position:relative;}
.clideBox .bd .apic:nth-child(5n) {margin-right:0;}
.clideBox .bd .apic .imgs-box {width:2520px;overflow:hidden;}
.clideBox .bd .apic img {width:252px;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1);transform:scale(1);}
/*.clideBox .bd .apic .imgs-box {width:2520px;height:141px;overflow:hidden;}
.clideBox .bd .apic img {width:252px;height:141px;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1);transform:scale(1);}*/
.clideBox .bd .apic img:hover {-webkit-transform:scale(1.05);transform:scale(1.05);}
.clideBox .bd .apic .texts-box {height:75px;overflow:hidden;padding:6px 10px;background:#fff;}
.clideBox .bd .apic .texts-box span {width:100%;display:block;line-height:26px;font-size:17px;color:#333;font-weight:600;}
.clideBox .bd .apic .texts-box p {line-height:18px;font-size:12px;color:#666;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;/*(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)*/}
.cases-detail {overflow:hidden;margin:30px 0;}
.cases-detail .hd {padding:20px 40px;background:url(../images/dd.jpg) left repeat;}
.cases-detail .hd dl {overflow:hidden;padding-bottom:16px;border-bottom:#d2d2d2 solid 1px;}
.cases-detail .hd dl dt {line-height:60px;font-size:36px;color:#3f3f3f;}
.cases-detail .hd dl dd {font-size:22px;color:#666;}
.cases-detail .hd .part-two {overflow:hidden;margin:30px 0 10px 0;}
.cases-detail .hd .part-two .descri {float:left;width:880px;line-height:28px;font-size:16px;color:#444;}
.cases-detail .hd .part-two .check {float:right;width:168px;height:52px;text-align:center;line-height:52px;border:#24b727 solid 2px;
border-radius:4px;}
.cases-detail .hd .part-two .check a {display:inline-block;font-size:20px;color:#24b727;padding-left:20px;
background:url(../images/lenk.png) no-repeat left;background-size:16px 16px;}
.cases-detail .hd .part-two .check:hover{background:#24b727;}
.cases-detail .hd .part-two .check:hover a{color:#fff;}
.cases-detail .bd {background:#fff;padding:20px;}
.cases-detail .bd img {display:block;margin:0 auto;}

.cases-detail {width:1300px;;overflow:hidden;margin:30px auto;}
.cases-detail .hd {padding:20px 40px;background:url(../images/dd.jpg) left repeat;}
.cases-detail .hd dl {overflow:hidden;padding-bottom:16px;border-bottom:#d2d2d2 solid 1px;}
.cases-detail .hd dl dt {line-height:60px;font-size:36px;color:#3f3f3f;}
.cases-detail .hd dl dd {font-size:22px;color:#666;}
.cases-detail .hd .part-two {overflow:hidden;margin:30px 0 10px 0;}
.cases-detail .hd .part-two .descri {float:left;width:880px;line-height:28px;font-size:16px;color:#444;}
.cases-detail .hd .part-two .check {float:right;width:168px;height:52px;text-align:center;line-height:52px;border:#24b727 solid 2px;border-radius:4px;}
.cases-detail .hd .part-two .check a {display:inline-block;font-size:20px;color:#24b727;padding-left:20px;background:url(../images/lenk.png) no-repeat left;background-size:16px 16px;}
.cases-detail .hd .part-two .check:hover {background:#24b727;}
.cases-detail .hd .part-two .check:hover a {color:#fff;}
.cases-detail .bd {background:#fff;padding:20px;}
.cases-detail .bd img {display:block;max-width:100%;height:auto;margin:0 auto;}


/*-----新闻------*/
.news_banner{width:100%;height: 450px;background-image: url(../images/news_banner.jpg);background-repeat:no-repeat;margin:0 auto;}
.news_banner h1{font-size:44px;color: #fff;margin-bottom: 15px;}
.news_banner span{color: #fff;border-bottom: 2px solid #FFFFFF;padding-bottom: 20px;font-size: 22px;margin-left: 0;}
.news_title{margin-top: 283px;width: 200px;position: absolute;left: 50%;margin-left: -600px;}

.location1{float:left;width:50%;line-height:36px;}
.location1 a{color:#343434;}
.news-column{float:right;width:50%;overflow:hidden;}
.news-column li{float:right;width:90px;height:36px;font-size:14px;text-align:center;line-height:36px;background-color:#f3f3f3;
			margin-right:14px;border-radius:5px;}

.news-column li a{color: #1d1d1d;display:block;}
.news-column li.on a{background-color:#2599ec;color:#FFFFFF;border-radius:5px;}
			li:hover a{background-color:#2599ec;color: #FFFFFF;border-radius:5px;}
			
/*头条新闻*/			
.news{background-color:#FFFFFF;box-shadow: 0px 6px 8px #d6d6d6;margin-top: 40px;height:260px;position: relative;}
.news .pic{float:left;width:350px;height:205px;margin:30px 0 0 30px;}
.news .pic img{float:left;width:350px;height:205px;}
.news .time{float:left;height:175px;padding:40px 30px 0 0;margin:20px 0 0 40px;border-right:#d2d2d2 solid 1px;}
.news	.time .day{font-size:60px;color: #2599ec;} 
.news .time .year{font-size:16px;color:#7c7c7c;}
.news .txt{float:left;width:700px;margin:65px 0 0 40px;}
.news .txt h3 a{font-size:22px;color: #2599ec;}
.news .txt p a{font-size:16px;color: #111111;margin-top: 20px;display: block;}

.news_list{overflow:hidden;margin:0 0 30px 0;}
.news_list1{overflow:hidden;margin:0 0 30px 0;}
.news_item{width:310px;height:330px;background-color:#FFFFFF;margin-top:20px;float:left;margin-right:20px;cursor: pointer;}
.news_item:nth-child(4n){margin-right:0;}
.news_pic{margin-left: 15px;padding-top:15px;width:280px;height:164px;}
.news_pic img{width:280px;height:164px;}
.news_item .news_txt{padding:16px;}
.news_item .news_txt h3{height:48px;font-size: 17px;color: #111111;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;/*(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)*/}
.news_item .news_txt p{font-size: 14px;margin-top: 10px;color: #1D1D1D;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;/*(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)*/
}
.num_btn{margin: 0 auto;width: 430px;}
.num_btn li{width: 45px;height: 45px;border-radius: 5px;background-color: #fff;float: left;margin-top: 30px;
			margin-right: 10px;color: #7b7b7b;text-align: center;line-height: 45px;position: relative;cursor: pointer;}
.num_btn img{position: absolute;left: 19px;top: 15.5px;}
.num_btn li.active{background-color: #2599ec;color: #fff;}
.num_btn li:hover{background-color: #d0d0d0;color: #fff;}
			li.active:hover{background-color: #2599ec;color: #fff;}
.news_item:hover {background-color: #2599ec;}
.news_item:hover h3{color: #fff;}
.news_item:hover p{color: #fff;}
.news_item:hover span{color: #fff;}

/*分页*/
.page {display:block;overflow:hidden;height:32px;line-height:30px;text-align:center;margin:30px auto;margin-right:;margin-bottom:20px;margin-left:auto;}
.page span {display:inline-block;background:#fff;margin-right:-1px;padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px;border:1px solid #ddd;line-height:30px;}
.page-status {margin-right:10px !important;}
.page span a {color:#444;}
.page span a:hover {color:#3887d6;}
.page-numbar {padding:0 !important;border:none !important;}
.page-numbar a {display:inline-block;padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:30px;}
.page-num-current {color:#fff !important;background-color:#3887d6;}

.fixed-new {width:100%;height:440px;background:url(../images/news_banner.jpg) no-repeat center;}
.location {width:100%;height:100px;background:#fff;}
.location-inner {width:1300px;height:100px;margin:0 auto;position:relative;}
.colmun-title {position:absolute;left:0;bottom:0;width:275px;height:157px;}
.lacation-info {position:absolute;left:300px;bottom:0;line-height:100px;font-size:16px;color:#717171;padding-left:24px;background:url(../images/icon-home.png) no-repeat left;background-size:20px 20px;}
.lacation-info a {color:#717171;}
.news-main {width:1300px;overflow:hidden;margin:0 auto 30px auto;}
.news-left {float:left;width:260px;background:#fff;}
.news-left ul {}
.news-left ul li {height:65px;line-height:65px;border-bottom:#ededed solid 1px;text-indent:50px;}
.news-left ul li a {display:block;font-size:16px;color:#888888;background:url(../images/right-arr.png) no-repeat right;background-size:20px 20px;}
.news-left ul li.left-active {background:#2599ec;}
.news-left ul li.left-active a {color:#fff;}
.news-right {float:right;width:960px;overflow:hidden;padding:20px 20px 20px 20px;margin:30px 0 0 0;background:#fff;}
.news-right ul {}
.news-right ul li {overflow:hidden;margin:0 0 20px 0;}
.news-right ul li .thumb {float:left;width:240px;height:140px;margin:0 20px 0 0px;}
.news-right ul li .thumb img {width:240px;height:140px;}
.news-right ul li dl {float:left;width:700px;}
.news-right ul li dl dt {line-height:30px;}
.news-right ul li dl dt a {font-size:24px;color:#333;}
.news-right ul li dl dd.time {line-height:40px;font-size:12px;color:#717171;}
.news-right ul li dl dd.summary {font-size:14px;color:#666;}
/*----新闻详情页----*/
.news-detail {overflow: hidden;}
.news-detail-header{overflow:hidden;padding-bottom:10px;border-bottom: #e5e5e5 solid 1px;text-align:center;}
.news-detail .news-detail-title{line-height: 60px;text-align:center;font-size: 24px; color: #333;}
.news-detail .source{color:#666;}
.news-detail-content {padding: 20px 0; line-height: 28px;font-size: 16px;color: #444;}
.news-detail-content img{max-width:100%;height:auto;}
/*上一篇和下一篇*/
.low {width: 100%;overflow: hidden; margin: 20px 0px;padding-top: 10px;}
.low a {font-size: 16px;color: #2599ec;}
.low a:hover {color: #2599ec;}
.readpre {float: left;width: 50%;height: 30px;line-height: 30px;text-align: left;background: url(../images/46.png) no-repeat left;}
.readnex{float: right;width:50%;height: 30px;line-height: 30px;text-align: right;background: url(../images/47.png) no-repeat right;}
.readpre a,.readnex a{color: #2599ec;}


.left-weixin{display:block;clear:both;width:240px;height:110px;padding:10px;margin-top:20px;background:url(../images/card-bg.png) no-repeat center;
background-size:cover;border:1px solid #d8dce6;}
.left-weixin .image{ width:100px; float:left}
.left-weixin .image img{ width:100%;}
.left-weixin .text{ width:130px; float:right}
.left-weixin .text strong{ font-size:18px; line-height:1.5;}
.left-weixin .text  p{ margin-top:5px; line-height:1.7; font-size:12px; color:#888}


/* 加入我们页面 *********************************************************************/
.join_banner{width:100%;height: 450px;background-image: url(../images/join_banner.jpg);
background-repeat:no-repeat;margin:0 auto;}
.join_banner h1{font-size: 44px;color: #fff;margin-bottom: 15px;}
.join_banner span{color: #fff;border-bottom: 2px solid #FFFFFF;padding-bottom: 20px;font-size: 22px;margin-left: 0;}

			
.join_top {margin-top:100px;overflow:hidden;}
.join_top span,p{margin-left: 0;}
.join_top span{font-size: 18px;color:#bdbdbd ;}
.join_top p{font-size: 18px;color: #59595a;margin-top: 40px;line-height: 1.8em;width: 590px;}
.join_top .top_pic{float: right;}
.join_top .top_txt{float: left;}
.join_top h1{font-size: 30px;color: #2599ec;font-weight: 400;}
			
			
/* 职位展示***********/
.join{ width:1300px;height:400px;overflow:hidden;margin:30px 0 0 0;position:relative;}
.join .hd{height:32px;overflow:hidden; position:absolute;left:610px;bottom:5px;z-index:1; }
.join .hd ul{ overflow:hidden;zoom:1;}
.join .hd ul li{float:left; margin-right:2px;width:40px;height:32px; line-height:32px; text-align:center;
background:#eee;cursor:pointer; }
.join .hd ul li.on{background:#2599ec;color:#fff;}
.join .bd{ position:relative; height:100%; z-index:0;}
.join .bd li{ zoom:1; vertical-align:middle;}
.join .bd .offer-thumn{float:left;width:418px; height:318px;margin:0 0 0 120px;}
.join .bd .offer-thumn img{width:100%;height:100%;}
.join .bd .offer-intro{float:right;width:570px;height:318px;margin:0 120px 0 0;}
.join .bd .offer-intro h4{font-size:26px;;color:#343434;}
.join .bd .offer-intro h5{margin-bottom:30px;font-size:14px;;color:#bdbdbd;}
.join .bd .offer-intro p{line-height:26px;font-size:16px;color: #59595a;}

/*下面是前/后按钮代码*/
.join .prev{display:block;width:70px; height:124px;position:absolute;left:0;top:50%;margin-top:-25px; 
background:url(../images/raow_left.png) no-repeat center;}
.join .next{display:block;width:70px;height:124px;position:absolute;right:0;top:50%;margin-top:-25px;
background:url(../images/raow_right.png) no-repeat center;}


.contact_btn{background:linear-gradient(to right,#005dea,#02baf6);border-radius:4px;
width:200px;height:50px;text-align: center;line-height: 50px;font-size: 18px;margin: 60px auto;cursor: pointer;}
.contact_btn a{color: #FFFFFF;}


/*联系我们*/
.map{width:100%;height:450px;background:#666666;}

.contact-box{width:100%;height:800px;background:url(../images/img21.png) no-repeat bottom;}
.contact-one{width:1300px;margin:40px auto 0;padding:0 20px;height:100px;background-color:#efefee;box-shadow:0px 2px 24px rgba(0,0,0,0.3);}
.contact-one{}
.contact-one ul{}
.contact-one ul li{float:left;line-height:100px;}
.contact-one ul li:nth-child(1){width:280px;}
.contact-one ul li:nth-child(2){width:280px;}
.contact-one ul li:nth-child(3){width:280px;}
.contact-one ul li:nth-child(4){width:460px;}
.contact-one ul li i{display:block;float:left;width:25px;height:25px;background:#2599EC;margin:28px 14px 0 0;padding:10px;
background-color:#2599ec;border-radius:50%;line-height:25px;text-align:center;font-size:20px;color:#fff;}
.contact-one ul li span{font-size:18px;}

.contact-two{display:block;width:1300px;overflow:hidden;margin:20px auto;}
.contact-two .loaclmap{float:left;display:block;float:left;width:670px;}
.conright{float: right;width:400px;overflow:hidden;margin:130px 0 0 0;padding:0px 0 20px 0;box-shadow:0px 2px 24px rgba(0,0,0,0.3);}
.conright h3{background:#2599EC;padding:0 20px;margin:0 0 10px 0;line-height:50px;color:#fff;}
.conright p{padding:0 20px;line-height:26px;}