/*横屏笔记本电脑---小横屏显示器*/
@media only screen and (max-width:1600px) and (min-width:1300px){
/*网站头部*/
.top_lab{width:100%; clear:both; height:106px;}
.logo_wap{ }
.logo_wap img{ height:42px !important;}
.gp_top { font-size:12px; margin-top:6% !important; text-align:right;}
.top .mobile_menu span { left: 15%; width: 70%;  top: 20% !important; margin-top: -1.5px; transition: 0.3s;}


}


/*老式电脑-笔记本电脑*/
@media only screen and (max-width:1300px) and (min-width:1000px) {
/*网站头部*/
.top_lab{width:100%; clear:both; height:106px;}
.logo_wap{ }
.logo_wap img{ height:42px !important;}
.gp_top { font-size:12px; margin-top:6% !important; text-align:right;}
.top .mobile_menu span { left: 15%; width: 70%;  top: 20% !important; margin-top: -1.5px; transition: 0.3s;}

/*手机头部导航--三条杠那个位*/
/*台式和笔记本用不到*/
/* .top header.fixed dl .search { margin-top: 10%;}
 .top header.fixed dl dt a.en{ margin-top: 130%;}
 .top .logo{ position:relative; left:auto; top:auto !important; margin-top:0 !important; padding:2%  50% 2% 2%;}
 .top .logo img{ height:auto;}
 .top nav{ position:fixed; left:0; top:0; height:100%; background-color:#fff; width:60%; max-width:240px;
  box-shadow:0 0 5px #ccc;z-index:100; transform:translateX(-100%); opacity:0; transition:0.3s;}
 .top nav li{ float:none; width:auto !important; border-right:0; border-bottom:1px solid #ddd;}
 .top header.fixed nav li a,
 .top nav li a{ padding:5% 0;}
 .top nav.navOut{transform:translateX(0); opacity:1;}
 .top nav .gettop{ display:block; position:absolute; right:2%; bottom:2%; border-radius:5px; background-color:#da251d; width:40px; height:40px;}
 .top nav .gettop span{ position:absolute; font-size:20px; color:#fff; top:50%; left:50%; margin-top:-10px; margin-left:-10px;}
 .top dl{ right:0;}
 .top dl dt a{ display:none;}
 .top dl dt a.en{ display:block; margin-top: 130%}
 .top .mobile_menu{ height:40px; width:50px; top: 18px;}
 .top .mobile_menu span,
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{position:absolute;width:100%;height:3px;background-color:#000;}
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ content:''; left:0; top:8px; transition:transform 0.3s;}
 .top .mobile_menu span{  left:15%; width:70%;  top:50%; margin-top:-1.5px; transition: 0.3s;}
 .top .mobile_menu span::after{ top:-8px;}

 .top .open_menu span{ background-color:transparent;}
 .top .open_menu span::before,
 .top .open_menu span::after{ top:0 !important;}
 .top .open_menu span::before{ transform:rotate(45deg);}
 .top .open_menu span::after{transform:rotate(-45deg);}
 .top .search{ display:none;}
 .gp_top{}*/



}

/*平板电脑-手机横屏*/
@media only screen and (max-width:1000px) and (min-width:640px) {
/*头部*/
.top_lab{width:100%; clear:both; height:78px;}
.logo_wap{ }
.logo_wap img{ height:42px !important;}
.gp_top { font-size:12px; margin-top:10% !important; text-align:right;}
.top .mobile_menu span { left: 15%; width: 70%;  top: 20% !important; margin-top: -1.5px; transition: 0.3s;}

/*手机头部导航--三条杠那个位*/
/*头部--与导航*/	
 .top header.fixed dl .search { margin-top: 10%;}
 .top header.fixed dl dt a.en{ margin-top: 130%;}
 .top .logo{ position:relative; left:auto; top:auto !important; margin-top:0 !important; padding:2%  50% 2% 2%;}
 .top .logo img{ height:auto;}
 .top nav{ position:fixed; right:0; top:0; height:100%; background-color:#fff; /*width:60%;*/ max-width:240px;
  box-shadow:0 0 5px #ccc;z-index:100; transform:translateX(-100%); opacity:0; transition:0.3s;}
 .top nav li{ float:none; width:auto !important; border-right:0; border-bottom:1px solid #ddd;}
 .top header.fixed nav li a,
 .top nav li a{ padding:5% 0;}
 .top nav.navOut{transform:translateX(0); opacity:1; display:block; height:100% !important;}
 .top nav .gettop{ display:block; position:absolute; right:2%; bottom:2%; border-radius:5px; background-color:#da251d; width:40px; height:40px;}
 .top nav .gettop span{ position:absolute; font-size:20px; color:#fff; top:50%; left:50%; margin-top:-10px; margin-left:-10px;}
 .top dl{ right:0;}
 .top dl dt a{ display:none;}
 .top dl dt a.en{ display:block; margin-top: 130%}
 .top .mobile_menu{ height:40px; width:50px; top: 18px; cursor:pointer;}
 .top .mobile_menu span,
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{position:absolute;width:100%;height:3px;background-color:#000;}
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ content:''; left:0; top:8px; transition:transform 0.3s;}
 .top .mobile_menu span{  left:15%; width:70%;  top:50%; margin-top:-1.5px; transition: 0.3s;}
 .top .mobile_menu span::after{ top:-8px;}

 .top .open_menu span{ background-color:transparent;}
 .top .open_menu span::before,
 .top .open_menu span::after{ top:0 !important;}
 .top .open_menu span::before{ transform:rotate(45deg);}
 .top .open_menu span::after{transform:rotate(-45deg);}
 .top .search{ display:none;}
 .gp_top{}
 
/*印增加开始----关闭手机导航*/
 .top .mobile_close{width:18px; height:18px; background:#0F6; display:block; float:right; margin-top:10px; margin-right:8px; background:url(../lab/close2.png) no-repeat; background-size: 100% 100%; background-position: 0px 0px; cursor:pointer;}
 /*印增加结束*/
/*手机头部导航--三条杠那个位-结束*/



/*手机底部*/ 
.Bottom000921 .auto dl{ float:left; padding:14px 75px 0 0;padding-bottom:20px;}
.Bottom000921 .auto .fz_box{ display: none;}
.Bottom000921 .auto dl.pic{ display: block;padding: 0; width: 100%;}
.Bottom000921 .auto .pic a{ display: none;}
.Bottom000921 .auto .pic figure { padding-bottom: 22px;}
.Bottom000921 .Copyright{ line-height:25px; text-align: center;}
.Bottom000921 .Copyright span{ float:none;}
.Bottom000921 .Copyright{ line-height:25px; text-align: center;}
.Bottom000921 .auto dl{ float:left; padding:14px 45px 0 0;padding-bottom:20px; height:240px;} 
.foot_bottom .foot dl {  float: left;   padding: 10px 25px 0 0;  padding-bottom: 20px;  height: 120px;    overflow: hidden;}
.foot_bottom .foot_1200{ height:auto;}
.foot_bottom .foot_1200 .pic{ height:200px;}
.Copyright .foot_1200{ line-height:28px;} 

}



/*手机竖屏*/
@media only screen and (max-width:640px) and (min-width:320px) {
/*头部*/	
.top_lab{width:100%; clear:both; height:56px;}
.logo_wap{ }
.logo_wap img{ height:38px !important;}
.gp_top { font-size:12px; margin-top:6% !important; text-align:right;}
.top .mobile_menu span { left: 15%; width: 70%;  top: 13% !important; margin-top: -1.5px; transition: 0.3s;}
/*头部电话*/
.top dl dt em { font-size: 14px !important;}
.dh_news_aa{ display:none;}


/*手机头部导航--三条杠那个位*/
/*头部--与导航*/	
 .top header.fixed dl .search { margin-top: 10%;}
 .top header.fixed dl dt a.en{ margin-top: 130%;}
 .top .logo{ position:relative; left:auto; top:auto !important; margin-top:0 !important; padding:2%  50% 2% 2%;}
 .top .logo img{ height:auto;}
 .top nav{ position:fixed; right:0; top:0; height:100%; background-color:#fff; width:55%; max-width:240px; box-shadow:0 0 5px #ccc;z-index:100; transform:translateX(-100%); opacity:0; transition:0.3s; display:none;}
 .top nav li{ float:none; width:auto !important; border-right:0; border-bottom:1px solid #ddd;}
 .top header.fixed nav li a,
 .top nav li a{ padding:5% 0;}
 .top nav.navOut{transform:translateX(0); opacity:1; display:block; height:100% !important;}
 .top nav .gettop{ display:block; position:absolute; right:2%; bottom:2%; border-radius:5px; background-color:#da251d; width:40px; height:40px;}
 .top nav .gettop span{ position:absolute; font-size:20px; color:#fff; top:50%; left:50%; margin-top:-10px; margin-left:-10px;}
 .top dl{ right:0;}
 .top dl dt a{ display:none;}
 .top dl dt a.en{ display:block; margin-top: 130%}
 .top .mobile_menu{ height:40px; width:50px; top: 18px;}
 .top .mobile_menu span,
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{position:absolute;width:100%;height:3px;background-color:#000;}
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ content:''; left:0; top:8px; transition:transform 0.3s;}
 .top .mobile_menu span{  left:15%; width:70%;  top:50%; margin-top:-1.5px; transition: 0.3s;}
 .top .mobile_menu span::after{ top:-8px;}

 .top .open_menu span{ background-color:transparent;}
 .top .open_menu span::before,
 .top .open_menu span::after{ top:0 !important;}
 .top .open_menu span::before{ transform:rotate(45deg);}
 .top .open_menu span::after{transform:rotate(-45deg);}
 .top .search{ display:none;}
 .gp_top{}
 
/*印增加开始---关闭手机导航*/
 .top .mobile_close{width:18px; height:18px; background:#0F6; display:block; float:right; margin-top:10px; margin-right:8px; background:url(../lab/close2.png) no-repeat; background-size: 100% 100%; background-position: 0px 0px;}
 /*印增加结束*/
/*手机头部导航--三条杠那个位-结束*/


/*手机底部*/ 
.Bottom000921 .auto dl{ float:left; padding:14px 45px 0 0;padding-bottom:20px; height:240px;} 
.foot_bottom .foot dl { float: left;padding: 14px 20px 0 0; padding-bottom: 20px; min-height:60px; overflow: hidden;}
.foot_bottom .foot{ /*height:500px;*/ height:auto;}
.foot_bottom .foot .pic{min-height:150px; overflow:hidden; padding:0 0 0 70px; text-align:center; position:relative; margin-bottom:30px;}
.Copyright .foot_1200{ line-height:28px;}

}