/*头部导航*/
html, body {max-width: 1920px;min-width: 1200px;width: 100%;position: relative;}

.indexDOM {width: 100%;height: 100vh; overflow: hidden; }
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets{ right:4%!important; }
.indexDOM .swiper-container-vertical > .indexDOM .swiper-pagination-bullets .swiper-pagination-bullet{margin: 25px 0;}
.indexDOM .swiper-pagination-bullet{width: 80px;height: 21px;border-radius: 50%;opacity: 1;margin: 12px 5px;padding-left: 27px;background: url(../images/barh.png) no-repeat center left;text-align: left;background-size: 11px 11px;border-radius: 0;font-size: 0;}
.indexDOM .swiper-pagination-bullet-active{margin: 0;background: url(../images/bar.png) no-repeat center left;background-size: 21px 21px;text-align: left;border-radius: 0;width: 70px;font-size: 14px;color: #cb9744;}



.gallery-thumbs {
  height: 100px;width: 100%;position: absolute;left:0;bottom: 0;
  box-sizing: border-box; line-height: 100px;
}
.gallery-thumbs .swiper-slide {
width: 16%;margin: 0 2%; border-top:1px solid #b1aea8; 
  font-size: 16px;color: #fff;text-align: center;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;font-weight: bold;
}

.footer_xia_nr p{display:block!important;}





.layui-layer-page .layui-layer-content{overflow:hidden;}

/*第二屏*/

.yz{ background: url(../images/yz_bg.jpg) no-repeat center;background-size: cover;position: relative;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative; }

.yz_con p{ display: block;font-weight: normal;font-size: 1rem;color: #1a1a1a;line-height: 2.1rem;padding-top: 14.2rem; }
.yz ul{ height: 130px;padding-top: 28px;box-sizing: border-box;background: #bb8f4f;position: absolute;bottom:3.5rem;width: 1400px;left:50%;margin-left: -700px;}
.yz ul li{float: left;text-align: center;height: 66px;transition: all 0.5s;width: 25%;border-right: 1px solid #d0b184;box-sizing: border-box; }
.yz ul li span{display: block;font-size: 46px;color: #fff;line-height: 46px;height: 46px;font-weight: bold;font-family: Impact;text-align: center;}
.yz ul li b{display: inline-block;font-size: 56px;line-height: 32px;font-family: Arial;text-align: center;font-weight: bold;}
.yz li em{ display: inline-block;font-size: 18px;line-height: 18px; color: #fff;font-weight: normal;vertical-align: initial;}
.yz li p{font-size: 22px;color: #fff;line-height: 22px;padding-top: 8px;font-weight: normal;}
.yz li:hover{transform: translateY(-6px);}

 @media screen and (max-width:1440px)
    {
     .yz ul{ height: 130px;padding-top: 28px;box-sizing: border-box;background: #bb8f4f;position: absolute;bottom:3.5rem;width: 1200px;left:50%;margin-left: -600px;}
    }
    
/*第三屏*/
.tit{ display: block;font-weight: normal;position: relative; }
.tit>img{ display: block;float: left;width: 3.1rem;height: auto;vertical-align: top; }
.tit a>img{ display: block;float: left;width: 3.1rem;height: auto;vertical-align: top; }
.tit b{ display: block;color: #B67612;font-size: 2rem;line-height: 2rem;float: left; }
.tit span{ display: block;color: #333333;;font-size: 0.9rem;float: left;margin-left: 1rem;vertical-align: bottom;margin-top: 0.9rem; }

.case{ padding: 4rem 0; height: 100vh;box-sizing: border-box;}
.case_bd{ margin-top: 2.4rem;position: relative; }
.case_con dl{position: relative;}
.case_con dt{ width: 83.78%;float: left;display: block; overflow: hidden;}
.case_con dt img{ display: block;width: 100%; transition: all 0.5s;}
.case_con dt:hover img{ transform: scale(1.05); }
.case_con dd{ width: 12.14%;float: right; }
.case_con dd em{ display: block;font-size: 1.4rem;color: #808080;font-family: Verdana; }
.case_con dd em span{ display: inline-block; font-size: 2.5rem;color: #b67612;}
.case_con dd p{ font-size: 0.8rem;color: #333333;line-height: 1.6rem;padding-top: 3.6rem;position: relative; }
.case_con dd p:after{ position: absolute;top:2.4rem;background: #d9d9d9;width: 2.4rem;height: 1px;left:0;content: "";}
.case_con dd .case_dd{ width: 380px;height: 258px;background: #C2934A;position: absolute;right: 0;bottom:0;padding-top: 60px;padding-left: 47px;box-sizing: border-box; }
.case_con dd .case_dd>img{ display: block;width: 65px;height: 155px;float: left; }
.case_con dd .case_dd b{ display: block;float: left;margin-left: 30px;font-size: 24px;line-height: 40px;margin-top: 6px;width: 180px;color: #fff; }
.case_con dd .case_dd b>img{width: 110px;height: 30px;margin-top: 22px;}

.case_t ul{width:300px;height: 3px;position: absolute;right:30px;top:-39px;background: #e3e3e3;}
.case_t li:nth-child(1).on{display: block;width:60px;height:3px;background: #b67612;z-index: 20;opacity: 1;transition: all 0.3s}
.case_t li:nth-child(2).on{display: block;width:120px;height:3px;background: #b67612;z-index: 20;opacity: 1;transition: all 0.3s}
.case_t li:nth-child(3).on{display: block;width:180px;height:3px;background: #b67612;z-index: 20;opacity: 1;transition: all 0.3s}
.case_t li:nth-child(4).on{display: block;width:240px;height:3px;background: #b67612;z-index: 20;opacity: 1;transition: all 0.3s}
.case_t li:nth-child(5).on{display: block;width:300px;height:3px;background: #b67612;z-index: 20;opacity: 1;transition: all 0.3s}
.case_bd .bprev{ position: absolute; top: -48px; display:block;  width:13px; height:21px;background:url(../images/zprev.png) no-repeat; right: 345px; z-index: 50;cursor: pointer;}
.case_bd .bnext{ position: absolute; top: -48px; display:block;   width:13px; height:21px;background:url(../images/znext.png) no-repeat; right: 0px;  z-index: 50;cursor: pointer;}
/*第四屏*/

.pro{ padding: 4rem 0;background: #f2f2f2;box-sizing: border-box; }
.pro .tit>img{ display: block;float: left;width: 4.45rem;height: auto;vertical-align: top; }
.pro .tit em{ float: right;font-size:1.1rem;color: #1a1a1a; }
.pro .tit em img{ display: inline-block;width: 1rem;height: 1rem;margin-left: 0.5rem;vertical-align: middle; }
.pro_con{ margin-top: 2.4rem; }
.pro dl{ float: left;width: 50%;height: 33rem;background: #FFFFFF;}
.pro dt a{ font-size: 1.5rem;color: #1a1a1a;font-weight: normal;line-height: 1.5rem;padding-top: 3.5rem;text-align: center; padding-bottom: 2.4rem;display: block;}
.pro dd ul{padding:0 8.5%;}
.pro dd ul li{float: left;width: 28.4%;margin-right: 7.4%;}
.pro dd ul li:last-child{ margin-right: 0; }
.pro dd ul li i{ display: block;width: 100%; overflow:hidden;}
.pro dd ul li i>img{ display: block;width: 100%;transition:all 0.5s; }
.pro dd ul li:hover i>img{ transform:scale(1.05);}
.pro dd ul li h3{ display: block;font-size: 17px;line-height: 17px;color: #1A1A1A;padding-top:1.9rem;text-align: center;font-weight: normal; }
.pro dd ul li h3>img{ display: block;width: 4rem;height: 1.3rem;margin: 1.4rem auto 0; }
.pro_r{ float: right;width: 50%; }
.pro_r li{ float: left;margin-left: 1.5%;box-sizing: border-box;width: 48.5%;height: 33rem;background: #FFFFFF; }
.pro_r li em{ font-size: 1.5rem;color: #1a1a1a;font-weight: normal;line-height: 1.5rem;padding-top: 3.5rem;text-align: center; padding-bottom: 2.4rem;display: block;}
.pro_r li i{ display: block;width: 48.5%;margin: 0 auto;overflow:hidden;}
.pro_r li i>img{ display: block;width: 100%;transition:all 0.5s; }
.pro_r li:hover i>img{ transform:scale(1.05);}
.pro_r li h3>img{ display: block;width: 4rem;height: 1.3rem;margin: 4.2rem auto 0; }

.ys{ padding-top: 2.2rem; height: 100vh;box-sizing: border-box;}
.ys .tit{padding-top: 1.5rem;float: left;width: 41rem; }
.ys .tit>img{ display: block;float: left;width: 6.1rem;height: auto;vertical-align: top; }
.ys_t{ float: right;width: 27.6rem;}
.ys_t li{ float: left;width: 9.2rem; height:6.6rem;margin-bottom: -0.6rem; position: relative;z-index: 50;}
.ys_t li img{ display: block;width: 8rem;height: 4.5rem;padding-top:0.5rem;margin: 0 auto;  }
.ys_t li.on:before{position:absolute;left:0.5rem;top:0.5rem;width:8rem;height:4.5rem;background:rgba(0,0,0,0.6);content:"";z-index:5;}
.ys_t li span{ display: block;position: absolute;left:0;top:0;font-size: 1.1rem;color: #fff;text-align: center;line-height: 1.1rem;padding-top: 2.2rem;width: 100%;z-index:20; }
.ys_t li.on{ border:0.1rem solid #c2934a;box-sizing: border-box; }
.ys_t li.on span{ font-weight: bold; }
.ys_con dl{ position: relative; }
.ys_con dt img{ display: block;width: 100%; }
.ys_con dd{ position: absolute;width: 858px;height: 282px;background: #c2934a;padding-right: 250px;padding-left: 52px;padding-top: 40px;box-sizing: border-box;bottom:0;right: 0; }
.ys_con dd h4{ display: block;font-size: 28px;color: #ffffff;position: relative; line-height: 28px;}
.ys_con dd h4:after{ position: absolute;top:45px;background: #e1c9a5;width: 56px;height: 1px;left:0;content: "";}
.ys_con dd p{ padding-top:32px;  }
.ys_con dd p span{ font-size: 15px;color: #ffffff;line-height: 28px;position: relative; display: block;margin-bottom: 10px;}


.zs{ padding: 4rem 0;box-sizing: border-box; }
.zs .tit>img{ display: block;float: left;width: 3.55rem;height: auto;vertical-align: top; }
.zs .tit em{ float: right;font-size:1.1rem;color: #1a1a1a; }
.zs .tit em img{ display: inline-block;width: 1rem;height: 1rem;margin-left: 0.5rem;vertical-align: middle; }
.zs_con{ margin-top: 3rem; }
.zs_l{ float: left;width: 25.7%;border-top: 1px  solid #dedede; }
.zs_l li{height: 7.6rem;border-bottom: 1px  solid #dedede ;box-sizing: border-box;padding-top: 1rem; }
.zs_l li img{ float: left;width: 22.77%;margin-left: 2.77%;display:block;}
.zs_l li span{ float: left;margin-left: 8.33%;font-size: 0.8rem;line-height: 1.3rem; margin-top:1.5rem;width: 9.2rem;}
.zs_l li.cur{ background:url(../images/zs_jt.png) no-repeat right 3.4rem; }
.zs_r{ float: right;width: 69.2%; }

.zs_r dt{ display: block;width: 59.8%;float: left; background: url(../images/zs_dd.png) no-repeat center;background-size: 100% 23rem;height: 23rem;}
.zs_r dt img{ display: block;width: 41.9%;margin: 0 auto;padding-top: 2.3rem; }
.zs_r dd{ float: right;width: 40.2%;padding: 4.5rem 2.5rem 0 3rem;box-sizing: border-box;background: #f2f2f2;height: 23rem; }
.zs_r dd h4{ display: block;font-weight: normal;font-size: 1.2rem;line-height: 2rem;color: #333; height:4.8rem;border-bottom: 1px solid #dedede;}
.zs_r dd p{ display: block;font-weight: normal;font-size: 0.8rem;line-height: 1.6rem;color: #4c4c4c; height:6.6rem;margin-top: 2rem;}
.zs_r dd span>img{ display: block;width: 4rem;height: 1.3rem;}
.coop_con{ padding-top: 2.5rem;height: 8.5rem; }
.coop_con h2{ float: left;padding-top: 2.5rem;width: 13.4%; }
.coop_con h2 b{font-weight: normal;font-weight: normal;font-size: 1.6rem;line-height: 1.6rem;color: #1A1A1A;}
.coop_con h2 b>img{ float: right;width: 1.25rem;height: 1.25rem;display: block;vertical-align: middle; }
.coop_con h2 em>img{ display: block;width: 4.55rem;height: 0.6rem;margin-top: 0.8rem; }
.coop_con ul{ float: right; width: 81.14%;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;height: 8.5rem;padding-top: 1.6rem;box-sizing: border-box; }
.coop_con ul li{float: left;width:12.5%; }
.coop_con ul li img{ display: block;width:100%;transition: all 0.5s;filter: grayscale(100%);
    -webkit-filter: grayscale(100%); }
.coop_con ul li:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);}

.news{ padding: 4rem 0;background: #f2f2f2;box-sizing: border-box; }
.news .tit>img{ display: block;float: left;width: 2.9rem;height: auto;vertical-align: top; }
.news .tit em{ float: right;font-size:1.1rem;color: #1a1a1a; }
.news .tit em img{ display: inline-block;width: 1rem;height: 1rem;margin-left: 0.5rem;vertical-align: middle; }
.news_t{ display:block;text-align: center;margin-top:2.5rem; height: 2.8rem;margin-bottom: 2rem;}
.news_t li{ display: inline-block;width: 12rem;height: 2.8rem;border: 1px solid #D4D4D4; font-size: 1.1rem;line-height: 2.8rem;margin-right: 0.5rem;text-align: center; }
.news_t li a{ display: block;color: #1a1a1a; }
.news_t li.on{background: #C2934A;border-color:#C2934A;color: #fff; }
.news_t li.on a{ color: #fff;  }
.news_con dl{ width: 31.4%;float: left;margin-right: 2.9%; }
.news_con dl:last-child{ margin-right: 0; }
.news_con dt{display:block;width: 100%;overflow:hidden;}
.news_con dt img{display: block;width: 100%;transition:all 0.5s;}
.news_con dt:hover img{transform:scale(1.05);}
.news_con dd{height:15.8rem;background: #fff;padding: 1.8rem 2rem 0; }
.news_con dd span{ display: block;font-size: 0.8rem;line-height: 0.8rem;font-family: Verdana;color: #999999; }
.news_con dd span>img{ display:inline-block;width: 0.85rem;height: 0.85rem;margin-right: 0.5rem; }
.news_con dd h4 a{ display: block;font-size: 0.9rem;line-height: 1.6rem;color: #333333;margin-top: 0.8rem; }
.news_con dd p{ display: block;font-size: 0.75rem;line-height: 1.5rem;color: #666666;margin-top: 0.8rem; }
.news_con dd .more img{ display: block;width: 4rem;height: 1.3rem;margin: 1.4rem 0 0;  }

.abt{ background: url(../images/abt_bg.jpg) no-repeat center;background-size: cover;position: relative;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.abt dl{ padding-top: 5.5rem;position: relative;width: 57.8125%;margin: 0 auto; }
.abt dt{ display: block;width: 100%;position:relative; }
.abt dt em img{ display: block;width: 100%;position:absolute;left:0;top:0;z-index:50;}
.abt dd{ padding: 31px 0 0 29px;box-sizing: border-box;width: 100%; }
.abt dd h4 a{ display: block;font-size: 24px;color: #fff;line-height: 24px; }
.abt dd h4 a>img{ display: block;width: 80px;height: 26px;float: right; }
.abt dd p{ display: block;font-size: 15px;color: #fff;line-height: 15px;padding-top: 18px; }















.content{width:1400px;margin: 0 auto;}

@media screen and (max-width:1440px) {
    html {font-size: 14px;}
   .content{width:1200px;margin: 0 auto;}
}
@media screen and (max-width:1920px) and (min-width:1600px)  {
    html {font-size:20px;}
    
}



html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }