@charset "utf-8";

/**************************banner**************************/
.pc-1{
	background:url(../images/1.jpg);
	}
.pc-2{
	background:url(../images/2.jpg);
	}
.pc-3{
	background:url(../images/3.jpg);
	}
.pc-4{
	background:url(../images/4.jpg);
	}
.pc-5{
	background:url(../images/5.jpg);
	}
.pc-6{
	background:url(../images/6.jpg);
	}
.pc-7{
	background:url(../images/7.jpg);
	}
.banner{
	height:0;
	padding-bottom: 20.8%;
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#444;
	background-size:100%;
	margin-top:80px;
	}
@media (max-width:1200px) {
.banner{
	height:200px;
	background-size:cover;
	margin-top:0px;
	padding-top:50px;
	}
	}
@media (max-width:980px) {
.banner{
	background-size:cover;
	margin-top:0px;
	height:200px;
	}
	}




/*==================移动端导航=================*/
#m_n_nav{background: #009933;display: none;line-height: 50px;position: relative;z-index: 1;}
#bnt_back{position:absolute;left: 1rem;top:0;color: #fff;font-size: 22px;}
#n_n_title{ height:50px;}
#m_n_nav h1{font-size: 16px;color: #fff;text-align: center;margin:0;line-height:50px;font-weight: normal;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #fff; 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 #0054a3; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #009933;}

#sub_nav_content dl{ margin:0}
#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  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:#bea88e; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #bea88e;  }
#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: #009933;}
#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:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#009933}
.am-offcanvas{ z-index:1000000}



/*====关于我们 侧导航====*/
.n-container{padding: 50px 0 50px 0;  margin:0 auto; background:#f4f4f4;}
.n-container .left{ box-sizing:border-box; margin:0px 30px 0 0px; float:left;width: 260px;}
.n-container .left ul{float:left;width: 100%;background-color:#fff;}
.n-container .left ul li{ float:left; width:100%; height:50px; line-height:50px; position:relative; margin-bottom:1px; }
.n-container .left ul li:nth-last-child(1){ margin-bottom:0;}
.n-container .left ul li a{ font-size:14px; color:#343536; display:block; box-sizing:border-box; padding:0 0 0 30px;}
.n-container .left ul li a:hover,.n-container .left ul li.on a{ color:#fff; background:#009933; /*background-image: -webkit-linear-gradient(0deg, rgb(37, 221, 201) 0%, rgb(37, 221, 125) 100%);*/}
.n-container .left ul li a i{ position:absolute; bottom:0; left:0px; right:0px; height:1px; background:#e9e9ec}
.n-container .left ul li a:hover i,.n-container .left ul li.on a i{ background:none;}

.main_prol_cont{width:260px;height:130px;float:left;margin-top:15px;background-image: -webkit-linear-gradient(0deg, rgb(37, 221, 201) 0%, rgb(37, 221, 125) 100%);background:url(../images/contbg.jpg) center no-repeat;text-align:center;padding-top:63px;color:#fff;}
.main_prol_cont span{font-size:15px;}
.main_prol_cont h3{font-size:20px; font-weight:bold;}


.n-container .right { width: 75%; float:right;}
@media (max-width: 1220px){
.n-container .right{width: 72%;}
}
@media (max-width: 1100px){
.n-container .right{width: 70%;}
}
@media (max-width: 1050px){
.n-container .right{width: 68%;}
}
@media(max-width: 1000px){
   .n_main_box,.n-container .left{ display:none;}
   #m_n_nav{ display:block}
   .n-container .right { width: 100%; float:none; margin-top:2%;}
 .n-container{padding: 20px 0 30px 0; }  
}

/*====位置====*/
.n_title{position:relative;z-index: 2;border-bottom: #dcdcdf 1px solid; margin-bottom:20px; }

.n_title dl{float: left;position: relative;margin-right: 3.125rem;} 
.n_title dt {font-size: 18px;text-align: center;display:block;color: #000000;margin-bottom:0px;}
.n_title dt a{font-size: 18px;text-align: center;display:block;color: #000000;margin-bottom:0px;}
.n_title dt a:hover{ color:#009933;}

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

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

.n_title dl dd a.on{ color: #e3212a;}

.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 dt.on{height: 40px;border-bottom: #009933 0.125rem solid;}

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


.position{display: inline-block;float: right;line-height: 40px;height: 40px;color:#7b7b7d;background: url(../images/icon_home.png) left 15px no-repeat;padding-left: 1.2rem;font-size: 0.75rem;color: #a6a6a6;}
.position a{font-size: 0.75rem;color: #47474a;display: inline-block;line-height: 40px;vertical-align: top;}
.position i{display: inline-block;height: 40px;width: 1rem;text-align: center;color: #47474a;font-family: simsun;font-style: normal;font-size: 0.75rem;vertical-align: top;}
.position span{vertical-align: top;font-size: 0.75rem;color: #009933;font-style:normal;display: inline-block;line-height: 40px;max-width: 10rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width: 1000px){
.n_title{ display:none;}
}



/*内容样式*/
.ar_article{ font-size:14px; color:#333; line-height:24px; text-align:justify;}
.ar_article p{font-size:14px;color:#333;line-height:24px;text-align:justify;padding-bottom: 10px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article a:hover{ color:#F0B01C; text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold; color:#333; margin-bottom:10px;}
.ar_article table{
	font-size: 14px;
	margin-top:10px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

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

@media(max-width: 768px){
.ar_article{ font-size:14px; color:#78787a; line-height:24px; text-align:justify; }
.ar_article p{font-size:14px;color:#78787a;line-height:24px;text-align:justify;padding-bottom: 3%;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article td{ font-size:12px;}
.contact{ float:none; width:100%; margin-right:0;}
}
#map{height:0; padding-bottom:40%;width:100%;border:1px solid #ccc;}	

@media (max-width:768px) {	
#map{height:0; padding-bottom:60%;}
}



/*====产品 侧导航====*/
#n_nav{background:#fff;margin-bottom: 20px; overflow:hidden;}
#n_nav dt{position:relative;display:block;line-height: 50px;height: 50px;overflow:hidden;margin-top:0px;border-bottom: 1px solid #e7e9eb;}
#n_nav dt:nth-last-child(1){ border-bottom:none;}
#n_nav dt a{ float:left; width: 90%;font-weight: normal;font-size:14px; font-weight:bold;padding-left: 10px;color: #333;display:block;height: 51px;}
#n_nav dt a:hover{ color:#009933;}
#n_nav dt i{ float:right; display:block; height: 51px; width:10%; background:#1B6099; }
#n_nav dt.on{  }
#n_nav dt.title i{background: url(../images/icon_jh.png) left center no-repeat;}
#n_nav dt.title_on{background:#009933}
#n_nav dt.title_on a{border:none;color: #fff; text-decoration:none;}
#n_nav dt.title_on i{background: url(../images/icon_j_h.png) left center  no-repeat;color:#fff;border:none;}
#n_nav dd{padding: 0px 10px;display:none; border:none; font-size:12px;}
#n_nav dd .box{
    padding: 10px 0;
}
#n_nav dd a{padding-left:10px;line-height:40px;font-size:14px;color:#636060;display:block;height:40px;background: url(../images/icon_nav_sub_li.png) 11px center no-repeat;padding: 0 0 0 20px;}
#n_nav dd a:hover{ color:#fff;background:#009933; }
#n_nav dd a.on{color:#fff;background:#009933;}
/*#n_nav dd a:last-child{border-bottom: 1px solid #e7e9eb;}*/



/*留言*/
.contact-form input.text{padding:1.5% 2.5%;background:#fff;border:1px #e6e6e6 solid;color: #999;width:100%;margin: 0 0 15px;}
.contact-form textarea.textarea{padding:20px 25px;background:#fff;border:1px #e6e6e6 solid;color:#999;width:100%;height:100px;margin: 0 0 15px; font-family:" 微软雅黑";}
.contact-form input.btn, a.btn{background:#009933;padding:1.5% 0;color:#fff; font-size:14px;border:1px solid #D9D9DD; width:40%;transition:background 1s; margin-left:30%;}
.contact-form input.btn:hover, a.btn:hover{background:#007226; color:#fff;}
@media (max-width:1000px) {
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:100%; padding:2.5% 5%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:100%;height:100px;padding:3%; margin-bottom:20px;}
.contact-form input.btn, a.btn{ line-height:30px;}

}

/*资源下载*/
.down_r_text{ }
.down_r_text h2{ font-size:18px; color:#F0B01C;}
.down_r_text li{float:left; line-height:44px; border-bottom:1px solid #e6e6e6; width:100%;}
.down_r_text li a{ float:left; background:url(../images/news_dot.png) left no-repeat;padding-left:12px; font-size:14px;transition:0.5s;}
.down_r_text li a:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0); color:#009933; text-decoration:underline;}
.down_r_text li span{float:right; color:#999; }
.down_r_text li span a{float:right; width:20px;height:20px; background:none; padding-top:5px;}
.down_r_text li span a:hover{-webkit-transform:translate(0px,0);transform:translate(0px,0); opacity:0.8;}
.down_r_text li span img{width:20px;height:20px;}
@media screen and (max-width: 640px) {
.down_r_text li a{ font-size:12px;}
}
/*新闻详情*/
.news_details_nei{ padding-bottom:0px !important}
.news_details_nei_title{ text-align:center; border-bottom:1px dotted #dcdcdc; padding-bottom:20px}
.news_details_nei_title .nei_title_top{ font-size:24px; color:#333333; font-weight:bolder;}
.news_details_nei_title .nei_title_bottom{font-size:13px; color:#999999; margin-top:10px}
.news_details_nei_title .nei_title_bottom span{ margin:0px 20px}
.news_details_nei_title .nei_title_bottom span:nth-child(1){ background:url(../images/bn45.png) no-repeat 0% 50%;}
.news_details_nei_title .nei_title_bottom span:nth-child(2){ background:url(../images/bn46.png) no-repeat 0% 50%; padding-left:20px}
.news_details_nei_wen{ text-align:center;}
.news_details_nei_wen p{ font-size:14px; color:#666;  line-height:24px; padding-bottom:6px; text-align:left}
.news_details_nei_wen p div{ text-align:center}
.news_details_nei_wen .nei_wen_top{ border-bottom:1px dotted #dcdcdc; padding-top:25px; padding-bottom:20px; }
.news_details_nei_wen .nei_wen_top p{}
.news_details_nei_wen .nei_wen_bottom{ padding-top:25px;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left{ text-align:left; float:left; font-size:14px; color:#666;}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left div{ padding:5px 0px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_left div a:hover{ color:#009933; text-decoration:underline;}


@media screen and (max-width:667px){

.news_details_nei_title .nei_title_bottom span{    margin: 0px 10px;}
.news_details_nei_title .nei_title_top{ font-size:18px}
.news_details_nei_wen .nei_wen_bottom .wen_bottom_right{ width:100%; margin-top:20px}
.news_details_nei_wen .nei_wen_top img{ width:100%}
}


/*==============招聘====================*/
.faq-box {
	position: relative;
	margin-bottom: 20px;
}
.faq-box .faq-top {
	height: 50px;
	padding-left: 19px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	background-color: #fff;
	background-image: url(../images/icon-dd4.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	cursor: pointer;
}
.faq-top span {
	display: block;
	width: 90%;
	padding-left: 12px;
	background: url(../images/sj.png) no-repeat left center;
	float: left;
}
.faq-box .faq-block {
	padding-top: 12px;
	background: url(../images/icon-dd5.png) no-repeat 19px top;
	margin-top: 20px;
	display: none;
}
.faq-block .faq-con {
	padding: 25px;
	color: #666666;
	line-height: 30px;
	background-color: #fff;
	position: relative;
	font-size:14px;
}
.faq-block .faq-con p{ font-size:14px;}
.faq-box .faq-top.cur {
	background-color: #009933;
	color: #fff;
	background-image: url(../images/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}


 /*==================大事记=================*/

#n_dsj  { margin-bottom:30px; background:url(../images/bg_dsj.png) 10px top repeat-y; margin-left:12%;}

#n_dsj dl{ padding-top: 60px; position:relative; display:block;  background:url(../images/bg_dsj_first.png) left top no-repeat;}

#n_dsj dd{ display:block; width:100%; position:relative; background:url(../images/icon_dsj_li.png) 5px no-repeat; height:70px; margin-bottom:30px;  }

#n_dsj dd .main_box{ height:70px;}

#n_dsj dd .pic_box{ position:absolute;  top:0; right: 0px; width: 94%; height: 70px; background:#fff; overflow:hidden; display:table;}

#n_dsj dd .pic_box .p{  line-height:26px;  font-size:14px; color:#69696c; padding:15px 20px; display:table-cell; vertical-align:middle; }

#n_dsj dd .text_box { width:90%; position:absolute; right:0;  top:0;}

#n_dsj dd .text_box .box{ position:relative;}

#n_dsj dd .text_box h1{position:absolute;  top:0;  left: -25%; display:block; line-height:70px; }

#n_dsj dd .text_box h1 strong{ font-size:24px; color:#4b4b4c;}

#n_dsj dd .text_box p{ padding-top:2px; text-align:left; height:100px; overflow:hidden; font-size:15px; line-height:30px; color:#555555;}

#n_dsj dd.left_box{ }

#n_dsj dd.left_box .box{   text-align:right;}

#n_dsj dd.right_box{ }

#n_dsj dd.right_box .box{  text-align:left;}

#n_dsj dd.right_box .pic_box{ right:auto; left:0px; }

#n_dsj dd.right_box .text_box{ right:auto; left:0;}

#n_dsj dd.right_box .text_box h1{ left:auto; right:-190px;}

#n_dsj dd .text_box h1 strong{ position:relative; display: inline-block;}

#n_dsj dd.right_box .text_box p{ text-align:right; }

#n_dsj dt{ display:block; height:2px;  }

@media screen and (max-width: 1100px) {
#n_dsj{ margin-left:25%;}
#n_dsj dd .text_box h1 strong{ font-size:20px; color:#4b4b4c;}
#n_dsj dd .text_box h1{ left:-46%; font-size:18px;}
}

/* 分页 */
.f_page { margin-top: 20px; text-align: center; }
.f_page a, .f_page span { display: inline-block; width: 26px; height: 26px; background: #efefef; margin: 0 2px; border-radius: 4px; line-height: 26px; padding: 5px; }
.f_page a.now { color: #fff; background: #1B6099; font-weight: 500; }


/*产品列表*/
.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 .title{ background:#fff; padding-bottom:15px;}
.ny_products li .title .bt{ font-size:14px; text-align:center;}
.ny_products li .title p{ font-size:14px; color:#8EC31F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ny_products li .title .more{ margin-top:20px;}
.ny_products li .title .more i{ width:20px; height:20px; line-height:20px; border-radius:30px; border:1px solid #999; font-size:12px; display:inline-block; text-align:center; color:#333; margin-right:5px;}




@media screen and (max-width: 640px) {

.ny_products ul{ margin-left:0%;}
.ny_products li{ float:left; width:47%; margin-left:1%; margin-right:2%; margin-bottom:5%;}
.ny_products li .title{ padding:10px 10px;}
.ny_products li .title .more{ margin-top:10px;}

}



/*产品分类*/
.Solutions li{padding:30px 0;border-top: 1px solid #e6e6e6;}
.Solutions li .box{margin:0 auto;}
.Solutions li .pic{float: left;width: 30%;overflow:hidden; position:relative;}
.Solutions li .pic:hover img {
	transform: scale(1.1);
}
.Solutions li .pic img{width: 100%;display: block;transition: all 0.5s;}
.Solutions li .title{float: right;width: 60%;}
.Solutions li h2{font-size: 18px;padding:5px 0;}
.Solutions li .title h2 a{ color:#333;}
.Solutions li .title h2 a:hover{color:#F0B01C; }
.Solutions li .txt{font-size: 14px;margin-top: 10px;line-height: 24px;}
.Solutions li .txt dl{ margin-top:10px;}
.Solutions li .txt dd{background:url(../images/news_dot.png) left no-repeat;padding-left:12px; }
.Solutions li .txt dd a:hover{color:#F0B01C; text-decoration:underline; }


/**************************产品详情**************************/
.prodetails{
	width:100%;
	margin:0 auto;
	}
.bigxq{
	overflow:hidden;
	font-size:14px;
	color:#333;
	line-height:30px;
	margin-top:20px;
	}
.bigxq h2{
	font-size:20px;
	color:#333;
	margin-top:20px; font-weight:bold;
	}
.bigxq hr{
	border:none;
	height:1px;
	background:#dbdbdb;
	margin:20px 0px;
	}
.smallxq h2{
	font-size:18px;
	color:#333;
	margin-bottom:15px;
	text-align:center;
	}
	

	
@media (min-width:1000px) {
.smallxq{
	display:none;
	}
	}
@media (max-width:1000px) {
.smallxq{
	display:block;
	}
#preview{
	display:none;
	}
.bigxq h2{
	display:none;
	}
.bigxq hr{ display:none;}	
	}
.bottom{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	}
.bottom p{
	font-size:14px;
	color:#333;
	}
.bottom img{
	max-width:100%;
	}
.bottom .bobt{
	border-bottom:1px solid #ed7f06;
	}
.bottom .bobt span.bo{
	display:inline-block;
	font-size:16px;
	color:#fff;
	background:#ed7f06;
	padding:10px 30px;
	}

@media (max-width:1000px) {
.prodetails{width:100%;}
	}


.mopop{  font-size: 16px; color: #fff; margin-left:430px; margin-top:20px;display: block; height:44px; line-height: 44px;  background: #999;  width: 160px;  border-radius: 3px; text-align: center;}
.mopop:hover{ background: #F0B01C; color: #fff; cursor:pointer;}
@media (max-width:1000px) {
.mopop{  margin-left:0px; margin-top:10px;}
}

.product_b{ padding:20px 0 0 0; }
.product_b .slideTxtBox{ max-width:1180px; margin:0 auto;}
.product_b .slideTxtBox .hd{ }
.product_b .slideTxtBox .hd ul{border-bottom:1px solid #ddd; background:#fff; }
.product_b .slideTxtBox .hd ul li{ float:left; cursor:pointer; line-height:50px; background:#e6e6e6; width:50%; text-align:center; font-size:16px;}
.product_b .slideTxtBox .hd ul li.on{ background:#009933; color:#FFF;}
.product_b .slideTxtBox .bd{ margin-top:20px;}


@media screen and (max-width: 980px){
.product_b .slideTxtBox .hd ul li{font-size:14px;}

}

@media screen and (max-width: 320px){
 .product_b .slideTxtBox .hd ul li{ white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
}