/*重置reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ul, ol { list-style:none; }
a { text-decoration:none; color:#000; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
@font-face{
font-family:hzgb;
/*为引入的字体命名*/
src:url(../fonts/hzgb.ttf);
/*定义要引入字体文件的路径*/
}
/*清除浮动*/
/*--------------------正文开始---------------------------------*/

body { font:12px "微软雅黑", Arial, Helvetica, sans-serif; background:url(../images/bg.gif) center top repeat-x;padding: 0;
	margin: 0; height: 100%;}

.hd1 {position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	color: white;
	width: 100%;
	height: 80px;
}
.inner1 {line-height: 80px; font-size: 16px;
	width: 80%;
	height: 80px;
	margin: 0 auto
}
.logo1 {
	float: left;
	text-decoration: none;
	margin: 10px 20px 0 2px;
}
.inner1 nav {
	float: right;
}
.inner1 nav .menu1 li {width: 100px; text-align: center;
	float: left;
}
.inner1 nav .menu1 li a { font-size: 16px;
	display: block;
	
	line-height: 80px;
	cursor: pointer;
	color: #fff;
}
.inner1 nav .menu1 li a:hover, .inner1 nav .menu1 li.active a {
	color:#0054d3;
}
.inner1 nav .menu1 .lang{margin:30.5px 0 33.5px 25px;width: 90px; text-align: center;padding: 1px;border:1px solid #0054d3; }
.inner1 nav .menu1 .lang .mr{ background: #0054d3;}
.inner1 nav .menu1 .lang a{ float: left;margin: 0px; padding: 0px;width: 50%; display: block; line-height: 19px; font-size: 14px;}
.inner1 nav .menu1 .lang a:hover{ color:#fff;background: #0054d3; }
.header .nav li .second-nav{ 
width:100px;
	display: none;
	position: relative;
}
.header .nav li .second-nav li{text-align:center;
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff; 

}
.header .nav li .second-nav li a{  height: 40px; line-height: 40px; color:#fff;display: block;
	
}
.header .nav li .second-nav li a:hover{ background:none;}

.timg{ width: 100%; overflow: hidden;}

.timg img{width:1920px;margin:0 calc(50% - 960px);}

.bottom{width: 100%;  background:#2d3e50;  margin: 0 auto; height: 350px;}
.footer{width: 1200px; margin: 0 auto; padding-top:35px;}
.footer .foot_l{width:350px; float: left; }
.footer .foot_l p{ color: #fff; font-size: 14px; line-height:30px; padding-left:20px;}
.footer .foot_c{width:435px; float: left; margin-left: 125px; }
.footer .foot_c h2{ font-size: 30px; color: #fff; line-height: 60px;}
.footer .foot_c p{ background: url(../images/bgfc.png) left 3px no-repeat; padding-left: 30px; color: #fff; font-size: 14px; line-height:26px;}

.footer .foot_r{width:290px; float: left; }
.footer .foot_r h2{ font-size: 30px; color: #fff; line-height: 60px;}
.mess{ width:290px;float:left;    }
.mess form{  float:left;  width:290px;}
.mess .dy1 { display: block;  width:45px; font-size:14px; color:#fff;letter-spacing:1px; height:25px; line-height:25px; float: left;}
.mess .dy2 input{  height:25px; font-size:14px; padding-left: 10px;   text-align:left;  border: 1px solid #666; color:#fff; background: none; float: left; background:#fff;  }
.mess .kd2{ float:left; margin-top: 10px; }
.mess .kd3{ float:left;margin-top: 10px;}
.mess .kd3 .dy2 input{ height:45px; }
.mess .coolbg{ width:70px; background:#f08519; font-size:14px; height:25px; color:#fff; border:0px;cursor:pointer; margin-left:50px; }
.mess .coolbg1{ width:70px; background:#f08519; font-size:14px; height:25px; color:#fff; border:0px;cursor:pointer; margin-left: 10px; }


.cposp{width: 1200px;}
.cposp h2{height: 120px; line-height: 40px; color:#000; font-size:32px; text-align: center; padding-top: 40px; }
.cposp h2 small{font-size: 25px; color: #999999;display: block;}


.w1322 h3{height: 80px; line-height: 40px; color:#000; font-size:31px; text-align: center; padding-top: 40px; }
.w1322 h3 small{font-size: 25px; color: #999999;display: block;}




.pagelist {float:right; text-align:right; padding-right:10px;color:#000; padding-top: 10px;}
.pagelist a{ color:#000;}
.pagelist li {padding:0px 5px;
    float: left;
}
.w1322{margin: 0 auto; width: 1322px; }
.gywm{width: 1322px;float: left;}
.gywm h2{ font-size: 30px; text-align: center; padding-top: 30px; line-height: 40px;color:#434343; padding-bottom: 30px; }
.gywm h2 small{display: block;font-size: 25px;color:#a3a4a4;}
.aboutus{ font-size:14px;line-height:20px; font-weight:200px; letter-spacing:1px; color:#434343;float: left;}
.aboutimg{float: left;padding-top: 40px;}

.zcjy{width: 100%; margin-top: 30px;float: left; background: #f6f6f6;}
.zc_left{width: 65%; float: left; padding-left: 30px; }
.zc_left h2{ color:#434343; font-size: 24px; line-height:80px; height: 80px; text-align: left;background: url(../images/bgzch.gif) left 35px no-repeat; padding-left:60px; border-bottom: 1px solid #e5e5e5;}
.zc_left h2 small{ display: block; color:#999999; font-size: 16px; line-height: 25px; }
.zc_left p{font-size:16px; color: #666666; line-height: 26px; padding-top:30px;text-align: justify; }
.zc_left p img{float: right;}
.zc_right{width: 15%; float: right; padding-right:80px; padding-bottom: 30px; padding-top: 30px;}
.zc_right img{width: 100%;}


.gswenhua{width: 1322px;float: left; height: 330px;}
.gswenhua h2{ font-size: 30px; text-align: center; padding-top: 30px; line-height: 40px;color:#434343; padding-bottom: 30px; }
.gswenhua h2 small{display: block;font-size: 25px;color:#a3a4a4;}
.wenhuaxx{width:365px; float: left; text-align: center; height: 160px; }
.wenhuaxx span{display: block; font-size: 20px; color:#434343; line-height: 50px; }
.wenhuaxx p{display: block; color:#666666; font-size: 16px; line-height: 20px;  }
.hbimg{float: left; width: 945px;}
.hbr{ width: 375px; height:316px; float: left;border: 1px solid #ccc;background:#ededed; border-left:0px; }
.hbr h2{ height:70px; line-height:70px; color:#434343; font-size: 30px; padding-left:20px; }
.myscroll { width: 375px; height:226px; float: left;   font-size: 12px; overflow: hidden;   }
.myscroll li { height: 30px; margin-left: 25px; line-height: 30px;}
.myscroll a { color: #666666; text-decoration: none; font-size: 14px;}
.myscroll a:hover { color: #ED5565; text-decoration: underline;}

.jstd{width: 1322px;float: left;}
.jstd h2{ font-size: 30px; text-align: center; padding-top: 30px; line-height: 40px;color:#434343; padding-bottom: 30px; }
.jstd h2 small{display: block;font-size: 25px;color:#a3a4a4;}
.tdxx{width: 1322px;}
.tdxx img{width:300px; height: 360px; float: left; padding-right:20px; }
.tdrr{width: 980px; float: left; height: 400px;}
.tdrr span{display: block; line-height:35px; color:#000000; font-size: 20px; }
.tdrr p{display: block; line-height:25px; color:#434343; font-size: 14px; }



.mess1{ width:600px;float:left; height: 800px;    }
.mess1 form{  float:left;  width:490px; padding-left: 50px;}
.mess1 .dy1 { display: block;  width:95px; font-size:14px; color:#fff;letter-spacing:1px; height:35px; line-height:35px; float: left;}
.mess1 .dy2 input{  height:35px; font-size:14px; padding-left: 10px;   text-align:left;  border: 1px solid #666; color:#999;  float: left; background:#fff;  }
.mess1 .kd2{ float:left; margin-top: 15px; }
.mess1 .kd3{ float:left;margin-top: 15px;}
.mess1 .kd3 .dy2 input{ height:95px; }
.mess1 .coolbg{ width:170px; background:#0099ff; font-size:14px; height:35px; color:#fff; border:0px;cursor:pointer; margin-left:95px; }
.mess1 .coolbg1{ width:270px; background:#f08519; font-size:14px; height:25px; color:#fff; border:0px;cursor:pointer; margin-left: 10px; }


.lxwm{width: 1322px;}
.lxwm h2{background: url(../images/liebiao_dibu.jpg) left top repeat-x;  color:#fff; padding-top: 40px; font-size: 30px; padding-left: 50px; height: 150px; }
.lxwm h2 small{font-size: 14px; color:#ADD8E6; }
.lxwm h2 span{ float: right; line-height:40px; color: #fff; font-size: 16px; padding-right: 50px;} 
#case {width:1322px; height:164px; margin-top:40px; }
.product_list { 
	width:1322px; height:164px;
	float:left;
	}
.product_inner {overflow:hidden;
	width:1322px;
	height:164px;}
.product_list li { padding:0px 11px;
	float:left;
}
.product_list li img {
	width:200px;
	height:164px;
}
.product_list li span { font-size:16px;
	color:#fff;
	display:block;
	line-height:60px;
	text-align:center;
}



.aboutus3{ width: 100%; overflow: hidden;}

.aboutus3 img{width:1920px;margin:0 calc(50% - 960px);}




@media screen and (max-width: 1681px) { 
.hd1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	color: white;
	width: 100%;
	height:60px;
}
.inner1 { line-height:60px;font-size: 14px;
	width: 80%;
	height:60px;
	margin: 0 auto
}
.logo1 { width:18%; font-size: 14px;
	float: left;
	text-decoration: none;
	margin: 10px 10px 0 0
}
	.logo1 img{ width:194px;
}
.inner1 nav {
	float: right;
}
.inner1 nav .menu1 li {width: 90px; text-align: center;
	float: left;
}
.inner1 nav .menu1 li a { font-size:14px; 
	display: block;
	padding: 0 2px;
	line-height: 60px;
	cursor: pointer;
	color: #ffffff;
}
.inner1 nav .menu1 li a:hover, .inner1 nav .menu1 li.active a {
	color:#0054d3;
}
	
.inner1 nav .menu1 .lang{margin:18.5px 0 0px 25px;width: 90px; text-align: center;padding: 1px;border:1px solid #0054d3; }
.inner1 nav .menu1 .lang .mr{ background: #0054d3;}
.inner1 nav .menu1 .lang a{ float: left;margin: 0px; padding: 0px;width: 50%; display: block; line-height: 19px; font-size: 12px;}
.inner1 nav .menu1 .lang a:hover{ color:#fff;background: #0054d3; }	
	
	
.header .nav li .second-nav{ 
width:90px;
	
}
	
	
	
} 


@media screen and (max-width: 1441px) { 

.hd1 {font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	color: white;
	width: 100%;
	height:60px;
}
.inner1 { line-height: 60px;
	width: 80%;font-size: 14px;
	height: 60px;
	margin: 0 auto
}
.logo1 { width:18%; font-size: 14px;
	float: left;
	text-decoration: none;
	margin:10px 10px 0 0
}
	.logo1 img{ width: 194px;
}
.inner1 nav {
	float: right;
}
.inner1 nav .menu1 li {width: 70px; text-align: center;
	float: left;
}
.inner1 nav .menu1 li a { font-size:12px; 
	display: block;
	padding: 0 2px;
	line-height: 60px;
	cursor: pointer;
	color: #ffffff;
}
.inner1 nav .menu1 li a:hover, .inner1 nav .menu1 li.active a {
	color:#0054d3;
}
.header .nav li .second-nav{ 
width:70px;
	
}

}





	

@media screen and (max-width: 1367px) { 
	.hd1 {font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	color: white;
	width: 100%;
	height:60px;
}
.inner1 { line-height: 60px;
	width: 80%;font-size: 12px;
	height: 60px;
	margin: 0 auto
}
.logo1 { width:18%; font-size: 12px;
	float: left;
	text-decoration: none;
	margin:10px 10px 0 0
}
	.logo1 img{ width: 164px;
}
.inner1 nav {
	float: right;
}
.inner1 nav .menu1 li {width: 70px; text-align: center;
	float: left;
}
.inner1 nav .menu1 li a { font-size:12px; 
	display: block;
	padding: 0 0px;
	line-height: 60px;
	cursor: pointer;
	color: #ffffff;
}
.inner1 nav .menu1 li a:hover, .inner1 nav .menu1 li.active a {
	color:#0054d3;
}
	.header .nav li .second-nav{ 
width:70px;
	
}
}