/* CSS Document */
/*康源手机站*/
.wp{ width:94%; margin:0 auto;}
.header{ height:66px;  position:relative; text-align:center; padding:0 2%;background-color:#fff;}
.header .logo{ display:inline-block; color:#fff; font-size:20px; padding-top:12px; float:left;}
.header .logo img{ height:42px; width:auto;}
.lobtn{ float:right; text-align:center; margin-top:14px;}
.lobtn img{ display:block; width:26px; height:26px;}
.lobtn span{ font-size:14px; color:#555; line-height:1.2; display:block; text-align:center;}
.lobtn:active span{ color:#6cc;}
.backbtn{ background:url(../images/icon/return.png) center center no-repeat; background-size:26px 22px; left:8px !important; top:15px; width:40px; height:40px; position:absolute;}
/*.menu{ background:url(../images/icon/icon1.png) center center no-repeat; background-size:26px; right:8px !important; top:15px; width:34px; height:34px; position:absolute;}*/
.menu{ position:absolute; width:24px; height:24px; top:22px; right:10px; cursor:pointer;}
.menu i{ display:block; width:21px; height:3px; background-color:#f90; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menu i:nth-child(2){ top:11px;}
.menu i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menu.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menu.on i:nth-child(2){ opacity:0;}
.menu.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*banner*/
.focus{ width:100%; height:auto;  margin:0px auto; position:relative; overflow:hidden;   }
.ban_wz{ position:absolute; left:6%; top:24%; z-index:3; width:60%;}
.ban_wz img{ width:100%; height:auto;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:15px; text-align:center; }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#c00;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
/*底部*/
.footer{ width:100%; position:fixed; left:0; bottom:0;}
.top_bar{background:#e86c05; padding:2px 18px 2px;}
.top_bar ul{ margin-bottom:0;}
.top_bar li{ width:20%; float:left; text-align:center;}
.top_bar li span{display:block; width:32%; margin:6% auto auto;}
.top_bar li img{ width:24px; height:auto}
.top_bar li p{ width:100%; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff;}
.top_bar li p a{color:#fff;}
.copy{ color:#fff; font-size:14px; text-align:center; padding:4px 0;}
.copy h6{text-align:center; padding:0 2%; color:#333; line-height:1.6; font-size:12px; margin:0;}
.copy p{ color:#555; }
.copy p a{ color:#333;}
.copy p i{ margin:0 8px; font-style:normal;}
.foot2{ position:fixed; left:0; bottom:0; width:100%; background-color:#fff;}
.foot2{ padding:0px 0 0px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-right:none;}
.foot2 ul{ margin-bottom:0;}
.foot2 li{ width:25%; float:left; text-align:center; color:#555; border-right:1px solid #ccc; box-sizing:border-box; padding:6px 0 10px;}
.foot2 li span{display:block; width:32%; margin:10px auto auto;}
.foot2 li img{ width:28px; height:auto}
.foot2 li p{ width:100%; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff;}
.foot2 li p a{color:#555;}
.f_xun{ background-color:#6cc; height:76px;}
.f_xun a{ display:block; width:100%; font-size:18px; color:#fff; line-height:70px;}
.footerheight{ height:68px;}

/*小导航*/
.inav{ background:url(../images/icon/black8.png) repeat; position:absolute; left:0; top:66px; width:100%; display:none; z-index:999; }
.inav ul{ overflow:hidden;}
.inav ul li{ float:left; width:50%; height:37px; position:relative;opacity:0; }
.inav ul li a{ display:inline-block; width:100%; height:36px; line-height:36px; font-size:14px; color:#fff; text-align:center; border-bottom:1px solid #875B18;}
.inav ul li a::after{ content:""; width:1px; height:20px; position:absolute; right:-1px; top:50%; margin-top:-10px; background-color:#875B18;}
.inav ul li a:hover{background:url(../images/icon/black8.png) repeat;}
.inav li.on{ opacity:1;}
.h_buss{ padding:14px 0; background-color:#f5f5f5;}
.qlink{ margin-top:20px;}
.qlink ul{ overflow:hidden;}
.qlink ul li{ float:left; width:25%; text-align:center; margin-bottom:10px;}
.qlink ul li a{}
.qlink span{ width:70%; display:inline-block; margin-bottom:0px;}
.qlink span img{ width:100%; height:auto; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; border:1px solid #ccc;}
.qlink ul li a:hover img{ border-color:#f90;}
.qlink p{ font-size:12px; color:#555;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qlink a:active p{ color:#017db9;}

.h_tit{ font-size:18px; color:#333; height:50px; background:url(../images/icon/graypx.jpg) left bottom repeat-x; }
.h_tit span{ padding-right:8px; display:inline-block; line-height:47px; border-bottom:3px solid #f90;font-family:"微软雅黑";}
.h_tit a{ float:right; font-size:13px; color:#555; margin-top:20px;}
.h_tit a:hover{ color:#f90; text-decoration:underline;}

.gray14{ height:12px; background-color:#f5f5f5; border:1px solid #e8e8e8; border-width:1px 0 1px 0;}
.h_his{ padding:10px 0;}
.hhul{ margin-top:18px;}
.hhul li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.hhul .time{ font-size:16px; font-weight:bold; color:#f90; font-family:Georgia; margin-bottom:6px;}
.hhul .des{ font-size:14px; padding:0 0 0 16px;}
.hhul .des p{ color:#333; line-height:1.4;}
.h_con{ padding:10px 0;}
.hpul{ width:96%; margin:0 auto; padding:18px 0 0;}
.hpul li{ float:left; width:47%; margin:0 1.5% 14px;}
.hpul li a{ display:block; width:100%; height:100%; position:relative;}
.hpul li a img{ width:100%; height:auto;}
.hpul .shade{ width:80%; padding:10px 10%; background:url(../images/icon/redpx.png) repeat;margin-top:0px;}
.hpul .shade p{ font-size:14px; color:#fff; text-align:center; line-height:1.6; height:48px; overflow:hidden;}
.hpul .shade .mc{ display:block; margin:14px auto 0; width:100%; height:40px; line-height:40px; border:1px solid #fff; color:#fff; text-align:center;}

.h_add{ margin-top:18px;}
.h_add p{ background-position:left 0; background-repeat:no-repeat; font-size:13px; color:#333; padding:22px 0 22px 80px; margin-bottom:10px;}
.h_add .p1{ background-image:url(../images/f_con01.png);}
.h_add .p2{ background-image:url(../images/f_con02.png);}
.h_add .p3{ background-image:url(../images/f_con03.png);}
.hmform{ margin-top:20px;}
.hmform div{ margin-bottom:16px; overflow:hidden;font-size:14px;}
.hmform div .text{ width:100%; height:32px; border:1px solid #ccc; text-indent:0px; display:block; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding-left:10px;}
.hmform div input[type="radio"]{ width:13px; height:13px;text-indent:10px;  }
.hmform div select{ border:1px solid #CCC; height:40px;}
.hmform div textarea{ width:100%; height:108px; border:1px solid #ccc; padding:10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.hmform div i{ color:red;}
.hmform div.bt{ text-indent:100px; font-size:14px; color:#333;}
.hmform div .tj{ width:94px; height:40px; text-align:center; font-size:16px; color:#fff;  background-color:#e86c05;  cursor:pointer; border:none;}
.hmform div .tj:hover{ background-color:#f60;}

/*02康源-企业荣誉*/
.location{padding:0 2%; margin-top:0px; background-color:#fafafa; height:40px; line-height:40px;}
.location span{ font-size:12px;}
.location a{ font-size:12px; color:#555;}
.location a.home{ padding-left:20px; background:url(../images/icon/home.png) left center no-repeat;}
.location a:hover{ color:#235aa7;}
.location a.on{ color:#f90 !important;}
.location i{ margin:0 4px;}
.lm{ padding:14px 2% ;}
.lm a{ display:inline-block; height:28px; line-height:28px; font-size:14px; color:#333; text-align:center; width:31.33%; margin:0 1% 8px; border:1px solid #f90; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px;-o-border-radius:7px; border-radius:7px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.lm a:hover{ background-color:#f90; color:#fff;}
.act_lm{background-color:#f90 !important; color:#fff !important;}
.hor{ padding-top:0px;}
.hor .article{ margin-bottom:28px;}
.hor .article .wz{font-size:13px; color:#333; line-height:2; text-indent:2em;}
.hor .article .tp{ display:block; margin:0 auto 40px;}
.hor .article img{ max-width:100%; height:auto;}
.gar{ overflow:hidden;}
.garul{ overflow:hidden; margin-left:0px;}
.garul li{ float:left; margin:0 1.5% 14px; width:47%; }
.garul li img{ width:100%; height:auto;}

/*02康源*/
.prodel{ padding-top:40px; padding-bottom:20px;}
.prodel .article{ margin-bottom:28px;}
.prodel .article .wz{font-size:13px; color:#333; line-height:2; text-indent:2em;}
.prodel .article .tp{ display:block; margin:0 auto 40px;}
.prodel .article img{ max-width:100%; height:auto;}
.dingbtn2{width:110px; height:40px; font-size:16px; color:#fff !important; text-align:center; line-height:40px; background-color:#e86c05; display:block;}
.dingbtn2:hover{ background-color:#f60;}
/*03动态*/
.new{ padding:26px 0px 10px;}
.new dl{ padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.new dl dt{ width:80%; margin:0 auto 10px;}
.new dl dt a{ display:block;}
.new dl dt img{ width:100%; height:auto;}
.new dl dt a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity:.8;}
.new dl dd{ width:100%; }
.new dl dd h4{ font-size:16px; margin-bottom:6px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new dl dd h4 a{ color:#333;}
.new dl dd h4 a:hover{ color:#357dc3;}
.new dl dd p.des{ font-size:14px; color:#525252; line-height:2.1; max-height:68px; overflow:hidden;font-family:"微软雅黑";}
.new dl dd p.time{ margin-top:6px; color:#333; margin-bottom:4px; font-size:14px;}
.new dl dd .more{ display:block; color:#f35c01; margin-top:2px; width:138px; height:32px; font-size:14px; color:#555; border:1px solid #ccc; text-align:center; line-height:32px; }
.new dl dd .more:hover{ border-color:#ea5407;}

.page{ text-align:center;}
.page a{display: inline-block;font-size: 14px;padding:7px 40px 6px;border-radius: 6px;color: #333;background-color: #DDD;margin: 0px 3px;transition: all 0.4s ease-out 0.1s;}
.page a:hover{ background-color:#f90; color:#fff;}
/*03动态-显示*/
.in_sh{ margin-top:30px;}
.in_sh .in_tit{ height:100px; text-align:center;background-color:#f7f7f7;}
.in_sh .in_tit h4{ font-size:22px; color:#333; line-height:2em; padding-top:10px;}
.in_sh .in_tit .pub_del{ font-size:12px; overflow:hidden;}
.in_sh .in_tit .pub_del p{height:30px; line-height:30px; text-align:center;}
.in_sh .share{ width:100%; height:30px; width:94%; margin:20px auto 0;}
.in_sh .sh_con{ padding:0px 10px 40px; border-bottom:1px solid #CCC; }
.in_sh .sh_con .wz{ font-size:14px; text-indent:2em; line-height:2em; margin-top:20px; color:#333;}
.in_sh .sh_con .tp{ display:block; margin:20px auto 0;}
.in_sh .sxy1{ font-size:12px; line-height:2.6em; padding:8px 0;width:94%; margin:0 auto;}
.in_sh .sxy1 a:hover{ color:#f90;}
/*04产品*/
.pro{margin-top:10px; padding-bottom:20px;}
.proul{padding-bottom:28px; overflow:hidden; margin-left:0px;}
.proul li{ float:left; width:47%; overflow:hidden; margin:0 1.5% 14px; }
.proul li .tp{ display:block;}
.proul li .tp img{ width:100%; height:auto;}
.proul .des{ border:1px solid #cccccc; padding:8px 10px; overflow:hidden;}
.proul p{ width:70%; float:left; font-size:12px; color:#333; line-height:20px;overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/}
.proul .dingbtn{ float:right; width:40px; height:20px; font-size:12px; color:#fff; text-align:center; line-height:20px; background-color:#e86c05;}
.proul .dingbtn:hover{ background-color:#f60;}

.sublm{ overflow:hidden;}
.sublm a{ display:inline-block; font-size:13px; background-color:#fafafa; width:48%; margin:0 1% 4px; height:28px; line-height:28px; color:#E3B862 ; text-align:center; float:left;}
.sublm a:hover{  background-color:#E3B862 ; color:#fff;}
.act_sublm{ background-color:#E3B862  !important; color:#fff !important;}
/*04产品-显示*/
/*04产品-显示-订购*/
.dingopen{}
.dingopen h4{ height:40px; background-color:#ffdfc4; padding-left:20px; font-size:20px; color:#f60; line-height:40px; text-align:center;}
.doform{ padding-top:20px;}
.doform div{ overflow:hidden; margin-bottom:10px;}
.doform label{ display:block; width:28%; line-height:38px; float:left; margin-left:0px; font-size:14px; color:#555;}
.doform .text{ display:block; width:70%; height:36px; line-height:36px; border:1px solid #e6e6e6; padding-left:8px; float:left;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.doform select{ width:70%;border:1px solid #e6e6e6;float:left; height:40px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.doform .tj{ margin-bottom:10px; margin-top:14px;}
.doform .tj input{ padding: 10px 0; width:100%; -webkit-border-radius:2px; -moz-border-radius:2px;-ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background-color:#87c012; color:#fff !important; font-size:16px; border:none; cursor:pointer;}
.doform .tj input:hover{ background-color:#9c0;}
.doform .tip{ font-size:14px; color:#555; text-align:center;}
.tixing{ font-size:13px;color:#333;}
/*04招商-成为经销商*/
.become{ margin-top:10px;}
.become .article{ margin-bottom:20px;}
.become .article .wz{font-size:13px; color:#333; line-height:2; text-indent:2em;}
.become .article .tp{ display:block; margin:0 auto 40px;}
.become .article img{ max-width:100%; height:auto;}
.becform{}
.becform div{ margin-bottom:10px; overflow:hidden;font-size:14px;}
.becform div label{ width:26%; height:34px; font-size:14px; line-height:34px; color:#333; display:block; float:left;}
.becform div .text{ width:72%; height:32px; border:1px solid #e6e6e6; padding-left:10px; display:block; float:left;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.becform div input[type="radio"]{ width:13px; height:13px;text-indent:10px;  }
.becform div select{ border:1px solid #CCC; height:34px; width:70px;}
.becform div textarea{ width:100%; height:108px; border:1px solid #ccc; padding:10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.becform .yzm span{ color:#999; font-size:12px; margin-left:10px;margin-top:8px; float:left; text-decoration:underline;}
.becform .yzm .text{ width:134px;}
.becform .yzm img{ margin-top:0px; float:left; margin-left:4px; width:78px; height:32px; cursor:pointer;}
.becform .yzm img:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.becform div i{ color:red;}
.becform div.bt{ text-indent:100px; font-size:14px; color:#333;}
.becform div .tj{ width:80px; height:30px; text-align:center; font-size:16px; color:#fff;  background-color:#e86c05;  cursor:pointer; border:none; margin-top:14px;}
.becform div .tj:hover{ background-color:#f60;}
/*05联系*/
.contact{ padding:10px 0 40px; }
.contact{ overflow:hidden;}
.contact .des{}
.contact .des .wz{ font-size:15px; color:#333333; line-height:2.2;}
.contact .des .wz .orange{ color:#f60; font-size:16px; margin-right:3px;}
.map{ width:100%; margin-top:14px; }
/*02康源-网络营销*/
.net{}
.netul{}
.netul li{ width:94%; margin:0 auto 18px;}
.netul li h4{ font-size:18px; font-weight:bold; color:#333; margin-bottom:10px;}
.zx_tb{text-align:centerl; width:100%; -webkit-box-shadow:1px 1px 3px 1px #ccc; -moz-box-shadow:1px 1px 3px 1px #ccc; -ms-box-shadow:1px 1px 3px 1px #ccc; -box-shadow:1px 1px 3px 1px #ccc; box-shadow:1px 1px 3px 1px #ccc;}
.zx_tb td.bold{ width:60px; font-weight:bold; border-right:1px solid #ddd;}
.zx_tb td{padding:5px 10px  !important; color:#333; border-bottom:1px solid #eee;}













































@media only screen and (max-width:480px) {
	.lm a{ width:48%; margin:0 1% 8px; }
}
@media only screen and (max-width:360px) {
	.proul p{ width:100%; float:none; margin-bottom:8px;}
}
@media only screen and (max-width:320px) {
	.new dl dt{ width:100%;}
}