﻿
*{
	padding: 0;
	margin: 0;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}  

a{ text-decoration:none;}
li{ list-style:none;}
header{
	width:100%;
	height:100px;
	/*border: 1px solid red;*/
}
#nav{ width:1120px;
	  height:100px;
	 margin: 0 auto;
	  }
.nav_left{
	height:100px;
	color: #fab401;
	width:420px;
	float:left;
}
.nav_right{
	width:698px;
	float:left;
	line-height:22px;
	font-size:16px;

}
.nav_png{ float:left;
 	margin-top:20px;
	height:15px;
	display:none;
	}
.nav_right ul li{
	float:left;
	width:116px;
	text-align:center;
	height:100px;
	cursor:pointer;
}
.nav_right ul li a{ color:#102f3e; font-weight:600;}
/*.lia{ background:url(../img/%E5%AF%BC%E8%88%AA%E7%9F%A9%E5%BD%A2%2012_%E7%9C%8B%E5%9B%BE%E7%8E%8B.png) bottom;background-repeat:no-repeat;
width:100%;
}*/

/*ZQ*/
#header_banner{
	width:100%;
	min-width:1120px;
	margin-top:5px;
	overflow:hidden;
}
#header_banner ul{ min-width:400px; overflow:hidden;}

#middle{ width:100%;
		background: #f9f8f8;
		}
#header_2{
	margin: 0px auto;
}
#header_lang{
	width: 100%;
	line-height:70px;	
	color: #fab500;
	font-family: "微软雅黑";
	font-size: 36px;
	text-align: center;
}
#writing{
	text-align: center;
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight: bold;
	color: #fab401;
}
#header_mid{
	width: 100%;
}
.cenr{ width:1120px; margin:0 auto;}
.cenr ul li{width:25%;}
@media(max-width:1100px){
	.cenr ul li{ width:25%; height:150px;}
	
}
@media(max-width:1100px){
	.cenr ul li{ width:25%; height:220px;}
}
@media(max-width:1000px){
	.cenr ul li{ width:25%; height:200px;}
}
@media(max-width:900px){
	.cenr ul li{ width:25%; height:170px;}
}
@media(max-width:600px){
	.cenr ul li{ width:25%; height:140px;}
}
.cenr_x{ width:70%; margin:0 auto; line-height:50px;}
.beijin{ width:100%; margin:0 auto;}
.beijin li{ float:left; height:106px;}


/*ZQF9F8F8*/
#centre{ width:100%; height:400px;}
#header_3{
	margin: 0px auto;
	width:100%;
}
.heter{float:left; width:50%; height:375px;}
.heter_center{ width:90%; margin:25px 20px 20px 20px;}
.heter_center img{ width:459px; height:326px; }
#header_comp{
	font-family: "微软雅黑";
	width:100%;
	text-align: center;
}
#header_comp ul {
	
	font-size: 30px;
	padding-top: 43px;
	margin-bottom:5px ;
	color:#f9b301;}
#header_comp img{
	margin-bottom: -5px;
}
.comp_text{
	
	color: #555;
	margin: 0 auto;
	text-align: center;
	width:100%;
}
 .heter_top{ background-image:url(../img/zhonjianjuxin.png);
  	width:14.5em; background-repeat:no-repeat;
	float:left;
  	  height:370px;}
  .heter_top_a{background-image:url(../img/yuanjiao.png);
             width:180px; height:50px; background-repeat:no-repeat; 
			 margin:0 auto; text-align:center;
			  font-weight:bold;
			 line-height:50px; font-size:1.5em;}
	.heter_top_b{background-image:url(../img/yuanjiao.png);
             width:180px; height:50px; background-repeat:no-repeat; 
			 margin:0 auto; text-align:center;
			  font-weight:bold;
			 line-height:50px; font-size:1.5em;}
.footbo{background-image:url(../img/zhonjianjuxin.png);
background-repeat:no-repeat;
  	width:14.5em;
  	height:375px;
	float:left;
}
.gallery li img{

-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;

}
.gallery li img:hover {
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.8);
/*background-color:rgba(0, 0, 0, 0.1);*/
}
/*ZQ*/

/*服务板块*/
.server_section{
	width:100%;
	height:600px;
	min-width:1120px;
	background-color:#FFFFFF;
	border:none;

	
}
.server_head{
	text-align:center;
	font-size:30px;
	color: #555;
}
.server_left{
	float:left;
	width:47.5%;
	height:500px;


}
.server_middle{
	margin:0 auto;
	float:left;
	width:60px;
	text-align: center;
}
.server_right{
	float:left;
	width:382px;
	height:500px;
	}
.text_1{ color:#666; font-size:0.9em;}
.text_2{ color:#FFF; font-size:1.5em;}
/******不一样的********/
	.diffent_section{
		height:500px;
		width:100%;
		text-align:center;}

/******解决方案块********/
#t_solution_wrap{
	width: 100%;
	text-align:center;
}
#t_solution{
	width:80%;
	margin:0 auto;
	height:600px;
}
#t_solution ul li{
	width:22%;
	float:left;
	margin-left:24px;
	
}
#t_solution ul li img{ border:none;}
.t_solution_tou{behavior:url(PIE.htc); position: relative; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1);
}
@media (max-width:1100px){
    #t_solution ul li{ width:20%;}
	#t_solution_wrap { margin-bottom:50px;}
	#t_solution{ margin-bottom:50px; height:500px;}
}
@media (max-width:750px){
    #t_solution ul li{ width:40%;}
	#t_solution ul li img{ height:180px;}
	#t_solution{ margin-bottom:50px; height:600px;}
}
@media (max-width:350px){
    #t_solution ul li{ width:80%;}
	#t_solution ul li img{ height:180px;}
	#t_solution{ margin-bottom:50px; height:500px;}

}
@media (max-width:340px){
	#t_solution{ margin-bottom:50px; height:1000px;}

}

/*__________产品中心___________________*/
#footera{ width: 100%;}
.footera_top{ width: 70%; margin: 0 auto; text-align:center; }
.footera_top ul li{ float:left; text-align:center; width:250px; text-align:center;}
.footera_top ul li img{ border:none;}
.zia{ font-size:2em; color:#555;}
@media (max-width:1350px){
    .footera_top ul li{ font-size:0.6rem}
	.footera_top .zia{ font-size:1.5em}
}

<!--我们可以为你做什么-->
#footerb{ width: 100%;}
@media (max-width:1350px){
    .footera_top ul li{ font-size:0.6rem}
	.footera_top .zia{ font-size:1.5em}
}
.footera_to{ width: 60%; margin: 0 auto; text-align:center; min-width:1120px;}
.footera_to ul{ height:250px;}
.footera_to ul li{ float:left; text-align:center;}
.footera_to ul li img{ border:none;}
.start_a{background-image:url(../img%20zi/X-TMS/zhenchang.png); margin-left:5%; background-repeat:no-repeat;  width:115px; line-height:117px; background-repeat:no-repeat;}
 .start_b{ display:none; background-image:url(../img%20zi/X-TMS/selested.png); margin-left:5%;  width:115px; line-height:117px; background-repeat:no-repeat;}
 .shan_a{background-image:url(../img%20zi/X-TMS/zhenchang.png); width:115px;  margin-left:30%; 				    			background-repeat:no-repeat; line-height:117px;}
 .shan_b{background-image:url(../img%20zi/X-TMS/selested.png); width:115px;  margin-left:30%; 				    			background-repeat:no-repeat; line-height:117px; display:none;}
 .success_a{background-image:url(../img%20zi/X-TMS/zhenchang.png); background-repeat:no-repeat;  margin-left:30%;  width:115px; line-height:117px;}
 .success_b{background-image:url(../img%20zi/X-TMS/selested.png); background-repeat:no-repeat;  margin-left:30%;  width:115px; line-height:117px; display:none;}
 <!--底部-->
 .footer{ width:100%;}
 .footer_text{ width:100%; background-color:#2B2B2B; display:inline;  display:block;}
 
 
.Coordination{ background-color:#060;}

<!--banner-->
.theme-orman.slider-wrapper{width:100%;position:relative; margin:0 auto;}
.theme-orman .nivoSlider a{border:0;display:block;}
.theme-orman .nivo-controlNav{position:absolute;left:50%;bottom: 4px;margin-left:-30px; /* Tweak this to center bullets */z-index: 101;}
.theme-orman .nivo-controlNav a{display:block;width:12px; height:12px;background:url(../img/slider_nav_button.png) no-repeat;text-indent:-9999px;border:0;margin-right:7px;float:left;}
.theme-orman .nivo-controlNav a.active{background-position:0 -12px;}

.theme-orman .nivo-directionNav a{display:block;width:25px;height: 240px;background:url(../img/arrows.png) no-repeat 0% 50%;text-indent:-9999px;border:0;top:25%;}
.theme-orman a.nivo-nextNav{background-position:100% 50%;right:0px;padding-right:20px;}
.theme-orman a.nivo-prevNav{left:0px;padding-left:0px;}

.theme-orman .nivo-caption{font-family: Helvetica, Arial, sans-serif;}
.theme-orman .nivo-caption a{ color:#fff;border-bottom:1px dotted #fff;}
.theme-orman .nivo-caption a:hover{ color:#fff;}


/* The Nivo Slider styles */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
/* Caption styles */
.nivo-caption{position:absolute;left:0px;bottom: 0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}

