@charset "gb2312";
@import url("http://4g.ybs120.com/css/art_style.css");

html{ overflow-x:hidden}
*{ padding:0; margin:0; font-style:normal;}
body{font:14px/24px "Microsoft Yahei"; color:#666; text-align:left;}
img{ border:0;}
textarea{resize:none;}
input,button,select,textarea{outline:none}
input{border:none;background:none}
a{ text-decoration:none; cursor:pointer;color:#666;}
a:hover{ text-decoration:none; color: #b68f66;}
li{ list-style:none;}
::before,::after,a,button,span,input,textarea,i{-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.dno{ display:none}
.fl{ float:left;}
.fr{ float:right;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1}
i,em{ font-style:normal}

.secCen{ width: 1090px; margin: 0 auto;}

header{ width: 100%; height: 30px; line-height: 30px; background: #201c1d; color: #a9a8a8; font-size: 12px}
header .hyy{ width: 400px; float: left;}
header .rbt{ width: 540px; float: right;}
header .rbt i{display:inline-block; margin-left: 24px; padding-left: 30px}
header .rbt i.i1{ background: url(https://www.ybs120.com/imgnew/t_ico1.png) no-repeat left; cursor:pointer}
header .rbt i.i2{ background: url(https://www.ybs120.com/imgnew/t_ico2.png) no-repeat left; cursor:pointer}
header .rbt i.i3{ background: url(https://www.ybs120.com/imgnew/t_ico3.png) no-repeat left}
header .rbt a{ display:inline-block; margin-left: 14px; color: #a9a8a8;}

.logonav{ width: 100%; height: 110px; position: relative}
.lnCen{ padding-top: 28px}
.logonav .logo{ width: 230px; height: 55px; background: url(https://www.ybs120.com/imgnew/logo.jpg) no-repeat; float: left; display: block;}
.logonav nav{ width: 760px; padding-top: 10px; float: right; text-align: right}
.logonav nav>a,.logonav nav>.zlxm{ line-height: 35px; display:inline-block; font-size: 16px; padding: 0 20px;}
.logonav nav>a:hover,.logonav nav>.zlxm.xmadd>a{ color: #b68f66;}
.logonav nav>.zlxm{ width: 65px; background: url(https://www.ybs120.com/imgnew/n_ico.png) no-repeat center 80px; transition:ease all 0.5s}
.logonav nav>.zlxm.xmadd{ height: 70px; background-position: center 40px; color: #b68f66;}
.zlxm>a{ font-size: 16px;}

.itemDown{width: 100%; max-height: 0; overflow: hidden; background: rgba(255,255,255,0.95); border-bottom: 1px solid #b68f66; position: absolute; left: 0; top: 110px; z-index: 99; text-align: left; transition:ease all 0.8s}
.itemDown .secCen{ padding: 30px 0;}
.itemDown li{ width: 114px; padding: 0 20px; float: left; border-right: 1px solid #ddd}
.itemDown li:nth-of-type(1){ border-left: 1px solid #ddd}
.itemDown li>i{display: block; height: 28px; line-height: 28px; background-position: 0; background-repeat: no-repeat;}
.itemDown li i a{color: #b68f66; padding-left: 25px}
.itemDown li:nth-of-type(1)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico1.png); background-size:auto 16px}
.itemDown li:nth-of-type(2)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico2.png); background-size:auto 15px}
.itemDown li:nth-of-type(3)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico3.png); background-size:auto 16px}
.itemDown li:nth-of-type(4)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico4.png); background-size:auto 18px}
.itemDown li:nth-of-type(5)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico5.png); background-size:auto 16px}
.itemDown li:nth-of-type(6)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico6.png); background-size:auto 16px}
.itemDown li:nth-of-type(7)>i{ background-image: url(https://www.ybs120.com/imgnew/itemico7.png); background-size:auto 16px}
.itemDown li p{display: block; padding: 10px 0 0; line-height: 24px}
.itemDown li p a{display: block; font-size: 12px}
.xmadd .itemDown,.zlxm:hover .itemDown{ max-height:600px;}

.banner{ text-align: center; height:655px; position: relative}
.banner .bannerW{position:absolute; width: 1900px; margin-left:-950px; left:50%;top:0;}
.banner .bannerUl{width:100%;height:655px;overflow:hidden;}
.banner .bannerBtn{ position: absolute; bottom: 10px; width: 100%; text-align: center; z-index: 2}
.banner .bannerBtn li{ width: 50px; height: 8px; background: #727171; display: inline-block; margin: 0 2px; text-indent: -999px; overflow: hidden;}
.banner .bannerBtn li.on{ background: #b68f66}
.banner .preBtn,.banner .nextBtn{ position: absolute;top:50%;width:74px;height:74px;margin-top:-37px; background-color:rgba(0,0,0,.3);z-index:7;display:block; opacity: 0; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}
.banner .preBtn i,.banner .nextBtn i{display:block;width:26px;height:48px;margin-left:24px;margin-top:13px;}
.banner .preBtn i { background-position:0 -45px;}
.banner .nextBtn i { background-position:-33px -45px;}
.preBtn{ left:15%; background:url(https://www.ybs120.com/images/icon-b.png) no-repeat 23px;}
.nextBtn{ right:15%;background:url(https://www.ybs120.com/images/icon-b.png) no-repeat -70px;}
.banner .preBtn:hover,.banner .nextBtn:hover { background-color:rgba(0,0,0,.7);}
.banner:hover .preBtn,.banner:hover .nextBtn{ opacity: 1}

/*footer*/
.footer{ width:100%; padding-bottom: 10px; margin-top:50px; background:url(../images/bg13.jpg); border-top:3px solid #b18250; clear: both}
.footer .adh{ width:auto; height:22px; margin:22px auto 0; text-align:center;}
.footer .adh a{ width:auto; height:22px; font-size:14px; color:#666; text-align:center; line-height:22px; padding:0 20px; background:url(../images/bg14.jpg) right center no-repeat;}
.footer .adh a.no{ background:none;}
.footer .adh+span{ width:100%; height:54px; margin:25px auto 0; background:url(../images/bg15.png) bottom center no-repeat; display:block; font-size:18px; color:#b18250; text-align:center; line-height:44px;}
.footer .adh+span font{ font-size:22px;}

.footer a,.footer a:hover{ color:#fff}
.footer ul *{ transition:all 0.5s ease}
.footer ul{width:1099px; margin:0 auto; padding: 10px 0 40px; text-align: center}
.footer ul li{width: 130px; height: 35px; text-align: center; color: #666; font-size: 12px; display: inline-block; border: 1px dotted #b18250; margin: 3px; position: relative;}
.footer ul li>a{ display: block;width: 100%;height:100%; line-height: 35px;color:#666;}
.footer ul li:hover{ border: 1px dotted #b18250;color: #fff;}
.footer ul li>a:hover{ background: #b18250;color: #fff; text-decoration: none}

.footer ul li p{ position: absolute; left:-91px; bottom:42px; z-index: 10;width: 300px;padding: 10px;color: #000; text-align: left;background:rgba(255,255,255,0.85);overflow: hidden;display: none;}
.footer ul li:hover p{display: block;}
.footer ul li p i{width: 60px;height: 60px; border-radius: 50%; overflow: hidden;display: block;float: left; margin:0 10px 0 0}
.footer ul li p i img{height: 100%; margin-left: -18px;display: block;}
.footer ul li p a{display: block;color: #000; margin: 3px 0 5px; font-size: 14px; font-weight: bold}
.footer ul li p a:hover{ color: #000;}
.footer ul li p:hover{display: none;}

.footer ul+p{ width:775px; height:46px; font-size:14px; color:#666; line-height:23px; padding:5px 0 3px 270px; margin:0 auto 30px;}


/*µ×²¿*/
footer{ background:#303030 url(../img/footBg.png) no-repeat center bottom; padding-top:85px; padding-bottom: 80px; width:100%;}

.footCen_org{ width: 1090px; margin: 0 auto; text-align: center; color: #ccc;}
.footCen_org i{display: inline-block; width: 485px; height: 293px; background: url(../img/footico.png) no-repeat;}
.footCen_org b{display: block; width: 623px; height: 70px; margin: 30px auto 0; background: url(../img/footHz.png) no-repeat;}
.footCen_org p{ padding: 30px 0 40px; font-size: 16px; color: #fff;}
.footCen_org p a{ color: #fff;}
.footCen_org p a:hover{ color: #c59b73;}
.footCen_org em{display: block; color: #999;}
.footCen_org em a{ color: #999;}