@charset "utf-8";

body {font-family: "微软雅黑"!important;background-color: #FFF; font-size: 0.825rem;}
* {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;}
.mart1{margin-top: 2rem;}
.mart0{margin-top: -1rem!important;}
.button{ outline: none;}
/*banner分页*/
.swiper-container-horizontal>.swiper-pagination {
    bottom: 2px!important;
    
}

/**---------------------首页头部header----------------------------------**/
	
.headeri{ color: #FFFFFF; line-height: 3.125rem; height: 3.125rem; width: 94%; position: fixed; top:0; z-index: 500; background-color: rgba(0,0,0,0.5); padding: 0 3%; text-align: center;}
.headeri .logo{ float:left; font-size: 1.2rem; height: 3rem; line-height: 3rem;}
.headeri .logo img{max-width: 9.375rem; margin-top: 0.35rem;}
.headeri .topmenu{float:right;  }
.headeri .topmenu img{ vertical-align: middle; max-width: 1.365rem;}

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

.searchi{background: #FFFFFF;width: 94%;padding: 1.5rem 3%;}				
.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: 2.1875rem;  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: 5%; z-index: 40; margin-top: -1.75rem; }
				
/*首页通用样式标题*/

.indicate {width:70%;min-height:2.8rem;margin-left:auto;margin-right:auto;}
.indicate .lefts,.indicate .rights{width:20%;height:2px;border-top:2px solid #0d9ccf;}
.indicate .lefts {float:left;}
.indicate .middle {float:left;width:56%;padding-left:2%;padding-right:2%;height:100%;text-align:center;margin-top:-10px;}
.indicate .middle .title{display:block;font-weight: normal; font-size: 1.2rem; color: #333333; }
.indicate .middle .english{display:block;font-weight: normal; color: #a8a8a8; font-size: 0.75rem; margin-top: 0.5rem;}      
.indicate .rights {float:right;}

/**---------------------首页我们的优势----------------------------------**/

.advantage{ background: #FFFFFF; width: 94%; padding: 1rem 3% 2rem 3%;}
.advantage ul{ height: atuo; float:left; width: 100%;  margin-top: 1.25rem;}			
.advantage ul li{ height: 5.5rem; width: 22%; border: 1px solid #f7f7f7; margin-right: 3.1%; float: left; text-align: center; background: #FFFFFF;}
.advantage ul li:last-child{ margin-right: 0;}
.advantage ul li img {max-width:1.3rem;}
.advantage ul li span {display:block;padding:10px 0;/*background:#f2f3f4;*/width:3.5rem; height: 1.25rem; margin-left:auto;margin-right:auto;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}

.advantage ul li:nth-of-type(1) img{max-width: 1.2rem;}
.advantage ul li:nth-of-type(2) img{max-width: 1.5rem;}
.advantage ul li:nth-of-type(1) span{background: #0C9DCF;}
.advantage ul li:nth-of-type(2) span{background: #87CDC3;}
.advantage ul li:nth-of-type(3) span{background: #EF7264;}
.advantage ul li:nth-of-type(4) span{background: #F5D378;}
.advantage ul li p {margin-top:1.25rem; }


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

.newproduct{ width: 94%;  padding:2rem 3% 1.2rem 3%;}
.newproduct .indicate h1,.newproduct .indicate h3{ background: #f2f3f4;}
.newproduct ul{ width: 100%; height: 20rem;  margin-top: 1.3rem;}
.newproduct ul li{ width: 48%; float:left;  height: auto; margin-right: 4%; margin-bottom: 1.25rem; }
.newproduct ul li:nth-of-type(even){margin: 0;}
.newproduct ul li a{ background: #FFFFFF;  width: 100%; height: auto; display: block; float:left;  color: #333333;}
.newproduct ul li img{ width: 100%; float:left; /*max-height: 6rem;*/}
.newproduct ul li .bottom{ width: 92%; padding-left: 8%;  height: 2.25rem; overflow: hidden; background: #FFFFFF; line-height: 2.3rem; font-size: 1rem;}
				

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

.news_trends {background:#FFFFFF;width:94%;padding:2.5rem 3%;}
.news_trends ul {width:100%;}
.news_trends ul li {background:#FFFFFF;margin-top:1.25rem;width:100%;}
.news_trends ul li /*a {display:block;width:100%;height:auto;float:left;}*/
.news_trends .left {float:left;width:8%;}
.news_trends .left a{display:block;height:auto;float:left;}
.news_trends .left img {max-width:1.25rem;padding-top:0.1rem;}
.news_trends .right {float:right;width:92%;border-bottom:1px dashed #d7d7d7;}
.news_trends .right .title{font-size:1rem;color:#333333; font-weight:bold;overflow:hidden;height:1.2rem;}
.news_trends .right .time {color:#888888;font-weight:normal;margin:0.6rem 0;}



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


.hot_product{padding-top: 2rem; width: 94%; padding-left:3%;  padding-right: 3%; height: auto; padding-bottom: 3rem;  background: url(hotbg.jpg) no-repeat; background-size:cover;/*background-attachment: fixed; background-position: center;*/ }
.hot_product .list{ width: 100%; float:left;height: auto; margin-top: 1.5rem;}
.hot_product .list ul{ width: 100%; height: auto;}
.hot_product .list ul li{ width: 31%;margin-right:3.5%;float:left;  height: auto;position:relative;}
.hot_product .list ul li:nth-of-type(3){ margin-right: 0;}
.hot_product .list ul li a{ display: block;  height: 100%; }
.hot_product .list ul li img{ width: 100%; height: auto;}
.hot_product .list ul li .title{text-overflow:ellipsis; position: absolute; background-color:rgba(0,0,0,0.65); color: #FFFFFF; width: 100%; height: 1.5rem; overflow: hidden; line-height: 1.5rem; text-align: center; bottom:0.15rem; }


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

.aboutus {width:94%;padding:0 3%;padding-top:2rem; margin-bottom: 5rem;}
.aboutus .indicate h1,.aboutus .indicate h3 {background:#F2F3F4;}
.aboutus .text {margin-top:1rem;background:#FFFFFF;width:100%;height:auto;padding:1.5rem 0;}
.aboutus .text h1 {font-size:1.125rem;text-align:center;margin-bottom:1.5rem; color: #333333;}
.aboutus .text img {width:100%;height:auto;}
.aboutus .text p {width:94%;padding:0 3%;line-height:1.5625rem;margin-top:1rem; color: #666666; text-indent: 2rem; }


/**---------------------各页面头部----------------------------------**/
.header{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s; position: fixed; z-index: 50; border-bottom: 1px solid #f8f8f8;  line-height: 3.125rem; height: 3.125rem; width: 94%;  top:0; padding: 0 3%; text-align: center; background: #FFFFFF;}
.header .return{ position: absolute; left: 3%; z-index: 100; top:0.4rem;}
.header .return img{ max-width: 0.825rem;}
.header .logo{ font-size: 1rem; }
.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;}
.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;}



/**---------------------首页头部footer----------------------------------**/

.footer {width:100%;height:3.75rem;border-top:1px solid #e8e8e8;background:#FFFFFF;position:fixed;bottom:0;z-index:100;}
.footer ul{ width: 100%;}
.footer ul li{ width: 25%; float:left; height:3.75rem;}
.footer ul li a{ display: block; width: 100%; height: 100%; text-align: center;}
.footer ul li img{margin-top: 8px; margin-bottom: 5px; max-width: 1.4rem;}
.footer ul li span{ color: #666666; font-size: 0.8125rem; display: block;}


/**---------------------关于我们页面----------------------------------**/
.about{ background: #FFFFFF; margin-top: 5.6rem; width: 94%; padding: 0 3%; margin-bottom: 80px; }
.about .text_title{  height: 4.375rem; border-bottom: 1px solid #d9d9d9;}
.about .text_title h1{ font-size: 1rem; 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;}
.about .text p{text-indent: 2rem;}


/**---------------------新闻列表页面----------------------------------**/
.news {margin-top:5.6rem; margin-bottom: 5rem;}
.news ul {width:100%;}
.news ul li {background:#FFFFFF;margin-top:1.25rem;width:94%;padding:3%;}
.news ul li a {display:block;height:auto; }

.news .left {float:left;width:8%;}
.news .left img {max-width:1.25rem;}

.news .right {float:right;width:92%;}
.news .right .title {font-size:1rem;color:#333333;overflow:hidden;height:1.2rem; font-weight: bold;}
.news .right .time {color:#888888;font-weight:normal;margin-top:0.6rem;margin-bottom:0.25rem;}
.news .right .text {font-size:0.825rem;line-height:1.5625rem;color:#666666;max-height:3.125rem;overflow:hidden;}




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

.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:#48A711; border:1px solid #48A711; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.page a.active{background: #24b4e0; color: #FFFFFF;border-color: #24b4e0;}




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

.news_detail{margin-bottom: 80px; margin-top:5.6rem;}
.news_detail .caption{ background: #FFFFFF; margin: 1.25rem 0 1rem 0; text-align: center;}
.news_detail .caption h1{font-size: 1rem; padding-top: 1rem; padding-bottom: 0.5rem; color: #333333;}
.news_detail .caption .time{ color: #888888;font-weight: normal; padding-bottom: 1rem;}

.news_text{ background: #FFFFFF; width: 94%; padding:0 3% 3% 3%;color: #444444;}
.news_text .title{ color: #0d9dd0; font-weight: bold; font-size: 1rem; line-height: 2.5rem; border-bottom: 1px solid #f0f0f0;}
.news_text h2{ font-size: 1.125rem; margin: 1rem 0;}
.news_text p{ line-height: 1.5625rem; text-indent: 2rem;}

.next_page{ border-top:1px solid #f0f0f0; background: #FFFFFF; margin-bottom: 2rem;}
.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: #0d9dd0;  }
.next_page ul li a{ width: 100%; color: #333333; }



/**---------------------产品页面----------------------------------**/		
		
.product{margin-top:5.6rem; margin-bottom: 5rem;}
.products{margin-top: 2.125rem;}
.product ul{width: 100%; }
.product ul li{ width: 100%; margin-top: 1rem;  height: atuo; background: #FFFFFF;}
.product ul li a { display:block;height:auto; }

.product .left{ width: 40%; float:left;}
.product .left img{ width: 100%; height: auto;}
.product .right{ width: 54%; padding: 3%; float:right; }
.product .right .title{ font-size: 1rem; margin-bottom: 0.625rem; font-weight: bold;}
.product .right .text{line-height: 1.5625rem; height: 2.9rem; overflow: hidden; font-size: 0.875rem;}



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

.product_detail {margin-bottom:5rem; margin-top: 5.6rem;}
.product_detail .caption {background:#FFFFFF;width:94%;padding:3% 3%;margin-top:1.25rem;margin-bottom:1rem;}
.product_detail .caption img {width:100%;height:auto;}
.product_detail .caption .title {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 {font-size:0.875rem;height:5rem;line-height:2.5rem;color:#666666;font-weight:normal;overflow: hidden;}
.product_detail .caption .type img {max-width:0.9rem;overflow:hidden;padding-top:0.825rem;padding-right:0.5rem;float:left;}

.product_text {background:#FFFFFF;width:94%;padding:0 3% 3% 3%;color:#444444;}
.product_text .title {color:#0d9dd0;font-size:1rem;line-height:2.5rem;border-bottom:1px solid #f0f0f0;font-weight: bold;}
.product_text p {line-height:1.5625rem;margin-top:1rem;text-indent: 2rem;}
.green {color:#589807;padding-right:0.4rem;}



/**---------------------其他页面分类弹框----------------------------------**/	
.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:5.4rem;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;font-size:14px;background-color:#FFF;margin-top:15px;background-color:#FFF;}
.label a:hover {background-color:#0D9DD1;color:#FFF;border:1px solid #0D9DD1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}
.label a.active {background-color:#0D9DD1;color:#FFF;border:1px solid #0D9DD1;}



/*侧边栏*/

.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;/*position:relative;*/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: 2rem;}
.result span{ color:  red;}

/*一键拨号*/
.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:#0D9DD0;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);}
}