﻿.ban-about{ background:url(../image/ban-about1.jpg) center top no-repeat; min-height:300px;}
.ban-contact{ background:url(../image/ban-contact.jpg) center top no-repeat; height:300px;}
.ban-feedback{ background:url(404.png) center top no-repeat; height:300px;}
.ban-news{ background:url(../image/ban-news.jpg) center top no-repeat; height:300px;}
.ban-service{ background:url(../image/ban-service.jpg) center top no-repeat; height:300px;}
.ban-job{ background:url(../image/ban-job.jpg) center top no-repeat; height:300px;}
.ban-product{ background:url(../image/ban-product.jpg) center top no-repeat; height:300px;}
.ban-quality{ background:url(../image/ban-quality.jpg) center top no-repeat; height:300px;}




#n_main_box{ min-height:200px; padding:0px 0 10px; background:#fff;  }
.main_box{ width:1200px; margin:0 auto;}
#n_main_box .main_box{ position:relative;  }
#n_nav_bar{  position:relative; border:1px solid #dde0e4; border-top:none; background:#f2f3f4;}
.position{ position:absolute; right:0; top: 0px; z-index: 9; line-height:48px; color:#a8abb1; background:url(../image/icon_home.png) left center no-repeat; padding-left:18px;}
.position span,.position a,.position i{ font-size:12px; color:#a8abb1;}
.position em{ font-size:12px; color:#00a0e9; font-style:normal;}
.position a:hover{ color:#00a0e9;}



#n_nav{ position:relative; }
#n_nav .main_box{  }
#n_nav a{ display:block; min-width:100px; position:relative;height:55px; float:left;  line-height:55px; padding:0 30px; text-align:center; color:#666; }
#n_nav a span { display:block;  height:0px; position:absolute; z-index:2; bottom:0px; left:-1px; width:100%; background:#00a0e9;}
#n_nav a strong{ display:block; color:#4a4a4b; position:relative; z-index:4; font-size:16px; font-weight:normal; } 
#n_nav a:hover{ color:#4f9431;  }
#n_nav a:hover span{ height:55px; }
#n_nav a:hover strong{ color:#fff;}
#n_nav .on{ color:#00a0e9; }
#n_nav .on span{  height:55px;}
#n_nav .on strong{  color:#fff;}
#n_nav *,.n_news li:hover{ -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; } 



.main_box2{ width:1200px; margin:0 auto; margin-top:50px;}

.about p{font-size: 14px;color: #666;line-height: 22px;text-align: justify; margin-bottom:10px;}
#map{height:0; padding-bottom:30%;width:100%;border:1px solid #ccc;}	

.nav-list {height: 44px;text-align: center;}

.nav-list a {
	font-size: 15px;
    color: #333;
    min-width: 90px;
	padding: 0 30px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #e7e7e7;
    display: inline-table;
    margin: 0 4px;
}
.nav-list a:hover {
    color: #fff;
    background: #033E80;
    -webkit-transition: all 0.5s;transition: all 0.5s;
}
.nav-list .on {
    color: #fff;
    background: #033E80;
    -webkit-transition: all 0.5s;transition: all 0.5s;
}





#n_news { }
#n_news ul{ overflow:hidden; }
#n_news li{ width:380px; position:relative; display:block; overflow:hidden; background:#f6f6f6; float:left; margin-right:30px; padding-bottom:30px; margin-bottom:30px;}
#n_news li a{ display:block;}

#n_news li:nth-child(3n){ margin-right:0;}
#n_news li .pic_box{overflow:hidden; position:relative; width:100%;}

#n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
#n_news li .pic_box:hover img {transform: scale(1.1);}
#n_news li .pic_box img{ width:100%;}

#n_news li .text_box{ position:relative; padding:15px 25px; }
#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:12px; line-height:24px; margin-top:10px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; font-size:12px; }
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(../image/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li:hover{    }
#n_news li:hover h1 a{ color:#00a0e9; }
#n_news li:hover p{ }
#n_news li:hover .fot_box a{ background:url(../image/icon_more_jt_hover.png) right center no-repeat; color:#00a0e9;}
#n_news li:hover .fot_box span{ }
#n_news li a:hover{ text-decoration:underline; }


.n_newsxq .ar_title { text-align:center; padding-bottom:30px; border-bottom:1px dotted #ddd; margin-bottom:30px;}
.n_newsxq .ar_title h1{ font-size:24px; color:#333; font-weight:520;}
.n_newsxq .ar_title p{ color:#b8b7b7; font-size:12px; margin-top:10px;}

.news_detail {}
.news_detail p {font-size: 14px;line-height: 24px;color: #666;padding-top: 6px;}

.xq_fot{ border-top:1px solid #e7e6e6;border-bottom:1px solid #e7e6e6; margin:40px 0 20px 0;}
.xq_fot h1 a{ line-height:50px; font-size:14px; color:#6d6c6c; font-weight:normal;}
.xq_fot h1 span{ line-height:50px; font-size:12px; color:#6d6c6c;}
.xq_fot a:hover{ color:#00a0e9; text-decoration:underline;}
.share{ float:right;}



#sy_pro ul{ overflow:hidden; }
#sy_pro li{ width:180px; position:relative; display:block; overflow:hidden;  float:left; margin-right:21px; margin-bottom:40px;border:1px solid #ddd;}
#sy_pro li a{ display:block;}

#sy_pro li:nth-child(6n){ margin-right:0;}
#sy_pro li .pic_box{overflow:hidden; position:relative; width:100%;}

#sy_pro li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
	
}
#sy_pro li .pic_box:hover img {transform: scale(1.1);}
#sy_pro li .pic_box img{ width:100%;}
#sy_pro p{ line-height:40px; height:40px; text-align:center; background:#f0f0f0; font-size:14px; color:#333;}



.about h1{ font-size:20px; padding-bottom:20px; font-weight:bold;}

.cpxq-img{ width:350px; float:left;}
.cpxq-img img{  border:1px solid #eee;}
.cpxq-wz{ width:500px; float:left; padding-top:30px;}
.cpxq-wz h1{ font-size:20px; padding-bottom:10px;font-weight:bold;}
.cpxq-wz p{ font-size:14px; color:#666; line-height:24px;}

.cpxq-ms{ margin-top:20px;}
.cpxq-ms p{font-size:14px; color:#666; line-height:24px;}



#sy_pro2 ul{ overflow:hidden; }
#sy_pro2 li{ width:300px; position:relative; display:block; overflow:hidden;  float:left; margin-right:21px; margin-bottom:40px;border:1px solid #ddd;}
#sy_pro2 li a{ display:block;}

#sy_pro2 li:nth-child(6n){ margin-right:0;}
#sy_pro2 li .pic_box{overflow:hidden; position:relative; width:100%;}

#sy_pro2 li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
	
}
#sy_pro2 li .pic_box:hover img {transform: scale(1.1);}
#sy_pro2 li .pic_box img{ width:100%;}
#sy_pro2 p{ line-height:48px; height:48px; text-align:center; background:#f0f0f0; font-size:15px; color:#333;}



.faq-box {
	position: relative;
	margin-bottom: 25px;
}
.faq-box .faq-top {
	height: 50px;
	padding-left: 19px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	background-color: #f5f5f5;
	background-image: url(../image/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(../image/sj.png) no-repeat left center;
	float: left;
}
.faq-box .faq-block {
	padding-top: 12px;
	background: url(../image/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: #f5f5f5;
	position: relative;
	font-size:14px;
}
.faq-block .faq-con p{ font-size:14px;}
.faq-box .faq-top.cur {
	background-color: #00a0e9;
	color: #fff;
	background-image: url(../image/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}


.zxly_er{ max-width:1400px; margin: 0 auto;margin-top: 10px; }
.zxly_er ul{}
.zxly_er li{ width:49%; margin-bottom:1%;}
.zxly_er li.left{ float:left;}
.zxly_er li.right{ float:right;}
.zxly_er li .input_txt{ width:95%; height:40px; 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:97.5%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#00a0e9;}
.zxly_er .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#333;}