.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{ overflow-x:hidden;}

.banner{ max-height:937px; overflow:hidden;}
.banner img{ display:block; width:100%;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border-radius:12px; background:#956034;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:30px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ font-size:30px; width:60px; height:60px; border-radius:60px; text-align:center; font-family:"宋体"; top:50%;color:#fff; line-height:60px; background:#956034;}
.banner .swiper-button-next{ right:5%;}
.banner .swiper-button-prev{ left:5%;}


.tit{ font:48px "Microsoft Yahei"; text-align:center; color:#353535; width:100%; margin-bottom:24px;}
.tit a{ display:block; color:#353535;}
.tit em{ display:block; font:20px "Microsoft Yahei";color:#666; letter-spacing:2px; margin-top:3px; }

.guide{ height:500px; padding-top:98px; overflow:hidden; background:url(../images/yinz_bg.jpg) no-repeat center top;}
.guide .content{ position:relative;}
.guide dl{ height:398px; overflow:hidden;}
.guide dt{ width:600px; height:398px; float:right; overflow:hidden;}
.guide dt img{ display:block;width:600px; height:398px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.guide dt:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.guide dd{ width:510px; float:left; margin-top:160px; font:16px "Microsoft Yahei"; line-height:32px; color:#666;}
.guide h2{ font:58px "Microsoft Yahei"; font-weight:bold; color:#966234; padding-bottom:20px; border-bottom:2px solid #666; width:510px; position:absolute; top:0;}
.guide h2 em{ display:block; font:32px "Microsoft Yahei"; color:#333;}
.guidet{ width:440px; height:112px; position:absolute; top:284px;}
.guidet:before{ content:""; position:absolute; top:50%; left:120px; width:55px; height:1px; background:#d5d5d5;}
.guidet a{ display:inline-block; width:112px; height:112px; float:left; margin-right:75px; font:28px "Microsoft Yahei"; text-align:center; line-height:112px; color:#fff; background:#666; border-radius:112px;cursor:pointer;}
.guidet .cur{ background:#966234;}
.guide_l{ width:28px; height:50px; background:url(../images/yinz_l.png) no-repeat; position:absolute; top:163px; left:640px;}
.guide_r{width:28px; height:50px; background:url(../images/yinz_r.png) no-repeat; position:absolute; top:163px; right:35px;}

.pro{ height:1072px; margin-top:80px; overflow:hidden;}
.prot{ width:1200px; height:46px; margin:0 auto 23px;}
.prot h3{ width:150px; float:left; font:16px "Microsoft Yahei"; color:#666; line-height:46px; position:relative; text-align:center;}
.prot h3:before{ content:""; position:absolute; top:17px; right:0; width:1px; height:12px; background:#e5e5e5;}
.prot h3:last-child:before{ background:none;}
.prot h3 a{ color:#666;}
.prot .cur a,.prot h3 a:hover{ color:#966234; text-decoration:underline; font-weight:bold;}
.prot h5{ width:150px; font:16px "Microsoft Yahei"; line-height:46px; float:left;background:url(../images/pro_more.png) no-repeat right center; text-align:center;}
.prot h5 a{ display:block; color:#666;}
.pro dl{ height:800px; overflow:hidden; position:relative;}
.pro dt{ height:800px;}
.pro dd{ width:1200px; margin:-390px auto 0; position:relative; background:#fff; padding:10px; height:308px;}
.pro dd a{ display:block; float:left; width:231px; height:308px; overflow:hidden; margin-right:11px; position:relative;}
.pro dd em{ display:block; position:absolute; top:0; font:14px "Microsoft Yahei"; text-align:center; line-height:301px; color:#fff; width:231px; height:308px; background:rgba(0,0,0,0.6);}
.pro dd a:nth-child(4){ margin-right:0;}
.pro dd a:last-child{ margin-right:0; float:right;}
.pro dd img{display:block; width:231px; height:308px;}
.pro dd a:hover:before{ background:none;}
.pro dd a:hover img{ border:4px solid #966234; box-sizing:border-box;}
.pro dd a:hover em{ display:none;}

.case6{ height:auto; overflow:hidden;}
.case6 dl{ width:13.5%; height:37rem; float:left; overflow:hidden; position:relative;}
.case6 dt{ overflow:hidden; position:relative;}
.case6 dt img{ display:block; width:100%;}
.case6 dt em{ display:block; background:rgba(0,0,0,0.6); width:100%; height:100%; font:24px "Microsoft YaHei UI"; color:#fff; padding:195% 0 0 10%; box-sizing:content-box; position:absolute; top:0;}
.case6 dd{ display:none;}
.case6 .case66{ width:80%; background:#fff; position:absolute; bottom:35px; left:10%; height:86px; padding:15px 0;}
.case6 .case66:before{ content:""; position:absolute; top:0; left:67%; width:1px; height:100%; background:#ccc;}
.case6 dd p{ width:62%; float:left; font:16px "Microsoft YaHei UI"; line-height:28px; color:#666; height:56px; padding:10px 2.5% 0 2.5%; overflow:hidden;}
.case6 dd h3 img{ display:block; width:100%;}
.case6 dd h5{ width:28.57%; float:right; margin-right:2.5%;}
.case6 dd h5 span{ display:block; float:left; width:63%; font:18px "Microsoft YaHei UI"; font-weight:bold; overflow:hidden; color:#996033; margin-top:15px;}
.case6 dd h5 span em{ display:block; font:14px "Microsoft YaHei UI"; color:#666; line-height:30px;}
.case6 dd h5 b{ display:block; float:right; width:33%;}
.case6 dd h5 b img{ display:block; width:100%; border-radius:100%;}
.case6 .cur{ width:59.375%;}
.case6 .cur dt{ display:none;}
.case6 .cur dd{ display:block;}
@media (min-width: 1200px) and (max-width: 1440px) {
.case6 dl{ height:30rem;}
.case6 .case66{width:96%;left:2%; }
}
@media (min-width: 1441px) and (max-width: 1680px) {
}



/**/
.ysbj{ height:1090px; position: relative; box-sizing: border-box; background:url(../images/ys_bg.jpg) no-repeat center top; overflow: hidden; clear: both; font-family:"Microsoft Yahei";padding-top: 60px;}
.ys{width:1200px; position: relative; height: 906px; margin:0 auto;}
.ys_nav{width: 100%;background: rgba(0,0,0,0.7);height: 160px;z-index: 1;margin-top: -372px;position: relative;}
.ys_nav ul{width: 1200px; margin:0 auto;}
.ys_nav li{width: 300px; height: 160px; cursor: pointer; float: left;text-align: center;box-sizing: border-box;}
.ys_nav li h4{padding-top: 20px;height: 160px;box-sizing: border-box;text-align: center;font-size: 20px;color: #ffffff; font-weight: normal;}
.ys_nav li h4 em{width:62px;height: 62px;border-radius: 100px; display: block; font-size:32px; color: #c0a475;font-family: "Arial"; font-weight: normal; line-height: 62px;background: #fff;position: relative;margin:0 auto 28px;}
.ys_nav li h4 em:before{content:'';position:absolute;height:3px;width:28px;bottom:-14px;left:50%;margin-left: -14px; background:#7f7f7f; z-index: 2;}

.ys_nav li h5{display: none;height: 160px; position: relative; font-size: 18px; color: #222222; font-weight: normal;padding-top: 0px;box-sizing: border-box;}
.ys_nav li h5:after{content:'';position:absolute;height:202px;width:300px;bottom:0;left:0;background:rgba(149, 96, 52,0.9);}
.ys_nav li h5 em{ display: block; font-size: 20px; color: #ffffff;font-weight: normal; line-height: 24px;position: relative;z-index: 1;margin-bottom: 55px;}
.ys_nav li h5 em:before{content:'';position:absolute;height:3px;width:28px;bottom:-28px;left:50%;margin-left: -14px; background:#e5e2e3; z-index: 2;}
.ys_nav li h5 b{font-size: 26px;color:#ffffff;font-weight: normal;position: relative;z-index: 1;}
.ys_nav li.cur h4{display: none;}
.ys_nav li.cur h5{display: block;}


.yss{height: 906px;width: 1200px; margin:0 auto;}
.yss dl{width:1200px;height:906px; position:relative;}
.yss dt{ width:1200px; height:694px; overflow:hidden; margin:0 auto; position:relative;}
.yss dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.yss dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }
.yss dt img{ display:block;width:1200px; height:694px; }
.yss dd{width:1200px; margin:0 auto;height: 234px;position: absolute;left:0;bottom:0;padding:52px 0 0 0px; box-sizing:  border-box;}
.yss dd .desc{width:875px; float: left;margin-top:20px;}
.yss dd p{font-size:16px; color:#666666;  line-height: 30px; text-align: left; padding-left:24px; position:relative;}
.yss dd p:before{ content:""; position:absolute; top:10px; left:0; width:6px; height:6px; border:2px solid #cba540; border-radius:6px;}
.yss dd ul{margin-top:2px; float: right;}
.yss dd li{width:168px; float: left;position: relative;color:#966234;font-size: 60px;padding-left:18px;box-sizing: border-box;border-left:1px solid #dfdfdf;}
.yss dd li em{ font-size: 18px;color:#666;width:33px;height:33px;line-height: 33px;text-align: center;display: block;position: absolute;top:40px;}
.yss dd li h4{font-size: 18px;color:#666;font-weight: normal;}
.yss dd li:last-child{width:117px;}

.ys1 dd li:nth-child(1) em{right:18px;}
.ys1 dd li:nth-child(2) em{right:0px;}
.ys3 dd li:nth-child(1) em{right:0;}
.ys4 dd li:nth-child(1){ width:137px;}
.ys4 dd li:nth-child(2){ width:188px;}
.ys4 dd li:nth-child(1) em{right:-7px;}
.ys4 dd li:nth-child(2) em{right:0px;}

.parter{ height:615px; padding-top:90px; background:url(../images/parter_bg.jpg) no-repeat center top; overflow:hidden;}
.parter .tit a,.parter .tit em{ color:#fff;}
.par2{ min-width:1200px; max-width:1920px; width:65.1%; margin:0 auto;}
.parter dl{ width:25%; float:left; text-align:center; font:16px "Microsoft YaHei UI"; line-height:26px; color:rgba(255,255,255,0.7); height:320px; margin-top:60px;}
.parter dt{ width:92px; height:92px; margin:0 auto; overflow:hidden; background:#bea879; border-radius:92px;}
.parter dt img{ display:block;width:92px; height:92px;}
.parter dd h3{ font:26px "Microsoft YaHei UI"; color:#fff; margin:22px 0;}
.parter dl:hover{ background:rgba(0,0,0,0.5); box-shadow:0 0 1rem #222;height:280px; padding-top:30px;transform: translateY(-20px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.parter dl:hover dt{ background:#8a5931;}
.parter h5 a{ display:block; width:310px; height:48px; margin:0 auto; border-radius:20px; background:#8a5931; font:26px "Microsoft YaHei UI"; text-align:center; line-height:48px; color:#fff;}

/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 21px;font-size: 14px;clear: both;color: #888;padding:68px 0;position: relative;overflow: hidden;}
.new_t{font-size:20px;height:80px;line-height:42px;position: relative;text-align: center;}
.new_t span{display:inline-block;width: 165px;height: 44px;box-sizing:border-box;border: solid 1px #e5e5e5;}
.new_t span:nth-child(2){margin-left: 20px;}
.new_t span a{display: block;color: #666;}
.new_t span.cur,.new_t span:hover{border-color: #956034;background: #956034;color: #fff;}
.new_t span.cur a,.new_t span a:hover{color: #fff;}

.news_c1{height: 372px;}
.news_c dl{height: 356px;width: 572px;float: left;}
.news_c dt{width:572px;height: 286px;display: block;overflow: hidden;margin-bottom: 10px;}
.news_c dt img{width:572px;height: 286px;display: block;overflow: hidden;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_c dl:hover dt img{ display:block; width:100%;-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news_c ul{width: 562px;float: right;}
.news_c li,.news_c .dd01{height:110px;box-sizing:border-box;border: 1px solid #dcdcdc;padding:17px 0 0;margin-bottom:25px;}
.news_c .dd01{border-color: #fff; border-bottom:1px solid #dcdcdc;margin: 0 0 15px 0; height:114px;}
.news_c li p a,.news_c .dd01 p a{color: #333;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 16px;line-height: 30px; font-weight:bold;}
.news_c li span,.news_c .dd01 span{float: left;color: #bcbcbc;width: 132px;height: 80px;border-right: solid 1px #ebebeb;font-size: 14px;font-family: Arial;text-align: center;}
.news_c li span b,.news_c .dd01 span b{display: block;font-size: 56px;line-height: 50px;font-style:normal;color: #bcbcbc;font-family:Times New Roman;}
.news_c li p,.news_c .dd01 p{width: 366px;float: left;padding: 0 0 0 24px;}
.news_c li:hover a,.news_c dl:hover p a,.news_c li:hover .dd01 span b,.news_c dl:hover .dd01 span b,.news_c .dd02 a:hover{color: #956034;}
.news_c li:hover{border-color: #956034;}
.news_c .dd02{ font:14px "Microsoft YaHei UI"; line-height:34px; height:34px; overflow:hidden;}
.news_c .dd02 a{ display:block; color:#666666; position:relative; padding-left:24px;}
.news_c .dd02 em{ float:right;}
.news_c .dd02 a:before{ content:""; position:absolute; top:10px; left:0; width:8px; height:8px; border-radius:8px; border:2px solid #a6a6a6;}
.news_c .dd02 a:hover:before{}

.about{ background:url(../images/about.jpg) no-repeat center top; height:778px; overflow:hidden;}
.about h2{ font:48px "Microsoft YaHei UI"; text-align:center; padding-top:95px;}
.about h2 a{ display:block; color:#000000;}
.about h2 em{ display:block;}

.link{ background:#1e1a1a; border-top:1px solid #353131; padding:25px 0 50px;}
.link p{ font:16px "Microsoft YaHei UI"; line-height:36px; color:#fff;}
.link p a{ display:inline-block; color:#fff; padding-right:45px;}
.link p a:hover{ font-weight:bold; text-decoration:underline;}

@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
}
@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}