﻿.ban-about{ background:url(../images/ban-about.jpg) center top no-repeat; min-height:300px;}
.ban-contact{ background:url(../images/ban-contact.jpg) center top no-repeat; height:300px;}
.ban-feedback{ background:url(../images/ban-feedback.jpg) center top no-repeat; height:300px;}
.ban-news{ background:url(../images/ban-news.jpg) center top no-repeat; height:300px;}
.ban-service{ background:url(../images/ban-service.jpg) center top no-repeat; height:300px;}
.ban-job{ background:url(../images/ban-job.jpg) center top no-repeat; height:300px;}
.ban-product{ background:url(../images/ban-product.jpg) center top no-repeat; height:300px;}
.ban-quality{ background:url(../images/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(../images/icon_home.png) left center no-repeat; padding-left:18px;}
.position span,.position a,.position i{ font-size:12px; color:#999;}
.position em{ font-size:12px; color:#007fcc; font-style:normal;}
.position a:hover{ color:#007fcc;}



#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 35px; 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:#007fcc;}
#n_nav a strong{ display:block; color:#4a4a4b; position:relative; z-index:4; font-size:16px; font-weight:normal; } 
#n_nav a:hover span{ height:55px; }
#n_nav a:hover strong{ color:#fff;}
#n_nav .on{ color:#007fcc; }
#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;}
.culture{ width:33%; float:left;}
.culture 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;
}




/*=====================新闻列表================*/
#list_news{ background: #fff; }
#list_news ul{ margin-bottom:10px;}
#list_news li{ padding: 30px 20px; height:170px;  position:relative; display:block; overflow:hidden; border-bottom:1px solid #ececef;   }
#list_news li a{display:block;}
#list_news li .pic_box{position:absolute; left:0px;  top:  0px; background:#000;width:280px;height:170px;overflow:hidden; margin:30px 20px;}
#list_news li .pic_box a{ position:relative; }
#list_news li img{width:280px;height:170px;display:block}
#list_news li .text_box{position:relative; margin-left: 300px;  }
#list_news li h1{ display: block; padding-bottom: 15px; padding-top: 17px; font-size:18px; font-weight:bold;}
#list_news li h1 a{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:16px; display:block;}
#list_news li p{ display: block; padding-bottom: 15px; padding-top: 17px;  font-size:13px; height:40px;}
#list_news li p a{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color: #434345; display:block;}

#list_news .fot_box{position:relative;height:12px;line-height:14px; margin-top: 20px;}
#list_news .fot_box span{font-size:12px; opacity:.65;filter:alpha(opacity=65);}

#list_news li:hover{ background: #F8F6F7;color:#333;}


.img_size li img, .img_size img {
    -moz-transition: all 2s ease !important;
    -webkit-transition: all 2s ease-in-out !important;
    -o-transition: all 2s ease-in-out !important;
    -ms-transition: all 3s ease-in-out !important;
    transition: all 2s ease-in-out !important;
}
.img_size li:hover img, .img_size a:hover img {
    -moz-transform: scale(1.1);
    -o-moz-transform: scale(1.1);
    -o-moz-transform: scale(1.1);
    -webkit-moz-transform: scale(1.1);
    transform: scale(1.1);
}




/*==============新闻详情====================*/
.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:550;}
.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:#007FCC; text-decoration:underline;}
.share{ float:right;}


/*====翻页效果====*/
.j_pages{ margin:0 auto; padding-bottom:20px;}
.j_pages .box{display:inherit;width:100%;text-align: center;padding-top: 49px;}
.j_pages a{padding: 0px 12px;height: 32px;line-height: 31px;display:inline-block; margin:0 1px; border:1px solid #dedede; color: #666666;font-size: 12px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background:#007FCC;color:#fff!important;border:1px solid #007FCC;}
.j_pages span{background:#007FCC;color:#fff!important;border:1px solid #007FCC}
.j_pages a:hover{background:#007FCC;color:#fff!important;text-decoration:none;border:1px solid #007FCC;}
.j_pages a:hover font{color:#fff}
j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}



#sy_pro ul{ overflow:hidden; }
#sy_pro li{ width:200px; position:relative; display:block; overflow:hidden;  float:left; margin-right:40px; margin-bottom:40px;border:1px solid #ddd;}
#sy_pro li a{ display:block;}

#sy_pro li:nth-child(5n){ 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{ text-align:center; }
.cpxq-img img{  border:1px solid #eee;transition: all 0.5s;}
.cpxq-img img:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); }

.cpxq-ms{ margin-top:10px; text-align:center; font-size:15px;}

.pro_detail{ padding-top:20px; border-top:1px solid #ededed; margin-top:30px;}
.pro_detail p{font-size: 14px;color: #666;line-height: 22px;text-align: justify; margin-bottom:10px;}


/*==============job=====================*/

#list_slide{  position:relative;}

#list_slide dl{  overflow:hidden; border-bottom:1px dotted #fff;  }

#list_slide dt{border:none;   background:#ee6c00;  display:block; position:relative; padding:15px 25px;  cursor:pointer;   background:url(../images/icon_arrow_sfq_left.png) 1130px center no-repeat #F2F3F4;}

#list_slide dt table{ margin-left:-50px;}

#list_slide dt td{  color:#666666; font-size:14px; border-left:1px solid #fff; padding:0 50px; }

#list_slide dt h1{  color:#444444; font-size:16px; line-height:30px; display:block; font-weight:bold;}

#list_slide dd{ display:none; padding:0 40px; padding-bottom:30px; line-height:36px; background:#F2F3F4;  }

#list_slide dd p{ line-height:36px;  }

#list_slide dd .content{ padding-top:20px;}

#list_slide dt.on td{ color:#fff;}

#list_slide dt.on{ background:url(../images/icon_arrow_sfq_un.png) 1130px  center no-repeat #007FCC; }

#list_slide dt.on h1{color:#fff;}

.btn a{ width:130px; height:38px; line-height:38px; border-radius:5px; background:#007FCC; display:block; text-align:center; color:#fff; float:left; margin-right:10px; }
.btn a:hover{ color:#fff;}

/******************下载样式************************/

.downs ul {
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-bottom:10px;
}
.downs li {
	list-style-type: none;
	font-size: 14px;
	color: #666666;
	float: left;
}
.downs .d1 {
	width: 600px;
	line-height: 30px;
}
.downs .d2 {
	width: 400px;
	line-height: 30px;
}
.d1 a {
	color: #666666;
	text-decoration: none;
}
.d1 a:hover {
	color: #0087C9;
	text-decoration: underline;
	-webkit-transition: all 0.3s; transition: all 0.3s;
}


/*留言*/
.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:#007FCC;}
.zxly_er .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#333;}