@charset "utf-8";

/*<=1023px*/
@media screen and (max-width:1002px)
{

header .logo{float:left; width:15%; margin-top:2%; margin-bottom:1%; padding-left:1%;}
header .logo img{ width:100%;}

header .headerright{float:right; width:83%;}
header .headerright .top{ float:right; margin-top:2.8%; width:64%; }
header .headerright .websearch{ float:left;}
header .headerright .websearch ul{ clear:both; padding:0 0 0 68px; margin:0;}
header .headerright .websearch ul li{ float:left;}
header .headerright .websearch .input{ width:170px;height: 16px;padding:3px 0px 0 3px; color: #666666;font-size:12px;background-color: #F7F7F7; margin-right:4px;}
header .headerright .websearch .button{ width:49px; height:21px; margin-top:1px;padding-top: 2px;font-size:12px;color:#535353;border: 0px solid #C8C8C8; background:url(images/button.gif) repeat-x center;}
header .headerright .banben{ float:right;color:#cee7f3; padding-right:1%;font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体"; padding-top:2px;}

.navbox{ clear:both; width:100%; position:none;}

header .headerright{float:right; width:81%;}

/*.mainnav{display:none; margin-bottom:0px; }
.mainnav a,.mainnav a:link,.mainnav a:visited{ text-decoration:none; display:block; float:none; width:98%;line-height:30px;color:#fff; font-size:14px; text-align:left; }
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#ffffff;}*/



.newsbox dl div.summary{ line-height:20px; height:40px; overflow:hidden;}



.info_list{ padding:10px 0 0 0; overflow:hidden;}
.info_list ol.head span.title{ width:100%;}
.info_list ol.head span.views{ display:none; }
.info_list ol.head span.date{display:none;}

.info_list ol{ overflow:hidden;}
.info_list ol.info a.title{width:100%; }
.info_list ol.info span.views{display:none; }
.info_list ol.info span.date{display:none; }	

.product_list ul li{ float:left; width:30%; padding:5px 1% 10px 2%;}

.info_listimg ul li{float:left; width:30%; padding:5px 1% 5px 2%;}

.imain{ width:99%;}
}


/*<=980px*/
@media screen and (max-width:980px)
{

header .logo{float:left; width:15%;padding-left:1%;}
header .logo img{ width:100%;}


header .headerright .websearch{ display:none}


.anli .content li{ font-size:14px;line-height:25px; height:25px; overflow:hidden;}
.anli .content li a{color:#555656;}

}


/*<=940px*/
@media screen and (max-width:940px)
{

header .logo{float:left; width:15%;padding-left:1%;}
header .logo img{ width:100%;}

.jianjie .content{ line-height:20px; width:100%; border-bottom:1px dotted #bdbdbd; padding-bottom:3%; color:#8a8a98; padding-top:5%; height:55px; overflow:hidden;}
.jianjie .youshi{ width:100%; }
.jianjie .youshi ul{ padding-top:10px;}
.jianjie .youshi li{line-height:25px; height:25px; width:100%; border-bottom:0px dotted #bdbdbd;color:#555656; letter-spacing:-0.2px; overflow:hidden}
.jianjie .youshi li img{float:left; padding-top:10px;}



}

@media screen and (max-width:865px)
{

header .logo{float:left; width:18%;padding-left:1%;}
header .logo img{ width:100%;}
 
.navbox{ clear:both; width:100%; position:absolute; top:15.8%; left:0; z-index:2; }
.mainnav{display:none; margin-bottom:0px;}
.nav{ display:none}

.mainnav a,.mainnav a:link,.mainnav a:visited{ text-decoration:none; display:block; width:96%; padding-left:2%; padding-right:2%; line-height:28px;color:#fff; font-size:14px; text-align:left; text-decoration:none; background-color:#2c4d7f; }
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#ffffff;background: none; background-color:#cccccc; color:#000000}

.menu1{ display: block}

.menu1 a { float:left; display:block; width:31%; line-height:30px;padding:0px 0px;  margin:1% 1%;  font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6;-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#2c4d7f; color:#FFFFFF;}





header .wapnav{display:block; margin-top:2%; text-align:right; padding-right:2%; }	
header .wapnav img{padding:6px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }	

header .headerright .banben{float:none;color:#cee7f3; padding-right:18px; text-align:right}
header .headerright .banben a{color:#cee7f3; line-height:19px; }

.info_listimg ul li img{ width:90%;display:block; border:1px solid #dddddd; margin:0 auto;}


.newsbox{ width:36%; padding-right:20px;}
.anli{ width:36%; padding-right:28px;}

.zhuzuo img{ width:90%; padding-bottom:10%; padding-top:15%; text-align:center; margin:0 auto; display:block}

}

@media screen and (max-width:810px)
{

.navbox{ clear:both; width:100%; position:absolute; top:14.5%; left:0; z-index:2; }

}



@media screen and (max-width:768px)

{

header .logo{float:left; width:20%;padding-left:1%;}
header .headerright{float:right; width:76%;}

 
.navbox{ clear:both; width:100%; position:absolute; top:16%; left:0; z-index:2; }

.nav{ display:none}


header .wapnav{display:block; margin-top:2%; text-align:right; padding-right:2%; }	



.product_list ul li{ float:left; width:48%; padding:5px 1% 10px 1%;}

.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%;}


.newsbox .content li span.date{ display:none}
.zhuzuo{ display:none}

.zhuzuo01{ clear:both; width:96%; margin:0 auto 2% auto; border:#e7e7e7 1px solid; padding-top:0.5%; display:block; overflow:hidden}
.zhuzuo01 .title{height:36px; line-height:36px; color:#2c4d7f; font-size:15px; font-weight:bold; padding-left:5%;}
.zhuzuo01 img{ width:94%; padding-bottom:2%; padding-top:1%; text-align:center; margin:0 auto 0% auto; display:block}

}


@media screen and (max-width:680px)
{

.newsbox{ float:none; width:96%; padding-right:0px; margin:0 auto;}
.jianjie{ float:none; width:96%;  padding-right:0px;margin:0 auto;}
.zhuzuo{float:none; width:96%; border:#e7e7e7 1px solid; padding-top:0.5%; height:auto; margin:0% auto}
.navbox{ clear:both; width:100%; position:absolute; top:11.8%; left:0; z-index:2; }

.footer{ display:none;}
.wapfooter{ display:block; margin:0px auto 0 auto;padding:15px 0 15px 0;  text-align:center; color:#515151; font-size:12px; line-height:21px;}
.wapfooter a,.wapfooter a:link,.wapfooter a:visited{color:#515151; font-family:Arial, Helvetica, sans-serif;}
.wapfooter a:hover {color:#ff0006;}
.wapfooter .en{font-family:Arial;}

.newsbox .content li span.date{ display: block}


}


@media screen and (max-width:480px)
{
header .logo{float:left; width:26%;padding-left:1%;}
header .headerright{float:right; width:70%;}
header .headerright .top{ float:right; margin-top:2.8%; width:80%;}
header .wapnav img{padding:4px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
.info_list table{ width:80%;}
.input1{width:90%;margin-bottom:15px;}
#denglu{width:100%}
#s1 li span{width:50%}

}


@media screen and (max-width:320px)
{
header .logo{float:left; width:28%;padding-left:0%;}
header .headerright{float:right; width:72%; }
header .headerright .top{ float:right; margin-top:2.8%; width:95%;}


header .wapnav img{padding:4px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}

.navbox{ clear:both; width:100%; position:absolute; top:13%; left:0; z-index:2; }

.info_list table{ width:96%;}

}
