@import url("./frame.css");



.head_top{
	height:34px ;
	border-bottom: 1px solid #ddd;

}

.head_center{ height: 34px;

 }

.head_left{ height: 34px; float: left; line-height: 34px; font-size: 12px; color: #757575; }
.head_right{ float:right; height: 34px; line-height: 34px; font-size: 10px; color: #757575;

 }


.head_right span{
	padding-left: 5px;
	padding-right: 5px;
}

.head_right a{ font-size: 12px; color: #757575;transition:all linear 1s; }

.head_right a:hover{
	color: #f08519;
	text-decoration: underline;
}






.header{background:#fff; }


.header_wrap{ width: 1200px;  }

.header_left{ width: 667px; height: 155px; float: left; }

.header_left a{ display: block;  width: 100%; height: 100%;}

.header_right{ width: 270px; height: 155px; float: right;  }




/*sort_wrap*/
.sort_wrap{ height: 50px; margin-top: 20px; }
.sort_wrap a{ height: 50px; line-height: 40px; font-size: 14px; color: #fff; width: 198px; margin-right: 2px; float: left;
background: url("../images/sort_bg1.png") no-repeat; text-align: center;
 }


.sort_wrap a:hover{background: url("../images/sort_bg2.png") no-repeat; }

.sort_wrap a.active_sort{  background: url("../images/sort_bg2.png") no-repeat;}

/*nav*/

.nav{ background: #069ae6; position: relative; z-index: 100;}
.nav_wrapper{ height: 50px;   }

.container li{
	width: 171px; height: 50px; display: block;
	text-align: center; color: #fff;
	float: left;
	line-height: 50px;
	font-size:14px;

	background:url("../images/line2.png") no-repeat top right;
	position: relative;
}


.nav_wrapper a{ width: 171px; height: 50px; display: block;
	text-align: center; color: #fff;
	
	line-height: 50px;
	font-size:14px;

	
 }

 .container li.active_nav_li, .container li:hover{
 	background: #f08519;
 }
.sub-menu { 
display: none; 
padding-left: 0 !important;
z-index: 999;
width: 171px;
height: auto;
position: absolute;
background:#027ac6;
top: 50px;
left: 0px;
} 

.sub-menu li {color: white; height: 35px; line-height: 35px;height: 35px; background: #027ac6; } 

.sub-menu li:hover {
background:#da251d;
} 
.sub-menu li a{ line-height: 35px; height: 35px;
	font-size:14px; }
.sub-menu li:hover a { 
color: white; 
} 


 .banner_wrap{ height: 460px;  background:#014e8d; }

 .search_wrap{ height: 64px; background: #eee; }

 .search_center{ height: 34px; padding-top: 15px; padding-bottom: 15px; }

.search_left{ height: 34px; width: 520px; float: left;line-height: 34px; font-size: 12px; color: #757575;}

.search_left b{ font-size: 14px; color: #757575; }
.search_left a{ font-size: 14px; color: #757575;padding-right: 6px; }
.search_left a:hover{ color: #f08519; text-decoration: underline;  }

.search_right{ height: 34px; width: 680px; float: left; }

.search_input{ 
	
	background: #fff;
	width: 396px; box-sizing: content-box;padding-left: 10px;
	padding-right: 10px;
	color: #757575;
	font-size: 14px;
	float: left;
	height: 34px;
	border-radius: 6px;
	float: left;
 }

 .search_submit{ height: 34px; width: 240px; float: right;
background: #0077cb;
color: #fff;
font-size: 14px;
border-radius: 6px;
  }
.product_wrap{padding-top: 20px;}
.pro_left{ width: 260px; float: left;  margin-bottom: 40px; }
.pro_right{ width: 940px; float: right; height: 550px;margin-bottom: 40px;  }

.site_title{ height: 40px; background: #1b85d1; padding-left: 20px; line-height: 40px; color: #fff; border-radius: 6px;}

.site_title a{ font-size: 16px; color: #fff; }
.site_title i{ font-size: 12px; padding-left: 4px; padding-right: 4px; }
.site_title span{ font-size: 12px; font-family: "Arial"; }


.sort_list_wrap{
	padding-top: 6px;
}

.sort_list_wrap a{
	height: 30px;
	line-height: 30px;
	
	font-size: 13px;
	
	display: block;
	margin-bottom:6px;
	border-radius: 6px; 
	
	transition: all ease 0.5s;
}

.commend_pro_wrap{
	margin-top: 10px;
}

.commend_pro_wrap a{
	height: 340px; 

	width: 386px;
	display: block;

	float: left;
	margin-right:20px;
	
	margin-bottom: 20px;

}


.commend_pro_wrap a:hover .comm_img_wrap img{
	transition:all 1.2s linear;-moz-transition:all 1.2s linear;
  -o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear;-webkit-transform:scale(1.12);-moz-transform:scale(1.12);
  -o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);
	

}


.commend_pro_wrap a:hover .comm_texta{
	color: #fff;
	background: #da251d;
	text-decoration: underline;
	

}

.comm_img_wrap{width: 386px; height: 300px; display: block; overflow: hidden;}

.comm_imga{  display: block; }
.comm_texta{ width: 386px;height: 40px; line-height: 40px;
background: #eeeeee;font-size: 13px; text-align: center;
color: #757575;
 }


 .news_wrap_bg{ height: 516px;
background: url("../images/bg.jpg") center center no-repeat;

background-attachment: fixed;

  }
.news_center{
	height: 516px;
	
}


.news_left_wrap{
	width: 770px;
	float: left;
	padding-top: 88px;
}  

.news_right_wrap{
	width: 400px;
	float: right;
	padding-top: 88px;
}

.news_title{
	height: 37px;
	padding-left: 14px;
	overflow: hidden;
	background: url("../images/title_bg.png") no-repeat;
}

.news_title a{
	font-size: 20px; float: left;line-height: 37px;color: #fff;
}

.news_title em{
	font-size: 14px;
	color: #fff;
	float: left;
	line-height: 45px;
	font-family: Arial;
	padding-left: 6px;
}

.news_uls li{
	padding:10px;
	background: #fff;
	margin-bottom: 20px;
	
}


.news_uls2 li{
	padding:10px;
	background: #eee;
	margin-bottom: 20px;
}
.news_li_left{ width: 200px; height: 112px; padding-right: 10px; border-right:1px solid #ddd; float: left; }
.news_li_right{ width:529px ;padding-left: 10px; height: 112px; float: left; }
.news_li_right2{ width:679px ;padding-left: 10px; height: 112px; float: left; }
.news_li_left img{
	width: 100%; height: 100%;
	display: block;
}


.news_chtitle{ height: 24px; line-height: 24px; font-size: 14px; color: #757575; }

.news_chdate{ height: 14px; line-height: 14px; font-size: 12px; color: #bbb; }
.news_chdesc{ height: 74px; line-height: 20px; font-size: 12px; color: #757575; }

.news_right_content{ height: 264px; background: #fff; border:10px solid #fff; width: 380px ;}


.news_right_content img{  width: 380px; height: 264px; display: block; }



.news_uls li:hover{
	
	background: #da251d;
	
}

.news_uls li:hover .news_li_left{  border-right:1px solid #e9544e; }



.news_uls li:hover .news_chtitle{ color: #fff; }

.news_uls li:hover .news_chdate{  color: #fff; }
.news_uls li:hover .news_chdesc{  color: #fff; }


.news_uls2 li:hover{
	
	background: #da251d;
	
}

.news_uls2 li:hover .news_li_left{  border-right:1px solid #e9544e; }



.news_uls2 li:hover .news_chtitle{ color: #fff; }

.news_uls2 li:hover .news_chdate{  color: #fff; }
.news_uls2 li:hover .news_chdesc{  color: #fff; }




.youshi_title{padding-top: 35px; height: 44px; line-height: 44px; font-size: 29px; color: #dd2222; text-align: center;}
.youshi_stitle{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #888;
	text-align: center;
	padding-bottom: 26px;
}

.youshi_wrap{ height: 285px; padding-bottom: 50px;}



.youshi_item{ width: 226px; background: #dd2222; display: block; float: left; margin-right: 16px; display: inline; height: 285px; 

 -webkit-box-shadow: 0px 3px 21px 1px #E4E4E4;
    -moz-box-shadow: 0px 3px 21px 1px #E4E4E4;
    -ms-box-shadow: 0px 3px 21px 1px #E4E4E4;
    -o-box-shadow: 0px 3px 21px 1px #E4E4E4;
    box-shadow: 0px 3px 21px 1px #E4E4E4;
}

.youshi_item:hover{
	background: #132c55;
	   
}



.youshi_item_img{
	height: 146px;
	overflow: hidden;
	
}

.youshi_item:hover .youshi_item_img img{
	transition:all 1.2s linear;-moz-transition:all 1.2s linear;
  -o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear;-webkit-transform:scale(1.12);-moz-transform:scale(1.12);
  -o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);
}

.youshi_item_title{
	height: 48px;
	line-height: 48px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.youshi_item_desc{
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}


.about_wrap{
	height: 326px;
	background:#f6f6f6;
	padding-top: 40px;
	padding-bottom: 40px;
}
.about_wrap_center{
	height: 326px;
}

.about_wrap_left{
	float: left;
	width: 453px;
	height: 326px;
}
.about_wrap_left img{ width: 100%; height: 100%; }

.about_wrap_right{
	float: right;
	width: 717px;
	height: 326px;
}

.about_r_title{ height: 50px; line-height: 50px; color: #757575;font-size: 30px; padding-top: 20px; }
.about_r_desc{ line-height: 20px; font-size: 12px;
color: #757575;
 }
.about_r_imgs{
	padding-top: 22px;

}

.about_r_imgs img{ width: 137px; height: 83px;  border:1px solid #cccccc; 
margin-right: 5px; float: left; display: inline;
}

.bottom_nav_w{ height:40px ; background:#069ae6;  text-align: center; line-height: 40px; }

.bottom_nav_w a{
	font-size: 14px;
	color: #fff;
}
.bottom_nav_w span{
	padding-left: 30px; padding-right: 30px;font-size: 10px; color: #fff;
}



.bottom_wraps{
	padding-top: 22px; padding-bottom: 22px;
	width: 962px;
	height: 160px;
	margin:0 auto;
}
.bottom_logos{ float: left; width: 353px; height: 160px; border-right:1px solid #ddd; }
.bottom_texts{ width: 345px;height: 160px; line-height: 22px;font-size: 12px; color: #757575;
border-right:1px solid #ddd; float: left;
padding-left: 45px;
 }
.bottom_texts a{ font-size: 12px; color: #757575;

 }
.bottom_texts a:hover{ font-size: 12px; color: #f08519;

 }

.bottom_wechats{
	width: 129px; height: 160px;
	padding-left: 44px;
	padding-right: 44px;
	float: left;
} 

.bottom_wechats img{ display: block; width: 100%; height: 129px; }

.scan_text{ width: 129px; line-height: 30px; font-size: 12px; color: #757575;text-align: center; }

.sort_list_wrap a.first_class{
	color:#757575;
	padding-left: 32px;
	background: url("../images/circle1.png") left top no-repeat #ecf3fe;
}

.sort_list_wrap a:hover .first_class{
	color: #fff;
	background: url("../images/circle2.png") left top no-repeat #ec2c2c;
}

.sort_list_wrap a.second_class{
	padding-left: 40px;
	color:#757575;
	background: url("../images/circle3.png") left top no-repeat #ecf3fe;
}

.sort_list_wrap a:hover .second_class{
	color: #fff;
	background: url("../images/circle4.png") left top no-repeat #ec2c2c;
}


.pro_right a{
	width: 294px; height: 268px; 
	display: block;
	float: left;
	margin-left: 18px;
}

.pro_uls li{
	width: 294px; height: 268px; 
	display: block;
	float: left;
	margin-right: 19px;
	margin-bottom: 16px;

}


.pro_uls li .imga{
	width: 294px; height: 228px;
	display: block;
	overflow: hidden;


}
.pro_uls li .imga img{
	transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    -webkit-transition: all 1.2s linear;
}
.pro_uls li a .texta{ width: 294px; height: 40px; line-height: 40px;
font-size: 13px;color: #757575;
transition: all linear 0.5s;
text-align: center;
background: #eeeeee;

 }


.pro_uls li a:hover .texta{
	color: #fff;
	background: #da251d;
	text-decoration: underline;
}

.pro_uls li a:hover .imga img{

    
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    -m-transform: scale(1.12);
    transform: scale(1.12);
}



.pro_uls li a.product_a{
	width: 294px; height: 268px; 
	
	float: left;
	
	overflow: hidden;

	position:relative;
}


.pro_right2 .imga img{
	transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    -webkit-transition: all 1.2s linear;
}



.pro_right2 .texta:hover{
	color: #d90101;
	text-decoration: underline;
}

.pro_right2 .imga:hover img{

    
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    -m-transform: scale(1.12);
    transform: scale(1.12);
}

/*second_part*/
.second_part_wrap{ padding-top: 20px; }
.second_part_left{ width: 260px;
	float: left;
 }

.contact_content{
	background:#ecf3fe;
	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 20px;
	line-height: 22px;
	font-size: 12px;
	color: #757575;
}

.contact_content img{ width: 200px; margin:0 auto;  display: block;
padding-top: 20px;
}


.second_part_center{ width: 570px; float: left;
margin-left: 20px; 
 }

.company_content{ padding-top: 12px;font-size: 13px; color: #757575; line-height: 22px; } 
.company_content img{ display: block; margin-bottom: 10px; }
.company_content b{ color:#d90101 ; }


.second_part_right{ width: 330px; float: right; }

.news_ul{
	padding-left:6px; 
}
.news_ul li{ height: 36px; line-height: 36px; border-bottom: 1px dashed #757575; overflow: hidden;
transition: all linear 0.5s; 
}
.news_ul li b{ display: block; width: 20px; height: 20px;padding:9px;
display: block;
padding-left: 0;
float: left;
 }
 .news_ul li b span{ width: 20px; height: 20px; line-height: 20px;
text-align: center; color: #fff; background: #757575;
display: block;font-weight: normal;border-radius: 6px;
transition: all linear 0.5s;
  }
.news_ul li a{ float: left; height: 36px; line-height: 36px; font-size: 12px; color: #757575;
max-width: 286px;overflow:hidden;
transition: all linear 0.5s;
 }  

.news_ul li.active_li{ border-bottom: 1px dashed #d90101; 
}

 .news_ul li.active_li b span{ background: #d90101;

  }
.news_ul li.active_li a{ color: #d90101;

 } 


.news_ul2{
	padding-left:6px; 
}
.news_ul2 li{ height: 36px; line-height: 36px; border-bottom: 1px dashed #757575; overflow: hidden; transition: all linear 0.5s;
}
.news_ul2 li b{ display: block; width: 20px; height: 20px;padding:9px;
display: block;
padding-left: 0;
float: left;
 }
 .news_ul2 li b span{ width: 20px; height: 20px; line-height: 20px;
text-align: center; color: #fff; background: #757575;
display: block;font-weight: normal;border-radius: 6px;
transition: all linear 0.5s;
  }
.news_ul2 li a{ float: left; height: 36px; line-height: 36px; font-size: 12px; color: #757575;
transition: all linear 0.5s;
 }  

.news_ul2 li.active_li{ border-bottom: 1px dashed #d90101; 
}

 .news_ul2 li.active_li b span{ background: #d90101;

  }
.news_ul2 li.active_li a{ color: #d90101;

 } 

.bottom_wrap{
	padding-top: 30px;
	padding-bottom: 30px;
	background:#1b85d1;

	margin-top: 30px;
	
}

.bottom_center{  text-align: center;
color: #fff;font-size: 14px;

 }

 .bottom_nav{ height: 40px; line-height: 40px; font-size: 12px;
color: #fff; text-align: left;
  }

.bottom_nav a{
font-size: 14px;
color: #fff;
padding-left: 6px;
padding-right: 6px;
}

.bottom_link_wrap{ height: 40px; background:#eee;margin-top: 30px; }  

.bottom_link_center{ height: 40px;line-height: 40px; }


.bottom_left{ width: 1040px;  float: left; }
.bottom_right{ float: right;  }

.bottom_contact{
	text-align: left;
	line-height: 30px;

}

.bottom_contact a{
	color: #fff;
}
.bottom_contact a:hover{
	text-decoration: underline;
}

.bottom_logo{ width: 120px; height: 120px; }


.inner_right{

	width: 920px; float: right; 

}


.site_title2{ height: 40px; background: #1b85d1; padding-left: 20px; line-height: 40px; color: #fff; border-radius: 6px;}

.site_title2 a{ color: #fff;font-size:13px; }
.site_title2 span{ color: #fff; font-size: 13px; }


.inner_content{ line-height: 24px; color: #757575; font-size: 12px; }
.inner_content a{  color: #757575; font-size: 16px; }
.inner_content a:hover{  color: #f08519; font-size: 16px; }

.inner_content p{ text-indent: 24px; }

.pro_list_wrap{  }

.pro_right2 a.news_a{ float: left; display: block; width: 215px; height: 275px; margin-right: 16px; overflow: hidden; }

.news_ul li em{ float: right; font-style: normal; font-size: 12px; color: #757575; }

.pro_title{ height: 60px; border-bottom: 1px solid #ddd; line-height: 60px; font-size: 20px;color: #757575;

text-align: center; }


.xnBanner{
	width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
}

/* 统一用翻页样式 */
#pageud a{ text-decoration:none; font-size:12px; font-weight:bold; color:#666666;}
#pageud a:hover{ text-decoration:none; font-size:12px;font-weight:bold; color:#cf211a;}
#pageupdn{border:1px solid #d1d1d1; background-color:#f3f3f3; float:left; padding:5px;margin:0px 4px 0px 4px;overflow:hidden;cursor:pointer;}
#pageupdn strong{color: #cf211a; }
#pageupdn_wz{float:left;padding:5px;margin:0 auto;overflow:hidden;font-family:Arial;}

.job_img{ padding-top: 6px; }
.job_img a img{ border-radius: 6px; }


.goback{ width: 200px; height: 40px;
margin:0 auto;

margin-top: 40px;

background: #d90101;
border-radius: 40px;
text-align: center;

line-height: 40px;
 }

 .goback a{ font-size: 14px; color: #fff; }



 .pro_left{ width:260px; float: left; }
 .pro_right{ width: 920px; float: right; }
 .pro_right2{ width: 920px; float: right;margin-bottom: 40px; }


 .pro_sort_title{ height: 40px; border-top-left-radius:6px; border-top-right-radius:6px;line-height: 40px; 
padding-left: 12px;

padding-left: 36px;
 background:url("../images/11.png") no-repeat #0699e6;
font-size: 14px; color: #fff;

 }


 .pro_sort_title span{
 	font-size: 14px; color: #fff;
 }
 .pro_sort_title a{
 	font-size: 14px; color: #fff;
 }
 .pro_sort_title em{ color: #fff; font-size: 11px; font-family: Arial; }

 .pro_sort_w{
 	
 	border-left:2px solid #0699e6;
 	border-right:2px solid #0699e6;
 	border-bottom:2px solid #0699e6;
 	border-bottom-left-radius:6px; border-bottom-right-radius:6px;
 	padding: 10px;
	padding-top: 20px;
 }

.pro_sort_w a{  height: 32px; line-height: 32px;
display: block; background: url("../images/sort.png") no-repeat #06c9dd; padding-left: 30px;
font-size: 14px;color: #fff;margin-bottom: 10px;transition: all ease-in-out 0.5s;
 }


.pro_sort_w a:hover{  
 background: url("../images/sort.png") no-repeat #da251d; 
 }


 .contact_img{ margin-top:20px; height:116px ;  }

 .contact_img img{ width: 100%; height: 100%; display: block; }


 .pro_pic_wrap{
 	margin-top:20px;
 }

 .pro_img_ul li{
 	width:294px;
 	height:268px ;
 	display: block;
 	margin-right: 19px;
 	margin-bottom: 20px;
 	float: left;
 	display: inline;
 }

 .pro_img_ul li a{
 	 width: 100%;
 	 height: 100%;
 	 display: block;
 	 
 }

 .imgas2{
 	width: 294px;
 	height: 228px;
 	display: block;
 }

 .pro_texts{ width: 100%; height: 40px; background: #eeeeee; color: #757575;font-size: 13px;
    text-align: center; line-height: 40px; }