/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#252525;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /* text-decoration:underline;*/} 
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:15.30rem; margin:0 auto;}
.wapper1{/* max-width:1760px !important; *//* margin:0 auto; *//* width:90% !important; */width: 17.6rem;margin: 0 auto;}
.wapper2{ width:80%; margin:0 auto;}


.headbg{width:100%;position:fixed;z-index:55;top:0;left:0;transition:all .3s ease;z-index:999;/* background:url(../images/oubu-bg.png) center top no-repeat; *//* background-size:100% 100%; */background: linear-gradient(to bottom, #000, transparent);padding-top: 0.25rem; padding-bottom:0.1rem}
.headbg.active{ /*background:#004529;*/}
.headbg.active:before{ display:none;}
.header{display: flex;align-items: flex-start;justify-content: space-between;height: 0.95rem;}
.logo{ width:10%;}
.logo a{display: flex;align-items: center;height: 0.95rem;}
.logo a img{ max-height:100%; max-width:100%}


.menu{/* height: 1rem; *//* line-height: 1rem; */position: relative;}
.menu.on:before {content: "";position:absolute;top: 100%;height: 0.44rem;background: rgb(255 255 255 / 20%);border-radius: 1vw;z-index:1;left:0;width: 100%;}
.menu>ul>li{float:left;position:relative;padding: 0.18rem 0.43rem 0.20rem;line-height: 1;}
.menu>ul>li>span>a{display:block;text-align:center;color:#fff;font-size: .2rem;position:relative;}
.menu>ul>li>span>a:hover,.menu>ul>li:hover span>a{ color:#fff;}
.menu>ul>li>span>a:before{content:"";width:0;height:2px;background:#88e53e;position:absolute;top: 133%;left:50%;transform:translateX(-50%);transition:all .3s ease;}
.menu_down .menu>ul>li>span>a:hover:before,.menu>ul>li:hover span>a:before{ width:50%;}
.menu ul li ul{width:auto;/*background: rgb(255 255 255 / 20%);border-radius:0 0 1vw 0;*/z-index:5;position:absolute;top: 100%;left:50%;transform:translate(-50%,10%);padding: 0.13rem 0;opacity:0;visibility:hidden;transition:all .3s ease;border-radius: 30px;white-space: nowrap;line-height: 1;}
.menu ul li:hover>ul{transform:translate(-40%,0);opacity:1;visibility:visible;height: auto;line-height: normal;box-sizing: border-box;line-height: 1;}
.menu ul li ul li{line-height:24px;position:relative;/* border-top:1px solid rgba(136,229,62,.3); */display: inline-block;border-left: 1px solid #fff;/* padding-top: 0.24rem; */}
.menu ul li ul li:nth-child(1){border:none;}
/*.menu>ul>li:nth-child(2)>ul{padding-left: 17%;}
.menu>ul>li:nth-child(3)>ul{padding-left: 34%;}
.menu>ul>li:nth-child(4)>ul{padding-left: 52%;}
.menu>ul>li:nth-child(5)>ul{text-align: right;padding-right: 2%;}*/

.menu ul li ul li a{display:block;text-align:center;color:#fff;padding: 0px 5px;font-size: 0.18rem;/* border-left: 1px solid #fff; */line-height: 1;}
    .menu ul li ul li a:hover, .menu ul li ul li:hover > a {
        color: #00c672;
    }
.menu ul li ul li ul{width:100%;top: 100%;left:0%;transform:translate(10%,0);min-width: 120px;text-align: center; border-radius:10px;}
.menu ul li ul li ul li{border-left: 0px;}
.menu ul li ul li:hover ul{ transform:translate(0,0);}



.head_mbg{width:100%;/* background:#004529;*/position:fixed;z-index:55;top:0;left:0;display:none;background: url(../images/oubu-bg.png) center top no-repeat;background-size: 100% 100%;}
.head_mbg:before{ content:""; width:100%; height:11.78vw; min-height:100%; background:url(../images/headbg.png) top repeat-x; background-size:auto 100%; position:absolute; top:0; left:0; z-index:1;}
.head_mbg.active{ background:#004529;}
.head_mbg.active:before{ display:none;}
.head_m{ height:60px; position:relative; z-index:2;}
.head_m .logo{ float:left; width:50%; height:60px; position:relative; margin-left:5%;}
.head_m .logo img{ max-width:55%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head_m .rt{ float:right; margin:0 5% 0 0;}
.head_m .h_link{ float:left; margin:20px 0 0 0;}
.head_m .h_link a{ display:block; border:1px solid #88e53e; background:#88e53e; color:#333; border-radius:50px; font-size:12px; padding:0 10px; line-height:18px;}
.head_m .h_link a:hover{ border-color:#88e53e; background:#88e53e; color:#fff;}

.nav_open{ width:20px; height:20px; line-height:20px; text-align:center; font-size:20px; color:#fff;float:right; margin:20px 0 0 10px;}
.nav_open i{ }
.nav_open i.fa-close{ display:none;}
.nav_open.active i.fa-navicon{ display:none;}
.nav_open.active i.fa-close{ display:inline-block;}
.nav_box{ width:100%; height:calc(100% - 60px); position:fixed; left:0; top:60px; z-index:666; display:none;}
.nav_close1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.navbg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.72);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 666;
}
.nav_close2{ display:none;}
.nav{ padding:0px 0 20px 0; position:relative;}
.nav_list{ height:calc(100vh - 80px); overflow-Y:scroll;}
.tree{ border-bottom:1px solid rgba(255,255,255,.1);}
.tree_box{ border-top:1px solid rgba(255,255,255,.1); padding:0 5%;}
.tree_box h3{ font-weight:normal; font-size:14px; height:40px; line-height:40px; overflow:hidden; margin:0; position:relative;}
.tree_box h3 a{ color:#fff; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#88e53e;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{ color:#fff;}
.tree_one{display: none; overflow: hidden; padding:0 0 10px 0;}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:35px; line-height:35px; overflow:hidden; margin:0 0 0 5%; }
.tree_one h4 a{ color:#fff; position:relative; z-index:10;}
.tree_one h4 a:hover{ color:#88e53e;}
.tree_two{display: none; overflow: hidden;}
/**/
.search1_box{ width:100%; height:calc(100% - 60px); position:fixed; left:0; top:60px; z-index:666; display:none;}
.search1_close1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.search1bg{ width:100%; background:#004529; border-top:1px solid rgba(255,255,255,.3); position:absolute; z-index:666; top:0; left:0; }
.search1_close2{ display:none}
.search1{ width:90%; max-width:800px; margin:0 auto; margin-top:20px;}
.search1_con{ padding:20px 0;}
.search1 .form1{ height:40px; border:1px solid #fff; border-radius:50px; }
.search1 .text1{ float:left; border:none; background:none; width:100%; height:40px; line-height:40px; padding:0 0 0 10px; width:calc(100% - 50px); color:#fff;}
.search1 .button1{ float:right; width:40px; height:40px; background:url(../images/hico_search.png) center no-repeat;}
.nav .h_lang{ text-align:center; font-size:14px; line-height:24px; margin-top:20px;}
.nav .h_lang ul li{ display:inline-block; vertical-align:middle; margin:0 10px;}
.nav .h_lang ul li a{ display:block; text-align:center; color:#fff;}
.h_height{ height:0;}

.soust{ width:1.9rem; height:0.4rem; background:#c0e8c0; display: flex; align-items: center; border-radius:30px;}
.soust a{ width:0.4rem; height:0.4rem; display: flex; justify-content: center;  align-items: center; }
.soust a img{ max-height:100%; max-width:100%;}
.soust .input_text{ background:none;width:calc(100% - 0.4rem); font-size:0.18rem; color:#000;outline:none;}
.soust .input_text::-webkit-input-placeholder{ color:#333;}

.header01{ display: flex;  align-items: center;}
.header .h_lang{float:left;margin-right:20px;font-size: .2rem;line-height:calc(1.98vw + 2px);position:relative;}
.header .h_lang span{ padding-right:20px; background:url(../images/ico_down2.png) right center no-repeat; cursor:pointer; color:#fff;}
.header .h_lang ul{ width:120px; padding:10px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:100%; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; margin-top:10px; transition:all .3s ease;}
.header .h_lang:hover ul{ opacity:1; visibility:visible; margin-top:0;}
.header .h_lang ul li{ font-size:14px; line-height:24px;}
.header .h_lang ul li a{ display:block; text-align:center; padding:5px 0;}

.rfixed_join{ width:3vw; position:fixed; z-index:66; right:0; top:50%; transform:translateY(-50%);}
.rfixed_join img{ display:block; width:100%;}
@media(max-width:999px){
.rfixed_join{ width:30px; }
}

@media(max-width:999px){
.headbg{ display:none;}
.head_mbg{ display:block;}
.h_height{ height:0;}
}



.banenr{ width:100%;}
.banenr video{ width:100%; vertical-align:bottom}

.cent01-bg{ padding:5% 0; margin-top:0.2rem;}
.cent01{ text-align:center; color:#252525;}
.cent01 ul{ display: flex; justify-content: center;}
.cent01 ul li{/* width:30%; */text-align:center;margin: 0 0.8rem;}
.cent01 ul li .img{width: 1.2rem;margin:0 auto;}
.cent01 ul li .img img{ width:100%; height:auto; vertical-align:bottom;}
.cent01 ul li span{font-size: 0.27rem;line-height:1;margin-top:0.2rem;display:block;}
.cent0101{text-align:center;margin-top: .44rem;}
.cent0101 h2{font-size: 0.26rem;display: inline-block;text-align:center;border:1px solid #333;border-radius:70px;background:#fff;padding: 0px 4vw;box-shadow:0 .44vw 0 #333;font-weight: normal;letter-spacing: 4px;line-height: 0.6rem;}
.cent0101 span{display:block;font-size: 0.3rem;line-height:2;margin-top:3%;letter-spacing: 2px;}
@media only screen and (max-width: 980px) {
	
	.wapper{ width:90% !important;}
	.wapper1{width:90%;}
	.wapper2{ width:90%;}
	
	.cent01-bg{ padding:20px 5%}
	.cent01 ul li{     margin: 0 5%;}
	.cent01 ul li .img{ width:100%;}
	.cent01 ul li span{ font-size:18px;}
    .cent0101 h2 {
        line-height: 1.6rem;
        font-size: 24px;
    }
	.cent0101 span{font-size: 15px;}
	}

.cent02{ width:100%; height:auto; margin-top:0.2rem; margin-bottom:0.2rem;}
.cent02 img{width:100%;vertical-align:bottom;height: 3rem;object-fit: cover;}


.cent03-bg{ background:#c0e8c0; padding:3% 0;}
.cent03-l{ float:left;}
/*.cent03-l .f_ewm{ margin-bottom:2vw;}*/
.cent03-l .f_ewm ul li{ float:left; width:7.82vw; margin:0 1.5vw 0 0; background:#fff; border-radius:1vw; text-align:center;}
.cent03-l .f_ewm ul li .nr_box{ padding:1vw;}
.cent03-l .f_ewm ul li .nr_box .img{}
.cent03-l .f_ewm ul li .nr_box .img img{ display:block; margin:0 auto; width:100%;}
.cent03-l .f_ewm ul li .nr_box .h2{ font-size:.73vw; line-height:.89vw; margin-top:1vw;}
.cent03-l .f_ewm ul li .nr_box .h2 img{ height:.89vw; vertical-align:top; margin-right:.2vw;}
.tc_ewm_box{width:100%;height:100%;position:fixed;z-index:999;top:0;left:0; display:none; }
.tc_ewm_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}
.tc_ewm_bg{ width:50%; max-width:130px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.tc_ewm_close2{ width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #fff; color:#fff; font-size:30px; cursor:pointer; position:absolute; top:-30px; right:-30px; border-radius:100%;}
.tc_ewm{ padding:5px; background:#fff; border-radius:8px;}
.tc_ewm .img{}
.tc_ewm .img img{ width:100%;}
.tc_ewm .h2{ font-size:12px; line-height:16px; margin-top:5px;}
.tc_ewm .h2 img{ height:16px; vertical-align:top; margin-right:2px;}
.tit5{}
.tit5 .h2{ font-size:1.25vw; line-height:2.66em;}
.tit5 .h2 span{ display:inline-block; border-radius:0 1.3vw 0 0; border:1px solid #333; background:#fff; color:#333; padding:0 1.57vw 0 1.57vw;}
.tit5 .h2 span img{ width:2.5vw; vertical-align:middle; margin-left:1.2vw;}
.tit5 .h2 span img.ico2{ display:none;}

.cent03-r{ float:right; width:50%;}
.cent03-r ul{ display: flex; justify-content: space-between;}
    .cent03-r ul li {
        WIDTH: 20%;
    }
.cent03-r ul li h2{ font-weight:normal}
    .cent03-r ul li h2 a {
        font-weight: 700;
        font-size: 0.22rem;
        color: #000;
    }
.cent03-r ul li dl dd a{  font-size:0.22rem; font-weight:300;  color:#000; display:block; line-height:1; margin-top:0.25rem}

@media only screen and (max-width: 980px) {
.tit5 .h2{ font-size:12px; line-height:28px;}
.tit5 .h2 span{ border-radius:0 8px 0 0; padding:0 10px 0 20px; background:#333; color:#fff;}
.tit5 .h2 span img{ width:20px; margin-left:5px;}
.tit5 .h2 span img.ico1{ display:none;}
.tit5 .h2 span img.ico2{ display:inline-block;}

.cent03-r{  display:none}
.cent03-l .f_ewm{ margin-bottom:0; padding:20px 5%;}
.cent03-l .f_ewm ul li{ float:left; width:calc((100% - 30px)/4); margin:0 0 0 10px; border-radius:8px; }
.cent03-l .f_ewm ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.cent03-l .f_ewm ul li .nr_box{ padding:1.34vw;}
.cent03-l .f_ewm ul li .nr_box .h2{ font-size:2.14vw; line-height:1.4em; margin-top:1vw;}
.cent03-l .f_ewm ul li .nr_box .h2 img{ height:2.14vw; margin-right:.5vw;}
}



.cent04{margin-top: 1.5%;margin-bottom: 1.5%;max-width: 15.24rem;}
.cent04{    display: flex;align-items: center;    justify-content: space-between;}
.cent04 .f_logo{width: 20%;font-size: 0;}
    .cent04 .f_logo img {
        object-fit: contain;
        /*height: 100px;*/
        width: 66%;
    }
.cent04 ul{ display: flex;   align-items: center;justify-content: space-between;     width: 70%;}
.cent04 ul li{width:23%;/*padding: 0 .1rem; *//*background-color: #eee;*/border-radius:0 0.2rem 0 0.2rem;padding:0.15rem;box-sizing: border-box;}
.cent04 ul li .img{/* display: flex; *//* justify-content: center; *//* align-items: center; *//* min-height:2rem; */width: 100%;/* height: 0.8rem; */}
    .cent04 ul li .img a img {
        filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);
        max-height: 100%;
        vertical-align: bottom;
        transition: all 0.5s;
        max-width: 80%;
        width: auto;
        margin: 0 auto;
    }
    .cent04 ul li:hover .img a img {
        filter:none;
    }
.cent04 ul li .img a{display:block;width:100%;text-align: center;/* height: 0.8rem; */}







.footer-bg{padding-top: 0.1rem;padding-bottom: 0.1rem;}

.footer{ display: flex;  align-items: center;justify-content: space-between; color:#fff;}
    .footer a {
        color: #78ae8c;
    }
    .footer h2 {
        color: #78ae8c;
        font-size: 0.18rem;
        font-weight: normal;
        line-height: 1;
    }
.fonter01 {
    font-size: 0.18rem;
    color: #78ae8c
}
    .fonter01 a {
        font-size: 0.18rem;
        color: #78ae8c;
        padding: 0 5px
    } 



@media only screen and (max-width: 980px) {
    .cent04 {
        max-width: 100%;
        margin: 0 auto;
        /*padding: 20px 0%;*/
        box-sizing: border-box;
    }
        .cent04 ul{width:80%;}
        .cent04 ul li .img a img {
            width: 80%;
        }
            .cent04 ul li{width:29%;}
            .footer-bg {
            }
    .cent04 .f_logo img{width:80%;}
    .footer {
        line-height: 16px;
        width: 90%;
        margin: 0 auto;
        align-items: flex-start;
    }
	.footer h2{ font-size: 12px;     width: calc(100% - 80px);}
	.fonter01{ font-size:12px;}
	.fonter01 a{ font-size:12px;}
	}



.banner01{ width:100%; position:relative;}
.banner01 img{ width:100%; vertical-align:bottom;}
    .banner01 h2 {
        position: absolute;
        top: 50%;
        left: 10%;
        font-size: 0.53rem;
        font-weight: normal;
        color: #252525;
    }
.banner01 a{ position:absolute; bottom:10%; left:10%; background:#252525; width:3rem; height:0.8rem; line-height:0.8rem; color:#fff; font-size:0.28rem; text-align:center; border-radius:50px;    letter-spacing: 0.04rem;}


.cent05 {
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cent05 .img{width: 3.8rem;margin-left: .5rem;}
.cent05 .img img{ width:100%}
.cent0501{width: 63%;color:#252525}
.cent0501 h2{font-size: 0.24rem;font-weight: normal;line-height: 1;}
.cent0501 span{display:block;font-size: 0.2rem;line-height: 1.8;margin-top: 3%;}
.cent0501 p{ padding:0}
.cent06-bg{ background:#c0e8c0; margin-top:2%; padding:3% 0;}
.cent06 ul{ display: flex; justify-content: center;  align-items: center;}
.cent06 ul li{width: 33%;margin: 0 1%;position:relative;}
.cent06 ul li img{ width:100%;}
.cent06 ul li span{ position:absolute; top:0; left:0; width:100%; height:100%;display: flex; justify-content: center;  align-items: center; font-size:0.3rem; color:#fff; z-index:2;}

.cent07{ padding:4% 0;}
.cent07 .img{ width:49%; float:right; display:block; border-radius:25px 0 0 25px; overflow:hidden;  margin-left:0.5rem}
.cent07 .img img{ width:100%; vertical-align:bottom;justify-content: space-between;}
.cent07-l{display:block;box-sizing:border-box;/* padding-left: 10%; */}
.cent07-l  .cent0701{font-size:0.2rem;line-height: 1.6;margin-top: 0.3rem;color:#666;text-align: left;}
.title{background:#252525;color:#fff;display:block;width: auto;border-radius:0  0 25px  0;text-align:center;display: inline-flex;align-items: center;}
.title h2{font-size: .2rem;width: auto;text-align:center;font-weight: normal;padding: 0 0.3rem;line-height: 1;}
.title:before {content: "";width: 0.2rem;background:#00c672;display:block;height: .6rem;}

.cent0704{font-size:0.22rem; line-height:2; margin-top:3%;}
.cent0704 span{ display:block; color:#666}
.cent08-ng{ background:#f1f1f1}
.cent08-ng .cent07 .img{ float:left; border-radius:0 25px 25px 0; margin-right:0.5rem}
.cent08-ng .cent07-l{/* float:right; */padding-left:0;/* padding-right:10%; */text-align: right;}
.cent08-ng .title{  flex-direction: row-reverse; border-radius:0 0 0 25px;}



.cent09-bg{background:#252525;margin-top:2%;padding: 0.43rem 0;}
.cent09{text-align:center;color:#00c672;/* font-size: 0.28rem; */line-height: 1;}
.cent09 span{line-height:1;/*letter-spacing:0.02rem;*/display: inline-block;font-size: 0.28rem;}
    .cent09 p {
        padding: 0;
        margin-bottom: 20px;
    }
.cent09 h2{font-weight:normal;display: inline-block;line-height: 1;font-size: 0.28rem;margin-right: 0.3rem;}

.cent10{ margin:4% auto; width:13.73rem}
    .cent10 ul li {
        margin-bottom: 0.1rem;
        margin-top: 0.1rem;
        position: relative;
        float: left;
        width: calc((100% - 0.4rem)/2);
        margin-right: 0.4rem;
    }
.cent10 ul li:nth-child(2n) {  margin-right: 0% ;}
.cent10 ul li .img{position:absolute;top:50%;left:0;transform: translate(0%,-50%);width: 1.56rem;}
.cent10 ul li .img img{ max-width:100%;}
.cent10-r {
    float: right;
    width: 96%;
    padding: 10px 0.4rem 10px 1.65rem;
    box-sizing: border-box;
    border-radius: 1rem;
    min-height: 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cent10-r h2{font-size: 0.24rem;display:block;font-weight:normal;letter-spacing: 0.02rem;line-height: 1;}
.cent10-r span{font-size: 0.18rem;display:block;line-height:1.5;margin-top: 0.2rem; font-weight:300px;}

.cent1001{ text-align:center; line-height:2; font-size:0.3rem; margin-bottom:5%;}



.cent11-bg{ background:#252525; border-top:20px solid #c0e8c0; padding:4% 0; /*margin-top:3%;*/}
.cent1101{ background:url(../images/tu18.png) center no-repeat; background-size:100% 100%; padding:4% 0;}
.cent11{ position:relative;}
.buest{position:absolute;top:0;right:0;width: 23%;font-size:0.2rem;z-index:2;display: inline-block;text-align: center;border: 1px solid #333;border-radius: 70px;background: #fff;padding: 0px 1.83vw;box-shadow: 0 0.44vw 0 #333;line-height: 1.93em;}
.eile{display: flex;   align-items: center;justify-content: space-between;}
.eile-l{width: 39%;position:relative}
.eile-l>img{ width:100%; vertical-align:bottom}
.eile-l h2{position:absolute;top: 6%;width: 69%;left: 20%;font-size: 0.24rem;font-weight: normal;line-height: 1.8;}
.eile-r{background:#00c672;border-radius:0 25px 25px 0;width: calc(100% - 39%);box-sizing: border-box;padding: 1.08rem 1.22rem 0rem 0.7rem;min-height: 5.55rem;}
.title01{background:#252525;color:#fff;border-radius:0  0 25px  0;text-align:center;display: inline-flex;align-items: center;}
.title01 h2{font-size: 0.26rem;width:calc(100% - 29px);text-align:center;font-weight: normal;display: inline-block;padding: 0 0.32rem;}
.title01:before {content: "";width:29px;background:#88e53e;display: inline-block;height: 0.6rem;}
.eile-r > span {
    display: block;
    font-size: 0.24rem;
    margin-top: 0.3rem;
    line-height: 1.5;
}
.gngae{ position:absolute;width: calc(100% - 39%); bottom:0.14rem; right:0; display: flex; justify-content: center;  align-items: center; z-index:2}
.gngae  .swiper-pagination{position: static;width: auto !important;}
.gngae  .swiper-pagination span{ background:none; font-size:0.15rem; color:#666; width:auto; height:auto; margin:0 0.24rem !important}
.gngae .swiper-pagination-bullet-active{ color:#252525 !important}
.gngae .swiper-button-next, .gngae .swiper-button-prev{position: initial;width:0.36rem;height:0.36rem;border-radius:50%;border:1px solid #252525;display: flex;justify-content: center;align-items: center;left: inherit;right: inherit;top: inherit;margin: 0 0.24rem;}
.gngae .swiper-button-next:after, .gngae .swiper-button-prev:after{ color:#252525; font-size:20px}



.tit7{ }
.tit7 .h2{ font-size:1.57vw; line-height:1.93em; text-transform:uppercase;}
.tit7 .h2 span{display:inline-block;text-align:center;/* border:1px solid #333; */border-radius:70px;background:#fff;/* padding:0px 1.83vw; *//* box-shadow:0 .44vw 0 #333; */}
.service3bg{padding: 4vw 0 3vw 0;background:#252525;/*border-bottom: 20px solid #c0e8c0;*/  /*margin-bottom:1rem;*/}
.service302 {
    background: url(../images/tu18.png) center no-repeat;
    background-size: 100% 100%;
    padding-top: 3vw;
    padding-bottom: 5%;
}
.service3{}
.service3 .tit7{ text-align:center;}
    .service3 .list {
        margin-top: 3vw;
        width: 100%;
        overflow: hidden
    }
.ser_gallery{ }
.ser_gallery-top {}
.ser_gallery-top .gallery-top{}
.ser_gallery-top .gallery-top .swiper-slide { }
.ser_gallery-top .img{width: 75%;margin:0 auto;}
.ser_gallery-top .img img{ width:100%; vertical-align:bottom;}
.ser_gallery-thumbs {
    border-bottom: 2px solid #333;
    position: relative;
    padding: 0 3.23vw;
    margin-bottom: 2vw;
}
.ser_gallery-thumbs .gallery-thumbs{}
.ser_gallery-thumbs .gallery-thumbs .swiper-slide  {text-align:center; padding:5px 0;}
.ser_gallery-thumbs .gallery-thumbs .swiper-slide .h2{  font-size:1.57vw; line-height:1.2em; height:3.125vw; padding:0 2vw; border-radius:3.125vw; width:fit-content; margin:0 auto; cursor:pointer;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.ser_gallery-thumbs .gallery-thumbs .swiper-slide .h2 span{ display:inline-block;}
.ser_gallery-thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h2{ border:1px solid #333; box-shadow:0 0.44vw 0 #333;}
.ser_gallery .swiper-button-prev,.ser_gallery .swiper-button-next{ width:3.23vw; height:100%; margin:0; top:0; background-position:center; background-repeat:no-repeat; background-size:contain;}
.ser_gallery .swiper-button-prev{ left:0; background-image:url(../images/ico_lt4.png);}
.ser_gallery .swiper-button-next{ right:0; background-image:url(../images/ico_rt4.png);}
.ser_gallery .swiper-button-next:after, .ser_gallery  .swiper-button-prev:after{ display:none}
@media(max-width:999px){
.service3bg{ padding:40px 0 20px 0; }
.service3bg .wapper2{ width:100%;}
.service3 .list{ margin-top:30px;}
.ser_gallery-thumbs { padding:0 30px; margin-bottom:20px;}
.ser_gallery-thumbs .gallery-thumbs .swiper-slide  { padding:5px 0;}
.ser_gallery-thumbs .gallery-thumbs .swiper-slide .h2{ font-size:2.94vw; line-height:16px; height:32px; padding:0 5px; border-radius:40px; }
.ser_gallery-thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h2{ box-shadow:0 5px 0 #333; background:#88e53e;}
.ser_gallery .swiper-button-prev,.ser_gallery .swiper-button-next{ width:30px; height:100%; }
}


.inside_con{ padding:10px 0; min-height:300px}

.cent12-bg{ min-height:100vh; position:relative;}

.cent12-bg .h_lang{ margin-right:20px; font-size:0.18rem; line-height:calc(1.98vw + 2px); position:relative; position:absolute; top:0.42rem; right:0.8rem;}
.cent12-bg .h_lang span{ padding-right:20px; background:url(../images/ico_down2.png) right center no-repeat; cursor:pointer; color:#fff;}
.cent12-bg .h_lang ul{ width:120px; padding:10px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:100%; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; margin-top:10px; transition:all .3s ease;}
.cent12-bg .h_lang:hover ul{ opacity:1; visibility:visible; margin-top:0;}
.cent12-bg .h_lang ul li{ font-size:14px; line-height:24px;}
.cent12-bg .h_lang ul li a{ display:block; text-align:center; padding:5px 0;}


.cent13{ width:100%; min-height:100vh; display: flex; justify-content: center;  align-items: center;}
.cent13 ul{ display: flex; justify-content: center;  align-items: center;}
.cent13 ul li{background:#fff;border-radius:30px;margin:0 4vw;padding:0.5rem 0.6rem;text-align:center;min-height:3.5rem;box-sizing:border-box;display: flex;align-items: center;justify-content:center;flex-wrap: wrap;width: 33%;}
.cent13 ul li .img{width:100%;}
.cent13 ul li .img img{  width:4.08rem;}
.cent13 .tit7{ margin-top:4%}


.cent14-bg{ width:100%; min-height:100vh;}
.ylm-header-bg{}
.ylm-header{display: flex;justify-content: space-between;/* height:117px; */padding-top:20px;box-sizing:border-box;align-items: flex-start;}
.ylm-header .logo01{ width:10%}
.ylm-header .logo01 a{width:100%;height: 0.83rem;display: flex;align-items: center;}
.ylm-header .logo01 a img{ max-height:100%; max-width:100%; vertical-align:bottom;}
.ylm-headers-r{display: flex; align-items: center;}
.ylm-headers-r a{display: flex; align-items: center; font-size:0.21rem; color:#00c672; margin-left:0.5rem;}
.ylm-headers-r a img{ margin-right:0.05rem; width:0.36rem;}

.cent14{ margin-top:20vh;}
.cent14 ul{ display: flex; justify-content: center;  align-items: center;}
.cent14 ul li{ width:18%; margin:0 1vw;}
.cent14 ul li a{ display:block; width:100%}
.cent14 ul li a img{ display:block; width:100%}

.fwbb{ width:12rem; margin:0.2rem auto 0;}


@media only screen and (max-width: 980px) {
	
	.fwbb{ width:100%; margin-top:5%;}
	.cent05{ width:90%; flex-wrap: wrap; }
	.cent05 .img{ width:60%; margin:0 auto;}
	.cent0501{ width:100%; margin-top:5%;}
	.cent0501 h2{ font-size:18px;}
	.cent0501 span{ font-size:14px;}

    .cent06 ul li {
        width: 30%;
        margin: 0 3%;
    }
	.cent06 ul li span{ font-size:16px;}
	.cent07-l{ float:none; display:block; width:90%; padding:5% 0; margin:0 auto}
	.cent07 .img{ float:none; display:block; width:90%; border-radius:25px; margin:0 auto;}
	.cent0704{ width:90%; margin:5% auto 0; font-size:14px; margin-top:0;}
	.cent07-l .cent0701{ font-size:14px;}
	.title:before{ height:50px;}
	.title h2{ font-size:22px;}
	
	.cent08-ng .cent07 .img{ float:none}
	.cent08-ng .cent07-l{float:none; padding-right:0;}
	
	
	.cent09-bg{ padding:5%;}
	.cent09{ font-size:16px;}
        .cent09 p {
            font-size: 14px;
            line-height: 1.5;
            padding: 0;
        }
        .cent10 {
            padding: 0 20px;
            box-sizing: border-box;
            width: 90%
        }
	.cent10 ul li{ margin-top:5%; margin-right:0; float:left; width:100%}
	.cent10-r h2{font-size: 16px;}
	.cent10-r span{font-size: 9px;}
	.cent10-r{padding-top:5%;padding-bottom:5%;padding-left: 22%;}
	.cent10 ul li .img{ width:70px;}
	
	.banner01 h2{ font-size:20px;}
	.banner01 a{ font-size:20px; width:40%; height:40px; line-height:40px;}
	.cent09 h2{ font-size:20px;}
	.cent1001{ font-size:20px;}
	.cent11-bg{ }
	.cent1101{ padding:5%;}
	.title01 h2{font-size: 9px;}
	.title01:before{/* height:40px; */}
	/*.buest{ font-size:20px;     width: 53%;  line-height: 1;}
	.tit7 .h2 span{ font-size:20px; height:auto; line-height:1;}*/
	
	.cent12-bg .h_lang{ font-size:20px}
	
	}
	
	.tc_flsm_box{ width:100%; height:100%; position:fixed; z-index:999; left:0; top:0; display:none;}
.tc_flsm_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; z-index:1; left:0; top:0;}
.tc_flsm_bg{ width:90%; max-width:600px; padding-bottom:80px; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%);}
.tc_flsm_close2{ width:60px; height:60px; line-height:60px; text-align:center; font-size:40px; color:#fff; background:#999; border-radius:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); cursor:pointer;}
.tc_flsm{ background:#fff; padding:30px 5%; border-radius:20px;}
.tc_flsm .h2{ font-size:24px; line-height:34px; font-weight:bold; text-align:center; margin-bottom:30px;}
.tc_flsm_txt{ font-size:20px; line-height:30px; max-height:60vh; overflow-y:auto;}
@media(max-width:999px){
.tc_flsm{ padding:20px 5%; border-radius:10px;}
.tc_flsm .h2{ font-size:24px; line-height:34px; margin-bottom:20px;}
.tc_flsm_txt{ font-size:16px; line-height:26px; max-height:60vh; }

}