@charset "UTF-8";
.main{padding:0 7vw 0 7vw; margin:auto; position:relative;}

.fd_top{position:fixed; width:100%; top:0; left:0; z-index:9999999999;}

.top_kong{ display:none;}

.header{ position:fixed; width:100%; height:114px; left:0; top:0; z-index:88888888;}
.header2{ background-color: rgba(0,0,0,0.8);}
.header .logo{float:left; margin:20px 0 12px 40px;}
.header .logo img{ max-height:76px;}
.header .mright{float:right; margin:20px 10px 15px 0;}
.header .mright .input_box{ height:34px;}
.header .mright .input_box div{float:right; margin-right:40px; background-color:#FFFFFF; width:170px; height:34px; line-height:34px; padding-left:12px;}
.header .mright .input_box div p{ float:left; width:70%; width: calc(100% - 38px); width: -moz-calc(100% - 38px); width: -webkit-calc(100% - 38px);}
.header .mright .input_box div p .minput{width:100%; border:1px solid #FFFFFF; height:32px; line-height:32px;}
.header .mright .input_box div span{ float:right;}
.header .mright .input_box a{ float:right; position: relative; display: block; height: 34px; line-height: 34px; padding-right: 20px; color: #ffffff; font-size: 16px;}

/*主导航开始*/
.header .mright .nav_box{ padding:8px 10px 0 0;}
.header .mright .nav_box li{float:left; position:relative; text-align:center;}
.header .mright .nav_box li > a{ display:inline-block; line-height:42px; padding:0 30px 0 30px;  font-size:18px; color:#ffffff; font-weight:bold;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.header .mright .nav_box li .a_be{ color:#289FD7;}
.header .mright .nav_box li p{position:absolute; left:0; top:55px; width:100%; left:0%; display:none; z-index:666666; background-color:#427C15;}
.header .mright .nav_box li p a{position:relative; display:block; text-align:center; line-height:40px; height:40px; overflow:hidden; font-size:14px; padding:0 12px 0 12px; color:#ffffff; border-bottom:1px solid #335F10;}
.header .mright .nav_box li p a:last-child{border-bottom:0;}
.header .mright .nav_box li p a:hover{ color:#ffffff; background-color:#335F10;}
.header .mright .nav_box li:hover > a{ color:#289FD7;}
.header .mright .nav_box li:hover p{
	display:none;   /*改成block 就会显示下拉菜单*/
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}



/*手机点开*/
.nav_x{ float:right; display:none; margin:15px 15px 0 0;}
.nav_x2{ line-height: 50px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:30px; color:#ffffff;}

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-color: rgba(255,255,255,0.95); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ border-bottom:4px solid #289FD7; width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 60px; line-height: 60px; text-align: right; padding-right: 16px;}
.x_nav_t a{ color: #000000; font-size: 16px; font-weight:normal; vertical-align:middle;}
.x_nav_t i{font-size:24px; vertical-align:middle; color:#000000;}

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 45px; line-height: 45px; display: block; font-size: 16px; color: #333333;  padding-left: 18px;  background-color: rgba(238,238,238,0.7); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 40px; display: inline-block; line-height: 40px; text-align: center; float: right; margin-right: 0px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li span.xjian{ background: url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd .a_bj{ background-color:#FFFFFF; padding-left:38px; font-size:14px; background-image:url(../images/shu_lan.png); background-repeat:no-repeat; background-position:18px center; }
.xnav_xl dd .a_bj1{ font-weight:bold; color:#555555; background-color:#f9f9f9;}
.xnav_xl dd .a_bj2{ padding-left:48px;}
.xnav_xl dd .a_bj3{ padding-left:48px; font-weight:bold;}
.xnav_xl dd .a_bj4{ padding-left:60px;}




/*banner大图*/
.banner{position:relative; margin:auto;}
.banner .arrow{
	width:35px;
	height:80px;
	line-height:80px;
	position:absolute;	
	top:40%;  top: calc(50% - 40px); top: -moz-calc(50% - 40px); top: -webkit-calc(50% - 40px);
	color:#ffffff;	
	z-index:999;
	font-family:"宋体";
	font-size:24px; font-weight:bold;
	cursor:pointer;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	
	filter:alpha(opacity=0); /* IE */
	-moz-opacity:0.0; /* 老版Mozilla */
	-khtml-opacity:0.0; /* 老版Safari */
	opacity: 0.0; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#ffffff;}
.banner .arrow.pre { left:0px; padding-left:5px; border-radius:0 40px 40px 0; -moz-border-radius:0 40px 40px 0;  -webkit-border-radius:0 40px 40px 0; text-align:left;}
.banner .arrow.next { right:0px; padding-right:5px; border-radius:40px 0 0 40px; -moz-border-radius:40px 0 0 40px;  -webkit-border-radius:40px 0 0 40px; text-align:right;}
.banner:hover .arrow{}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:50px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background: #ffffff;
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	margin: 0 10px;
	outline: medium none;
	padding: 0;
	width: 20px;
	border:1px solid #ffffff;
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.banner .slick-dots li.slick-active button {
	background:#289FD7;
	border:1px solid #289FD7;
	width:20px;
	height:20px;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; position:relative; width:100%; height:80vh; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .dataitem a{position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .dataitem img{width:100%; display:none;}
/*左右滚动结束*/


/*左右宽*/
.pd12{padding:0 12vw 0 12vw;}
.pd10{padding:0 10vw 0 10vw;}
.pd8{padding:0 8vw 0 8vw;}
.pd7{padding:0 7vw 0 7vw;}
.pd6{padding:0 6vw 0 6vw;}

.hei6{height:6px; line-height:6px;}
.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px;}
.hei30{height:30px;}
.hei2vw{height:2vw;}
.hei25vw{height:2.5vw;}
.hei3vw{height:3vw;}
.hei35vw{height:3.5vw;}
.hei4vw{ height:4vw;}
.hei45{ height:4.5vw; line-height:4.5vw;}
.hei5{ height:5vw; line-height:5vw;}
.hei55{ height:5.5vw; line-height:5.5vw;}
.hei6{ height:6vw; line-height:6vw;}
.hei7{ height:7vw; line-height:7vw;}
.hei8{ height:8vw; line-height:8vw;}



/*首页公司简介*/
.about_explain{}
.about_explain li{ float:left; width:25%;}
.about_explain li .c_box{ padding:0 3vw 0 3vw; text-align:center;}
.about_explain li .c_box .mimg{}
.about_explain li .c_box .mimg img{max-width:100%;}
.about_explain li .c_box .t1{ line-height:40px; font-size:20px; color:#000000; padding:14px 0 8px 0; font-weight:bold;}
.about_explain li .c_box .t2{ line-height:1.8em; height:3.6em; overflow:hidden; font-size:14px; color:#888888;}

.i_about{ position:relative;}
.i_about .mleft{ float:left; width:50%;}
.i_about .mleft .c_box{padding:20px 5.2vw 20px 7vw;}
.i_about .mleft .c_box .t1{ text-align:left;}
.i_about .mleft .c_box .t1 img{ max-width:100%;}
.i_about .mleft .c_box .t2{padding:24px 0 10px 0; border-bottom:4px solid #EEEEEE; line-height:1.8em; font-size:28px; color:#000000; font-weight:bold;}
.i_about .mleft .c_box .t2 span{color:#289FD7;}
.i_about .mleft .c_box .t3{padding:20px 0 0 0; line-height:2em; font-size:14px; color:#888888;}
.i_about .mleft .c_box .t3 img{max-width:100%;}

.i_about .mright{ position:absolute; width:43%; height:100%; background-image:url(); background-repeat:no-repeat; background-size:cover; background-position:left top; top:0; right:7vw;}
.i_about .mright img{width:100%; display:none;}




.i_more{text-align:left; padding:38px 0 0 0;}
.i_more a{display:inline-block; padding:0 30px 0 30px; height:38px; line-height:38px; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; color:#289FD7; font-size:16px; border:1px solid #289FD7;}
.i_more a:hover{background-color:#289FD7; color:#FFFFFF;}

.i_more2{text-align:center; padding:28px 0 0 0;}
.i_more2 a{display:inline-block; padding:0 100px 0 100px; height:60px; line-height:60px; border-radius:30px; -moz-border-radius:30px;  -webkit-border-radius:30px; color:#ffffff; background-color:#289FD7; font-size:16px;}
.i_more2 a:hover{background-color:#000000;}




/*版块标题*/
.bk_title{ line-height:1.8em; color:#888888; font-size:14px; text-align:center;}
.bk_title p{ color:#000000; font-size:28px; font-weight:bold; padding:0 0 10px 0;}
.bk_title p span{color:#25A0D9;}
.bk_title2{color:#FFFFFF;}
.bk_title2 p{color:#FFFFFF;}




/*首页产品*/
.i_pro_bj{background-image:url(../images/pro_bj.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}

/*产品列表*/
.i_pro_ul{}
.i_pro_ul li{ float:left; width:31%; width: calc((100% - 60px)/3); width: -moz-calc((100% - 60px)/3); width: -webkit-calc((100% - 60px)/3); margin:30px 30px 0px 0; position:relative;}
.i_pro_ul li:nth-child(3n+3){margin-right:0;} 
.i_pro_ul li .con_box{ padding:14px; background-color:#FFFFFF;}
.i_pro_ul li .con_box .mimg{text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; position:relative;
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.i_pro_ul li .con_box .mimg img{ width:100%; display:block; visibility:hidden;}
.i_pro_ul li .con_box .mtitle{overflow:hidden; height:50px; line-height:25px; text-align:left;}
.i_pro_ul li .con_box .mtitle a{font-size:14px; color:#333333;}
.i_pro_ul li .con_box:hover .mtitle{ border-left:4px solid #2EC3E4; padding-left:14px;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari 和 Chrome */
	-o-transition: all 0.2s; /* Opera */
}

/*首页案例*/
.i_case_bj{background-repeat:no-repeat; background-position:center top; background-size:cover;}
.i_case_ul{}
.i_case_ul li{ float:left; width:23%; width: calc((100% - 60px)/4); width: -moz-calc((100% - 60px)/4); width: -webkit-calc((100% - 60px)/4); margin:30px 20px 0px 0; position:relative;}
.i_case_ul li:nth-child(4n+4){margin-right:0;} 
.i_case_ul li .con_box{ padding:6px; background-color:#FFFFFF;}
.i_case_ul li .con_box .mimg{text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; position:relative;
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.i_case_ul li .con_box .mimg img{ width:100%; display:block; visibility:hidden;}
.i_case_ul li .con_box .mtitle{overflow:hidden; height:50px; line-height:25px; text-align:center;}
.i_case_ul li .con_box .mtitle a{font-size:14px; color:#333333;}
.i_case_ul li .con_box:hover .mtitle a{color:#2EC3E4;}
.i_case_ul2{}
.i_case_ul2 .con_box{ background-color:#663300; padding:5px; border:1px solid #dddddd;}
.i_case_ul2 li .con_box .mtitle{ height:35px; line-height:35px; overflow:hidden;}


/*首页新闻*/
.i_news_box{position:relative; margin:auto; padding:0 0 40px 0;}
.i_news_box .arrow{	width:57px;	height:44px; line-height:44px; position:absolute; top:40%;  top: calc(50% - 22px); top: -moz-calc(50% - 22px); top: -webkit-calc(50% - 22px); background-color:#000000;	color:#ffffff;	
	z-index:999; font-family:"宋体"; font-size:18px; cursor:pointer; text-align:center;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
	
	display:none !important;
}
.i_news_box .arrow.pre { left:0px;}
.i_news_box .arrow.next { right:0px;}
.i_news_box:hover .arrow{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/	
}

.i_news_box .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0px;
}
.i_news_box .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.i_news_box .slick-dots li button {
	background: #ffffff;
	border:1px solid #bbbbbb;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 16px;
	width:16px;
	border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
		
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.i_news_box .slick-dots li.slick-active button {
	background: #289FD7;
	border:1px solid #289FD7;
}
/*上半部分是固定的 下边是网站的css样式*/
.i_news_box .dataitem{ width:100%;}
/*左右滚动结束*/

/*新闻*/
.news_li{ position:relative; padding:24px 24px 0 24px;}
.news_li .img_box{background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; position:relative;}
.news_li .img_box img{ width:100%; display:block; visibility:hidden;}
.news_li .img_box .layer_hui{position:absolute; bottom:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); overflow:hidden; z-index:4444;}
.news_li .img_box .layer_hui:hover{background-color: rgba(0,0,0,0.8);
	transition: all 0.6s;
	-moz-transition: all 0.6s; /* Firefox 4 */
	-webkit-transition: all 0.6s; /* Safari 和 Chrome */
	-o-transition: all 0.6s; /* Opera */
}
.news_li .img_box .mydate{position:absolute; bottom:0; left:0; width:78px; padding:10px 0 10px 0; font-size:16px; color:#FFFFFF; font-weight:bold; z-index:55555; background-color:#28A0D5; text-align:center;}
.news_li .img_box .mydate p{ font-size:28px; color:#FFFFFF; padding-bottom:4px;}
.news_li .t_box{ padding:20px;}
.news_li .t_box .t1{ font-size:16px; color:#333333; font-weight:bold; position:relative; display:block; height:60px; line-height:30px; overflow:hidden;}
.news_li .t_box .t2{ font-size:14px; padding:12px 0 0 0; line-height:2em; height:4em; color:#999999; overflow:hidden;}
.news_li .t_box .t3{ padding:15px 0 0 0;}
.news_li .t_box .t3 a{display:inline-block; padding:0 25px 0 25px; height:30px; line-height:30px; border:1px solid #A0A0A0; color:#A0A0A0; font-size:14px; border-radius:15px; -moz-border-radius:15px;  -webkit-border-radius:15px;}
.news_li .t_box .t3 a:hover{background-color:#28A0D5; border:1px solid #28A0D5; color:#FFFFFF;}
.news_li:hover .t_box{background-color:#F2F2F2;}


/*底部信息*/
.footer_box{background-color:#2E313A; border-top:12px solid #289FD7;}
.footer_box .c_box{ padding:30px 0 30px 0; border-bottom:1px solid #666666;}
.footer_box .c_box .mleft{ float:left; width:50%;}
.footer_box .c_box .mleft .f_logo{ text-align:left;}
.footer_box .c_box .mleft .f_logo img{max-width:100%;}
.footer_box .c_box .mleft .t1{ height:30px; line-height:30px; background-image:url(../images/f_tel.jpg); background-repeat:no-repeat; background-position:left center; padding:18px 0 10px 42px; font-size:14px; color:#FFFFFF;}
.footer_box .c_box .mleft .t1 span{font-size:24px; font-weight:bold;}
.footer_box .c_box .mleft .t2{line-height:2em; font-size:14px; color:#FFFFFF;}
.footer_box .c_box .mleft .t2 a{color:#FFFFFF;}

.footer_box .c_box .mcenter{ float:left; width:25%;}
.footer_box .c_box .mcenter .t1{font-size:18px; color:#FFFFFF; padding:50px 0 0 0;}
.footer_box .c_box .mcenter .t2{ padding:15px 0 0 0; width:250px;}
.footer_box .c_box .mcenter .t2 a{ position:relative; display:block; float:left; width:50%; text-align:left; line-height:2em; color:#FFFFFF;}
.footer_box .c_box .mcenter .t2 a:hover{color:#289FD7;}

.footer_box .c_box .mright{float:left; width:25%;}
.footer_box .c_box .mright .t1{font-size:18px; color:#FFFFFF; padding:50px 0 0 0;}
.footer_box .c_box .mright .t2{ padding:15px 0 0 0;}
.footer_box .c_box .mright .t2 p{float:left; margin-right:35px;}
.footer_box .c_box .mright .t2 p img{ max-width:110px;}
.footer_box .copy{padding:16px 0 16px 0; line-height:1.6em; color:#717171; text-align:center; font-size:14px;}






/*二级页面*/
.er_banner{ background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.er_banner img{width:100%; display:block;}
.er_banner .t-box{ position:absolute; left:0; top:40%; width:100%; height:90px; text-align:center;}
.er_banner .t-box .t_title{line-height:2em; text-align:left; font-size:56px; color:#ffffff; font-weight:bold; text-shadow: 0px 3px 3px #555555; background-image:url(../images/lantiao.jpg); background-repeat:no-repeat;
	background-position:left bottom;}
.er_banner .t-box .en_title{ padding:10px 0 0 0; font-size:24px; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; color:#FFFEFF; font-weight:bold; text-shadow: 0px 1px 1px #555555;}



/*资质证书*/
.cert_box{position:relative; margin:auto; padding:25px 0 40px 0;}
.cert_box .arrow{ width:50px;	height:50px; line-height:50px; position:absolute; top:40%;  top: calc(50% - 25px); top: -moz-calc(50% - 25px); top: -webkit-calc(50% - 25px);
	z-index:999; font-family:"宋体"; font-size:48px; cursor:pointer; text-align:center; color:#999999;
	border-radius:25px; -moz-border-radius:25px;  -webkit-border-radius:25px;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.cert_box .arrow.pre { left:-50px;}
.cert_box .arrow.next { right:-50px;}
.cert_box:hover .arrow{
	color:#289FD7;
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/	
}

.cert_box .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0px;
}
.cert_box .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.cert_box .slick-dots li button {
	background: #ffffff;
	border:1px solid #bbbbbb;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 16px;
	width:16px;
	border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
		
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.cert_box .slick-dots li.slick-active button {
	background: #289FD7;
	border:1px solid #289FD7;
}
/*上半部分是固定的 下边是网站的css样式*/
.cert_box .dataitem{ width:100%; padding:5px 12px 5px 12px;}
.cert_box .dataitem .c_box{background-color:#FFFFFF; padding:12px; border:1px solid #eeeeee;
	-webkit-box-shadow: 0 0 5px #aaaaaa;  
	-moz-box-shadow: 0 0 5px #aaaaaa;
	box-shadow: 0 0 5px #aaaaaa;
	border-collapse:separate !important;
}
.cert_box .dataitem .c_box .mimg{}
.cert_box .dataitem .c_box .mimg img{ width:100%; display:block;}
.cert_box .dataitem .c_box .mtitle{ position:relative; display:block; padding:10px 0 10px 0; font-size:14px; line-height:2em; color:#555555; text-align:center;}
/*左右滚动结束*/


.weizhi{ background-color:#f5f5f5; line-height:58px; padding:0 7vw 0 7vw;}
.weizhi div{float:left; background-image:url(../images/weizhi.jpg); background-repeat:no-repeat; background-position:left center; color:#999999; padding:0 0 0 40px; font-size:15px;}
.weizhi div a{color:#666666; font-size:15px;}
.weizhi div a:hover{color:#289FD7;}






/*产品页面*/
.type_list{ padding:30px 0 0px 0; height:60px;}
/*css 处理select*/
.select_box{ width:240px; position:relative; float:right;}
.select_box .title{ height:50px; line-height:50px; padding:0 15px 0 15px; background-image:url(../images/xiasanjiao.jpg); background-repeat:no-repeat; background-position:220px center; background-color:#F5F6F8; color:#777777; font-size:14px; cursor:pointer;}
.select_box p{ position:absolute; display:none; z-index:999999999; width:100%; top:50px; left:0; background-color:#FFFFFF;}
.select_box p a{ position:relative; display:block; height:38px; line-height:38px; padding:0 15px 0 15px; font-size:14px; color:#666666;  border-bottom:1px solid #F0F2F5;}
.select_box p a:hover,
.select_box p .a_be{ background-color:#289FD7; color:#f2f2f2;}


/*图片列表*/
.pro_ul{}
.pro_ul li{ float:left; width:31%; width: calc((100% - 75px)/4); width: -moz-calc((100% - 75px)/4); width: -webkit-calc((100% - 75px)/4); margin:20px 25px 10px 0; position:relative;}
.pro_ul li:nth-child(4n+4){margin-right:0;} 
.pro_ul li .con_box{ border:1px solid #f1f1f1; background-color:#f9f9f9; padding:10px; overflow:hidden;}
.pro_ul li .con_box .mimg{background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; position:relative;}
.pro_ul li .con_box .mimg img{ width:100%; display:block; visibility:hidden;}
.pro_ul li .con_box .mtitle{text-align:center;  overflow:hidden; height:46px; line-height:46px; padding:0 12px 0 12px;}
.pro_ul li .con_box .mtitle a{font-size:14px; color:#444444;}
.pro_ul li .con_box:hover .mtitle a{color:#289FD7;}


/*公司新闻页面*/
.news_list{ padding:0 0 0 0;}
.news_list li{float:left; position:relative; margin:60px 30px 0 0; width:31%; width: calc((100% - 60px)/3); width: -moz-calc((100% - 60px)/3); width: -webkit-calc((100% - 60px)/3); }
.news_list li:nth-child(3n+3){margin-right:0;} 
.news_list li .img_box{background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.news_list li .img_box img{ width:100%; display:block; visibility:hidden;}
.news_list li .layer_hui{position:absolute; bottom:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); overflow:hidden; z-index:4444;}
.news_list li .layer_hui:hover{background-color: rgba(0,0,0,0.8);
	transition: all 0.6s;
	-moz-transition: all 0.6s; /* Firefox 4 */
	-webkit-transition: all 0.6s; /* Safari 和 Chrome */
	-o-transition: all 0.6s; /* Opera */
}
.news_list li .layer{position:absolute; bottom:0; left:0; width:80%; padding:16px 25px 18px 25px; font-size:16px; color:#FFFFFF; background-color: rgba(0,0,0,0.8);
	width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); height:auto; line-height:24px; overflow:hidden; z-index:55555;}
.news_list li .layer2{position:absolute; left:0; top:25px; padding:0 15px 0 15px; border-left:10px solid #2EC3E4; height:18px; line-height:18px; font-size:18px; color:#ffffff; z-index:55555;}



.quality{ text-align:left; padding:10px 0 0 0;}


/*常见问题*/
.faq_ul{ padding:0 0 0 0;}
.faq_ul li{ padding:14px 0 14px 0; border-bottom:1px solid #eeeeee;}
.faq_ul li .mimg{float:left; width:25%; border:1px solid #eeeeee; overflow:hidden; padding:5px;}
.faq_ul li .mimg img{width:100%; display:block;}
.faq_ul li .nr-box{ float:right; width:71%;}
.faq_ul li .nr-box .mtitle{ line-height:2.2em; height:2.2em; overflow:hidden; padding:8px 0 0 0;}
.faq_ul li .nr-box .mtitle a{font-size:18px; color:#000000;}
.faq_ul li .nr-box .mtitle a:hover{color:#289FD7;}
.faq_ul li .nr-box .mdate{ line-height:1.8em; font-size:12px; color:#aaaaaa;}
.faq_ul li .nr-box .mjianjie{ font-size:14px; color:#777777; line-height:2em; max-height:8em; overflow:hidden; padding:5px 0 0 0;}
.faq_ul li .nr-box .more{ padding:15px 0 0 0;}
.faq_ul li .nr-box .more a{ display:inline-block; border:1px solid #dddddd; line-height:34px; padding:0 30px 0 30px; font-size:14px; color:#555555;}
.faq_ul li .nr-box .more a:hover{color:#FFFFFF; border:1px solid #289FD7; background-color:#289FD7;}



/*产品详细*/
.pro_box{ padding:0px 0 0px 0;}
.pro_box .line1{}
.pro_box .line1 .mleft{ float:left; width:70%; width: calc(100% - 524px); width: -moz-calc(100% - 524px); width: -webkit-calc(100% - 524px);}
.pro_box .line1 .mleft .img_box{background-image:url(../images/pro_bj2.png); background-repeat:no-repeat; background-position:left bottom; background-size:96% 88%; padding:0 0 10px 10px;}
.pro_box .line1 .mleft .img_box .img{ border:1px solid #eeeeee; background-color:#FFFFFF; text-align:center; padding:50px 30px 50px 30px; overflow:hidden;}
.pro_box .line1 .mleft .img_box .img img{width:100%;}

.pro_box .line1 .mright{ float:right; width:485px; background-color:#F7F7F7;}
.pro_box .line1 .mright .t_box{ padding:40px 50px 40px 50px;}
.pro_box .line1 .mright .t_box .t1{line-height:2.2em; font-size:20px; color:#000000;}
.pro_box .line1 .mright .t_box .t2{font-size:12px; color:#A7A7A7;}
.pro_box .line1 .mright .t_box ul{ border-top:1px solid #ABA7A6;}
.pro_box .line1 .mright .t_box ul li{ float:left; height:44px; line-height:44px; width:50%; color:#686868; overflow:hidden; border-bottom:1px solid #ABA7A6;}
.pro_box .line1 .mright .t_box .zxkf{ padding:18px 0 0 0; text-align:center;}
.pro_box .line1 .mright .t_box .zxkf a{ display:inline-block; width:100%; height:45px; line-height:44px; background-color:#000000; color:#FFFFFF;}
.pro_box .line1 .mright .t_box .zxkf a:hover{background-color:#E89A2E;}

.pro_box .line2{line-height:40px; border-bottom:1px solid #D9D9D9;}
.pro_box .line2 p{float:left; display:inline-block; line-height:40px; font-size:15px; color:#ffffff; background-color:#000000; padding:0 25px 0 25px;
border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0;  -webkit-border-radius:6px 6px 0 0;}
.pro_box .line3{padding:20px 10px 20px 10px; line-height:42px; font-size:16px; color:#444444; text-align:justify;}
.pro_box .line3 img{max-width:100%;}


.fanhui{ text-align:center; }
.fanhui a{ display:inline-block; width:230px; height:50px; line-height:49px; background-color:#ffffff; color:#289FD7; font-size:14px; border:1px solid #289FD7; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;}
.fanhui a:hover{ background-color:#289FD7; color:#FFFFFF;}

.about_box{padding:10px 4px 10px 4px;}

/*联系我们*/
.contact_us{ background-color:#f8f8f8;}
.contact_us .t1{font-size:42px; font-weight:bold; color:#289FD7; text-align:center;}
.contact_us .t2{ padding:20px 0 0 0; font-size:14px; line-height:1.8em; color:#888888;}
.contact_us2{}
.contact_us2 .mleft{ float:left; width:50%; }

.contact_us2 .mright{ float:left; width:50%;}
.contact_us2 .mright .c_box{padding:0 3vw 0 3vw; font-size:14px; color:#888888;}
.contact_us2 .mright .c_box table{}
.contact_us2 .mright .c_box table tr td{ color:#9f9f9f; padding:12px 12px 12px 12px; line-height:2em; text-align:left;}
.contact_us2 .mright .c_box table tr td:first-child{ color:#000000; width:140px;}


.contact_list{}
.contact_list li{ float:left; width:45%; width: calc((100% - 25px)/2); width: -moz-calc((100% - 25px)/2); width: -webkit-calc((100% - 25px)/2); margin:25px 25px 10px 0;}
.contact_list li:nth-child(2n+2){margin-right:0;} 
.contact_list li .c_box{padding:10px 20px 20px 20px; border:1px solid #dddddd; background-color:#FFFFFF; text-align:left;}
.contact_list li .c_box .t1{ position:relative; display:block;  text-align:left; height:40px; line-height:40px; font-size:22px; font-weight:bold; padding:10px 0 10px 0; color:#289FD7; border-bottom:1px solid #f1f1f1;}
.contact_list li .c_box .t2{padding:10px 0 0 0;  text-align:left; font-size:14px; line-height:1.8em; color:#888888;}




/*留言板*/
.message-box{ padding:20px 3vw 20px 3vw; border-right:1px solid #E8E8E8;}
.message-box .mtitle{line-height:38px; font-size:14px; }
.message-box .mtitle i{color:#FF0000;}

.message{ padding:0 0 12px 0;}
.message li{ float:left; width:100%; font-size:14px; line-height:42px; padding:14px 0 0 0;}
.message li p{float:left; width:140px; padding-left:12px; color:#666666; text-align:left;}
.message li p i{color:#FF0000;}
.message li div{float:left; width:100%; font-size:14px;}
.message li div .minput{ height:42px; line-height:42px; border:1px solid #cccccc; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666;}
.message li div .minput2{ width:60px;}
.message li div span{float:left;}
.mfk_sub{text-align:left;}
.mfk_sub .inputsub{ height:38px; line-height:36px; border:1px solid #289FD7; width:200px; background-color:#289FD7; border-radius:2px; font-size:14px; color:#ffffff;}
.mfk_sub .inputsub:hover{ background-color:#000000; border:1px solid #000000;}




/*弹出层 留言板*/
.tanchu_box{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:4444; background-color: rgba(140,140,140,0.96);}
.tanchu_box .layer{ position:relative; width:600px; height:100%; margin:auto;}
.tanchu_box .layer .input_box{ position:absolute; background-color: rgba(255,255,255,0.9); width:100%; height:300px; top:30%; top:calc(50% - 150px); top: -moz-calc(50% - 150px); top: -webkit-calc(50% - 150px); left:0; text-align:center;
	-webkit-box-shadow: 1px 1px 2px #666666;  
	-moz-box-shadow: 1px 1px 2px #666666;
	box-shadow: 1px 1px 2px #666666;
	border-collapse:separate !important;
	border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;
}
.tanchu_box .layer .input_box .mtitle{ padding:50px 40px 30px 40px; font-size:24px; font-weight:bold; text-align:center; color:#B1000B;}
.tanchu_box .layer .input_box .p1{ text-align:center; padding:0 50px 20px 40px;}
.tanchu_box .layer .input_box .p1 .myinput{height:42px; line-height:42px; border:1px solid #dddddd; width:calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666; background-color:#FFFFFF; text-align:center;}
.tanchu_box .layer .input_box .mysub{ width:140px; text-align:center; height:38px; line-height:38px; background-color:#B1000B; color:#FFFFFF; font-size:16px;
	border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;
}




/*搜索结果*/
.soso_box{ padding:10px 0 10px 0;}
.soso_box li{ padding:5px 10px 5px 10px;}
.soso_box li a{ position:relative; display:block; border-bottom:1px solid #dddddd; line-height:40px; height:40px; overflow:hidden; font-size:14px; background-image:url(../images/yuandian.png); background-repeat:no-repeat; background-position:8px center; padding:0 0 0 25px;}









/*右边客服*/
.kefu_right{position:fixed; display:none; right:0; top:30%; z-index:9876;}
.kefu_right li{ border:1px solid #eeeeee; position:relative; background-color:#ffffff; border-radius:6px 0 6px 0; -moz-border-radius:6px 0 6px 0;  -webkit-border-radius:6px 0 6px 0; width:70px;}
.kefu_right li > a{position:relative; display:block; width:100%; text-align:center; padding:10px 0 10px 0; text-align:center; line-height:20px; font-size:12px; color:#555555;}
.kefu_right li > a img{ max-width:100%; 
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li p{position:absolute; display:none; right:-250px; top:0; border:1px solid #eeeeee; white-space:nowrap; background-color:#f9f9f9;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover > a img{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li:hover p{display:block;
	right:70px;	
}
.kefu_right li:first-child p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 20px 0 20px;}
.kefu_right li:nth-child(2) p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:10px 10px 10px 10px;}
.kefu_right li:nth-child(3) p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 20px 0 20px;}
.kefu_right li:last-child{border-bottom:0;}




/*详细*/
.xx_box{padding:0 10px 0 10px;}
.xx_title{ padding:30px 0 16px 0; color:#222222; font-size:24px; text-align:center; line-height:2em; font-weight:bold; }
.xx_author{ text-align:center; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; line-height:3em; font-size:14px; color:#999999; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
.xx_video{ padding:10px 0 10px 0; text-align:center; width:60%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:15px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{font-size:16px; text-align:left; line-height:1.8em; color:#666666; padding:15px 0 0 0;}
.xx_content img{max-width:100%;}



.pre_next{ padding:15px 0 15px 0; background-color:#FFFFFF; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.pre_next p{float:left; width:50%; overflow:hidden; line-height:30px; height:30px;}
.pre_next p a{ font-size:14px; color:#333333;}
.pre_next p a:hover{ color:#289FD7;}
.pre_next .p_l{ float:left; text-align:left;}
.pre_next .p_r{ float:right; text-align:right;}


/***********************************其它页面结束*/





/*分页开始*/
.mypage{ height:30px; padding:20px 0 15px 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:26px; line-height:26px; padding:0 10px 0 10px; color:#888888; font-size:14px; background-color:#ffffff; border:1px solid #eeeeee; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.mypage div a:hover,
.mypage div .a_be{ background-color:#289FD7; color:#FFFFFF;}
/*分页结束*/




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}