@charset "utf-8";body {font-family:"微软雅黑"!important;font-size:0.875rem; background: #f4f5f6;}
* {margin:0;padding:0;}
ul,ol,li {list-style:none}
a {text-decoration:none;color:#333;}
a:hover {color:#48A711;-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:#483a64;-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;}
.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.9rem; bottom:0.7rem;padding-left:0.8rem;}
.headeri .topmenu img {max-width: 1.15rem;vertical-align: middle;float:right;padding-top: 0.2rem;margin-left: 0.5rem;}
.headeri .topmenu .right{width: auto;line-height: 1rem;color:#FFFFFF;float:left;height: 1.5rem;line-height: 1.5rem;font-size: 0.9rem;}

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

.indexbanner {width:100%;margin-top: 3.15rem;background: #ffffff;padding-top: 1rem; }
#topbanner {margin-top:3.17rem;margin:0 3%;padding-bottom: 0.6rem;}
#topbanner .bg,#topbanner .bg img{width: 100%; height: auto;}
#topbanner .swiper-pagination{bottom:2.5rem!important;}
#topbanner .swiper-pagination-bullet {background:#a79fb4;opacity:1;}
#topbanner .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#eda900!important;}
.swiper-slide img {width:100%;height:auto;display: block; border-radius: 5px;-webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
#topbanner .swiper-slide img:nth-of-type(2){width:calc(100%);height:calc(100% - 20px);}

.swiper-slide{display: block!important;}


/*首页通用样式标题*/
.indicate{ width: 100%; height: auto; text-align: center; padding: 1.75rem 0;}
.indicate img{max-height:3.6rem;}



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

#new_product{background: #f4f5f6;width: 94%; padding:0 3%; padding-bottom: 1.5rem;}
#new_product ul{width: 100%;  text-align: center;}
#new_product ul li{width: 48%;float:left;margin-right: 4%; background:#FFFFFF; margin-bottom: 1rem; border-bottom: 1px solid #746a8a;}
#new_product ul li img{width: 100%; height: auto; display: block;}
#new_product ul li .line{background: url(linebg.png) no-repeat; background-position: top center;}
#new_product ul li .more{ color: #555555; margin-bottom: 1rem;}
#new_product .no{margin-right: 0;}
#new_product ul li a{display: block;}
#new_product ul li .title{height: 3rem; line-height:3rem; overflow: hidden;color: #333333; font-size: 1rem; padding-left: 1rem; padding-right: 1rem;}
#new_product .mores{ display: block; border-radius: 2rem; -ms-border-radius: 2rem;-moz-border-radius: 2rem; -webkit-border-radius: 2rem; -o-border-radius: 2rem; margin-left:auto; margin-right: auto; margin-top: 0.8rem; width: 7rem; line-height: 2rem;border:1px solid #d6d6d7;}


/**---------------------首页新闻列表----------------------------------**/



.index_news1 {background:#483a64;width:94%;padding-left: 3%; padding-right: 3%;padding-bottom: 1.5rem; }
.index_news1 ul {width:100%;}
.index_news1 ul li {width:100%;height:auto;background:#FFFFFF; margin-bottom: 1rem;}
.index_news1 ul li:last-child{margin-bottom: 0;}
.index_news1 ul li:after {content:"";display:block;visibility:hidden;height:0;clear:both;}
.index_news1 ul li .left {float:left;width:4.6rem;height:5rem;margin-right:-4.6rem;overflow:hidden;line-height:5rem;text-align:center;}
.index_news1 ul li .left img {border-radius: 50%;max-width: 3.3rem;margin-top: 1rem;margin-left: 0.2rem;}
.index_news1 ul li .right {float:right;width:100%;height:5rem;}
.index_news1 ul li .right .right_content { margin-left:4.6rem;height:5rem;padding-left:0.5rem;padding-right:0.5rem; }
.index_news1 ul li .right .right_content .title {font-weight: bold; width:100%; display:block;overflow:hidden;padding-top:0.5rem;line-height:2.5rem; height:2.5rem;font-size:0.9rem;color:#333333;}
.index_news1 ul li .right .right_content .time {color:#999999;font-size:0.8rem;}
.index_news1 ul li .right .right_content .time img{max-width: 0.9rem;margin-right: 0.4rem;vertical-align: middle;}
.index_news1 ul li .text{color: #666666; border-top:1px dashed #d9d9d9; margin-top: 0.5rem;padding: 0.8rem; float:left; line-height: 1.6rem;}



/**---------------------首页热门产品----------------------------------**/

.index_hot1{background: #ffffff;width:94%;padding-left: 3%; padding-right: 3%;padding-bottom: 0.5rem; border-bottom: 1px solid #d9d9d9;}
.index_hot1 .indicate{padding-bottom: 1.6rem;}
.index_hot1 ul{width:100%}
.index_hot1 ul li{width: 32%; float:left; margin-right: 2%; }
.index_hot1 ul li img{width: 100%; height: auto; display: block;}
.index_hot1 .no{margin-right: 0;}
.index_hot1 a{display: block; text-align: center; }
.index_hot1 .title{color: #333333; font-size: 0.9rem; line-height: 3rem; height: 3rem; overflow: hidden;}


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

.index_aboutus {background:#FFFFFF;width:94%;padding:0 3% 2rem 3%;  margin-bottom: 3.8rem;}
.index_aboutus .indicate{padding: 1.5rem 0;}
.index_aboutus .text {background:#FFFFFF;width:100%;}
.index_aboutus .text .cont {border-radius:5px;padding:1rem 3%;background:#f4f5f6;border: 1px solid #ececec;  width:93.2%;height:auto;}

.index_aboutus .text .cont .bottom {background:#f4f5f6;width:94%;padding:1rem 3%; padding-top: 0.5rem;}
.index_aboutus .text .cont .bottom .title {text-align:center;color:#333333;font-size:1.1rem;margin-bottom:0.5rem; background: #ffffff;  padding-bottom: 1.2rem; padding-top: 1.2rem;}
.index_aboutus .text .cont .bottom p {color:#666666;line-height:1.8rem;}
.index_aboutus .text .cont .bottom img{width: 100%; height: auto;margin: 0.5rem 0;}


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


.header {-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:#483a64;-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;}
.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 .topmenu {position:absolute;right:3%;z-index:100;top:0.9rem; bottom:0.7rem;padding-left:0.8rem;}
.header .topmenu img {max-width: 1.15rem;vertical-align: middle;float:right;padding-top: 0.2rem;margin-left: 0.5rem;}
.header .topmenu .right{width: auto;line-height: 1rem;color:#FFFFFF;float:left;height: 1.5rem;line-height: 1.5rem;font-size: 0.9rem;}


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

.about { width:94%;margin-bottom:5rem; margin-top:3.15rem; padding:1rem 3%;}
.about .text_title {height:7.575rem;border-bottom:1px solid #d9d9d9;text-align:center; background: #FFFFFF;}
.about .text_title .line {width:3.75rem;margin:0 auto;height:2rem;border-bottom:1px solid #00bcef;}
.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 3%;font-size:0.9rem; color:#444444;line-height:1.8rem;margin-bottom:30px; background: #FFFFFF;}
.about .text p{text-indent: 2rem;}
.about .text img {width:100%;height:auto;margin:1rem 0 0 0;}
.about .text .blue {color:#0d8dbf;}
.about .text .pink {color:#f23b63;}


/**---------------------新闻列表页面----------------------------------**/


#newslist {background:#f4f5f6;width:94%;padding-left: 3%; padding-right: 3%; margin-top: 4.5rem; margin-bottom: 4rem;}
#newslist  ul {width:100%;}
#newslist ul li {width:100%;height:auto;background:#FFFFFF;margin-bottom: 1rem;-webkit-box-shadow:0 0 10px rgba(151,150,150,.3);-ms-box-shadow:0 0 10px rgba(151,150,150,.3);-o-box-shadow:0 0 10px rgba(151,150,150,.3);-moz-box-shadow:0 0 10px rgba(151,150,150,.3);box-shadow:0 0 10px rgba(151,150,150,.3);/* padding-bottom: 0.25rem; */}
#newslist ul li:last-child{margin-bottom: 0;}
#newslist ul li:after {content:"";display:block;visibility:hidden;height:0;clear:both;}
#newslist ul li .left {float:left;width:4.6rem;height:5rem;margin-right:-4.6rem;overflow:hidden;line-height:5rem;text-align:center;}
#newslist ul li .left img {border-radius: 50%;width: 3.3rem; height:3.3rem;margin-top: 1rem;margin-left: 0.2rem;}
#newslist ul li .right {float:right;width:100%;height:5rem;}
#newslist ul li .right .right_content { margin-left:4.6rem;height:5rem;padding-left:0.5rem;padding-right:0.5rem; }
#newslist ul li .right .right_content .title {font-weight: bold; width:100%; display:block;overflow:hidden;padding-top:0.5rem;line-height:2.5rem; height:2.5rem;font-size:0.9rem;color:#333333;}
#newslist ul li .right .right_content .time {color:#999999;font-size:0.8rem;}
#newslist ul li .right .right_content .time img{max-width: 0.9rem;margin-right: 0.4rem;vertical-align: middle;}
#newslist ul li .text{color: #666666;border-top:1px dashed #d9d9d9;margin-top: 0.5rem;padding: 0.8rem;float:left;line-height: 1.6rem;overflow: hidden;}




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

.page { text-align:center;margin:0px;height:auto;width:94%;padding:6% 3%;font-size:14px;color:#666;  }
.page a {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; 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:#483a64;border:1px solid #483a64;color:#FFF;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}
.page a.active {background:#483a64;color:#FFFFFF;border-color:#483a64;}

/**---------------------新闻详情页面----------------------------------**/

#news_detail { background: url(bg.png) repeat-x; margin-bottom: 1rem; width: 94%;padding-left: 3%; padding-right: 3%; margin-top:3.15rem; padding-top:1.35rem;}
#news_detail .caption {width:100%;height:auto;background:#FFFFFF; }
#news_detail .caption:after {content:"";display:block;visibility:hidden;height:0;clear:both;}
#news_detail .border{-webkit-box-shadow:0 0 10px rgba(151,150,150,.3);-ms-box-shadow:0 0 10px rgba(151,150,150,.3); -o-box-shadow:0 0 10px rgba(151,150,150,.3); -moz-box-shadow:0 0 10px rgba(151,150,150,.3);box-shadow:0 0 10px rgba(151,150,150,.3);}
#news_detail .caption .left {float:left;width:4.6rem;height:5rem;margin-right:-4.6rem;overflow:hidden;line-height:5rem;text-align:center;}
#news_detail .caption .left img {border-radius: 50%;width: 3.3rem; height:3.3rem;margin-top: 1rem;margin-left: 0.2rem;}
#news_detail .caption .right {float:right;width:100%;height:5rem;}
#news_detail .caption .right .right_content { margin-left:4.6rem;height:5rem;padding-left:0.5rem;padding-right:0.5rem; }
#news_detail .caption .right .right_content h1 {font-weight: bold; width:100%; display:block;overflow:hidden;padding-top:0.5rem;line-height:2.5rem; height:2.5rem;font-size:0.9rem;color:#333333;}
#news_detail .caption .right .right_content .time {color:#999999;font-size:0.8rem;}
#news_detail .caption .right .right_content .time img{max-width: 0.9rem;margin-right: 0.4rem;vertical-align: middle;}
#news_text {background:#FFFFFF; width:94%;padding:1rem 3%;padding-top: 0; color:#444444;  color: #555555;font-size:0.9rem;}
#news_text .line{border-top:1px dashed #d9d9d9; line-height: 1rem; }
#news_text p {line-height:1.8rem; text-indent: 2rem; margin-top: 1rem;}

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



/**---------------------上一篇下一篇样式----------------------------------**/

.next_page{ width: 94%; margin: 0 3%; background: #FFFFFF;  margin-bottom: 5rem;-webkit-box-shadow:0 0 10px rgba(151,150,150,.3);-ms-box-shadow:0 0 10px rgba(151,150,150,.3); -o-box-shadow:0 0 10px rgba(151,150,150,.3); -moz-box-shadow:0 0 10px rgba(151,150,150,.3);box-shadow:0 0 10px rgba(151,150,150,.3);}
.next_page ul{width: 100%; height: 5rem; padding: 1rem 0; }
.next_page ul li{color:#727171;  display: block; padding-left:1rem;padding-right: 1rem; height: 2.4rem; line-height: 2.4rem; overflow: hidden; }
.next_page ul li a:nth-of-type(1){color: #3e3a39;}
.next_page ul li a:hover {color: #483a64;}





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

#product {margin-top:3.15rem; padding-top: 0.5rem; margin-bottom: 5rem; width: 100%; background: url(prbg1.png) repeat-x;}
#product ul {width: 94%; padding:1rem 3%;height: auto; padding-bottom: 0;}
#product ul li {position: relative; margin-bottom: 1.25rem; width: 94%; padding: 1rem 3%; height:auto; background: #FFFFFF;-webkit-box-shadow:0 0 10px rgba(151,150,150,.3);-moz-box-shadow:0 0 10px rgba(151,150,150,.3);box-shadow:0 0 10px rgba(151,150,150,.3);}

#product ul li:last-child {margin-bottom:0;}
#product ul li:after {content:"";display:block;visibility:hidden;height:0;clear:both;}
#product ul li .title {  width:100%;display:block;overflow:hidden;line-height: 1.8rem;max-height: 3.6rem;font-size:0.9rem;color:#444444; font-weight: bold;}
#product ul li .time{color: #999999;line-height: 1.65rem;height: 2rem;overflow: hidden; }
#product ul li .time img{vertical-align: middle;max-width: 0.85rem;margin-right: 0.5rem;float: left; padding-top: 0.4rem;}
#product ul li .line{position: absolute; right: 3%; top:1.75rem; width: 1.65rem; border-bottom: 2px solid #483a64;}
#product ul li .middleimg img{width: 100%; height: auto; }
#product ul li .text{color: #666666; line-height: 1.8rem;}
#product ul li .more{ width: 4rem; text-align: center; border: 1px solid #80def7; border-radius: 3px; color: #444444; padding: 0.4rem 1.7rem;display: block; margin-top: 1rem; margin-bottom: 1rem;}


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

.product_detail {padding-top:4.5rem;background: url(prbg.png) repeat-x;}
.product_detail .caption {width:94%; padding-left: 3%;padding-right: 3%;padding-bottom: 1rem; background: url(bg.jpg) no-repeat; background-size:cover;}
.product_detail .caption img {width:100%;height:auto; }
.product_detail .caption .topimg{padding: 0.8rem; background: #FFFFFF;}
.hot_line{ height: 6rem; background: #ffffff; width: 94%; margin: 0 3%;  font-size: 1rem; color: #666666; line-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 .title{background: #FFFFFF;  padding-left: 1rem; padding-right: 1rem; font-weight:normal;font-size:1rem;color:#333333;   }
.hot_line .title h1{border-bottom: 1px dashed #e4e4e4;  height:3.125rem;overflow:hidden;line-height:3.125rem; font-weight:normal; font-size:1.1rem}
.hot_line .tel{background: #FFFFFF; width: 94%; padding: 0 3%; float:left;}
.hot_line .number{ color: #333333;  float:left;}
.hot_line span{float:left;}
.hot_line img{max-width: 0.9rem;padding-right: 0.5rem;padding-top: 0.9rem;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_text {background:#FFFFFF; width:88%;margin:3%; padding:0.5rem 3%;color:#444444; margin-bottom: 5rem; }
.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.8rem;margin-top:1rem;text-indent: 2rem; font-size: 0.9rem;}


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

.black {position:absolute;top:2.5rem;bottom:0;z-index:50;background-color:rgba(0,0,0,0.85);width:100%;display:none;}
.label {text-align:center;padding-bottom:1rem;overflow:overlay;width:90%;background:#FFFFFF;position:fixed;top:4.5rem;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:#483a64;color:#FFF;border:1px solid #483a64;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}
.label a.active {background-color:#483a64;color:#FFF;border:1px solid #483a64;}

/*侧边栏*/
.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;}



/*搜索页面样式*/

.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:#483a64;}