.indexmain{width:100%;height:101vh;background-color:#3c3c3c;background:linear-gradient(#3c3c3c,#1e1e1e );}
.indexmain-images{position:relative;width:100%;height:100%;overflow:hidden;background-color:#3c3c3c;background:linear-gradient(#3c3c3c,#1e1e1e );}
.indexmain-images li{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;-moz-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25);-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}
.indexmain-images li.show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li{-moz-transition:-moz-transform 8s,background-position 6s ease-in-out;-o-transition:-o-transform 8s,background-position 6s ease-in-out;-webkit-transition:-webkit-transform 8s,background-position 6s ease-in-out;transition:transform 8s,background-position 6s ease-in-out}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);background-position:50% 70%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 40%;-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.indexmain-images li:nth-child(2){-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);background-position:50% 50%}
.indexmain-images li:nth-child(2).show-img{background-position:50% 80%;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-images li:nth-child(3){width: 110%;-moz-transform: translateX(-10%);-ms-transform: translateX(-10%);-webkit-transform: translateX(-10%);transform: translateX(-10%);background-position:0% 85%}
.indexmain-images li:nth-child(3).show-img{-moz-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%);}
.indexmain-images li:nth-child(4){-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);background-position:50% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:80% 50%;-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

@media screen and (max-width: 1200px){.indexmain{height:92vh}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 0%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 20%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 60%}
.indexmain-images li:nth-child(2).show-img{background-position:50% 80%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(3).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(4){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(4).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan li:nth-child(1){top:45%;left:30%}}

@media screen and (max-width: 900px){.indexmain{height:70vh}
.indexmain-images li:nth-child(4){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:60% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:55% 50%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:60% 50%}
.indexmain-images li:nth-child(3).show-img{background-position:55% 50%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 45%}
.indexmain-images li:nth-child(2).show-img{background-position:0% 100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan li:nth-child(1),.indexmain-slogan li:nth-child(2),.indexmain-slogan li:nth-child(3),.indexmain-slogan li:nth-child(4){top:50%;left:50%;right:unset;bottom:unset;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.indexmain-slogan-title{-webkit-justify-content:center;justify-content:center}
.indexmain-slogan-sub{text-align:center}
.indexmain-slogan-award{-webkit-justify-content:center;justify-content:center}}

@media screen and (max-width: 640px){
.indexmain-images li:nth-child(4){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:65% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:50% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:65% 50%}
.indexmain-images li:nth-child(3).show-img{background-position:50% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:85% 50%}
.indexmain-images li:nth-child(2).show-img{background-position:75% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}

.index-social {width: 200px; position:absolute;bottom:60px;left: 6%; font-size:14px;z-index: 99}
.index-social a {display: inline-block;width:36px; height: 36px; line-height: 36px; background-color:transparent; border: 1px solid #eeeeee;border-radius: 99em; margin:0 10px 0 0;color:#fff;font-size:16px; transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; text-align:center; }
.index-social a:hover { color:#000; background-color: #eeeeee;border: 1px solid #233a0a;}

.indexa{ width:60%;float:left;margin:130px 20% 30px}
.info-zx{ width: 35%;float:left;margin: 0 5% 30px 0;}
.info-zx h1{font-size:28px;font-weight: 500;letter-spacing: 0.1em}
.info-zx h2{font-size:15px;margin-bottom: 10px}
.info-zx{opacity:0!important;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
.info-zx.show{opacity:1!important;-webkit-transform:scale(1);transform:scale(1)}
.top-sideright{width:60%;float:left;line-height:2em;font-size: 17px;text-align:justify;}

@media screen and (max-width: 1600px) {
.indexa{ width:70%;margin:80px 15% 30px}
}
@media screen and (max-width: 1200px) {
.indexa{ width:80%;margin:60px 10% 20px}
.info-zx h1{font-size:26px;}
}
@media screen and (max-width: 980px) {
.indexa{ width:90%;margin:50px 5% 20px}
.index-social {position:absolute;bottom:28%;left: 6%;}
}
@media screen and (max-width:550px) {
.indexa{margin:30px 5% 10px}
.info-zx{width: 100%;margin: 0 0 15px}
.info-zx h1{font-size:24px;}
.info-zx h2{margin-bottom: 5px}
.top-sideright{width:100%;line-height:1.6em;}	
.index-social {position:absolute;bottom:25%;left: 6%;}
}

.slick-slider:not(.slick-initialized) {position: relative;width: 100%;min-height: 300px; }
.slick-slider:not(.slick-initialized){position: absolute;left: auto;right: auto;opacity: 0;}
.slick-slider {position: relative;width: 100%;overflow: hidden;}
.chengyu_show_dots_below .slick-slider {overflow: initial;}
.slick-slider .slick-autoplay-toggle-button {display: none;}
.slick-slider .slick-list {width: auto;}
.slick-slider{width: 100%}
.chengyu_height_auto .slick-slider .slick-slide {width: 100%;}
.chengyu_height_auto .slick-slider .slick-slide img {max-width: none;width: 100%;height: auto;display: block;}
.chengyu_height_full_screen .slick-slider .slick-slide {height: 100vh;}
.chengyu_height_full_screen .slick-slider.slick-initialized .slick-slide {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.chengyu_height_full_screen .slick-slider.slick-initialized .slick-slide > div {-webkit-flex: 1 1 100%;-ms-flex: 1 1 100%;flex: 1 1 100%;}
.chengyu_height_half_screen .slick-slider .slick-slide {height: 50vh;}
.chengyu_height_keep-height .slick-slider .slick-slide {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center; -ms-flex-align: center;align-items: center;}
.chengyu_height_full_screen .slick-slider .slick-slide,
.chengyu_height_half_screen .slick-slider .slick-slide {background-color: transparent;background-position: center;background-repeat: no-repeat;background-size: cover;}
.chengyu_slider.chengyu_use_lightbox .slick-slider .slick-slide {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.slider_text{float: left; width:100%; margin:30px 0 0; text-align: center}
/* Buttons */
button.slick-arrow {padding:0;letter-spacing: initial;border-radius: 0;position: absolute;z-index: 10;width: 44px;height: 44px;line-height: 44px;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: column nowrap;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;text-align: center;top: 50%;margin-top: -22px;border-radius: 0;background-color: rgba(0,0,0,.7);cursor: pointer;outline: none;border: none;}
button.slick-arrow:hover {background-color: rgba(0,0,0,.95);}
button.slick-arrow:focus {outline: none;}
button.slick-arrow.slick-next {right: -18px;}
.rtl button.slick-arrow.slick-next {left: 0;right: auto;}
button.slick-arrow.slick-prev {left: -16px;}
.rtl button.slick-arrow.slick-prev {right: 0;left: auto;}
button.slick-arrow:before {color: #fff;display: block;font-size: 34px;font-family: Icon7Stroke;line-height: 44px;}
button.slick-arrow:hover,
button.slick-arrow:focus {text-decoration: none;}
.chengyu_arrows_size_small button.slick-arrow {width: 34px;height: 34px;margin-top: -17px;}
.chengyu_arrows_size_small button.slick-arrow:before {font-size: 24px;line-height: 34px;}
.chengyu_arrows_size_large button.slick-arrow {width: 64px;height: 64px;margin-top: -32px;}
.chengyu_arrows_size_large button.slick-arrow:before {font-size: 54px;line-height: 64px;}
.slick-list {width: 100%; position: relative;}
.slick-list .slick-slide {background-size: cover;}
.slick-dots {position: absolute;bottom: 1em;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 1;}
.slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 5px;padding: 0;cursor: pointer;border: 2px solid white;border-radius: 50%;-webkit-transition: background-color 300ms ease;-moz-transition: background-color 300ms ease;transition: background-color 300ms ease;}
.slick-dots li.slick-active,
.slick-dots li:hover {background:#000;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 1em;height: 1em;cursor: pointer;color: transparent;background-color: transparent;border: 0;outline: none;}
/* Dots */
.chengyu_show_dots_below .slick-dots {bottom: 0em;}
.slick-dots li {border: none;background: ff0000;width: 7px;height: 7px;margin: 0 7px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: transform .2s,background-color .5s;-moz-transition: transform .2s,background-color .5s;transition: transform .2s,background-color .5s;}
/* Arrows */
button.slick-arrow {padding-bottom: 350px;background-color: transparent;width: 2em !important;height: 1em !important;}
.rtl button.slick-arrow {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
button.slick-arrow:before {font-size: .8rem;font-family: Arrows;line-height: 1 !important;color: #333;-webkit-transition: color 500ms;-moz-transition: color 500ms;transition: color 500ms; }
button.slick-arrow:hover {background: transparent;}
button.slick-arrow:hover:before {color: #93723a;}
button.slick-arrow.slick-prev:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
.rtl button.slick-arrow.slick-prev:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }
.chengyu_arrows_position_below_right .slick-slider,
.chengyu_arrows_position_below_left .slick-slider {overflow: inherit;}
.slick-dots li{border: 1px solid #000;width: 8px;height: 8px;border-radius: 50%}
body button.slick-arrow.slick-next{bottom: -25px !important;top: unset !important;}
body button.slick-arrow.slick-prev{bottom: -25px !important;top: unset !important;}
.ArrowStyle button.slick-arrow:before {content: "\›" !important;font-size: 30px;}
img {height: auto;max-width: 100%;}
.center-title{width: 100%; margin: 0; font-size: 18px}
.center-title{opacity:0;-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transition:opacity .8s,-moz-transform .8s;-o-transition:opacity .8s,-o-transform .8s;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .6s}
.center-title.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.center-title:hover{color: #7c784e;}

@media (max-width: 780px) {
.chengyu_arrows_position_bottom_center button.slick-arrow.slick-next {left: auto;right: 0;}
.chengyu_arrows_position_bottom_center button.slick-arrow.slick-prev {left: 0;}
}

.indexb{position:relative;width:100%;float: left; margin-bottom: 20px; padding:80px 0 80px}
.index-container{width:98%; margin:0 auto}
.indexb-list{width:100%;display:flex;flex-wrap:wrap;}
.indexb-list_item{display:flex;flex-wrap:wrap; width:100%; margin: 0 2% 40px;}
.indexb-list_item img{max-width:96%;height:auto; margin:0; display:block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.indexb-list_item:hover img{opacity: 0.75; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.indexb-list_item_inner{position:relative;}
.indexb-list_item_inner{width:100%; margin: 0 .1%; float: left; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}
.indexb-list_item_inner .information{width: 100%;float: left;padding: 22px 0;text-align: center;}
.indexb-list_item_inner .information p{font-size:16px; 
text-decoration: underline;text-decoration-color: transparent;transition: .5s; -webkit-text-decoration-color: transparent;-moz-text-decoration-color: transparent;text-underline-offset:2px;text-decoration-thickness: 1px;}
.indexb-list_item:hover .information p{text-decoration: underline;text-underline-offset:2px;text-decoration-thickness: 1px;}

@media screen and (max-width: 1600px) {
.indexb{padding:60px 0;margin-bottom: 0}
.chengyu_show_dots_below .slick-dots {bottom: 0em;}
button.slick-arrow {padding-bottom:320px;}
button.slick-arrow.slick-next {right: -10px;}
button.slick-arrow.slick-prev {left: -10px;}
}
@media screen and (max-width: 1200px) {
.indexb{padding:40px 0 60px}
.chengyu_show_dots_below .slick-dots {bottom: 0em;}
button.slick-arrow {padding-bottom: 250px;}
button.slick-arrow.slick-next {right: -18px;}
button.slick-arrow.slick-prev {left: -18px;}			
}
@media screen and (max-width: 980px) {
.indexb{padding:30px 0 50px}
.index-container{width:94%}
.chengyu_show_dots_below .slick-dots {bottom: 0em;}
button.slick-arrow {padding-bottom: 260px;}
button.slick-arrow.slick-next {right: -18px;}
button.slick-arrow.slick-prev {left: -18px;}	
}
@media screen and (max-width: 767px) {
.indexb{padding:20px 0 10px}
.index-container{width:94%}		
button.slick-arrow {padding-bottom: 270px;}
button.slick-arrow.slick-next {right: -12px;}
button.slick-arrow.slick-prev {left: -12px;}
.slider_text{margin:20px 0 0}
.center-title{font-size: 17px}
.chengyu_show_dots_below .slick-dots {bottom:20px;}
}


.indexc-box{ width:78%; float: left; margin: 0 11% 120px;font-size: 0;}
.indexc-item{width:49.6%;padding:0;margin: 0 .2%;font-weight:500;display: inline-block;vertical-align: top; overflow: hidden;position: relative;background-color: #000}
.item-box{ width:100%; float: left; margin: 0; transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s;display: block;opacity: 0.7}
.item-box img{max-width: 100%;height: auto;margin: 0;display: block}
.indexc-boxinfo{width: 80%; position: absolute;top:45%;left:10%; box-sizing: border-box;text-align: center;color: #fff}
.indexc-boxinfo h2{margin:0; font-size:16px;letter-spacing: 0.05em;z-index: -0.05em; position: relative;display: inline-block;}
.indexc-boxinfo h3{margin:0; font-size:20px;line-height: 1.6em;margin-bottom: 10px}
.indexc-boxinfo h3{opacity: 0;-moz-transform: translateY(40px);-ms-transform: translateY(40px);-webkit-transform: translateY(40px);transform: translateY(40px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.indexc-boxinfo h3.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.indexc-boxinfo h2::after {content: '';position: absolute;bottom:1px;left: 0;width: 0%;border-bottom:2px solid #ccc;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.indexc-item:hover .indexc-boxinfo h2:after{width: 100%;}
.item-box:hover{-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s;}
@media screen and (max-width: 1600px) {
.indexc-box{ margin: 0 11% 90px}
.indexc{position:relative;padding: 100px 0 80px}
.indexc-tx{width:70%;margin:0 15% 100px;}
.info-sideright{width:55%;}
.indexc-item{width:47%;margin: 0 1.5%;}
}
@media screen and (max-width: 1200px) {
.indexc-box{ margin: 0 11% 70px}
.indexc{padding:70px 0 55px}
.indexc-tx{width:80%;margin:0 10% 70px;}
.info-stx{margin: 0 0 45px;}
.info-sideright{width:63%;}	
.indexc-boxinfo h3{font-size:18px}
}
@media screen and (max-width: 980px) {
.indexc-box{ margin: 0 11% 60px}
.indexc{padding:50px 0 45px}
.indexc-tx{width:88%;margin:0 6% 60px;}
.info-stx{margin: 0 0 35px;}
.indexc-boxinfo{width:85%; position: absolute;top:41%;left:7.5%;}
}
@media screen and (max-width: 767px) {
.indexc{padding:35px 0 10px}
.indexc-tx{margin:0 6% 25px;}
.info-sideright{width:100%;}	
.info-stx{line-height:1.8em;margin: 0 0 20px;}
.indexc-item{width:100%;margin:0 0 15px; }
.indexc-box{ width:90%;margin:15px 5% 30px;}
.indexc-boxinfo h2{font-size:16px;letter-spacing: 0;z-index: 0}
.indexc-boxinfo h3{font-size:18px}
}