﻿@charset "utf-8";
body{ background:#FFFFFF;font-size:.7rem;font-family:"\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;height:100%;overflow-x:hidden;	overflow-y:auto;	color:#000;}
.war{ max-width:640px; min-width:320px; margin:0 auto;}
.m800{min-height:800px;}
.g02{ height:.2rem;}
.w90{width:90%;margin:auto;}
.wswip{width:90%;overflow:hidden;margin:0 auto;}
.wswip .swiper-slide img{border-radius: 5px;}
.h10{height:10px;}
/*基础色调,设置后全站变化*/
.bgc{ background:#00AEF3;}/*基础色调，背景，全站颜色*/
.bgcz{ color:#0666b0}/*文本颜色*/
.bgcz a{ color:#0666b0}

.bgli li{ background:#00AEF3;}
.bgf{background:#fff;}

.x1{ border-bottom:2px solid #e8e8e8;}/*底部线条*/
.x2{ border-bottom:1px solid #fff;}

.x3 strong{ border-bottom:2px solid #e5e5e5;} /*栏目块的标题下线*/



  /*~~~~~~~~~~内页颜色*/
.tjbg{background-image: -webkit-linear-gradient(#0666b0, #0666b0 50%, #0666b0 50%, #0666b0);
background-image: linear-gradient(#0666b0, #0666b0 50%, #0666b0 50%, #0666b0);
border-color: #0666b0;box-shadow: 0 0 0 4px #0666b0;} /*留言提交按钮的渐变*/

.newsList .icon-gline:before{border-left:.2rem solid #0666b0} /*新闻列表前面的小三角颜色*/
.sjcon{border-left:.2rem solid #0666b0} /*搜索结果列表前面的小三角颜色*/

.pne{border: 1px solid #0666b0;}/*上一页下一页的边框*/
.pne a{color:#0666b0}

input.sgjc{ border: 2px solid #0666b0;}/*搜索结果页面提交按钮边框颜色*/

/*end基础色调*/

.dx{ height:.2rem;}
header{ height:2.5rem; line-height:2.5rem; text-align:center;}
.kn{ height: auto;}
.kn ul{ padding:.3rem 0 .3rem .4rem;}
.kn ul li{ float:left; border:1px solid #fff; margin:.25rem; padding:.2rem;}
.kn ul li a{ color:#fff;}

/*幻灯*/
.f{ overflow: hidden;}

/*首页搜索*/
.iso{  border:2px solid #d9d9d9; margin:0 1%;}
.iso form { }
.iso input{height:1.5rem; line-height:1.5rem;font-size:.7rem; font-family:微软雅黑;}
.iso input.sr {width:77%;border:0; background:0; color:#666; padding-left:.3rem;}
.iso input.tj {width:20%;border:0 none; cursor:pointer; color:#fff; font-weight:bold}

.jian{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f38f05,endColorStr=#f85303); /*IE*/ 
background:-moz-linear-gradient(top,#f38f05,#f85303);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f38f05), to(#f85303));/*谷歌*/ 
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #f38f05),color-stop(1, #f85303));/* Safari & Chrome*/ 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f38f05', endColorstr='#f85303'); /*IE6 & IE7*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f38f05', endColorstr='#f85303')"; /* IE8 */ }


/*导航板块备用*/
.k{ margin:0 auto; padding:.2rem 0; max-width:640px; background:#fff}
.kx{float:left;	padding-top:1%;  width: 31.33%;padding-bottom: 1.5%;padding-left: 1.5%; text-align:center   }
  .kx a{ display:block;height:4.7rem; line-height:6.5rem; color:#fff;font-size: .7rem; overflow:hidden;}
  .kx a.bj1{background:url(../image/k1.jpg) no-repeat 50% 30% #2e8a57;background-size:50% 37%;}
  .kx a.bj2{background:url(../image/k2.jpg) no-repeat 50% 30% #2e8a57;background-size:50% 37%;}
  .kx a.bj3{background:url(../image/k3.jpg) no-repeat 50% 30% #51bf82;background-size:50% 37%;}
  
  .kx a.bj4{background:url(../image/k4.jpg) no-repeat 50% 30% #51bf82;background-size:50% 37%;}
  .kx a.bj5{background:url(../image/k5.jpg) no-repeat 50% 30% #2e8a57;background-size:50% 37%;}
  .kx a.bj6{background:url(../image/k6.jpg) no-repeat 50% 30% #51bf82;background-size:50% 37%;}
  
  .kx a.bj7{background:url(../images/k7.png) no-repeat 50% 30% #d87570;background-size:50% 37%;}
  .kx a.bj8{background:url(../images/k8.png) no-repeat 50% 30% #bbd1c4;background-size:50% 37%;}
  .kx a.bj9{background:url(../images/k9.png) no-repeat 50% 30% #febf02;background-size:50% 37%;}


.bt{ font-size:.8rem; padding:.8rem 0;}
.bt span{ display:block; padding-bottom:.2rem;}
.bt strong{color:#666; padding:.1rem .5rem;}

.newhead{padding-top:0.3rem;padding-right:0.5rem; padding-left:0.5rem;padding-bottom:0.5rem; height:1.3rem;}
.newhead .ntpic{float:left;width:50%;}
.newhead .newmenu{float:right;width:45px;}

.iproc{height:1rem;margin-top:0.3rem;}
.iproc .iptl{float:left;width:50%;padding-left:0.5rem;font-size:0.8rem;font-weight:blod;color:#000;}
.iproc .iptm{float:right;width:30%;text-align:right;padding-right:0.5rem;}
.iproc .iptm a{font-size:0.6rem;color:#999;}
/*首页产品分类*/

.znv{ overflow:hidden;}
.znv ul{ display:block; padding:.3rem; width:106%}
.znv ul li{ float:left; width:45%; line-height:1.2rem; text-align:center; margin-right:1%; margin-bottom:.1rem;}
.znv ul li a{ color:#fff;}


.mo{ text-align:center; padding-top:.5rem}
.mo a{ background:#ff8820; color:#fff; padding:.1rem .3rem;}
.fw{ padding-bottom:.3rem;}
.fw img{ float:left; width:25%;}

.ys101{}
.ys101 img{border-radius: 10px;}

/*首页图文产品*/
.g1{ height:.1rem;}
.cp{ width:101%; padding-left:.3rem; }
.cp a{ color:#333; font-size:.7rem;}
.a_css_2{display:inline-block; width:47%; height:auto; margin-left:1%;  margin-bottom:.25rem; margin-top:.25rem; vertical-align:top;}
.a_css_2_img{ height:100%; width:100%;overflow:hidden; background:#f9f9f9; text-align:center;}
.a_css_2_img img{max-height:100%; max-width:100%;border-radius: 10px;}

.a_css_2_word{margin-bottom:.25rem; margin-top:.25rem; text-align:center; height:2rem; overflow:hidden;}


/*首页新闻列表*/
.xw{}
	.xw ul{ display:block; padding:0 .3rem;}
	.xw ul li{ height:2rem; line-height:2rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background:url(../image/d1.jpg) no-repeat left center; padding-left:.5rem;border-style: dashed;border-color: #ccc;border-width: 0px 0 1px 0px;}
	.xw ul li em{ }
	
/*关于我们*/
.rm1{ height:1rem;	}
.gs{ padding:.5rem 0;}
.gs p{ display:block; line-height:1.2rem; padding:.3rem; color:#333}
.gsbut{display: block;margin:auto;
    max-width: 2.5rem;
    height: 0.6rem;
    line-height: 0.75rem;
    padding: 0.4rem 0.6rem;
    border: 1px solid #d8d8d8;
    border-radius: 0.3rem;
    text-align:center;
}
.gsbut a{font-weight: 500;font-size: 0.5rem;color: #38f;}

/*底部*/
.fh{ height:1.4rem;}
.backtop {width:2rem;	float:right;	color:#fff;	position:relative;	text-transform:capitalize;	text-align:right;	padding-right:1rem;line-height:1.5rem;	transition:all 350ms;	-webkit-transition:all 350ms;	font-family:verdana;	font-weight:bold;	cursor:pointer}
.backtop b {	position:absolute;	width:0;	height:0;top:.5rem;right:.35rem;border:.2rem transparent solid;	border-bottom-color:#fff}

#co{ padding-top:.5rem; color:#666; background:url(../image/bot.jpg) no-repeat}
#co a{ color:#666}
#co .cop{  font-size: .6rem; color:#666;}
#co .us{ font-size:.5rem; margin-top:.1rem;}
#co .us a{}
#co .tel{font-size:.5rem;margin-top:.1rem;}
#co .wx{ padding-bottom:3rem; font-size:.4rem; padding-top:.3rem;}
#co .wx a{ margin:0 .4rem;}

.wxbox{display:none;width:50%;overflow:hidden;background:#fff;padding:2rem 0;z-index:99;position:fixed;top:50%;left:50%;border-radius:0.5;padding:2rem 1rem;max-height: 70vh; overflow: auto;remtransform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;-ms-border-radius:0.5rem;-o-border-radius:0.5rem;}
.wximg{text-align:center;}
.wximg img{max-width:100%;}
.wxclose{font-size:2rem; text-align:center; margin-top:.5rem; font-blod:weight;color:#333; }

/*底部浮动*/
.sn-m-links{ max-width:640px; margin:0 auto;height:0;overflow:hidden;text-align:center;line-height:0;font-size:.6rem;-webkit-transition:height .3s;transition:height .3s;}
.sn-m-links.active{height:2.5rem;border-bottom:1px solid #d8d8d8;}
.sn-m-links a{display:block;width:100%;padding:1.5rem 0 .1rem;line-height:.8rem;color:#fff;}
.sn-m-links a.sn-m-home{background:url(image/1.png) no-repeat center .3rem;background-size:1.1rem;}

.sn-m-links a.sn-m-1{background:url(../image/1.png) no-repeat center .3rem;background-size:1.1rem;}
.sn-m-links a.sn-m-2{background:url(../image/2.png) no-repeat center .3rem;background-size:1.1rem;}
.sn-m-links a.sn-m-3{background:url(../image/4.png) no-repeat center .3rem;background-size:1.1rem;}
.sn-m-links a.sn-m-4{background:url(../image/3.png) no-repeat center .3rem;background-size:1.1rem;}
.sn-m-links a.sn-m-5{background:url(../image/5.png) no-repeat center .3rem;background-size:1.1rem;}
.sn-m-links a.sn-m-6{background:url(../image/6.png) no-repeat center .3rem;background-size:1.1rem;}

.public-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;} 
.public-nav .on{background:rgba(0,0,0,.1);}

/*内页公共*/
.dat{}
.dat strong{padding:.6rem 0; display:block; font-size:.8rem; color:#666}

.tcon {width:.3rem;height:.6rem;	display:inline-block;	margin-right:.8rem;	position:relative;left:.5rem;	margin-top:.9rem}


/*开始内页*/
/*分页*/
.pag{ padding:.2rem 0rem .5rem 0; height:2rem; }
.pty{ width: 3.5rem; text-align:center;   -webkit-border-radius: .1rem;  -ms-border-radius: .1rem;  -moz-border-radius: .1rem;
  -o-border-radius: .1rem;  border-radius: .1rem;  overflow: visible;  background-size: 100%;    height: 1.3rem;  line-height: 1.3rem;  position: absolute;   display: inline-block;  margin: .6rem 0 .5rem .5rem;  }
.sh{top:0; left: 0;}
.xia{top:0; right:.5rem;}
.zong{ text-align:center; line-height:2.6rem; color:#666}


/*新闻列表*/
.tu{ margin-top:.2rem;}
.tu img{max-width:4rem;	max-height:4rem; padding-left:.3rem; float:left; margin-right:.5rem;}
.tu strong{padding-right:.25rem;display:block;	font-weight:bold; color:#333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tu p{color:#808080;font-size:.6rem;	line-height:1rem; }

.line {padding-left:.5rem;	clear:both;	position:relative;	background-repeat:no-repeat;background-position:.25rem 1rem;padding-left:.5rem;	padding-right:1.6rem}
.newsList .line a {	display:inline-block;	max-width:100%;	text-decoration:none;	outline:0;	word-break:keep-all;	-o-text-overflow:ellipsis;height:1.5rem;	line-height:1.5rem;font-size:.7rem;	font-weight:normal;	width:100%;	white-space:nowrap;	overflow:hidden;	text-overflow:ellipsis; color:#333; padding-left:.5rem;}

.newsList .line .lineBody {padding-top:.29rem;padding-bottom:.29rem}
.xx1 {	clear:both;		height:1px;	line-height:1px;	border-width:1px}
.bg1{	background:#ececec}


.newsList .line:before {	content:"";	position:absolute;	width:0rem;	height:0rem;top:.95rem;left:.5rem;border-top:.2rem solid transparent;
border-bottom:.2rem solid transparent}
.newsList .line:after {	position:absolute}
.newsList .line:active {	background:#f2f2f2}


/*内容页*/
.nei{ }
.mrr{ padding:0.6rem .5rem;}
.arc{}
.arc h2{ font-size:.9rem;line-height: 1.75rem;  color: #333;  display: block;
  white-space: normal;  height: auto;  overflow: auto;  font-weight: normal;  word-break: break-all;

}
.arx{  font-size: .8rem; line-height:1.5rem;}
.arx p{font-size: .8rem; line-height:1.5rem; }
.arx img{height:auto;max-width:640px !important;}
.inf{ font-size:.3rem; color:#666; border-bottom:1px solid #ececec; padding-bottom:.3rem;}

.sx{border-top:1px solid #ececec; color:#666}
.sx span{ display:block; line-height:1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.sx a{ color:#666;}


/*留言*/
.rg{ font-size:.5rem; color:#666; padding:.3rem;}
.ly{}
.ly strong{ display:block; font-size:1ren; font-weight:normal; margin-bottom:.2rem; color:#666}
.ly strong span{ color:#f00; font-size:.4rem;}
.form-control {-webkit-appearance: none;display: block;width: 100%;max-width: 100%;margin-bottom:.5rem;padding:.1rem .3rem;background-color: #fff;
background-image: none;border: 4px solid #f3f0f4;border-radius: 6px;box-sizing: border-box;font-family: "omnes-pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;line-height:1.5rem;color: #494a4a;-webkit-transition: all .15s ease;transition: all .15s ease;}
.form-code {-webkit-appearance: none;width: 50%;max-width: 50%;margin-bottom:.5rem;padding:.1rem .3rem;background-color: #fff;
background-image: none;border: 4px solid #f3f0f4;border-radius: 6px;box-sizing: border-box;font-family: "omnes-pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;line-height:1.5rem;color: #494a4a;-webkit-transition: all .15s ease;transition: all .15s ease;}
.lytj{ padding:.5rem}
.lytj p{ display:block; text-align:center; font-size:.6rem; color:#666; padding-bottom:.8rem}
.btn--primary {
color: #fff; display:block;-webkit-box-align: center;-webkit-appearance: none;-webkit-font-smoothing: antialiased;align-items: center;
padding: 4px 18px;border: 3px solid #fff;border-radius: 28px;font-size:1rem;font-weight: 300;letter-spacing: 0;text-decoration: none;
text-transform: none;cursor: pointer; width:10rem;margin:0 auto;
}
#checkCodeImg{width:200px; height:80px;}

/*搜索页面*/

.sjg{}
input.sgt{ width:73%;}
input.sgj{ float:right; width:25%; background:#efefef; line-height:1.5rem;font-size:.8rem;padding: 4px 18px;
border-radius:10px;}

.sjx{ border-top:1px solid #ddd;}
.sjx li{ border-bottom:1px solid #efefef; padding-bottom:.2rem; position:relative;}
.sjx li strong{ display:block; padding:.2rem 0; padding-left:.4rem;}

.sjcon{	content:"";	position:absolute;width:0rem;	height:0rem;top:.5rem;left:.1rem;border-top:.2rem solid transparent;border-bottom:.2rem solid transparent}

.sjx li p{ font-size:.5rem; color:#999; line-height:.8rem; height:1.6rem; overflow:hidden;}

.sja{}
.sja b{ color:#f00;}
