@charset "gb2312";
@import url("reset_s.css");

.ban{ width:100%; height:349px; margin:0 auto; background:url(/images/pp_ban.jpg) no-repeat center;}
.pp_nav{ position:absolute; left:0; top:-94px; width:172px; background-color:#B28247; overflow:hidden; padding-bottom:50px}
.pp_nav dt{ height:101px; background:url(/images/pp_nav.png) center 38px no-repeat;}
.pp_nav dd{ height:50px; width:163px;}
/*.pp_nav dd:nth-child(10){ display:none;}*/
.pp_nav dd>a{ display:block; height:49px; width:163px; border-bottom:1px solid #C3C3C3; line-height:49px; color:#666; font-size:16px; background-color:#fff; }
.pp_nav dd>a.spe{color:#B28247}
.pp_nav dd>a span{ display:block; float:left; border-radius:10px; margin:15px 11px 15px 28px; width:20px; height:20px; background: #FFF url(/images/pp_nav1.jpg) no-repeat center;}
.pp_nav dd>a:hover,.pp_nav dd a.active{ background-color:#211E1F; border-bottom:1px solid #211E1F; color:#fff;}
.pp_nav>div{width:172px;background-color:#fff;}
.pp_nav>div>div{ font-size:20px; padding-left:10px; height:44px; line-height:44px; background:#E1E2E7; color:#666;  font-weight:bold;}
.pp_nav>div>a{ display:block; padding-left:60px; height:40px; color:#fff; line-height:40px; font-size:16px; }


.gyybs{width: 1200px;margin: 70px auto 130px;}


.ystd_t{ width:100%;}
.ystd_t>h2{text-align:center; font-size:44px; color:#333; font-weight:normal; height:62px; padding-bottom:20px; line-height:44px; margin:0 0 30px; background:url(/images/pp_hs9n.png) no-repeat center bottom;}

.pp_jgs{ overflow:hidden; /*height:92px;*/ margin-bottom:18px;}
.pp_jgs li{ width:128px; height:46px; float:left; overflow:hidden;}
.pp_jgs li:nth-child(7n){ width:127px;}
.blackBg{transition: ease all 0.5s;}
.pp_jgs li a{ display:block;width:128px; height:37px; padding-top:3px; background-color:#DDD;}
.pp_jgs li a span{display:block;width:127px; height:34px; border-right:1px solid #C3C3C3;font-size:16px;line-height:34px;text-align:center;color:#666; overflow:hidden;}
.pp_jgs li a span.erya,.pp_jgs li a span.erya em,.pp_jgs li a span.erya i{display:block;width:127px; height:34px;}
.pp_jgs li a span.erya em,.pp_jgs li a span.erya i{ font-style:normal;}
.pp_jgs li a span.erya:hover em{ display:none;}
.pp_jgs li a span.spe{ color:#B28247}
.pp_jgs li.active{ background:url(/images/pp_td.jpg) no-repeat center;}
.pp_jgs li.active a{ background:none;}
.pp_jgs li.active a span{ border:none; width:128px; color:#fff;}
.pp_yltdc li{ width:284px; background:#f0f0f0; float:left; margin-right:20px; margin-bottom:40px;}
.pp_yltdc li:nth-child(4n){ margin-right:0;}
.pp_yltdc li:hover{ box-shadow:#aaa 0px 8px 20px;-moz-box-shadow:#aaa 0px 8px 20px;-ms-box-shadow:#aaa 0px 8px 20px;-o-box-shadow:#aaa 0px 8px 20px;-webkit-box-shadow:#aaa 0px 8px 20px;}
.pp_yltdc li a img{display:block; width:210px; height:289px; background:url(/style/img/zj/ybs_common.jpg) no-repeat center; margin:0 auto; border:none}
#morejg span,#morejg em,#morejg i{display:block;width:127px; height:34px;}
#morejg em,#morejg i{ font-style:normal;}
.pp_yltdc li a p{ padding:20px 15px; display:block; text-align:center; height:90px}
.pp_yltdc li a p b{display:block; font-size:28px; font-weight:100; margin-bottom:10px}


.teamHead{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;position: relative;}
.teamHead>li{flex: 1;}
.teamHead>li:nth-of-type(1).on1{height: 280px;}
.teamHead>li:nth-of-type(2).on1{height: 240px !important;}
.teamHead>li:nth-of-type(3).on1{height: 240px !important;}
.teamHead>li b{display: block;height: 86px;line-height: 86px;font-size: 32px;color: #fff;text-align: center;cursor: pointer;transition: 0.6s ease;position: relative;background: #D9D9D9;font-weight: normal;}
.teamHead>li.on b{background: #A47846;}
.teamHead>li b::after{content: "";width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #A47846;position: absolute;left: 0;right: 0;bottom: -14px;margin: auto;opacity: 0;z-index: -1;}
.teamHead>li.on b::after{opacity: 1;}



.teamHead>li ul{position: absolute;left: 0;padding: 50px 0;display: none;justify-content: flex-start;transition: 0.6s all;overflow: hidden;z-index: -1;flex-wrap: wrap;}
.teamHead>li ul>li{cursor: pointer;font-size: 16px;color: #999;position: relative;margin-bottom: 24px;flex-shrink: 0;width: 140px;text-align: center;line-height: 1;}
.teamHead>li ul>li::after{content: "";width: 1px;height:16px;background: #999;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.teamHead>li ul>li:last-child::after{background: transparent;}
.teamHead>li ul>li:nth-child(8n)::after{background: transparent;}
.teamHead>li ul>li.active{color: #a47846;}
.teamHead>li.on:hover ul,.teamHead>li.on ul{z-index: 1;display: flex;}
.dsno{display: none;}

.anliRight{background: #B61014;position: fixed;left: 10px;top: 0;bottom: 0;margin: auto;z-index: 100;width:100px;height: 100px;display: flex;justify-content: center;align-items: center;font-size: 30px;color: #fff;border-radius: 15px;}
.anliRight:hover{color: #fff;border-radius: 50%;background: #A47846;}
.anliBox h2{display: flex;flex-direction: column;}
.anliBox h2 span{background: #A47846;color: #fff;border-radius: 15px;padding: 20px;font-size: 30px;font-weight: 700;margin: 20px 0 10px 20px;cursor: pointer;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);transition: 0.6s all;width: 300px;text-align: center;}
.anliBox h2 span:hover{background: #777;}
.smhb{font-size: 26px;color: #B61014;margin: 20px;display: block;}
.anliImg{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;padding: 0 20px;}
.anliPage1 img{flex-shrink: 0;display: flex;width:24%;margin-right: 1.3%;margin-bottom: 10px;}
.anliPage1 img:nth-of-type(4n){margin-right: 0;}

.miao{transition: 0.6s all;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;justify-content: flex-start;flex-direction: column;padding: 20px;position: fixed;top: 0;left: 0;background: rgba(255, 255, 255, 1);box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
.miao.on{top: -280px;}
.miao a{color: #A47846;padding:0 15px;border-radius: 30px;overflow: hidden;}
.miao .mod1 a{background: #A47846;color: #FFF;display: inline-block;height: 40px;line-height: 40px;}
.miao .mod a{height: 30px;line-height: 30px;display: inline-block;}
.miao .mod a:hover{color: #211E1F;}
.miao .mod a:first-child{background: #A47846;color: #fff;}
.miao .mod a:first-child:hover,.miao .mod1 a:hover{background: #211E1F;}
.downUp{font-size: 20px;background: #211E1F;color: #fff;text-align: center;padding: 10px 0;border-radius: 50px;display: block;width: 100px;margin: 0 auto;cursor: pointer;}
.hidden{display: none !important;}
.bgkong{width:100%;height:350px;}
.bgkong.on{height: 100px;}