body,div,a,input,td,select,button{font-size:14px;color:#000; font-family:"Microsoft YaHei";}
img{border:0}
ul,li,form,input,p,select,body,div,span,dl{margin:0;padding:0; font-family:"΢ÈíÑźÚ"}
body{background:#fff;position:relative;width:100%;height:100%;}

html{height:100%;width:100%;}

li{list-style-type: none;}
input{outline:medium;}
em, b,h1,h2,h3,h4,h5,h6 { font-style:normal;font-weight:500;padding:0;margin:0; }
a:link  { color:#595757; text-decoration:none;}
a:visited  {color:#595757;text-decoration:none;}
a:hover  { color:#fe941e;text-decoration:none;}
textarea{font-family:"Microsoft YaHei";}
.clearfix{ clear:both;}



.hheader{ width:100%; background-color:#FFFFFF; padding:20px 0px;}
.hheader_1{ width:1200px; margin:0 auto;}
.hheader_1_1{ width:370px; float:left;}
.hheader_1_2{ width:500px; float:left; margin-left:80px;}
.hheader_1_3{ width:178px; float:right;}


.hmenu{ width:100%; height:56px; background:#299b45;}
.hmenu_1{ width:1197px; margin:0 auto;}
.hmenu_1_1{ width:182px; float:left;}
.hmenu_1_2{ width:1px; height:26px; margin:15px 10px; float:left; background:#ffffff;}
.hmenu_1_1 a{ display:block; width:182px; height:56px; font-size:16px; color:#FFFFFF; line-height:56px; text-align:center;}
.hmenu_1_1 a:hover{ background:#f39800;}



.habout{ width:100%; background:#f5f5f5; padding:60px 0px;}
.htitle{ width:600px; margin:0 auto;}
.htitle_1{ text-align:center; font-size:30px; color:#000000; font-weight:bold; line-height:40px;}
.htitle_2{ text-align:center; font-size:14px; color:#888888; line-height:20px; padding-top:5px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.habout_1{ width:1200px; margin:0 auto; margin-top:50px;}
.habout_1_1{ width:580px; float:left; text-align:left;}
.habout_1_2{ width:580px; float:right;}
.habout_1_2 img{ width:100%;}
.habout_1_1_1{ text-align:left; font-size:24px; color:#000000; line-height:40px; font-weight:bold;}
.habout_1_1_2{ width:60px; height:3px; background-color:#222222; margin-top:30px;}
.habout_1_1_3{ text-align:left;}
.habout_1_1_3 p{ margin:15px 0px; font-size:15px; line-height:26px; color:#333333;}
.habout_1_1_4{ text-align:left; margin-top:30px;}
.habout_1_1_4 a{ display:block; width:120px; height:40px; line-height:40px; color:#FFFFFF; background:#ff8800; font-size:15px;  text-align:center;}
.habout_1_1_4 a:hover{background:#f39800;}



.hfenlei{ width:100%;  padding:60px 0px;}
.hfenlei_1{width:1200px; margin:0 auto; margin-top:50px;}
.hfenlei_1_1{ width:290px; height:290px; float:left; text-align:center; position:relative; overflow:hidden; background-color:#cccccc; margin:5px}
.hfenlei_1_1_1{ width:80px; margin:0 auto;}
.hfenlei_1_1_1 img{ width:100%;}
.hfenlei_1_1_2{ width:240px; margin:0 auto; text-align:center; font-size:20px; color:#000000; font-weight:bold; margin-top:20px;}
.hfenlei_1_1_3{ width:240px; margin:0 auto; text-align:center; font-size:12px; color:#000000;  margin-top:5px;}
.hfenlei_1_1_4{ width:120px; margin:0 auto; height:30px; border:1px #000000 solid; font-size:14px; color:#000000; line-height:30px; margin-top:30px;}
.hflbg{ background:url(../images/hflbg.jpg) no-repeat center;}
.hfenlei_1_1:hover .hfenlei_1_1_2{color:#000000;}
.hfenlei_1_1:hover .hfenlei_1_1_3{color:#000000;}
.hfenlei_1_1:hover .hfenlei_1_1_4{color:#ffffff; border:1px #299b45 solid; background:#299b45;}


.bg{ position:absolute; left:0; top:0px; width:290px; height:290px; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; background-size:290px 290px;}
.bg{ -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg);}

.hfenlei_1_1:hover .bg{ opacity: 1; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }

.inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }
.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.inter-inner .line1 { border-top: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 3px solid #fff; border-left: 3px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }

.con{position:relative;z-index:1;overflow: hidden; padding-top:40px;}

.hfenlei_1_1:hover .line1,.hfenlei_1_1:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }


.huvmade{ width:100%; padding:60px 0px;  background:url(../images/hcpbg1.jpg) no-repeat center; padding-bottom:40px;}
.huvmade_1{ width:1200px; margin-top:50px;}
.huvmade_1_1{ width:378px; float:left; background:#ffffff; padding:10px;}
.huvmade_1_1_1{ width:378px; border:1px #CCCCCC solid; text-align:left;}
.huvmade_1_1_1_1{ padding:40px 0px 0px 15px; font-size:24px; color:#000000; line-height:30px; }
.huvmade_1_1_1_2{ padding:0px 0px 0px 15px; font-size:14px; color:#666666; line-height:30px; text-transform:uppercase;}
.huvmade_1_1_1_3{ width:358px; margin:0 auto; margin-top:48px;}
.huvmade_1_1_1_3 img{ width:100%;}
.huvmade_1_1_1_4{ font-size:15px; line-height:30px; text-align:left; padding-top:40px; color:#333333; width:350px; margin:0 auto; padding-bottom:40px;}
.huvmade_1_2{ width:800px; float:right;}
.huvmade_1_2_1{ width:348px; padding:10px; background:#ffffff; float:left; margin-left:30px; margin-bottom:30px;}
.huvmade_1_2_1_1{width:338px; padding:5px; border:1px #cccccc solid;}
.huvmade_1_2_1_1 img{ width:100%;}
.huvmade_1_2_1_2{ height:30px; line-height:30px; color:#333333; font-size:15px; text-align:center;}


.hproduct{width:100%; padding:60px 0px; padding-bottom:45px;}
.hproduct_1{ width:1200px; margin:0 auto; margin-top:35px; overflow:hidden;}
.hproduct_1_1{ width:1260px;}
.hproduct_1_1_1{ width:380px; float:left; margin:15px 30px 15px 0px; overflow:hidden; position: relative;}

.hproduct_1_1_1 img{ width:100%; transition: 0.5s;}
.hproduct_1_1_1:hover img{ transform: scale(1.2);}

.hproduct_1_1_1 .text-desc{position: absolute; background-color: #000000;  opacity: 0; top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0; transition: 0.5s; text-align:center; line-height:300px; vertical-align:middle;}
.hproduct_1_1_1 .text-desc span.hpjia{ display:block; width:30px; height:30px; margin:0 auto; background:#FFFFFF; border-radius:20px; font-size:16px; color:#009900; line-height:30px; text-align:center; margin-top:20%;}
.hproduct_1_1_1 .text-desc h3{ display:block;  font-size:16px; color:#FFFFFF; text-align:center; line-height:50px;}
.hproduct_1_1_1 .text-desc span.hpmore{ display:block;  width:100px; height:30px; font-size:14px; line-height:30px; text-align:center; margin:0 auto; color:#FFFFFF; border:1px solid #ffffff; border-radius:4px;}
.hproduct_1_1_1:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding:0px; opacity: 0.7; color:#FFFFFF; }

.hguanggao{ width:100%;}
.hguanggao img{ width:100%;}

.hproducthui{ background-color:#f3f3f3;}

.hhezuo{ width:100%; padding:60px 0px;  background:url(../images/hcpbg2.jpg) no-repeat center;}
.hhezuo_1{ width:1200px; margin-top:50px;}
.hhezuo_1 img{ width:100%;}

.hnews{width:100%; padding:60px 0px; background:#f6f6f6; }
.hnews_2{ width:1200px; margin:0 auto; margin-top:50px;}

.hnews_2_1{ width:420px; float:left; background:#ffffff url(../images/hnewsbg1.jpg) repeat-x top; padding:20px;}
.hnews_2_2{ width:720px; float:right;}
.hnews_2_1_1{ width:420px;}
.hnews_2_1_2{ text-align:right; margin-top:10px;}
.scroll-img {
	width: 420x;

	overflow: hidden;
	font-size: 0;
	margin:0 auto;
}
.scroll-img ul {
	width: 99000px;

	margin: 0;
}
.scroll-img ul li {
    float:left;
	padding: 0px;
	width:420px;
}

.hnews_2_1_1_1{ width:420px; height:300px; overflow:hidden;}
.hnews_2_1_1_1 img{ width:100%;}
.hnews_2_1_1_2{ width:400px; padding:0px 10px; text-align:left; color:#000000;  line-height:50px; height:50px; overflow:hidden; font-size:18px;}
.hnews_2_1_1_2 a{color:#000000;  line-height:50px; font-size:18px;}
.hnews_2_1_1_2 a:hover{color:#ea9413;}
.hnews_2_1_1_3{ width:400px; padding:0px 10px; text-align:left; color:#565656;  line-height:24px; height:72px; overflow:hidden; font-size:14px;}

.hnews_2_1_2 span{ font-size:18px; color:#ffffff; margin-left:20px; line-height:30px; padding:3px 8px; background-color:#ff8800; cursor:pointer;}
.hnews_2_1_2 span:hover{background-color:#ea9413;}

.hnews_2_2_1{ width:720px; background-color:#FFFFFF; margin-bottom:30px;}

.hnews_2_2_1_2{ width:320px;  float:left; padding:20px 20px;}
.hnews_2_2_1_2_1{ text-align:left;  color:#000000;  line-height:50px; height:50px; overflow:hidden; font-size:18px;}
.hnews_2_2_1_2_2{ text-align:right;  color:#666666;  line-height:50px; height:50px; overflow:hidden; font-size:14px; padding:0px 5px;}
.hnews_2_2_1_2_2 span{ float:left; font-size:18px;}
.hnews_2_2_1_2_3{ text-align:left; color:#565656;  line-height:25px; height:75px; overflow:hidden; font-size:14px;}

.hnews_2_2_1_2:hover .hnews_2_2_1_2_1{color:#ff8800; }
.hnews_2_2_1_2:hover .hnews_2_2_1_2_2{color:#ff8800; }
.hnews_2_2_1_2:hover .hnews_2_2_1_2_2 span{color:#ff8800; }
.hnews_2_2_1_2:hover .hnews_2_2_1_2_3{color:#ff8800; }

.hnews_2_2_2{ width:720px; background-color:#FFFFFF; margin-bottom:0px; height:257px;}
.hnews_2_2_2_1{ width:180px; float:left;}
.hnews_2_2_2_1_1{ font-size:24px; color:#000000; line-height:30px; padding-left:20px; padding-top:80px; text-align:left;}
.hnews_2_2_2_1_1 span{ font-size:14px; color:#666666; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.hnews_2_2_2_1_2{ margin-top:60px; padding-left:20px;}
.hnews_2_2_2_1_2 a{ display:block; width:150px; height:30px; border:1px #999999 solid; text-align:center; line-height:30px; color:#666666; font-size:14px;}
.hnews_2_2_2_1_2 a:hover{ border:1px #ff8800 solid; color:#ff8800;}
.hnews_2_2_2_2{ width:180px; float:left; margin-left:-30px;}
.hnews_2_2_2_2 img{ height:250px; padding-top:7px;}
.hnews_2_2_2_3{ width:360px; float:right; text-align:left; padding:20px 0px;}
.hnews_2_2_2_3 a{ font-size:14px; line-height:31px; color:#333333; display:block;}
.hnews_2_2_2_3 a:hover{color:#ff8800;}


.hfooter{ width:100%; background-color:#232323; padding:40px 0px 10px 0px; margin-top:0px;}

.hfooter_1{ width:1200px; margin:0 auto;}
.hfooter_1_1{ width:600px; float:left;}
.hfooter_1_1_1{ width:600px; float:left; text-align:left;}
.hfooter_1_1_f{width:210px;}
.hfooter_1_1_1 span{ display:block; width:50px; height:2px; background-color:#FFFFFF; margin:10px 0px; margin-bottom:15px;}
a.hnemub{ font-size:18px; color:#FFFFFF; display:block; text-align:left; line-height:50px;}
a.hnemub:hover{color:#ffa415;}
a.hnemus{ font-size:14px; color:#cccccc; display:block; text-align:left; line-height:30px; width:150px; float:left;}
a.hnemus:hover{color:#ffa415;}

a.hfnav{ font-size:14px; color:#cccccc; line-height:40px;}
a.hfnav:hover{ color:#ffa415;}

.hfooter_1_2{ width:560px; float:right; }
.hfooter_1_2_1{ width:560px; padding-top:8px; text-align:left;}
.hfooter_1_2_1 img{ width:500px; }
.hfooter_1_2_2{ margin-top:20px; text-align:left;}
.hfooter_1_2_2 p{ font-size:14px; color:#cccccc; line-height:35px; margin:0px; text-indent:0em;}

.hfooter_1_2_2_1{ width:438px; float:left;}
.hfooter_1_2_2_2{ width:122px; float:right;}
.hfooter_1_2_2_1_1{ width:408px; padding-left:30px;  font-size:15px; color:#CCCCCC; line-height:40px; height:40px;}

.bicon1{background:url(../images/bicon1.png) no-repeat center left;}
.bicon2{background:url(../images/bicon2.png) no-repeat center left;}
.bicon3{background:url(../images/bicon3.png) no-repeat center left;}


.hfooter_2{ width:100%; height:50px; border-top:1px #666666 solid; margin-top:40px;}
.hfooter_2_1{ width:1200px; margin:0 auto; line-height:50px; font-size:14px; color:#cccccc; text-align:center;}
.hfooter_2_1 font{ float:right;}