@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px) {
.header { height: 100px; padding: 0px 10%; }
.header .menu { margin-top: 55px; }
.header .home { margin-top: 55px; }
.introduce { width: 62%; left: -62%; }
.culture { padding: 100px 0px 0px 0px; height: auto; position: relative; overflow: visible }
.culture .cu_img { width: 100%; height: 400px; float: none; }
.culture .cu_text { width: 100%; margin: 0 auto; float: none; height: auto; top: -50px; }
.culture .cu_text .textDiv { padding-left: 0; position: relative; top: -40px; height: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); width: 90%; margin: 0 auto; }
.culture .cu_text .textDiv ul { margin: 13%; margin-bottom: 0px; padding-bottom: 3%; margin-bottom: 0px; top: 0; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; overflow: scroll; height: auto; position: relative; }
.culture .cu_text .detailsDiv .details { height: auto; padding: 5%; margin-top: 30px; overflow: visible; padding-bottom: 10px; }
.culture .cu_text .detailsDiv { top: 0; position: relative; height: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); width: 100%; }
.culture .cu_text .detailsDiv .mCSB_inside > .mCSB_container { margin-right: 0px; }
.details h2 { margin-bottom: 16px; }
html, body { overflow: visible }
.culture .cu_text_details { top: 0px; }
.culture .cu_text .changebtn { display: none; }
}
@media screen and (max-width:768px) {
.header { height: 100px; padding: 0px 10%; }
.header .menu { margin-top: 55px; }
.header .home { margin-top: 55px; }
.guide { padding: 100px 0 10% 0%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.guide .logo img { float: none; margin-right: auto; height: 100px; }
.banner { padding: 0px 2% 0% 2%;}
.banner .slick-dots li { width: 10px; height: 10px; }
.banner .slick-dots { bottom: 32px; }
.banner .slider li img {
    width: 100%;
    position: absolute;
    top: 46%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    left: 50%;
}
.introduce { padding: 0px; padding-top: 100px; }
.introduce .list { left: 15%; }
.introduce .contact { left: 15%; }
.introduce .copyRight { left: 15%; }
.introduce .arrow { bottom: 6%; left: 15%; width: 18px; height: 18px; background-size: 8px 11px; }
.introduce .bto_img img { height: 30px; }
.introduce .list a { font-size: 18px; line-height: 40px; }
.culture .cu_img { height: 250px; }
.mCSB_scrollTools .mCSB_draggerContainer { display: none; }
.mCSB_scrollTools { display: none; }
.culture .cu_text .textDiv ul { }
.outBox { width: 100%; }
.outBox .swiper-container { width: 100%; padding-top:100px; padding-bottom:138px; }
.outBox .swiper-button-prev { top:auto; bottom:85px; left:6%; background-size:12px 28px;}
.outBox .swiper-button-next { top:auto; bottom:85px; right:6%; background-size:12px 28px;}
.outBox .swiper-slide-active .topic:after { width: 0; }
.outBox .swiper-slide-active .topic:before { width: 0; }
.outBox .topic {}
.outBox .next{ width:100%; height:38px; line-height:38px;}
.culture .cu_img .swiper-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
}
.culture {
    padding: 140px 0px 50px 0px;
}

}
 @media screen and (max-width:375px) {
.introduce .list { top: 26%; }
.introduce .contact { top: 48%; }
}
@media screen and (max-width:355px) {
.introduce .list { top: 22%; }
.introduce .contact { top: 44%; line-height: 24px; }
}