.ban-about{ background:url(../images/ban-about.jpg) center top no-repeat; 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;}


.middle{ width:1200px; margin:0 auto; padding-bottom:50px; margin-top:30px;}
.left{ float:left; width:240px; position:relative; overflow:hidden; margin-top:0px;}
.left_title {height:70px; background:url(../images/icon_sub_nav.png) 18px 25px no-repeat #0168C3;}
.left_title  h1{padding:20px;color:#fff; margin-left:20px; padding-left:35px; padding-top:22px;}
.left_title  h1 strong{font-size:24px;display:block; font-weight: 700; padding-bottom:5px; }


.left ul{ background:#f4f4f4; padding-top:0px;}
.left ul li a{ display:block; background:url(../Images/ico_jth.png) no-repeat 205px center ;line-height:44px; height:44px; padding-left:20px; color:666; border-bottom:3px solid #eee; font-size:15px;}
.left ul li a:hover,.left ul li .on{ background:url(../Images/ico_jtb.png) no-repeat 205px center #0278CB; color:#fff;border-bottom:3px solid #ccc;}

.left li ul{ }
.left li ul li a{background:url(../images/xsj.jpg) 20px center  no-repeat #fafafa; color:#666; font-size:12px; border-radius:0px;text-indent: 15px; border-bottom:1px solid #eaeaea;margin-bottom:0; height:36px; line-height:36px;}
.left li ul li a:hover {color:#0168C3;text-decoration:underline;background: url(../images/xsj.jpg) 20px no-repeat; border-bottom:1px solid #eaeaea;}

.lx{ background:#f4f4f4; margin-top:0px; padding-bottom:20px;}
.lx h2{ font-size:24px; color:#fff; line-height:70px; height:70px;  font-weight:700; border-bottom:1px solid #fff;  background:#0168C3; margin-bottom:10px;}
.lx p{ font-size:14px; color:#666; padding:0 15px; line-height:24px;}

.right{ float:right; width:920px;}
.n_title{ position:relative; background:url(../images/bg_n_title.png) left center no-repeat; padding-left:15px;  border-bottom:1px solid #d9dbde; height:45px; line-height:45px; }
.n_title h1{ font-size:18px;  display:inline-block; color:#0168C3; font-weight:700;   }


/*==============当前位置=====================*/
.position{ position:absolute; line-height: 45px;  right:0px; top:0px; color:#8a8c8e; background:url(../images/icon_home.png) left center no-repeat; padding-left:16px;}
.position span, .position a, .position i{ font-size:12px; color:#8a8c8e;}
.position em{ font-size:12px; color:#0168C3; font-style:normal;}
.position a:hover{ color:#0168C3;}

.about{ margin-top:30px;}
.about p{font-size: 14px;color: #666;line-height: 24px; margin-bottom:10px;}


/******************产品列表************************/
.proboxline_box{ margin-top:30px;}
.proboxline_box a{ width:284px;  float:left; display:inline-block; margin-right:30px; margin-bottom:25px; border:#d7ddde solid 1px; border-bottom:#d7ddde solid 4px; }
.proboxline_box a:nth-of-type(3n){ margin-right:0;}
.proboxline_box a:hover{ border-bottom:#0168C3 solid 4px;}
.proboxline_box a .proimg_img{ width:100%; overflow:hidden;}
.proboxline_box a .proimg_img img{ width:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.proboxline_box a .proimg_img:hover img{transform:scale(1.1);}
.proboxline_box a .proimg_title{ font-size:15px; background:#f4f4f4; text-align:center; color:#666; height:46px; line-height:46px; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
.proboxline_box a .proimg_time{ font-size:12px; color:#999; height:20px; line-height:20px; background:url(../images/bg31.png) no-repeat 100% 50%;}
.proboxline_box a:hover .proimg_title{ color:#fff; background:#0168C3;}

.pre_right {float: right;width: 430px;padding-top: 20px;}
.pre_right h2 {font-size: 20px;color: #333;font-weight: bold;line-height: 40px;border-bottom: 1px solid #dbdbdb;padding-top: 10px;margin-bottom: 10px;}
.pre_right p {font-size: 14px;color: #666666;line-height: 24px;padding-top: 8px;}
.pre_fx{border-top: 1px solid #dbdbdb; margin-top:20px; padding-top:20px;}

/**************************在线购买**************************/
.mopop{  font-size: 16px; color: #fff;  margin-top:20px;display: block; height:44px; line-height: 44px;  background: #0168C3;  width: 180px;  border-radius: 3px; text-align: center;}
.mopop:hover{ background: #D52720; color: #fff; cursor:pointer; text-decoration:none;}



.pro_detail {padding-top: 20px;}
.pro_detail_tit {background:#f0f0f0;color: #333;line-height: 40px;border-bottom: 2px solid #0168C3;margin-bottom: 8px; font-weight:bold;}
.pro_detail_tit h3{ background:#0168C3; color:#fff; width:130px;font-size: 16px; text-align:center;}
.pro_detail p {font-size: 14px;line-height: 24px;color: #434343;}


/******************新闻样式************************/
.news{}
.news dl{ border-bottom:1px dotted #CCC; padding:2% 0;}
.news dt{ float:left; width:70%; font-size:20px; font-weight:bold; padding:5px 0; margin-left:40px; }
.news dt a{ color:#666;}
.news dd.pic{ float:left; width:25%; overflow:hidden;}
.news dd.pic img{ width:100%;height:auto;transition:all .6s;}
.news dd.pic img:hover{transform:scale(1.1,1.1);-webkit-transition: all 1.5s;transition: all 1.5s;}
.news dd.date{float:left; width:22%; line-height:24px;overflow:hidden;font-size:14px; color:#999999; background:url(../images/bn44.png) no-repeat left; margin-bottom:10px; padding-left:20px; margin-left:40px;}
.news dd.txt{ float:left; width:70%; line-height:24px;overflow:hidden; margin-left:40px;font-size:14px; color:#666;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;}
.news dd.more{float:left; width:30px; height:30px; background:url(../images/bn43.png) no-repeat left;transition: all 0.3s ease 0s;margin-left:40px; margin-top:15px;}	
.news dd.more:hover{background:url(../images/bn43_nei.png) no-repeat left; cursor:pointer; }
.news a:hover{ text-decoration:none; color:#0168C3;}



/*新闻详情*/

.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 20px; margin-bottom:20px; text-align:center; margin-top:30px;}
.news-title h2{ font-size:24px; float:none; color:#444; margin-bottom:10px; font-weight:bold;}
.news-title p span{margin:0 5px;color: #999;}

.pages{line-height:30px;border-top:1px dotted #ccc;margin-top:25px;padding-top:12px;font-size:14px;color:#666666;margin-right: 12px;} 
.pages a{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5; color:#666666; }
.pages a:hover{text-decoration:none;border:1px solid #0168C3;color:#fff; background-color:#0168C3;}



#rpro-text{ margin-top:30px;}
#rpro-text a{
	display:block;
	text-decoration:none;
	float:left;
	font-size:15px;
	color:#666;
	text-align:center;
	margin-right: 20px;
	margin-bottom: 8px;
}
#rpro-text a:nth-child(3n){ margin-right:0;}
#rpro-text a label{
	line-height: 24px;
}
#rpro-text img{
	border:solid 1px #dbdbdb;
	width:285px;
	padding: 2px;
}
#rpro-text img:hover{border:solid 1px #0168C3;}
#rpro-text a:hover{color:#0168C3;}

/*分页*/
.j_pages {
	margin: 0 auto;
	margin-top: 20px;
}
.j_pages .box {
	display: inherit;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.j_pages a {
	padding: 0px 13px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #dedede;
	color: #444;
	font-size: 14px;
	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: #0168C3;
	color: #fff!important;
	border: 1px solid #0168C3;
}
.j_pages span {
	font-family: simsun;
}
.j_pages i {
	display: inline-block;
}
.j_pages a:hover {
	background: #0168C3;
	color: #fff!important;
	text-decoration: none;
	border: 1px solid #0168C3;
}

/*job*/
.join{ margin-top:30px;}
.faq-box {
	position: relative;
	margin-bottom: 15px; 
}
.faq-box .faq-top {
	height: 50px;
	padding-left: 19px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	background-color: #f5f5f5;
	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: #f5f5f5;
	position: relative;
	font-size:14px;
}
.faq-block .faq-con p{font-size:14px; }
.faq-box .faq-top.cur {
	background-color: #0168C3;
	color: #fff;
	background-image: url(../images/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}


/*资源下载*/
.down_r_text{ margin-top:30px; }
.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:#0168C3; text-decoration:underline;}
.down_r_text li span{float:right; color:#999; font-size:14px; }
.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;}



/******************留言样式************************/
.message {
    width: 920px; margin-top:30px;

}
.message h3 {
	font-size: 24px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}

.message li {
	list-style-type: none;
	line-height: 24px;
	color: #666666;
	font-size: 14px;
	float: left;
	text-align: right;
	margin-bottom: 15px;
	width: 50px;
}
.message .txt_wb {
	width: 420px;
	text-align: left;
}
.message .txt_wb2 {
	width: 420px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

.message .box {
	height: 32px;
	width: 420px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}

.message .box2 {
	width: 920px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	height: 130px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
	font-family:"微软雅黑";
}
.message h2 {
	height: 40px;
	width: 180px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-left:390px;
	margin-top: 0px;
	background-color:#0168C3;
}
.message h2 a { display:block; color:#FFFFFF;}

.message h2 a:hover {
	background-color: #D52720;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}