/* CSS Document */
body,div,p,span,h1,h2,h3,h4,h5,ul,li,dl,dd,dt,a,from,input,div,menu,header,nav,section,ol{ margin:0; padding:0;}
body{font-family: 14px/1.67 "Microsoft YaHei";  background: url(../images/bj.jpg);}
li{ list-style:none;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}/*IE6/IE7*/
.mr{ width:1180px; margin:0 auto;}
a{ text-decoration:none; color: #002635;}
img{ border:0;}
em{ font-style:normal;}
.mbt{ display:none;}
/*----------------------------------------------------------------------*/
.h_img{ background:url(../images/h_img.jpg) no-repeat; height:105px;}
.h_img_left{ width:600px; float:left; padding-left:2em; color:#333}
.h_h3,.h_p1{ font:.8em/2em "Microsoft YaHei"; margin-bottom:1.2em;}
.h_img_right{ width:25%; float:right; margin-right:.5em;}
.h_right{ font:.8em/2em "Microsoft YaHei"; float:right; color:#666666;}
.h_right a{color:#666666;}
.h_right a:hover{color:#002635;}
.h_p1 {float: right;width: 30%;}
.h_p1 a{ color:#333; letter-spacing:2px;}
.h_h2{font: 1.6em/1.5em "Microsoft YaHei"; float:right; margin-top:1.2em; color:#002635;}
/*----------------------------------------------------------------------*/
.menu_ul{ line-height:3em; height:3em; background:#002635;}
.menu_ul ul li{ width:12%; text-align:center; letter-spacing:2px; float:left;}
.menu_ul ul li a{ color:#FFF; display:block;}
.menu_ul ul li a:hover{color:#ccc;}

.menu_ul2{ display:none;}
/*----------------------------------------------------------------------*/
.dede_pages ul{	padding:12px 0px; margin-top:20px;}
.dede_pages ul li{	float:left;	font-family:Tahoma;	line-height:20px;	margin-right:5.5px;  color: #030303;  border: 1px solid #ccc; border-radius: 5px; padding: 2px 8px;}
.dede_pages ul li a{	float:left; color: #030303; display:block;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#FFF; border: 1px solid #EE7800; background-color: #EE7800;}
.dede_pages .pageinfo strong{	color:#555;	font-weight:normal;	margin:0px 2px;}
.pagelist li:first-child{padding: 2px 5px; text-align: center;}
.copyright {padding: 1rem 0;  background: #FFF; font-size:.8em; text-align:center;}

/*----------------------------------------------------------------------*/
.sjbanner{ display:none;}
.banner{ width:100%;/* position: relative; z-index:0; */ clear:both; /**z-index:-999; *margin-top:-90px; */}
#flashBg {padding: 0px; margin: 0px; width: 100%;  clear:both; overflow: hidden;}
#flashLine {width: 100%;  clear: both;}
#flash {padding: 0px; margin: 0px auto; width: 100%;   clear: both;  height: auto;}
#flash a {width: 100%; height:700px; display: none;}

.flash_bar { position: relative; text-align: center; margin: 0px auto; width: 70px; bottom: 55px; height: 30px; overflow: hidden; padding-top: 13px !important}
.flash_bar .dq {margin: 5px; width: 12px; display: inline-block; background: url("../images/tg_flash_p.png")/*/tg_flash_p.png*//*/tg_flash_p.png*/ no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop")}
.flash_bar .no {margin: 5px; width: 12px; display: inline-block; background: url("../images/tg_flash_p2.png")/*/tg_flash_p2.png*//*/tg_flash_p2.png*/ no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop")}

.side{position:fixed;width:54px;height:275px;right:0;top:60%;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#f30;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "Microsoft YaHei";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#f30;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ccc;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

a.backToTop{width:60px; height:60px; background:#eaeaea url(../images/top.gif) no-repeat -51px 0; text-indent:-999em;} 
a.backToTop:hover{background-position:-113px 0;} 


/*----------------------------------------------------------------------*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
float: left;
display: block;
height: 32px;
line-height: 32px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;

color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;padding: 0 12px;
}
.pagination li span {
color: #555555;padding: 0 12px;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}


.tab{ background:#ddd; line-height:30px; margin-top:15px;font:.8em/2em "Microsoft YaHei";}
.tab th{ background:#f8f8f8; padding:5px 12px;}
.tab td{ background:#fff; padding:5px 0px 5px 14px;}
.f66{ color:#666;}
.f14{ color:#e70012; font-size:16px; font-weight:bold;}
.tab a.hav{ background:#e5e5e5; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#666; display:inline-block; font-size:12px; margin-right:4px; padding:0 18px;}
.tab a.hav:hover{ color:#ff0000;}
.tab td span.l{float:left;text-align:left}
.tab a.xunjia{ color:#fff; font-size:12px; margin-left:15px;  margin-right:3px;width:87px; height:28px;line-height:28px; display:inline-block; text-align:center; padding:0 6px; background:#c00;cursor:pointer;float:right}
.tab a.xunjia:hover{ text-decoration:underline; color:#fff29a;}
.tab a.hav{ background:#e5e5e5; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#666; display:inline-block; font-size:12px; margin-right:4px; padding:0 18px;}

.tab a.hav{width: 14%;margin: 0 10px 5px 0;text-align: center;}

#totop { width: 60px; height: 60px; display: block; cursor: pointer; text-indent: -999em; background: url(../images/top.gif) no-repeat -51px 0; position: fixed; right: 8.9%; bottom: 10%; }
#test{}
.banner_m{ display:none;}

/****************************����Ӧ********************************/


@media screen and (max-width: 1200px){
body,header,nav,mr{ width:100%; margin:0; padding:0;}
.h_img,.h_img_left{ width:100%;}
.h_img_left{ width:600px; float:left; padding-left:2em; color:#333}
.h_img_right{ width:30%;}
.menu_ul{ display:none;}

.menu_ul2{ display:block; width:100%; margin:0 auto; }
.menu_ul2{ line-height:3em; height:3em; background:#002635;}
.menu_ul2 ul li{ width:19.6%; text-align:center; letter-spacing:2px; float:left; border-right:1px #00435D solid;}
.menu_ul2 ul li.rino{ border-right:none;}
.menu_ul2 ul li a{ color:#FFF; display:block;}
.menu_ul2 ul li a:hover{color:#ccc;}

.main_banner{ display:none;}
.banner_m{display:block;}
.banner_m img{ width:100%;}

.mno{ display:none;}


}

@media screen and (max-width: 990px){
.h_img_right{ display:none;}
}
@media screen and (max-width: 980px) {
#flashBg{ display:none;}
.sjbanner{ width:100%; display:block; position:relative; z-index:0;}
.index_banner{margin:0px auto; width:100%; height:auto; margin-bottom:40px; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 46%;  z-index: 9999; display: block; width: 80px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url("../images/tg_flash_p2.png")/*/tg_flash_p2.png*//*/tg_flash_p2.png*/; background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url("../images/tg_flash_p.png")/*/tg_flash_p.png*//*/tg_flash_p.png*/; background-repeat: no-repeat; }
}
@media screen and (max-width: 768px){
.h_img,.menu_ul,.h_img_left{ width:100%; padding:0;}
.h_img{ height:auto;}
.h_img_left h3{ display:none;}
.h_img_left img{ width:98%; margin:20px 2px;}
.mno2{ display:none;}
#totop{ display:none;}
.COM-ce table .s{display:none !important;}
}

@media screen and (max-width: 566px){
.h_img_left{ margin:0 auto; padding:0; width:100%;}
.h_img_left img{ width:98%; margin:20px 2px;}
.menu_ul2{ line-height:2em; height:2em; background:#002635;}
.mno3{ display:none;}
#totop{ display:none;}
.arct_right table .s{display:none !important;}

.m-show a {color: inherit;text-decoration: none;}
.mbt{ display:block;}
.mbt {position: fixed;bottom: 0;left: 0;right: 0;background: #002635;}
.mbt div {float: left;width: 33%;text-align: center;color: #fff;}
.mbt div span {display: block;border-right: 1px solid #fff;}
.mbt div a {padding-left: 30px;line-height: 46px;}
.mbt .chanpin a {background: url(../images/chanpin01.png) no-repeat 0 center;background-size: 28px;}
.mbt .shipin a {background: url(../images/shipin01.png) no-repeat 0 center;background-size: 23px;}
.mbt .dianhua a {background: url(../images/dianhua01.png) no-repeat 0 center;background-size: 28px;font-size: 16px;}

}



table img  {
    max-width: 100%;
}