@charset "utf-8";






.swiper-container-banner {
        width: 100%;
        height: 100vh;
        background-color: rgb(118, 179, 156);
        transition: 1s background-color 1.3s;
    }
.swiper-container-banner .swiper-wrapper {
        transition-delay: 1s;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    }
.swiper-container-banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* 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;
    }

    .img-box {
        width: 100%;
        height: 100%;
        position: absolute;
        transform: scale(0.6, 0.6);
        transition-duration: 1s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        opacity: 0.9;
        overflow: hidden;
    }
    .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.2, 1.2) translateX(50%);
        transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
        transition-property: transform;
    }
    .button-prev, .button-next {
        transition: 0.5s;
        outline: none;
        position: absolute;
        width: 140px;
        z-index: 10;
        top: 50vh;
        transform: translateY(-34px);
        cursor: pointer;
    }
    .button-prev {
        left: 6vw;
    }
    .button-next {
        right: 6vw;
    }
    .button.disabled {
        opacity: 0.2;
        cursor: default;
    }
    #arrow-svg-home {
        transform: translateY(353px);
    }
    .button-next #arrow-svg-home {
        transform: translateY(353px) rotateY(180deg);
        transform-origin: 80px 0px 0px;
    }
    svg {
        transition: 0.5s;
    }
    .cls-1 {
        transition: 0.5s;
        opacity: 0.4;
        transform-origin: -20px 40px;
        opacity: 1;
    }
    .cls-4 {
        transition: 0.5s;
        stroke-width: 2px;
        stroke: #fff;
        fill: none;
        stroke-dasharray: 1;
        stroke-dashoffset: 1;
        opacity: 0.4;
        transform-origin: 0px 0px 0px;
    }
    #arrow-trg {
        transition: 0.5s;
        fill: #fff;
        transform: rotateY(180deg) translate(-53px, 39px);
    }
    #line {
        transition: 0.5s;
        stroke: #fff;
        transform: translate(50px, 42px);
    }
    .button-prev:not(.disabled):hover svg {
        transform: translateX(-25px);
    }
    .button-next:not(.disabled):hover svg {
        transform: translateX(25px);
    }
    .button:not(.disabled):hover .cls-1 {
        transform: scale(1.1);
    }
    .button:not(.disabled):hover .cls-4 {
        stroke-dasharray: 2px;
        stroke-dashoffset: 2px;
        opacity: 1;
    }
    .button:not(.disabled):hover #arrow-trg {
        transform: rotateY(180deg) translate(-37px, 39px);
    }
    .button:not(.disabled):hover #line {
        transform: translate(35px, 42px) scaleX(0.33);
    }


.tshare .xy-share .social-share a{
   color: #fff!important;
    border-color: #fff!important;
}


.visible-sm {
    display: block!important;
}
.xbanner{display:none!important;}

@media screen and (max-width:1100px) {
	
	.swiper-container-banner{display:none}
	.xbanner {
    display: block!important;
}
	}








#header{ background:#fff;width:100%;  z-index:999; position:fixed; left:0; top:0}
.header_mid{position:relative; margin:0 12.39%;height:6em;}
.header_mid_left{position:absolute; top:0; left:0%; height:100%;}
.header_mid_right{  position:absolute; right:0%; top:0; height:100%;}
.header_mid_mid{position:absolute;top:0;right:13.5em;}
.header_mid_mid ul li{ z-index:10; margin-left:2.5em;float:left; position:relative; line-height:6em;  }
.header_mid_mid ul li:last-child:after{width:0px;height:0px;}
.bodyon .header_mid_mid ul li:after{background:#00935c;}
.header_mid_mid ul li dl{ line-height:normal; background-position:top; background-repeat:repeat-x;  position:absolute; left:-60px; width:180px; z-index:100; padding:0.5em 0; background-color:#fff; display:none;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);  }
.menu_right_mid_1{color:#000; font-size:1.5rem; margin-bottom:0.1em;}
.menu_right_mid_3 p{ clear:both;width:100%; display:block; text-align:center}
 .menu_right_mid_3 p a{ font-size:0.8rem; display:block; padding:0.4em 0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu_right_mid_3 p a:hover{ color:#fff; background-color:#00935c}
.menu_right_mid_2{ font-size:0.875rem;color:#707070; font-family:Arial, Helvetica, sans-serif;}
.header_mid_mid ul li dl dd{ position:relative;  }
.menu_left{ width:54.16666666666667%;position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_mid ul li a.biga{ display:block;position:relative;}
.header_mid_mid ul li a.biga:hover{color:#00935c}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{left:0; width:100%;}
.header_mid_mid ul li:nth-child(1){margin-left:0} 
.header_mid_right_right .tel span {color:#00935c;font-weight: 550;letter-spacing: 0;margin-left: 5px;}
.header_mid_right_right a{ display:inline-block;color:#fff;   padding:.2em .6em;} 
.header_mid_right_right a:nth-child(1){ padding-left:2em;background-position:left center; background-repeat:no-repeat; background-image:url(../images/index19.png);}
.header_mid_right_right a:nth-child(2){ padding-left:2em;background-position:left center; background-repeat:no-repeat; background-image:url(../images/img1.png);}
.header_mid_right_right a:nth-child(2):hover{color:#00935c}
.global-nav-initializer {width: 38px; height: 34px; display:none; margin:0 1em;position: relative;background: white; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease; }
.global-nav-initializer .line { width: 22px;  height: 1px;  background: 2px;  left: 8px; position: absolute; background: #333; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;  -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease; }
.global-nav-initializer .line.top {top: 8px; }
.global-nav-initializer .line.mid { top: 16px; }
.global-nav-initializer .line.bottom {top: 24px; }
.active .global-nav-initializer { background: #cfa972; }.active .global-nav-initializer .line {background-color:#fff;}
.global-nav-initializer.active .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); }
.global-nav-initializer.active .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0); }
.global-nav-initializer.active .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);-moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); }
.mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0;position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 74px); z-index:666; }
.mobilemenuon{top:3.625em;opacity:1;}
.mobilemenu ul li{text-align:center;border-bottom:1px #dedede solid; }
.mobilemenu ul{margin:.5em 0 0 0;}
.mobilemenu ul li a.biga{display:block;  padding:0.8em 0;}
.mobilemenu ul li.on a.biga{color:#fff; background-color:#00935c}
.mobilemenu ul li dl dd{font-size:0.875rem; margin:0.5em 0;}
.mobilemenu ul li dl{ display:none;padding-bottom:0.5em;}

/*********index**********/
.banner_img{background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh;}  

.banner_mid{ color:#fff;position:absolute;width:100%; z-index:100;top:40%;text-align: center;}
.banner_mid_1{ margin-bottom:0.25em;font-size:4rem; color: #fff;font-family:"1";text-shadow: 0 0 10px #4d4d4d;-webkit-text-shadow: 0 0 10px #4d4d4d;-moz-text-shadow: 0 0 10px #4d4d4d;-o-text-shadow: 0 0 10px #4d4d4d;}
.banner_mid_2{font-size:1.8rem;color: #fff;text-shadow: 0 0 10px #4d4d4d;-webkit-text-shadow: 0 0 10px #4d4d4d;-moz-text-shadow: 0 0 10px #4d4d4d;-o-text-shadow: 0 0 10px #4d4d4d;}
.banner_mid_3{width: 10%; height: 6px;background: #00935c;text-align: center;margin: 2% auto 0 auto;}
.indexbanner .swiper-pagination-bullet{border-radius:0; background:none; background-image:url(../images/img9.png); opacity:1; width:65px; height:3px; position:relative;}
.indexbanner .swiper-pagination-bullet i{position:absolute; left:0; top:0; height:100%; background-color:#fff;}
#swiper-pagination-index-banner{ width:100%;position:absolute;text-align:center; bottom:3%;}
.swiper-pagination-index-banner{position: absolute;text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity;transition: .3s opacity;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.header_mid_left_mid a{display:inline-block; }

/*******导航处理*******/
.bodyon #header{background:rgb(255,255,255, 0.8);}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right_right a{color:#020202;}
.bodyon .header_mid_mid ul li a.biga:hover,.bodyon .header_mid_right_right a:hover{color:#00935c}
.bodyon .header_mid_right_right a:nth-child(1){background-image:url(../images/index18.png);}
.bodyon .header_mid_right_right a:nth-child(2){background-image:url(../images/img1on.png);}

.banner_img_mobile{display:none; background-position:center; background-repeat:no-repeat; position:relative;}
.swiper-slide-active .banner_img_mobile{visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;}

@media screen and (max-width:1700px) {
.header_mid_mid ul li{    margin-left: 2em;}
}

@media screen and (max-width:1600px) {
.header_mid{margin:0 5%}
.banner_mid_1 img{width:70%;margin:0 auto}
}

@media screen and (max-width:1380px) {
.header_mid{margin:0 2%}
.header_mid_left_mid a img {height: 3.8em;}
}

@media screen and (max-width:1200px) {
.header_mid_right_right a:nth-child(1){display:none;}
.header_mid_left_mid a img{ height: 3.5em;}
.header_mid_mid{    right: 12em;}
.header_mid_mid ul li{margin-left: 1.5em;}
}
@media screen and (max-width:1100px) {
.header_mid_mid{display:none}
.header_mid{height:4.5em;}
.global-nav-initializer{ background:none;display:block; position:absolute; margin:0; top:50%; margin-top:-17px; right:0;}
.global-nav-initializer .line{background-color:#00935c}
.header_mid_right_right{margin-right: 40px;}
#header , .bodyon #header {background: #fff;}
.header_mid_mid ul li a.biga,.header_mid_right_right a{color:#020202;}
.banner_img{display:none}
.banner_img_mobile{display:block;}
.clearfix.indexbanner {margin-top: 3.5em;}
}


@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.banner_img_mobile img{width:100%;}

@media screen and (max-width:768px) {
.mobile_banner{display:block;}
.mobile_banner img{width:100%;}
.nybanner{display:none}
.banner_mid_2{font-size:1rem;}
.banner_mid_1{font-size:2rem;}
.indexbanner .swiper-pagination-bullet{height:2px; width:50px;}
.header_mid_right_right{display:none;}
.banner_mid_1 img{width:50%;margin:0 auto}
}

@media screen and (max-width:480px) {
.mobilemenu{   height:calc(100vh - 60px);   }
.mobilemenuon{top:60px;}
.header_mid{height:3.75em;}
#mid{margin-top:3.75em;}
.header_mid_left_mid a img {height: 3em;}
.banner_mid_1{font-size:1.4rem;}
.banner_mid_2 { font-size: 0.85rem;}
.banner_mid_3{height:4px;}
.indexbanner .swiper-pagination-bullet{height:2px; width:40px;}
.mobilemenu{   height:calc(100vh - 50px);   }
.mobilemenuon{top:50px;}
}