@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";
/* CSS Document */
html { -webkit-text-size-adjust:none; }
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; font-family:"Microsoft YaHei"; font-size:12px;  color:#333333; }
p{font-family:"SimSun"}
table { border-collapse:collapse; border-spacing:0; }
td, th { word-wrap:break-word; word-break:break-all; }
img { border:0; }
del, ins { text-decoration:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup, sub { vertical-align:baseline; }
/* because legend doesn't inherit in IE */
input, select { vertical-align:middle; }
i, cite, em { font-style:normal }
.clearfix{clear:both;}
li{list-style: none;padding: 0;margin: 0;}
a{text-decoration: none;}
ul{padding:0;margin: 0;}
p{font-size:12px;text-align: justify;}
.nextpage {
    margin: 0 auto;
    width: 100%;
    text-align: right;
}a{outline:none；}
table{text-indent:0;}
tr{text-indent:0}
table tr td{text-indent:0}
/*aboutleft*/
.abname{background-color: #D91E1C;
    color: #fff;
    font-size: 24px;
    padding: 43px 0 0 32px;
    height: 150px;}
.aboutleft{display:inline-block;float:left;width:205px;overflow:hidden;}
.aboutleft span{display:block;width:30px;height:3px;background-color:#fff;margin:30px 0;}
.aboutleft ul li{line-height:60px;border:1px solid #ddd;padding-left:32px;width:171px;border-top:0;}
.aboutleft ul li:hover{background:url(img/ableft.png)no-repeat right;}
.aboutleft ul li a{color:#666;font-size:14px;}
/*头部*/
.nextpage a {color: #909090;}
.nextpage a:hover {color: #909090;}

.top_bg{width: 100%;background-color:#F7F7F7 !important;}
.top_bg .top{max-width:1200px;margin: 0 auto;background-color: #F7F7F7;}
.top_bg .top .logo{float:left;}
.top_bg .top .logo_text{float:left;height: 50px;margin: 22px 20px 0 0;border-left:1px solid #666;width:300px;padding-left:20px;font-size:18px;color:black;}
.language .left{float:left;}
.language .right{float:right;}
.language a {    margin-left: 25px;
     color: #333333;
    display: block;
    margin-top: px;
    line-height: 25px;
}.language a:hover {color: #333333;}
.language { width:220px;}
.h1 {}
.top_bg .top .right{float:right;}
.top_bg .top .right .language img{margin:20px 10px 0 0;}
.top_bg .top .right .contact img{}
.top_bg .top .right .contact .hb {
    float: right;
    line-height: 44px;
    margin-left: 10px;
    font-size: 26px;
    margin-right: 10px;
    color: #333;
    font-weight: bold;
}.prolist { float:left;margin:2px;}
/*导航*/
.nav_bg{background:#D91E1C;width:100%;}
.nav_bg .nav{ width:1200px; margin:0 auto; height:50px;}
.nav_bg .nav ul{ width:100%; height:50px;}
.nav_bg .nav ul .nav_li{ width:150px; float:left;position: relative;}
.nav_bg .nav ul .nav_li a{ display:block; font-size:16px; line-height:50px; color:#fff; text-align:center;}
.nav_bg .nav ul .nav_li a:hover{ text-decoration: none;}
.nav_bg .nav ul .nav_li ul{ height:auto; overflow:Hidden; display:none;position: absolute; top:50px; z-index:999999999;}
.nav_bg .nav ul .nav_li ul li{ width:100%;}
.nav_bg .nav ul .nav_li ul li a{ display:block; font-size:12px; color:#fff; background:#333;}
.nav_bg .nav ul .nav_li ul li a:hover{ background:#D91E1C;}
.nav_bg .nav ul .nav_li:hover .nav_slide{ display:block;}

.prolist li {float:left;margin:5px; }
/*下拉菜单*/

/*banner*/
.banner_bg{overflow: hidden;}
.ny_banner_bg{overflow: hidden;}
/*.banner{width:100%;}
.banner img{width:100%;display: block;height: 600px;}*/

/* 主页 banner*/
		.banner{/*position: relative;*/ width:100%;margin:0 auto; overflow:hidden;}
		.banner .slideBox{ width:1920px; height:600px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/ left:50%; margin-left:-960px; z-index:-1;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.banner_bg .banner .slideBox{ width:1920px; height:350px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/ left:50%; margin-left:-960px; }
/* 主页结束 banner*/
/* 子页banner */
.ny_banner_bg .banner .slideBox{ width:1920px; height:350px; overflow:hidden; position:relative; /*border:1px solid #ddd;*/ left:50%; margin-left:-960px; }
/* 子页banner结束 */

/* 下面是前/后按钮代码 */
.banner_bg .banner .slideBox .prev{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://oldfile.4e8.com/skin/hshjjt7257/img/slider-arrow.png)0px 5px no-repeat; filter:alpha(opacity=50);opacity:1;   }
.banner_bg .banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://oldfile.4e8.com/skin/hshjjt7257/img/slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:1;   }

.ny_banner_bg .banner .slideBox .prev{ position:absolute; right:3%; top:50%; margin-top:-20px; display:block; width:32px; height:40px; background:url(http://oldfile.4e8.com/skin/hshjjt7257/img/slider-arrow.png)0px 5px no-repeat; filter:alpha(opacity=50);opacity:1;}

.ny_banner_bg .banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-20px; display:block; width:32px; height:40px; background:url(http://oldfile.4e8.com/skin/hshjjt7257/img/slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:1;}


.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



/*内容*/
.content{width:1200px;margin: 0 auto;padding-top:20px;}
.content .left{float: left;width:340px;}
.content .left h3{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;margin-bottom:8px;font-size:14px;}
.content .center h3{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;font-size:14px;}
.content .right h3{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;margin-bottom:8px;font-size:14px;}
.content .left h2{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;margin-bottom:8px;font-size:16px;color:#555555;}
.content .center h2{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;font-size:16px;color:#555555;}
.content .right h2{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;margin-bottom:8px;font-size:16px;color:#555555;}

.content h3{color: #900C0C;font-weight: normal;}
.content .right .hh1,h2{float:left;margin-right: 10px;line-height: 30px;font-weight: normal;}
.content .left p{color:#999999;line-height:24px;}

.content .center{float:left;width:490px;overflow: hidden;}
/*.content .center ul li{float:left;width:calc(33.3% - 10px);margin:0px 5px 0px 5px;overflow: hidden;display: block;}
.content .center ul li img{width:100%;}
.content .center ul li h3{text-align: center;}
.content .center ul li:hover h3{color:#D91E1C;} */
/* 内容产品轮播 */
		.picScroll-left{ width:500px;  overflow:hidden; position:relative; margin:0 auto;    }
		.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
		.picScroll-left .hd h1,h2,span{line-height: 30px;}


		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(http://oldfile.4e8.com/skin/hshjjt7257/img/arrowb.png) no-repeat;}
.picScroll-left .hd span{float:right;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(http://oldfile.4e8.com/skin/hshjjt7257/"img/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:144px; height:90px; display:block;  padding:2px;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
/*内容产品轮播结束*/

.content .right{float:right;width:350px;}
.content .right .news_list li{margin-bottom: 8px;}
.content .right .news_list li:first-child{border-bottom:1px dashed #999;}
.content .right .news_list li span{color:#b6b6b6;}
.content .right .news_list li .hh1,span{color:#666666;line-height: 24px;font-size: 12px;}
.content .right .news_list li p{color:#999999;line-height:18px;margin-bottom:8px;}
.content .right .news_list li .hh1{font-weight: bold;}
.content .right .news_list li .hh1:hover{color:#910B0D;}
.content .picList li a{color: #666;}
.content .picList li:hover a{color:#900C0C;}

.content> div{box-sizing: border-box;}
/*按钮*/
.btn_more{height: 16px;text-align: center;line-height: 16px;color: #900C0C;float: right;margin-left:-4px;}
.btn_more a{text-align: center;line-height: 16px;color: #900C0C;font-size:10px;}
.btn_more:hover a{}
.left .btn_more{position: relative;top:-20px;right: 0;}
.right .btn_more{float: left;width:110px;font-size:10px;}


/*产品子页*/
.nycontent_bg .nycontent{width:1200px;margin: 0 auto;margin-top: 32px;}
.nycontent_bg .nycontent .left{float: left;width:205px;}
.nycontent_bg .nycontent .left{}
.nycontent_bg .nycontent .left ul{width:100%;background:#f5f5f7;border: 1px solid #dddddd;}
.nycontent_bg .nycontent .left h3{background:#f5f5f7;height: 44px;line-height: 44px;font-size: 18px;padding-left:16px;font-weight: normal;}
.nycontent_bg .nycontent .left .titlestyle{background: #b5230a;height: 1px;width:110px;}

.nycontent_bg .nycontent .left ul li{text-align: center;width:100%;height: 38px;background-image:url(http://oldfile.4e8.com/skin/hshjjt7257/img/nohover.jpg);}
.nycontent_bg .nycontent .left ul li a{text-align: center;line-height: 38px;color:#666;}
.nycontent_bg .nycontent .left ul li:hover{background-image:url(http://oldfile.4e8.com/skin/hshjjt7257/img/hover.jpg);}
.nycontent_bg .nycontent .left ul li:hover a{color: white; }

.nycontent_bg .nycontent .left .contact{width:204px;height: 80px;border-radius: 14px;margin-top:10px; background:#f5f5f7;position: relative;}
.nycontent_bg .nycontent .left .contact img{position: absolute;left: 10px;top:calc(50% - 22px);}
.nycontent_bg .nycontent .left .contact span{position: absolute;left: 70px;top:16px;}
.nycontent_bg .nycontent .left .contact h4{font-size:18px;position: absolute;left: 68px;bottom:12px;background-color:rgba(0,0,0,0.00);display: inline;}
/*右侧产品*/
.nycontent_bg .nycontent .right{float:right;width:976px;}
.nycontent .right .zynav{height: 38px;border-bottom: #ddd solid 1px;margin-bottom: 20px;position:relative;}
.nycontent .right .zynav h3{font-size:16px;line-height:37px;}
.nycontent .right .zynav .redbox{float: left;height: 20px;width:4px;margin: 9px 10px 9px 0px;z-index: 99;background: #da1e1d;}
.nycontent .right .zynav h4{float: left;font-size: 20px;font-weight: normal;line-height: 38px;}


.nycontent .right .zynav span{float: right;color:#666;line-height: 38px;position:absolute;display:block;right:0;bottom:0;}
.nycontent .right .zynav span a{color:#666;margin-right: 10px;}

.nycontent_bg .nycontent .right .prolist_ul li img {
    width: 100%; 
    height: 100%;
    max-width: 100%;
}
.proimg{width:300px; height:175px;overflow:hidden;}
.nycontent_bg .nycontent .right ul li h2{text-align: center;}
.nycontent_bg .nycontent .right ul li:hover h2{color:#840107;font-weight:600;}
.nycontent_bg .nycontent .right ul{overflow:hidden;}
.nycontent_bg .nycontent .right .prolist ul li a h2{width:100%;text-align:center;} 
.nycontent_bg .nycontent .right .prolist ul li a{width:100%;text-align:center;}

/*新闻子页*/
.nycontent_bg .nycontent .right .newslist{width: 100%;}
.nycontent_bg .nycontent .right .newslist li{width: 100%;border-bottom:1px dashed #e5e5e5;padding:10px;}
.nycontent_bg .nycontent .right .newslist h3{float: left;font-size:14px;}
.nycontent_bg .nycontent .right .newslist h3:hover{color:#850007;}
.nycontent_bg .nycontent .right .newslist ul li span{float: right;margin-right: 10px;}
.nycontent_bg .nycontent .right .newslist ul li p{color:#999999;padding-right:10px;}


/*新闻内容页*/
.nycontent_bg .nycontent .right .aboutlist h4{text-align: center; font-size: 20px;letter-spacing: 1px;margin-bottom:10px;}    
.nycontent_bg .nycontent .right .aboutlist p{font-size:14px;/*line-height:24px;*/color:#666666;font-family:"Microsoft YaHei";}
.nycontent_bg .nycontent .right .aboutlist{font-size:14px;line-height:24px;color:#666666;}
/*公司简介*/
.nycontent_bg .nycontent .right .aboutlist{width: 100%; line-height:35px; text-indent:2em;}
/*.nycontent_bg .nycontent .right .aboutlist p{margin-right: 10px;line-height: 20px;}*/




/*底部*/
	.footer_bg{border-top: solid #D91E1C 1px;margin-top: 10px;}
	.footer_bg .footer{max-width:1200px;margin: 0 auto;margin-top: 10px;}
	.footer_bg .footer .left{float: left;width:1000px;}
	.footer_bg .footer .friendlink{border-bottom: solid 1px #bbb;height: 40px;margin-left: 10px;}
	.footer_bg .footer .friendlink a{color:#D91E1C;float: left;margin-left: 10px;line-height:40px;}
	.footer_bg .footer .friendlink h4{color:#D91E1C;font-size:16px;float: left;line-height:34px;}
	.footer_bg .footer .left .contact p{float:left;width:400px;margin:10px;line-height: 20px;color:#666;}

	.footer_bg .footer .right{float: right;width:140px;}
	.footer_bg .footer .right img{float: right;margin:10px;}

	.footer_bg .bottom{background: #D91E1C;height: 32px;}
	.footer_bg .bottom .copyright{max-width:1200px;margin: 0 auto;color:white;line-height: 32px;padding-left: 20px;}
.zyfooter_bg{border-top: solid #D91E1C 1px;margin-top: 20px;}
.zyfooter_bg .footer{max-width:1200px;margin: 0 auto;}
.zyfooter_bg .footer .left{float: left;width:1000px;}
.zyfooter_bg .footer .right img{float: right;margin:0px 10px 0 10px;}
.zyfooter_bg .footer .left .contact p{float:left;width:400px;margin:10px;line-height: 24px;font-size:12px;margin-top: 20px;color:#666;}
.zyfooter_bg .bottom{background:#D91E1C;height:32px;}
.zyfooter_bg .bottom .copyright{max-width:1200px;margin: 0 auto;color:white;line-height: 32px;padding-left: 20px;}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}