﻿@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

body{ font-size:12px; font-family:"微软雅黑"; background:#FFF;}

a { text-decoration:none;  outline:none; transition:all 0.2s;

	-moz-transition:all 0.2s;

	-o-transition:all 0.2s;

	-moz-transition:all 0.2s;

	-webkit-transition:all 0.2s;} 

ul,li{list-style:none;}

img{ border:0;}

table{ margin:auto;}

/*定义新型浏览器特性*/

::-webkit-scrollbar{width:10px;height:10px}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#fff}

::-webkit-scrollbar-thumb:vertical{background-color:#999;}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}

::-webkit-scrollbar-corner:vertical{background-color:#666}

::-webkit-scrollbar-resizer:vertical{background-color:#666;}



.clear{ clear:both; font-size:0px;}



.section{ overflow:hidden;}

.spage2,.spage3,.spage4,.spage5,.spage6,.spage7,.spage8{ padding-top:50px;}



.topbox{ width:100%; height:61px; overflow:hidden; background:#0f1e3f; position:absolute; z-index:20;}

.top{ width:1200px; margin:auto;}

.logo{ float:left; padding-top:11px;}

#menu3{ display:none;}
#menu{ float:right;}

#menu li{ float:left;}

#menu li a{ height:61px; line-height:61px; padding:0px 20px; color:#FFF; display:block; font-size:14px;}

#menu li a:hover{ background:#ea8010;}

#menu .active a{ background:#ea8010;}

.tel{ width:1200px; margin:auto; top:61px; position:relative; z-index:20;}

.tel .telnum{ float:right; width:180px; padding-left:5px; height:30px; line-height:30px; background:#ea8010; font-size:16px; color:#FFF; font-weight:bold;}

.tel .telico{ float:right; height:30px; line-height:30px; padding:0px 10px; background:#ce0016; font-size:20px; color:#FFF;}

.telico,.menuico{ display:none;}

.spage1{

	background:url(../images/banner1.jpg);
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-repeat:no-repeat;
	height:100%;


	

	}

.banner,.banner1,.banner2{

	height:550px;

	text-align:center;

	}





.logob{

	position:relative;

	top:-430px;

	height:197px;

	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/

	}

.adtext{

	height:85px;

	line-height:85px;

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	top:100px;

	right:-2000px;

	}

.adtext img{ vertical-align:middle;}

.adback{

	position:relative;

	top:17px;

	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

	-moz-opacity:0; /*Firefox私有，透明度50%*/

	opacity:0;/*其他，透明度50%*/

	}



.banner2{text-align:center; width:1200px; margin:auto; position:relative;}

.banner2 img{ position:relative;
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:-350px;}



.banner3{margin:auto; position:relative;}

.banner3 img{ z-index:9; height:360px;}




.banner .pagination {

  position:absolute;

  left: 0;

  text-align: center;

  width: 100%;

  z-index:10;

  bottom:110px;

}

.banner .swiper-pagination-switch {

  display: inline-block;

  width: 30px;

  height:4px;

  font-size:0px;

  margin: 0 3px;

  cursor: pointer;

  color:#333;

  background:#3a3a3a;

}

.banner .swiper-active-switch {

	color:#000;

  	background:#ea8010;

	}



.gopage2 {

  position:absolute;

  left: 0;

  text-align: center;

  width: 100%;

  z-index:10;

  bottom:25px;

}

.gopage2 a{

		display:block;

		margin:auto;

	  width:46px;

	  height:48px;

	  background:url(../images/gopage2.png);

}

.gopage2 a:hover{background:url(../images/gopagehover2.png);}



.spage2{

	background:url(../images/spage2.jpg) no-repeat top center;

}



.sevice{ width:459px; height:46px; overflow:hidden; margin:auto;}

.sevicezh{ width:355px; height:45px; line-height:45px; margin:auto; font-size:40px; color:#FFF; text-align:center; margin-top:10px;}

.sevicelist{ margin:auto; width:1080px; margin-top:10px; position:relative; height:auto; overflow:hidden;}

.sevicelist li{ float:left; width:270px; padding:10px 0px; height:228px; overflow:hidden;

	transition:all 0.3s;
	}



.listbox img{ width:178px; height:178px;}
.listbox{
	margin:auto;
	width:178px;

	height:178px;

	line-height:178px;


	

	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; line-height:35px;}



.spage3{

	background-image:url(../images/ryback.jpg);

	background-position:0% 61px;

	-moz-background-size:100%; /* 老版本的 Firefox */

	background-size:100%;

	background-repeat:no-repeat;
	background-color:#f3f3f3;

	overflow:hidden;

	}

.rongyu{ width:435px; height:45px; overflow:hidden; margin:auto;}

.rongyuzh{ width:170px; height:70px; text-align:center; margin:auto; margin-top:30px;}
.rongyubox{ width:1300px; margin:auto; position:relative; height:390px; padding-top:15px;}

.rypic{ width:447px; margin:auto; height:313px; margin-left:100px; position:relative; float:left;}
.rypic .btns{ width:76%;margin:auto; position:relative;}
.rypic .arrow-left {
  position:absolute;
  left:-100px;
  color:#fff;
  font-size:30px;
  font-family:"宋体";
  top:110px;
  z-index:1100;
	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:-100px;
  color:#fff;
  font-size:30px;
  font-family:"宋体";
  z-index:1100;
	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:447px; height:313px;}

.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:600px; height:298px; overflow:auto; padding-top:15px;}

.rylist ul li{ line-height:35px; font-size:16px;}
.rylist ul li:hover{ color:#F00;}


.spage4{

	background:url(../images/casebak.jpg);

	background-position:top center;

	-moz-background-size:100%; /* 老版本的 Firefox */

	background-size:100%;

	background-repeat:no-repeat;

	}

.case{ width:368px; height:45px; overflow:hidden; text-align:center; margin:auto; margin-top:0px;}

.casezh{ width:136px; height:54px; overflow:hidden; margin:auto; text-align:center; margin-top:10px; padding-bottom:30px;}

.caseul{ width:1200px; margin:auto; padding-top:10px;}

.caseul li{ float:left; width:350px; height:auto; margin:0px 25px; float:left; margin-top:15px;}

.caseul .caseli{ float:right; margin-right:0px;}

.casebpic{ position:relative; width:350px; overflow:hidden;}

.casebpic img{ width:350px; height:198px;}

.picback{

	position:absolute;

	width:350px;

	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;

	}

.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:285px; 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;

	}



.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;}



.caseul li:hover .casenum,.caseul li:hover .casetext{ background:#d8412e; color:#FFF;}

.caseul li:hover .casejian{ background:#000;}

.mobcasebox{ display:none;}


.casemore{ clear:both; text-align:center; padding-top:10px; padding-bottom:50px;}

.casemore a{ width:80px; font-size:20px; color:#666; height:40px; line-height:40px; border-bottom:2px #CCC solid;}







.spage5{

	background:url(../images/clients.jpg) center;

	background-color:#f3f3f3;

	-moz-background-size:100%; /* 老版本的 Firefox */

	background-size:100%;

	background-repeat:no-repeat;

	position:relative;

	overflow:hidden;

	}

.client{ width:402px; height:46px; overflow:hidden; margin:auto;}

.clientzh{ width:167px; height:54px; margin:auto; margin-top:30px;}	

.clientbox{ width:1200px; margin:auto; position:relative;  overflow:hidden;}

.clientbox .swiper-container{ margin:0px 60px; 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;}

.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;}



.spage6{

	background:url(../images/aboutback.jpg) bottom center;

	background-color:#f3f3f3;

	-moz-background-size:100%; /* 老版本的 Firefox */

	background-size:100%;

	background-repeat:no-repeat;

	padding-top:0px;

	}

.about{ width:311px; height:45px; text-align:center; overflow:hidden; margin:auto;}

.aboutzh{ width:355px; height:65px; line-height:65px; margin:auto; font-size:40px; text-align:center; margin-top:30px;}

.aboutbox{

	width:970px;

	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:25px;}

.aboutbox aboutbox{ padding:0px 2%;}

.voidbox{ float:left; width:30%; text-align:center; padding:15px 0px; line-height:20px;}
.voidbox img{ width:250px; height:180px;}
.voidbox a{ color:#666;}

.news{ position:relative; width:968px; height:128px; border:1px #e1e1e1 solid; margin:auto; clear:both; background:#fcfcfc;}

.news a{ color:#000;}

.news:hover{ background:#FFF;}

.newspic{ width:180px; float:left; padding-top:9px; padding-left:9px;}

.newstext{ float:left; width:760px;}

.newstext .title{ font-size:16px; line-height:45px; font-weight:bold;}

.newstext .title span{ padding-left:20px; font-size:13px;}

.newstext .content{ font-size:12px; line-height:24px; padding-top:3px; color:#6f6d6d;}

.news .newsbtn{ position:absolute; display:inherit; top:90px; right:10px; font-size:25px; color:#000; z-index:1130;}

.news .newsbtn .arrow-left,.news .newsbtn .arrow-right{ color:#999;}

.news .newsbtn .arrow-left:hover,.news .newsbtn .arrow-right:hover{ color:#000;}



.ideas{ font-size:14px; line-height:30px; text-align:center; padding-top:30px;}



.pathbox{ margin:auto; list-style:none;}

.pathbox li{ float:left; width:125px; text-align:center; line-height:18px; color:#5d5b5c; overflow:hidden;}

.pathbox li div{ width:125px; height:125px; margin-bottom:3px;}

.pathbox li img{ width:120px;}

.pathbox .pathj{ width:43px; text-align:center;}

.pathbox .pathj img{ width:26px; margin-top:95px;}

.spage7{

	background:url(../images/teamback.jpg) top center;

	-moz-background-size:100%; /* 老版本的 Firefox */

	background-size:100%;

	background-repeat:no-repeat;

	position:relative;

	overflow:hidden;

	}
.team{ width:314px; height:45px; overflow:hidden; margin:auto;}
.teamzh{ width:170px; height:70px; margin:auto; margin-top:30px;}

.teamspic{ display:none;}

#position{position:relative;width:1290px; margin:auto; height:500px;margin:0 auto;}
#position ul{position:relative; width:1290px ;height:500px; margin-left:60px;}
#position li{position:absolute;list-style-type:none; top:0px;left:0px;z-index:0; height:445px;}
#position .btmsss{display:block;position:absolute;width:100%;height:100px;left:0px;top:200px; z-index:10;}
#position .btmsss span{width:50px;height:100px; line-height:100px; text-align:center; font-size:55px; color:#FFF; font-family:"宋体"; cursor:pointer; background-color:rgba(0,0,0,0.4);}

.teampic{ width:217px; height:217px; border:3px #bfbfbf solid; border-radius:150px; overflow:hidden; position:absolute; left:235px; top:45px;}
.teamcon{ width:380px; height:280px; background:url(../images/q.png) no-repeat; background-position:top left; position:absolute; right:160px; top:160px;}
.tcname{ padding-left:25px;}
.tcname_name{ color:#FFF; font-size:41px; line-height:50px; padding-right:15px; float:left;}
.tcname_type{ color:#FFF; font-size:25px; line-height:50px; color:#cb1831; float:left;}

.tccon{ font-size:15px; color:#FFF; line-height:25px; clear:both; padding-top:6px;}

.spage8{

	overflow:hidden;

	position:relative;

	background:url(../images/contactback.jpg) center;

	-moz-background-size:100%; /* 老版本的 Firefox */

	background-size:100%;

	background-repeat:no-repeat;

	}

.contactbox{

	position:relative;

	width:820px;

	height:360px;

	margin:auto;

	overflow:hidden;

	}

.contactpic{

	position:absolute;

	left:-400px;

	}

.contactcon{ float:right; color:#FFF; font-weight:normal; font-size:14px; line-height:25px; padding-top:20px;position:absolute;right:-400px;}

.contactcon h1{ font-size:18px; font-weight:normal; padding-bottom:10px; padding-left:4px;}

.contactcon p{ padding-left:4px;}

.contactcon a{ font-size:14px; color:#FFF;}



.piao{ position:fixed; right:0px; top:250px; z-index:9999;}
.piao li{ height:50px; width:48px; background:#3a3a3a; border-bottom:1px #000 solid; line-height:50px; text-align:center; cursor:pointer; position:relative;}
.piao li img{ vertical-align:middle;}
.piao li.top{ background:none;}

.hidepiao{ position:absolute; background:#ea8010; width:155px; height:50px; bottom:0px; right:-155px; transition:all 0.2s;

	-moz-transition:all 0.2s;

	-o-transition:all 0.2s;

	-moz-transition:all 0.2s;

	-webkit-transition:all 0.2s;}
	
.hidepiao a{ font-size:16px; color:#FFF;}
.erw{ height:155px; line-height:155px; top:0px;}
.erw img{ vertical-align:middle;}

.piao li:hover .hidepiao{ right:0px;}

#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: 1100px; 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: 700px; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 800px; left: 50px; top: 30px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 900px; left: 100px; top: 0px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 800px; right: 50px; top: 30px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 700px; 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: 200px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 0px; top: 200px; z-index: 10; cursor: pointer }
