@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:12px;font-family:"微软雅黑",宋体,Arial, Helvetica, sans-serif; color:#282828; background:#f2f2f2;}
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{color:#282828; text-decoration:none;}
a:hover{ color:#e40101;}
input:focus,textarea:focus {outline: none;}
.clear{clear:both;}
.blank{font-size:0; height:10px; width:100%;}
.blank2{font-size:0; height:5px; width:100%;}
.blank3{font-size:0; height:2px; width:100%;}
.blank4{font-size:0; height:1px; width:100%;}

.layout{width:100%; height:auto;}

.container-header,.container-about,.container-prod,.container-shop,.container-youhui{  height:879px; margin:0 auto; background-image:url(../../../templets/hs/images/flash.jpg); background-position:center top; background-repeat:no-repeat; }
.header{ width:1292px; height:879px; margin:0 auto; }
.logo{ width:420px; height:185px; float:left; display:block; overflow:hidden;}
.logo img{ width:420px; height:185px;}
.phone{ width:355px; height:202px; padding-top:36px; float:right; background-image:url(../../../templets/hs/images/phone.png); background-position:left top; background-repeat:no-repeat;}
.phone h3,.phone p{ width:340px; height:70px; line-height:70px; font-weight:bold; font-size:30px; text-align:center; padding-left:15px; overflow:hidden; color:#FFF;}
.phone p{ height:40px; line-height:40px; font-size:30px; }

.container-about{  height:852px;  background-image:url(../../../templets/hs/images/c-about.jpg);  }
.about,.prod,.shop,.youhui{ width:1292px; height:748px;  margin:0 auto; background-image:url(../../../templets/hs/images/about.png); background-position:center top; background-repeat:no-repeat;position: relative; }
.about a.about_a{position: absolute;width: 300px;height: 100px;top: 91px;left: 60px;}
.prod a.prod_a{position: absolute;width: 500px;height: 130px;top: 50px;left: 0;}
.shop a.shop_a{position: absolute;width: 600px;height: 130px;top: 170px;left: 0;}
.about-blank,.prod-blank,.shop-blank{ width:1px; height:182px; margin:0 auto;}
.about-cen{ width:1080px; height:auto; line-height:30px; font-size:16px; color:#FFF;  margin:0 auto;}
.about-cen a{color:red}
.about-prods{ width:520px; height:auto; float:left; margin-left:110px; display:inline;}
.about-prods h3,.about-prods h4{ width:540px; height:68px; line-height:68px; font-size:36px; font-weight:normal; overflow:hidden; color:#ff0500;}
.about-prods h4{ width:520px; height:60px; line-height:30px; overflow:hidden; font-size:18px; }
.ap-list{ width:520px; height:auto;}
.ap-list li{ width:234px; height:163px; margin-right:26px; display:inline; float:left; overflow:hidden;}
.ap-list li img{ width:234px; height:163px;}
.container-prod{  height:800px; background-image:url(../../../templets/hs/images/c-prod.jpg); }
.prod{ width:1292px; height:800px; background-image:url(../../../templets/hs/images/prod.png); }
.prod-blank{ height:224px;}
.prod-list{ width:1080px; float:left; margin-left:20px; display:inline; height:auto;}
.prod-list li{ width:340px; height:286px; float:left; margin:0 10px 10px 10px; display:inline;}
.prod-list li p{ width:340px; height:220px; overflow:hidden;}
.prod-list li p img{ width:340px; height:220px;}
.prod-list li h4{ width:340px; height:56px; line-height:56px; text-align:center; font-weight:normal; font-size:18px; background-color:#b70006;}
.prod-list li h4 a{ color:#FFF;}

.container-shop{  height:1228px;background-image:url(../../../templets/hs/images/c-shop.jpg); background-repeat:repeat-y;  }
.shop{ width:1292px; height:1228px; margin:0 auto; background-image:url(../../../templets/hs/images/shop.png); }
.shop-blank{ height:230px;}
.shop-left{ width:532px; height:auto; float:left; margin-left:100px; display:inline;}
.shop-left li{ width:260px; height:228px; float:left; margin-bottom:15px; display:inline;}
.shop-left li img{ width:260px; height:228px; }
.shop-left li.lihot{ width:532px; height:274px; }
.shop-left li.lihot img{ width:532px; height:274px;}
.shop-right{ width:576px; height:auto; float:left; margin-left:20px; display:inline; margin-top:290px;}
.shop-right li{ width:278px; height:196px; float:left; overflow:hidden; margin-bottom:20px; display:inline;}
.shop-right li img{ width:278px; height:196px;}

.container-youhui{  height:1094px;background-image:url(../../../templets/hs/images/c-youshi.jpg);}
.youhui{ width:1292px; height:1094px; margin:0 auto; background-image:url(../../../templets/hs/images/youshi.png); }
.ys-list{ width:522px; height:455px; float:left; margin-top:430px; overflow:hidden; display:inline; margin-left:680px;}
.ys-list li{ width:154px; height:227px; float:left; margin-right:20px; margin-bottom:10px; display:inline; background-image:url(../../../templets/hs/images/youshi-li.png); background-position:center top; background-repeat:no-repeat;}
.ys-list li.li2{ background-image:url(../../../templets/hs/images/youshi-li2.png); background-position:center bottom; padding-top:19px; height:208px;}
.ys-list li.li4,.ys-list li.li5{ margin-left:60px; margin-right:0; }
.ys-list li.li4{ background-image:url(../../../templets/hs/images/youshi-li2.png);  }
.ys-list li h3,.ys-list li p{ margin:0 auto; width:120px; height:40px; line-height:40px; font-weight:bold; font-size:24px; overflow:hidden;}
.ys-list li h3{ text-align:center; color:#e72033; }
.ys-list li p{ height:140px; line-height:20px; font-size:14px; font-weight:normal;}
.ys-list li.li4 h3,.ys-list li.li2 h3{ color:#ffee00; }
.ys-list li.li4 p,.ys-list li.li2 p{ color:#FFF; }

.container-service{  height:auto; margin:0 auto; background:#100702; }
.service{ width:1292px; height:auto;  margin:0 auto;}
.serv-online{ width:320px; height:200px; float:left; margin-left:70px; display:inline;}
.serv-line-title{ width:316px; height:48px; line-height:48px; border:2px solid #fa9403; text-align:center; font-size:16px; color:#c9e000; position:relative; z-index:100}
.serv-line-title h3{ width:200px; height:40px; line-height:40px; font-weight:normal; font-size:20px; position:absolute; left:50%; top:-30px; z-index:120; margin-left:-100px; background-color:#100702;}
.serv-line-list{ width:320px; height:auto;}
.serv-line-list li{ width:70px; height:110px; float:left; margin-right:50px; display:inline; cursor:pointer; }
.serv-line-list li p{ width:70px; height:70px; overflow:hidden; background-position:left bottom; background-repeat:no-repeat;}
.serv-line-list li p a{ width:70px; height:70px; display:block; }
.serv-line-list li p.lr{ background-image:url(../../../templets/hs/images/emp-16.jpg);}
.serv-line-list li p.bg{ background-image:url(../../../templets/hs/images/emp-17.jpg);}
.serv-line-list li p.fy{ background-image:url(../../../templets/hs/images/emp-18.jpg);}
.serv-line-list li h3{ width:70px; height:40px; line-height:40px; font-weight:normal; font-size:16px; text-align:center; overflow:hidden;}
.serv-line-list li h3 a{ color:#682900;}
.serv-line-list li.on p{ background-position:left top;}
.serv-line-list li.on h3 a{ color:#FFF;}
.serv-online-about{ width:316px; height:auto; padding:5px 0; font-size:14px; line-height:24px; text-align:center; color:#FFF; border:2px solid #693317;}
.serv-form{ width:812px; height:auto; float:right; margin-right:20px; display:inline;}
.serv-form h3,.serv-form h2{ width:812px; height:32px; line-height:32px; font-weight:normal; overflow:hidden;}
.serv-form h3{ text-transform:uppercase; font-size:24px; color:#82817f;}
.serv-form h2{ color:#FFF; font-size:22px;}
.serv-form-input{ width:800px; height:18px; padding:10px 5px; background-color:#d2d2d2; border:1px solid #663817; overflow:hidden;}
.serv-form-input input{ width:800px; height:18px; line-height:18px; font-size:14px; font-family:"微软雅黑"; background-color:#d2d2d2; border:0; color:#99999a;}
.serv-form-textarea{ width:812px; height:auto; overflow:hidden;}
.serv-form-textarea textarea{ width:800px; height:80px; line-height:18px; padding:10px 5px; background-color:#d2d2d2; border:1px solid #663817; font-size:14px; font-family:"微软雅黑"; background-color:#d2d2d2; border:0; color:#99999a;}
.serv-form-submit{ width:100px; height:30px;}
.serv-form-submit input{ width:100px; height:30px; line-height:30px; font-size:16px; font-family:"微软雅黑"; background-color:#81001e; border:0; color:#FFF;}

.container-footer{  height:auto; margin:0 auto; background:#f0f0f0; }
.footer{ width:1292px; height:auto;  margin:0 auto; }
.copyright{ width:1292px; height:auto; line-height:24px; text-align:center; font-size:12px; font-family:"微软雅黑"; }
.copyright a:hover{ color:#e40101}