@charset "utf-8";body {font-family:"微软雅黑"!important;font-size:0.825rem;}

* {margin:0;padding:0;}

ul,ol,li {list-style:none}

a {text-decoration:none;color:#333;}

a:hover {color:#00A888;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}

img {margin:0;padding:0;border:none;}

.clear {clear:both;margin:0px;padding:0px;}

form {display:block;}

.clear {clear:both;}

.white {color:#FFFFFF!important;}

.mart1 {margin-top:1rem!important;}

.mart1 {margin-top:2rem;}

.mart0 {margin-top:-1rem!important;}

.button {outline:none;}













/**---------------------首页头部header----------------------------------**/



.headeri {-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;position:fixed;z-index:1000;line-height:3.125rem;height:3.125rem;width:94%;top:0;padding:0 3%;text-align:center;background:#00A888;}

.headeri .return {position:absolute;left:3%;z-index:100;top:0.4rem;}

.headeri .return img {max-width:1.365rem;}

.headeri .logo {font-size:1rem;color:#FFFFFF;}

.headeri .topmenu {position:absolute;right:3%;z-index:100;top:0;}

.headeri .topmenu img {vertical-align:middle;max-width:1.365rem;}





/**---------------------首页头部banner----------------------------------**/



.indexbanner {width:100%;padding-bottom:0.5rem;}

#topbanner {margin-top:3.17rem;}

#topbanner.swiper-container-horizontal>.swiper-pagination {bottom:3.8rem!important;left:auto;right:0; width:40%!important; /*z-index: 500;*/}

#topbanner .swiper-pagination{z-index: 800;}

.swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:600;margin-top:-2.35rem;right:5%;/* top:20px;*/}

.swiper-pagination span {margin-right:8px;width:6px;height:6px;}

.swiper-pagination-bullet {background:#FFFFFF !important;opacity:.8!important;border:2px solid #00A888;}

.swiper-pagination-bullet-active {background:#00A888!important;border:2px solid #00A888;}

.swiper-slide img {width:100%;height:auto;}



/**---------------------首页搜索----------------------------------**/





.searchi {position:absolute;top:0;right:3%;width:80%;display:none;height:3rem;}

.searchi form {width:100%;}

.searchi input {color:#565656;font-family:"微软雅黑";outline:none;position:relative;border:1px solid #F0F0F0;border-radius:30px;background:#f5f6f7;padding-left:3%;width:97%;height:1.875rem;line-height:2.1875rem;}

.searchi .search_btn {display:block!important;border:none;background:none;max-width:1.2rem;}

.searchi img {max-width:1.2rem;position:absolute;right:4%;z-index:40;margin-top:-2.15rem;}



/**---------------------首页产品系列----------------------------------**/



	

.series{width: 100%; background: #f4f5f7; height: auto; position: relative; padding-bottom:1.5rem;margin-top: -0.85rem;padding-top:1.7rem;}

.series .title{ border-top-left-radius: 0.725rem;border-top-right-radius: 0.725rem;  background:#FFFFFF;width: 94%; margin-left: 3%; margin-right: 3%; line-height: 3.4rem; height: 3.4rem; border-bottom: 1px solid #dddddd;position: absolute; top:-3.25rem;z-index: 200;}

.series .title span{float:left; margin-left: 1.25rem; margin-right:1rem;font-size: 1.1rem; color:  #333333;}

.series .title small{float:left; width: 2rem; height: 1.7rem; border-bottom: 1px solid #00A888;}

.series ul{padding-bottom: 1.8rem; width: 94%;margin-left: 3%; margin-right: 3%;  background:#FFFFFF; border-bottom-left-radius: 0.725rem;border-bottom-right-radius: 0.725rem;}

.series ul li{padding-top: 2rem; width: 25%; float:left; height: 6rem; text-align: center;}

.series ul li:nth-of-type(1){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(2){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(3){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(4){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(5){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(6){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(7){background: url(p1.png) no-repeat; background-position: center center;}

.series ul li:nth-of-type(8){background: url(p8.png) no-repeat; background-position: center center;}

.series img{ max-width: 3.25rem;}

.series a { font-size: 0.65rem; height: 1rem; line-height: 1rem; display: block;padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; overflow: hidden; margin-top: 4.5rem; color:  #333333;}

.series h3{font-weight: normal;}



/**---------------------首页最新产品----------------------------------**/



.newproduct {width:94%;padding:0 3%;}

.newproduct .list {width:100%;height:2.3rem;line-height:2.3rem;margin:1.5rem auto;}

.newproduct .list ul {position: relative; width:100%;height:2.3rem;font-size:1rem;border-bottom:1px solid #f7f8f8; padding-bottom: 0.625rem;}

.newproduct .list ul li {width:50%;float:left;text-align:center;color:#353535;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s; font-size: 1.1rem;}

.newproduct .list ul li.active {color:#00A888;}

.newproduct .list ul li:nth-of-type(1){}

.newproduct .list .middle{float:left; width: 2%;border-right:1px solid #eeeeee; position:absolute ; left: 49%;}





.index_product {width:100%;padding-bottom:1rem;}

.index_product ul {width:100%;text-align:center; display: none;}

.index_product ul li { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;    width:48%;margin-right:4%;float:left;background:#FFFFFF;margin-bottom:1rem;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;}

.index_product ul li:nth-of-type(even) {margin-right:0;}

.index_product ul li .topimg {width:100%;height:100%;float:left;display:block;}

.index_product ul li .topimg img {width:100%;height:auto;}

.index_product ul li .title { height:2.5rem;line-height:2.5rem;overflow:hidden;width:100%;float:left;display:block; }

.index_product ul li .bottom { color: #666666; height:2.5rem;line-height:2.5rem;overflow:hidden;width:100%;float:left;display:block; border-top:1px solid #eaeaea; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}

.index_product ul li .line {width: 2.5rem;border-bottom:1px solid #d3d3d3;margin-left: auto;margin-right: auto; display: block;}







/**---------------------首页信息列表----------------------------------**/



/*首页通用样式标题*/



.indicate {width:94%; padding:1em 3%; height:1.5rem;line-height: 1.5rem;background: #f4f5f7;}

.indicate .lefts {float:left; width: 67%;color: #333333; font-size:1rem;border-left: 2px solid #00A888; padding-left: 0.5rem; }

.indicate .rights {float:right;width: 27%; text-align: right;color: #666666; }

.indicate .rights img{max-width: 0.8rem; padding-top: 0.25rem; padding-left: 0.5rem;}



.index_news {background:#f4f5f6;width:100%; padding-bottom: 1rem;}

.index_news ul { width: 100%; height: auto; }

.index_news ul li {width: 91%;padding-left:3%;margin: 0 3%;height:6rem;margin-bottom: 1rem;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;background:#FFFFFF;margin-bottom:1rem;}

.index_news ul li:last-child {margin-bottom:0;}



.index_news ul li .left {float:right;width:100%;height:6rem;}

.index_news ul li .left .left_content {margin-right:7rem;height:6rem;background:#FFFFFF;position:relative;}

.index_news ul li .left .left_content .title { padding-top: 3%;width:100%;display:block;overflow:hidden;line-height: 1.8rem;max-height: 3.6rem;font-size:0.9rem;color:#333333;}

.index_news ul li .left .left_content .more {color:#999999;font-size: 1rem;}

.index_news ul li .left .left_content .more a{ color: #00A888;}





.index_news ul li:after {content:"";display:block;visibility:hidden;height:0;clear:both;}

.index_news ul li .right { text-align: center; border-left:1px solid #e4e4e4;float:right;width: 6rem;height:6rem;margin-left: -6.5rem;overflow:hidden;line-height:7rem;text-align:center;}

.index_news ul li .right .day{padding-top: 0.6rem; font-size: 1.6rem; height: 3.6rem; line-height: 3.6rem; color: #666666;}

.index_news ul li .right .year{color:  #999999; height: 2rem; line-height: 1rem;}

.imgs{width:100%!important;height:100%!important;}

.index_news ul li:hover{border: 1px solid #00A888;}

.index_news ul li:hover .right{ background:#00A888;}





/**---------------------首页关于我们----------------------------------**/



.indicatea {width:100%; padding:1em 0; height:1.5rem;line-height: 1.5rem;background: #FFF;}

.indicatea .lefts {float:left; width: 67%;color: #333333; font-size:1rem;border-left: 2px solid #00A888; padding-left: 0.5rem; }

.indicatea .rights {float:right;width: 27%; text-align: right;color: #666666; }

.indicatea .rights img{max-width: 0.8rem; padding-top: 0.25rem; padding-left: 0.5rem;}



.index_about {background:#FFFFFF;width:94%;padding:0 3% 2rem 3%; margin-bottom: 3.8rem;}

.index_about .text {background:#00A888;width:94%;padding:3%;height:auto;}

.index_about .text .cont {border-radius:5px;padding:1rem 3%;background:#FFFFFF;width:94%;height:auto;}



.index_about .text .cont .bottom {background:#ffffff;width:94%;padding:1rem 3%; padding-top: 0.5rem;}

.index_about .text .cont .bottom .title {text-align:center;color:#333333;font-size:1.1rem;margin-bottom:0.5rem; background: #f9f9f9; border: 1px solid #e5e5e5; padding-bottom: 1.2rem; padding-top: 1.2rem;}

.index_about .text .cont .bottom p {color:#666666;line-height:1.8rem;}

.index_about .text .cont .bottom img{width: 100%; height: auto;margin: 0.5rem 0;}







/**---------------------各页面头部----------------------------------**/



.header {  -o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;position:fixed;z-index:1000;line-height:3.125rem;height:3.125rem;width:94%;top:0;padding:0 3%;text-align:center;background:#00A888;}

.header .return {position:absolute;left:3%;z-index:100;top:0.4rem;}

.header .return img {max-width:1.365rem;}

.header .logo {font-size:1rem;color:#FFFFFF;}

.header .toplist {position:absolute;right:12%;z-index:100;top:0;}

.header .toplist img {vertical-align:middle;max-width:1.2rem;}

.header .topmenu {position:absolute;right:3%;z-index:100;top:0;}

.header .topmenu img {vertical-align:middle;max-width:1.365rem;}



/**---------------------其他页面搜索头部----------------------------------**/



.top {-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;height:2.5rem;width:100%;border-top:1px solid #e9e9e9;background:#FFFFFF;line-height:2.5rem;position:fixed;top:3.125rem; z-index: 1000;}

.top .title {font-size:1rem;line-height:2.5rem;float:left;padding-left:3%;}

.top .title img {max-width:0.7rem;margin-left:3px;vertical-align:middle;}

.top .search {float:right;padding-right:3%;}

.top .search input {outline:none;display:none;position:relative;border:1px solid #F0F0F0;border-radius:30px;background:#FFFFFF;color:#666666;font-family:"微软雅黑";padding-left:0.8rem;width:200px;height:28px;line-height:28px;}

.top .search .search_btn {/*display:block!important;*/ border:none;background:none;max-width:1.2rem;position:absolute;right:5%;z-index:40;top:0.6rem;}

.top .search img {max-width:1.2rem;position:absolute;right:5%;z-index:40;}

#searchbefore {margin-top:0.5rem;}



/**---------------------关于我们页面----------------------------------**/



.about {background:#FFFFFF;margin-top:3.25rem;width:94%;padding:0 3%;margin-bottom:80px;}

.about .text_title {height:7.575rem;border-bottom:1px solid #d9d9d9;text-align:center;}

.about .text_title .line {width:3.75rem;margin:0 auto;height:2rem;border-bottom:1px solid #05c895;}

.about .text_title h1 {font-size:1.2rem;padding-top:12px;padding-bottom:8px;}

.about .text_title small {font-size:0.775rem;color:#666666;}

.about .text {padding:1rem 0;font-size:0.875rem;color:#444444;line-height:1.5625rem;margin-bottom:30px;}

.about .text img {width:100%;height:auto;margin:1rem 0 0 0;}

.about .text .blue {color:#0d8dbf;}

.about .text .pink {color:#f23b63;}



/**---------------------信息列表页面----------------------------------**/



.news_list{ width: 100%; margin-top: 7rem; margin-bottom: 5rem;}

.news_list ul{ width: 100%;}

.news_list ul li{ width: 100%; height: auto;}

.news-text {width:97%;padding-left:3%;height:auto;}

.news-text:after {content:"";display:block;visibility:hidden;height:0;clear:both;}

.news-text .right {float:right;width:100%;height:auto;}

.news-text .right_content {margin-left: 1.7rem;height:auto;border-left:1px solid #cccccc;position: relative;}

.news-text .right_content .text{background: #FFFFFF;width: 86%;margin: 0 auto;padding-bottom: 1rem; padding-left: 6%;}

.news-text .right_content .text .time{ color: #969696; line-height: 1.8rem; height: 1.8rem;}

.news-text .right_content .text .title{ position: relative; display: block; overflow: hidden; line-height: 2.2rem; height: 2.5rem; font-size: 0.9rem; }

.news-text .right_content .text .title span{ position: absolute; bottom:0; left:0; width: 1.6rem; border-bottom: 2px solid #5892f5;}

.news-text .right_content .text .cont{border-bottom: 1px dashed #CCCCCC;  overflow: hidden; padding: 0.5rem 0; display: block; width: 100%; color: #666666; line-height: 2rem; height: 6rem; color: #999999;}

.news-text .right_content img{position: absolute;left: 2rem;top: 0;width: 3rem;height: 3rem;z-index: 50;background: #cccccc;border-radius: 50%;left: -1.5rem;}

.news_list ul li:nth-child(5n) .right_content{border:none;}





/**---------------------页码样式----------------------------------**/



.page {text-align:center;margin:0px;height:auto;width:94%;padding:6% 3%;font-size:14px;color:#666;}

.page a {background:#FFFFFF;line-height:26px;clear:none;height:auto;font-size:0.8125rem;color:#333;padding:0 10px;border:1px solid #CCC;display:inline-block;margin:5px 3px;}

.page a:hover {background-color:#5a91f5;border:1px solid #5a91f5;color:#FFF;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}

.page a.active {background:#5a91f5;color:#FFFFFF;border-color:#5a91f5;}







/**---------------------产品页面----------------------------------**/



.product {width:94%; padding:0 3%;padding-bottom:4rem; margin-top: 7rem;}

.product ul {width:100%;text-align:center; }

.product ul li { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;    width:48%;margin-right:4%;float:left;background:#FFFFFF;margin-bottom:1rem;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;}

.product ul li:nth-of-type(even) {margin-right:0;}

.product ul li .topimg {width:100%;height:100%;float:left;display:block;}

.product ul li .topimg img {width:100%;height:auto;}

.product ul li .title { height:2.5rem;line-height:2.5rem;overflow:hidden;width:100%;float:left;display:block; }

.product ul li .bottom { color: #666666; height:2.5rem;line-height:2.5rem;overflow:hidden;width:100%;float:left;display:block; border-top:1px solid #eaeaea; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}

.product ul li .line {width: 2.5rem;border-bottom:1px solid #d3d3d3;margin-left: auto;margin-right: auto; display: block;}





/**---------------------产品详情页面----------------------------------**/



.product_detail {margin-bottom:5rem;padding-top:7rem; background: #f4f5f6;}



.product_detail .caption { border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem; background: #FFFFFF; width:94%; margin-left: 3%;margin-right: 3%;       -o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;}

.product_detail .caption img {width:100%;height:auto; border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem;}

.product_detail .caption .title {padding-left: 1rem; height:3.125rem;overflow:hidden;font-weight:normal;font-size:1rem;line-height:3.125rem;border-bottom:1px solid #f0f0f0;color:#333333;}

.product_detail .caption .type { padding-left:1rem;font-size:0.875rem;height:2.5rem;line-height:2.5rem;color:#333333;font-weight:normal;overflow: hidden;}

.product_detail .caption .bottom{padding-bottom: 0.5rem; padding-left: 1rem; font-size:0.875rem;min-height:2.5rem;line-height:2.5rem;color:#666666;font-weight:normal;}

.product_detail .caption .bottom a{padding-left: 1.425rem;margin-right: 0.5rem; background: url(../images/label.png) no-repeat; background-position: left center;}



.hot_line{background: #FFFFFF; width: 94%;margin-left: 3%; margin-right: 3%; margin-top: 1rem;  -ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px; margin-bottom: 1em; font-size: 1rem; color: #666666; line-height: 3rem; min-height: 3rem; -o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;}

.hot_line .number{ color: #333333;  float:left;}

.hot_line span{float:left;}

.hot_line img{max-width: 1.7rem; padding-right: 0.5rem; padding-left: 1rem; padding-top: 1rem; vertical-align: middle; float:left;}

.hot_line .line{width: 1.5rem; height: 1.5rem; margin-right: 0.825rem; margin-left: 0.825rem; border-bottom: 1px solid #5a91f5; float:left;}



.product_detail .titles{border-bottom: 1px solid #00A888;  height:2rem; width: 94%; padding: 0 3%; margin-top:1.5rem;background: #f4f5f6;}

.product_detail .titles span{float:left; width: 6rem;  height: 2rem; background: #00A888;color: #FFFFFF; text-align: center; font-size: 1rem; line-height: 2rem;  border-top-left-radius:5px ;border-top-right-radius:5px ;}

.product_text {background:#FFFFFF; width:94%;padding:3%;color:#444444;}

.product_text .toptitle {border-bottom:1px solid #ececec;height:2.5rem;color:#333333;font-size:1rem;line-height:2.5rem;background:#FFFFFF;width:100%;margin-bottom:0.5rem;}

.product_text .toptitle  span {border-bottom:2px solid #05c693;line-height:2.5rem;color:#333333;float:left;}

.product_text p {line-height:1.5625rem;margin-top:1rem;}







/**---------------------其他页面分类弹框----------------------------------**/



.black {position:absolute;top:2.5rem;bottom:80px;z-index:50;background-color:rgba(0,0,0,0.85);width:100%;height:1500px;display:none;}

.label {text-align:center;padding-bottom:1rem;overflow:overlay;width:90%;background:#FFFFFF;position:fixed;top:7rem;bottom:5rem;margin-left:5%;margin-right:5%;border:1px solid #d9d9d9;overflow-y:inherit;}

.label h3 {display:inline;font-weight:normal;}

.label a {margin-right:3px;margin-left:3px;border-radius:20px;line-height:1.565rem;padding:0 0.875rem;border:1px solid #CCC;display:inline-block;background-color:#FFF;margin-top:15px;background-color:#FFF;}

.label a:hover {background-color:#05c895;color:#FFF;border:1px solid #05c895;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}

.label a.active {background-color:#05a6d1;color:#FFF;border:1px solid #05a6d1;}



/*侧边栏*/

.smallheader {left:-240px;width:240px;background:#2F3C4F;position:fixed;top:0;min-height:100%;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;z-index:2000;/* opacity:0.8;*/}

.smallheader h2 {font-weight:normal;}

.smallheader .title {border-bottom:1px solid #273543;height:3.75rem;line-height:3.75rem;}

.smallheader .title img {max-width:73%;padding-top:0.5rem;padding-left:1rem;}

.smallheader .bottom {position:absolute;bottom:0;border-top:1px solid #273543;height:3.75rem;text-align:center;line-height:3.75rem;width:100%;color:#FFFFFF;}

.smallheader .bottom img {margin-right:0.8rem;vertical-align:middle;max-width:1.2rem;}

.smallheader .middle {width:100%;height:auto;}

.smallheader .middle ul {width:100%;margin-top:1rem;}

.smallheader .middle ul li {width:92%;padding-left:8%;height:3.125rem;line-height:3.125rem;}

.smallheader .middle ul li a {display:block;width:100%;height:100%;color:#FFFFFF;font-size:1rem;}

.smallheader .middle img {max-width:1.1rem;margin-right:0.8rem;vertical-align:middle;margin-top:-0.25rem;}

.boxs {overflow:hidden;height:100%;position:relative;}

.box {overflow:hidden;height:auto;transform:translate3d(240px,0,0);-webkit-transform:translate3d(240px,0,0);-o-transform:translate3d(240px,0,0);-moz-transform:translate3d(240px,0,0)}

#all {width:100%;margin:0px auto;min-height:100%;position:absolute;top:0;min-width:320px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}

#close {width:25px;height:25px;position:absolute;left:240px;z-index:3000;display:none;top:15px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}





/*系列滑动*/

.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: 0.875rem;margin:1rem 0 .4rem 0}

.wrapper{background: #FFFFFF;}

.wrapperlist {position:relative;height: 2.5rem;width: 100%;overflow: hidden;margin:0 auto;}

.wrapperlist .scroller {position:absolute}

.wrapperlist .scroller li {height: 2.5rem;color:#333;float: left;line-height: 2.5rem;font-size: 0.875rem;text-align: center}

.wrapperlist .scroller li a{background: url(list1.png) no-repeat; background-position:left center ;  color:#333333;display:block;margin:0 .3rem;padding-left: 0.8rem; padding-right: 0.5rem; line-height: 2.5rem;}

.wrapperlist .scroller .cur a{color:#333333;height:2.46rem;background: url(list2.png) no-repeat; background-position:left center ; }

.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}

.clearfix{*zoom:1;}

.wrapperlist h3{font-weight: normal;}

.clearfix ul{height: auto;}

.clearfix ul li {height: 2.5rem; line-height: 2.5rem;}

.wrapperlist .scroller li:first-child{padding-left: 0.875rem;}

.wrapperlist .scroller li:last-child{ padding-right: 2.5rem;}







/*系列滑动右侧点击出现弹框*/



#title{ text-align:right;background: #FFFFFF; position: fixed; right: 0; border-left:1px solid #c4c4c4;  padding-right:3%; padding-left: 0.875rem; height: 1.6rem;margin-top: 0.45rem; z-index: 2000;} 

#title img{ max-width: 1.425rem; }







/**---------------------信息详情页面----------------------------------**/



.news_detail {margin-top:6rem;}

.news_detail .caption {padding:0 3%;width: 94%;background:#FFFFFF;}

.news_detail .caption .title {font-size:1rem;padding-top:0.875rem;line-height:1.8rem;color:#333333;overflow:hidden;}

.news_detail .caption .time {width: 100%; color:#888888;font-weight:normal;line-height:2.4rem;float:left; border-bottom: 1px solid #dddddd;}

.news_detail .caption .time .number{float:left;}

.news_detail .caption .time .line {width: 1.6rem; height: 1.2rem; border-bottom: 1px solid #00A888; float:left; margin-left: 0.5rem;}



.news_text {background:#FFFFFF;width:94%;padding:0 3%;color:#444444;margin-top:1rem;}

.news_text p {line-height:1.5625rem;}

.news_text .line {border-bottom:1px solid #ececec;width:100%;height:1px;margin-top:1rem;}

.news_text img{ width: 100%; height: auto;}





.next_page {background:#FFFFFF;margin-bottom:0.6rem;}

.next_page ul {width:100%;min-height:4.375rem;padding:0.5rem 0;}

.next_page ul li {width:94%;padding:3% 3%;height:0.5rem;line-height:1.25rem;overflow:hidden;color:#898989;}

.next_page ul li a {width:100%;color:#333333;}

.next_page ul li span {border-left:2px solid #5990f5;width:2px;height:15px;display:block;float:left;padding-right:0.5rem;}





.hotproduct{ width: 100%; height: 7rem; padding: 1.5rem 0;  margin-bottom: 4rem;}

.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: 0.875rem;margin:1rem 0 .4rem 0;}

.wrapperslist {position:relative;height: 7rem;width: 100%;overflow: hidden;margin:0 auto;}

.wrapperslist .scroller {position:absolute}

.wrapperslist .scroller li {height: 7rem;color:#333;float: left;text-align: center}

.wrapperslist .scroller li a{display:block; width: 9rem; margin-right: 0.5rem;}

.wrapperslist .scroller li a img{ width: 100%; height: 7rem;}







/*搜索页面样式*/



.result {width:94%;padding:0 3%;margin-bottom:0.5rem; margin-top: 4rem;}

.result span {color:red;}





/*底部样式*/





html,body {font-size:0.875rem!important;}

.searchbox {position:absolute;top:0;right:3%;width:80%;display:none;height:3rem;z-index: 200;}

.searchbox form {width:100%;}

.searchbox input {color:#565656;font-family:"微软雅黑";outline:none;position:relative;border:1px solid #F0F0F0;border-radius:30px;background:#f5f6f7;padding-left:3%;width:97%;height:1.875rem;line-height:2.1875rem;top: 0.1rem;}

.searchbox .search_btn {display:block!important;border:none;background:none;max-width:1.2rem; margin-top: -1px;}

.searchbox img {max-width:1.2rem;position:absolute;right:4%;z-index:40;margin-top: -2rem;}

.bottomlist {width:100%!important;height:3.75rem!important;border-top:1px solid #e8e8e8;background:#FFFFFF;position:fixed;bottom:0;z-index:5000;}

.bottomlist ul {width:100%!important;}

.bottomlist ul li {width:25%!important;float:left;height:3.75rem;}

.bottomlist ul li a {display:block!important;width:100%!important;height:100%!important;text-align:center;}

.bottomlist ul li img {margin-top:8px!important;max-width:1.6rem!important;}

.bottomlist ul li span {color:#666666;font-size:0.8125rem;display:block;}

.bottomlist ul li span.active {color:#00A888;}









.magnifier {-webkit-animation:magnify 1s linear infinite alternate;-moz-animation:magnify 1s linear infinite alternate;animation:magnify 1s linear infinite alternate;text-align:center;position:fixed;right:3%;bottom:5rem;z-index:1000;background:#00A888;width:2.2rem;height:2.2rem;border-radius:5px;}

.magnifier img {max-width:1.5rem;padding-top:0.3rem;}

.magnifier:after,.magnifier:before {position:absolute;content:"";}

@-webkit-keyframes magnify {0% {-webkit-transform:scale(1,1);}

100% {-webkit-transform:scale(1.3,1.3);}

}

@-moz-keyframes magnify {0% {-webkit-transform:scale(1,1);}

100% {-webkit-transform:scale(1.3,1.3);}

}

@keyframes magnify {0% {-webkit-transform:scale(1,1);}

100% {-webkit-transform:scale(1.3,1.3);}

}