@charset "utf-8";
body{
	font-family: "微软雅黑","宋体",Arial,Tahoma,sans-serif;
	font-size: 14px;
	color: #666666;
}
/*banner*/
.headtop_bg { width:100%; height:10px; background: url(/images/headtop_bg.png) repeat-x;}
.ban { width:100%;}
.banner { position:relative; width:100%; height: auto; max-width:1440px; overflow:hidden; margin:0 auto; }
#mask { border-style: #aaa;  z-index: 1000;}
.banner img { width: 100%;}
.focus {  width:100%; position:absolute;}
.focus li { float:left;}
.btn { position:absolute; width:300px; height:5px; bottom:40px; left:40%; _height:5px;}
.b_block { height:5px; width:30px; float:left; margin-right:15px; _height:5px;}

/*service*/
.service{
	margin-top:2PX;
	width: 100%;
	padding:0px 0px 5px;
}
.ser-container{
	background-color: #FFFFFF;
	padding:0px 0px 2px;
	width: 100%;
	max-width: 100%;
}
.inner{
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mt1200{
	max-width: 1024px;
	width: 100%;
	margin:0px auto;
}
.transition{
	transition:all 0.2s ease-in-out 0s;
	-o-transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;
}
.ser-content{
	padding:2px 0px 0px;
}


.ser-content h4{
	text-align: left;
	color: #333333;
	font-size: 22px;
	font-family:Arial, Helvetica, sans-serif,"Times New Roman", Times, serif;
	border-bottom:solid 1px #ddd;
	background:url(ser_not.png) no-repeat #4B525C;
	height:45px;
}
.ser-content .Titlet{
    margin-left:10px;
    width:98.4%; 
    height:42px;
    background:#0060FD;
    margin-top: 3px;
	border-bottom:#0099CC 0px solid;
}
.ser-content .spann{
   float:right; 
   width:85%; 
   font-size:14px; 
   color:#FFFFFF; 
   line-height:40px; 
   font-weight:bold
}
.ser-content .ser-all{
	margin:0px 0px 0px;
	overflow: hidden;
}
.ser-content .ser-all .item{
	width: 14.4%;
	height:auto;
	border-radius:6px;
	float: left;
	margin-left:1%;
	margin-top:10px;
	border:#CCCCCC 1px solid;
	text-align:center;
	padding:5px;
}
.item-img{
max-width:400px; 
}
.item:hover .item-content a.readmore{
	background-color: #282828;
	color: #fff;
}
.ser-content .ser-all .item h3{
	font-size: 25px;
	font-family: "微软雅黑";
	color: #282828;
	font-weight: normal;
	margin-bottom: 36px;
	line-height: 36px;
}
.item .item-title { 
background:#EEEEEE; 
width:100%;
height:33px;
line-height:33px;
}
.item .item-title a { color:#0C63C2; }
.item .item-title a:hover{
color:#FFFFFF;
}
@media (min-width:1201px){
.item-img{ width:98%;}
}
@media (max-width:1200px){
.ser-content .ser-all .item{width:30%;}
.ser-content .ser-all{padding-left:1%;}
.item-img{ width:98%;}
}
@media (max-width:1100px){
.ser-content .ser-all .item{width:30%;}
.ser-content .ser-all{padding-left:1%;}
.item-img{ width:98%;}
}
@media (max-width:1000px){
.ser-content .ser-all .item{width:45%;}
.ser-content .ser-all{padding-left: 15%;}
.item-img{ width:100%;}
.ser-content .spann { display:none}
}
@media (max-width:800px){
.ser-content .ser-all .item{width:45%;}
.ser-content .ser-all{padding-left:5%;}
.item-img{ width:100%;}
.ser-content .spann { display:none}
}
@media (max-width:700px){
.ser-content .ser-all .item{width:88%;}
.item-img{ width:100%;}
.ser-content .spann { display:none}
}
@media (max-width:600px){
.ser-content .ser-all .item{width:90%;margin-bottom:5%; height:auto; margin-left:0px;}
.item-img{ width:95%;}
.ser-content .spann { display:none}
}
@media (max-width:500px){
.ser-content .ser-all .item{width:90%;margin-bottom:5%; height:auto; margin-left:0px; padding:0px;}
.item-img{ width:95%;}
.ser-content .spann { display:none}
}
@media (max-width:400px){
.ser-content .ser-all {padding-left:5%;}
.ser-content .ser-all .item{width: 92%;margin-bottom:10%; height:auto}
.item-img{ width:96%;}
.ser-content .spann { display:none}
}
@media (max-width:300px){
 .ser-content .ser-all .item{width:65%;margin-bottom:10%; height:auto}
 .item-img{ width:98%;}
 .ser-content .spann { display:none}
}



/*bottom*/
.bottom { width:100%; max-width:1024px; margin:0 auto; padding:15px 0; }
.bottom .news { width:307px; float:left; margin-left:10PX;}
.bottom .news h1 { font-family:'Microsoft Yahei'; font-size:16px; font-weight:bold; color:#333333;}
.bottom .news h1 a{ color: #333;}
.bottom .news h1 a:hover{ color: #333;}
.bottom .news .news_zixun { font-family: "microsoft yahei",'SimSun',sans-serif; font-size:13px; font-weight:normal; color:#989898; margin-left:10px;}
.bottom .news .news_img { margin:20px 0; width:100%; position:relative;}
.bottom .news .news_img_title {position:absolute; bottom:0px;left:0; background:#000; width:100%;opacity:0.7; filter:alpha(opacity=70);  }
.bottom .news .news_img_title p { padding:3px 0px; margin:0 10px;  font-size:14px; color:#fff; background:url(/images/news_arror.png) no-repeat right 50%;}
.bottom .news .news_list { margin-top:10px;}
.bottom .news .news_list p { font-size:12px; color:#666; margin-bottom:5px;}
.bottom .news .news_list p span{ color:#697080; margin-left:6px;}
.bottom .news .news_list .more { margin-top:10px;}
.bottom .news .news_list .more a {color:#ff9000;}

.bottom .product_service { width:400px; float:left; margin-left:24px;}
.bottom .product_service h1 {   font-family: "microsoft yahei",'SimSun',sans-serif; font-size:16px; font-weight:bold; color:#333333; float:left;}
.bottom .product_service .arror { float:right;}
.bottom .product_service .arror img { margin-left:5px; margin-top:3px; cursor:pointer;}
.bottom .product_service .ps_list {  margin:20px 0 5px 0; width:100%; overflow:hidden; position:relative;}
.bottom .product_service .ps_list ul { position:absolute; }
.bottom .product_service .ps_list ul li { margin-bottom:15px;}
.bottom .product_service .ps_list ul li img { float:left;}
.bottom .product_service .ps_list ul li .ps_title { float:left; margin-left:20px; width:68%;}
.bottom .product_service .ps_list ul li .ps_title h2 {  font-size:13px; font-weight:bold; color:#333;}
.bottom .product_service .ps_list ul li .ps_title p { font-size:12px; color:#697080; margin-top:3px;}


.bottom .brand { width:245px; margin-left:30px; float:left;}
.bottom .brand h1 {  font-family: "microsoft yahei",'SimSun',sans-serif; font-size:16px; font-weight:bold; color:#333333;}
.bottom .brand .vedio { margin:20px 0;}
.bottom .brand .sel { width:100%; height:24px; margin-bottom:10px;  font-size:12px; color:#697080;}
.bottom .brand .sel option { margin:2px 0;}
.bottom .brand .brank_link { margin-top:10px;}
#vedio_img { cursor:pointer;}
#vedio { display:none; width:245px; height:123px;}


/*search&share*/
.search_share { width:100%; background:#F4F4F4; padding:20px 0 27px 0; z-index: 2; border-top: 1px solid #eaebec;}
.search_share .search_share_in { width:100%; max-width:1024px; margin:0 auto;}
.search_share .search_share_in .search { float:left;position:relative;}
.search_share .search_share_in .search h1 {  font-size:15px; font-weight:bold; color:#414651;}
.search_share .search_share_in .search form { margin-top:10px; height:34px; position:relative;}
.search_share .search_share_in .search form .search_txt { height:32px; width:74px; float:left; line-height:32px; text-align:left; padding-left:20px; background:url(../images/index/search_arror.jpg) no-repeat center; color:#989898; cursor:pointer; border:1px solid #ccc;}
.search_share .search_share_in .search form .search_option { position:absolute; top:32px; padding-left:20px; background:#fff; border:1px solid #ccc; width:74px; display:none;}
.search_share .search_share_in .search form .search_option p { color:#989898; margin:10px 0; cursor:pointer; }
.search_share .search_share_in .search form input { height:32px; width:320px; padding-left:20px; float:left; line-height:32px; color:#989898; border: 1px solid #ccc;}
.search_share .search_share_in .search form img { position:absolute; bottom:10px; right:10px; cursor:pointer;}
.search_share .search_share_in .share { float:left; margin-left:60px; margin-top:37px;  font-size:12px; color:#989898;}
.search_share .search_share_in .share p { float:left; margin-top:2px; }
.search_share .search_share_in .share a { margin-left:10px; float:left;}
.bdsharebuttonbox { float:left; margin-left:30px; margin-top:29px; width:136px;}
.close { display:none; float:right; margin-right:20px; margin-top:30px; cursor:pointer;}

/*nav_foot*/
.nav_foot {  width:100%; background:#0099CC; padding:27px 0; z-index: 1;}
.nav_foot .nav_foot_list {  width:100%; max-width:1024px; margin:0 auto;}
.nav_foot .nav_foot_list ul li { float:left; width:16%; color:#fff;}
.nav_foot .nav_foot_list ul li a { color:#fff;}
.nav_foot .nav_foot_list ul li h3 { font-family:"微软雅黑"; font-size:28px; margin-top:-7px;}
.nav_foot .nav_foot_list ul li p { font-weight:bold;}
.nav_foot .nav_foot_list ul li .phone { margin-top:15px; font-size:14px;}
.nav_foot .nav_foot_list ul li .phone img { margin-right:10px;}
.nav_foot .nav_foot_list ul li .number { margin-top:5px;}
.nav_foot .nav_foot_list ul li h4 { font-size:16px; font-weight:bold;}
.nav_foot .nav_foot_list ul li ul { width:100%;}
.nav_foot .nav_foot_list ul li ul li { width:100%;display:block;float:none; font-size:13px; margin-top:13px;}
.nav_foot .nav_foot_list .nav_footin_introduce { position:relative; overflow:hidden;}
.nav_foot .nav_foot_list .introduce_ul { position:absolute; display:block;}
.nav_foot .nav_foot_list #f_up { margin-left:20%;_margin-left:20px!important; margin-top:10px; cursor:pointer;}
.nav_foot .nav_foot_list #f_down { margin-left:20%;_margin-left:20px!important; margin-top:10px; cursor:pointer;}



@media screen and (max-width:1045px){
	.bottom .news { margin-left:15px;}
	.bottom .product_service { margin-left:200px;}
	.bottom .brand { margin-left:15px; margin-top:20px;}
	.search_share .search_share_in { width:96%;}
	.bdsharebuttonbox { display:none;}
	.nav_foot .nav_foot_list { width:96%;}
	.nav_foot .nav_foot_list ul li { text-align:center;}
	}
@media screen and (max-width:935px){
	.bottom .news { }
	.bottom .product_service { margin-left:80px;}
	}
@media screen and (max-width:875px){
	.bottom .product_service { margin-left:30px;}
	.search_share .search_share_in .share { display:none;}
	#vedio_img { display:none;}
	}	
@media screen and (max-width:750px){
	.btn { bottom:20px; left:30%;}
	.bottom .news { width:307px;}
	.bottom .product_service { margin-left:15px; width:90%; margin-top:20px;}
	.nav_foot { display:none;}
	}
@media screen and (max-width:480px){
	.btn { bottom:20px; left:20%;}
	.search_share .search_share_in .search form input {  width:180px; }
	}		
@media screen and (max-width:446px){
    .bottom .product_service .ps_list ul li .ps_title { width:58%;}
	}		
@media screen and (max-width:340px){
	.btn { bottom:10px; left:10%;}
    .bottom .news { width:90%;}
	.bottom .news img { width:100%;}
	}