@charset "utf-8";

/*产品展示*/
.hs_product{}
.hs_product .tabbox { margin:0 auto 0; }
.hs_product .tabmenu {text-align:center;margin:0 auto 0; height: 50px;}
.hs_product .tabmenu ul {margin:0;padding:0;list-style-type: none;  }
.hs_product .tabmenu li { float:left; width: 299px;  color: #fff; text-align:left;height: 50px; line-height: 50px;  margin:0 1px 0 0;background: #018790; text-indent: 20px; position: relative;}
.hs_product .tabmenu li a{ color: #fff}
.hs_product .tabmenu li:after{ content: "";width: 10px;height: 10px;border: 2px solid #fff;border-style: solid solid none none;position: absolute;top: 50%;margin-top: -5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);right: 30px;}
.hs_product .tabmenu .cli { background: #fdb812; position: relative; color: #fff}
.hs_product .tabmenu .cli a{ color: #fff }
.hs_product .tabmenu .cli:after{border-style: none solid solid none;}

.hs_product #tabcontent {width:100%; float:left;color: #333; margin: 10px 0 0 0; padding: 0 0 30px 0; }
.hs_product #tabcontent ul {list-style-type: none; text-align:left; padding:0 0; position: relative; text-align:center; padding: 20px 0 0 0}
.hs_product #tabcontent .hidden {display:none;}

.hs_product #tabcontent ul .left{ width:600px; height: 570px}
.hs_product #tabcontent ul .left:after{ content: ""; width:100%; height: 300px; background:#018790; position: relative; display: inline-block; top: -270px;z-index:0  }
.hs_product #tabcontent ul .left img{ border:1px solid #efefef; z-index: 1;position: relative; }
.hs_product #tabcontent ul .left .title{ line-height: 70px; color: #333; background:#efefef;position: relative; z-index: 2; width:90%; top: -40px; text-align: left; text-indent: 50px; font-weight: bold; font-size: 18px }
.hs_product #tabcontent ul .left .title em{ width:70px; height: 70px; background: #6fb5d6; position: absolute; right: 0; display: inline-block; }
.hs_product #tabcontent ul .left .title:after{ content: ""; width:20px; height: 20px; display: inline-block; right: 30px;z-index:0; border: 2px solid #fff;border-style: solid solid none none;position: absolute;top: 35%;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.hs_product #tabcontent ul .left a:hover .title em{ width:70px; height: 70px; background: #fdb812; position: absolute; right: 0; display: inline-block; }
.hs_product #tabcontent ul .left a:hover .title:after{ content: ""; width:20px; height: 20px; display: inline-block; right: 30px;z-index:0; border: 2px solid #fff;border-style: solid solid none none;position: absolute;top: 35%;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }

.hs_product #tabcontent ul .right{ text-align:left; width:600px; margin: 0}
.hs_product #tabcontent ul .right dl{ width:280px; height: 285px; float:left; margin: 0 0 0 15px; text-align:center;}
.hs_product #tabcontent ul .right dl img{ width:100%; height: 245px; border:1px solid #efefef;}
.hs_product #tabcontent ul .right dl a{ font-size:14px;  }

/*优势*/
.hs_youshi{border:1px solid #efefef;}
.hs_youshi .content>div{ width:600px; }
.hs_youshi dl{ padding: 30px; }
.hs_youshi dl dt strong{ font-size:54px; color: #fdb812; font-weight: bold; position: relative; left:0; margin-right: 10px}
.hs_youshi dl dt:before{content:"";  width:100px; height: 2px; background:#f2f0f0; position:absolute; display: inline-block; left: -90px; top: 40px}
.hs_youshi dl dt{ font-size:24px; color: #333; font-weight: bold; padding: 0 0 0 0; position: relative;left: 60px;}
.hs_youshi dl dt span{ font-size:30px; color: #018790 }
.hs_youshi dl dd{ font-size:16px; line-height: 35px ;padding: 0 0 0 130px}

/*案例*/

.hs_cases{margin: 0 auto 0; padding: 0 0}
.g_hz{ z-index: 2; position: relative;}
.m_hz .m_kfc{ height: 220px; position: relative; padding-left: 20px; }
.m_hz .u_ljt,.m_hz .u_rjt{ width:23px; height:42px;position: absolute; cursor:pointer;  display:block;}
.m_hz .u_ljt{left:-30px;top:75px;}
.m_hz .u_rjt{right:-30px;top:75px;}
.m_hz .u_ljt a{ background: url(../images/jt.png) no-repeat; width:30px; height:70px; display:block;}
.m_hz .u_rjt a{ background: url(../images/jt.png) no-repeat; width:30px;background-position: -30px 0; height:70px; display:block;}
.m_hz .m_kfc .u_mid{ width:1160px; overflow:hidden; }
.m_hz .m_kfc .u_lst1 li{ width:275px; float:left; margin-right:4px; padding: 5px; background: #fff; border:1px solid #efefef; }
.m_hz .m_kfc .u_lst1 .lastli{ margin-right:0;}
.m_hz .m_kfc .u_lst1 li img{ width:275px; height:205px;display: block; }
.m_hz .m_kfc .u_lst1 span{ width:100%; display:block;  height:40px; line-height:40px; overflow:hidden; text-align:center; color:#535353; cursor: pointer;font-size: 16px; }
.m_hz .m_kfc .u_lst1 a:hover{text-decoration: none;}

/*新闻*/
.hs_news{}
.hs_news .fl{ width:600px; }
.hs_news .fl{ text-align:center;  margin:0 auto; }
.hs_news .fl .tabbox_p { margin:0 auto 0; }
.hs_news .fl .tabmenu_p {text-align:center;margin:0 auto 0; }
.hs_news .fl .tabmenu_p ul {margin:0;padding:0;list-style-type: none;  }
.hs_news .fl .tabmenu_p li { float:left;  text-align: center; color: #666666; padding: 0 10px; font-size:20px; }
.hs_news .fl .tabmenu_p li img{display: block; margin: 0 auto}
.hs_news .fl .tabmenu_p .cli_p {  position: relative; color: #018790; font-weight: bold;}

.hs_news .fl #tabcontent_p {width:100%; float:left;color: #333; }
.hs_news .fl #tabcontent_p ul {list-style-type: none; text-align:left; padding:0 0; position: relative; padding:  20px 0}
.hs_news .fl #tabcontent_p .hidden_p {display:none;}

.hs_news .fl #tabcontent_p ul dl{ width:95%; }
.hs_news .fl #tabcontent_p ul dl img{ float: left; margin: 0 20px 20px 0 }
.hs_news .fl #tabcontent_p ul dl dt{ font-size:16px; color: #333; font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hs_news .fl #tabcontent_p ul dl dd{ font-size:14px; color: #999; line-height: 30px ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.hs_news .fl #tabcontent_p ul dl a{ display: inline-block; padding: 5px 20px; background: #fdb812; color: #fff }

.hs_news .fl #tabcontent_p ul li{ border:1px solid #efefef; height: 70px; margin:10px 0; width:95%; position: relative;}
.hs_news .fl #tabcontent_p ul li .l{ font-size:30px; float: left; text-align: center; padding: 0 10px}
.hs_news .fl #tabcontent_p ul li .l span{ display: block; font-size:16px; }
.hs_news .fl #tabcontent_p ul li .r{ font-size:16px; float: left; border-left: 1px solid #efefef; line-height: 50px;  padding: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }

.hs_news .fl #tabcontent_p ul li:after{ content: "";width: 10px;height: 10px;border: 2px solid #efefef;border-style: solid solid none none;position: absolute;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);right: 20px;top: 35%}

.hs_news .fl #tabcontent_p ul li:hover:after{ content: "";width: 10px;height: 10px;border: 2px solid #018790;border-style: solid solid none none;position: absolute;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);right: 20px;top: 35%}


.hs_news .fr{ width:600px; }
.hs_news .fr .tit{ border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; line-height: 50px; font-size:18px; }
.hs_news .fr .tit span{padding:  0 20px; font-size:16px; }
.hs_news .fr .tit a{ float:right; font-size:14px; color: #333}
.hs_news .fr dl{  border-bottom: 1px dotted #efefef; position: relative; padding:10px 10px 10px 50px; margin: 0 0 10px 0 }
.hs_news .fr dl dt{ font-size: 16px; font-weight: bold; color: #333; line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hs_news .fr dl dd{ font-size: 14px; color: #666; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hs_news .fr dl:before{content: 'Q'; border:1px solid #efefef; padding: 5px 10px;display: inline-block; font-size:16px; position: absolute;top: 10px; left: 0; font-weight: bold;}


/*联系我们*/
.hs_about{  }
.hs_about .fl{ width:500px; }
.hs_about .fr{ width:660px; padding: 50px 0 0 0 ; position: relative;}
.hs_about .fr:before{ content:""; width:100px; height: 2px; background: #dcdcdc; position: absolute;display: inline-block; left: -65px; top: 30px }

.hs_about .fr h3{ font-size:48px; color: #999999 }
.hs_about .fr h2{ font-size:18px; color: #018790; line-height: 50px}
.hs_about .fr p{ font-size:14px; color: #666; line-height: 35px }
.hs_about .fr a{ padding: 10px 30px; background: #fdb812; color: #fff; display: inline-block; }

/*厂房*/
.hs_plant{}

.hs_plant{ text-align:center;  margin:0 auto; }
.hs_plant .tabbox_x { margin:0 auto 0; }
.hs_plant .tabmenu_x {text-align:center;margin:0 auto 0; }
.hs_plant .tabmenu_x ul {margin:0;padding:0;list-style-type: none;  }
.hs_plant .tabmenu_x li {  text-align: center; color: #666666; padding: 0 10px; font-size:20px; display: inline-block; line-height: 50px; }

.hs_plant .tabmenu_x .cli_x {  position: relative; color: #018790; font-weight: bold;border-bottom: 2px solid #018790}

.hs_plant #tabcontent_x {width:100%; float:left;color: #333; }
.hs_plant #tabcontent_x ul {list-style-type: none; text-align:left; padding:0 0; position: relative; padding:  20px 0}
.hs_plant #tabcontent_x .hidden_x {display:none;}
.hs_plant #tabcontent_x li{ float:left; width:290px; margin:0 10px 0 0  }
.hs_plant #tabcontent_x li:nth-child(4+n){ margin: 0 0 0 0}
.hs_plant #tabcontent_x li img{width:100%;}