/* CSS Document */
@charset "utf-8";
*{margin:0px;padding:0px;}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:14px; margin:0px; padding:0px; padding-bottom:60px;font-family:"微软雅黑";}
input{margin:0px;:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;}
img,table{ max-width:100%;}
/* 虚拟屏幕 */
.cscreen{background:#000;position:absolute;top:0;left:0;z-index:70;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;} 
/* 分页 */
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page{ text-align:center; clear:both;}
.page li.active a{ background:#0d82d4; border:solid 1px #0d82d4;}

.index_wap_head {width:100%; height:60px;overflow:hidden;border-bottom:3px solid #ffea00; background:#016eba;}
.index_wap_head .back{ display:block; float:left; margin:17px 0 0 10px; width:16px; overflow:hidden;}
.index_wap_head .logo_pic{ display:block; margin:15px auto 0 6px; width:85%; text-align:center; float:left;}
.index_wap_head .headlist{ display:block; float:right; margin:17px 10px 0 0; text-align:right; width:10px; overflow:hidden;}

.swiper_layout {height:auto; overflow:hidden;}

.fixedmenu {width:100%;height:60px;position:fixed;bottom:0px; left:0;background:#0d82d4; z-index:5; border-top:2px solid #005998;overflow:hidden;}
.fixedmenu li {width:25%;height:60px;float:left;line-height:20px;margin-top:2%;text-align:center;}
.fixedmenu li a { display:block;color:#fff; padding-top:30px;}
.fixedmenu li a:hover{ color:#fcff00;}
.fixedmenu li .icon-1{ background:url(../images/footnav-1.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-1:hover{ background:url(../images/footnav-1h.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-2{ background:url(../images/footnav-2.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-2:hover{ background:url(../images/footnav-2h.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-3{ background:url(../images/footnav-3.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-3:hover{ background:url(../images/footnav-3h.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-4{ background:url(../images/footnav-4.png) no-repeat center top; background-size:auto 25px;}
.fixedmenu li .icon-4:hover{ background:url(../images/footnav-4h.png) no-repeat center top; background-size:auto 25px;}
/*内页*/
.inside-headdiv{ width:100%; height:50px; line-height:50px; overflow:hidden; border-bottom:1px solid #e1e1e1; background:#fff;}
.inside-headdiv .back{ float:left; margin:7px 0 0 10px;}
.inside-headdiv .htitle{ float:left; width:200px; position:absolute; left:50%; margin-left:-100px; text-align:center; font-size:16px;color:#333;}
.inside-headdiv .menu{ float:right; margin:7px 10px 0 0;}

.inside-body{ width:96%; height:auto; margin:3% auto 0px auto; overflow:hidden; clear:both;}

.catalog_nav{ position:fixed; width:40%; height:100%; background:url(../images/opacity.png) repeat; right:-50%; top:0; z-index:99; color:#fff; display:none;}
.nav_list{ width:100%; height:auto; position:relative;}
.nav_list a{ color:#fff; text-align:center; height:36px; line-height:36px; border-bottom:1px dotted #dedede; display:block; width:95%; font-size:14px; margin:5px auto 0 auto; padding-left:8px;}
.close_btn{ position:absolute; top:0px; left:-30px; width:30px; height:30px; color:#fff; display:none;}

.info_body {width:95%;height:40px;line-height:40px;background:#efefef;border:1px solid #ccc;margin:10px auto;}
.info_body p {float:left;margin-left:10px;color:#000; width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_body p a {color:#000;}
.info_body img {float:right;margin-top:15px;margin-right:10px;}

.cont-div{ line-height:24px;}
.inner_pro_categ{ width:96%; margin:20px 2% 0px auto; height:auto; overflow:hidden;}
.inner_pro_categ a{ width:25%; height:30px; float:left; line-height:30px; text-align:center; border:1px solid #dedede; box-sizing:border-box; color:#b70804;border-left:none; overflow:hidden;}
.inner_pro_categ a.hover{ color:#fff; background:#0d82d4;}
.inner_pro_categ a:nth-child(4n+1){ border-left:1px solid #dedede;}
.inner_pro_categ a:nth-child(n+5){ border-top:none;}

.list {width:100%; padding-bottom:60px; height:auto; margin-top:10px; padding-top:5px;}
.list ul{ margin-top:20px; width:92%;margin:0px auto; }
.list li {height:30px;line-height:30px;border-bottom:1px dashed #e7e7e7;overflow:hidden;}
.list li a {color:#000;float:left; display:block; width:72%;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list li a:hover {color:#0d82d4;}
.list li span {float:right;color:#999;}

.m_news{ width:96%; height:auto; margin:0px auto 10px auto; overflow:hidden; clear:both;}
.m_news .first{ width:100%; height:110px; margin-top:10px; overflow:hidden;}
.m_news .first li{ display:block; float:left;}
.m_news .first .pic{ width:34%; height:100%; float:left; overflow:hidden; margin-right:3%;}
.m_news .first .pic a{ display:block; width:100%; height:100px;}
.m_news .first .title{ width:63%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news .first .title a{ color:#000;}
.m_news .first .intro{ width:63%; height:48px; color:#8b8b8b; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;}
.m_news .first .intro span{ color:#f00;}
.m_news .first .date{width:63%; height:25px; color:#bbb; font-size:10px; line-height:25px; float:left;}
.m_news .first:hover a{ color:#0d82d4;}

.innews{ margin:20px auto 10px auto;}
.innews .first{ border-bottom:1px dashed #e1e1e1;}

.info_bot {width:96%;margin:10px auto 0 auto; background:#fff;}
.info_bot .title {line-height:30px;text-align:center; font-size:16px;}
.info_bot .date{display:block;font-size:12px;text-align:center; margin-top:5px; color:#999;}
.info_bot .cont {line-height:200%;margin:10px auto 0 auto;overflow:hidden; width:98%;}
.info_bot .cont table{ max-width:100%;}
.info_bot img {max-width:100%;text-align:center; display:block; margin:4px auto 0px auto;}

.product-div{ width:96%; height:auto; margin:10px auto; overflow:hidden; clear:both;}
.product-div .product-a{ display:block; text-align:center; float:left; width:48%; border:1px solid #000; position:relative; background:#fff; margin-bottom:10px;}
.product-div .product-a .topic{ position:absolute; bottom:0; left:0; height:35px; line-height:35px; color:#fff; background:url(../images/opacity.png); width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.product-div .product-a:nth-child(2n){ float:right;}

.error-div{ text-align:center; width:100%; font-size:48px; margin-top:20%; color:#000;}
.error-div a{ color:#000;}

.product-div{ width:96%; height:auto; margin:5px auto; overflow:hidden; clear:both;}
.product-div .product-alist{ display:block;width:100%; overflow:hidden; margin-bottom:10px;}
.product-div .product-alist .pic{ width:94%; padding:2% 2%; border:1px solid #0d82d4;}
.product-div .product-alist .topic{ font-size:14px; color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin:5px auto;line-height: 22px;height: 44px;}
.product-div .product-alist .price{ color:#ff0000; font-size:14px; font-weight:bold;}
.product-div .product-alist:hover .topic{ color:#016eba;}

.data_pic{ border-bottom:1px dashed #e1e1e1;}
.data_title{ font-size:16px; line-height:26px; margin-top:10px;}
.data_price{ color:#f00; font-weight:bold; line-height:30px; border-bottom:1px solid #e1e1e1;}