﻿

/* 设置 */
body{overflow-x:hidden; font-family: microsoft yahei;}


/*通用头部*/
.head_r li{width:85px;float: left;text-align:center;line-height: 64px;color:#555;}
.head_r li a{font-size:12px;}
.head_r .li01{ z-index:2;position: relative;padding: 0;background: none;margin-left: 5px;line-height: 22px;margin-top: 18px; width:30px;}
.head_r .li01 .btn-search{ display:block; width:100%;text-align: center;color: #fff;*line-height: 22px;*margin-top: 22px;}
.head_r .li01 .btn-search img{
	float:left;
}
/*搜索*/
.head_r .li01 .search {position: absolute;right: 100%;top:50%;background-color: #fff;height: 30px; display:none;border: 1px #dcdcdc solid; width:150px;margin-top: -15px; *margin-top:-7px;}
.head_r .li01 .search .inp{border: none;vertical-align: top;height: 30px;line-height:30px;box-sizing: border-box;padding-left:5px; width:0;}
.head_r .li01:hover .search .inp{ width:95%;}
.head_r .li01 .item{transition: right 300ms;-moz-transition: right 300ms;-ms-transition: right 300ms;-o-transition: right 300ms;-webkit-transition: right 300ms;}
.head_r .li01 button{
	width:30px;
	height:30px;
	border:0;
	cursor:pointer;
	background-color:#fff;
}

.head_r .li02{position:relative;}
.head_r .li02 span{display: block;cursor: pointer;font-size: 12px;}
.head_r .li02 .language{ display:none;position: absolute;width: 100%;top: 100%;left: 0;background-color: #fff;z-index:7;}
.head_r .li02 .language a{display:block;line-height:32px; height:32px; color:#5a5a5a;}
.head_r .li02 .language a:hover{ background-color:#f3f3f3;}
.head_r .li02 .ico2,.head_r .li04 .ico2{width:7px; height:4px; background-position:-22px 0;margin-left: 8px;}



/*通用导航*/
.nav{position: absolute;width:100%;top:100%;left:0;height: 64px;background:url(/images/images/nav_bj.png) no-repeat center;}
.nav .nav_li{position: relative; float: left; height: 63px;line-height: 63px;width:10%;text-align: center;}
.nav .nav_li .nav_a{font-size:17px; display:block;color:#fff; position:relative;}
.nav .nav_li .nav_a:before{content:''; width:99%; height:4px; background-color:#e50012; position:absolute;z-index: -1; left:0;top:-3px; display:none; overflow:hidden;}
.nav .nav_li:hover .nav_a:before{display:block;}
.nav .nav_li ._layer{ position:absolute;top:100%; left:0; width:600px;display:none; overflow:hidden;}
.nav .nav_li ._layer ._nav2{
	padding-top:5px;
}
.nav .nav_li ._layer ._nav2 >li{
	border-bottom:1px dotted #fff;
}
.nav .nav_li ._layer ._nav2 >li>a{display:block; font-size:14px; color:#fff; position:relative;}
.nav .nav_li ._layer ._nav2 >li>a:after{ content:'';width:0; height:0;border-top:4px transparent solid; border-bottom:4px transparent solid; border-left:4px #e50012 solid; position:absolute; right:6%; top:50%; margin-top:-4px;}
.nav .nav_li ._layer ._nav2>li:hover>a{ background-color:#f3f3f3;}
.nav .nav_li ._layer ._nav2{float: left; width:18%;top:0;background:#e50012;height:auto;padding-bottom: 9999px;margin-bottom: -9999px;}
.nav .nav_li ._layer ._nav2 li{float: none;width:auto;color:#624e00;line-height:40px;}
.nav .nav_li ._layer ._nav2 a{font-size:14px; color:#000;}
.nav .nav_li ._layer ._nav2 a:hover{color:#666;}

.nav .nav_li ._layer ._c .p{line-height: 20px;}
.nav .nav_li ._layer ._c{float: left;width:35%;height:195px;;padding:10px 10px;color:#5f5f5f; line-height: 1.8;background:#fff;}
.nav .nav_li ._layer ._c .li{float:left;width:210px;}
.nav .nav_li ._layer ._c img{display: block;width:210px;height:110px;margin:auto;margin-bottom: 5px;border:1px solid #cacaca;}
.nav .nav_li ._layer ._c ._t{color:#000;font-size:1.2em;font-weight: 500;font-size:16px;}


/*通用底部*/
.foot{
	position: fixed;
	left: 0;
	bottom: 0;
	width:100%;
}
.foot.shown{
	z-index: 2;
}
.foot_top{
	width:100%;
	height:60px;
	float:left;
	background-color:#e50012;
}
.foot_top .wrap{
	padding:18px 0;
}
.f_fast li{
	float:left;
	margin-right: 5%;
}
.f_fast li img{
	float:left;
	margin-right:5px;
}
.f_fast li a{
	font-size:16px; 
	color:#fff;
	display:block;
}
.f_fenzhi{
	width: 200px;
	background-color: #b6000e;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 5;
}
.f_fenzhi .f_fz_t{
	display:block;
	height: 60px;
	line-height: 60px;
	position:relative;
	font-size:18px; 
	color:#fff;
	padding-left: 15%;
}



.foot_center{
	padding:20px 0 10px 0;
	background:url(/images/images/foot_top_bj.png) no-repeat center;
}
.foot_center dl{
	margin-right: 25px;
}
.foot_center dl dt{
	font-size:18px; 
	color:#838f8f;
	font-weight: bold;
	border-bottom:1px solid #838f8f; 
	line-height: 40px;
}
.foot_center .dl01{
	width:10%;
	margin-top:10px;
}
.foot_center .dl01 dd a{
	display:block; 
	color:#838f8f;
	border-bottom:1px solid #838f8f;
	line-height: 35px;
}
.foot_center .dl01 dd.l6 a{
	border-bottom:0;
}
.foot_center .dl02{
	width:25%;
	margin-top:10px;
}
.foot_center .dl02 dd{
	display:block; 
	color:#838f8f;
	border-bottom:1px solid #838f8f;
	line-height: 35px;
}
.foot_center .dl02 dd.d{
	border-bottom:0;
}
.foot_center .dl03{
	width:35%;
	margin-top:10px;
}
.foot_center .dl03 dd{
	display:block; 
	color:#838f8f;
	line-height:30px;
}
.foot_center .f-share img{
	width:204px;
	height:203px;
	margin-top:35px;
	margin-bottom:10px;
}
.foot_center .bdsharebuttonbox{
	 color:#838f8f;
}
.foot_center .bdsharebuttonbox .fx{
	width:60px;
	float:left;
	margin-top:15px;
}


/*图片变灰色*/
.r .bds_tsina,.r .bds_tqq,.r .bds_sqq,.r .bds_weixin {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);
    filter: gray;
}
/*图片变灰色*/

.foot_bottom{
	background-color:#171f23;
	color:#838f8f;
	padding:15px 0;
}
.foot_bottom a{
	color:#838f8f;
}


/*首页中间区域*/
.banner{height: 500px;position:relative; overflow:hidden; background-color:#fff;z-index: 3;}
.banner li{position:absolute; top:4px;height:500px;width:100%;}
.banner .slide_nav{position:absolute;bottom:50px; left:0;width:100%; text-align: center;}
.banner .slide_nav a{display:inline-block;width:12px; height:12px; line-height: 99; overflow:hidden; background-color:#fff;border-radius: 50%; cursor:pointer; margin-right: 10px; vertical-align: middle;}
.banner .slide_nav a.on{ border:2px #fff solid; background:url(about:blank);}


/*焦点图左右按钮*/
.banner .arrs{
	position: absolute;
	width:60px;
	height:60px;
	top:50%;
	margin-top: -30px;
	z-index: 3;
	cursor:pointer; 
	background:url(/images/images/bann_btn.png) no-repeat;
}
.banner .arr_prev{
	left: 0;
}
.banner .arr_next{
	right: 0; 
	background-position:right top;
}
.banner .arr_prev:hover{
	background-position:left bottom;
}
.banner .arr_next:hover{
	background-position:right bottom;
}


/*新闻*/
.cen_box2{
	width:100%;
	position: relative; 
	padding:20px 0 20px;
	background:url(/images/images/n_bj.png) no-repeat center;
	background-size:cover;
	overflow: hidden;
}
.cen_box2:before{
	content: "";
	position: absolute;
	width:0;
	height: 0;
	overflow: hidden;
	top:0;
	border:20px solid;
	border-color:#fff transparent transparent transparent;
	left: 50%;
	margin-left: -20px;
}

.cen_box2 .cen_news{
	width:520px;
	float:left;
}
.cen_box2 .video{
	width:520px;
	margin-top:20px;
	float:left;
}
.cen_box2 .video embed{
	width:520px;
	height:280px;
}
.cen_box2 .video span{
	display:block;
	text-align:center;
	line-height:35px;
	color:#5e5e5e;
}
.cen_box2 .cen_news a{
	display: block;
	position: relative;
	padding:.5em .5em .30em 2em;
}
.cen_box2 .cen_news a:hover{
	background:#e2e2e1;
}
.cen_box2 .cen_news a:before{
	content: "";
	position: absolute;
	width:0;
	height: 0;
	overflow: hidden;
	left:.8em;
	top:1.5em;
	border:4px solid;
	border-color:transparent transparent transparent #e50012;
}
.cen_box2 .cen_news ._t{
	width:450px;
	color:#000;
	font-size:1.2em;
	height: 2em;
	line-height:2;
}
.cen_box2 .cen_news ._t span{
	display:block;
	height:20px;
	font-size:12px;
	color:#e50012;
	float:right;
	line-height:3;
}
.cen_box2 .cen_news ._p{
	color:#7c7c7c;
	line-height: 20px;
	height: 20px;
	overflow:hidden;
	white-space:nowrap;		/*规定段落中的文本不进行换行*/
	text-overflow:ellipsis;   /*当对象内文本溢出时显示省略标记*/
}







/*下层--通用样式*/
.c_pd{position: relative;z-index: 5;background: #fff;margin-bottom:350px;width:100%;float:left;}



/*四个图标*/
.cen_box4{
	width:100%;
	background-color:#fafafa;
}
.cen_box4 ._ico{
	width:120px;
	height:120px;
	margin:auto;
	margin-top:10px;
}

.cen_box4 ._ico1{
	background:url(/images/images/fw1.png);
	background-size:120px 120px;
}
.cen_box4 ._ico1:hover{
	background:url(/images/images/fw.png);
	background-size:120px 120px;
}
.cen_box4 ._ico2{
	background:url(/images/images/zx1.png);
	background-size:120px 120px;
}
.cen_box4 ._ico2:hover{
	background:url(/images/images/zx.png);
	background-size:120px 120px;
}
.cen_box4 ._ico3{
	background:url(/images/images/jy1.png);
	background-size:120px 120px;
}
.cen_box4 ._ico3:hover{
	background:url(/images/images/jy.png);
	background-size:120px 120px;
}
.cen_box4 ._ico4{
	background:url(/images/images/zy1.png);
	background-size:120px 120px;
}
.cen_box4 ._ico4:hover{
	background:url(/images/images/zy.png);
	background-size:120px 120px;
}

.cen_box4 ._ico img{
	width:120px;
	height:120px;
	margin:auto;
}
.cen_box4 ._t{
	text-align:center;
	color:#525252;
	line-height:30px;
}
.cen_box4 ._p{
	font-size:13px;
	text-align:center;
	line-height:25px;
	margin-bottom:20px;
	color:#a5a5a5;
}

/*下层--产品详情*/

.pro_other .info{padding:20% 10% 0; position:relative; color:#fff; text-align: center;}
.pro_other .info .i_a{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.pro_other .info .img{display:block; text-align: center;margin-bottom: 30px;}
.pro_other .info ._tel{font-size:32px;font-family: Arial; color:#fff;display: block;line-height: 30px;}
.pro_other .info .tit{font-size:30px; font-weight: normal; line-height: 57px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.pro_other .li02 .info .tit{margin-top:30px;}
.pro_other .li02 .info .p{font-size:13px;}
.pro_other .li03 .info .p{font-size:13px;}
.pro_other .li03 .info{padding:32% 10% 0;}
.pro_other li:hover ._full{transform:scale(1.05);-webkit-transform:scale(1.05);}
.pro_other li:hover .tit{font-size:35px}

.cent_box1{padding:20px 0 20px;width:1100px;margin:auto;}
.cen_other li{position:relative; height:300px;}
.cen_other .li01 .info,.cen_other .li02 .info,.cen_other .li03 .info,.cen_other .li04 .info{position: absolute;top: 0;left: 0;right:0;bottom:0;
	border:1px solid #ededed;
	background:rgba(0,0,0,0.4) !important;
	background:#000;
	filter:alpha(opacity=40);
}
.cen_other .li01 .info,.cen_other .li04 .info{padding:31% 15%;}
.cent_box1 .cen_other li .info .p{font-size:14px;line-height: normal;}

.cen_other .li01 .info a:hover,.cen_other .li02 .info a:hover,.cen_other .li03 .info a:hover,.cen_other .li04 .info a:hover{
	background:rgba(255,0,0,0.4) !important;
	background:#ff0000;
	filter:alpha(opacity=40);	
}




/*多块好省*/
.cent_box1:before{
	content: "";
	position: absolute;
	width:0;
	height: 0;
	overflow: hidden;
	top:0;
	border:20px solid;
	border-color:#290e4e transparent transparent transparent;
	left: 50%;
	margin-left: -20px;
}
.chan_tit{
	width: 1100px;
	margin: 0 auto 30px;
	text-align:center;
}
.chan_tit .tit{
	font-size:36px;
	color:#555; 
	position:relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.chan_tit .p{
	width:1100px;
	font-size:16px; 
	color:#757575;
	line-height:30px;
}




/*头部表单*/
.top-form{ display:none; width:1920px; height:440px; position:absolute; top:64px; left:50%; margin-left:-960px; background:#ecf0f1; z-index:50; padding-top:60px;}
.top-form .wrap{ position:relative;}
.top-form-ewm{ float:left; width:45%; margin-right:6%;}
.top-form-message{ width:35%; float:left;}
.top-ewmnr{margin-top:10px; padding-top:15px;padding-bottom:15px;}
.top-ewm-left{ float:left; width:180px;}
.top-ewm-left ._ewmimg{ width:180px;float:left; margin-right:10px;}
.top-ewm-left ._ewmimg img{width:180px; height:180px;}
.top-ewm-left ._ohlink{ float:left; width:75px; font-size:15px;}
.top-ewm-left ._ohlink a{ display:block;}
.top-ewm-left ._ohlink a:hover{ color:572b22; font-weight:bold; }
.top-ewm-left ._zxtel{ margin-top:10px; width:100%; float:left;}
.top-ewm-left ._zxtel span{ display:block; float:left;}
.top-ewm-left ._zxtel ._tl1{ line-height:20px; margin-right:5px;}
.top-ewm-left ._zxtel ._tl2{ font-size:30px; font-family:arial; color:#572b22; line-height:40px;}
.top-ewm-right{ float:right; width:56%; color:#777;}
.top-ewm-right ._tel{font-family: Arial;font-size:36px; color:#e4000d; line-height: 35px;}
.top-ewm-right .p1{font-size:22px; color:#e4000d; line-height: 30px;margin-bottom: 20px;}
.top-ewm-right .p2{
	line-height:30px;
}
.top-ewm-right ._ct1{ font-size:15px; color:#000;}
.top-ewm-right a{ color:#777;}
.top-ewm-right a:hover{ text-decoration:underline; }
.top-mess-lant{ font-size:20px; margin-bottom:10px; }
.top-mess-form{ overflow:hidden;}
.top-mess-form ._tmesinp{ width:100%; border:none; height:38px; line-height:38px; background:#fff;text-indent:20px; float:left;}
.top-mess-form ._tmsarea{ width:100%; border:none; padding:20px 0; height:90px; background:#fff; font-family:微软雅黑; outline:none; text-indent:20px;float:left;}
.top-mess-form ._tmesbtn{ height:45px; line-height:45px; background-color:#e4000d;border:0; width:98%; padding:0; color:#fff; float:left;font-size:20px;box-sizing: content-box; margin-top:26px; cursor:pointer;}

.top-form-close{ font-size:20px; color:#e4000d; position:absolute; top:-50px; right:50px; cursor:pointer;}

.top-mess-form label{position:relative;display:block;height: 40px;margin-bottom: 10px;}
.top-mess-form label .Validform_wrong{position: absolute;right: 0;top: 8px;}

