@charset "utf-8";

/* CSS Document */



html{color:#333;background:#fff}

body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{

    margin:0;

    padding:0;

    list-style:none;

    border:0;

    text-decoration:none;

    font-family:"microsoft yahei";

    font-weight: normal;

    font-size:12px;

    letter-spacing:1px;

    text-align: left;

}

body{

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

}

*{ padding:0 ; margin:0 ; font-size:14px;text-align: left;}

table{border-collapse:collapse;border-spacing:0}

a{ text-decoration:none;}

fieldset,img{border:0}

ol,ul{list-style:none}

caption,th{text-align:left}



.w-100{width:100%; height:auto; overflow:hidden;}

.w-800{width:800px; margin:0 auto; overflow:hidden;}

.w-1100{width:1100px; margin:0 auto; overflow:hidden;}

.w-1100-1{width:1100px; margin:0 auto;}

.w-1200{width:1260px; margin:0 auto; overflow:hidden;}

.w-1200-1{width:1220px; margin:0 auto; overflow:hidden;}

.w-1236{width:1236px; margin:0 auto; overflow:hidden;}

.w-1280{width:1250px; margin:0 auto;}

.w-1300{width:1300px; margin:0 auto;}

.line01{ width: 100%; border-top:#d8d8d8 1px solid; }

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.mt-4{ margin-top:4px;}

.mt-6{ margin-top:6px;}

.mt-8{ margin-top:8px;}

.mt-10{ margin-top:10px;}

.mt-15{ margin-top:15px;}

.mt-20{ margin-top:20px;}

.mt-30{ margin-top:30px;}

.mt-35{ margin-top:35px;}

.mt-40{ margin-top:40px;}

.mt-50{ margin-top:55px;}

.mt-60{ margin-top:55px;}

.mt-65{ margin-top:65px;}

.mt-70{ margin-top:70px;}

.mt-80{ margin-top:80px;}

.mt-90{ margin-top:90px;}

.mt-100{ margin-top:100px;}

.mt-110{ margin-top:110px;}

.mt-120{ margin-top:120px;}

.mt-130{ margin-top:130px;}

.mt-140{ margin-top:140px;}

.mt-150{ margin-top:155px;}

.mt-160{ margin-top:155px;}

.mt-170{ margin-top:170px;}

.mt-180{ margin-top:180px;}

.mt-250{ margin-top:255px;}



.mb-10{ margin-bottom:10PX;}

.mb-20{ margin-bottom:20PX;}

.mb-30{ margin-bottom:30px;}

.mb-40{ margin-bottom:40px;}

.mb-50{ margin-bottom:55px;}

.mb-60{ margin-bottom:55px;}



.bg-tc{ background-position:top center; background-repeat:no-repeat;}

.bg-tl{ background-position:top left; background-repeat:no-repeat;}

.bg-tr{ background-position:top right; background-repeat:no-repeat;}

.f-s13{ font-size:13px;}

.f-s14{ font-size:14px;}

.f-s15{ font-size:15px;}

.f-s16{ font-size:16px;}

.f-s17{

	font-size:17px;

	color: #FFFFFF;

	font-weight: bold;

}

.f-s18{ font-size:18px;}

.f-s20{ font-size:20px;}

.f-s22{ font-size:22px;}

.f-s24{ font-size:24px;}

.f-s26{ font-size:26px;}

.t-align-r{ text-align:right;}

.t-align-l{ text-align:left;}

.t-align-c{ text-align:center;}



.t-color-w{ color: #ffffff; }

.f-s18{ font-size: 18px; }

.f-s14{ font-size: 14px; }





.bj1{

	width: 100%;

	height:35px;

	background-color:#e5e5e5;

}

.bj1wz{

float:left;

width:auto;

line-height:35px;

color:#D5D5D5;

font-size:14px;

}

.bt1-wz{

float:left;

	width: 650px;

	height: 100px;

	color: #333333;

	padding-top:30px;

	}



.bt1-wz h1{

	width: 650px;

	height: 70px;

	font-size: 44px;

	font-weight: bold;

	color: #333333;

	margin-top:15px;

	}

.bt1-wzh{

	font-size: 44px;

	font-weight: bold;

	color: #df0c16;

	}

.bt1-yw{

	width: 650px;

	height: 30px;

	font-size: 16px;

	color: #333;

	font-family: "微软雅黑";

	text-transform: uppercase;

	margin-bottom:10px;



	}	

.bt1-dh{

	float:right;

	width: auto;

	height: auto;

	text-align: right;

	margin-top:16px;

	}	

	

	

.top-3{

  width: 1200px;

  height: 30px;



}

.top-2{

  float:left;

  width: 100%;

  height: 30px;

  font-size: 14px;

  color: #333;

  line-height: 28px;

}

.top-1{

	width: 100%;

	height:187px;

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

}

.bt1-wz{

float:left;

	width: 380px;

	height: auto;

	color: #333333;

	padding-top:10px;

	}



.bt1-wz1{

	width: 380px;

	height:62px;

	font-size: 42px;

	font-weight: bold;

	color: #fff;

	}







.H_menu_bg{

	height: 133px;

	width: 100%;

	font-weight: bold;

	position:absolute;

	z-index:999999;

	top:0px;

	left:0px;

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

	background-repeat: no-repeat;

	background-position: center top;

}

.H_menu1{ float:right; width: 836px;}

.H_menu{ width: 836px; margin: 0 auto;}

.H_menu a{

	float: left;

	height: 103px;

	width: 100px;

	line-height: 100px;

	text-align: center;

	font-size: 16px;

	color:#000;

	background-position: top right;

	background-repeat: no-repeat;

	font-weight: bold;

}

.H_menu a:hover{

	background-image: url(../images/jg.png);

	background-position: center center;

	background-repeat: no-repeat;

	color: #000;

}

.H_menu a:visited{ background-position: top center; background-repeat: no-repeat; }

.H_menu_hover{ 

	background-image: url(../images/jg.png);

	background-position: center center;

	background-repeat: no-repeat;

	color: #000;



 }

	.lijj-l02{

	float:left;

	width:395px;

	height:auto;

	margin:0px auto;



	}

/*END TOP*/ 





/*menu*/

.h-menu-bg{

  width: 100%;

  height: 50px;

  background-color: #ff0000;

}

.h-menu{

  margin: 0 auto;

  width: 1160px;

  height: 50px;

}

.h-menu a{

  display: block;

  float: left;

  width: 145px;

  height: 50px;

  line-height: 48px;

  font-size: 17px;

  text-align: center;

  color: #fff;

}

.h-menu a:hover{

	background-color: #ff7b19;

}

.h-menu-hover{

  background: url(../images/menu-bg1.jpg) bottom center no-repeat;

}

/*end menu*/ 

/*lihan 样式*/ 

.ys-1r{

	float:right;

	width: 160px;

	height: auto;

	margin-top:30px;

}

.ys-1{

	float:left;

	width: 160px;

	height: auto;

	margin-right:150px;

	margin-top:30px;

}

.ys-2{

	width: 160px;

	height: 160px;

	

}

.ys-wz{

	width: 160px;

	height: 40px;

	color: #333;

	line-height: 40px;

	font-size: 17px;

	text-align: center;

	font-weight: bold;

}

.fl1{

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding-top:30px;

	padding-bottom:30px;

	background-color: #f5f5f5;

	margin-top:30px;

}

.fl2{

	width: 100%;

	height: 195px;

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

	background-repeat: no-repeat;

	background-position: center top;

	margin-top:30px;

}

.fl31{

  float:left;

  width: 520px;

  height: auto;

  margin-top:10px;

}

.fl3{

  width: 520px;

  height: auto;

    margin-top:20px;

}



.fl4{

float:left;

	width: 540px;

	height:auto;

	margin-left:30px;

}



.fl5q{

    float:left;

	width: 666px;

	height: auto;

}

.fl5{

    float:left;

	width: 666px;

	height: auto;

	margin-left:20px;

	margin-top:30px;	

}

.fl6{

    float:left;

	width: 290px;

	height: 50px;

	border:1px solid #FFFFFF;

	font-size: 26px;

	line-height: 50px;

	color: #fff;

	text-align:center;

	margin-right:30px;

}

.fl7{

	width: 80px;

	height: 3px;

	margin: 0 auto;

	background-color: #333333;

}

.flwz{

	float:right;

	width: 455px;

	height: 96px;



}

.flwzs{

	width: 455px;

	height: 50px;

	overflow: hidden;

	font-size: 36px;

	line-height: 50px;

	color: #fff;

	font-weight: bold;

	margin-top:30px;

	

}

.flwzx{

	width: 525px;

	height: auto;

	font-size: 16px;

	line-height: 30px;

	color: #fff;

	text-transform: uppercase;

}

.wz{

	width: 277px;

	height: 25px;

	margin: 0 auto;

}

.wz1{

	width: 946px;

	height: 56px;

	margin: 0 auto;

	font-family: "微软雅黑";

	font-size: 28px;

	line-height: 56px;

	color: #333333;

	text-align: center;

	text-transform: uppercase;

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

	background-repeat: no-repeat;

	background-position: center top;

	font-weight: bold;

}

.wz2r{

	float:right;

	width:825px;

	height: auto;

}

.wz2{

	width: 100%;

	height: auto;

	font-family: "微软雅黑";

	font-size: 24px;

	line-height: 60px;

	color: #fff;

	margin-top:10px;

	font-weight: bold;

	text-transform: uppercase;

}

.wz3{

	float:left;

	width: 54px;

	height: 2px;

	background-color: #FFFFFF;

}





.hx{

	width: 140px;

	height: 3px;

	margin: 0 auto;

	background-color: #333333;	

}

.f-content1{

	width: 100%;

	height:50px;

	background-color: #e8e8e8;

}

.fwz1{

	width: 1100px;

	height: auto;

	margin: 0 auto;

	font-family: "微软雅黑";

	font-size: 16px;

	line-height: 50px;

	color: #333;

}

.hx1{

	width: 100%;

	height: auto;

	margin: 0 auto;

	background-color: #fec711;

	padding-bottom:30px;

	padding-top:30px;

	margin-top:30px;	

}

.hx2{

	float:left;

	width: 141px;

	height: 158px;

	margin-right:20px;

}



.hx2z{

	float:left;

	width: 22px;

	height: 26px;

	margin-top:3px;

	margin-right:5px;

}



.hx2r{

	float:right;

	width: 900px;

	height:auto;

}

.hx2r-1{

	width: 920px;

	height:auto;

	color:#ff0000;

	line-height:60px;

	font-size:36px;

	font-weight: bold;

}

.hx2r-2{

	float:left;

	width: 560px;

	height:auto;

}

.hx2r-dh{

	float:left;

	width: 29px;

	height:31px;

	margin-top:5px;

}

.hx2r-3{

	float:left;

	width: 520px;

	height:auto;

	line-height:40px;

	font-size:23px;

	font-weight: bold;

	color:#333;

}



.more{

	display: block;

	margin-top:10px;

	width: 280px;

	height: 45px;

}

.more a{

	display: block;

	width: 280px;

	height: 45px;

	font-size: 18px;

	color: #fff;

	text-align: center;

	line-height: 45px;

	border-radius:5px;

	background-color: #ffae00;

	font-weight: bold;

	text-transform: uppercase;

}

.more a:hover{

	color: #fff;



}



.more2{

    float:left;

	display: block;

	margin-top:20px;

	width: 175px;

	height: 45px;

}

.more2 a{

	display: block;

	width: 175px;

	height: 45px;

	font-size: 24px;

	color: #fff;

	text-align: center;

	line-height: 45px;

	border-radius:8px;

	background-color: #ec141c;

	font-weight: bold;

	text-transform: uppercase;

}

.more2 a:hover{

	color: #fff;



}

/*middle*/

    /*所有标题*/

	.h-tityw1{

	float:right;

	width: 617px;

	height: auto;

	margin-top:90px;

	font-size: 17px;

	line-height: 38px;

	font-weight: bold;

	color: #FFFFFF;

}

.h-tityw1 p {font-size: 17px;

	line-height: 38px;

	font-weight: bold;

	}

.h-tit01{

	width: 487px;

	margin: 0 auto;

	overflow: hidden;

	margin-top:30px;

}



.h-tit01 h2{

  width: 100%;

  height: 60px;

  font-size: 34px;

  color: #e81e27;

  text-align: center;

  font-weight: bold;

  letter-spacing: 0px;

  text-transform: uppercase;

  letter-spacing: 0px;

  margin-top:10px;

  line-height:60px;

}

.h-tit01 p{

  display: block;

  width: 100%;

  height: 28px;

  font-size: 18px;

  color: #252424;

  text-align: center;

  letter-spacing: 0px;

}

.h-tit01 span{

  display: block;

  font-size: 18px;

  color: #575757;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 0px;

}



    /*end所有标题*/

.h-proc1{

  width: 1220px;

  height: auto;

  margin: 0 auto;

  padding:15px 5px 15px 15px;

}

.h-proc1 a{

	display: block;

	float: left;

	margin-right: 8px;

	margin-bottom: 8px;

	width: 163px;

	height: 40px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	border-radius: 5px;

	background-color: #e81e27;

}

.h-proc1 a:hover{

	color: #FFFFFF;

	background-color: #333333;

}

.h-proc1-hover{

	background-color: #ff0000 !important;

}




.propt{ width:1000px; float:left; text-align:center;}
.propt ul{ margin:0px; padding:0px;}
.propt ul li{ width:160px; height:40px; line-height:40px; float:left; background:#FF0000; text-align:center; margin-left:5px;}
.propt ul li a{color:#FFFFFF; font-family:"微软雅黑"; font-size:16px;  text-align:center; margin:0 auto;}
.h-m1{

	width: 100%;

	height: auto;

	background-color: #f2f2f2;

	padding-bottom:30px;

}

.h-m2{

  width: 100%;

  height: 301px;

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

}





.h-m2-2{ 

  width: 100%;

  height: auto;

  margin-top:10px;

}

.h-m2-2 .h-about{

  width: 100%;

  height: 140px;

  font-size: 16px;

  color: #333;

  line-height: 180%;

  overflow: hidden;

  letter-spacing: 0px;

}

.h-m2-2 .h-about p{

  font-size: 15px;

  color: #F5F5F5;

  line-height: 180%;

  letter-spacing: 0px;

}

.more1{

	display: block;

	margin-top:20px;

	width: 180px;

	height: 37px;

}

.more1 a{

	display: block;

	width: 180px;

	height: 37px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 35px;

	border-radius:5px;

	background-color: #ffae00;

}

.more1 a:hover{

	width: 180px;

	height: 37px;

	color: #fff;



}

.h-m2-3 .b-img{

  width: 100%;

  height: 326px;

  background-color: #ebebeb;

  overflow: hidden;

}

.h-m2-3 .b-img .bh-img{

  margin-top:8px;

  margin-left:8px;

  width: 466px;

  height: 310px;

  overflow: hidden;

  background-color: #fff;

}

.h-m2-3 p{

  display: block;

  margin-top:15px;

  font-size: 18px;

  color: #fff;

  line-height: 160%;

}



.h-news01-tit{

  width: 100%;

  height: 113px;

  font-size: 16px;

  color: #555;

  line-height: 113px;

  text-align: right;

  letter-spacing: 0px;

}

.h-news01{

  float: right;

  width: 810px;

  height: auto;

}

.h-news01 li{

  margin-bottom: 23px;

  width: 100%;

  height: 80px;

  overflow: hidden;

}

.h-news01 li .l01{

  float: left;

  width: 92px;

  height: 80px;

  border-right: 3px solid #555555;

}

.h-news01 li .l01 .n-day{

  width: 100%;

  height: 57px;

  font-size: 45px;

  color: #555;

  text-align: center;

  line-height: 57px;

  font-family: "Impact";

  letter-spacing: 0px;

}

.h-news01 li .l01 .n-month{

  width: 100%;

  font-size: 15px;

  color: #555;

  text-align: center;

  letter-spacing: 0px;

}

.h-news01 li .r01{

  float: right;

  width: 690px;

  height: auto;

}

.h-news01 li .r01 a h2{

  display: block;

  width: 100%;

  height: 36px;

  font-size: 16px;

  color: #555;

  letter-spacing: 0px;

  transition: all 0.3s ease-in-out;

}

.h-news01 li:hover .r01 a h2{

	color:#fe0000;

}

.h-news01 li .r01 p{

  display: block;

  width: 100%;

  height: 36px;

  font-size: 14px;

  color: #555;

  letter-spacing: 0px;

  line-height: 130%;

  overflow: hidden;

}

/*end middle*/



/*bottom*/

.h-foot-bg{

	width: 100%;

	height: 368px;

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

	background-repeat: no-repeat;

	background-position: center top;

}

.h-foot-zi1{

  width: 100%;

  height: 130px;



  letter-spacing: 0px;

}



.h-foot-zi2{

	float:left;

	width: 315px;

	margin-top:30px;

	margin-left:20px;

}



.h-foot-zi3{

	float:left;

	width: 315px;

	height: 120px;

	letter-spacing: 0px;

	background-color: #df0000;

}

.h-foot-zi4-2{

	float:left;

	width: 300px;

	height: auto;

	}

.h-foot-zi4-1{

	float:left;

	width: 440px;

	height: auto;

	}

.h-foot-zi4-wz{

	width: 300px;

	height: auto;

	font-size:18px;

	color:#FFFFFF;

	line-height:40px;

		margin-left:20px;

		margin-top:20px;

	}	

.h-foot-zi4-hx{

	width: 60px;

	height: 2px;

	background-color: #FF0000;

		margin-left:20px;

	}	

.h-foot-zi4{

	width: 420px;

	height: auto;

	letter-spacing: 0px;

	margin-top:20px;

	margin-left:20px;

	font-size: 16px;

	line-height: 30px;

	color: #E6E6E6;

	margin-right:30px;

	font-family: "微软雅黑";

}

.h-foot-rx{

	width: 300px;

	height: auto;

	letter-spacing: 0px;

	margin-top:20px;

	margin-left:20px;

	font-size: 16px;

	line-height: 30px;

	color: #E6E6E6;

	margin-right:30px;

	font-family: "微软雅黑";

}

.h-foot-wz{

	float:left;

	width: auto;

	height: 260px;

	font-size: 16px;

	color: #FFFFFF;

	font-family: "微软雅黑";

	line-height: 30px;

	margin-top:50px;

	border-right:1px solid #bfbfbf;

}



.h-foot-wz1{

	float:left;

	width: 315px;

	height: 60px;

	letter-spacing: 0px;

	background-color: #df0000;

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	font-family: "微软雅黑";

	line-height: 60px;

	text-align: center;



}

.h-link{

  margin:0 auto;

  width: 1200px;

  height: 50px;

}

.h-link h3, .h-link a{

  display: block;

  float: left;

  padding-right: 15px;

  font-size: 14px;

  color: #2b2b2b;

  line-height: 45px;

}



.h-foot-ewm{

  float: left;

  width: 620px;

  margin-left:30px;

  margin-top:20px;

  

}



.h-foot-ewm1{

  float: right;

  width: 140px;

  height:104px;

  margin-top:20px;

  margin-right:30px;

  

}

.h-foot-ewm .f-zi1{

  float: left;

  width: 620px;

  height: 50px;

  border-bottom:1px solid #bfbfbf;

    color: #fff;

	  font-size: 16px;

}

.h-foot-ewm .f-zi1 p{

  display: block;

  margin-left: 14px;

  width: 620px;

  font-size: 16px;

  color: #fff;

  letter-spacing: 0px;

  line-height: 110%;

}

.h-foot-ewm .f-zi2{

  float: left;

  width: 620px;

  height: 50px;

  color: #fff;

    font-size: 16px;

}

.h-foot-ewm .f-zi2 p{

  display: block;

  margin-left: 14px;

  width: 620px;

  font-size: 16px;

  color: #fff;

  letter-spacing: 0px;

  line-height: 110%;

}

.f-content{

	width: 100%;

	height:50px;

	line-height:50px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	background-color: #ef0000;

}

.f-content p, .f-content p a .f-content a{

  font-size: 15px;

  color: #fff;

  line-height: 170%;

  text-align: right;

  letter-spacing: 0px;

}



/*end bottom*/



/*滚动产品图片样式*/

.h-pro-gun01 li{

	float: left;

  margin-right: 19px;

  margin-bottom: 30px;

  width:300px;

  height: 330px;

  border: 1px solid #313131;

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro-gun01 li:hover{

	border: 1px solid #505050;

}

.h-pro-gun01 li .tu{

	margin-top: 10px;

	margin-left: 10px;

	width: 280px;

	height: 205px;

	padding:0px;

	border:0px solid #434343;

	background-color: #e5e5e5;

	overflow: hidden;

}

.h-pro-gun01 li .tu img{

  -webkit-transform: scale(1, 1); 

  -moz-transform: scale(1, 1); 

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro-gun01 li:hover .tu img{

  -webkit-transform: scale(1.1, 1.1); 

  -moz-transform: scale(1.1, 1.1); 

  transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.6s ease-out; 

  -moz-transition: all 0.6s ease-out; 

  transition: all 0.6s ease-out;

}

.h-pro-gun01 li .p1-t{

	margin:0 auto;

	height: 32px;

}



.h-pro-gun01 li .p1-t a h3{

	float: left;

  display: block;

  height:32px;

	line-height: 32px;

  font-size: 15px;

  color: #fff;

  text-align: center;

  letter-spacing: 0px;

	text-indent: 10px;

}

.h-pro-gun01 li .p1-t p{

	display: block;

	float: right;

	width: 86px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	text-indent: 25px;

	font-size: 16px;

	color: #fff;

}

.h-pro-gun01 li:hover .p1-t a h3{

	color: #fff;

}

.h-pro-gun01 li .dianhu{

	margin-top:14px;

    width: 300px;

    height: auto;

}

.h-pro-gun01 li .dianhu p{

	display: block;

	padding:2px 0px 2px 0px;

    font-size: 14px;

    color: #5b5b5b;

    letter-spacing: 0px;

	transition: all 0.3s ease-out;

   	

}



.h-pro-gun01 li .dianhu span{

	display: block;

	padding:2px 0px 2px 0px;

    font-size: 15px;

    color: #5b5b5b;

    letter-spacing: 0px;

	transition: all 0.3s ease-out;

   	

}







/*滚动产品图片样式*/



.h-pro-gun02 li{

  margin-right: 19px;

  margin-bottom: 30px;

  float: left;

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro-gun02 li .tu{

	height: 172px;

	background-color: #e5e5e5;

	border:1px  solid #fff;

	overflow: hidden;

}

.h-pro-gun02 li .tu img{

  -webkit-transform: scale(1, 1); 

  -moz-transform: scale(1, 1); 

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro-gun02 li:hover .tu img{

  -webkit-transform: scale(1.1, 1.1); 

  -moz-transform: scale(1.1, 1.1); 

  transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.6s ease-out; 

  -moz-transition: all 0.6s ease-out; 

  transition: all 0.6s ease-out;

}

.h-pro-gun02 li a h3{

  margin-top:0px;

  display: block;

	width:235px;

  height: 40px;

	line-height: 40px;

  font-size: 16px;

  color: #333;

  text-align: center;

  letter-spacing: 0px;

	

}



/*首页产品*/

.h-pro01{

  width: 1200px;

  height: auto;

  overflow: hidden;

}

.h-pro01 ul{

  width:1300px;

}

.h-pro01 ul li{

	float: left;

	margin-right: 18px;

	margin-bottom: 25px;

	width: 300px;

	height: 330px;

	border: 1px solid #e5e5e5;

	background-color: #FFFFFF;

}

.h-pro01 ul li:hover{

  border:1px solid #e81e27;

  background-color: #ffffff;

}

.h-pro01 ul li .tu{

  margin-top:11px;

  margin-left:11px;

  width: 280px;

  height: 205px;

  overflow: hidden;

}

.h-pro01 ul li .tu img{

 width: 280px;

  height: 205px;

  -webkit-transform: scale(1, 1); 

  -moz-transform: scale(1, 1); 

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro01 ul li:hover .tu img{

  -webkit-transform: scale(1.1, 1.1); 

  -moz-transform: scale(1.1, 1.1); 

  transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.6s ease-out; 

  -moz-transition: all 0.6s ease-out; 

  transition: all 0.6s ease-out;

}

.h-pro01 ul li a h3{

  margin-top:5px;

  margin-left:11px;

  display: block;

  width: 280px;

  height: 32px;

  background-color: #999999;

  font-size:16px;

  color: #fff;

  text-align: center;

  line-height: 32px;

}

.h-pro01 ul li:hover a h3{

  background-color: #e81e27;

  color: #fff;

}

.h-pro01 ul li .dianhu{

  margin-top:15px;

  margin-left:15px;

  width: 249px;

  height: auto;

}

.h-pro01 ul li .dianhu p{

  width: 100%;

  height: 22px;

  font-size: 14px;

  color: #333;

}

.h-pro01 ul li .dianhu span{

  width: 100%;

  font-size: 14px;

  color: #333;

}







.pro-gun07 {

  width: 1300px;

  height: auto;

  overflow: hidden;

}



.pro-gun07 li {

  float: left;

  margin-right: 25px;

  width: 403px;

  height: 440px;

}



.pro-gun07 li .tu01 {

  position: relative;

  width: 300px;

  height: 223px;

  overflow: hidden;

}



.pro-gun07 li .tu01 {

  position: relative;

  width: 403px;

  height: 314px;

  overflow: hidden;

}



.pro-gun07 li .tu01 img {

  width: 403px;

  height: 314px;

}



.pro-gun07 li .tu01 .uptit {

  position: absolute;

  left: 18px;

  top: 0px;

  z-index: 100;

  width: 42px;

  height: 79px;

  background: url(../images/pro-up-bg.png) top left no-repeat;

  transition: all 0.3s ease-out;

}



.pro-gun07 li .tu01 .uptit p {

  display: block;

  padding-top: 3px;

  width: 100%;

  text-align: center;

  font-size: 22px;

  color: #fff;

  font-weight: bold;

  lighting-color: 100%;

}



.pro-gun07 li .tu01 .up-p {

  display: block;

  position: absolute;

  bottom: -60px;

  left: 0px;

  z-index: 20;

  padding: 15px 10px;

  width: 100%;

  background: url(../images/pro-bg1.png);

  overflow: hidden;

  transition: all 0.3s ease-out;

}



.pro-gun07 li:hover .tu01 .up-p {

  bottom: 0px;

}



.pro-gun07 li .tu01 .up-p .yuan {

  float: left;

  margin-top: 2px;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  border: 3px solid #fff;

}



.pro-gun07 li .tu01 .up-p .content1 p {

  display: block;

  float: left;

  width: 350px;

  height: 22px;

  font-size: 15px;

  color: #fff;

  text-indent: 15px;

  overflow: hidden;

}



.pro-gun07 li .pc1-tit {

  position: relative;

  margin-top: 19px;

  overflow: hidden;

  height: 110px;

}



.pro-gun07 li .pc1-tit .pname {

  width: 100%;

  height: 33px;

  border-bottom: 1px solid #bfbfbf;

}



.pro-gun07 li .pc1-tit .pname a h3 {

  float: left;

  display: block;

  width: 360px;

  height: 21px;

  font-size: 17px;

  color: #000;

  overflow: hidden;

}



.pro-gun07 li .pc1-tit .pname img {

  display: block;

  float: right;

}



.pro-gun07 li .pc1-tit .content1 {

  position: absolute;

  top:44px;

  left:0px;

  width: 100%;

  height: 100px;

  transition: all 0.3s ease-out;

}



.pro-gun07 li:hover .pc1-tit .content1 {

  top:-50px;

}



.pro-gun07 li .pc1-tit .content1 .yuan {

  float: left;

  margin-top: 2px;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  border: 3px solid #949592;

}



.pro-gun07 li .pc1-tit .content1 p {

  display: block;

  margin-top: 0px;

  width: 376px;

  height: 22px;

  font-size: 16px;

  color: #ff0000;

}



/*手机站样式*/

.img-m{

	text-align:center;

}

.mini-div{

	margin:0 auto;

	max-width:600px;

	height: auto;

	overflow: hidden;

	background-color: #fff;

}

.mini-title{

	width:100%;

	height:50px;

	font-size:18px;

	color:#1a3a83;

	text-align:center;

	line-height:50px;

	}

.mini-class01{

	width:98%;

	margin-left:2%;

	}

.mini-class01 li{

	float:left;

	padding:5px 0px;

	margin-right:1%;

	margin-bottom:1%;

	width:48%;

	/*min-height:30px;*/

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	border:1px solid #666666;

	}

.mini-class01 li a{

	display:block;

	width:100%;

	/*min-height:30px;*/

	font-size:14px;

	color:#666666;

	text-align:center;

	}

.mini-h-about{

	padding:10px;

	font-size:14px;

	text-align:left;

	line-height:170%;

	}

.mini-menu{

	width:100%;

	background-color:#1a3a83;

	padding:10px;

	}

.m-menu{

	width:100%;

	margin:0 auto;

	}

.m-menu a{

	display:block;

	float:left;

	width:24%;

	height:40px;

	font-size:14px;

	color:#fff;

	text-align:center;

	line-height:20px;

	}

.m-fl01{

	width:100%;

	height:auto;

	overflow:hidden;

	}

.m-fl01 a{

	display:block;

	margin-bottom:10px;

	width:19%;

	height:66px;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	}

.m-fl01 a .tu{

	margin:0px;

	padding:0px;

	width:100%;

	height:38px;

	text-align:center;

	}

.m-fl01 a h3{

	display:block;

	marign:0px;

	padding:0px;

	height:15px;

	width:100%;

	font-size:14px;

	text-align:center;

	color:#fff;

	}

.m-fl01-bg01{

	background-color:#0165ba;

	}

.m-fl01-bg02{

	background-color:#fe4351;

	}

.m-fl01-bg03{

	background-color:#ff6f3d;

	}

.m-fl01-bg04{

	background-color:#32b16c;

	}

.m-fl01-l{

	float:left;

	margin-left:5%;

	}

.m-fl01-r{

	float:right;

	margin-right:5%;

	}



.m-tit01{

	margin-bottom:15px;

	width:100%;

	height:40px;

	text-align:center;

	font-size:18px;

	color:#fff;

	line-height:40px;

	background:url(../images/m-tu02.png) no-repeat top center;

	}		

.m-tit01-1{background-color:#fe4351;}

.m-tit01-2{background-color:#ff6f3d;}

.m-tit01-3{background-color:#32b16c;}

.m-tit01-4{background-color:#00b7ee;}

.m-part02{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part02 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #fe4351;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#fe4351;

	font-size:15px;

	}

.m-part02-l{

	margin-right:5%;

	}

.m-part03{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part03 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #ff6f3d;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#ff6f3d;

	font-size:15px;

	}

.m-part04{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part04 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #32b16c;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#32b16c;

	font-size:15px;

	}

.m-part05{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part05 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #00b7ee;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#00b7ee;

	font-size:15px;

	}

.m-part06{

	width:100%;

	padding:20px 0px 30px 0px;

	border-radius:20px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	background-color:#f51d1d;

	}

.m-part06-1{

	width:80%;

	margin:0 auto;

	}

.m-part06-1 a{

	display:block;

	width:100%;

	height:auto;

	font-size:14px;

	color:#fff;

	border-bottom:1px solid #fff;

	}



.ny-readid{

	width:100%;

	background-color:#efefef;

	height:auto;

	padding:15px 0px;

	overflow:hidden;

	}

.ny-readid .tiao001{

	width:90%;

	height: auto;

	margin:0 auto;

	font-size:14px;

	color:#333;

	}

.ny-readid .tiao001 a{

	color:#09C;

	}



.mini-top{overflow: hidden;}

.mini-top img{ display: block;}

/*menu1*/

.mini-menu-bg{

	padding: 5px 0px 5px 0px;

	width:100%;

	height: auto;

	background-color: #262a2d;

}

.mini-menu1{

	width:100%;

	display: flex;

	flex-direction: row;

	flex-wrap:wrap;

	justify-content: space-around;

	align-items:center;

}

.mi-menu1{

	width:23%;

	height: 30px;

	background-color:#f8bf00;

	margin:5px 0 5px 0px;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

}

.mi-menu1 a{

	display: block;

	font-size:14px;

	text-align: center;

	line-height: 30px;

	color:#000;

}

/*标题1*/

.m-tit02{

	width:100%;

	height: 88px;

	background: url(../images/mini-tit-bg.jpg) no-repeat top center;

	font-size:20px;

	line-height: 110px;

	text-align: center;

	color: #887b5a;

	overflow: hidden;

}

.m-tit03{

	margin: 0 auto;

	width:90%;

	height: 36px;

	font-size:20px;

	line-height: 36px;

	text-align: center;

	color: #000;

	background-color: #f8bf00;

	overflow: hidden;

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

}



.img-m img {

    margin: 0 auto;

}



.h-news{

margin-top:20px;

  width: 1200px;

  height: auto;

  overflow: hidden;

}

.h-news ul{

  width: 1300px;

}

.h-news ul li{

	float: left;

	margin-right: 57px;

	width: 363px;

	height: 460px;

	background-color: #FFFFFF;

}

.h-news ul li .tu{

  width: 363px;

  height: 240px;

}

.h-news ul li a h4{

  margin-top:15px;

  display: block;

  width: 100%;

  font-size: 16px;

  color: #000;

  text-align: center;

  line-height: 150%;

  overflow: hidden;

}

.h-news ul li:hover a h4{

  color: #c70000;

}

.h-news ul li p{

	width:95%;

	display: block;

	margin-top:17px;

	height: 80px;

	font-size: 15px;

	color: #8d8d8d;

	text-align: center;

  margin-bottom:20

  line-height: 100%;

	letter-spacing: 0px;

	overflow: hidden;

	line-height: 24px;

}

.h-news ul li .more a{

  margin: 0 auto;

  display: block;

  width: 114px;

  height: 30px;

  border: 1px solid #c70000;

  text-align: center;

  line-height: 30px;

    margin-top:20px;

  color: #c70000;

  -webkit-transition: all 0.2s ease-out; 

  -moz-transition: all 0.2s ease-out; 

  transition: all 0.2s ease-out;

}

.h-news ul li:hover .more a{

  width: 100%;

  margin-top:20px;

  background-color: #c70000;

  color: #fff;

  -webkit-transition: all 0.3s ease-out; 

  -moz-transition: all 0.3s ease-out; 

  transition: all 0.3s ease-out;

}





.shigong{

	width: 1170px;

	height: auto;

	margin: 0 auto;

	font-weight: bold;

	margin-top:20px;

	margin-bottom:30px;



	}

.lu_xinwen{width:1200px;margin:0 auto;height:auto;}

.lu_xinwen ul{}

.lu_xinwen ul li{ float:left; margin:8px; width:580px;}

.lu_xinwen .pic{ float:left; width:215px; height:134px;}

.lu_xinwen .con{float:right;padding:7px;width:345px;height:114px;}

.lu_xinwen .bt{ height:44px;  background:url(../images/Imgline.jpg) no-repeat left bottom;  font-size:18px; text-align:left;}

.lu_xinwen .bt a{ font-size:16px; color:#000000;}

.lu_xinwen .intro{font-size:13px;color: #000000;line-height:20px;}

.lu_xinwen .intro a{ font-size:13px; color:#000000; line-height:20px;}	

	



.leftxw{ width: 510px; height: auto; float: left;}

.rihgtxw{ width: 660px; height: auto; float: right;}

.h-m6-news01{

  margin-top:47px;

  height: auto;

  width: 100%;

  

}

.h-m6-news01 .l01{

  float: left;

  width: 510px;

  height: 255px;

  overflow: hidden;

}

.h-m6-news01 .r01{

  float: left;

  width: 495px;

  height: auto;

  background-color: #f7f7f7;

}

.h-m6-news01 .r01 a h3{

  display: block;

  width: 98%;

  height: 50px;

  font-size: 18px;

  color: #000000;

  line-height: 50px;

  overflow: hidden;

  text-align: center;

}

.h-m6-news01 .r01:hover a h3{

  color: #d90000;

}

.h-m6-news01 .r01 p{

  display: block;

  height: 135px;

  line-height:30px;

  font-size: 15px;

  color: #585858;

  overflow: hidden;

  width: 95%;

  padding-left: 10px;

}

.h-m6-news01 .r01 .more a{

  margin-top:10px;

  display: block;

  width: 150px;

  height: 30px;

  border: 1px solid #d90000;

  color: #d90000;

  line-height: 30px;

  text-align: center;

  font-size: 15px;

  text-transform: uppercase;

  border-radius: 30px;

  -webkit-border-radius:30px;

  -moz-border-radius:30px;

  margin-left: 150px;

  margin-bottom: 30px;

}

.h-m6-news01 .r01:hover .more a{

  background-color: #d90000;

  color: #fff;

  margin-left: 150px;

  margin-bottom: 30px;

}





.newslist1{width:660px; }

.xwcon{ width: 660px;border-bottom:1px dotted #ccc; margin-bottom:10px; padding-top:20px; overflow:hidden;}

.xwcon:hover{ background-color:#f2f2f2;}

.xwcon .date{ float: left; width: 80px; height: 80px; font-family:"华文细黑"; font-size:60px;color: #fff; text-align: center; line-height: 80px; background-color:#008cd6;}

.xwcon .connr{ float:right;  width:563px; height: 100px; margin-left:15px;}

.xwcon .connr h1{  margin: 0px; padding: 0px; border: none; font-size: 18px; color: #5bc4bf; text-align: left; }

.xwcon .connr h1 a{ color: #666;font-size:18px; font-weight: normal; }

.xwcon .connr p{ color: #9B9B9B; font-size: 14px; line-height: 22px;  }

.xwcon .connr p a{ color: #9B9B9B;}



.xwcon:hover .date{ float: left; width: 80px; height: 80px; font-family:"华文细黑"; font-size: 60px; 

    color: #000; text-align: center; line-height: 80px; background-color:#fff802;}

.xwcon:hover .connr h1 a{ color: #505050;font-size:18px; font-weight: normal; }





	



/*固定在底部*/



.fotheight{ height:50px;}

.fotfixed{ position:fixed; bottom:0; width:100%; max-width:640px; border-top: 1px solid rgba(255,255,255,0.2);height: 50px; background-color: #353535;}

.footerWrap{ width:98%; margin:0 auto; padding-left:3%; padding-top:6px;}

.footerWrap li{ float:left; width:24%; height:44px;     border-right: 1px solid rgba(255,255,255,0.2); position:relative;}

.footerWrap li:last-child{ border:0;}

.footerWrap .text{ display:block; color:#fff; text-align:center; font-size:12px; line-height:20px;}

.footerWrap .icon{ width: 30px; height: 20px; display: block; background: url(../images/common.png) no-repeat; background-size: 400px; margin: 4px auto 0 auto;position: relative;}

.footerWrap .tel{background-position: -90px -110px;}

.footerWrap .email{    background-position: 0 -110px;}

.footerWrap .qq{    background-position: -360px -109px;}

.footerWrap .map{background-position: -120px -110px;}

.footerWrap .share{    background-position: -60px -110px;}

.footerWrap .message{background-position: -30px -110px;}



.sharebox{ display:none; position:absolute; width:242px; height:52px; left:-120px; top:-52px; background:#fff; padding:5px 0 5px 10px; border-radius:5px; border:1px solid #ccc;}



/*end 手机站样式*/



/*手机banner轮播*/

.banner{width:100%}

.banner img{display:block;width:100%}

.swipe{width:100%;overflow:hidden;position:relative;}

.swipe{

	-webkit-transition:left 800ms ease-in 0;

	-moz-transition:left 800ms ease-in 0;

	-o-transition:left 800ms ease-in 0;

	-ms-transition:left 800ms ease-in 0;

	transition:left 800ms ease-in 0;

}

.swipe #pagenavi{position:absolute;left:0px;bottom:0px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}

.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}

.swipe #pagenavi a.active{background:#ff0;  position:relative;}