body{font-family:"微软雅黑"; margin:0; padding:0; background:url(../image/bg.jpg) 100% 100%;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,img{padding:0; margin:0;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}
ol,ul,li{list-style:none;}
a{text-decoration:none;outline:none;}
img{border:0;vertical-align: middle;}
html,body{height:100%;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;} 


.clear{clear:both;}
.clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.clearfix {+height:1%;}
.clearfix2{ height:19px;}


#banner{ width:100%; margin:0 auto; background:#fff;  text-align:center;}
.slide-main{height:90%;position:relative; }
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:45%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124; top:93%; left:0;text-align:center;}
.item a{display:inline-block;width:17px;height:17px;margin-right:11px;overflow:hidden; border-radius:50px;background:#9e7ed5;}
.item a.cur{ }


.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden; text-align:center;}
.slide-box{position:relative;}
.slide{display:none;height:100%;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#fff;}
#bgstyleb{background:url(../image/banner2_bj.jpg);}


@media (min-width:600px) and (max-width:1240px) {
.slide-main{height:475px;position:relative; }
.slide-box,.slide{display:block;width:100%;height:475px;overflow:hidden; text-align:center;}
.slide{display:none;height:475px;background:#ff6900;position:relative;position:absolute;z-index:8;}
}
@media (min-width:1241px) and (max-width:1540px) {
.slide-main{height:575px;position:relative; }
.slide-box,.slide{display:block;width:100%;height:575px;overflow:hidden; text-align:center;}
.slide{display:none;height:575px;background:#ff6900;position:relative;position:absolute;z-index:8;}
}



.menu{ width:100%; background:#111217; height:80px; color:#fff; z-index:99; position:absolute;}
.menu2{ width:75%; margin:0 auto; }
.logo{ float:left;}
.menu_ul{ float:right;}
.menu_ul li{ float:left; line-height:80px; width:95px; text-align:center; font-size:15px; letter-spacing:2px; margin-left:10px;}
.menu_ul li:hover{ background:#f74b61; color:#fff;}
.menu_ul li a{ color:#fff; line-height:80px; width:95px; display:block;}
.menu_ul li a:hover{ color:#fff;text-decoration:none;}


.s_dl{ width:100%; height:100%;}
.s_dl dt{ width:66.5%; height:49%; background:#ed3971; float:left;}
.s_dl dd{ width:33%; height:49%; float:left; margin-bottom:0.5%;}

.ddc1{ background:#6bb2f4; margin-left:0.5%;}
.ddc2{ background:#ff635e;}
.ddc3{ background:#9e7ed5; margin:0 0.5%;}
.ddc4{ background:#dae2e6;}




.grid {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 100%;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background: #2c3f52;
	color: #ed4e6e;
}

.grid figcaption h3 {
	color: #fff;
}


.grid figcaption b {
	text-align: center;
}




.cs-style-1 figcaption {
	width: 100%;
	height:100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	background:#ed3971;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.cs-style-1 figcaption h3 {
	margin-top: 10%; font-size:26px; font-weight:bold; 

}

.cs-style-1 figcaption span {
	display: block; color:#fff; margin:1% auto 2%; font-size:12px;
}

.cs-style-1 figcaption b {
	height:3px; width:38px; display:block; background:#fff; margin:0 auto;
}


.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cs-style-3 figcaption {
	height: 100%;
	width: 100%;
	text-align:center;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	background:#6bb2f4;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption h3 {
	margin-top: 20%; font-size:26px; font-weight:bold; 

}

.cs-style-3 figcaption span {
	display: block; color:#fff; margin:1% auto 3.5%; font-size:12px;
}

.cs-style-3 figcaption b {
	height:3px; width:38px; display:block; background:#fff; margin:0 auto;
}



.cs-style-4 li {
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.cs-style-4 figcaption {
	height: 100%;
	width: 100%;
	text-align:center;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	background:#ff635e;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


.cs-style-4 figcaption h3 {
	margin-top: 20%; font-size:26px; font-weight:bold; 

}

.cs-style-4 figcaption span {
	display: block; color:#fff; margin:1% auto 3.5%; font-size:12px;
}

.cs-style-4 figcaption b {
	height:3px; width:38px; display:block; background:#fff; margin:0 auto;
}




.cs-style-5 figure {
	overflow: hidden;
}

.cs-style-5 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cs-style-5 figcaption {
	height: 100%;
	width: 100%;
	text-align:center;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	background:#9e7ed5;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-5 figcaption h3 {
	margin-top: 20%; font-size:26px; font-weight:bold; 

}

.cs-style-5 figcaption span {
	display: block; color:#fff; margin:1% auto 3.5%; font-size:12px;
}

.cs-style-5 figcaption b {
	height:3px; width:38px; display:block; background:#fff; margin:0 auto;
}


.cs-style-6 figure {
	overflow: hidden;
}

.cs-style-6 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.cs-style-6 figcaption {
	height: 100%;
	width: 100%;
	text-align:center;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	background:url(../image/menu5.gif);
}

.no-touch .cs-style-6 figure:hover figcaption,
.cs-style-6 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.work{width:62.5%; margin:11% auto 0; padding:0 18.75%; background:url(../image/worck.jpg) no-repeat; text-align:center;}
.work span{ font-size:2em; color:#fff; padding:8% 0 3%; display:block;}
.work_ul{ width:80%; margin:0 auto; font-family:"宋体";}
.work_ul li{ text-align:center; letter-spacing:2px;}
.work_ul li b{ width:1px; background:#8fb3dc; float:left; display:block; height:36px; margin:0.8% 0;}
.work_ul li a{ float:left; width:24%; height:50px; color:#fff; font-size:1em; height:20%; display:block; line-height:300%;}
.work_ul li a:hover{ border:1px solid #fff; border-radius:5px; height:48px; line-height:300%;}


.about{ width:1000px; margin:10% auto 6%;}
.about_ti{ width:100%; text-align:center; color:#fff; font-size:26px; padding-bottom:5%; }
.about_ti span{ color:#768592; font-weight:bold;}

.about dl{ width:100%; height:100%; position:relative;}
.about dl dt{ float:left; width:25%; margin-right:5%;}
.about dl dd b{ color:#fff; font-size:18px; margin:1% 0 2%; display:block; font-weight:normal;}
.about dl dd{ width:70%; float:right;color:#93a4b3; font-size:12px; line-height:24px;}
.about dl a{
	position: absolute;
	z-index: 0;
	bottom: 0px;
	right: 0px;
	width:84px;
	height:34px;
	background:url(../image/an.png) no-repeat;
}
.about dl a:hover{ background:url(../image/an2.png) no-repeat;}


.customer{ width:1000px;margin:0 auto; height:200px;}
.sliderbox{width:1000px;height:61px;overflow:hidden;}
.arrow-btn{display:inline;background:url(404.png) no-repeat;width:31px;height:61px;overflow:hidden;cursor:pointer;}
#btn-left{float:left; background:url(../image/left.png) no-repeat; margin-right:40px;}
#btn-left.dasabled{background:url(../image/left.png) no-repeat;}
#btn-right{float:right; cursor:pointer;background:url(../image/right.png) no-repeat; margin-left:10px;}
#btn-right.dasabled{background:url(../image/right.png) no-repeat}
.slider{overflow:hidden;position:relative;height:61px;float:left;width:860px;}
.slider ul{position:absolute;left:0px;top:0px;height:35px;list-style:none; width:100%;}
.slider li{float:left;height:25px; margin-right:30px;}
.slider a{display:block;text-decoration:none;color:#073a5e;font-size:12px;font-weight:bold;text-align:center;margin-top:16px;}
.slider img{display:inline-block!important; height:25px;}

.d_img{ float:left; margin-right:80px;}
.d_ul{ float:left; margin-right:40px;}
.d_span{ float:right; text-align:right;}
.fs{ font-size:14px; margin-bottom:10px;}
.d_ul li a{ color:#768592;}

.work_nei{width:65%; margin:0 auto 5%; background:#fff; padding:4.5% 0 6%;}
.nei_ti{width:65%; text-align:center; padding:4% 0 0; margin:5% auto 0; background:#fff;}
.nei_ti span{ font-size:48px; color:#9fa0a0;}
.nei_ti span b{ color:#fd3d50;}
.nei_ti p{ font-size:38px;}

.nei_ti ul{ width:550px; margin:70px auto 0;}
.nei_ti ul li{ float:left; font-size:21px; border-right:1px solid #cdcdcd; height:38px; line-height:38px;}
.nei_ti ul li a{ color:#3e3a39;  margin:0 26px;}
.nei_ti ul li a:hover{ color:#f74b61; border-bottom:1px solid #f74b61; padding-bottom:10px;}
.xza{ color:#f74b61; border-bottom:1px solid #f74b61; padding-bottom:10px; font-style:normal;}

.clear{clear:both;}
.clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.clearfix {+height:1%;}
.clearfix2{ height:19px;}

.nei_dian {height:17px;width:55px; margin:6.5% auto 0;}
.nei_dian li {display:inline;}
.nei_dian li a {width:17px; height:17px; background:#9e7ed5; border-radius:50px; margin:0 5px; display:block; float:left; }
.nei_dian li a.tabactive { background-color:#ff635e; }
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#anothercontent1,#anothercontent2,#anothercontent3,#anothercontent4,#anothercontent5{ background:#fff; width:90%; text-align:center; margin:0 auto;}
#tabcontent1 ul li{ float:left; width:33%; margin:0.125%; background:#000;}
#tabcontent2 ul li{ float:left; width:33%; margin:0.125%; background:#000;}
#tabcontent3 ul li{ float:left; width:33%; margin:0.125%; background:#000;}
#tabcontent4 ul li{ float:left; width:33%; margin:0.125%; background:#000;}
#tabcontent5 ul li{ float:left; width:33%; margin:0.125%; background:#000;}
.nei_dian2 {height:17px;width:135px; margin:6.5% auto 0;}
.nei_dian2 li {display:inline;}
.nei_dian2 li a {width:17px; height:17px; background:#9e7ed5; border-radius:50px; margin:0 5px; display:block; float:left; }
.nei_dian2 li a.tabactive { background-color:#ff635e; }
.nei_dian3 {height:17px;width:81px; margin:6.5% auto 0;}
.nei_dian3 li {display:inline;}
.nei_dian3 li a {width:17px; height:17px; background:#9e7ed5; border-radius:50px; margin:0 5px; display:block; float:left; }
.nei_dian3 li a.tabactive { background-color:#ff635e; }



.work_b{ float:left; width:33%; margin:0.125%; background:none;}

.cu_nei{width:65%; background:#e4ecee; margin:0 auto;}
.cu_nei span{ float:left; margin-right:10%; width:50%; display:block; height:100%;}
.cu_nei ul{ float:left; width:40%; padding-top:6%;}
.cu_nei ul li{ float:left; width:100%; margin-bottom:3%; font-size:90%; line-height:250%;}
.cu_nei ul li img{ float:left; margin-right:2%;}
.cu_nei ul li a{ float:left;}

.nei_ti2{width:65%; text-align:center; padding:4% 0; margin:5% auto 0; background:#fff;}
.nei_ti2 span{ font-size:48px; color:#9fa0a0;}
.nei_ti2 span b{ color:#fd3d50;}
.nei_ti2 p{ font-size:38px;}
@media (min-width:1025px) and (max-width:1400px){
.bq{width:85%; border-top:1px solid #373b45; padding-top:3%; margin:5% auto 0; color:#768592; font-size:12px; line-height:26px;}	
.bq_p{width:100%; padding-bottom:8%;}
	}

@media (min-width:800px) and (max-width:1024px){
.bq{width:90%; border-top:1px solid #373b45; padding-top:3%; margin:5% auto 0; color:#768592; font-size:12px; line-height:26px;}
.bq_p{width:100%; padding-bottom:8%;}
}

.bq{width:65%; border-top:1px solid #373b45; padding-top:3%; margin:5% auto 0; color:#768592; font-size:12px; line-height:26px;}
.bq_p{width:100%; padding-bottom:8%;}

.nei_ti3{width:65%; text-align:center; padding:4% 0; margin:5% auto 0; background:#000;}
.nei_ti3 span{ font-size:48px; color:#9fa0a0;}
.nei_ti3 span b{ color:#fd3d50;}
.nei_ti3 p{ font-size:38px; color:#595757;}


.grid figcaption b {
	width:43%;
	margin:30% auto 5%;
	display:block;
}

@media (min-width:1025px) and (max-width:1440px) {.grid figcaption a{font-size:12px;}}
@media (min-width:800px){.grid figcaption a{font-size:12px;}}

@media (min-width:1025px) and (max-width:1240px) {.grid figcaption b {width:60%;	display:block;
 margin:25% auto 5%;}}
@media (min-width:1920px){
	.grid figcaption b {
	width:43%;
	display:block;
	margin:30% auto 10%;
	}
	
	.grid figcaption a{font-size:18px;}
}
	
	
	
.grid figcaption p{
	width:80%;
	text-align:left;
	margin:0 auto;
	padding-left:10%;
	}

.grid figcaption a {
	display: inline-block;
	text-decoration:none;
	color: #fff;
	margin-left:30%;
	padding-bottom:0.1%;
	line-height:200%;
	margin-bottom:3%;
}
.grid figcaption a:hover{ text-decoration:none; border-bottom:1px solid #fff; padding-bottom:0.1%; margin-left:35%;
}

.cs-style-11 figcaption {
	width: 100%;
	height:100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	background:url(../image/se_bj.jpg) 100% 100% no-repeat; 
}

.no-touch .cs-style-11 figure:hover figcaption,
.cs-style-11 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.cs-style-12 figcaption {
	width: 100%;
	height:100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	background:url(../image/se_bj2.jpg) 100% 100% no-repeat; 
}

.no-touch .cs-style-12 figure:hover figcaption,
.cs-style-12 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.cs-style-13 figcaption {
	width: 100%;
	height:100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	background:url(../image/se_bj3.jpg) 100% 100% no-repeat; 
}

.no-touch .cs-style-13 figure:hover figcaption,
.cs-style-13 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.cs-style-14 figcaption {
	width: 100%;
	height:100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	background:url(../image/se_bj4.jpg) 100% 100% no-repeat; 
}

.no-touch .cs-style-14 figure:hover figcaption,
.cs-style-14 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}



.about_nei{width:100%; background:#f74b61;}
.about_nei span{ float:left; width:55%; padding:3.5% 6.5% 2.5%; background:#fff;}
.about_nei a{ font-size:18px; margin-bottom:2%; display:block;}
.about_nei p{ font-size:12px; color:#898989; line-height:24px; margin-bottom:1%;}

.mo_dl{ font-size:18px; color:#898989; line-height:35px; float:left; margin:5% 3% 0}
.mo_dl dt{ font-size:28px; color:#000;}
.mo_dl dd{ margin-left:79px;}

.me_dl{ font-size:18px; color:#898989; line-height:35px; float:left; width:35%; }
.me_dl dt{ font-size:26px; color:#000; margin-bottom:3%;}
.me_dlm1{margin:10% 0 0 7.5%;}
.me_dlm2{margin:10% 0 0 7.5%;}
.me_dlm3{margin:10% 0 0 7.5%;}

@media (min-width:1121px) and (max-width:1600px) {
	.me_dl{ font-size:12px; color:#898989; line-height:24px; float:left; width:40%;}
	.me_dl dt{ font-size:18px; color:#000; margin-bottom:3%;}
	.me_dlm1{margin:10% 0 0 7.5%;}
	.me_dlm2{margin:10% 0 0 7.5%;}
	.me_dlm3{margin:10% 0 0 7.5%;}
	}
@media (min-width:1200px) and (max-width:1440px){
	.me_dlm3{margin:8% 0 0 7.5%;}
	
	
	}	
	
@media (min-width:800px) and (max-width:1120px){
	.me_dlm1{margin:8% 5% 0;}
	.me_dlm2{margin:10% 5% 0;}
	.me_dlm3{margin:3% 5% 0;}
	.me_dl{ font-size:12px; color:#898989; line-height:24px; float:left; width:40%;}
	.me_dl dt{ font-size:18px; color:#000; margin-bottom:3%;}	
	
	}	
	
.operation_nei{width:100%; background:#000;}
.operation_nei_img{float:left; width:50%;}	
.operation_nei a{ width:36%; float:left; padding:6.35% 7%; display:block; height:50%; font-size:18px; color:#898989; background:#fff;}
.operation_nei a dl dt{ color:#000; font-size:26px; margin-bottom:5%;}
.operation_nei a dl dt img{ margin-right:3%; width:9.5%;}
.operation_nei a dl dd{ line-height:35px; padding-left:12.5%;}
.operation_nei a:hover{ background:#fcfcfc;}
@media (min-width:1401px) and (max-width:1600px){
.operation_nei a{ width:36%; float:left; padding:4.6% 7%; display:block; height:50%; font-size:18px; color:#898989; background:#fff;}
.operation_nei a dl dt{ color:#000; font-size:26px; margin-bottom:5%;}
.operation_nei a dl dt img{ margin-right:3%; width:9.5%;}
.operation_nei a dl dd{ line-height:35px; padding-left:12.5%;}
.operation_nei a:hover{ background:#fcfcfc;}
}
@media (min-width:800px) and (max-width:1400px){
.operation_nei a{ width:36%; float:left; padding:4.5% 7%; display:block; height:50%; font-size:12px; color:#898989; background:#fff;}
.operation_nei a dl dt{ color:#000; font-size:20px; margin-bottom:5%;}
.operation_nei a dl dt img{ margin-right:3%; width:9.5%;}
.operation_nei a dl dd{ line-height:22px; padding-left:12.5%;}
.operation_nei a:hover{ background:#fcfcfc;}
}


.design_nei{width:90%; background:#fff; padding:3% 5%;}
.design_nei a{ width:48%; display:block; font-size:18px; margin:2% 0; color:#898989; background:#fff;}
.design_nei a dl{ padding:8% 5%;}
.design_nei a dl dt{ color:#000; font-size:26px; margin-bottom:5%;}
.design_nei a dl dt img{ margin-right:3%; width:9.5%;}
.design_nei a dl dd{ line-height:35px; padding-left:12.5%;}
.design_nei a:hover{ background:#fcfcfc;}
@media (min-width:1401px) and (max-width:1600px){
.design_nei a{ width:48%; margin:2% 0; float:left; display:block; font-size:18px; color:#898989; background:#fff;}
.design_nei a dl dt{ color:#000; font-size:26px; margin-bottom:5%;}
.design_nei a dl dt img{ margin-right:3%; width:9.5%;}
.design_nei a dl dd{ line-height:35px; padding-left:12.5%;}
.design_nei a:hover{ background:#fcfcfc;}
}
@media (min-width:800px) and (max-width:1400px){
.design_nei a{ width:48%;  margin:2% 0; float:left; display:block; font-size:12px; color:#898989; background:#fff;}
.design_nei a dl dt{ color:#000; font-size:20px; margin-bottom:5%;}
.design_nei a dl dt img{ margin-right:3%; width:9.5%;}
.design_nei a dl dd{ line-height:22px; padding-left:12.5%;}
.design_nei a:hover{ background:#fcfcfc;}
}


.app_work{ width:65%; margin:5% auto 0;}
.thanks{width:100%; background:#fff; padding:8% 0;}
.thanks span{ width:50%; margin:0 auto; display:block; text-align:center;}
.ta_al{float:left; height:100%; width:4%;}
.ta_img{ float:left; width:80%; margin-left:6%;}
.ta_ar{float:right; height:100%; width:4%;}
.thanks2{width:100%; background:#fff; padding:8% 0;}
.thanks2 span{ width:70%; margin:0 auto; display:block; text-align:center;}

.d_span a{ color:#768592;}
.d_span a img{ float:left; margin-right:5px; width:18px; margin-top:4px;}