﻿@charset "utf-8";
@import url(../css/iconfont.css);

/* CSS Document */

/*基本样式------------------*/
* { margin:0 auto; padding:0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border:none; outline:none; font-size: 100%; vertical-align: baseline; background:transparent; text-decoration:none; }
body { font-size:14px; font-family:"微软雅黑"; color:#393939; background-attachment:fixed; text-align:left; }
i { font-style:normal; }
em { font-style:normal; }
ul { list-style-type:none; }
a { outline:0; cursor:pointer; *star:expression(this.onFocus=this.blur());
}
.hidden { display:none; }
.clear { clear:both; padding:0; margin:0; width:0; height:0; overflow:hidden; }
a { text-decoration:none; color:#fff; }
a:hover { text-decoration:none; }
.fl { float:left; }
.fr { float:right; }
.mtop { margin:10px 0; }
.m10{border:1px solid #c2c2c2; border-top:3px solid #E60002;}
img { border:0; }
.blank2{ clear:both; width:100%; height:20px; overflow:hidden;}
.balnk { width:100%; height:9px; border-bottom:1px dashed #999; overflow:hidden; }



.h-top { background:#363636; color:black; font:13px/1.5 "微软雅黑", arial, \5b8b\4f53; min-width: 1010px; overflow: hidden; height:40px; line-height:40px; z-index:9999; }
.h-top a { color:#000; }
.h-top p.qh { float:left; color:#fff; line-height:40px;}
.h-top p.qh a { color:#fff; }
header { height:130px; width:980px; margin: 0 auto; position: relative; }
.header_search_box { width:1100px; height:40px; line-height:40px; color:#FFF; margin:0 auto; position:relative; }
.header_icon { position: absolute; top:11px; width: 17px; height: 17px; background:url(../images/header_01.png) 0 0 no-repeat; display: block; transition: all 0.3s linear 0s; }
.header_icon1 { right:115px; background-position:0 -20px; position:absolute;}
.header_icon1:hover { background-position:0 0 }
.header_icon2 { right:91px; background-position: -20px -20px; position:absolute; }
.header_icon2:hover { background-position:-20px 0px }
.header_icon3 { right:69px; background-position: -40px -20px; position:absolute; }
.header_icon3:hover { background-position:-40px 0px }
.header_icon4 { right:46px; background-position: -60px -20px; position:absolute;}
.header_icon4:hover { background-position:-60px 0px }
.header_icon5 { right:23px; background-position: -80px -20px; position:absolute;}
.header_icon5:hover { background-position:-80px 0px }
.header_icon6 { right:345px; background-position: -116px 0; position:absolute; }
.header_txt1 { position: absolute; right: 135px; width: 205px; line-height:40px; }
.top { zoom:1; overflow:hidden; background:url(../images/top_bg.png) right center repeat-x #fdf7e9; width:100%; height:100px; padding:5px 0;}
.top h3 { width:1100px; margin:0 auto; }


.navBar{ position:relative; z-index:1;  background:#E60002; color:#fff; height:40px; line-height:40px; }
.nav{ width:1100px; margin:0 auto;}
.nav .m{ float:left;  position:relative; }
.nav h3{ width: 135px; font-size:100%; font-weight:normal; height:40px; overflow:hidden; }
.nav h3 a{ display:block; color:#fff;  text-align:center; vertical-align:top; color:#fff;}
.nav .on{ background:url(../images/daohang_bg.png) center center no-repeat; }
.nav .sub{ display:none; width:100px; padding:5px 0;   position:absolute; left:10px; top:40px; background:#E60002; text-align:center; }
.nav .sub li a{ height:30px; line-height:30px; padding:5px 0; display:block; background:url(images/icon.png) 0 9px no-repeat; }
.nav .sub li a:hover{ color:#fff; background:#000; }


.banner { position: relative; /*width:800px;*/ width:100%; height:470px; overflow: hidden; }
.banner .pic img { width:1680px; height:470px; display: block; position:relative;
left:50%;
margin-left: -840px;}
.banner .pic a{position: relative; /*width:800px;*/ width:100%; height:470px; overflow: hidden;}
.banner .pic a.ad1{background:url(../images/banner.jpg) center center repeat-x; height:470px; display: block;}
.banner .pic a.ad2{background:url(../images/banner1.jpg) center center repeat-x; height:470px; display: block;}
.banner .pic a.ad3{background:url(../images/banner2.jpg) center center repeat-x; height:470px; display: block;}
.banner .pic a.ad4{background:url(../images/banner3.jpg) center center repeat-x; height:470px; display: block;}
.banner .pic a.ad5{background:url(../images/banner4.jpg) center center repeat-x; height:470px; display: block;}
.banner .pic a.ad6{background:url(../images/anli_banner.jpg) center center repeat-x; height:470px; display: block;}
.banner .hd { overflow:hidden; zoom:1; position:absolute; bottom:20px; right:20%; z-index:1;}
.banner .hd li { float:left; line-height:15px; text-align:center; width:10px; height:10px; border-radius:14px; cursor:pointer; overflow:hidden; background:#fff; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
margin-left:10px;}
.banner .hd .on { background:#fb6305; filter:alpha(opacity=100); opacity:1; }
.banner .prev, .banner .next { width:45px; height:99px; position:absolute; top:180px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease
}
.banner .prev { background-image:url(../images/index.png); background-position:-112px -200px; left:0; z-index:999;}
.banner .next { background-image:url(../images/index.png); background-position:-158px -200px; right:0; z-index:999;}
.banner .prev:hover, .banner .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;}
.dh_bz{ width:1100px; height:109px; margin:10px auto; }
.dh_bz div{width:212px; height:109px; float:left; background:#8d6d58;}
.dh_bz div span{ text-align:center;display:block; padding:10px 0; background:url(../images/l_14.png) bottom center no-repeat;}
.bz1 ul,.bz2 ul,.bz3 ul,.bz4 ul,.bz5 ul{ width:175px;  float:left; display:inline;  margin:7px 0px 0px 35px;}
.bz2 ul{ margin: 5px 0 0 10px; width: 200px;}
.bz2,.bz4{ margin:0 10px;}
.dh_bz li{ float:left; display:inline; text-align:center; line-height:22px; margin:0px 14px 0px 0px; font-size:12px;}
.dh_bz div.selected{  background:url(../images/dh_bz_bg.jpg) no-repeat;}

.main { zoom:1; overflow:hidden; width:1100px; margin:0 auto; }

.box02,.box03,.box05,.box06{ zoom:1; overflow:hidden; margin:10px 0; }
.box02 h3,.box03 h3{ background:url(../images/pic01.jpg) 20px 11px no-repeat; font-weight:normal; line-height:50px; height:50px; border-bottom:1px solid #e2e2e2; display:table; width: 1100px;}
.box02 h3 span,.box03 h3 span{ overflow:hidden; padding-left:50px; zoom:1; display:table-cell; vertical-align:middle;}
.box02_min{ padding:14px; overflow:hidden;}
.box02_min li {  float:left; width:345px; height:auto;}
.box02_min .box02_minc{padding:0 15px;}
.box02_min li h4{ height:193px;}
.box02_min li span{ text-align:center; line-height:35px; display:block; border-bottom:1px dashed #c6c6c6; font-family: "宋体"; margin-bottom:10px;}
.box02_min li span a{ font-weight:bold; font-size:16px; color:#50433c; }
.box02_min li p{ text-indent:2em; color:#727272; line-height:25px; padding:0 10px;}
.box02_min li p a{ color:#8b6e4a;}


/* .box06 .hd{border-bottom: 1px solid #e2e2e2; height:50px;}
.box06 .hd ul{float:left;height:50px;}
.box06 .hd ul li { float: left; padding: 0 30px; text-align:center; line-height: 50px; display:inline; height:50px; }
.box06 .hd ul li a { font-size:18px; color:#50433c; }
.box06 .hd ul li.on { background:#50433c; }
.box06 .hd ul li.on a{ color:#fff; }
.box06 .hd .btn .prev,.box06 .hd .btn .next{ display:block;  width:5px; height:9px; float:right; margin-right:8px; margin-top:19px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat -60px 0px;}
.box06 .hd .btn .next{ background-position:-60px -50px; margin-right: 25px;}
.box06 .bd{ zoom:1; overflow:hidden; margin:15px 0; }
.box06 .bd .bdr .tempWrap{ margin: 0 13px; width:1070px !important;}
.box06 .bd .hceg{ float: left; margin: 0 5px;}
.box06 .bd .hceg a img{ padding: 5px; border:1px solid #e2e2e2; }
.box06 .bd .hceg p{ line-height:30px; text-align:center;}
.box06 .bd .hceg p a{ color:#50433c;} */


/*hj-hg-ls0214*/
.fouceboxs{position: relative;overflow: hidden;margin: 20px auto;}
.fouceboxs .bd {position:relative;float:right;overflow:hidden;border:1px solid #c1c1c1;height: 490px;width: 940px;}
.fouceboxs .bd img {padding:12px;height: 462px;width: 916px;}
.fouceboxs .hd {position:relative;float:left;z-index:1;}
.fouceboxs .hd ul {position:relative;overflow:hidden;}
.fouceboxs .hd li.on {background:#E60002;width:100px;}
.fouceboxs .hd li {padding:20px;overflow:hidden;background:#50433c;margin:20px 0 40px 0;width:90px;}
.fouceboxs .hd li a {color:#fff;}
.fouceboxs .hd li p {text-align:left;margin-left:13px;font-size:18px;}
.fouceboxs .hd li i {font-size: 40px;text-align: center;display: block;margin-bottom: 5px;text-align: left;margin-left: 28px;}
.fouceboxs .hd img {width:110px;height:50px;display:block;}



#footer{font-size: 12px; color:#bfbfbf; font-family:"微软雅黑"; display:block}
#footertotop {clear: both;margin: 0 auto; height:16px; width: 123px;background: #fff;}
#footertotop img {display: block;margin: 0 auto;cursor: pointer;}
#footercontent {background:#E60002 ;color: #fff;padding-top: 30px;padding-bottom: 0px; border-top:15px solid #000;}
.footerdiv1{ float:left; width:147px;}
.footerdiv1 img{ margin-left:0px; margin-top:30px;}
.footerdiv2title h2, .footerdiv3title h2 {background: url(../images/footerdiv2titleh2bj.jpg) center bottom no-repeat;padding-bottom: 10px;font-size: 15px;text-align: center;}
.footerdiv2 {padding-left: 30px;float:left; padding-top:15px;}
.footerdiv2 .footerdiv2three {margin-right: 0px;}
.footerdiv2div {width: 100px;float: left;text-align:center}
.footerdiv2div ul {padding-top: 3px;}
.footerdiv2div ul li {transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;}
.footerdiv2div ul li:nth-child(1){ margin-bottom:7px;}
.footerdiv2div ul li a {padding-top: 4px;_padding-top: 0px;padding-bottom: 4px;_padding-bottom: 0px;display: block; width:auto; height:15px; line-height:15px;}
.footerdiv2div ul li a:hover{ background:#50433c; width:auto}
.footerdiv2div ul li span {padding-left: 4px;}
.footerdiv3{ width:230px; float:left; margin-left:14px;}
#footerform input, #footerform textarea {width: 218px;height: 22px;background: #fff;border: 1px solid #8d6d58;color: #999;padding-left: 10px;font-size: 12px;margin-top: 5px;line-height:22px;border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;}
#footerform textarea {height: 45px;margin-top: 5px;}
#footerform .input3 {padding-top: 6px;}
#footerform .input4 {background: #ffba00;font-size: 14px;width: 90px;padding-left: 0;height: 28px;color: #000905;border: none;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;margin-left:70px;cursor:pointer}
#footerform .input4:hover {color: #fff;background: #da5d61;}
#footerform .input5 {width: 101px;height: 30px;padding-left: 6px;border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;-webkit-border-radius: 0px;}
#footerform .yanzhengmaimg {padding-top: 18px;	height: 30px;}
#footerform .change {text-align: center;}
#footerform .change p {font-size: 12px;padding-top: 8px;}
.footerdiv4{ width:230px; float:right}
.footerdiv4 .ul1 {padding-top: 11px;}
.footerdiv4 .ul1 li {padding-top: 5px; padding-left: 22px;}
.footerdiv4 .ul1 li span {font-size: 12px; line-height:15px; display:block; background:none; text-indent:0em}
.footerdiv4 .ul1 li p {font-size: 23px;color: #fdb800;text-align:right;font-style:italic; margin-top:0px; margin-bottom:0px;}
.footerdiv4 .ul1 li span {padding-left: 10px;}
.saoyisao {padding-top: 10px;width: 263px;display: block; position:relative;}
.saoyisaoleft {float: left;padding-left: 50px;}
.saoyisaoright {float: left;}
.saoyisaoleft li{line-height:16px;}
.saoyisaoleft .li1 {padding-left: 15px;background: url(../images/pic7.png) no-repeat;}
.saoyisaoleft .li1 span {float: left;padding-left: 10px;font-size: 16px;}
.saoyisaoleft .li1 i {float: left;color: #6d639b;}
.fenxiang {padding-top: 25px;cursor: pointer;padding-left: 50px;}
.fenxiang span {float: left;padding-right: 20px;}
.fenxiang ul {float: left;	}
.saoyisaoright {padding-left: 15px;float: left; position:absolute; top:-13px; right:32px;}
.fenxiang ul li {float: left;width: 25px;height: 25px;margin-right: 10px;}
.fenxiang ul li a {background: #333333;display: block;text-align: center;height: 25px;border-radius: 50%;-webkit-border-radius: 50%;-moz- border-radius:50%;-ms- border-radius:50%; -o- border-radius:50%;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.fenxiang ul li .a1:hover {background: #0789b6;}
.fenxiang ul li .a2:hover {background: #e60012;}
.fenxiang ul li .a3:hover {background: #f39800;}
.fenxiang ul li .a4:hover {background: #45a80c;}
.fenxiang ul li a.a3 {height: 25px;}
.fenxiang ul li a img {padding-top: 6px;}
.fenxiang ul li a .img3 {padding-top: 3px;}
.container_f:before, .container_f:after {content: " ";display: table;}
.container_f:after {clear: both;}
.container_f {width: 980px;margin: 0 auto;}
.w980{width: 980px;margin: 0 auto; }
#footer .footer_2{ border-top: solid 1px #212020; margin-top:20px; overflow:hidden;}
#footer .footer_2 ul{ margin-top:18px;}
#footer .footer_2 ul li{ float:left; width:60px; margin-right:57px; margin-left:12px; text-align:center}
#footer .footer_2 ul li.last{ margin-right:0px;}
#footer .footer_2 ul li div{ width:43px; height:43px; overflow:hidden;position:relative; margin:auto; transition:.5s }
#footer .footer_2 ul li.li1 div{background:url(../images/footer_b1.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li2 div{background:url(../images/footer_b2.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li3 div{background:url(../images/footer_b3.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li4 div{background:url(../images/footer_b4.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li5 div{background:url(../images/footer_b5.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li6 div{background:url(../images/footer_b6.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li7 div{background:url(../images/footer_b7.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li8 div{background:url(../images/footer_b8.png) 0px 0px no-repeat }
#footer .footer_2 ul li.li1 div:hover{background:url(../images/footer_b1.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li2 div:hover{background:url(../images/footer_b2.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li3 div:hover{background:url(../images/footer_b3.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li4 div:hover{background:url(../images/footer_b4.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li5 div:hover{background:url(../images/footer_b5.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li6 div:hover{background:url(../images/footer_b6.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li7 div:hover{background:url(../images/footer_b7.png) 0px -43px no-repeat }
#footer .footer_2 ul li.li8 div:hover{background:url(../images/footer_b8.png) 0px -43px no-repeat }
#footer .footer_2 ul li a{ text-decoration:none}
#footer .footer_2 ul li p{ font-size:14px; line-height:14px;  margin-top:10px; width:60px; text-decoration:none}
#footer .footer_3{ text-align:center; background:#000; height:30px; line-height:30px; color:#bfbfbf}



/*首页-精品中药*/
.zhongyaobg{ padding:0px 0px;} 
.zhongyao{width:1081px;margin: 0px auto; }
.zhongyao .list{overflow:hidden; margin-top:10px;}
.zhongyao .list li{float:left; width:141px; padding:19px 19px 0px 18px; }
.zhongyao .list li img{ display:block; width:100%; height:105px;}
.zhongyao .list li span{display:block; line-height:50px; text-align:center; height:50px; overflow:hidden; color:#000;}
.zhongyao .list li:hover{ background:#f7f7f7;} 


/*首页-商城*/
.shangcheng{width:1080px;margin:10px auto 10px auto; overflow:hidden;}
.shangcheng .cplist{ margin-left:-10px;}
.shangcheng .focusslide{width:426px; float:left; margin-top:10px;margin-left:10px;  position:relative; }
.shangcheng .focusslide .innerBox{ width:426px;overflow:hidden; }
.shangcheng .focusslide .innerBox .items{}
.shangcheng .focusslide .innerBox .items .item{ float:left; width:426px;  overflow:hidden; position:relative;} 
.shangcheng .focusslide .innerBox .items .item img{ display:block; width:100%; height:310px;} 
.shangcheng .focusslide .toolBox{ position:absolute; left:0px; bottom:10px;z-index:3; width:100%; text-align:center; line-height:10px;}
.shangcheng .focusslide .toolBox em{display:inline-block; margin:0px 5px; width:10px; height:10px; border-radius:50%;   background:#fff; font-size:0px; cursor:pointer;}
.shangcheng .focusslide .toolBox em.current{background:#a92027;} 
.shangcheng .focusslide .arrow{ display:none;}
.shangcheng .focusslide .pagerNumber{ display:none;} 
.shangcheng .cp{ float:left; width:188px; height:290px; overflow:hidden; margin-left:10px; margin-top:10px; padding:9px;}
.shangcheng .cp .pic{ height:210px; overflow:hidden;}
.shangcheng .cp img{ display:block; width:100%; height:210px;transition:all 0.3s;}
.shangcheng .cp span{ display:block; overflow:hidden;}
.shangcheng .cp .tit1{ line-height:35px; height:35px; color:#000; text-align:center;}
.shangcheng .cp .tit2{ color:#888; line-height:22px; height:44px;}
.shangcheng .cp:hover img{ transform:scale(1.2,1.2);}



.bannerbox {
position:relative;
overflow:hidden;
height:120px;
}
.banner001 {
width:2000px; /*图片宽度*/
position:absolute;
left:50%;
margin-left:-1000px; /*图片宽度的一半*/
}




 .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 80;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #008aed;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #008aed;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }