@charset"utf-8";
html,body,img,ul,li,div,span,h1,h2,h3,h4,h5,iframe,p,strong,section,.row,title,header,.menubar,blockquote,dl,dt,article{ margin:0; padding:0}
html,body{ font:100%/150% "arial"; font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif; color: #636363; background:#fff; overflow:hidden;}
img{ border:none; line-height:0; display:block; width:100%;}
.clear{ clear:both;line-height:0;height:0;}
.fl{ float:left;}
.fr{ float:right;}
.row{ line-height:0; height:20px;}
.row2{ line-height:0; height:5px; clear:both;}
ul,li{list-style:none;}
a,a:link,a:hover,a:visited{ text-decoration:none;}
a,a:link{ color:#636363;}
a:hover{ color:#cc051c;}
#content{ width:100%; position:absolute; top:45px; bottom:50px;}
#padd10{ padding-top:10px;}
/*首页*/
#page, #page1, body {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
}
.indexcontent{ width: 98%;
text-align: center;
margin: 2% auto;}
.indexcontent li a{width: 21%;
margin: 2% 0 0 2%;
display: block;
float: left;
padding: 5px 3px;
text-align: center;
font-size: 15px;
color: #464646;
background:#ECECEC;}
.about img{margin:6px auto;}
.bghalf{ background:rgba(135,139,127,0.5); display:block;}
.icon_foot2{ margin:5px 5px 5px 10px;}

.thethree{ width:94%; margin:0 auto;}
.thethree li{ background:#ECECEC; margin:3% auto; }
.thethree li a{ padding:5px; display:block;}
.jerry1,.jerry2{ width:46%; padding:2%; }
.jerry2 h5{ font-size:18px; color:#0e3a73; font-weight:normal;}
.jerry2 span{ color:#555; font-size:12px; display:block; line-height:16px;}
.indexblock,.sofa{ width:96%; margin:0 auto;}
.sofa a{ width:48%; margin:2% auto;}
.indexblock1{ width:48%; background:#EF5A1A; height:150px;}
.indexblock1 span{ color: #FFF;
font-size: 24px;
margin: 15px 0 0 12px;
display: block;
letter-spacing: 2px;}
.indexabout{ background:url(person.png); height:67px; width:70px; background-size:100%; margin:35px 15px;}
.indexblock2{ width:52%;}
.indexblock2 li a{ width: 46%;
float: left;
margin-left: 4%;
background:#309673;
display: block;
color: #FFF;
font-size: 14px;
text-align: center;
padding-bottom: 3px;}
/*幻灯*/
#wrapper{width:100%;display:block;margin:0 auto;}
#wrapper img{width:100%; margin:0 auto;}
.swUl, .swUl > li {display:block; float:left;list-style:none;padding:0; margin:0; border-radius:50%; }
.swUl {width:55%; bottom:15px;left:42%;z-index:1000;position: relative;}
.swUl > li {text-indent:-9999em;width:6px; height:6px;background:#535353;overflow:hidden;margin:0 10px 0 0;
border-radius:9px;}
.swUl > li.active {background:#FF7373;}
.swUl > li:last-child {margin:0;}

/*首页图标*/
.mar4{ margin-top:4% !important;}
#jt{ margin-top: 66px;
margin-left: 10px;}
.nbg{ background:#54B6AB   !important;}
.block_icon{ background:url(block.png) no-repeat; background-size:cover;}
.block_ic{ height:36px; width:36px; margin:8px auto 0px auto;}
.block_n{ background-position:0 0px;}
.block_p{ background-position:-36px 0;}
.block_s{ background-position:-72px 0;}
.block_c{ background-position:-108px 0;}
.block_j{ background-position:-144px 0;}

/*底部图标*/
.icon{background:url(icon.png) no-repeat; background-size:cover;}
.doctoricon{ background:url(icon2.png) no-repeat; background-size:cover;}
.icon_foot,.header-icon,.icon_foot2,.doctoricon-icon{height:18px;width:18px;}
.header-icon{ margin:13px;}
.doctoricon-icon{ margin:3px 0 -5px 8px;}
.icon_foot{margin:8px auto -1px auto;}
.icon_menu{background-position:0 0px;}
.return{ background-position:-90px 0;}
.icon_home{ background-position:-18px 0;}
.icon_sms{ background-position:-36px 0;}
.icon_share{ background-position:-54px 0;}
.icon_location{ background-position:-72px 0;}
.icon_mark{ background-position:-108px 0;}
/*菜单*/
#pagemenu{border-right:1px solid #CCCCCC; position:absolute; width:46%; top:45px; bottom:0; z-index:11; background:rgba(255, 255, 255, 0.8); color:#fff;}
.menubar{ letter-spacing:3px;width:100%;padding-top:8px; text-align:center; padding-bottom:8px; background:rgba(0, 134, 63, 0.5); border-bottom:rgba(0,0,0,0.2) 1px solid ; }
#pagemenu li{ padding:0.4em 0; border-bottom:rgba(0,0,0,0.2) 1px solid ; color:#000; border-top:rgba(255,255,255,0.2) 1px solid ;text-indent:1em;}
#pagemenu dt{ text-align:center;}
#pagemenu li a{ color:#000;}
#pagemenu blockquote{ border-bottom:rgba(0,0,0,0.2) 1px solid ; padding-bottom:0.4em; }
#pagemenu dl{ border-top:rgba(255,255,255,0.2) 1px solid ; padding-top:0.4em;}
#pagemenu dt{ line-height:40px;}
/*幻灯*/
#outBorder {border: 1px solid #ccc;}
#outBorder{margin:0 auto;width:100%; position:absolute;}
.enter-btn {
width:75%;
position: absolute;
bottom:8%;
left:12%;
text-align: center;
color: #F00;
font-size: 100%;
}
/*头部*/
.headers{ height:50px; background:#FFF;}
.headers .title{font-size: 160%;font-weight: bold;line-height: 225%;color: #459079;letter-spacing: .1em;text-indent: 0.3em; }
#logos{ background: url(../images/logo.png) no-repeat;
height: 10%;
width:65%;
position: absolute;
left: 2%;
background-size: 100%;}
#indextel{ position: absolute;
top: 20px;
right: 12px;
color:#00B391;
font-size:17px;}
#indextels{ height:26px; width:22px; background:url(../images/toptel.png) no-repeat; background-size:100%;}
.header{ height:45px; width:100%;background:#218462; }
.header .logo{ background:url(../images/logo.png) no-repeat; height:40px; width:336px; margin:0 auto; background-size:100%;}
.header .title{font-size:16px; font-weight:bold; line-height:300%;color:#fff;letter-spacing:.1em; text-align:center; }
.header .left{position: absolute;top: 0;left: 0;}
.header .right{float:right;position: absolute;top:0;right:0;}
#logoimg{ text-align: center;
padding-bottom: 10px;
margin: 0 auto;}
.indexnews,.indexnews2{ width:96%; margin:0 auto; height:32px; line-height:32px;}
.indexnews2{ margin:2% auto;}
.indexnews{  border-bottom:1px solid #00926d;}
.indexnews span,.indexnews2 span{ color:#00926d; font-size:18px;}
.indexnews a{ font-size:14px;color:#00926d;}
.indeximg{ width:96%; margin:0 auto; height:142px;} 
.indeximg1{ width:33%;}
.indeximg3{ width:36%;}
.indeximg2{ width:29%; margin:0 2px;}
#mar2{ margin-top:2px;}
.doctor{ width:100%; background:#00926d; height:36px;}
.doctor li a{ float: left;
width: 32.2%;
border-right: 1px solid #fff;
color: #fff;
font-size: 12px;
text-align: center;}
#borderl{ border:0;}
/*页脚*/
.footer{ height:50px; width:100%; position:absolute; bottom:0;
background:#218462;}
.footer li{font-size:70%;width:25%; float:left;}
.footer,.footer li,.footer li a{text-align:center;color:#fff;}
.footer li strong{font-weight:normal;}
.abc{ width:60%; margin:0 auto;}
.abc:hover{ width:60%; background:rgba(0,0,0,0.3); border-radius:5px;}

/*新闻列表*/
.newslists{ width:96%; margin:0 auto;background: rgba(231, 231, 231, 0.5);}
.newslists li{ background:url(../images/arrow.png) no-repeat 98% 10px;text-indent:1em;height:42px;line-height:42px;border-bottom:1px #ccc dashed; width:98%;background-size: 22px}
.newslists li a,.newslists li a:link{ color:#333;}
.newslists li a:hover{ color:#ff4c4a;}
.newslists li a{ display:block;width:90%;word-break:keep-all;/* 不换行 */ 
white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;
}
#more{ width: 98%;margin: 2% auto;padding: 3px 0;font-size: 15px;background:#C4DFDB;
text-align: center;color: #6F6F6F;cursor: pointer}

/*新闻详情页*/
.ct{ width:96%; margin:0 auto;}
.ct h3{
margin: 5px auto 0 auto;
letter-spacing: .1em;
line-height: 150%;
font-size:18px;
font-weight:normal;
color: #ff4c4a;}
.ct h4{ color: #999; font-weight:normal;
font-size: 14px;}
.ct hr{height: 1px;
background: #ccc;
border: none;}
.ct dd{;
padding: 5px;
margin: 10px auto; text-align:center; font-size:18px;}

/*产品中心*/
.indexpp2{ width:98%; margin:0 auto;}
.indexpp2 li{ float:left; width:29%; display:block; margin:1.5%;}
.indexpp2 img{ width:100%; border:1px solid #ececec; height:55px}
.indexpp2 span{ font-size:12px; text-align:center; color:#333; display:block;word-break:keep-all;/* 不换行 */ 
white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;}
.index_three{ width:98%; margin:5px auto;}
.index_three li a{ width: 28%;
margin:1%;
padding:7px 5px;
text-align: center;
color: #FFF;
display: block;
float: left;
font-size: 12px;
background: #CCC;}
.index_three li a:hover{ background:#c1010b}

/*按钮*/
.Page{ text-align:center; margin:15px auto;}
.btn{padding:7px 10px 7px 10px;}
.btn-a,
.btn-a:link,
.btn-a:hover{color:#fff;border-radius:.4em;-webkit-border-radius:.4em; font-size:90%;}
.btn-a,.btn-a:link{background:#464646;}
.btn-a:hover{background:#ff4c4a;}

/*yy*/
.crm{border-bottom:1px solid #ccc;}
.crm input{border:none;}
.crm li{padding:6px;border-bottom:1px solid #ccc;}
.crm li .rese{border:none;background:none;color:#999;}
.crm li .rese1{border:none;background:#c2c2c2;color:#fff;}
.crm .rese2{background:#fff;overflow-x:hidden;overflow-y:hidden;color:#999;width:86%;height:100px;margin:0 10px;padding:10px;}
.crm .re-ban{text-align:center;color:#fff;padding:10px 0;width:95%;border:none;background:#ec6217;margin:10px auto;display:compact;}
.p_enter{ background:rgba(0,0,0,0.85); width:60%; padding:0.3em 0; color:#464646; text-align:center; margin: 10px 20%; border-radius:5px; border:rgba(255,255,255,0.2) 1px solid; position:absolute; bottom:70px; letter-spacing:0.2em;}
.p_enter2{background: #ff4c4a;
width: 40%;
padding: 0.3em 0;
color: #fff;
text-align: center;
margin: 10px 30%;
display: inline-block;}

/*分享*/
.newslist{ background:#FAF6F9;padding:0 0 10px 0; margin:10px;}
.newslist li{text-indent:1em;height:49px;line-height:49px; border-bottom:1px #ccc dashed;background: url(icon-08.png) 95% 15px no-repeat;background-size: 22px;}
.newslist a{ color:#383838;}
.newslist a:hover{ color:#ff4c4a;}
.newslist blockquote{width:85%;}

.fx {text-indent: 90px;}
.icon1{background:url(fx.png) no-repeat;background-size:45px 229px;}
.icon_qq{background-position:30px 12px;}
.icon_sina{background-position:30px -38px;}
.icon_r{background-position:24px -90px;}
.icon_k{background-position:30px -140px;}
.icon_dou{background-position:30px -190px;}

/*文字-盒子-阴影*/
.box-shadow{box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-webkit-box-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
-moz-box-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);}
.text-shadow,.ct h6 a:hover{text-shadow:1px 1px 0 #444;}
.text-shadow1{text-shadow:1px 1px 0 #fff;}

/*首页导航*/
.indexmenu{width:92%; margin:0 auto; position:absolute; bottom:10%; left:7%;}
.indexmenu li a{ width: 45%;
margin-right: 4%;
margin-bottom: 3%;
float: left;
display: block;
height: 32px;
line-height: 32px;
text-align: center;
color: #464646;
background: rgba(255,255,255,0.8);
cursor: pointer; font-size:16px; }
.indexmenu li a:hover{ background: rgba(255,255,255,0.5);}
.product_left{width:100%; margin:2% auto; }
.product_left a{padding:2px;
display: block;
text-align: center;
border: 1px solid #ccc;
float: left;
width: 29%;
color: #ff4c4a;
margin:1%;font-size: 12px;}
.product_left a:hover{color:#464646;}

.box h3{text-align: center;margin-top: 5%;}
.details{font-size: 14px;
margin: 15px 10px;
line-height: 1.5em;
color: #666;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 2px #888;
padding: 10px 10px;}
.details h4{ font-size:17px; font-weight:bold; color:#FF6868; width:98%; margin-left:2%; margin-top:2%;border-bottom: 1px dashed #ddd;padding-bottom: 2%;}
.details h3{ font-size: 12px;color: #898989;width: 98%;margin-left: 2%;margin-top: 2%;}
.details img{ width:100%;}
.details div{ width:96%; margin:2% auto;}

.title1 {width: 100%;background: url(../images/border1.jpg) 0 center repeat-x;height: auto;overflow: hidden;margin: 2% 0 0 0;}
.title1 p {float: left; font-size:20px;color:#0B6640;padding:2%;margin-left:5%;background: #fff;}
.title1 span {float: left;font-size:12px;color: #b3b3b3;text-transform: uppercase;padding-top:1px;}
/*首页新闻
.index_news{width: 95%;margin: 0px auto;margin-top:1%;padding-bottom: 2%;}
.index_news li{text-indent:0.7em;height:40px;line-height:40px;background: url(icon-08.png) 96% 11px no-repeat;background-size: 17px; border-left:4px solid #64BEAA;margin-bottom: 3%;background: rgba(142, 181, 174, 0.07)}
.index_news blockquote{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden; color:#707070; font-size:100%;background: #fff; box-shadow: 0px 0px 1px #C0C0C0;  background: url(icon-08.png) 96% 11px no-repeat;background-size: 17px;}
.index_news blockquote:hover{ color:#FF6262;}*/
.indexpp{ width:98%; margin:0 auto;}
.indexpp li{ float:left; width:30.3%; display:block; margin:1.5%;}
.indexpp img{ width:100%; height:80px}
.indexpp span{ font-size: 12px;text-align: center;color: #fff;display: block;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:rgba(0, 121, 103, 0.5);margin-top: -24px;z-index: 3;position: relative;width: 100%;}
.more img{width:30%; margin: 2% auto}
.more{width: 100%;display: inline-block; margin-top: 2%;}