body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{ padding: 0; margin: 0; font-family:"微软雅黑"; font-size:14px; line-height:28px; color:#323232;  } 
table{border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal; } 

.wrap {width: 1100px;margin: 0 auto; position: relative;}
/*:hover{transition: all 300ms ease;}*/
ol,ul {list-style: none;} 
caption,th {text-align: left; } 
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} 
span{ padding:0px; margin:0px}
q:before,q:after {content:'';} 
abbr,acronym { border: 0; }
.clear{clear:both;height:0;line-height:0;}
p{  /*margin:0px;*/  padding:0px; color:#323232; }
a{text-decoration:none;}
body{background-color:#ffffff;max-width:1920px;margin: 0 auto;}


/*top*/
.top{ width:100%; height:36px; background:#131313; border-bottom:1px solid #242424;}
.top1{ width:1016px; height:36px; margin:0 auto;}
.top1 h1{ float:left; line-height:36px; color:#ffffff;}
.top_r{width:218px; float:right;padding-top: 3px;}
.top_r a{padding: 0 10px; line-height:26px; font-size:12px; color:#fff; border-left:1px solid #ffffff;} 
.top_r a:first-child{border-left:0;}
.top_r a:hover{ color:#eb3d01;transition: all 300ms ease;}

/*header*/
.header{ width:100%; height:136px; background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/hbg.jpg) center; border-bottom:1px solid #4b4b4b;}
.head{ width:1016px; height:136px; margin:0 auto;}
.head_l{ float:left;padding-top:28px;}
.logo{ float:left; padding-right:10px;}
.logo a{ display:block;}
.logo img{     max-width: 412px;
    max-height: 78px;
    padding-top: 5px; }
.head_l p{float:left;padding-left:20px; font-size:18px; color:#ffffff; height:50px;line-height: 46px; margin-top: 26px;}
.head_l p span{font-family:"长城新艺体"; color:#eb3d01; font-size:22px;line-height: 20px;}
.head_r{ float:right;margin-top:24px;line-height: 32px;font-size:18px; color:#181818; /*background: url(/web/20220115200712im_/http://hnxyhh.com/templates/default/images/ttel.png) left center no-repeat;*/}
.head_r h1{padding-left:106px; width: height:40px; line-height:40px; font-size:15px; color:#ffffff;}
.head_r span{opacity:0.9;-webkit-box-reflect: below -10px -webkit-gradient(linear, center top, center bottom, from(transparent),color-stop(0.7, transparent), to(white));  display: block;line-height: 38px;font-family:"文鼎CS大黑";padding-left:106px;font-size:35px; color:#eb3d01; }


/*nav*/
.nav{ width:100%; height:54px; background:#2d2d2d;}
.nav1{width:1100px;height:54px;margin:0 auto;}
.nav1 li{float:left;width:156px;height:54px;text-align:center;position: relative;}
.nav1 li h1{font-size:15px;color:#fff;line-height: 20px;
padding-top: 9px;}
.nav1 li span{ font-family:"Arial";font-size:12px;color:#fff;}
.nav1 li a{display:block;width: 156px;height: 54px;text-align: center;margin: 0 auto;}
.nav1 li a:hover{ background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/navhov.png) center no-repeat; transition: all 300ms ease;}
.nav1 li a:hover h1,.nav1 li a:hover span{color:#fff;transition: all 300ms ease;}
.nav1 .current{background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/navhov.png) center no-repeat;}
.nav .subNav{position: absolute; left: 0; top: 54px; background: #2d2d2d; width: 100%; line-height: 54px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.02); overflow: hidden; display: none;    z-index: 222;}
.nav .subNav a { width: 100%;
    height: 54px;
    font-size: 16px;
    line-height: 54px;
    float: left;
    display: block;
    color: #fff;
    text-align: center;}
.nav .subNav a:hover{background: #eb3d01; }




/*banner*/
.banner{width:100%; overflow:hidden; position:relative;height:500px; background:#222c50;}
.banner ul{ position:absolute;height:500px;} 
.banner li{width:100%;height:500px;float:left; text-align:center;}
.banner .tip{position: absolute;left: 0;right: 0;bottom: 0;z-index: 5;text-align: center;padding-top: 12px;height: 28px;background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/banner_bg.png) repeat center bottom;}
.banner .tip em{  height:12px; width:12px;display: inline-block;margin:0 5px; cursor:pointer;background:#828282;border-radius: 12px;}
.banner .tip .cur{ background:#eb3d01;}





/*minbanner*/
.MinBanner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 450px;}
.MinBanner .banner1{width: 1920px;height: 450px;margin: 0 auto;}
.MinBanner .banner1 li{float: left; width:1920px;height: 450px;text-align: center;}
.MinBanner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 20px;z-index: 3;}
.MinBanner .tip span{ display: inline-block;width: 18px;height: 18px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.MinBanner .tip .cur{background:#eb3d01;height: 18px;width: 18px;}

/*ipro*/
.ipro{ width:100%; height:719px; background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/pbg.jpg) center;}
.ipro1{ width:1016px; height:719px; margin:0 auto; padding-top:46px;}
.ip_top{ position:relative; width:576px; height:66px; border:3px solid #eb3d01; margin:0 auto; text-align:center;}
.ip_top h1{ position:absolute; top:-22px; left:150px; width:276px; height:40px; line-height:40px; background:#fff; color:#eb3d01; font-size:28px; text-align:center;}
.ip_top span{display: block;padding-top: 24px;font-size:20px; color:#a7a7a7; text-transform:uppercase;}

.ip_mid{ width:1016px; height:62px;padding: 50px 0px 40px 0px;}
.ip_mid ul{ width:104%;}
.ip_mid li{ float:left; width:170px; height:60px; line-height:60px; text-align:center; font-size:18px;margin-right:24px;}
.ip_mid li a{ display:block; width:170px; height:60px;color:#000000;border:1px solid #a7a7a7; }
.ip_mid li:hover a{ background:#eb3d01;width:150px; height:62px; color:#fff; border:0;transition: all 300ms ease;}

.ip_bot{ width:1016px;}
.ip_bot .ipl{width:505px; height:386px; float:left;}
.ip_bot .ipl a{ display:block;}
.ip_bot .ipl img{display:block;width:505px; height:386px;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.ip_bot .ipl a:hover img{ transform: rotateY(360deg);-ms-transform: rotateY(360deg);	  -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.ip_bot .ipul{ float:right; width:510px; margin-left:1px;}
.ip_bot li{     float: left;
    position: relative;
    margin-right: 1px;
    margin-bottom: 3px;
    width: 252px;
    height: 192px;
    margin-left: 2px; }
.ip_bot li a{ display:block;}
.ip_bot li img{ display: block;
    width: 250px;
    height: 190px;}

.ip_bot li .itm{height: 0px;top: 80px;width:254px;left: 0;background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/phov.png) center no-repeat;position: absolute;text-align: center;overflow: hidden; cursor:pointer;color:#e62a05;}
.ip_bot li .itm h3{line-height: 60px;padding-top: 92px; font-size:20px; color:#ffffff; text-align:center;}


/*iad*/
.iad{ width:100%; height:229px; background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/abg.jpg) center;}
.iad1{ width:1016px; height:229px; margin:0 auto; position:relative;}
.ad_l{     float: left;
    margin-top: 30px;
    padding-left: 212px;
    width: 581px; }
.ad_l img{ display:block;margin: 0 auto; width:463px; height:45px;}

.ad_l h2{font-size: 22px;
    color: #ffffff;
    width: 572px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    overflow: hidden;}

.ad_l h3{ margin: 12px 0;
    font-size: 16px;
    color: #ffffff;
    width: 512px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/av.png) no-repeat; }
.ad_l p{ color:#ffffff; font-size:18px;  /* text-align:center;*/ }
.ad_l p span{color: #eb3d01;
    font-size: 30px;
    font-weight: bold;}
.ad_r{ float:right;}
.ad_r img{ display:block; position: absolute;bottom: -34px;width: 205px;height: 304px;right: 0;}

/*wrapper*/
.wrapper{ width:100%; height:908px; background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/wbg.jpg) center;}
.wrap1{ width:1016px; margin:0 auto; position:relative;}
.iabout{ position: relative; top:90px;width:1016px; height:320px; background:#fff;}
.ia_l{ float:left; width:460px;}
.ia_l em{ position:absolute; z-index:1; top:-32px; display:block; border:8px solid #eb3d01; width:240px; height:356px;}
.ia_l img{ position: absolute;z-index: 20;left: 28px;display:block; width:306px; height:280px;padding: 14px 0 14px 11px;background: #fff;}
.ia_r{ float:right; width:650px;}
.iatit{ padding-top:12px; height:36px;}
.iatit h1{ float:left; text-align:center; width:84px; height:36px; border-bottom:1px solid #eb3d01; font-size:20px; color:#eb3d01;}
.iatit span{ display:block; padding-left:8px; line-height:36px; float:left; font-size:44px; color:#bcbcbc;}
.iacont{ font-size:16px; color:#000; padding-top:12px;}
.iacont h3{ font-size:18px;padding:6px 0px; color:#000000;}
.iacont a{ color:#eb3d01;}
.iabout i{ display:block; position:absolute; z-index:10; bottom:0;left: 39px;width:977px; height:66px;background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/aw.png) bottom right no-repeat;}

.wmid{ width:1016px; height:420px;padding-top: 185px;}
.inews{ float:left; width:658px;}
.intit{ width:658px; height:36px; border-bottom:1px solid #e5e5e5;}
.intit h1{ float:left; width:160px; height:36px; border-bottom:2px solid #eb3d01; font-size:18px; color:#eb3d01;}
.intit h1 span{ font-family:"Bell MT";font-size:18px; color:#999999;}
.intit .more{ display:block; float:right; line-height:36px; color:#0b0b0b;}
.intit .more:hover{color:#eb3d01;}
.in_bot{ padding-top:20px;}
.intop{height:124px;}
.intop img{ display:block; float:left; width:194px; height:124px;}
.intop .inr{ float:right; width: 445px;height:124px;}
.intop .inr a{ display:block;}
.intop .inr h1{ font-size:16px; color:#000000;}
.intop .inr h1:hover{color:#eb3d01;}
.intop .inr p{ font-size:14px; color:#232323;}
.intop .inr p em{ color:#eb3d01;}
.inul{}
.inul .nw{ display:block; float:left; margin:18px 9px 0px 0px; width:320px; height:45px; background:#e6e6e6;}
.inul .nw .itime{ display: block; float:left; width:48px; height:45px; background:#b1b1b1;}
.inul .nw .itime h3{ font-size:26px; color:#ffffff; font-weight:bold; text-align:center;line-height: 24px;
padding-top: 2px;}
.inul .nw .itime span{ text-align:center; font-size:14px; color:#ffffff;display: block;line-height: 18px;}
.inul .nw h1{ float:left;padding-left:16px; color:#000000; line-height:45px;    cursor: pointer;}
.inul .nw h1:hover{color:#eb3d01;}


.icontact{ width:326px; float:right;}
.ictop{ width:326px; height:36px; border-bottom:1px solid #e5e5e5;}
.ictop h1{ float:left; width:222px; height:36px; border-bottom:2px solid #eb3d01; font-size:18px; color:#eb3d01;}
.ictop h1 span{ font-family:"Bell MT";font-size:18px; color:#999999;}
.ictop .more{ display:block; float:right; line-height:36px; color:#0b0b0b;}
.ictop .more:hover{color:#eb3d01;}
.icbot{ padding-top:20px;}
.icbot .ibtel{ width:346px; height:64px; background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/btel.jpg) left center no-repeat;}
.icbot .ibtel h1{ font-size:14px; color:#010101; padding-left:70px;}
.icbot .ibtel span{ display:block; line-height: 32px;font-size:38px; color:#ff4100; padding-left:70px;-webkit-box-reflect: below 0px -webkit-gradient(linear, center top, center bottom, from(transparent),color-stop(0.7, transparent), to(white));}
.icot{}
.icot strong{ font-size:18px; color:#050505;line-height: 56px;}
.icot p{ font-size:14px; color:#050505;}


/*bcont*/
.bottom{ width:100%; height:245px; background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/bot.jpg) center;}
.bottom1{ width:1016px; height:245px; margin:0 auto;}
.bnav{ padding-top:30px;height: 30px;}
.bnav li{ float:left; width:145px; height:30px; line-height:30px; text-align:center;font-size:16px; background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/bl.png) left center no-repeat;}
.bnav li:first-child{ background:none;}
.bnav li a{ display:block; color:#ffffff;}
.bnav li a:hover{color:#eb3d01;transition: all 300ms ease;}
.bcont{ padding-top:32px;}
.bcont .blg{ float:left; width:198px; height:82px;}
.bcont .blg img{ display: block;
    max-width: 198px;
    max-height: 68px;
    margin-top: 30px; }
.bcont .bcot{ padding-left:28px; width:580px; float:left;color:#fff;}
.bcont .bcot a{ color:#fff;}
.bcont .bcot a:hover{ color:#eb3d01;}transition: all 300ms ease;
.bcont .icode{ float:right; width:120px; height:120px;}
.bcont .icode img{ display:block;width:120px; height:120px;}



/*neiye*/
.neiye{width:1000px;height:auto;margin:20px auto 20px;}
.left{float:left;width:264px;height:auto;position: relative;padding-top: 34px;}
.right{float:right;width:712px;height:auto;padding-top: 34px;}

/*fenlei*/
.fenlei{width:264px; height:auto;overflow:hidden;float:right;margin-bottom:40px;}
.fenlei_bottom{ background:#2d2d2d;padding-bottom: 20px;}
.fenlei_t{  width:264px; height:96px; }
.fenlei_t h1{ padding-top: 16px;width:264px; height:38px; font-weight:bolder; color:#ffffff; font-size:28px; text-align:center; line-height: 38px;}
.fenlei_t span{display: block;color:#ffffff; font-size:20px; text-align:center; }
.fenlei_t img{display:block; position:absolute; left:.1px; top:96px;}
.fenlei_z{ margin-left:12px;width:240px;background:#fff;padding:2px 0px}
.fenlei_z ul{overflow:hidden;}
.fenlei_z ul li{text-align: center;width:240px; height:52px; line-height:52px; font-size:16px; margin-bottom:2px;}
.fenlei_z ul li a{ text-align: center;width:240px;height:52px; line-height:52px;display:block; color:#000;}
.fenlei_z ul li:hover a{transition: all 300ms ease;color:#eb3d01;}
.fenlei_z ul li ul.drop{width:200px;height:auto;display:none;padding: 0;background: #4fc616;border-radius: 2px;}
.fenlei_z ul li ul.drop li{line-height:22px;background: none;}
.fenlei_z ul li ul.drop li a{display:block;line-height:42px;height:22px;font-size:16px;color:#fff;background: none;border-bottom: none;}
.fenlei_z ul li ul.drop li:hover a{height:22px;text-decoration:underline;background: none;transition: all 300ms ease;}
.fenlei_z .iphover2{color:#eb3d01;}



/*lcontact*/
.lcontact{width:264px;height:auto;overflow:hidden; padding-bottom:40px;}
.lcontact_top{width:264px; height:64px;text-align:center;color:#ffffff;font-size:28px;line-height:64px;background:#2d2d2d;font-weight: bold;}
.lcontact_bottom{ width:242px; height:auto; padding:15px 10px; overflow:hidden; background:#fff; color:#404040;border: 1px solid #2d2d2d;}



/*right*/
.right_top{width:712px;height: 40px; line-height:40px;background: #2d2d2d;}
.right_top h1{float: left;padding-left: 20px;height: 40px;line-height: 40px;font-size: 16px;color: #ffffff;}
.right_top .ritit{ float:left;}
.right_top .sitepath{float:right; height:40px; line-height:40px;color:#fff;padding-right:12px;}
.right_top .sitepath a{color:#fff;}
.right_top .sitepath a:hover{text-decoration: underline;transition: all 300ms ease;}
.right_bottom{width:704px;padding:10px 4px;overflow:hidden;line-height:28px;}
.rb img{max-width:100%;}


.right_bottom .rb{    margin-top: -20px;}



/* pager */
.pager {display: block;width: 100%;height: auto;padding:46px 0 5px;text-align: center;clear: both;margin-bottom: 5px;}
.pager span,.pager a {display: inline-block;border: 1px solid #cccccc;color: #666;height: 24px;line-height: 24px;padding: 0px 8px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #eb3d01;border-color: #eb3d01;color: #fff;text-decoration: none;transition: all 300ms ease;}
.pager .current {background: #eb3d01;border-color: #eb3d01;color: #FFF;}
.pager span.dot {background: #eb3d01;border-color: #eb3d01;font-weight: bold;color: #FFF;}

/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#eb3d01; color:#fff; font-weight:bold; margin:24px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:706px; height:280px; border:1px solid #eb3d01; border-top:3px solid #eb3d01;}
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0;  }
.BMap_bubble_title a { display:inline-block; padding:0 10px; height:2em; line-height:2em; border-radius:0.5em; background:#eb3d01; color:#FFF; }

.imapCon{}

/* pageProduct1 */
.right_bottom .ipcont{width:872px;}
.right_bottom .ipcont ul{}
.right_bottom .ipcont li{ float:left; position:relative; width:278px; height:248px; margin-right:12px;}
.right_bottom .ipcont li a{ display:block;}
.right_bottom .ipcont li img{ display:block;width:278px; height:208px;}
.right_bottom .ipcont li span{cursor:pointer; position: absolute;bottom: 22px;left: 86px;display:block; width:106px; height:40px; line-height:40px; text-align:center; background:#ffffff; font-size:18px; color:#333333;}
.right_bottom .ipcont li a:hover img{opacity:0.6;opacity:0.6;filter:Alpha(opacity=60);  background:#fff;transition: all 300ms ease;}
.right_bottom .ipcont li a:hover span{background:#40762f;color:#fff;}

/* pageProduct */
.right_bottom .photo { text-align:center; width:410px;height:307px;  float:left;padding-top: 20px; }
.right_bottom .photo img { width:100%; height:307px; }
.right_bottom .photo1 { text-align:center; width:324px; float:left; margin-bottom: 20px;margin-left: 16px; }
.right_bottom .photo1 img { border:1px solid #ddd; padding:4px; width:324px; height:380px; display:block; }
.right_bottom .wd { float:right; padding-top: 20px;width:276px; height:265px; margin-bottom:15px; overflow:hidden;}

.right_bottom .wd h1 { font-family:"Microsoft Yahei"; font-size:20px; line-height:24px; margin-bottom:8px; color:#3d3d3d; }
.right_bottom .wd ul { font-size:12px; }
.right_bottom .wd li.item { height:30px; line-height:30px; }
.right_bottom .wd li.item span { margin-right:5px; }
.right_bottom .wd li.tel {width: 236px; padding: 10px 16px;border: 1px solid #eb3d01;margin:20px 0px 26px 6px;border-radius: 6px;}
.right_bottom .wd li.tel span {color: #eb3d01; height: 30px;line-height: 30px;font-size: 18px;display: block;}
.right_bottom .wd li.tel font{font-size: 27px;color: #3d3d3d;line-height: 1.2;}


.right_bottom .wd li.btn { height:45px;padding-top:16px; }
.right_bottom .wd li.description { width:348px; padding:10px; line-height:22px; border:1px dotted #ddd; background:#FFF; height:105px;}
.right_bottom a.order { width:114px; height:38px; margin-top:5px; line-height:38px; text-align:center; background:#eb3d01; display:block; color:#FFF;border-radius: 5px; }
.right_bottom a.order:hover { background:#d90404; transition: all 300ms ease;}
.right_bottom .info {border-top: 1px dashed #aaaaaa;margin:40px 0px; }
.right_bottom .m {padding: 20px 0 10px;}
.right_bottom div.ts { font-size:16px;color:#eb3d01; height:25px;}
.right_bottom div.infor {padding-top:28px; margin-bottom:10px;color:#666; }
.right_bottom div.infor img{max-width:98%;}

/* relatedLink */
.relatedLink { height:30px; line-height:30px; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; width:100%; margin:0 auto 26px; }
.relatedLink .prevLink { float:left; margin-left:10px;  line-height:30px;}
.relatedLink .nextLink { float:right; margin-right:10px;  line-height:30px;}
.relatedLink a {color:#000000;}
.relatedLink a:hover{color:#eb3d01;}


/*.recommend-pro*/
.recommend-pro {width: 708px;}
.recommend-pro .head {width: 704px; height:38px; line-height:38px; position:relative; border:1px solid #aaa; }
.recommend-pro .head h2 {  line-height:38px;font-size: 18px;color: #eb3d01; border-left: 5px solid #eb3d01;padding: 0 0 0 20px;}
.recommend-pro .head .mo { position:absolute; right:10px; top:0; color:#999; }
.recommend-pro .head .mo:hover { color:#eb3d01;transition: all 300ms ease; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }

/*内页推荐图片4:3*/
.recommend-pro .item { float: left;width: 170px;height:166px;margin-right: 8px;;overflow: hidden;}
.recommend-pro .item .img {width: 168px;height: 126px;overflow: hidden;border: 1px solid #ddd;background: #f1f1f1;}
.recommend-pro .item .img img { width:100%; height:126px; }
.recommend-pro .item  .img:hover{border: 1px solid #eb3d01;transition: all 300ms ease;}

.recommend-pro .item h3 {line-height:40px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item h3 a{color: #323232; }
.recommend-pro .item h3 a:hover{color:#eb3d01;transition: all 300ms ease;}
.recommend-pro .item .order { text-align:center; }
.recommend-pro .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/order.png) center center no-repeat; }
.recommend-pro .item:hover { border-color:#c8a48e; }
.recommend-pro .item .order a:hover { background-image:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/order-hover.png); }

.tit_case{ width:100%; height:26px; line-height:26px; font-size:20px; text-align:center;color: #3d3d3d;padding-bottom: 18px;padding-top: 20px;}
.photo_case{ width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.photo_case img{ display: block;max-width: 100%;height: auto;margin: 0 auto;}
.info_case{  height:auto; margin:15px 12px;}
.info_case img{max-width:98%;}

.tit_pro{ width:100%; height:26px; line-height:28px; font-size:16px; font-weight:bold; text-align:center}
.photo_pro{ width:600px; margin:0 auto; margin-top:10px;}
.photo_pro img{ max-width:594px; display:block; margin:0 auto; border:1px solid #198300; padding:2px;}
.info_pro{ width:736px; height:auto; margin:15px 0;}

.tit_news{ width:100%; line-height:28px; font-size:20px; text-align:center;color:#eb3d01;padding: 8px 0px 16px 0px;font-weight: bold;}
.mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; border-bottom:1px dotted #a6a6a6; border-top:1px dotted  #a6a6a6;  }
.mark span, .pageNews .tbody .mark a.msg { margin:0 7px; }
.mark .font a { margin:0 3px; color:#ccc; }
.mark .font a:hover, .pageNews .tbody .mark .font a.cur { color:#004982; }
.mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; color:#e62a05; }
.info_news{     width: 686px;
    height: auto;
    margin: -28px 12px 30px 12px; }
.info_news img{max-width:99%;}
.pageNews .mark a.msg:hover { text-decoration:underline; }

/*news*/
.right_bottom a.news_a{ width:708px; height:50px; border-bottom:1px dashed #A5A5A5; display:block;cursor:pointer;font-size:16px;}
.right_bottom a.news_a span.x2{ width:572px; height:50px; float:left;overflow:hidden;}
.right_bottom a.news_a span.x2 h1{ width:572px;line-height:50px; color:#3d3d3d;}
.right_bottom a:hover.news_a span.x2 h1{color:#eb3d01;}
.right_bottom a.news_a span.x3{float:right;color:#999;cursor: pointer;line-height:50px; }
.right_bottom a:hover.news_a span.x3{ color:#666;}

/*news2 产品图文4:3*/
.right_bottom .news_b{ width:708px; height:152px; border-bottom:1px dashed #aaaaaa; display:block; padding:14px 0; overflow:hidden;}
.right_bottom .news_b a{display:block; float:left;}
.right_bottom .news_b img{ width:203px; height:152px;}
.right_bottom .news_b .nimg_right{ width:490px; height:152px; float:right;}
.right_bottom .news_b .nimg_right h1{margin-bottom: 8px; line-height:20px; font-size:16px;display: block;height: 20px;}
.right_bottom .news_b .nimg_right h1 a{color:#3d3d3d; }
.right_bottom .news_b .nimg_right h2{height:90px; line-height:24px; color:#666;}
.right_bottom .news_b .nimg_right h1 a:hover{color:#eb3d01;}
.right_bottom .news_b .detail{line-height: 42px;color: #3d3d3d;}
.right_bottom .news_b .detail:hover{color:#eb3d01;}


/*npro 内页产品图片4:3*/
.npro{ width:226px; height:218px; float:left; margin-left:6px;margin-bottom:8px;}
.npro a{width:226px; height:218px;display:block; }
.npro a img{display:block;  width:224px; height:168px;border:1px solid #eaeaea; }
.npro a:hover img{border:1px solid #eb3d01;transition: all 300ms ease;}
.npro a span{cursor: pointer;display:block;  width:226px;height:46px;color:#737373; text-align:center; line-height:46px;}
.npro a p{ position:absolute; top:0; left:0; width:0; height:0; background:#379405; z-index:-1; display:block;}
.npro a:hover span{color:#eb3d01; transition: all 300ms ease;}


/*message*/
#formPost {margin:0px auto 20px; padding-top:26px; }
#formPost tr.item label { margin-right:5px; }
#formPost tr.item .tip { width:260px;}
#formPost tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc; border-radius:2px; padding:0 5px; }
#formPost tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
#formPost tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
#formPost tr.code input { width:90px; }
.right_bottom .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#999; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.right_bottom.sub:hover { background:#666; }
#formPost tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
#formPost .err, .formData .red { color:#ff0000; }
#formPost .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px;color:red; }


.recommend-form {/*padding:0 20px;*/background: #fff; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-form .head h2 { line-height:38px;font-size: 18px;color:#39af01;border-left: 5px solid #39af01;padding: 0 0 0 20px; }
.recommend-form .main { width:100%; overflow:hidden; padding: 12px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #aaa; }
.recommend-form .row-2 { width:638px; height:auto; padding:0 0 0 0; border:1px solid #aaa; }
.recommend-form .row-3 { width:650px; height:auto; }
.recommend-form .ico-name {  background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email {background: url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:628px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px;cursor: pointer; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:164px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#eb3d01 ;}
.recommend-form .reset { background:#000; }
.recommend-form .submit:hover { background:#d93800; }
.recommend-form .reset:hover { background:#292826; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/log-arrow.png) center center no-repeat; }

/*悬浮*/
.jing_kf { position:absolute; right:0px; top:100px; z-index:100; }
.jing_top { width:119px; height:62px; }
.jing_pointer { width:27px; height:117px; position:absolute; top:95px; left:-22px; cursor:pointer; }
.jing_pointer.active { left:-27px; background-position:0 -120px !important; }
.jing_main { width:119px; min-height:50px; position:relative; padding-top:10px; }
.jing_main ul { padding-left:8px; margin-bottom:5px; }
.jing_main ul.t { overflow:hidden; }
.jing_main ul.t li.e { text-align:center; line-height:18px; }
.jing_main ul.t li.e span, .jing_main ul.t li.e strong { padding:0 5px; display:block; font-size:12px; }
.jing_main ul.t li.b { height:40px; }
.jing_kf i.online { width:103px; height:35px; display:block; }
.jing_main ul.t li.lin { margin-bottom:10px; }
.jing_main .mobileCode { width:112px; padding-left:3px; text-align:center; margin-bottom:15px; }
.jing_main i.dimCode { width:90px; height:90px; border:1px solid #dedede; display:block; margin:0 auto; box-shadow:0 0 3px rgba(0,0,0,0.1); }
.jing_main i.dimCode img { display:block; width:90px; height:90px; }
.jing_main .mobileCode span, .jing_main div.mobileCode a { display:block; font-weight:400; }
.jing_main .mobileCode a:hover { font-weight:700; }
.jing_main .returnTop { height:30px; position:relative; }
.jing_main .returnTop a { width:32px; height:50px; cursor:pointer; position:absolute; top:1px; left:46px; }


.jing_kf_2 .jing_top { background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/kf_top.png) center top no-repeat; }
.jing_kf_2 .jing_main { background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/kf_bg.png) center bottom no-repeat; }
.jing_kf_2 i.online { background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/qq_jt.gif) 0 0 no-repeat;  }
.jing_kf_2 .returnTop a { background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/kf_returntop.png) center bottom no-repeat; }
.jing_kf_2 div.mobileCode span, .jing_kf_1 div.mobileCode a, .jing_kf_1 li.e span, .jing_kf_1 li.e strong { color:#eb3d01; }
.jing_kf_2 .jing_pointer { background:url(https://web.archive.org/web/20220115200712im_/http://hnxyhh.com/templates/default/images/pointer.png) 0 0 no-repeat; }



/******************************
 ** css3高级动画
 ******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedTow{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}









/*
     FILE ARCHIVED ON 20:07:12 Jan 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:56:36 May 11, 2026.
     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):
  capture_cache.get: 0.387
  load_resource: 119.812
  PetaboxLoader3.resolve: 45.634
  PetaboxLoader3.datanode: 72.585
*/