.font-size-xs{font-size: .8rem;}
.font-size-sm{font-size: 1.2em;}
.font-size-md{font-size: 1.6rem;}
.font-size-lg{font-size: 1.8rem;}
a:hover{text-decoration: none;}
body{background: #f1f1f1;}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner{height: 100vh;}

#banner01{background: url("../images/banner1_bg.jpg") no-repeat center center;background-size: cover;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding-top: 10rem}

#banner01 > div:nth-of-type(1) h1{font-size: 60px;font-weight: bold;color: #ffffff;margin-top: 15px;margin-bottom: 10px}
#banner01 > div:nth-of-type(1) h3{font-size: 50px;font-weight: bold;color: #fbb760;}
#banner01 > div:nth-of-type(3) img{width: 60%}
#banner01 > div:nth-of-type(2) img{width: 10rem;}

#banner02{background: url("../images/banner2_bg.jpg") no-repeat center center;background-size: cover;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding-top: 10rem}
#banner03{background: url("../images/banner3_bg.jpg") no-repeat center center;background-size: cover;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding-top: 10rem}



.app-news-box{z-index: 11;}
.app-news-box-r{margin-top: -5rem;}


.app-news-l .card-body{background: #c39d6d;color: #ffffff;}
.app-news-l-box{color: rgba(255,255,255,.6);}
.app-news-l-box p:nth-of-type(1){padding-bottom: 15px;border-bottom: 1px dashed rgba(255,255,255,.3);;}



.app-home-news-list img{width: 8rem;height: 5rem;}
.app-home-news-list .img-box{position: relative;}
.app-home-news-list .img-box span{width: 8rem;height: 5rem;position: absolute;text-align: center;background: #C39D6D;color: #ffffff;display: none;justify-content: center;align-items: center;flex-direction: column;}
.app-home-news-list .img-box span strong{font-size: 1.6rem;}
.app-home-news-list h5{height: 1.5rem;overflow: hidden;text-overflow: ellipsis;}
.app-home-news-list h5 a{color: #666;}
.app-home-news-list p{height: 3rem;overflow: hidden;color:#999;margin-top: 0;}
.app-home-news-list li{border-bottom: 1px solid #EEEEEE;}
.app-home-news-list li:last-child{border: none}
.app-home-news-list li:hover{background: #B6864B;transform: scale(1.1);box-shadow: 0 1rem 3rem rgba(98,72,40,.175) !important;}
.app-home-news-list li:hover a{color: #ffffff}
.app-home-news-list li:hover p{color: rgba(255,255,255,.6)}
.app-home-news-list li:hover .img-box span{display: flex;}
.animal{transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}

#swiper-container2{height: 15rem;}
#swiper-container2 a{display: block;height: 15rem;position: relative;width: 100%;overflow: hidden;}
#swiper-container2 a img{width: auto;height: 12rem;}
#swiper-container2 a h4{color:#BB8F59;font-size: 1.2rem;line-height: 3rem;}
#swiper-container2 a:hover img{height: 10rem;}
#swiper-container2 a:hover h4{line-height: 5rem;background: #BB8F59;color: #ffffff;}
#swiper-container2:hover .swiper-button-next,#swiper-container2:hover .swiper-button-prev{display: flex;}
.swiper-button-next,.swiper-button-prev{background: rgba(0,0,0,.8);display: none;}
.swiper-button-next:after,.swiper-button-prev:after{color: #ffffff;font-size: 18px;}



.app-footer-box{color: rgba(255,255,255,.6);}
.app-footer-box .fa{font-size: .8rem;}
.app-footer-box span{color: rgba(255,255,255,.2);font-size: .9rem;display: block;}
.footer_detail {
    background-color: #222527;
    position: relative;
    overflow: hidden;
}


.footer_detail .footer_title_border {
    background-color: rgba(255, 255, 255, 0.22);
    height: 2px;
    width: 26px;
}

.footer_detail h6 {
    font-size: 18px;
}

.copy{font-size: 12px !important;}

.footer_detail .footer_menu_list li a {
    color: rgba(255, 255, 255, 0.42) !important;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    transition: all 0.5s;
}

.footer_detail .footer_menu_list li a:hover {
    color: #fff !important;
}

.footer_detail p {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.42);
}

.fot_social .social-icon {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
    transition: all 0.5s;
    width: 38px;
    color: rgba(255, 255, 255, 0.42);
    height: 38px;
    display: block;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
}

.fot_social .social-icon:hover {
    color: #fff !important;
}
footer input,footer textarea{width: 100%;background: rgba(255,255,255,.05);border: 1px solid rgba(255,255,255,.1);color: #FFFFFF;font-size: .8rem;text-indent: 10px;}


.app-common-box{position: relative;margin-top: -70px;z-index: 20;background: #ffffff !important;}
.app-common-breadcrumb{padding-top: 10px;padding-bottom: 10px;}
.app-common-breadcrumb a{color: #666666 !important;}
.app-common-breadcrumb h5{border-bottom: 3px solid #c39d6d;padding-bottom: 8px;color: #c39d6d}
.app-common-breadcrumb a:hover{color:  #c39d6d !important;}
.app-common-breadcrumb .active{color: #999999;}
.breadcrumb{background: none;}


.app-item-list{padding-bottom: 20px;padding-top: 20px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #EEEEEE;}
/*.app-item-list img{width: 100%;height: 10rem;border-radius: 10px}*/
.app-item-list img{width: 100%;border-radius: 10px}
.app-item-list:hover .title{color: #c39d6d !important;}
.app-item-list .title{color: #333333;}

.pagelist ul{display: flex;justify-content: center;align-items: center;}
.pagelist ul li{padding: 5px 10px;border: 1px solid #DDDDDD;margin-left: 5px;margin-right: 5px;}


.flex-col .img-block{padding-top: 15px;}
.flex-col{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.v30-contact{position:fixed;right:0;top:50%;transform:translateY(-50%);padding:50px 0;height:482px;box-sizing:border-box;z-index:99}
.v30-contact-form.cur{width:200px;opacity:1}
.v30-contact .transition{transition-duration:.8s}
.v30-contact .v30-contact-title{background-color:rgba(32,176,159,.8);color:#fff;padding:15px 20px 0;white-space:nowrap;position:relative}
.v30-contact .v30-contact-title .cf-close{position:absolute;left:166px;top:0;padding:10px}
.v30-contact-item-block{position:absolute;right:0;width:70px;height:70px;background-color:#c39d6d;border:1px solid #c39d6d;border-right:none;box-sizing:border-box}
.v30-contact-item-block:nth-child(1){top:50px}
.v30-contact-item-block:nth-child(2){top:128px}
.v30-contact-item-block:nth-child(3){top:206px}
.v30-contact-item-block:nth-child(4){top:284px}
.v30-contact-item-block:nth-child(5){top:362px}
.v30-contact-item{width:100%;height:100%}
.v30-contact-item-p{color:#fff;font-size:12px;margin-top:5px}
.v30-contact-item-in{height:100%;display:none;position:relative;z-index:1;overflow:hidden}
.v30-contact-item-in-p{color:#fff;text-align:center;line-height:68px;height:68px;white-space:nowrap}
.v30-contact-in.cur{width:156px;background-color:transparent}
.v30-contact-in.cur .v30-contact-item-in{width:100%;display:block}
.v30-contact-in.cur .v30-contact-item{display:none}
.v30-contact-in:before{content:"";background-color:#c39d6d;position:absolute;height:100%;width:0;transition:all .8s ease}
.v30-contact-in.cur:before{width:100%}
.v30-contact-item-block.v30-contact-top{display:none;cursor:pointer;width:46px;height:46px;top:480px}
.v30-contact-item-block.v30-contact-top .v30-contact-item-p{font-size:14px;margin-top:0}
.v30-contact-in.v30-contact-search.cur{border-left:none}
.v30-contact-form{position:absolute;width:0;right:156px;bottom:-1px;z-index:999;overflow:hidden;opacity:0}
.v30-contact-form .cf-form{background-color:rgba(32,176,159,.8);box-sizing:border-box;padding:10px 20px 20px;border-bottom:1px solid #20b09f}
.v30-contact-form .cf-form-item{margin-bottom:10px;font-size:0;white-space:nowrap}
.v30-contact-form .cf-form-item:last-of-type{margin:0}
.v30-contact-form input{padding:0 8px;margin:0;border:none;box-sizing:border-box;width:160px;height:28px;line-height:28px;font-size:12px;display:inline-block;vertical-align:middle;background-color:#fff}
.v30-contact-form .verify{width:86px;margin-right:5px}
.v30-contact-form .submit{width:160px;height:28px;line-height:28px;font-size:14px}
.v30-contact-qr-show{display:none;position:absolute;z-index:1;border:1px solid rgba(32,176,159,.8);left:-160px;top:-91px}

.app-serve-box a{height: 15rem;position: relative;display: block;}
.app-serve-box a h3{background: rgba(255,255,255,.8);display: block;width: 90%;margin: auto;height: 5rem;margin-top: -2.5rem;position: relative;text-align: center;line-height: 5rem;}
#app-en-case .card a{height: 11rem;display: block;overflow: hidden;}
#app-en-case .card:hover{background:#BB8F59;color: #FFFFFF;box-shadow: 0 .5rem 1rem rgba(125,92,51,.4)!important;}
#app-en-case .card:hover img{transform: scale(1.5);}
#app-en-case .card h5{color: #999999;font-size: 1.1rem;text-align: center;}
#app-en-case .card:hover h5{color: #FFFFFF;}
.app-more{padding: .6rem 3rem;border: 1px solid #DDDDDD;margin-top: 2rem;color: #999999;}
.app-more:hover{padding: .6rem 5rem;border: 1px solid #BB8F59;margin-top: 2rem;color: #ffffff;background: #BB8F59;text-decoration: none;border-radius: 100px;}


@media (max-width: 768px) {
    .banner{height: 60vh;}
}