* {
	margin: 0 auto;
	padding: 0;
}

body {
	font-family: microsoft yahei;
	color: #666;
	font-size: 13px;
	min-width: 1200px;
}

a {
	color: #666;
	text-decoration: none;
	transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}
a:hover{ color: #d6191f;}

img {
	border: none;
	transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}

ul,li {
	list-style: none;
}

.clear {
	clear: both;
}

p {
	margin: 0 auto;
	padding: 0;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.padding20 {
	padding: 20px;
}

.padding30 {
	padding: 30px;
}

.padding40 {
	padding: 40px;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.paddingright {
	padding-right: 10px;
}

.paddingleft {
	padding-left: 10px;
}

.undis {
	display: block;
}

.dis {
	display: none;
}

.pr5 {
	padding-right: 25px;
}

.red {
	color: #f00;
}

.fff {
	color: #fff;
}

input,textarea {
	font-family: microsoft yahei;
}

submit {
	font-family: microsoft yahei;
}

#warp {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}


#home .home a,
#about .about a,
#news .news a,
#baike .baike a,
#products .products a,
#zhaoshang .zhaoshang a,
#contact .contact a{ background: #d6191f; color:#fff;}

#products .products  ul a{ color: #666; background:none;}
#products .products  ul a:hover{  color: #d6191f;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../image/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

.Topbg{ width: 100%; height: 32px; line-height: 32px; background:#f7f7f7; }
.Top{ width: 1200px; height: 32px; overflow: hidden; }
.Top i{ padding-right: 5px; font-size: 16px; line-height: 32px; }
.Top a{ padding: 0 10px;}
.Top span img{ padding-right:10px;}

.headerbg{ width: 100%; height: 116px;  background: #FFFFFF;  position: relative;}
.header{ width: 1200px; height: 116px; position:relative;}
.Hcode{ position:absolute; right:17px; bottom:0; line-height:36px; height:36px;}
.header .logo{ width: 206px; height: 116px; float: left;}
.header .logo a{ width: 206px; height: 116px; display: inline-block; background: url(../image/logo.jpg) no-repeat center;}
.navigation{ float: right; width: 700px; height: 116px; line-height: 116px; }
.navigation li{ float: left; width: 100px; text-align: center; font-size: 16px;}
.navigation li a{ padding:5px 15px; border-radius: 20px;}
.navigation li a:hover{ background: #d6191f; color:#fff;}
.navigation li:hover .Hpronav{ display: block;}

.header li:hover .second{ display:block;}
.header li .second{ width:100%;  display: none;   position:absolute; z-index:999999; top:116px; left:0; text-align: center;}
.header li .second a{ width:120px; height: 150px; text-align:center; font-size:14px; padding: 0 10px; display: inline-block;  }
.header li .second a span{ display:block; width:120px; height:80px; overflow:hidden}
.header li .second a span img{ width:80px; height:80px;  transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.header li .second  a{ line-height:36px; color:#666;}
.header li .second  a p{ height: 70px; line-height: 70px;}
.header li .second  a:hover{ color:#e41300; background:none}
.header li .second  a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2);}
.headerbg .sub_nav {
    width: 100%;
    height: 170px;
    background: #FFFFFF;
    border-bottom:1px solid #ddd;
    position: absolute;
    z-index: 201;
    top: 116px;
    display: none;
}



/* banner */
.banner { width: 100%; height: 527px; overflow: hidden; position: relative; }
.banner .bd { height: 527px; position: relative; left: 50%; margin-left: -960px; }
.banner .bd li { width: 1920px; height: 527px;}
.banner .hd { width: 100%; position: absolute; bottom: 15px; height: 11px; text-align: center; }
.banner .hd ul { height: 15px; overflow: hidden; }
.banner .hd li { background: url(../image/banner_ico.png) no-repeat; width: 11px; height: 11px; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin: 0 8px; border-radius: 50%; }
.banner .hd .on { background:#fff; }


.inProTit{ width: 1200px; overflow: hidden; padding: 35px 0; text-align: center;}
.inProTit h2{  color: #333; height: 50px; line-height: 50px; font-size: 30px;}
.inProTit p{ font-size: 14px; line-height: 23px; padding: 0 28% 15px 28%;}
.inProTit h3{ width: 75px; height: 3px; background: #c2c2c2;}

.inProNav{ width: 1200px; height: 39px; overflow: hidden; text-align: center; line-height: 39px;}
.inProNav a{ display: inline-block; padding: 0 35px; background: #f7f7f7; border-radius: 20px; margin: 0 10px; font-size: 16px;}
.inProNav a:hover{ background: #d6191f; border-radius: 20px; color: #FFFFFF;}
.inProBox{ width: 1200px; height: 437px; overflow: hidden; padding: 35px 0 50px 0;}


.inProNavs{ width: 1200px; height:160px; overflow: hidden; text-align: center; padding:25px 0 50px 0;}
.inProNavs a{ display: inline-block; width:195px; height:160px; overflow: hidden;  font-size: 16px; text-align: center;}
.inProNavs a img{ width:110px; height:110px;}
.inProNavs a p{ width:195px; height:50px; line-height:50px;}

#featureContainer {width: 1200px; height: 437px; overflow: hidden; }
#feature {position: relative;  }
#feature .prev { position: absolute; left: 0; TEXT-INDENT: -9999px; WIDTH: 46px; DISPLAY: block; BACKGROUND:url(../image/feature_left.jpg) center  no-repeat; FLOAT: left; HEIGHT:46px;  TOP:175px; 
}
#feature .next {
	position: absolute; right: 0;
TEXT-INDENT: -9999px; WIDTH: 46px; DISPLAY: block; BACKGROUND:url(../image/feature_right.jpg) center no-repeat; FLOAT: right; HEIGHT: 46px;  TOP:175px; 
}

.featureUL {position: relative;  WIDTH: 2800px;  FLOAT: left;  LEFT: 0px}
.featureBox{ WIDTH: 302px;  FLOAT: left; HEIGHT: 357px; padding: 40px 20px; OVERFLOW: hidden; margin: 0 9px; background: #eaeaea; cursor: pointer; text-align: center;}
.featureBox:hover h4,.featureBox:hover p{ color: #d6191f;}
.featureBox:hover a.inpromore{ color: #FFFFFF; border-color: #de2525; background: #de2525;}
.featureBox img{ width: 302px; height: 302px; }
.featureBox h4{ font-size: 16px; color: #333; font-weight: normal; height: 32px; line-height: 32px; width: 100%; overflow: hidden; }
.featureBox a.inpromore{ display: inline-block; width: 27px; height: 27px; line-height: 27px; font-size: 20px; border: 1px solid #dedede; border-radius: 50%; margin-top: 10px;}

#botton-scroll {Z-INDEX: 0; WIDTH: 1200px; FLOAT: left; HEIGHT: 437px;}
#block {Z-INDEX: 0; POSITION: relative;   WIDTH: 1080px;  HEIGHT: 437px; OVERFLOW: hidden; }


.inZero{ width: 1200px; padding: 20px 0 80px 0; overflow: hidden;}

.inZeroList{ width: 1200px; height: 479px; overflow: hidden; margin-top: 20px;}
.inZeroList dl{ width: 195px; height: 479px; overflow: hidden; float: left; }
.inZeroList dl a{ display: block; width: 195px; height: 479px; color: #666666; }
.inZeroList dl dt{ width: 195px; height: 378px; overflow: hidden; position: relative; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.inZeroList dl dt img{width: 195px; height: 378px; }
.inZeroList dl dt .inZeroShow{ display: none; position: absolute; left: 0; top: 0; width: 155px; height: 338px; padding: 20px; background: url(/templates/main/images/bannerbg.png) repeat; color: #fff; font-size: 14px; line-height: 26px;}
.inZeroList dl a:hover dt .inZeroShow{ display: block; } 
.inZeroList dl dd{ text-align: center; width: 195px; height: 101px; overflow: hidden;}
.inZeroList dl dd h4{ height: 32px; line-height: 32px; font-size: 18px; font-weight: normal; padding-top: 5px;}
.inZeroList dl dd h2{ width: 45px; height: 3px; background: #aaaaaa; margin-top:10px;}
.inZeroList dl dd p{ font-size: 14px; line-height: 32px;}
.inZeroList dl dd h3{ line-height: 32px; font-size: 36px; color: #999999; font-weight: normal; padding-top:30px;}
.inZeroList dl a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2);}

.inABbg{ width: 100%; height: 630px; background: url(../image/inAbbg.jpg) no-repeat center;}
.inABBox{ width: 1200px; height: 513px; padding-top: 60px; overflow: hidden;}
.inABBoxL{ float: left; width: 416px; height: 513px; overflow: hidden;}
.inABBoxL1{ width: 416px; height: 254px; background: #FFFFFF; text-align: center;}
.inABBoxL1 h4{ height: 50px; line-height: 50px; font-size: 24px; color: #333333; font-weight: normal; padding-top: 72px;}
.inABBoxL1 p{ font-size: 16px; line-height: 24px; color: #999;}
.inABBoxL2{ width: 416px; height: 259px; overflow: hidden;}
.inABBoxL2 img{ width: 416px; height: 259px; }

.inABBoxM{ float: left; width: 312px; height: 463px; padding:25px 30px; overflow: hidden; background: #d6191f;}
.inABBoxM h1{ width: 100%; height: 69px;}
.inABBoxM h1 img{ width: 312px; height: 69px;}
.inABBoxM h2{ width: 312px; height: 41px; line-height: 41px; font-size: 20px; margin-top: 6px; background: #fff; text-align: center; color: #d6191f;}
.inABBoxM p{ color: #FFFFFF; font-size: 13px; line-height: 24px; padding-top: 15px;}
.inABBoxM h3{ color: #FFFFFF; font-size: 20px; line-height: 20px; text-align: center; padding-top: 15px;}
.inABBoxM h3 img{ padding-right: 10px; vertical-align: bottom;}

.inABBoxR{ float: left; width: 288px; height:368px; padding: 145px 76px 0 45px; overflow: hidden; background:url(../image/inHonorBg.png) no-repeat;}
.inABBoxRBox{ width: 288px; height: 318px; overflow: hidden;}
.inABBoxRBox .bd{ width: 288px; height: 284px;  overflow: hidden;}
.inABBoxRBox .bd li{ width: 288px; height: 284px; overflow: hidden;}
.inABBoxRBox .bd li img{ width: 288px; height: 216px;}
.inABBoxRBox .bd li p{ width: 288px; text-align: center; height: 68px; line-height: 68px; font-size: 16px;}
.inABBoxRBox .inABBoxRBtn{ width: 288px; height: 34px; overflow: hidden; text-align: center;}
.inABBoxRBox .inABBoxRBtn a{ display: inline-block; width: 34px; height: 34px; margin: 0 10px;}


.innewsbg{ width: 100%; height: 675px; background: url(../image/innewsbg.jpg) no-repeat center;}

.innewsTit{ width: 1200px; overflow: hidden; padding: 50px 0; text-align: center;}
.innewsTit h2{  color: #fff; height: 50px; line-height: 50px; font-size: 30px;}
.innewsTit h3{ width: 75px; height: 3px; background: #fff; margin-top: 10px;}
.innewsBox{ width: 1200px; height: 425px; overflow: hidden; margin-top: 25px; }
.innewsBoxL{ float: left; width: 570px; height: 425px; overflow: hidden;}
.innewsBoxLT{ width: 570px; height: 340px; overflow: hidden;}
.innewsBoxLT img{ width: 570px; height: 340px;}
.innewsBoxLT a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); }
.innewsBoxLB{ width: 550px; height: 75px; padding: 5px 10px; background:#fff; overflow: hidden;}
.innewsBoxLB a{ display: block; width: 100%; height: 32px; line-height: 32px; overflow: hidden;  font-size: 16px;}
.innewsBoxLB a:hover{ color: #d6191f;}
.innewsBoxLB p{ color: #999; line-height: 21px; height: 42px; width: 100%; overflow: hidden;}

.innewsBoxR{ float: right; width: 600px; height: 425px; overflow: hidden;}
.innewsBoxR dl{ width: 600px; height: 84px; overflow: hidden; margin-top: 22px;}
.innewsBoxR dl dt{ float: left; width: 84px; height: 84px; background: #d6191f; text-align: center; color: #FFFFFF;}
.innewsBoxR dl dt h4{ font-size: 24px; line-height: 32px; padding-top: 10px;}
.innewsBoxR dl dt p{ font-size: 14px; line-height: 32px;}
.innewsBoxR dl dd{ float: right; background:#fff; width: 476px; padding: 0 20px; height: 84px; overflow: hidden;}
.innewsBoxR dl dd a{ display: block; width: 100%; height: 32px; line-height: 32px; overflow: hidden;  font-size: 16px;}
.innewsBoxR dl dd p{ color: #999; line-height: 21px; height: 42px; width: 100%; overflow: hidden;}



.footerbg{ width: 100%; height: 50px; padding: 40px 0; background: #f7f7f7;  color: #666; }
.footer{ width: 1200px; height: 50px; overflow: hidden;}
.footerL{ float: left; width: auto; height: 50px; overflow: hidden; font-size: 16px; line-height: 36px;}
.footerWx{ float: left; width: 200px; height: 50px; text-align: center;}
.footerWx img{ width: 132px; height: 132px; padding-top: 10px;}
.footerWx p{ line-height: 30px; width: 100%; font-size: 14px;}
.footerNav{ float: right; width: auto; height: 50px; overflow: hidden;}
.footerNav dl{ float: left; text-align: left; width: auto; height: 50px; padding-left:50px;}
.footerNav dl dt{ color: #666; line-height: 36px; font-size: 16px;}
.footerNav dl dd{ width: 100%; height: auto;}
.footerNav dl dd a{ display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #7f7f7f; }
.footerNav dl dd a:hover{ color: #d6191f;}
.footerinfobg{ width: 100%; height: auto; background: #dedede;}
.footerLinks{ width: 1200px; height: 54px; line-height: 54px; border-bottom: 1px solid #f0f0f0;}
.footerLinks a{ padding-right: 15px;}
.footercopy{ width: 1200px; height: auto; line-height: 40px; text-align: center;}

.banner2{ width: 100%; height: 300px;}
.wzbg{ background: #f8f8f8; width: 100%; height: 38px;}
.wz{ width: 1200px; height: 38px; line-height: 38px; overflow: hidden;}
.main{ width: 1200px; height: auto; padding: 20px 0; }
#lm_hover{ background: #d6191f; color: #FFFFFF;}

.conBoxMap{ width:1200px; height:350px;}
.abinfo{ width: 1200px; height: auto; padding: 25px 0; font-size: 14px; line-height: 26px; overflow: hidden;}
.abList{ width: 1200px; height: auto; padding: 25px 0; font-size: 14px; line-height: 26px; overflow: hidden;}
.abList li{float: left; width: 270px; height: 310px; overflow: hidden; overflow: hidden; text-align: center;  float: left; margin:0 15px; position: relative;}
.abList li img{ width: 270px; height: 270px; }
.abList li p{ width: 100%;  text-align: center; height: 55px; line-height: 55px; font-size: 14px; color: #666;}
.abList li a{ display: block; width: 270px; height: 270px; }
.abList li .inhmore{ position: absolute; display: none;  width: 270px; height: 190px;  left: 0; top: 0; background: url(../image/imageEffetc_mask.png) no-repeat center;}
.abList li a:hover .inhmore{ display: block;}

.form_box dl{width: 800px; height: auto;}
.form_box dl dt{display:block;width:800px; height:40px; line-height: 40px; font-size: 16px;}
.form_box dl dt em{color:#FF0000;font-style:normal; width: 20px;}
.form_box dl dd{ width: 800px; height: 40px; margin-bottom:20px}
.form_box dl dd i{display:block;line-height:28px;color:#999;font-size:12px;font-style:normal;}
.form_box dl dd em{line-height:28px;color:#999;font-size:12px;font-style:normal;}
.form_box dl dd .btn_submit{padding:10px 50px;border:1px solid #d6191f;background:#d6191f;color:#fff;font-size:14px;line-height:1em;cursor:pointer;font-family:'Microsoft YaHei';}

.form_box dl input.txt{width:780px; padding: 0 10px; box-sizing: border-box; height: 40px; line-height: 40px; border: 1px solid #ddd;}
.form_box dl dd .txtex{width:780px; padding: 10px; box-sizing: border-box; line-height: 23px; border: 1px solid #ddd;}
.form_box dl input.txt1{width:120px; padding: 0 10px; box-sizing: border-box; height: 40px; line-height: 40px; border: 1px solid #ddd;}

.news_list{width: 1200px; height: auto; padding: 25px 0; overflow: hidden;}
.news_list dl{ float: left; width: 533px; height: 117px; padding: 10px; background: #F8F8F8; border:1px solid #dedede; margin: 22px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.news_list dl:hover{background:#d6191f; color:#fff; border-color:#d6191f;}
.news_list dl:hover a{color:#fff; }
.news_list dl dt{ font-size: 15px; line-height: 32px; height: 32px; overflow: hidden;}
.news_list dl dd{ width: 100%; height: auto;}
.news_list dl dd p{line-height: 24px; height: 48px; width: 100%; overflow: hidden; font-size: 14px;}
.news_list dl dd h4{line-height: 26px;  width: 100%; overflow: hidden; font-size: 13px; font-weight: normal;}
.news_Show{width: 1200px; height: auto; padding: 25px 0; overflow: hidden;}
.news_ShowTit{width:100%; padding:20px 0;  text-align:center; background:url(../image/xian.jpg) no-repeat left bottom; background-size:100%;  -moz-background-size:100%;}

.news_Show .news_ShowTit h3{ font-size:25px; color:#444444; margin-top:0px;}
.news_Show .news_ShowTit h1{ font-size:25px; color:#444444; margin-top:0px;}
.news_Show .news_ShowTit p { padding-top: 15px;}
.news_Show .news_ShowTit p font{ display:inline-block; margin-right:20px;}

.news_Showinfo{ width: 1200px; height: auto; padding: 25px 0; font-size: 14px; line-height: 26px; overflow: hidden;}

.list-fy{ width:100%; display:table; border-top:1px solid #C3C3C3; padding-top:20px; clear:both;}

.list-fy .list-left{ float:left;}

.list-fy .list-right{ float:right;}

.list-fy .list-right a{ display:block; width:80px; height:30px; line-height:30px; text-align:center; background-color:#E8E8E8; 

	transition: all .2s ease 0s; 

	-moz-transition: all .2s ease 0s; 

	-webkit-transition: all .2s ease 0s;

}

.list-fy .list-right a:hover{ background-color:#d6191f; color:#FFF;}

.list-fy p{ font-size:14px; color:#494949; margin-bottom: 10px;}

.list-fy p font{ display:inline-block; width:80px; height:30px; line-height:30px; margin-right:20px; background-color:#E8E8E8; text-align:center;}



.goodsList{ width: 1200px; overflow: hidden; padding-bottom: 50px; padding-top: 30px;}
.goodsList dl{ float: left; width: 249px; height: 342px; overflow: hidden; margin:0 25px; }
.goodsList dl dt{  width: 247px; height: 247px; overflow: hidden; border: 1px solid #DEDEDE;}
.goodsList dl dt img{width: 247px; height: 247px; }
.goodsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsList dl dd{ width: 100%; height: 93px; line-height:73px; text-align: center; }
.goodsList dl a:hover dd{ color: #d6191f; }


.pdinfo{
	position: relative;
	overflow: hidden;
	img{
		position: relative;
		left: 50%;
		top: 0;
		width: 1920px;
		margin-left: -960px;
	}
	}
