﻿@charset "utf-8";
/**************************banner**************************/
.banner_ny { padding-top:30px;}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}

@media screen and (max-width: 1200px) {
.banner_ny{ padding-top:60px;}

}
@media screen and (max-width: 720px) {
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	.banner_ny img{ min-height:120px;}
}

table{
	font-size: 14px;
	margin-top:10px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

tr {
	line-height: 36px;
	
}
 td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left: 8px;

}
video{ text-align:center; width:60%; margin:0 auto; overflow:hidden; margin-left:20%;}
@media screen and (max-width: 1000px) {
    
   video{ text-align:center; width:100%; margin:0 auto; overflow:hidden; margin-left:0%;} 
}

/*==============PC内页导航=====================*/



/*==============PC内页导航=====================*/
.position{ float:right;top: 0px; z-index: 9; line-height:70px; color:#fff; background:url(../images/icon_home.png) left center no-repeat; padding-left:16px;}
.position span,.position a,.position i{ font-size:15px; color:#fff;}
.position em{ font-size:15px; color:#99CC3B; font-style:normal;}
.position a:hover{ color:#99CC3B;}

@media (max-width:1200px) {
.position{ display:none;}
}

/*==============内页PC端导航=====================*/
.con_title{background: #009944; border-bottom:1px solid #ededed;}
.n_title{ height:70px; line-height:70px; z-index: 2; }

.n_title dl{ width: 13%; float: left; position: relative; margin-right:10px;} 

.n_title dt a{ font-size:16px; text-align: center; display:block; color:#fff; margin-bottom:0px; height:70px; line-height:70px;}

.n_title dl dd{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #fff; z-index:99;}

.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; display: block; color:#333; line-height:44px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

.n_title dl dd a:hover,.n_title dl dd a.on{ color: #fff; background:#00AAF5;}

.n_title dt i{ display: none;  transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}

.n_title dl.title_nav dt i{ display: inline-block;}

.n_title dl:hover dt{background: #87BF1C;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

.n_title dl:hover dt a,.n_title dl:hover dt a i{  color: #fff;}

.n_title dl.title_nav:hover dd{ box-shadow: 0 5px 10px #ccc; }

.n_title dt.on{ background: #87BF1C; }

.n_title dl dt.on a,.n_title dl dt.on a i{  color: #fff;}

@media (max-width:1200px) {
.n_title dl{width: 15%; }
}




/*==================内页移动端导航=================*/
#m_n_nav{ background: #009944;  display: none; line-height: 50px; position: relative; z-index: 1; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}
#m_n_nav i{}
#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;line-height: 50px; margin:0;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f1f3fa; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #009944;}


#sub_nav_content dl{ margin-bottom:0;}
#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fafafb;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#1798d7; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #031E78;  }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#009944;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:32px;border-top:1px solid #e7e7e7;font-size:14px;color:#5b5349;display:block;height:32px;}
#sub_nav_content dd a.on{ color:#1798d7}
#sub_nav_content dd .box .sanji{ padding-left:10px;}

@media (max-width:1024px) {
.n_title{ display: none;}
#m_n_nav{display: block;}
}


.ny_dh_bj{text-align:center; margin-bottom:20px; }
.ny_dh_bj ul{ margin-top:10px;}
.ny_dh_bj ul li{display:inline-block;color:#333;position:relative;margin-right: 15px;width: auto;}
.ny_dh_bj ul li a{font-size:18px;color:#333;display:inline-block;position:relative; padding:0 50px;height: 50px;line-height: 48px;border: #ddd 1px solid;text-align: center;background: #F1F4F7;border-radius: 4px;position:relative;transition:0.6s;overflow:hidden;}
.ny_dh_bj ul li span{ position:relative; z-index:10}
.ny_dh_bj ul li a:hover,.ny_dh_bj ul li.on a{color: #fff;border:#009944 1px solid;}
.ny_dh_bj ul li a:before{content:"";position:absolute;right:0;width:0;height: 48px;background: #009944;color: #fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;z-index: 0;}
.ny_dh_bj ul li.on a:before,.ny_dh_bj ul li:hover a:before{ left:0; width:100%}
.ny_dh_bj ul li a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.15)}
@media (max-width:980px) {
.ny_dh_bj{ margin-bottom:20px; }
.ny_dh_bj ul{ margin-top:30px;}
.ny_dh_bj ul li{ width:48%; margin-right:5px;}
.ny_dh_bj ul li a{ font-size:15px; width:100%;}
}


/*==============产品二级分类=====================*/
.select-content{ background:#F7F8F9;}
.select-content dl{padding:18px 30px;_padding:0;height:auto;line-height:26px;overflow:hidden;font-size:16px;}
.select-content dl ~ dl{border-top:1px solid #dadada;}
.select-content dl dt{float:left;color:#383838;overflow:hidden;font-size:16px;margin-right:10px;}
.select-content dl dd{float:left;line-height:26px;overflow:hidden;}
.select-content dl dd a{padding:0 12px;display:inline-block; font-size:16px;}
.select-content dl dd a:hover{color:#18549A;}
.select-content dl dd a.on{color:#fff;background:#18549A;}
.select-content dl dd h1{margin:0 20px;display:inline-block;color:red;}
@media (max-width: 980px){
.select-content dl{ padding: 12px 15px;}
.select-content dl dt{ font-size:14px;}
.select-content dl dd a{padding:0 6px; font-size:14px;}
}


.siji01{text-align:center; margin-bottom:30px; margin-top:30px;}
.siji01 ul{font-size: 0;}
.siji01 ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: 15px;width: auto;}
.siji01 ul li a{font-size:16px;color:#4f4f52;display:inline-block;position:relative; padding:0 30px;height: 45px;line-height: 43px;border:  #dcdcdc 1px solid;text-align: center;background: #f2f2f2;border-radius: 4px;position:relative;transition:0.6s;overflow:hidden;}
.siji01 ul li span{ position:relative; z-index:10}
.siji01 ul li a:hover,.siji01 ul li.on a{color: #fff;border:#1A9D37 1px solid;}
.siji01 ul li a:before{content:"";position:absolute;right:0;width:0;height: 45px;background: #1A9D37;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;z-index: 0;}
.siji01 ul li.on a:before,.siji01 ul li:hover a:before{ left:0; width:100%}
.siji01 ul li a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.15)}
@media (max-width: 980px){
.siji01{margin-bottom:0px; margin-top:0px;}
.siji01 ul li{ font-size:14px; margin-right: 5px;}
.siji01 ul li:nth-of-type(4){ margin-right:0;}
.siji01 ul li a{font-size:14px;padding:0 5px;}
}


.con{overflow:hidden;margin-top:20px;margin-bottom:50px;}
.ar_article {color:#6c6c6d; font-size:16px; line-height:26px; }
.ar_article p{font-size:16px; color:#666; line-height:26px; padding-bottom:10px;  margin:0;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:1%; border: 1px solid #d0d1d5; color: #444242; }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article  img{ max-width:100%;}
.ar_article a{ color:#6c6c6d;}
.ar_article a:hover{ text-decoration:underline;}
.ar_article a:hover span{text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.abtip{ float:right; margin-left:20px; width:50%;}

@media (max-width:980px) {
.abtip{ float:none;width:100%; margin-left:0px; margin-bottom:10px;}
.abtip img{ width:100%;}
.con{ margin-top:30px; margin-bottom:20px;}
.ar_article{ font-size:14px;line-height:24px;}
.ar_article p{ padding-bottom:10px; font-size:14px;line-height:24px; }	
}

/***证书放大图***/
#rpro-text2{ margin-top:10px;}
#rpro-text2 a{
	display:block;
	text-decoration:none;
	float:left;
	font-size:15px;
	color:#666;
	text-align:center;
	margin-right: 2%;
	margin-bottom: 20px;
	width:23.5%;
}
#rpro-text2 a:nth-child(4n){ margin-right:0;}
#rpro-text2 a label{
	line-height: 30px;
}
#rpro-text2 img{
	border:solid 1px #dbdbdb;
	width:100%;
	padding: 2px;
}
#rpro-text2 img:hover{border:solid 1px #0447AA;}
#rpro-text2 a:hover{color:#0447AA;}

@media (max-width:768px) {
#rpro-text2{ margin-top:0;}
#rpro-text2 a{ width:47%;margin-right: 4%;}

#rpro-text2 a:nth-child(2n){ margin-right:0;}

}



/*合作客户*/
.customer{width:100%; padding-top:20px; }
.customer ul { margin-top:0px; }
.customer ul li{float:left;width:15.83%;overflow:hidden; margin-right:1%; margin-bottom:1%; border:1px solid #ddd;}
.customer ul li:nth-child(6n+0){margin-right:0;}
.customer ul li .imgs{overflow:hidden; }
.customer ul li .imgs img{ display:block; width:100%;transition: all .3s;/*filter: grayscale(100%);*/}
.customer ul li .imgs:hover img{/*filter: grayscale(0);*/transform:scale(1.1);}

@media screen and (max-width: 1000px){
.customer{ width:100%;padding-bottom:30px;}
}

@media screen and (max-width: 640px){
.customer ul li {
    width: 32.65%;
}

.customer ul li:nth-child(3n+0){margin-right:0;}
}


/*翻页*/
.page { text-align:center; margin-top:30px; margin-bottom:30px; padding-top:0px; }
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 .875rem; min-width: 2.25rem; height:2.25rem; line-height:2.25rem; border-radius: 2px; display:inline-block;  background:#eee; color:#919191; font-size:.875rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#009944;  color:#fff; }
.page a:hover{ background:#009944;  color:#fff;  }		


/**************************联系我们**************************/
.contact{ background:#F1F4F7; padding:3%;}
.contact .way{width:42%;float:left;overflow:hidden;margin-top:20px;}
.contact .way h1{ font-size:18px; color:#333; line-height:26px; margin-bottom:20px;}	
.contact .way ul{ margin-top:20px;}
.contact .way ul li{
	font-size:16px;
	color:#333;
	line-height:36px;
	margin-top:5px;
	padding-left:30px;
	}	

.contact .way ul li:nth-of-type(1) {
	background:url(../images/bn01.png) center left no-repeat; border-radius:10px; 
	}
.contact .way ul li:nth-of-type(2) {
	background:url(../images/bn02.png) center left no-repeat; border-radius:10px;
	}
.contact .way ul li:nth-of-type(3) {
	background:url(../images/bn03.png) left 6px no-repeat; border-radius:10px;
	}
.contact .way ul li:nth-of-type(4) {
	background:url(../images/bn04.png) left 6px no-repeat; border-radius:10px;
	}		
.contact .way ul li:nth-of-type(5) {
	background:url(../images/bn05.png) center left no-repeat; border-radius:10px;
	}
.contact .way ul li:nth-of-type(6) {
	background:url(../images/bn06.png) center left no-repeat; border-radius:10px;
	}	
#map{height:0; padding-bottom:30%;width:55%; float:right; border:1px solid #ccc;  margin-top:10px;}	

/*留言*/
.zxly_er{ margin-top: 20px; }
.zxly_er h1{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;}
.zxly_er ul{}
.zxly_er li{ width:49.5%; margin-bottom:1%;}
.zxly_er li.left{ float:left;}
.zxly_er li.right{ float:right;}
.zxly_er li .input_txt{ width:100%; height:36px; font-size:15px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly_er li.textarea{ width:100%; margin:0;}
.zxly_er li.textarea textarea{ width:100%; height:80px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly_er .more{margin-top:10px;}
.zxly_er .input_btn{ width:160px; height:36px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#009944;}
.zxly_er .input_btn2{ width:160px; height:36px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#333;}

@media (max-width:1000px) {
.contact .way{
	width:100%;
	float:none;
	}
.contact .way h1{ margin-top:0; margin-bottom:10px;}	
.contact .way ul{ margin-top:10px;}	
.contact .way ul li{ font-size:15px; line-height:30px;}	

.zxly_er{ width:100%; float:none;}
.zxly_er li {
    width: 100%;
    margin-bottom: 2%;
}
.zxly_er li.textarea textarea{  padding:1% 2%;}
#map{
	width:100%; float:none; 
	margin-top:20px;
	}
	}	
@media (max-width:768px) {	
#map{height:0; padding-bottom:60%;}
}


/*客户案例*/
.case{}
.case dl{ border-bottom:1px dotted #CCC; padding:2% 0;}
.case dt{ float:left; width:70%; font-size:24px; padding-bottom:10px;  }
.case dt a{ color:#000;}
.case dt a:hover{ color:#18549A;}
.case dd.pic{ float:left; width:25%; overflow:hidden; margin-right:4%;}
.case dd.pic img{ width:100%;height:auto;transition:all .6s;}
.case dd.pic img:hover{transform:scale(1.1,1.1);-webkit-transition: all 1.5s;transition: all 1.5s;}
.case dd.date{float:left; width:22%; line-height:24px;overflow:hidden;font-size:15px; color:#999999; background:url(../images/bn44.png) no-repeat left; margin-bottom:10px; padding-left:20px;}
.case dd.txt{ float:left; width:71%; line-height:24px;overflow:hidden;font-size:15px; color:#666;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;}
.more{ float:left;}
.more a{display:block;width:145px;height:40px;line-height:40px;font-size:15px; margin-top:12px; text-decoration:none; border:1px solid #ddd;color:#666;background:#f5f5f5;border-radius:25px;text-align:center;position:relative;overflow: hidden;}
.more a:before{content:"";position:absolute;width:145px;height:145px;top:50%;margin-top:-72.5px;left:50%;margin-left:-72.5px;background:#18549A;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.more a span{ position:relative}
.more a:hover{ color:#fff}
.more a:hover:before{transform:scale(1); opacity:1}

@media (max-width:1420px) {
.case dd.txt{ width:70%;}

}
@media (max-width:980px) {
.case dd.more{ display:none;}

}
@media (max-width:860px) {

.case dt{ float:none; width:100%; font-size:18px; padding:2% 0;  margin-top:10px; margin-left:0;}
.case dd.pic{ float:none; width:100%;}
.case dd.date{ float:none; width:100%; margin-left:0; }
.case dd.txt{ float:none; width:100%; line-height:24px;	 margin-left:0; }
.case dl{ padding-bottom:20px; margin-bottom:20px; margin-left:0;}
}


/*新闻列表*/
.xwl{ padding-bottom:30px;}
.xwla{width: 100%;margin-top: 40px;}
.xwla_t{width: 30%;overflow: hidden; border:1px solid #ddd;}
.xwla_t img{width: 100%;transition: all ease 0.3s;}
.xwla_w{width: 65%;margin-top: 7px;}
.xwla_w h6{font-size: 22px;color: #252525;line-height: 32px;border-bottom: 1px dotted #bfc8d1;padding-bottom: 20px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease 0.3s;}
.xwla_w span{font-size: 20px;color: #c1cde2;line-height: 20px;margin-top: 27px;letter-spacing: 2px;display: block;}
.xwla_w p{font-size: 14px;color: #565656;line-height: 24px;height: 72px;overflow: hidden;margin-top: 14px;}
.xwla_m{width: 167px;height: 41px;line-height: 41px;text-align: center;margin-top: 15px;background-color: #009944;border-radius: 20px;font-size: 14px;color: #fff;transition: all ease 0.3s;}
.xwla:hover .xwla_t img{transform: scale(1.1);}
.xwla:hover .xwla_w h6{color: #009944;}
.xwla:hover .xwla_m{transform: translateX(6px);}

@media (max-width:1000px) {
.xwla{ margin-top:20px;}
.xwla_t{ width:100%;}
.xwla_w{ width:100%;}
.xwla_w h6{ padding-bottom:10px;}
}	

/*新闻详情*/
.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 20px; margin-top:50px; margin-bottom:20px; text-align:center;}
.news-title h2{ font-size:30px; float:none; color:#333; margin-bottom:10px; font-weight:bold;}
.news-title p span{margin:0 5px;color: #999;font-size:15px;}
.news-title h3 span{ margin:0 15px; font-size:15px; color:#DA251D; }


.ny_tw{ font-size:14px; line-height:30px; padding:20px 0px;color: #666;}
.ny_tw img{ display:block; max-width:100%; margin:auto;}


@media (max-width:800px) {
.news-title{ margin-top:0px; }
.news-title h2{ font-size:24px; margin-top:0;}
.news-title p{ font-size:14px;}	
.news-title p span{ font-size:13px;}
}

.b_nav{ text-align:center; margin-top:30px; border-top:1px dotted #ddd; padding-top:20px;}
.b_nav .fy{ font-size:1.0625rem;}
.b_nav .fy.center{display:inline-block;vertical-align: top;}
.b_nav .fy.center img{ margin:-3px 0.875rem 0;}
.b_nav .fy.fl img{ margin:-3px 0.875rem 0 0;}
.b_nav .fy.fr img{ margin:-3px 0 0 0.875rem;}
.b_nav .fy.fl a,.b_nav .con.fr a,.b_nav .con.center a{ color:#666565}
.b_nav .fy a:hover{ color:#009944;}
@media (max-width:800px) {
.b_nav .fy{ font-size:14px;}
}

/*==============产品列表=====================*/
.ny_products{ padding-top:10px;}
.ny_products ul{ margin-left:-3%;}
.ny_products li{ float:left; width:30.333%; margin-left:3%; margin-bottom:3%;overflow:hidden;box-shadow: 0 0 20px rgba(0,0,0,0.15); }
.ny_products li .border{ border:1px solid #dadada;}
.ny_products li .border .pic{ overflow:hidden; position:relative;}
.ny_products li img{ width:100%;transition:all 1.5s;}
.ny_products li:hover img{ transform:scale(1.1);}
.ny_products li .txt{ background:#fff; padding-bottom:15px;}
.ny_products li .txt h1{ font-size:18px; text-align:center;}


@media screen and (max-width: 640px) {
.ny_products ul{ margin-left:0%;}
.ny_products li{ float:none; width:100%; margin:0; margin-bottom:5%;}
.ny_products li .title{ padding:10px 10px;}
.ny_products li .title .more{ margin-top:10px;}
.ny_products li .txt h1{ font-size:16px;}
}

.sy_xw_bg{padding: 0px 0; background:#F1F4F7; padding-bottom:60px;}
.sy_xw{}
.sy_xw_lb_bg{margin-top: 10px;position: relative;padding:0 60px;}
.sy_xw_lb_qh{}
.sy_xw_lb{overflow: hidden;}
.sy_xw_lb ul{position: relative;width: 10000%;}
.sy_xw_lb ul li{float: left;width: 0.31333%;margin-right: 0.03%;background: #fff;padding-bottom: 25px;}
.sy_xw_lb ul li .h1{overflow: hidden;}
.sy_xw_lb ul li .h1 img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li:hover .h1 img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.sy_xw_lb ul li .h2{font-size: 18px; font-weight:bold; text-align:center;-webkit-transition:0.5s;transition:0.5s;line-height: 30px;color: #333;padding: 15px 15px 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_xw_lb ul li .h2:hover{color: #009944;}
.sy_xw_lb_l,.sy_xw_lb_r{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height: 50px;text-align: center;color: #ccc;}
.sy_xw_lb_l{ left:0px;}
.sy_xw_lb_r{ right:0px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sy_xw_lb_l:hover,.sy_xw_lb_r:hover{color: #009944;}
@media screen and (max-width: 640px){
.sy_xw_lb ul li{width: 1%;}
}

.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}

.n_video { padding-bottom:30px; }
.n_video .n_title001 { text-align: center; margin-bottom: 2.75rem }
.n_video ul { margin: 0 -0.875rem }
.n_video ul li { float: left; width: 33.33333%; padding: 0 0.875rem; margin-bottom: 2rem }
.n_video ul li a { display: block; transition: .6s }
.n_video ul li .img { width: 100%; padding-bottom: 53.95%; position: relative; overflow: hidden }
.n_video ul li .img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
.n_video ul li .img .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.n_video ul li .con { background: #F1F4F7; height:100px; margin:0; }
.n_video ul li .con h5 { font-size: 16px; color: #303033; height: 18px; line-height: 18px; margin-bottom:.875rem;
transition: .6s; padding: 0 1rem; }
.n_video ul li .con h6 span { display: inline-block; background: url(../images/more.png) center no-repeat; width: 23px; height: 23px; transition: .6s; }
.n_video ul li:hover .con h6 span{background: url(../images/more_on.png) center no-repeat;}
.vwrap { display: none; z-index: 1040000; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 1200; width: 900px; height: 960px; position: fixed; left: 50%; top: 30%; margin-top: -280px; margin-left: -450px; object-fit: cover; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 200ms; transition: 200ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button, #videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon { background: none no-repeat!important; }



@media(max-width: 992px) {
.n_video{ padding-bottom:0;}
.n_video ul{ margin:0 1%;}
.n_video ul li{ float:none; width:100%; padding:0;}
.n_video ul li .con{ height:50px;}
.n_video ul li .con h5{ margin:0;}
.n_video ul li .con h6{ display:none;}
.vwrap .videobox { width: 94%; height: 200px; left: 3%; margin-left: 0; margin-top: -122px; }
.vwrap .close { right: 0; top: -35px; }
}

/*工程案例*/	
.casecommon{flex-wrap: wrap; display:block; position:relative; overflow:hidden;}
.casecommon li{ width:32%; position:relative; margin-bottom:40px;overflow: hidden; float:left; margin:0.5%;}
.casecommon li .caselist_img{border:1px solid #eee; padding:20px;text-align: center;}
.casecommon li .caselist_img img{ width:100%;}
.casecommon li .caselist_text{ width:100%; text-align:center; color:#000; font-size:18px; line-height:40px; margin:10px 0 0 0;}
.casecommon li a:hover .caselist_text{color:#009944;}



/*产品详情*/	
.product_con{ padding-top:20px;}
.product_con_t{ margin-top:20px;}
.product_con_t .t_r{ float:right; width:46%; margin-right:10px;}
.product_con_t .t_r .bt{ font-size:26px;font-weight:bold; border-bottom:1px solid #ddd; padding:10px 0; text-align:left;}
.product_con_t .t_r .box{ margin-top:20px; line-height:30px; background:#FFF;  }
.product_con_t .t_r .box h3{ font-size:24px;  margin-bottom:3%;}
.prodcut-tel{ padding-left:50px; margin-bottom:10px; margin-top:10px; line-height:26px; background:url(../images/p_icon.png) no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#009944;display: block; }

@media screen and (max-width: 720px){
.sp-wrap {
    float: none;
    width: 100%;
}
.product_con{ padding-top:0px;}
.product_con_t{ margin-top:0;}
.product_con_t .t_r {
    float: none;
    width: 100%;
    margin-top: 0;
	margin-left:0px;
}
.product_con_t .t_r .bt{ font-size:20px;}
.product_con_t .t_r .box h3{ font-size:20px; margin-bottom:3%;}
}

.product_cont{ width:100%; margin-top:20px; overflow: hidden;}
.product_cont h1{height:40px;line-height:40px;background:#eee;color:#F90100;font-size:16px;font-weight:bold; margin-bottom:20px;}
.product_cont span{padding:0 30px;background:#009944;display:inline-block;color:#fff;}

/**************************在线购买**************************/
.mopop{  font-size: 16px; color: #fff;  margin-top:20px;display: block; height:50px; line-height: 50px;  background: #87BF1C;  width: 180px;  border-radius: 3px; text-align: center;}
.mopop:hover{ background: #009944; color: #fff; cursor:pointer; text-decoration:none;}
@media (max-width:1024px) {
.mopop{  margin-top:20px;}
}
@media (max-width:768px) {
.mopop{ width: 100%;}
}


.sp-wrap {
	line-height: 0;
	font-size: 0;
	width:48%;
	position:relative;
	float:left;
}
.sp-wrap img{ width:100%;}