@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1000px){
	.wp{ width:98%;}
	.head_logo{ display:none;}
	.baner{ margin-top:5em;} 
}

@media screen and (max-width:1024px){
.news22{  width:94% }
.news22 .news_div_item{ background:#454a4d; width:100%; height:110px; margin-bottom:5px; transition:0.2s;}
.news22 .news_div_item_date{float:left; width:92px; background:url(../images/news_line.jpg) right no-repeat; height:110px; position:relative;font-family:Arial, Helvetica, sans-serif; color:#fff;}
.news22 .news_div_item_year{position:absolute; top:40px; left:15px; color:#fff;}
.news22 .news_div_item_content{ float:left; line-height:35px; margin-left:20px; width:400px; padding-top:15px;}
.news22 .news_div_item_body{ color:#fff; height:25px; overflow:hidden;}
.news22 .news_div_item:hover { background:#00659d; transition:0.2s; margin-left:30px;}
.news22 .news_div_item:hover .news_div_item_day,.news22 .news_div_item:hover .news_div_item_month,.news22 .news_div_item:hover .news_div_item_year,.news22 .news_div_item:hover .news_div_item_title,.news22 .news_div_item:hover .news_div_item_body{ color:#f4f4f4;}
.news22 .news_div_item:hover .news_div_item_title a{ color:#f4f4f4; font-weight:bold;}

.news_div_item_a{ color:#fff; font-weight:bold;} 


.new_til { width:390px; margin:auto; text-align:center; color:#cf0006; font-size:18px; font-weight: bold; margin-top:40px; margin-bottom:10px; border:1px solid #ff0000;}
.new_til strong { color:#180302; font-size:24px; display:block;}
.new_til img { margin-top:15px; margin-bottom:15px;}
	
	

	.a{ display:none}
	.head_logo{ background:url(../images/head.jpg) no-repeat center top; width:98%; height:91px; margin:0 auto; background-size:100%;}

	.ad{ background:url(../images/ad.jpg) center top no-repeat; width:100%; height:118px; margin:0 auto; margin-top:6em; background-size:100%;}
	
    .grWidth{width:100%; margin:0 auto;}
    .strengthMain li{float:left;width:50%;height:330px;overflow:hidden;position:relative; }
    .strengthMain li img{max-width:100%;height:330px;transition:all .5s;opacity:0.5;filter:alpha(opacity=50);}
    .strengthMain li .font{max-width:100%;height:330px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:14px;padding:45px 50px; line-height:2.5em;}
/*	.strengthMain li .font p{width:420px;}*/


.inews_left{ width:55%; float:left; padding-top:3em;}
.inews_right{ width:45%; float:right; padding-top:3em;}

.inews_bg{ background-color:#f4f4f4; width:100%; !important height:100%; overflow:hidden; margin:0 auto; margin-top:2em; padding-bottom:3em;}
.txtcontact{ background:url(../images/contact.jpg) center top no-repeat; width:100%; height:367px; margin:0 auto; background-size:100%;}

.footer_content ul.fl { float:left; padding:0px 0; margin-right:100px;}

.plist_left{ width:25%; float:left; padding:2em 0;}
.plist_right{ width:70%; float:right; padding:2em 0;}

#scroll{width:100%;padding-top:30px;overflow:hidden; background-size:100%;}
#scroll .item{max-width:100%;height:430px;margin:0 auto;}
#scroll .txt{position:absolute;left:0;top:0px; height:450px;width:275px;color:;#888;/*box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);*/}

#scroll .item:hover .txt{background-color:#00659d; opacity:0.4;  filter:alpha(opacity:40); /*box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.45);*/ width:275px; height:400px; color:#ffffff;}

.team_pic{ background:url(../images/team.jpg) no-repeat center top; width:100%; height:550px; background-size:100%;}

}

@media screen and (max-width: 960px){
	.a{ display:none;}
	.nav li a{margin-right: 1px;}
	.nav li a:hover{margin-right: 1px;}	
	.baner{margin-top:0em}
/*     .strengthMain li .font p{width:410px;}
	 .strengthMain li .font{max-width:100%;height:330px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:14px;padding:45px 30px; line-height:2.5em;}*/
	 .txtcontact{ background:url(../images/contact.jpg) center top no-repeat; width:100%; height:341px; margin:0 auto; background-size:100%;}
	 
	 .footer_content ul.fl { float:left; padding:0px 0; margin-right:78px;}
	 
	 #productslist li {max-width:33%;margin-bottom: 15px; padding:0 1em; float: left; text-align: center; }
	 
	 .team_pic{ background:url(../images/team.jpg) no-repeat center top; width:100%; height:506px; background-size:100%;}
	 
	 
.news22{  width:93% }
.news22 .news_div_item{ background:#454a4d; width:100%; height:103px; margin-bottom:5px; transition:0.2s;}
.news22 .news_div_item_date{float:left; width:92px; background:url(../images/news_line.jpg) right no-repeat;  height:103px; position:relative;font-family:Arial, Helvetica, sans-serif; color:#fff;}
.news22 .news_div_item_year{position:absolute; top:40px; left:15px; color:#fff;}
.news22 .news_div_item_content{ float:left; line-height:35px; margin-left:20px; width:350px; padding-top:15px;}
.news22 .news_div_item_body{ color:#fff; height:25px; overflow:hidden;}
.news22 .news_div_item:hover { background:#00659d; transition:0.2s; margin-left:30px;}
.news22 .news_div_item:hover .news_div_item_day,.news22 .news_div_item:hover .news_div_item_month,.news22 .news_div_item:hover .news_div_item_year,.news22 .news_div_item:hover .news_div_item_title,.news22 .news_div_item:hover .news_div_item_body{ color:#f4f4f4;}
.news22 .news_div_item:hover .news_div_item_title a{ color:#f4f4f4; font-weight:bold;}

.news_div_item_a{ color:#fff; font-weight:bold;} 


.new_til { width:390px; margin:auto; text-align:center; color:#cf0006; font-size:18px; font-weight: bold; margin-top:40px; margin-bottom:10px; border:1px solid #ff0000;}
.new_til strong { color:#180302; font-size:24px; display:block;}
.new_til img { margin-top:15px; margin-bottom:15px;}

}
@media screen and (max-width: 800px){
       #hd{display: none;}
    .m-hd{display: block;}
    .nav li a{margin-right: 20px;}
	.nav li a:hover{margin-right: 25px;}
	.wp{ width:100%;}

}

@media screen and (max-width: 768px){
 
	
	.abot_title{ font-family:"Georgia"; font-size:36px; font-weight:bold; text-align:left;margin-top:1em; color:#9f9f9f;}
	
	.f1{ width:40%;}
	.f2{ width:55%;}
	
}



@media screen and (max-width:480px){
	.wp{ width:100%;}
	.n_baner .num{ position:absolute; width:100%; height:12px; bottom:15%; left:0; text-align:center; z-index:1;}
	
	.ad{ background:url(../images/ad_640.jpg) center top no-repeat; width:100%; height:88px; margin:0 auto; margin-top:6em; background-size:100%;}
	.fl{float:none;}
    .fr{float:none;}
	.grWidth{width:100%; margin:0 auto;}
	.strengthMain li{float:left;width:100%;height:330px;overflow:hidden;background:#000;position:relative;}
    .strengthMain li img{width:100%;height:330px;transition:all .5s;opacity:0.5;filter:alpha(opacity=50);}
    .strengthMain li .font{width:100%;height:330px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:14px;padding:45px 50px; line-height:2em;}
	
	.inews_left{ display:none;}
    .inews_right{ width:100%; padding-top:2em;}
			
	.txtcontact{ background:url(../images/contact.jpg) center top no-repeat; width:100%; height:335px; margin:0 auto; background-size:100%;}
	
	footer{ width:100%; background-color:#5f5f5f; padding-top:0px;}
   .footer_content { display:none;}
   .footer_bottom ul{width:95%; margin:auto;   color:#b1b3b2; height:186px;  font-family:"Arial"; overflow:hidden;}
   
   .plist_left{ width:100%; float:none; padding:2em 0;}
   .plist_right{ width:100%; float:none; padding:2em 0;}
   
   #productslist li {max-width:50%;margin-bottom: 15px; padding:0 1em; float: left; text-align: center;}
   
   
   .scroll-outer{height:421px; /*background-color:#093*/}


   #scroll{width:100%;padding-top:30px; background-size:100%;}
   #scroll .item{max-width:100%;height:430px;margin:0 auto;overflow:hidden;}
   #scroll .txt{position:absolute;left:0;top:0px; height:450px;width:100%;padding:50px 12px;color:;#888;/*box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);*/}

#scroll .item:hover .txt{background-color:#00659d; opacity:0.4;  filter:alpha(opacity:40); /*box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.45);*/ width:275px; height:430px; color:#ffffff;}

.team_pic{ background:url(../images/team.jpg) no-repeat center top; width:100%; height:205px; margin-bottom:0em; background-size:100%}


}

@media screen and (max-width:414px){

    .strengthMain li .font{width:100%;height:335px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:14px;padding:35px 50px; line-height:2em;}

}

@media screen and (max-width:375px){
	
.txtcontact{ background:url(../images/contact.jpg) center top no-repeat; width:100%; height:290px; margin:0 auto; background-size:100%;}
	}
    
	
@media screen and (max-width:320px){
	.wp{ width:100%;}
 .logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 75px;
    line-height: 75px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	font-family:"微软雅黑"
}

	 .txtcontact{ background:url(../images/contact.jpg) center top no-repeat; width:100%; height:260px; margin:0 auto; background-size:100%;}
	 

	}
	
@media screen and (max-width:360px){

    .strengthMain li .font{width:100%;height:330px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:14px;padding:30px 50px; line-height:1.4em;}

   #scroll{width:100%;padding-top:30px; background-size:100%;}
   #scroll .item{max-width:100%;height:430px;margin:0 auto;overflow:hidden;}
   #scroll .txt{position:absolute;left:0;top:0px; height:450px;width:100%;padding:50px 12px;color:;#888;/*box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);*/}

		#scroll .item:hover .txt{background-color:#00659d; opacity:0.4;  filter:alpha(opacity:40); /*box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.45);*/ width:275px; height:430px; color:#ffffff;}

	}
	
	




