@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin:0 auto; padding: 0; }
img { border: 0 none;  }
ul, li { list-style-type: none; }
h2, h5 { font-weight:100;}
h2, h4, h6{ font-size:12px;}
h1, h3, h5{ font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin:0; }
button { cursor: pointer; }
div {margin:0 auto; overflow:hidden; height:auto;} 
body { color: #333; line-height: 1.2; background-color: #f7f7f7;   }
a {color:#333; font-weight:100;}
a, a:link { text-decoration: none; }
a:active, a:hover { text-decoration: underline;  color:#d9000b; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; height:0; }
.mar_T15{ margin-top: 15px;}
/*头部*/
.top{ width:100%; background-color: #fff;}
.top1{ width:100%; height:34px; background:#eee; line-height:34px; overflow:visible;}
.top1 h2{ max-width:1200px; width:100%; color:#333; text-align: right;}
.top1 h2 a{  margin-left:12px; margin-right:12px; color:#333;}
.top1 h2 span{ float:left;}
.top2{ width:100%; max-width:1200px; padding:15px 0 10px 0;}
.top2a{ float:left;}
.top2b{ float:left; margin-left:6px;}
.top2c{ float:right; margin-right:18px;}
@media (max-width:1200px){.top{ display:none;}}
.top2d{ overflow:visible; width:80px; display:block; text-indent:32px; position:relative;}
.top2d img{ display:none; margin-left:20px; width:80px; height:80px;}
.top2d:hover img{ display:block;}


/*导航*/
.nav{ width:100%; height:46px; background-color: #2588cc; color: #FFF;  }
.nav h2{ width:1200px; height:46px; line-height:46px;}
.nav h2 a{  padding:0 30px; color:#fff;  font-size:16px; }
@media (max-width:1200px){.nav{ margin:0 auto; width:100%; height: auto; }
.nav h2{ margin:0 auto; display:block; width: 100%;}
.nav span{ display: none;}
.nav h2 a{ width:25%; color:#fff; float:left; text-align:center; line-height:36px;height:36px; text-align:center; background:#2588cc; border:1px solid #389de3; border-top:none; border-left:1px solid #0472bd; box-sizing:border-box;  font-weight: 100; padding: 0;}}

/*手机头部*/
.x-top{ width:100%; padding:10px 0; display:none; background-color: #fff;}
.x-top1{ width:45%; float:left; text-align:center; }
.x-top1 img{ width:90%;max-width: 275px;}
.x-top2{ width:54%; float:right;border-left:1px solid #ccc;}
.x-top2a{ width:100%; float:left;}
.x-top2a img{ width:95%; margin-left:5%; float: right; max-width: 275px; }
@media (max-width:1200px){.x-top{ display: block;}}
@media (max-width:1200px){.x-nav{ display: block;}}



/*底部开始*/
.foot{ width:100%; background:#2588cc; padding-bottom:20px; }
.foot h2{ width:100%;  line-height: 32px; padding:10px 0; border-bottom: 1px solid #fff; margin-bottom: 10px;  text-align:center; color:#fff; font-size:16px; background:#62b3eb; }
.foot h2 a{ color:#fff; font-size:16px;   margin-left:12px; display:inline-block; margin-right:12px;}
.foot3{ width:100%; text-align:center; font-size: 14px; color:#fff; color:#fff; line-height:25px;  }
.foot3 a{ color:#fff;}
@media (max-width:1200px){.foot{ padding-bottom:80px;}}
@media (max-width:1200px){.foot h1,.dpImg,.search{ display:none;}}

/*底部悬浮*/
.x-foot{ width:100%; height:60px; border-top:1px solid #D7D7D7; background:#fff; left:0; bottom:0; position:fixed; z-index:999; display:none;}
.x-foot li{ width:25%; float:left; text-align:center;}
.x-foot li img{ width:26px; height:26px; margin-top:10px;}
.x-foot li span{ width:100%; display:block; line-height:15px; margin-top:5px; color:#666666; font-size:12px;  }
@media (max-width:1200px){ .x-foot{ display:block;}}


#wapper{ width:1200px; }
@media (max-width:1200px){
#wapper{ width:100%; }}


.page_box{  background:#fff; padding:10px 0; clear:left; }
.page {margin: 0 auto;font-size: 14px;}
.manu {text-align: center; }
.manu .currents1 {padding: 5px 12px 5px 12px;margin: 5px;font-weight: bold;background-color: #005aab;color: #fff;font-weight: bold;display:inline-block;border-radius:0px;}
.manu A { background:#e6e6e6;padding: 5px 12px 5px 12px;margin: 5px;color: #333;text-decoration: none;border-radius:0px;}



.proList{ float: left; width: 960px;}
.proList li{ float:left; width:288px; margin:0 12px 15px 20px; background-color: #fff;}
.proList li img{ width:288px; height:216px;  }
.proList li h3{ font-size:16px; height:28px; padding:0 5px;line-height:28px; font-family:"微软雅黑 Light"; font-weight:400;  word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proList li h5{ height:25px; line-height:25px;padding:0 5px 5px; color:#c11920; }


/**********内页产品中心列表****************/
.cpms{ padding:7px 15px;}
.cpms h3{ height:42px; padding-bottom:5px;font-size:16px; text-align:center; line-height:42px; font-family:"微软雅黑"; background-color:#e3e3e3; font-weight:100; }
.cpms h3 b{color:#d9000b;}
.cpms p{ text-indent:2em; line-height:22px;color:#666; font-size:14px; font-family:"微软雅黑";  padding-bottom:10px; margin-bottom:5px;}
.cpms h4{ height:42px; padding-bottom:5px;font-size:16px; text-align:center; line-height:42px; font-family:"微软雅黑"; background-color:#e3e3e3; font-weight:100; display: none; }
.cpms h4 b{color:#d9000b;}
 .spro{ width: 925px;}
 .spro li{ width:270px;}
 .spro li img{ width: 270px; height: 203px;}
/*
.npage{  text-align:center; color: #333; background-color:#e7e7e7;   padding:15px 0 0; height:30px; margin:10px 0; float:left; width:100%; }
.npage a{ margin:5px; border:1px solid #2588cc; padding:5px 8px;}
.npage a:hover,.np_on{ background-color:#2588cc; color:#fff;}*/

 @media (max-width:1200px){.inLeft{ display: none;}
.cpjs{ display: none;}
.proList{ width: 100%; margin-top: 15px;}
.proList li h3{ font-size:14px;}
.proList li{ width: 46%; margin: 0 2% 15px;;}
.proList li img{ max-width: 100%; height: 143px;}
.inBan{ display: none;}
.cpms h4{ display: block;}
.cpms h3{ display: none;}
}