@charset "utf-8";

/*  黑白
html{
-webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: url(gray.svg#grayscale)filter: grayscale(1);
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
}


*/

a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
/* CSS Document */

.w960 {
position: relative;
width: 960px;
margin: 0 auto;
}

.xinwen {
width: 400px;
float: right;
padding-top: 6px;
}

.wrap {
width: 400px;
margin-left: auto;
margin-right: auto;
}

.oh {
overflow: hidden;
*zoom: 1;
}

.ov {
overflow: visible;
}
.ym { width:100%; float:left; text-align:center; padding-top:10px;}
#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:12px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #ff6319;color:#FFF;font-size:12px;}
#pages span {background: #ff6319;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}
.l {
float: left;
}

.r {
float: right;
}

.newsBar .wrap {
height: 30px;
}

.newsBar h2 {
float: left;
width: 50px;
font-size: 12px;
color: #FFF;
line-height: 30px;
}

.newscroll {
overflow: hidden;
width: 240px;
margin-top: 6px;
}
/*公用gallery*/
.gallery {
font-size: 0;
white-space: nowrap;
}

.newscroll .gallery a {
display: inline-block;
width: 240px;
white-space: nowrap;
margin-right: 12px;
overflow: hidden;
font-size: 12px;
color: #fff;
}

.s_prev,.s_next {
float: left;
width: 10px;
height: 13px;
text-indent: -999em;
overflow: hidden;
margin-top: 10px;
margin-right: 5px;
}

.s_prev {
background-position: 0 -75px;
margin-left: 10px;
}

.s_next {
background-position: -18px -75px;
}

.more {
float: right;
width: 34px;
text-align: center;
margin: 11px 15px 0 0;
}

.more a {
display: block;
line-height: 13px;
overflow: hidden;
margin: 0 -1px;
position: relative;
color: #fff;
font-size: 9px;
-webkit-text-size-adjust: none;
}

.more a:hover {
color: #a1d4ff;
}

.s_prev {
background: url(../images/left.png) no-repeat;
}

.s_next {
background: url(../images/right.png) no-repeat;
}

.con {
margin: 0 auto;
width: 1000px;
height: 250px;
padding:15px 0;
position: relative;
background: #fff;
}

.conleft {
width: 5px;
height: 261px;
left: -5px;
background: url("http://www.tctcn.com/main/images/conleft.jpg") no-repeat;
position: absolute;
}

.conright {
width: 5px;
height: 261px;
right: -5px;
background: url("http://www.tctcn.com/main/images/conright.jpg") no-repeat;
position: absolute;
}

.box {
width: 1000px;
height: 171px;
padding-top: 22px;
}

.picimg {
float: left;
width: 1000px;
}

.picimg li {
float: left;
display: block;
width: 221px;
height: 149px;
padding-right: 38px;
*padding-right: 16px;
}

.caselist {
float: left;
width: 1000px;
}

.caselist li {
float: left;
display: block;
width: 221px;
height: 52px;
padding-right: 38px;
position: relative;
overflow: hidden;
*padding-right: 16px;
}

.tagImg1 {
width: 222px;
height: 52px;
display: block;
position: absolute;
left: 1px;
top: 2px;
}

.tagImg1 img {
width: 222px;
height: 52px;
}

.tagDiv1 {
background: #4e8754;
width: 223px;
height: 52px;
position: absolute;
left: 0px;
top: 52px;
z-index: 2;
}

.tagP3 {
height: 52px;
}

.tagP3 a {
padding: 0 13px;
color: #fff;
display: inline-block;
height: 52px;
line-height: 52px;
text-align: center;
text-decoration: none;
}

.tagP3 a:hover {
color: #fff;
}

.jpsoubg {
background: url(../images/ss.png) no-repeat;
width: 208px;
height: 23px;
float: left;
}

.jpssz {
width: 174px;
height: 23px;
line-height: 23px;
float: left;
background: none;
border: none;
}

.jpssy {
width: 26px;
height: 23px;
line-height: 23px;
float: left;
background: none;
border: none;
}

.header {
width: 1060px;
height: 105px;
margin-top: 5px;
padding: 0 3px 6px;
position: absolute;
left: 48%;
top: 0;
margin-left: -500px;
z-index: 10;
}

.header-tel {
height: 23px;

line-height: 23px;
color: #666;
float: right;
margin: 24px 80px 0 0;
display: inline;

}

.header-tel a {
color: #fff;
}

.header-tel span {
display: inline-block;
font: bold 20px/34px Arial;
color: #bdb104;
float: right;
padding-left: 10px;
}

.nav {
}

.nav li {
height: 30px;
line-height: 26px;
float: left;
position: relative;
z-index: 5;
}

.nav li > a {
text-align: center;
width: 239px;
line-height: 24px;
display: inline-block;
font-weight: bold;
font-size: 14px;
color: #666;
}

.nav li.hover > a,.nav li > a:hover,.nav li > a.on {
color: #ec6a30;
background-position: 42px -26px;
}

.nav li > a.mall {
color: #d2c302;
padding: 0 50px 4px 82px;
background: url("http://www.yerherb.com/static/img/bg_sign02.png") no-repeat 60px 6px;
}

.subnav {
position: absolute;
top: 30px;
z-index: 5;
background: url("http://www.yerherb.com/static/img/bg_sign18.png") no-repeat 39px 0;
display: none;
}

.subnav a {
display: inline-block;
line-height: 35px;
color: #666;
padding: 0 21px 0 20px;
background: url("http://www.yerherb.com/static/img/bg_sign17.png") no-repeat right center;
}

.subnav a.last {
background: none;
}

.subnav a:hover {
color: #ec6a30;
}

.nav-bg {
width: 239px;
height: 182px;
background: url(../images/gif.png) no-repeat top center;
position: absolute;
left: 3px;
top: 85px;
display: none;
}

.weixin-box {
width: 300px;
height: 124px;
position: absolute;
left: 61px;
bottom: 38px;
background: url("http://www.yerherb.com/static/img/weixin.png") no-repeat;
display: none;
}

.banner {
height: 456px;
position: relative;
margin: 0 auto;
z-index: 1;
background: url("http://www.yerherb.com/static/img/loading.gif") no-repeat center;
}

.banner .btn {
width: 58px;
height: 100%;
position: absolute;
top: 0;
z-index: 5;
cursor: pointer;
filter: alpha(opacity=30);
opacity: 0.3;
}

.banner .prev {
left: 8%;
background: url(../images/prev01.png) no-repeat center;
}

.banner .next {
right: 8%;
background: url(../images/prev02.png)  no-repeat center;
}

.banner .list,.banner .list li {
width: 100%;
height: 100%;
position: absolute;
left: 3px;
top: 0;
z-index: 1;
overflow: hidden;
}

.banner .list li {
display: none;
}

.banner .list li a {
display: inline-block;
width: 100%;
height: 100%;
}

.footer1 {
width: 1040px;
margin: 0 auto;
}

.footerleft {
height: 54px;
line-height: 54px;
float: left;
}

.container
{
width:100%; text-align:center;
}
.menuTitle{width:217px; height:50px; margin:0 auto; line-height:50px; font-size:15px; font-weight:bold;color:#666; cursor:pointer; margin-left:3px;}
.menuTitles{width:217px; height:50px; margin:0 auto; line-height:50px; font-size:15px; font-weight:bold;color:#666; cursor:pointer; margin-left:3px;}
.menuTitle p{ font-size:15px; color:#fff; margin-left:48px;}
.menuTitles a{ font-size:15px; color:#fff;line-height:50px; display:block}
.menuTitles p{ font-size:15px; color:#fff; margin-left:48px;}
.bianbeijing1{background:url(../images/huihui1.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing7{background:url(../images/huihui2.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing8{background:url(../images/huihui4.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing12{background:url(../images/huihui3.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}

.bianbeijing1:hover{background:url(../images/huanghuang_1.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing7:hover{background:url(../images/huanghuang_2.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing7s{background:url(../images/huanghuang_2.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing7s a{color:#F96500; }
.bianbeijing8:hover{background:url(../images/huanghuang_4.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}
.bianbeijing12:hover{background:url(../images/huanghuang_3.jpg) no-repeat center; color:#F96500; width:217px; height:50px;}

.menuTitle:hover p{ color:#F96500;}
.menuTitles:hover p a{ color:#F96500;}
.activeTitle{width:217px; height:50px; margin:0 auto; line-height:50px; font-size:15px; font-weight:bold;color:#F96500; cursor:pointer; margin-left:3px; no-repeat center; background:#fff;}

.activeTitle p{ color:#F96500;}
.menuContent
{
background-color:#A2A2A2; margin:0 auto; height:auto; width:220px; text-align:left; display:none;
}
li
{
background:url(images/arr.gif) no-repeat 20px 6px ; list-style-type:none;padding:0px 0px 0px 38px; font-size:12.7px; height:20px; line-height:20px; 
}
ul
{
margin:0;padding:0;
}
.menuContent a{ color:#fff; font-size:13px;margin-left:48px;}


.menuContent li{ margin-top:10px;}
#dangqian{ color:#fff; background:#fff; padding-left:3px; padding-right:50px; background:url(../images/xiaohuang.jpg) no-repeat left center; display:block; height:23px; line-height:23px;}
.nrth{ width:737px; margin:0 auto; margin-bottom:90px;}
.nrth p{ font-size:13px; line-height:28px;}
.li li { width:243px; height:190px;  float:left;}
.li li a{ color:#FFF;  margin-left:8px; line-height:20px; font-size:13px;}

.content{ }
.rollBox { width:714px;margin:0 auto;}
.rollBox img { float:left;  }
.rollBox .Cont{width:500px; overflow:hidden; float:left; text-align:center; margin:0 auto; margin:0;  margin-left:40px;}
.rollBox .ScrCont{width:10000000px; }
.rollBox .Cont .pic{ width:150px;float:left; height:170px; text-align:center;margin-left:20px;}

.rollBox .Cont .pic img{ display:block; width:119px;}
.rollBox #List1,.rollBox #List2{ margin-right:20px;}
.img3,.img4 { padding-top:65px; margin-left:50px; }
.img4 { float:right;}
.ryx { width:100%; margin-top:69px;}
.rydh{ width:714px; height:42px; background:#8c8c8c;}
.rydh p{ text-align:right; color:#FFF; padding-top:12px; padding-right:62px;}
.rydh p a{ float:left;color:#FFF; padding-left:26px;}
.rynr{ width:714px; height:42px; border-bottom:dashed 1px #CCCCCC; }
.rynr p{ text-align:right; color:#676767; padding-top:12px; padding-right:44px; }
.rynr p a{ float:left;color:#676767; padding-left:26px;}
.incp li table{ margin-bottom:5px;}
.dxbt { font-family:"Arial"; font-size:12px; font-weight:bold; color:#000;}
.dxnr a{  font-family:"Arial"; font-size:12px; font-weight:normal;}
.dxian { width:300px; line-height:24px;}
.foot01 { height:136px;}
.msmob a{ font-family:"Arial"; font-size:12px; line-height:24px; color:#00c0d2;}
.rylb{ width:671px; margin:0 auto;}
.rylb p { text-align:right;}
.rylb p a{ float:left; font-size:13px;}





.rollBox1 { width:670px; height:46px;}
.rollBox1 img { float:left; }
.rollBox1 .Cont{width:638px; margin:0 auto; height:46px;  overflow:hidden; float:left; text-align:center;  margin:0; background:url(../images/ws.png) ;}
.rollBox1 .ScrCont{width:10000000px; }
.rollBox1 .Cont .pic{ width:100px;float:left;  text-align:center; }
.rollBox1 .Cont .pic p { font-size:15px; line-height:46px; color:#000;  height:46px;}
.rollBox1 #List1,.rollBox #List2{float:left; padding:0;}
.img31,.img41 { }
.img4 { float:right; }
#dq{ background:url(../images/ds.png); color:#fff;}
.xw { margin-top:23px; border-top:1px #d1d1d1 dashed;}
.xw p{ height:41px; width:730px; margin:0 auto; line-height:41px; text-align:right;}
.xw p a{ float:left;line-height:41px; font-size:13px;}
#xws{ background:d1d1d1; width:730px;}
#xws p{ height:41px; width:730px; margin:0 auto; line-height:41px; text-align:right;}
#xws p a{ float:left;line-height:41px; font-size:13px;}
.ygtd li{ width:227px; height:277px; float:left;}



input{ border-style:none; outline:none;  border:1px #eeeeee solid;}
textarea { border-style:none;outline:none;  border:1px #eeeeee solid;}