@charset "utf-8";

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

.swiper-slide img{ width: 100%; height: auto;}
#topbanner{ margin-top:3.125rem;}

/**---------------------首页头部header----------------------------------**/
	
.headeri{-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; position: fixed;z-index: 1000; border-bottom: 1px solid #f8f8f8;  line-height: 3.125rem; height: 3.125rem; width: 94%;  top:0; padding: 0 3%; text-align: center; background: #FFFFFF;}
.headeri .return{ position: absolute; left: 3%; z-index: 100; top:0.4rem;}
.headeri .return img{ max-width: 1.25rem;}
.headeri .logo{ font-size: 1rem; }
.headeri .topmenu{position: absolute; right: 3%; z-index: 100; top:0;}
.headeri .topmenu img{ vertical-align: middle; max-width: 1.365rem; }

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

.searchi{ width: 90%; position:relative;z-index:1000; }				
.searchi form{width: 100%;position: absolute;z-index: 1200;}				
.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;}
				
/*首页通用样式标题*/

.indicate {width:94%; padding:0 3%; margin:1rem 0;height:2.8rem;line-height: 2.8rem;margin-left:auto;margin-right:auto; background: #FFFFFF;}

.indicate .lefts {float:left; width: 67%;color: #333333; font-size:1rem;  }
.indicate .lefts small{color: #a8a8a8;padding-left: 0.5rem;}
.indicate .rights {float:right;width: 27%; text-align: right;color: #a8a8a8; font-size: 0.875rem;}
.indicate .rights img{ max-width: 1rem; vertical-align: middle;padding-left: 0.5rem;}


/**---------------------首页我们的理念----------------------------------**/

.philosophy{ background: #FFFFFF; width: 94%; padding: 1rem 3% 2rem 3%;margin-top: -0.2rem;}
.philosophy img{ width: 100%; height: auto;}



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

.newproduct {width:94%;padding:0rem 3% 0.2rem 3%;}
.newproduct ul {width:100%;height:auto;}
.newproduct ul li {background:#FFFFFF;width:100%;height:auto;margin-bottom:1.25rem;}
.newproduct ul li .left {width:50%;height:auto;position:relative;float:left;}
.newproduct ul li .left img {width:100%;height:auto;}
.newproduct ul li .left:before {box-sizing:content-box;width:0px;height:0px;position:absolute;top:50%;margin-top:-0.313rem;right:0;padding:0;border-bottom:0.525rem solid transparent;border-top:0.525rem solid transparent;border-left:0.525rem solid transparent;border-right:0.525rem solid #FFFFFF;display:block;content:'';z-index:40;}
.newproduct ul li .left:after {box-sizing:content-box;width:0px;height:0px;position:absolute;top:50%;margin-top:-0.313rem;right:0;padding:0;border-bottom:0.525rem solid transparent;border-top:0.525rem solid transparent;border-left:0.525rem solid transparent;border-right:0.525rem solid #FFFFFF;display:block;content:'';z-index:40;}
.newproduct ul li .lefts {width:50%;height:auto;position:relative;float:right;}
.newproduct ul li .lefts img {width:100%;height:auto;}

.newproduct ul li .lefts:before{box-sizing:content-box;width:0px;height:0px;position:absolute;top:50%;margin-top:-0.35rem;left:0;padding:0;
border-bottom:0.525rem solid transparent;border-top:0.525rem solid transparent;border-left:0.525rem solid #FFFFFF;border-right:0.525rem solid transparent;display:block;content:'';z-index:40;}
.newproduct ul li .lefts:after{box-sizing:content-box;width:0px;height:0px;position:absolute;top:50%;margin-top:-0.35rem;left:0;padding:0;
border-bottom:0.525rem solid transparent!important;border-top:0.525rem solid transparent!important;border-left:0.525rem solid #FFFFFF!important;border-right:0.525rem solid transparent!important;display:block;content:'';z-index:40;
	
}

.newproduct ul li .productimg{width: 100%; height: 100%; float: left;}
.newproduct ul li .right {width:44%;padding:5% 3%;float:left;text-align:center;height:100%;}
.newproduct ul li .right .topboder {width:2rem;margin-left:auto;margin-right:auto;border-bottom:2px solid #e65c5c;}
.newproduct ul li .right .bottom {width:100%;}
.newproduct ul li .right img {max-width:1.25rem;margin-left:auto;margin-right:auto;}
.newproduct ul li .title {font-size:0.875rem;color:#333333;font-weight:normal;height:auto;line-height:3rem; display: block;}

.newproduct .link{ border-radius: 1.875rem;margin-bottom: 1rem; color: #666666;  display:block;background: #FFFFFF; width: 100%; height: 2.25rem; line-height: 2.25rem; text-align: center;}
.newproduct .link img{ max-width: 0.87rem; vertical-align: middle;}
.fl{float:left!important;}
.fr{float:right!important;}
/**---------------------首页我们的优势----------------------------------**/

.advantage{ background: #FFFFFF; width: 100%; height: auto;}
.advantage img{ width: 100%; height: auto;}


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

.news_trends {background:#FFFFFF;width:94%;padding: 1rem 3% 0.5rem 3%;margin-bottom: 5rem;}
.news_trends ul {width:100%;}
.news_trends ul li {background:#FFFFFF;width:100%; margin-bottom: 1rem;}
.news_trends .right {float:right;width:100%;border-bottom:1px solid #d7d7d7;}
.news_trends .right a {display:block;font-size:0.875rem;color:#333333;overflow:hidden;height:1.2rem;line-height:1rem;padding-bottom: 0.875rem;border-bottom:1px dashed #d7d7d7;}
.news_trends .right p {font-size:0.875rem;color:#888888;font-weight:normal;padding: 0.875rem 0;}
.news_trends .right img{max-width: 0.875rem; vertical-align:middle;margin-right: 0.5rem; margin-top: -0.1rem;}





/**---------------------各页面头部----------------------------------**/
.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; padding-left: 0.725rem; 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.55rem;margin-right: -0.5rem;}


/*搜索页面头部*/
.searchp{  width: 94%; padding: 1.5rem 3%; margin-top: 3rem;}				
.searchp form{ width: 100%;}				
.searchp input{ color:#565656;font-family: "微软雅黑"; outline: none; position: relative;border: 1px solid #F0F0F0; border-radius:30px;background: #FFFFFF; padding-left: 3%; width: 97%; height: 2.1875rem;  line-height: 2.1875rem;}
.searchp .search_btn{ display: block!important; border:none; background:none;max-width: 1.2rem; }
.searchp img{max-width: 1.2rem;position: absolute; right: 5%; z-index: 40; margin-top: -1.75rem; }
				
/**---------------------首页头部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: 7rem; width: 94%; padding: 0 3%; margin-bottom: 80px; }
.about .text_title{  height: 2.85rem; border-bottom: 1px solid #d9d9d9;}
.about .text_title .title{ font-weight: bold; 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 h1{ color: #ea6206; font-size: 1rem;  margin: 0.75rem 0;}
.about .text h2{color: #107eb5; font-size: 0.95rem; margin: 0.75rem 0;}
.about .text img{ width: 100%; height: auto; margin: 1rem 0 0 0;}
.about .text .line{ border-bottom: 1px solid #CCCCCC; height: 1px;margin: 0.75rem 0;}	
.about .left{ width: 50%;  height: auto; float:left;}
.about .left img{width: 100%; height: auto; margin: 0;}
.about .right{ width: 48%; padding:0; padding-left: 2%; float:right; margin-top: -0.4rem; }


/**---------------------新闻列表页面----------------------------------**/
.news {margin-top:7rem; 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; float: left;}

.news .left { float:left; width: auto; border: 1px solid #cccccc;}
.news .left .month{  font-weight:normal;color: #333333; font-size: 1rem; padding:0.35rem 0.45rem; }
.news .left .line{ border-bottom: 1px solid #e65c5c; display: block; height: 1px; width: 20px; margin-left: 0.45rem; }
.news .left .year{ font-size:0.875rem; font-weight: normal; color: #999999;padding:0.35rem 0.45rem;}
.news .right {float:right;width:75%;}


.news .right .title { width: 100%; font-weight:bold;font-size:0.875rem;color:#333333;height:auto; padding-bottom:0.5rem;line-height: 1.8rem; border-bottom: 1px dashed #e6e6e6;}
.news .right .text {width: 100%; font-size:0.825rem;line-height:1.5625rem;color:#666666; padding-top: 0.5rem;max-height:3.125rem;overflow:hidden;}
.news .right .link{  margin: 0.5rem 0; padding: 0.35rem 0.875rem; background: #eaeaea; color: #595959;}



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

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




/**---------------------新闻详情页面----------------------------------**/
.news_detail{margin-bottom: 80px; margin-top:7rem;}
.news_detail .caption{ background: #FFFFFF; margin: 1.25rem 0 1rem 0; }
.news_detail .caption .title{font-size: 1rem; padding: 0.75rem 0; margin: 0 3%;  color: #333333; border-bottom: 1px dashed #d9d9d9; }
.news_detail .caption .time{ color: #888888;font-weight: normal; padding-bottom: 1rem; padding: 0.75rem 3%; }
.news_detail .caption img{ vertical-align: middle; margin-right: 0.5rem; max-width: 0.9rem; }
.trends{background: #FFFFFF;width: 94%; padding:0 3%; margin-bottom: 1rem;}
.trends p{ font-weight:bold;color: #dd2626; font-size: 0.9rem; line-height: 2.5rem; }
.news_text{background: #FFFFFF;  width: 94%; padding:3%;color: #444444; margin-bottom: 1rem;}
.news_text p{ line-height: 1.5625rem; }
.news_text img{ width: 100%; height: auto; margin: 0.75rem 0;}

.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.7rem; line-height:1.5rem; overflow: hidden; color: #dd2626;  }
.next_page ul li a{ width: 100%; color: #333333; }



/**---------------------产品页面----------------------------------**/				
.product{margin-top:6rem; margin-bottom: 5rem; width: 94%; height: auto; padding: 0 3%;}
.products{margin-top: 3.125rem;}
.product ul{width: 100%; height: auto; }
.product ul li{ width: 48%; margin-top: 1rem;  height: atuo; background: #FFFFFF; margin-right: 4%; float:left;}
.product ul li:nth-of-type(even){ margin-right: 0;}


.product .topimg{ width: 100%; float:left;}
.product .topimg a{ width: 100%; height: auto; display: block;}
.product .topimg img{ width: 100%; height: auto;}
.product .bottom{ width: 92%; padding: 0 4% 4% 4%;float:right; }
.product .bottom .title{ height: 1.8rem; line-height: 1.8rem; overflow: hidden; font-size: 0.875rem;  margin-bottom:0.625rem;border-bottom: 1px solid #efefef; }
.product .bottom .title a{width: 100%; display: block;}

.product .bottom .text{line-height: 1.5rem; height: 1.5rem; overflow: hidden; font-size: 0.815rem; margin-bottom: 0.25rem;}
.product .bottom .text .left{width: 80%;  float:left; overflow: hidden; height: 1.5rem;}
.product .bottom .text .left a{color: #666666;}
.product .bottom .text .left img{max-width: 0.875rem; vertical-align: middle;}
.product .bottom .text .right{ width: 20%; float:right;  text-align: right;height: 1.5rem;}
.product .bottom .text .right img{max-width: 1.4rem;}

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

.product_detail {margin-bottom:5rem; margin-top: 7rem;}
.product_detail .caption {margin-top:1.25rem;margin-bottom:1rem; width: 100%; height: auto;}
.product_detail .caption img {width:100%;height:auto;}
.product_detail .caption .title {background:#FFFFFF;width:94%;padding:0 3%;height:3.125rem;overflow:hidden;font-weight:normal;font-size:0.9rem;line-height:3.125rem;border-bottom:1px solid #f0f0f0;color:#333333;}
.product_detail .caption span{border-left:2px solid #dd2626; margin-right: 0.25rem;}


.product_text {background:#FFFFFF;width:94%;padding:0 3% 3% 3%;color:#444444;}
/*.product_text h1 {color:#dd2626;font-size:0.9rem;line-height:2.5rem;border-bottom:1px solid #f0f0f0;}
.product_text h2 {font-size:1.125rem;margin:1rem 0;}*/
.product_text p {line-height:1.5625rem;padding-top:1rem;}
.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 { 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; text-align: center;}
.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 .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;}
.smallheader h2{font-weight: normal;}
.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: 0.875rem;}
.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:#DD2626;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);}
}