@charset "utf-8";

.h4s0{font-size: .2rem;color: #0c0c0c;line-height: .3rem;transition: .5s;}
.h4s2{font-size: .36rem;color: #0c0c0c;line-height: .44rem;max-height: .88rem;transition: .5s;}
.h4s3{font-size: .36rem;color: #0c0c0c;line-height: .44rem;max-height: .88rem;transition: .5s;}
.ps2{font-size: .18rem;color: #000000;line-height: .27rem;max-height: .54rem;transition: .5s;}
.h6s0{ font-size: .18rem; color: #002554;  font-style: italic;}

@font-face { font-family: "Spoqa Han Sans Neo"; src: url("../fonts/SpoqaHanSansNeo-Bold.woff2"); }
@font-face { font-family: Roboto; src: url("../fonts/ROBOTO-REGULAR-14_0.TTF"); }
@font-face { font-family: "PingFang SC"; src: url("../fonts/PingFangSC-Light.woff2"); }

.pc_hb{ height: 0; }
.pc_hb .wp{width: 17rem;height: 1.4rem;align-items: center;justify-content: space-between;}
.pc_h{ position: fixed; top: 0; right: 0; left: 0; z-index: 10000;}
.pc_h::before {content: "";position: absolute;left: 0px;top: 0px;height: 1.76rem;background: url("../images/pc_h.png") center top no-repeat;background-size: 100% 99%;width: 100%;z-index: -1;pointer-events: none;transition: .5s;opacity: .5;}
.fixed .pc_h::before{ opacity: 1}

.pc_h .right{width: 13.55rem;max-width: calc(100% - 1.85rem - 1rem);align-items: center;}

.list1{ margin: 0 .3rem}
.list1 .a1{ display: flex; width: .36rem; height: .36rem; align-items: center; justify-content: center; border: #fff 1px solid; border-radius: 50vw; font-size: .14rem; color: #fff;}

#search1{width: 2.4rem;height: .42rem;background: #fff;position: relative;z-index: 1;margin: 0 auto;}
#search1 .icon_search{ width: .5rem; height: 100%; background: #115740 url(../images/search_white.svg) center no-repeat; background-size: .16rem .16rem;}
#search1 .input1 {font-size: .16rem;color: #333;height: 100%;width: calc(100% - .5rem);overflow: hidden;padding: 0 .2rem;}

.m_pc_hb { transition: all 0.6s ease 0s; display: none; height: 0.75rem; position: relative; z-index: 100000; width: 100%; }
.m_pc_hb header { padding: 0px 0px 0px 15px; height: 0.75rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; display: flex; justify-content: space-between; align-items: center; background: #115740; }
.m_pc_hb header #logo img {height: 0.56rem;}
.m_pc_hb header #logo { padding: 0px; width: 100%; }
.m_pc_hb .search_btn img { width: 0.26rem; height: 0.26rem; }
.m_pc_hb .list_box1 { margin-right: 0.4rem; }
.m_pc_hb .list_box1 .li a { border-radius: 0px; width: 28px; height: 20px; font-size: 10px; }
.m_pc_hb .search_btn { margin-right: 0.15rem; position: relative; z-index: 10; }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 18px; position: relative; outline: none; vertical-align: middle; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn {position: absolute;top: 50%;left: 0px;display: inline-block;width: 100%;height: 3px;transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: rgb(255, 255, 255);}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before {top: 7px;}
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 82px 20px 30px;pointer-events: none;transition: all 0.3s ease-out 0s;display: block;opacity: 0;visibility: hidden;backdrop-filter: blur(15px);overflow: hidden scroll;background: #f5f5f5;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .list1 { justify-content: center; }
#m_nav .list1 li .a { color: #115740; }
#m_nav .list1 li .a img { display: none; }
.list_box_nav_mobile { max-width: 90%; margin: 0.2rem auto 0px; }
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .h3 {width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.05);line-height: 0.64rem;color: #000;padding: 0px;font-size: 0.2rem;display: flex;position: relative;transition: all 0.5s ease 0s;}
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255); }
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px; }
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: -0.2rem; top: 0px; cursor: pointer; background-size: 16px 16px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li .sub a {display: block;font-size: 13px;color: #666;line-height: 2.5;min-width: 33.33%;}
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }



#nav{ flex: 1; width: 100%}
#nav ul { justify-content: space-between; }
#nav ul li {z-index: 0;margin-left: 0px;position: relative;height: 0.6rem;transition: all 0.2s ease 0s;}
#nav ul li > a {display: block;padding: 0px;position: relative;z-index: 2;height: 100%;line-height: 0.6rem;}
#nav ul li .h3 {font-size: 0.2rem;color: rgb(255, 255, 255);height: 100%;position: relative;transition: all 0.5s ease 0s;}
#nav ul li.li .h3::before { content: ""; position: absolute; right: -0.18rem; top: 0.2rem; transition: all 0.6s ease 0s; width: 0.11rem; height: 0.05rem; background: url("../images/nav.png") center center no-repeat; }
#nav ul li .h3::after {content: "";position: absolute;left: 50%;bottom: 0px;transition: .5s;width: 0px;margin-left: -8px;opacity: 0;visibility: hidden;border-bottom: #115740 8px solid;border-right: transparent 8px solid;border-left: transparent 8px solid;}
#nav ul li.on .h3::after, #nav ul li:hover .h3::after {opacity: 1;visibility: visible;}
#nav ul li .sub {position: absolute;top: 100%;background: rgba(17,87,64, .96);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.25s ease 0s;transform-origin: center top;border-radius: 0.1rem;/* overflow: hidden; */box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;padding: 0.15rem 0;}
#nav ul li .sub .box { padding: 0px; text-align: center; }
#nav ul li .sub a {padding: .12rem .2rem;line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;}
#nav ul li .sub a:hover {color: rgb(255, 255, 255);background: #115740;}
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }


.banner_box { padding: 0px; position: relative; z-index: 3; }
.banner_box .bottom {position: absolute;bottom: 0;left: 0px;right: 0;display: flex;justify-content: space-between; align-items: center;z-index: 10;padding: .4rem 5vw;}
.banner_box .bottom::before {content: "";position: absolute;left: 0px;bottom: 0;height: 1.76rem;background: url("../images/pc_h.png") center top no-repeat;background-size: 100% 99%;width: 100%;z-index: -1;pointer-events: none;transition: .5s;opacity: .5; transform: rotateX(180deg)}
.banner_box .bottom h3{ font-size: .24rem; color: #fff; line-height: 1.35; flex: 1; overflow: hidden}
.banner_box .dots {position: relative;width: auto;}
.banner_box .dots span {width: auto;height: auto;color: #fff;transition: 1s;margin: 0;opacity: 1;background: none;position: relative;text-align: center;}
.banner_box .dots span.swiper-pagination-current{ font-size: .46rem;margin: 0 .06rem 0 0;}

.more1 { margin: -0.1rem 0px 0px 0.1rem; }
.more1 img {  height: 0.29rem; fill: rgb(255, 255, 255); transform: translateY(1px); }
.banner { overflow: hidden; }
.banner ul li .a { display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a::after {content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;background: url("../images/ba_h1.png") center bottom  no-repeat;background-size: 100% auto;}
.banner ul li .a .img { overflow: hidden; width: 100%; transform: scale(1); transition: all 6s ease 0s; }
.banner ul li .a .img .imgLi { padding-bottom: 100vh; transition: all 0s ease 0s; transform: scale(1) !important; }
.banner ul li .a .img video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.banner.on ul li.swiper-slide-active .a .txt h3 { transform: translateY(0px); opacity: 1; }
.banner.on ul li.swiper-slide-active .a .img { transform: scale(1.03); }
.banner.on ul li.swiper-slide-active .a .top .bg1 { transform: translate(-50%, -45%) scale(1); }
.banner.on ul li.swiper-slide-active .a .top h3 { transform: translateY(0px); }
.banner_box.on .dots span{ }

.ba_t{position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;}
.ba_t img{ transition: 2s; opacity: 0;}
.ba_t .i2{ position: absolute; top: 0; left: 0}
.ba_t .i1{width: 6.11rem;max-width: 32vw;transform: translate(-50vw, -50vw);}
.ba_t .i2{width: 7.08rem;max-width: 37vw;transform: translate(-50vw, -50vw);}

.banner.on .ba_t .i1{transform: translate(0, 0); opacity: 1;}
.banner.on .ba_t .i2{transform: translate(0, 0); opacity: 1; transition-delay: .2s;}

.arrow1{align-items: center;margin: 0 0 0 .3rem;}
.arrow1 .arrow{position: relative;font-size: .2rem;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 1s;opacity: 0;white-space: nowrap;transition-delay: .5s;}
.arrow1 .arrow img{height: .27rem;transition: .5s;}
.arrow1 .arrow.prev{ transform-origin: right}
.arrow1 .arrow.next{ transform-origin: left}
.arrow1 .arrow.prev img{ margin: 0 .06rem 0 0;}
.arrow1 .arrow.next img{margin: 0 0 0 .06rem;}
.arrow1 .dots{width: .98rem;display: flex;justify-content: center;align-items: baseline;margin: 0 .5rem;transition: 1s;font-size: .2rem;color: #fff;bottom: auto;}

.banner_box.on .arrow1 .arrow{opacity: 1;}

.pad1{ padding: 1.2rem 0; overflow: hidden;}
.home1-2-3-4{ position: relative; z-index: 1; overflow: hidden;}
.home1-2-3-4 .bg1{position: absolute;right: 0;top: 4.25rem;left: 0;z-index: -1;opacity: .15;}
.home1-2-3-4 .bg2{position: absolute;right: 0;bottom: -20px;left: 0;z-index: -1;display: none;}

.tit1{justify-content: space-between;align-items: center;margin-bottom: .64rem;position: relative;}
.tit1 .ll{ font-size: .6rem; color: #000; display: flex; align-items: center;}
.tit1 .ll a{ font-size: .28rem; color: #027981;display: flex;align-items: center; transition: .5s}
.tit1 .ll a img{ margin: 0 .1rem 0 .6rem}
.more1{ align-items: center;flex-direction: column;}
.more1 span{font-size: .18rem;color: #027981;transition: .5s;position: relative;text-transform: capitalize;margin: .05rem 0 0;}
.more1 span:before{content: "";position: absolute;right: 0;width: 0;bottom: -.05rem;height: 1px;transition: .5s;}
.more1 .cir{width: 33px;height: 33px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;margin: 0 0 0 .2rem;padding: 0 0 5px 3px; transition: .5s;}
.more1 .cir::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50vw;border: #000 1px solid;transition: .5s;}
.more1 .cir::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50vw;border: #000 1px solid;margin: -3px -3px 3px 3px;transition: .5s;}
.more1 .cir path{ transition: .5s}

.home1 .left{ width: 58.65%;}
.home1 .right{ width: calc(100% - 58.65%); padding: 0 0 0 5%;}

.list3 .img .imgLi{ padding-bottom: 54.02%;}
.list3 .txt{justify-content: space-between;padding: .3rem 0 0 0;}
.list3 .txt h4{width: 45%;}
.list3 .txt p{width: 47%;margin: .1rem 0 0 0;}

.list4{ border-top: #cfcfcf 1px solid;}
.list4 .a{height: 1rem;justify-content: space-between;transition: .5s;border-bottom: #cfcfcf 1px solid;align-items: center;}
.list4 .ll{width: 80%;}
.list4 .rr{width: 20%;display: flex;justify-content: flex-end;align-items: flex-start;align-self: flex-start;padding: .4rem 0 0;}
.list4 .rr img{ width: .18rem; transition: .5s; transform: rotateX(180deg)}
.list4 h4{height: .3rem;overflow: hidden;max-height: .9rem\0;} 
.list4 p{font-size: .16rem;line-height: .24rem;max-height: .48em\0;opacity: .7;height: 0;margin: .15rem 0 0;}

@media(min-width: 1024px){

	.list4 .active .a{height: 2.2rem;padding-bottom: .2rem;}
	.list4 .active p{height: .48rem;height: auto\0;}
	.list4 .active h4{height: auto;} 
	.list4 .active .rr img{ transform: rotateX(0deg)}
    
    .tit1 .ll a:hover{ color: #115740}
    .a:hover h4{ color: #115740}
}

.home2{ padding-top: 0;}
.home2 .tit1{ position: relative; z-index: 2}
.tit1_c{ justify-content: center;}
.tit1_c .more1{position: absolute;right: 0;top: 50%;}

.aline_r{position: relative;background-image: linear-gradient(#115740,#115740);background-position: 0 100%;background-size: 0 1px;background-repeat: no-repeat;transition: background-size .5s;}
.alin_r:hover .aline_r{background-size: 100% 1px;}

.list5W{ position: relative; z-index: 1}
.arrow2 .arrow{position: absolute;top: 1.4rem;z-index: 1;cursor: pointer;}
.arrow2 .arrow.prev{ left: -.34rem;}
.arrow2 .arrow.next{ right: -.34rem;}
.list5Box{ padding: 1rem 0; margin: -1rem 0}
.list5 .a{display: block;padding: .4rem;background: #fff;}
.list5 h4{ font-size: .24rem; line-height: .38rem;}
.list5 h6{margin: .25rem 0 .1rem;}
.list5 .img{position: absolute;right: .12rem;bottom: -.58rem;width: 2.02rem;box-shadow: 0px 7px 0.3rem 0px rgba(0, 0, 0, 0.42);opacity: 0;transition: 1s;filter: blur(100px);}
.list5 .img img{ width: 100%}

.dots1{text-align: center;bottom: 0 !important;margin: .5rem 0 0;}
.dots1 span{display: inline-block;width: .18rem;height: .18rem;margin: 0 0 !important;position: relative;opacity: 1;background: none;}
.dots1 span:before{ content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #115740;border-radius: 50vw; opacity: .5;transition: .5s;transform: scale(.3);}
.dots1 span.active:before{ opacity: 1}

.list5Box .dots1{ /*! margin-bottom: 1.2rem */}

.home3{/* overflow: hidden; */position: relative;z-index: 1;margin: .9rem 0 0; }
.home3:before{content: "";position: absolute;z-index: -1;top: 0;right: calc((100vw - 16.3rem)/2);bottom: 0;left: 0;background: #fff; box-shadow: 2.63px 5.393px 1rem 11.4px rgba(0, 0, 0, 0.06);}
.home3 .wp{ align-items: center}
.home3 .left{ width: 50%; padding: 0 .7rem 0 0;}
.home3 .right{ width: 50%; padding: 0 0 0 -.32rem;}

.list6 li{ width: 33.33%; margin-bottom: 1px;}
.list6 .a{display: block;position: relative;transition: .5s;}
.list6 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: -1; transition: .5s}
.list6 .img .imgLi{ padding-bottom: 95.76%;}

.bd>li, .bd>div{ transition: .5s;}

.list6 li.on .a{ z-index: 1}
.list6 li.on .a:before{ transform: scale(1.15); box-shadow: 2.63px 5.393px 1rem 11.4px rgba(0, 0, 0, 0.17);}

.list7 .a{ display: block; position: relative; z-index: 1;}
.list7 .img .imgLi{ padding-bottom: 100%;}
.list7 .img::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list7_t.png) center bottom no-repeat;background-size: 100%;}
.list7 .txt{position: absolute;right: 0;bottom: 0;left: 0;flex-direction: column;padding: 0 .35rem .2rem;}
.list7 h4{ font-size: .34rem; color: #fff !important; line-height: 1.35; margin: 0 0 .15rem}
.list7 h3 big{ font-size: .38rem;  margin: 0 .3rem 0 0}
.list7 .con p{ font-size: .2rem; color: #fff; line-height: 2}

@media(min-width: 1024px){
.home4 .more1 span{ color: #fff !important;}
.home4 .more1 span:before{ background: #fff !important;}
.home4 .cir::before, .home4 .cir::after{ border: #fff 1px solid !important;}
.home4 .more1 .cir path{ stroke: #ffffff !important;}
}

.list8Box{ margin: 0 -29%; overflow: visible}
.list8 .a{display: block;position: relative;transform: scale(.85);background: #fff; transition: .5s;}
.list8 .img{ opacity: .66}
.list8 .img .imgLi{ padding-bottom: 56.59%;}
.list8 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.list8 .ico{width: 1rem;height: 1rem;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;}
.list8 .ico::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,.2);border-radius: 50vw;transform: scale(0);transition: .5s;}
.list8 .ico img{width: .7rem;transition: .5s;}
.list8 .swiper-slide-active .a{ transform: scale(1); box-shadow: 0px 37px 106px 0px rgba(17, 87, 64, 0.42);}
.list8 .swiper-slide-active .img{ opacity: 1}


.list9 li{position: relative;z-index: 1;margin: 0 .2rem 0 0;}
.list9 li:last-child{ margin: 0}
.list9 .ico{width: .33rem;cursor: pointer;}
.list9 .ico img{ width: 100%;}
.list9 .ewm{position: absolute;width: 1.4rem;top: .5rem;left: 50%;transform: translateX(-50%) translateY(.2rem);background: #fff;border-radius: .1rem;opacity: 0;transition: .5s;padding: .06rem;}
.list9 .ewm img{ border-radius: .1rem}
.list9 .ewm:before{content: "";position: absolute;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;left: 50%;top: -8px;margin-left: -10px;}
.list9 li:hover .ewm{ transform: translateX(-50%) translateY(0); opacity: 1}

.h3-1{font-size: .28rem;color: #fff;margin-bottom: .2rem;}

footer{background: #115740;min-height: 2rem;overflow: hidden;}
footer .fl1{ padding: .75rem 0 .56rem; justify-content: space-between;}
footer .fl1 .left img{ width: 3.99rem}
footer .fl2{ padding: .2rem 0; border-top: rgba(255,255,255,.15) 1px solid; text-align: center}
footer .fl2 p{ font-size: .16rem; color: #fff; line-height: 1.5}
footer .center p{font-size: .16rem;color: #fff;line-height: .36rem;padding: 0 0 0 .28rem;margin-bottom: .08rem;background-size: .2rem auto !important;}



@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); }

    .a:hover .h4s2{ color: #115740}

    .more1:hover span{ color: #115740}
    .more1:hover span:before{ width: 100%; left: 0; background: #115740}
    .more1:hover .cir{ transform: scale(1.25);}
    .more1:hover .cir::before{border-radius: 40%; -webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite; border: #115740 1px solid;}
	.more1:hover .cir::after{border-radius: 45%; -webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite; animation-delay: .3s; border: #115740 1px solid;}
	.more1:hover .cir path{ stroke: #115740;}

    .list5 .a:hover { box-shadow: 2.63px 5.393px 1rem 11.4px rgba(0, 0, 0, 0.07);}
	.list5 .a:hover .img{opacity: 1;filter: blur(0);}
	
	.list8 .a:hover .ico::before{transform: scale(1.25);}
	.list8 .a:hover .ico img{ transform: scale(.6)}

	.arrow1 .arrow.prev:hover img{ transform: translateX(-.1rem)}
	.arrow1 .arrow.next:hover img{ transform: translateX(.1rem)}

	.dots1 span:hover:before{ transform: scale(1)}
}
@media(max-width: 1600px){
	
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_hb{ display: none;}
	.m_pc_hb{ display: block;}
     #search1 {width:4rem}
    .banner ul li .a .img .imgLi{ padding-bottom: 50%;}

    .tit1 .ll{ font-size: .4rem;}

    .arrow2 .arrow{ display: none;}
    .list5 .a{border: #cfcfcf 1px solid;}

    .home3 .left{ width: 100%; padding: 0;}
    .home3 .right{ width: 100%; display: none;}
    .list6 li.on .a:before{ transform: scale(1);}

    .home3{ padding-top: 1.2rem}
    footer .fl1 .left, footer .fl1 .center, footer .fl1 .right{width: 100%;text-align: center;}
    footer .fl1 .left img{max-width: 62%;}
    footer .center p{display: inline-block;margin-bottom: 0;}
    
    footer .fl1 .right{ padding: .3rem 0;}
    footer .fl1 .center{/* padding: .3rem 0; */order: 1;}
}
@media(max-width: 800px){
	#gotop{right:0;transform:scale(0.7);bottom: .3rem;}
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .ar_article{font-size: .18rem; }
    .ar_article td, .ar_article th{ font-size: .18rem;}

    .ar_article1 p{text-indent: .36rem;}
    .ar_article1 p img{ margin-left: -.36rem}
    
    .home1 .left{ width: 100%;}
    .home1 .right{width: 100%;padding: .4rem 0 0;}

    .list8 .ico img{ width: .4rem}

    .pad1{padding: .4rem 0;}
    .home3{ padding-top: .5rem;margin: 0;}
    
    .tit1{ margin-bottom: .3rem}
    .tit1 .ll{font-size: .26rem;}
    .more1 span{ font-size: .16rem}
    .more1 { margin: 0 0px 0px 0.1rem; }
    .more1 .cir{margin-left: .1rem;transform: scale(.7);}

    .home1 .more1{ margin: .1rem auto 0}
    
    .list4 .a{ height: .7rem}
    .tit1_c{ /*! justify-content: space-between */}
    .tit1_c .more1{ position: relative; top: 0}

    .dots1{ margin: .4rem 0 0}
    .list5Box .dots1{ margin-bottom: .2rem;}

    .arrow1{ transform-origin: bottom; transform: scale(.6);}
    .list4 .rr{ padding: .28rem 0 0;}
    .list4 .rr img{ width: .14rem;}

    .list5 .a{ padding: .3rem;}
    .home1-2-3-4 .bg1{ top: 8.25rem;}
    .list6 li{ margin-bottom: 0;}

    .list9 .ico{ width: .2rem}
    .list9{ justify-content: center}
    .tit1 .ll a img{ width: .3rem;margin: 0 .1rem 0 .2rem;}
    .tit1 .ll a{ font-size: .2rem; }

    footer .fl1{ padding: .4rem}

    footer .center p{ background-size: .16rem auto !important;padding: 0;}
}
@media(max-width: 560px){
	
}

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
}