@media screen and (max-width:1400px){
	
.banner3 img{ z-index:9999; height:360px; margin-top:50px;}
.sevicelist{ margin:auto; width:980px; margin-top:10px; position:relative; height:auto; overflow:hidden;}

.sevicelist li{ float:left; width:245px; padding:10px 0px; height:180px; overflow:hidden; 

	transition:all 0.3s;
	}


.listbox img{ width:140px; height:140px;}

.listbox{
	margin:auto;
	width:140px;

	height:140px;

	line-height:140px;


	

	transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-webkit-transition:all 0.5s ease-in-out;

	}


}


@media screen and (max-width:1366px){
	
.banner2 img{ position:relative;
height:130px;
margin:auto;
	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/}

.banner2 #banner2-1{ top:10px;}

.banner2 #banner2-2{ top:-70px;}

.banner2 #banner2-3{ top:-150px;}

.banner2 #banner2-4{ top:-230px;}

	
	
	
#d_tab29 ul, #d_tab29 li {margin: 0; padding: 0; list-style: none;}
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 { position: relative; height: 400px; background: url('../images/bg3.jpg') no-repeat center 0; text-align: left; position:relative;  }
#d_tab29 .d_img { position: relative; margin: 0 auto; width:1000px; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img li img { width: 100% }
#d_tab29 .d_img li.d_pos1 { display: block; width: 600px; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 700px; left: 50px; top: 30px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 800px; left: 100px; top: 0px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 700px; right: 50px; top: 30px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 600px; right: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }
#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display:inline;
background: url('../images/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }
#d_tab29 .d_menu li.d_select { background: url('../images/btn.png') no-repeat 0 -18px }
#d_tab29 .d_next { position: absolute; right:0px; top: 170px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 0px; top: 170px; z-index: 10; cursor: pointer }



.rongyu{ width:435px; height:45px; overflow:hidden; padding-top:50px; margin:auto;}

.rongyuzh{ width:170px; height:70px; text-align:center; margin:auto; margin-top:10px;}

}




@media screen and (max-width:1024px){
#d_tab29 ul, #d_tab29 li {margin: 0; padding: 0; list-style: none;}
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 { position: relative; height: 400px; background: url('../images/bg3.jpg') no-repeat center 0; text-align: left; position:relative;  }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 800px; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img li img { width: 100% }
#d_tab29 .d_img li.d_pos1 { display: block; width: 400px; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 500px; left: 50px; top: 30px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 600px; left: 100px; top: 0px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 500px; right: 50px; top: 30px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 400px; right: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }
#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display:inline;
background: url('../images/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }
#d_tab29 .d_menu li.d_select { background: url('../images/btn.png') no-repeat 0 -18px }
#d_tab29 .d_next { position: absolute; right:0px; top: 130px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 0px; top: 130px; z-index: 10; cursor: pointer }

}



@media screen and (max-width:700px){
	.topbox{ width:100%; height:45px; background:#0f1e3f; overflow:inherit; position:absolute; z-index:20;}
	.top{ width:100%; margin:auto;}
	.logo{ float:left; padding-top:7px;}
	.logo img{ height:30px;}

#menu{ display:none;}	
#menu3{ position:fixed; z-index:50; right:0px; display:none; background:#000;}
#menu3 li{ clear:both;}

#menu3 li a{ height:23px; line-height:23px; padding:0px 10px; width:50px; color:#FFF; display:block; font-size:12px;}

#menu3 li a:hover{ background:#ea8010;}

#menu3 .active a{ background:#ea8010;}

.tel{ display:none;}

.telico{ display:block; float:right; z-index:30; font-size:25px; color:#FFF; margin-right:5%; padding-top:4px;}
.menuico{ display:block; float:right; z-index:30; font-size:25px; color:#FFF; margin-right:2%; padding-top:3px; cursor:pointer; z-index:300;}
.menuico,.telico a{ color:#FFF;}

.piao{ display:none;}



.spage1{

	background:url(../images/big_back.jpg);
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-repeat:no-repeat;
	height:100%;


	

	}

.logob img{ width:150px;}
.adtext img{ width:240px;}
.adtext{

	height:85px;

	line-height:85px;

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	top:40px;

	right:-2000px;

	}
	

.adback{

	position:relative;

	top:-40px;

	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/

	}
.banner1{ width:100%;}
.banner2{text-align:center; width:100%; margin:auto; position:relative;}
.banner2 img{ position:relative;
height:40px;
margin:auto;
	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/}

.banner2 #banner2-1{ top:10px;}

.banner2 #banner2-2{ top:-70px;}

.banner2 #banner2-3{ top:-150px;}

.banner2 #banner2-4{ top:-230px;}



.banner3{margin:auto; position:relative; text-align:center;}
.banner3 img{ z-index:9; margin:auto;}

.sevice{ width:100%; height:25px; overflow:hidden; margin:auto; text-align:center; margin-top:0px;}
.sevice img{ height:20px;}
.sevicezh{ width:100%; height:25px; line-height:25px; margin:auto; font-size:40px; color:#FFF; text-align:center; margin-top:0px;}
.sevicezh img{ height:20px;}
.sevicelist{ margin:auto; width:98%; margin-top:10px; position:relative; height:auto; overflow:hidden;}

.sevicelist li{ float:left; width:130px; margin:auto; padding:5px 0px; height:auto; overflow:hidden;

	transition:all 0.3s;
	}



.listbox img{ width:38px; height:38px;}
.listbox{
	margin-left:10px;
	float:left;
	margin:auto;
	width:38px;

	height:38px;

	line-height:38px;


	

	transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-o-transition:all 0.5s ease-in-out;

	-moz-transition:all 0.5s ease-in-out;

	-webkit-transition:all 0.5s ease-in-out;

	}

.sevicelist li:hover .listbox{

	transform: rotate(360deg);

	-ms-transform: rotate(360deg);		/* IE 9 */

	-webkit-transform: rotate(360deg);	/* Safari and Chrome */

	-o-transform: rotate(360deg);		/* Opera */

	-moz-transform: rotate(360deg);		/* Firefox */

	}

.listfont{ text-align:center; font-size:18px; padding-left:10px; line-height:35px; float:left;}



.spage5{

	background:url(../images/hezuo_back.jpg) center;

	background-color:#f3f3f3;

	-moz-background-size:auto 100%; /* 老版本的 Firefox */

	background-size:100% 100%;

	background-repeat:no-repeat;

	position:relative;

	overflow:hidden;

	}
	
	

.client{ width:100%; height:46px; overflow:hidden; margin:auto; text-align:center;}
.client img{ height:20px;}
.clientzh{ width:100%; height:54px; margin:auto; margin-top:0px; text-align:center;}	
.clientzh img{ height:20px;}
.clientbox{ width:100%; margin:auto; position:relative; top:500px; overflow:hidden;}

.clientbox .swiper-container{ margin:0px 0px; height:150px; overflow:hidden;}

.clientbox .swiper-slide{ height:150px; line-height:150px; display:table-cell; vertical-align:middle; text-align:center;}

.clientbox .swiper-slide img{ vertical-align:middle; max-width:70%;}

.clientbox .arrow-left{ position:absolute; left:0px; top:40px; z-index:50; font-size:30px; width:50px; height:70px; line-height:70px; text-align:center; background:#000; color:#FFF;}

.clientbox .arrow-right{ position:absolute; right:0px; top:40px; z-index:50; font-size:30px; width:50px; height:70px; line-height:70px; text-align:center; background:#000; color:#FFF;}


.about{ width:98%; height:25px; text-align:center; overflow:hidden; margin:auto; text-align:center;}
.about img{ height:20px;}
.aboutzh{ width:100%; height:25px; line-height:25px; margin:auto; font-size:40px; text-align:center; margin-top:0px; text-align:center;}
.aboutzh img{ height:20px;}


.aboutbox{

	width:98%;

	height:300px;;

	margin:auto;

	margin-top:20px;

	overflow:hidden;

	}

.aboutbox .pagination {

  position:relative;

  left: 0;

  text-align: center;

  width: 100%;

  z-index:100;

  margin-bottom:15px;

}

.aboutbox .swiper-pagination-switch {

  display: inline-block;

  width: 60px;

  height:25px;

  font-size:14px;

  margin: 0 3px;

  cursor: pointer;

  color:#333;

}
.aboutbox .swiper-active-switch {

	border-bottom:2px #000 solid;

	color:#000;

	}
.aboutbox .swiper-slide{ font-size:12px; line-height:20px;}
.aboutbox .swiper-slide p{text-indent:2em}

.voidbox{ float:left; width:30%; text-align:center; padding:15px 1.6%; line-height:20px;}
.voidbox img{ width:100%; }
.voidbox a{ color:#666;}


.news{ position:relative; width:95%; height:78px; overflow:hidden; border:1px #e1e1e1 solid; margin:auto; clear:both; background:#fcfcfc;}
.news a{ color:#000;}
.news:hover{ background:#FFF;}

.newspic{ display:none; width:180px; float:left; padding-top:9px; padding-left:9px;}

.newstext{ float:none; width:95%; margin:auto;}

.newstext .title{ font-size:14px; height:35px; line-height:35px; overflow:hidden; font-weight:bold;}

.newstext .title span{ padding-left:20px; font-size:13px;}

.newstext .content{ font-size:12px; line-height:20px; height:45px; overflow:hidden; padding-top:0px; color:#6f6d6d;}


.rongyu{ width:100%; height:25px; overflow:hidden; margin:auto; text-align:center;}
.rongyu img{ height:20px;}
.rongyuzh{ width:100%; height:70px; text-align:center; margin:auto; margin-top:0px; text-align:center;}
.rongyuzh img{ height:20px;}
.rongyubox{ width:100%; margin:auto; position:relative; height:390px; padding-top:15px;}


.rypic{ width:98%; margin:auto; height:auto; position:relative; float:none; clear:both;}
.rypic .btns{ width:100%;margin:auto; position:relative;}
.rypic .arrow-left {
  position:absolute;
  left:0px;
  color:#fff;
  font-size:30px;
  font-family:"宋体";
  top:110px;
  z-index:9900;
	width:82px;
	height:84px;
	background-color:rgba(0,0,0,0.4);
  text-align:center;
  line-height:84px;
}

.rypic .arrow-right {
  position: absolute;
  top:110px;
  right:0px;
  color:#fff;
  font-size:30px;
  font-family:"宋体";
  z-index:9900;
	width:82px;
	height:84px;
	background-color:rgba(0,0,0,0.4);
  text-align:center;
  line-height:84px;
}
.rypic .swiper-container {
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.rypic .swiper-slide{ overflow:hidden; text-align:center;}
.rypic .swiper-slide img{ width:100%;}

.rypic .pagination {
  position:relative;
  bottom:35px;
  width: 100%;
  z-index:100;
  text-align:center;
}
.rypic .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin:0px 3px;
  cursor: pointer;
  border-radius:100px;
  background:#fff;
}
.rypic .swiper-active-switch {
     background:#f26f1f;}

.rylist{ float:right; width:100%; height:298px; clear:both; overflow:auto; padding-top:15px; display:none;}

.rylist ul li{ line-height:35px; font-size:16px;}
.rylist ul li:hover{ color:#F00;}

.spage8{

	overflow:hidden;

	position:relative;

	background:url(../images/about_back.jpg) center;

	-moz-background-size:100% 100%; /* 老版本的 Firefox */

	background-size:100% 100%;

	background-repeat:no-repeat;

	}

.contactbox{

	position:relative;

	width:100%;

	height:360px;

	margin:auto;

	overflow:hidden;

	}

.contactpic{
	display:none;
	position:absolute;

	left:-400px;

	}

.contactcon{ float:none; color:#FFF; font-weight:normal; width:300px; font-size:14px; line-height:25px; padding-top:20px; position:relative; right:-400px;}
.contactcon img{ width:300px;}
.contactcon h1{ font-size:14px; font-weight:normal; padding-bottom:10px; padding-left:4px;}

.contactcon p{ padding-left:2%;}

.contactcon a{ font-size:12px; color:#FFF;}


/*case*/
.caseul{ display:none;}


.case{ width:100%; height:25px; overflow:hidden; text-align:center; margin:auto; margin-top:0px;}
.case img{ height:20px;}
.casezh{ width:98%; height:20px; overflow:hidden; margin:auto; text-align:center; margin-top:0px; padding-bottom:30px;}
.casezh img{ height:20px;}

.mobcasebox{ width:100%; margin:auto; height:250px; position:relative; overflow:hidden; display:block; margin-top:50px; margin-bottom:30px;}

.mobcasebox .swiper-container{ margin:0px 0px; height:auto; overflow:hidden;}

.mobcasebox .swiper-slide{ display:table-cell; vertical-align:middle; text-align:center;}

.mobcasebox .swiper-slide img{ vertical-align:middle;}

.mobcasebox .arrow-left{ position:absolute; left:0px; top:60px; z-index:50; font-size:20px; width:30px; height:40px; line-height:40px; text-align:center; background:#000; color:#FFF;}

.mobcasebox .arrow-right{ position:absolute; right:0px; top:60px; z-index:50; font-size:20px; width:30px; height:40px; line-height:40px; text-align:center; background:#000; color:#FFF;}



.casebpic{ position:relative; width:100%; max-width:350px; overflow:hidden; margin:auto;}

.casebpic img{ width:100%; max-width:350px; max-height:198px;}

.picback{

	position:absolute;

	width:100%; max-width:350px; max-height:198px;

	background:#d7402d;

	top:0px;

	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/

	}

.picread{

	position:absolute;

	color:#FFF;

	font-size:16px;

	width:80px;

	text-align:center;

	height:30px;

	line-height:30px;

	border:2px #FFF solid;

	top:-200px;

	left:137px;

	}
.caseboxs{width:100%; max-width:350px; height:50px; margin:auto; background:#999; height:auto;}
.casenum{ float:left; width:65px; text-align:center; height:50px; line-height:50px; color:#666666; margin-top:-4px; font-size:34px;

	transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-webkit-transition:all 0.5s;}

.casetext{ float:left; width:100%; max-width:350px; height:45px; padding-top:5px; line-height:19px; margin-top:-4px;

	transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-webkit-transition:all 0.5s;

	color:#333;

	font-size:14px;
	text-align:left;

	}



.casejian{ width:55px; height:50px; line-height:50px; float:left; margin-top:-4px; text-align:center;

	transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-webkit-transition:all 0.5s;}

.casejian img{ vertical-align:middle;}

.team{ width:100%; height:25px; overflow:hidden; text-align:center;}
.team img{ height:20px;}
.teamzh{ width:100%; height:20px; margin:auto; margin-top:0px; padding:10px 0px; text-align:center;}
.teamzh img{ height:20px;}


.teamspic{ display:block;}
.teamspic{ width:98%; margin:auto; height:auto; position:relative; float:none; clear:both;}
.teamspic .btns{ width:100%;margin:auto; position:relative;}
.teamspic .arrow-left {
  position:absolute;
  left:0px;
  color:#fff;
  font-size:30px;
  font-family:"宋体";
  top:110px;
  z-index:9900;
	width:40px;
	height:84px;
	background-color:rgba(0,0,0,0.4);
  text-align:center;
  line-height:84px;
}

.teamspic .arrow-right {
  position: absolute;
  top:110px;
  right:0px;
  color:#fff;
  font-size:30px;
  font-family:"宋体";
  z-index:9900;
	width:40px;
	height:84px;
	background-color:rgba(0,0,0,0.4);
  text-align:center;
  line-height:84px;
}
.teamspic .swiper-container {
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.teamspic .swiper-slide{ overflow:hidden; text-align:center;}
.teamspic .swiper-slide img{ width:100%;}

.teamspic .pagination {
  position:relative;
  bottom:35px;
  width: 100%;
  z-index:100;
  text-align:center;
}
.teamspic .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin:0px 3px;
  cursor: pointer;
  border-radius:100px;
  background:#fff;
}
.teamspic .swiper-active-switch {
     background:#f26f1f;}

#d_tab29{ display:none;}
#d_tab29 ul, #d_tab29 li {margin: 0; padding: 0; list-style: none;}
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 { position: relative; width:100%; height:100px; background: url('../images/bg3.jpg') no-repeat center 0; text-align: left;  }
#d_tab29 .d_img {margin: 0 auto; width:80%; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img li img { width: 100% }
#d_tab29 .d_img li.d_pos1 { display: block; width: 80%; left: 0%; top: 10px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 85%; left: 2.5%; top: 5px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 90%; left: 5%; top: 0px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 85%; right: 2.5%; top: 5px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 80%; right: 0%; top: 10px; z-index: 1 }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center; di }
#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display:inline;
background: url('../images/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }
#d_tab29 .d_menu li.d_select { background: url('../images/btn.png') no-repeat 0 -18px }
#d_tab29 .d_next {position: absolute; right:0px; top: 20px; z-index: 10; cursor: pointer ;}
#d_tab29 .d_prev { position: absolute; left: 0px; top: 20px; z-index: 10; cursor: pointer }


}

