6@charset "utf-8";
@font-face {font-family:'font01';src: url('/Themes/hysl/impact.ttf');}
/* CSS Document */
* {padding: 0px;margin: 0px;}
ul,li{list-style:none;}
em,i{font-style: normal}
a{ text-decoration:none;color: #424242;font-size: 14px}
body{background-position:0 0; background-repeat:no-repeat; background-position:center top;font-family: "思源黑体 CN Regular", "Arial Unicode MS", Arial;}
.tong{width: 1200px;margin-left: auto;margin-right: auto}
.clear{clear: both}

/*top*/
.top{background:url(/Themes/hysl/images/topbg.png) no-repeat right top;width: 100%;height: 130px}
.topleft{width: 40%;float: left}
.topleft img{float: left}
.topleft h1{float: left;font-size: 24px;color: #333333;letter-spacing: 2px;padding-top: 40px}
.topleft h2{float: left;font-weight: 100;font-size: 10px;text-transform: uppercase;letter-spacing: -0.8px;color: #626262}

.topright{width: 60%;float: right}
.topright i{line-height: 50px;color: #fff;width: 100%;text-align: right;display: block}
.topright li{width: 100%;display: block;text-align: right;color: #c00300;padding: 20px 0 0 0}
.topright li em{font-size: 16px;font-weight: bold;padding-right: 10px}
.topright li span{font-size: 38px;font-family: 'font01'}

.topnav{width: 100%;background:#f2f2f2;height: 50px;position: relative;z-index: 99999}
.topnav ul{width: 100%;}
.topnav ul li{width: 10%;float: left;height: 50px;position: relative}
.topnav ul li:hover,.topnav ul li.current{background:#c00300}
.topnav ul li a{width: 100%;float: left;line-height: 50px;height: 50px;display: block;text-align: center}
.topnav ul li:hover a,.topnav ul li.current a{color: #fff}
.topnav ul li ul{display: none}
.topnav ul li:hover ul{display: block;width: 100%;z-index: 999;left: 0;position: absolute;top:50px}
.topnav ul li:hover ul li{width: 100%;border-top: 1px dotted #fff;display: block;line-height: 50px;height: 50px;float: left;background:#c00300}
.topnav ul li ul li:hover{background:#424242 url(../images/topnavli.png) no-repeat left;}

/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:700px;overflow: hidden}
#full-screen-slider {
	width:100%;
	height:700px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:relative; z-index:15;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:15;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:650px; z-index:9999900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#fff; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background:#c00300; }

/*aboutus*/
.aboutus{background:url(/Themes/hysl/images/aboutusbg.png) no-repeat left center ;height: 700px;margin-top: 30px}
.aboutmain{background:url(/Themes/hysl/images/aboutmainbg.png) no-repeat right bottom;height: 400px}
.aboutmain2{width:50%;float: left}
.aboutmain2 h2{width:100%;float: left;color: #e4e4e4;font-size: 40px;font-family: 'font01';font-weight: normal;text-transform: uppercase}
.aboutmain2 h3{color: #c00300;font-size: 24px;}
.aboutmain2 p{font-size: 14px;line-height:35px;color: #4f4f4f;margin-top: 20px;height:260px}
.moreabout{text-decoration: underline;line-height: 30px;display: block;float: left;font-style: italic}

.single {position: relative;width: 1200px;margin: auto;overflow: hidden;height: 220px;margin-top: 32px}
.pre{position: absolute;width: 20px;height: 218px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.pre:hover {background-color: rgba(0, 0, 0, 0.8);}
.pre::before {content: "";width: 12px;height: 12px;border: solid #fff;border-width: 2px 0 0 2px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 70%;top: 50%;}
.next {position: absolute;width: 20px;height:218px;right: 0px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.next:hover {background-color: rgba(0, 0, 0, 0.8);}
.next::before {content: "";width: 12px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 30%;top: 50%;}
.single ul {list-style: none;display: inline-block;white-space: nowrap;}
.single ul li {width: 290px;display: inline-block;margin:0 2px}
.single ul img {width: 100%}

/*products*/
.products{background:url(/Themes/hysl/images/productbg.png) no-repeat right center ;height: 650px}
.profenlei{width: 245px;float: left;background: #c00300;padding: 20px;position: relative}
.profenlei h2{color: #c75a59;font-size: 44px}
.profenlei h3{color: #fff;font-size: 24px;position: absolute;top:50px}
.profenlei ul{width: 100%;margin: 30px 0}
.profenlei ul li{width: 100%;border-bottom: 1px dotted #fff}
.profenlei ul li:hover{background: #424242}
.profenlei ul li a{color: #fff;line-height: 50px;display: block;height:50px;padding: 0 10px}

.promain{width: 900px;float: right}
.promain li {position: relative;width: 288px;float: left;height: 196px;margin: 0 8px 8px 0;line-height: 196px;border: 1px #DBDBDB solid}
.promain li em{display: none;position: absolute;top:0;z-index: 999;text-align: center;color: #fff;width: 288px;float: left;height: 196px}
.promain li:hover em{display: block;background:rgba(255,0,4,0.75) }
.promain li span{width: 100%;float: left;overflow: hidden}
.promain li span img{width: 100%;float: left}
.promain li:hover span img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.promain li:first-child{width: 585px;height: 400px;float: left}
.promain li:first-child em{width: 585px;height: 400px;line-height: 400px}

/*advance*/
.advance{background:url(/Themes/hysl/images/shilibg.png)no-repeat;height: 530px}
.advantitle{width: 1200px;float: left;margin-top: 40px;height:100px}
.advantitle h1{font-size: 36px;color: #fff;text-align: center;text-transform: uppercase;font-weight:900}
.advantitle h2{font-size: 24px;color: #fff;text-align: center;font-weight:900;text-transform: uppercase;background:url(/Themes/hysl/images/titlebg.png)no-repeat;}

.advmain{width: 1200px;float: left}
.advmain li{width: 290px;height: 340px;background:url(/Themes/hysl/images/libg.png)no-repeat;float: left;margin-right: 10px}
.advmain li:hover{width: 290px;height: 340px;background:url(/Themes/hysl/images/libg2.png)no-repeat;float: left}
.advmain li h1{font-size: 60px;text-align: center;padding-top:75px;width: 280px;color: #c00300}
.advmain li:hover h1{color: #fff}
.advmain li em{font-size: 22px;text-align: center;padding-top:75px;width: 280px;color: #c00300;display: block;font-weight: bold}
.advmain li i{font-size: 16px;text-align: center;width: 280px;color: #a4a4a4;display: block;line-height: 30px}

/*news*/
.news{height:470px;background:url(/Themes/hysl/images/newsbg.png)no-repeat;}
.new_left{background:#fbfbfb url(../images/newleft.png)no-repeat;width: 552px;height: 398px;float: left}
.new_left:hover{background:#c00300 url(../images/newleft.png)no-repeat;}
.new_left li{padding:60px 40px 0 40px}
.new_left li i{color: #9a9b9f;font-size: 14px;font-weight: bold;}
.new_left:hover li i{color: #fff}
.new_left li h1{color: #343434;font-size: 18px;font-weight: bold;line-height: 45px}
.new_left:hover li h1{color: #fff;}
.new_left li h2{color: #898989;font-size: 14px;font-weight:normal;line-height: 30px;padding-left: 10px;height: 60px}
.new_left:hover li h2{color: #fff;}
.new_left li img{padding-top: 20px}

.new_right{width: 601px;float: right}
.new_right li{background:url(/Themes/hysl/images/newright.png)no-repeat;width: 601px;height: 124px;float: left;margin-bottom: 15px}
.new_right li:hover{background:url(/Themes/hysl/images/newright2.png)no-repeat;}
.new_right li span{width:470px;float: left;padding: 0 20px }
.new_right li i{width:470px;float: left;font-size: 16px;font-weight:bold;color: #424242 ;line-height: 30px;padding-top: 20px}
.new_right li em{width:470px;float: left;color: #898989;line-height: 24px }
.new_right li h1{width: 90px;float: right;color: #898989;font-size: 18px;text-align: center;line-height:90px}
.new_right li:hover h1{color: #fff;}

/*contact*/
.contactus{width:100%;display: block;margin: auto;height: 450px;overflow: hidden;}
.contactus ifream{width: 50%;float: right}
.contactmain{height: 450px;width: 50%;float: right;background:url(/Themes/hysl/images/contactmainbg.jpg) no-repeat center;}
.contactmain li{color: #fff;line-height:50px;text-indent: 70px;font-size: 15px}

/*friendlink*/
.friendlink{height:100px;margin-top: 30px}
.link_tgb {line-height:42px;height:42px;background:url(/Themes/hysl/images/link.png) no-repeat;float: left;width: 100%}
.link_tgb .t1 {color:#fff; cursor:pointer;font-style: normal;float: left;width: 160px;text-align: center}
.link_tgb .t2 {color: #fff; cursor: pointer;font-style: normal;float: left}
.links {color:#333;line-height: 25px;height: 50px;padding-top: 10px;padding-bottom: 0px;float: left}
.links a {padding:0 10px; line-height:40px; color:#333; font-size:14px;}
.links div a:first-child{padding-left:0px;}
.links .hidden { display:none;}

/*bottom*/
.bottom{height:50px;background: #e0e0e0;}
.bottom i{height:50px;line-height: 50px;font-size: 14px;float: left }
.bottom a{float: right;height:50px;line-height: 50px;padding: 0 10px}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#da272d url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#da272d url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#da272d url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#da272d url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_ercode img{ width:100px; height:100px; padding:10px; background:#fff;}
.hd_qr{ margin-left:30px; margin-top:8px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.yb_bar .yb_top:hover{background:#ff8387 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#ff8387 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{text-indent:0;background:#ff8387 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#ff8387 url(../images/fixCont.png) no-repeat 0 -169px;}

/*内页*/
.nbanner{ width:100%; height:250px;background:url(/Themes/hysl/images/nbanner.jpg) no-repeat center;}

.locabg{ width:100%; height:72px;box-shadow: -10px 10px 5px rgba(142,142,142,0.14);}
.title{ width:1200px; height:72px; padding:0px; margin:0 auto;}
.location{ width:auto;  height:72px; line-height:72px; text-align:left; float:left; color:#555; font-size:14px; background:url(/Themes/hysl/images/home.png) no-repeat left center; padding-left:25px; }
.location a{ color:#555;}
.location a:hover{ color:#b20000; text-decoration:none;}
.toplist { width:auto; height:72px; padding:0px; margin:0px; float:right;}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{  margin:0; padding:0; width:110px; height:72px; line-height:72px; float:left; }
.toplist dl dt a{ display:block;line-height:72px; color:#555; font-family:"微软雅黑";font-size:14px; text-align:center}
.toplist dl dt a:hover{background:#b20000; color:#fff;}
.toplist dl dt.current{background:#b20000; }
.toplist dl dt.current a{ color:#FFF}

.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;min-height: 600px}
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:12px 0; height:auto; height:1%; overflow:hidden; color:#222;}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 50px; }
.page a{ border:1px solid #ccc; color: #555; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#b20000; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #b20000; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }

/*products*/
.products{height: 800px}
.proleft{width: 275px;float: left}
.proleft li{width: 275px;background-color: #b20002;height: 80px}
.proleft li h1{width: 30%;float: left;font-size: 18px;color: #fff;line-height: 80px;padding-left: 30px}
.proleft li h2{width: 50%;float: left;font-size: 16px;color: #fff;line-height: 80px;font-weight: lighter}
.listmain{width: 275px;float: left;}
.listmain li{width: 215px;float: left;background-color: #f2f2f2;padding: 0 30px;height: 55px;line-height:55px;}
.listmain li:hover{background-color: #b20002;}
.listmain li.current{background-color: #b20002;}
.listmain li:first-child{padding-top: 30px}
.listmain li:last-child{padding-bottom: 30px}
.listmain li a{border-bottom: 1px dotted #424242;width: 215px;margin-left: auto;margin-right: auto;height: 50px;line-height: 50px;display: block}
.listmain li:hover a{border: none;color: #fff}
.listmain li.current a{border: none;color: #fff}
.contactus2{width: 275px;height:317px;float: left;background-image:url(/Themes/hysl/images/contactus.jpg)}
.contactus2 li{height:40px;line-height:40px;padding:0 30px;width: 215px;background: none;color: #fff;font-size: 16px;font-weight:500}
.contactus2 li:first-child{padding-top: 30px}
.contactus2 li:last-child{padding-bottom: 30px}
.proright{width: 920px;float: left;margin-left:5px}
.proright li{width: 300px;height: 225px;float: left;position: relative;margin-right: 5px;margin-bottom: 5px}
.proright li span{width: 300px;height: 225px;overflow: hidden;display: block}
.proright li span img{width: 300px;height: 225px;}
.proright li:hover span img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.proright li em{display: none;position: absolute;}
.proright li:hover em{width: 300px;height: 225px;display: block;background-color:rgba(0,0,0,0.55);top:0 ;line-height: 225px;text-align: center;font-size: 18px;color: #fff;font-weight: bold}

.product_main{width: 900px;float: right}
.product_fangda{ float:left; width:450px;}
.pro_ri{ float:right; width:380px; height:382px; background:#f8f8f8; padding:20px 30px;}
.pro_ri h2{ font-size:22px; color:#555; line-height:50px;}
.pro_ri p{ width:100%; border-top:1px dashed #ddd;height:310px; overflow:hidden; padding-top:20px;line-height: 25px;font-size: 14px}
.details{float: left;width: 900px;margin-top: 30px;}
.details h2{background:url(/Themes/hysl/images/prodetail.png) no-repeat center;height: 68px;color: #fff;padding-left:25px;line-height: 50px;font-size:22px}
.detailsmain{font-size: 14px;line-height: 30px}

/*inewbox*/
.inewbox{ margin:0 auto; padding:0; width:100%; height:auto; }
.inewbox dl{width:100%; height:100px; margin:40px 0px 15px 0;}
.inewbox dl dt{display:block; width:120px; height:100px; background:#f3f3f3; float:left; font-size:12px; color:#999; line-height:40px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.inewbox dl dt em{display:block; height:60px; line-height:60px; font-size:40px; color:#fff; background:#b20000; font-family: baskerville, georgia, arial, serif;}
.inewbox dl dd{display:block; height:100px; line-height:24px; margin-left:150px; color:#888; border-bottom:1px dashed #ddd;}
.inewbox dl dd a{font-size:16px; color:#333; font-weight:bold; display:block; margin-bottom:10px}
.inewbox dl dd a:hover{ color:#b20000;}

/*内页inewscontent*/
.ih6 h1{ text-align:center;color:#999;font-size:30px;line-height: 50px}
.ih6 li{ width: 1200px;float: left;}
.ih6 i{float: right;margin-right: 20px;margin-left: 20px;line-height: 50px}
.descriptions{line-height: 30px;font-size: 14px;}

/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px; border-top:1px solid #ddd; margin-top:40px; color:#999;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#999;}
.next a:hover{ text-decoration:none; color:#333;}

/*网站地图*/
.sitemap{ height:38px; line-height:38px;width:100%; float:left; padding:0px; margin:0px auto; margin-bottom:10px; background: #ededed; margin-top:20px; margin-bottom:20px;}
.sitemap span{ width:170px; height:38px; line-height:38px; font-size:15px;  color:#fff; text-align:left;float:left; background: #b20000; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin-left: auto;margin-right: auto; width:1200px;  height:auto; overflow:hidden;}
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; background:url(/Themes/hysl/images/inewli.gif) no-repeat left center; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#b20000;}
/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}
.relation a:hover{color: #b20000}
.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.relation span em{
	background-color: #666;
	display: block;
	width: 85px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}

/*honor*/
.honorlist {text-align:center; line-height:30px;width:1200px;float:right; display:block ;}
.honorlist li{float:left;margin-bottom:15px; background-repeat:no-repeat; margin-left:10px;}
.honorlist li .imgs{ width:280px; height:210px;  }
.honorlist li .imgs img{ width:280px; height:210px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;background:url(/Themes/hysl/images/list_bg.png);}