@charset "gbk";
/* CSS Document */
@import url("base.css");
@import url("swiper.min.css");
@import url("http://4g.ybs120.com/css/art_style.css");

.rmxl,.my_art{display: none;}

.header{position:relative;top:0;left:0;right:0;transition:all .2s ease-in-out;height:120px;border-bottom:1px solid #dee2e5;width:100%;background:rgba(255,255,255,0.5);z-index:4;/*margin-top: -120px;top: 120px;*/}
.top{width: 100%;height: 40px;background: #323232;}
.topc{width: 1200px;height: 40px;line-height: 40px;margin: 0 auto; color: #a6a6a6;}
.topc h5{float: left;font-size: 14px;}
.topc ul{width: 700px;height: 40px;float: right;}
.topc ul li{float: left;font-size: 14px;overflow: hidden;margin-left: 18px;}
.topc ul li i{float: left;width: 26px;height: 20px;margin:10px 4px 0 0;background: url(../../images/index/icoc.png) no-repeat;}
.topc ul li i.i1{background-position: 0 0;}
.topc ul li i.i2{background-position: -28px 0;}
.topc ul li i.i3{background-position: -52px 0;}
.topc ul li.top_last{width: 100px;height: 24px;line-height: 24px;background: #A5A5A5;color: #303030;border-radius: 30px;margin-top: 8px;cursor: pointer;}
.topc ul li.top_last i.i4{background-position: -78px 0;margin: 2px 0;}
.topc ul li.top_last:hover{background: #A47547;}
.top_box{width: 1200px;height: 80px;margin: 0 auto;position: relative;}
.top_box .logo{width: 240px;height: 45px;margin-top: 18px;}
.top_nav{height:80px;float: right;margin-right: 136px;}
.top_nav li{float: left;margin: 18px 10px 0;height: 40px;line-height:40px;cursor: pointer;transition: 0.56s ease;}
.top_nav li a{font-size: 16px;color: #6e6e6e;display: block;transition: transform 0.3s linear;background: url(../../images/index/ico_sj.png) no-repeat center -10px;}
.top_nav li:hover a{color: #a57644;}
.top_nav li:hover a{background: url(../../images/index/ico_sj.png) no-repeat center bottom;}
.nav_tab{ position:absolute;top:80px;right:80px;z-index:50;overflow:hidden;height: 0;}
.nav_tab>div{background:#B68F66;padding:0 80px;height:37px;line-height:37px; color:#fff;font-size:14px;}
.top_nav li .nav_tab a{padding:5px;color:#fff;font-size:14px;display: inline;background: none;}

.nav_jigou{width: 350px;height: 0; position: absolute;background: #B68F66;overflow: hidden;right: -20px;top:80px;padding: 20px;border: 1px solid #fff;}
.top_nav li .nav_jigou a{color:#fff;float: left;width: 50%;text-align: center;border: 1px solid #fff;box-sizing: border-box;border-top: none;}
.top_nav li .nav_jigou a:nth-child(2n){border-left: none;}
.top_nav li .nav_jigou a:nth-of-type(1),.top_nav li .nav_jigou a:nth-of-type(2){border-top: 1px solid #fff;}
.top_nav li:hover .nav_jigou a{background:none;}
.top_nav li .nav_jigou a:hover{ background: #A5A5A5;}
.xmadd .nav_jigou{height: auto;z-index:100}

/*banner*/
.Nbanner{position:relative;z-index:1;width:100%;margin:0 auto;text-align:center;top: 0; background:url(../../images/index/banty.png) no-repeat bottom center; padding-bottom:30px;}
.bannerSlide {width:100%;height:840px;overflow:hidden;margin:0 auto;max-width:1920px;vertical-align: middle;/* background: url(http://www.ybskq.cn/images/index/ban_.jpg) no-repeat center*/}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:840px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:840px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;transition: none; cursor: pointer;}
.bannerSlide .slideBox li img {position:absolute; z-index:1;left:50%;top:0;margin-left:-960px;}
.bannerSlide .slideBox li img,.bannerSlide .slideBox li i.ii1{-moz-transform:scaleX(1.05) scaleY(1.05);-ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);-webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);}
.bannerSlide .slideBox li.active img,.bannerSlide .slideBox li.active i.ii1{-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
.focus{width: 28px !important;position: absolute;right: 18%;top: 50%;transform: translateY(-50%);text-align: center;z-index: 2;left: auto !important;bottom: auto !important;}
.focus span{width:28px;height: 28px;position: relative;display: block;zoom: 1;background: none;opacity: 1;margin: 8px 0;}
.focus span::after{content: "";margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8px;height: 8px;background: #9B999F;transition: all 0.2s ease-in;border-radius: 50%;}
.focus span:hover::after{width: 12px;height: 12px;}
.focus span.active::after{box-shadow: 0 0 0 8px #BABCC8;}
.focus span.active{background: none;}

.Zfoot_bg{height: 480px;background: url(../../images/index/Zfoot2.jpg) no-repeat center;}
.Zfoot_bg1{width: 1200px;margin: 0 auto;overflow: hidden;}
.Zfoot_bg1 h2{background: url(../../images/index/Zfoot1.png) no-repeat left center;color: #ece9e9;margin-top: 160px;}
.Zfoot_bg1 h2 *{display: block;text-align: left;padding-left: 168px;font-weight: normal;}
.Zfoot_bg1 h2 b{font-size: 44px;line-height: 50px;}
.Zfoot_bg1 h2 span{font-size: 16px;line-height: 20px;margin: 8px 0 10px;}
.Zfoot_bg1 h2 em{font-size: 30px;line-height: 30px;font-style: normal;}
.foot{width: 1340px;background: #fff;margin: -108px auto 100px;box-shadow: 0 15px 30px #ccc;text-align: center;padding: 28px 0 50px;}
.foot p{ font-size:16px; color:#666; text-align:center; line-height:30px; margin-bottom:24px;}
.foot p a{font-size:16px; color:#666;margin: 0 10px;cursor: pointer;}
.foot p a:hover{color: #a57644;font-weight: bold;}
/*.foot p img{ margin-bottom:82px;}*/
.foot .fbg{ width:100%; background:url(../img/fbg2.jpg) no-repeat center; height:330px;}
.foot .foot1{margin-bottom: 20px;}
.foot_sqhz{text-align: center;margin-bottom: 24px;}
.foot_sqhz span{width: 130px;height:40px;display: inline-block;overflow: hidden;}
.foot_sqhz span img{display: inline-block;transition: 0.56s ease;cursor: pointer;}
.foot_sqhz span:hover img{transform: scale(1.1);}
.foot_bxzf{position: relative;margin-bottom: 24px;}
.foot_bxzfc{width: 995px;margin: 0 auto;position: relative;overflow: hidden;}
.foot_bxzfc .swiper-slide{width: 145px;height: 45px;padding: 10px 0;margin-right: 10px;cursor: pointer;}
.foot_bxzfc .swiper-slide{transition: 0.56s ease;}
.foot_bxzfc .swiper-slide:hover{box-shadow: inset 0 0 10px #ccc;}
.bx_prev,.bx_next{width: 45px;height:45px;position: absolute;top: 10px;cursor: pointer;font-size: 24px;line-height: 45px;transition: 0.56s ease;border: none;outline: none;}
.bx_prev{left: 80px;}
.bx_next{right: 80px;}
.bx_prev:hover{transform: translateX(-10px) scale(1.1);}
.bx_next:hover{transform: translateX(10px) scale(1.1);}

/*position*/
.pos_box{ border-bottom:1px solid #C3C3C3; width:100%;}
.pos{ width:1100px; height:52px; margin:0 auto; line-height:52px;font-size:20px; color:#666; position:relative;}
.pos .fl{ padding-right:28px; background:url(../img/pd_pos.jpg) right center no-repeat;}
.pos .fl,.pos .fl>a,.pos>a{ font-size:20px;line-height:52px;color:#666;}
.pos .fl>ul{ position:absolute; top:53px; left:185px; border:1px solid #c2996d; padding:4px 11px; width:70px; display:none; background:#fff; z-index:10}
.pos .fl>ul li{ width:70px; height:38px; line-height:38px; font-size:14px; color:#666; text-align:center; border-bottom:1px solid #ccc;}
.pos .fl>ul li:nth-child(7){ border:none;}
.pos .fl>ul li a{ font-size:14px; color:#666;}
.pos .fl>ul li a:hover{color:#c2996d}
.pos .fr{ line-height:52px;}
.pos .fr li{ float:left; margin-left:20px;}
.pos .fr li a{ font-size:16px; color:#666; }
.pos .fr li a:hover{color:#c2996d}