@charset "utf-8";
/* CSS Document */

* { margin:0px auto; border:0px; padding:0px;}
a { color: inherit; text-decoration:none;}
ul , ol ,li{ list-style:none;}
.clear { clear:both; }
.pull-left{ float:left}
.header { width:100%;}
.blank10{ height: 10px;width: 100%;clear: both; }
.blank20{ height: 20px;width: 100%;clear: both; }
.blank30{ height: 30px;width: 100%;clear: both; }
.blank60{ height: 60px;width: 100%;clear: both; }

.header-top{height:40px; width:1080px; background:#fff}
.header-top .top-left{ font-size:12px; line-height:40px; margin-left:15px }
.header-top .header-left-box{ width:100px; float:left;}
.header-top .header-right-box{ width:auto;line-height: 40px; float:right; margin-right:5px;font-size:12px;}
.header-top .header-right-box a{ float: left;padding: 0 10px; }
.header-top .header-right-box .zt:hover,.header-top .header-right-box .active{ color: #fff;background-color: #bf1b09; }
.header-top .top-right{ line-height:40px; margin:0px 15px; font-size: 14px; color:#dc180e; }
.header-top .header-right-box1{ width:auto;line-height: 40px; float:right; margin-right:5px;font-size:12px;}
.header-top .header-right-box1 a{ float: left;padding: 0 10px; }
.header-top .top_en_right{background: url(/web/20171031015104im_/http://www.hsfnj.com/Public/static/home/img/flag.jpg) right no-repeat;padding-right: 30px;}



.header-banner{ height: 428px; background-color:#a00d0d; background:url(/web/20171031015104im_/http://www.hsfnj.com/Public/static/home/img/header.jpg) center no-repeat;font-family:'微软雅黑'; color:white;}
.header-banner .content{ width:1080px; height: 425px; position:relative; }
.header-banner .content .content-left{}
.header-banner .content .content-left .banner-txt{ position:absolute; top:160px; left:197px; font-size:36px; letter-spacing:15px;color: white;}
.header-banner .content .content-left .banner-eng{ margin-left:40px; margin-top:10px}
.header-banner .content .content-mid{ width:310px; height:275px; float:left;}
.header-banner .content .content-right{ color:white; left:500px; top:260px; font-size:24px; position:absolute;}
.header-banner .content .content-right .banner-slogan-a{ margin-left:10px;}
.header-banner .content .content-right .banner-slogan-b{ margin-left:150px; margin-top:10px}

.header-nav{ height:55px; width:100%; background-color:#f2f2f2}
.header-nav .content{ width:1080px;}
.header-nav  .navbar{ color:#333; font-family:'微软雅黑'; }
.header-nav  .navbar li{ width:134px; line-height:53px; float:left; text-align:center; font-size:18px; font-weight:500;}
.header-nav  .navbar li:hover ,.header-nav .content .navbar li.active{ border-bottom:2px solid #a00d0d; color:#a00d0d;}
.header-nav .content .navbar .ztbar{ position: relative;height: 55px;line-height: 53px; cursor: pointer;}
.header-nav .content .navbar .ztbar ol{ position: absolute;display: none;background-color: #fff;top: 55px;padding-top: 2px; }
.header-nav .content .navbar .ztbar li{ font-size: 16px;border-bottom: 1px dotted #ccc; }
.header-nav .content .navbar .ztbar .office{ border-bottom: none; }
.header-nav .content .navbar .ztbar li a{ color: #333; }
.header-nav .content .navbar .ztbar li:hover{ border: none;background-color: #a00d0d; }
.header-nav .content .navbar .ztbar li:hover a{ color: #fff; }
.header-nav .content .navbar .ztbar:hover,.header-nav .content .navbar .active{ border: none; }
.header-nav .content .navbar .ztbar:hover ol{ border: none;display: block; }

.header-nav .content .navbar .ztbar ol li{ background-color: ; }

.index-main{ width:1080px; height: auto;overflow: hidden;zoom: 1;}
.list-main{ width:1080px; height:auto; margin-top:20px; }
.article-main{width:1080px; height:auto; padding-top:20px;background-color: #fff;}
.title{ font-family:'微软雅黑'; border-bottom:2px solid #f5f5f5; padding-top:20px; height:60px}
.news .title .title-left{ width:150px}
.title-left{ width:400px; float:left;}
.title .b-letter{ font-size:48px; color:#a20e0d; width:40px; float:left; line-height:50px; text-align:center}
.title .c-letter{ font-size:22px; color:#333; }
.title .s-letter{ font-size:18px; color:#a20e0d; }
.title .p-letter{ font-size:16px; color:#bd1a09; float:right; background-color:#fdf6f7; margin:10px 0px;}
.title .m-letter{ font-size:16px; color:#bd1a09; float:right; background-color:#fdf6f7; margin:10px 0px; padding:10px 20px;}


.introduction{ height:400px; width:100%; }
.introduction .intro-content{ height:290px ; background-color:#f5f5f5; margin-top:20px}
.introduction .intro-content img{ float:left; margin:50px}
.introduction .intro-content p{ width:638px; margin-top:50px; float:left; font-size:14px; line-height:40px;text-indent: 2em;}
.introduction .intro-content span{ float:left; color:#bd1a09; margin-left:550px; cursor:pointer }

.service{ height:490px; width:100%; }
.service .ser-main{ height:390px;}
.service .ser-main .ser-seed{ width:200px; margin-right:30px;*margin-right: 20px; margin-right: 20px;\9;float:left; font-family:'微软雅黑'; }
.service .ser-main .ser-seed img{width: 200px;height: 219px;}
.service .ser-main .last-seed {margin: 0px!important;}
.service .ser-main .ser-seed .ser-title{ text-align:center; height:75px; line-height:75px;}
.service .ser-main .ser-seed .ser-img{ width:200px; height:219px}
.service .ser-main .ser-seed .ser-intro{ background-color:#5d9cec; color:white; height:50px; line-height:25px; padding:15px}
.service .ser-main .ser-seed:last-of-type{margin:0px}

.main-left{ width:710px;margin-right: 20px; float:left;}
.main{ margin: 0px; }
.main-right{ width:345px; float:right}

.advantages{ height:280px; width:700px; }
.advantages .adv-main{ height:170px; background-color: #f5f5f5; margin-top: 20px;}
.advantages .adv-main p{ padding:30px 35px 10px 35px; line-height:26px; font-size:13px;text-indent: 2em;}
.advantages .adv-main span{  color:#bd1a09; margin-left:590px; cursor:pointer }

.news{ width:100%; }
.news .news-roll{ text-align:center; margin-top:20px}
.news .news-ul{ list-style:disc inside none; padding-top:15px;*padding: 0px;}
.news .news-ul li{ font-size:14px; padding:8px 0px;list-style: none;width: 316px;height: 20px; list-style:none; background:url(/web/20171031015104im_/http://www.hsfnj.com/Public/static/home/img/point.png) no-repeat left;padding-left: 14px;}
.news .news-ul .time_right{ float: right;}
.news .news-ul .left{ float: left;}

.development{width:700px;height: auto;overflow: hidden;margin-bottom: 20px;}
.development .develop-main{ background-color:#f5f5f5; margin-top:20px;padding:20px;margin-bottom: 20px;}
.development .develop-main .post h2 a{ color:#a20e0d}
.development .develop-main .post h2 a:hover{ background-color:#c5c5c5}

.map{ margin:30px 0px;}
.list{ padding:0px;}
.list ul{ list-style: square inside none; line-height:40px; }
.list ul li a{color:#666666; width:100%; display:block}
.list ul li a:hover{ background-color:#f8f8f8;}
.list ul li a span{ color:#999999; float:right; margin-right:20px; }

.page{ text-align:center; margin-top:10px;margin-bottom: 10px;height: 31px;}
.page-ul{ float:right}
.page-ul li { color:white;float:left; margin:0 2px; line-height:22px}
.page-ul li a{ padding:5px 10px; background-color:#bf1b09; border-radius:5px;  color:white; font-size:12px; }
.page-ul li a:hover{background-color:#8c0100;}
.page-ul .active a{background-color:#8c0100;}


.l-intro-main{ padding:15px; line-height:25px}

article{ padding:0px}

.footer .footer-top{ background-color:#8c0100; height:55px;}
.footer .footer-top p{ color:white; text-align:center; line-height:55px}
.footer .footer-top p a{ display:inline-block; color:white; margin:0px 30px}
.footer .footer-bottom{ background-color:#bf1b09; height: auto;}
.footer .footer-bottom p{ color: white; text-align:center;padding-top: 15px;}
.footer .footer-bottom p span{font-size: 14px;color: #fff;}
.footer .footer-bottom .copy{ font-size: 12px; }
.flink{ background-color: #f5f5f5; font-size: 14px;}
.flink .cont{ width: 1080px;padding-top: 15px;padding-bottom: 5px; }
.flink .cont p{ font-size: 16px; }
.flink .cont a{ line-height: 36px;font-size: 14px;margin-right: 10px;}
.buy{ font-size: 14px;text-align: center;padding: 15px 0; }
.buy a{ margin-right: 20px; }
.buy span{ font-size: 14px;text-align: center;color: white; }



.cList{ background-color: #f2f2f2;height: auto; }
.cList li{ list-style: none; }
.main-left .con{ font-size: 14px;font-family: "微软雅黑";padding-left: 27px; }
.con li{ list-style: none;float: left;margin-right: 3px; }
.con .fenl li a{ padding: 0 7px; }
.con .active{ color: #bf1b09; }
.con h3{ margin-bottom: 10px;font-size: 14px;padding-left: 13px;color: #a20e0d;width: auto;height: 35px;line-height: 35px;border: 1px solid #dcdee1;background-color: #fbfbfb; }
.con .lst{ padding-left: 13px;border: 1px solid #dcdee1;clear: both;height: 35px;line-height: 35px;border-top: none; }
.con div.dist{ border-top: 1px solid #dcdee1;height: auto; }
.con .active,.con li a:hover{ background-color: #bf1b09;color: #fff; }

.con .dist li a{ padding: 0px 4px; }
.con a{ color: #1155cc;cursor: pointer; }
.con .choice{ border: 1px solid #dcdee1;padding-left: 13px;height: 35px;line-height: 35px;background-color: #fbfbfb;margin-top: 10px; }
.con .choice li{ float: left;margin-right: 3px; }
.con .choice li a{ padding: 0 7px; }

.ztlist{ font-size: 14px;padding-left: 27px; }
.ztlist a{ color: #1155cc; }
.ztlist h4{ border-bottom: 2px solid #ae130b;width: 100%; }
.ztlist h4 p{ width: 120px;height: 34px;line-height: 34px;background-color: #ae130b;color: #fefefe;text-align: center;margin: 0;font-size: 16px; }
.ztlist li{ height: 45px;line-height: 45px;border-bottom: 1px solid #eeeeee;float: left;width: 100%; }
.ztlist li a{ margin-left: 14px;float: left;max-width: 300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ztlist .right{ float: right;margin-right: 10px; }
.right .time{ margin-left: 30px; }
.ztlist li:hover{ background-color: #fff7dd; }
.ztlist li:hover a{ color: #333; }

.page{ width: 100%;height: 36px;margin-top: 20px;margin-bottom: 30px;text-align: center; }
.pcont{ display: inline-block;width: auto;height: 36px;line-height: 36px;*margin-left: 200px; }
.page a{ float: left;cursor: pointer; }
.page span{ float: left;display: inline-block;padding: 0px 12px;border: 1px solid #e6e7e8; }
.page  a{ padding: 0px 12px;border: 1px solid #e6e7e8; }
.page .current{ background-color: #9c9fa4;color: #fff;font-size: 16px; }
.page  a:hover{ background-color: #9c9fa4;color: #fff; }

.zt{  background-color: #f2f2f2;height: auto;  }
.zt h3{ height: 50px;line-height: 50px;font-size: 20px;margin-left: 54px;font-weight: 600; }
.zt h3 .left{ float: left; }
.zt h3 .right{ float: right;font-size: 14px;font-weight: normal;background: url("/web/20171031015104im_/http://www.hsfnj.com/Public/static/home/img/area.png") left center no-repeat;padding-left: 15px; }
.zt .info{ width: auto;height: auto;border: 1px solid #dcdee1;margin-left: 27px;font-size: 14px;padding-top: 26px;margin-bottom: 20px;  }
.info p{ line-height: 30px;padding-left: 30px;width: 45%;float: left;min-width: 300px;overflow: hidden; }
.info .des{ border-top: 1px solid #dcdee1; margin-top: 28px;padding:22px 30px; }
.info .des p{ width: auto; }
.info .des img{ width: 120px; }
.info .area{ color: #1975E4; }
.cl{margin-left: 10px;}
.price{ color: #a20e0d; }
.pic{ width: 680px;height: 175px;border: 1px solid #dcdee1;margin-left: 27px;margin-bottom: 60px;position: relative;overflow: hidden; }
/*.colu{ width: 206px;height: 212px;float: left;background-color: #f8f8f8;margin-left: 15px;margin-top: 20px;text-align: center; }
.spic{ display: inline-block;width: 180px;height: 135px;margin-top: 13px; }
.spic img{ width: 180px;height: 134px; }
.spic p{  color: #fff;background-color: #000;margin-top: -33px;height: 29px;line-height: 29px;filter:alpha(opacity=50); /*IE滤镜，透明度50% -moz-opacity:0.5; /*Firefox私有，透明度50%  opacity:0.5;/*其他，透明度50%  }
*/
.pic li{ width: 215px;float: left;height: 135px;text-align: right;margin-top: 20px;margin-bottom: 20px; }
.pic li img{ width: 180px;height: 135px; }
.pic ul{ width: auto;height: 175px;position: absolute; }
.toLeft{ left: 2px;}
.toRight{ right: 2px;}
#toLeft{ background: url("/web/20171031015104im_/http://www.hsfnj.com/Public/static/home/img/left.png") center no-repeat;}
#toRight{ background: url("/web/20171031015104im_/http://www.hsfnj.com/Public/static/home/img/right.png") center no-repeat; }
.toLeft,.toRight{ display: none;position: absolute;width: 20px;height: 30px;  top: 40%; }
.toLeft:hover,.toRight:hover{ filter:alpha(opacity=50);/* ie 有效*/-moz-opacity:0.5; /* Firefox  有效*/opacity: 0.5;background-color: #000;}


.intro{ font-size: 14px;padding: 10px 10px 0px; }
.intro p{ margin-top: 10px;color: #737373; }
.intro p span{ color: #ff6600;margin-right: 15px; }
#article .reportLink{ color: #bf1b09;margin-left: 10px; }
/*
     FILE ARCHIVED ON 01:51:04 Oct 31, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:22:02 Apr 07, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 128.978
  exclusion.robots: 0.084
  exclusion.robots.policy: 0.074
  RedisCDXSource: 0.671
  esindex: 0.009
  LoadShardBlock: 110.688 (3)
  PetaboxLoader3.datanode: 122.889 (4)
  load_resource: 94.416
  PetaboxLoader3.resolve: 46.023
*/