/*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:16px; color:var(--main-color-666);/*font-family:'Microsoft YaHei';*/}
a{color:var(--main-color-666);}
a:hover{ color:#f60; /* text-decoration:underline;*/} 
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:15rem !important; margin:0 auto;}

:root {
    --main-color: #103472;
    --main-color-white: #ffffff;
    --main-color-000: #000;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}

.header{ position:fixed; top: 0.2rem; background: var(--main-color-white); left: 50%; transform: translate(-50%, 0); z-index: 9; box-shadow: 0px 0px 15px #f3f3f3; display: flex;  align-items: center;
justify-content: space-between; border-radius: 0.4rem;    padding-left: 0.4rem;padding-right: 0.15rem;padding-top: 0.07rem;padding-bottom: 0.07rem; box-sizing: border-box; z-index: 99;}
.logo{ width: 1.7rem; height: 0.55rem;}
.logo a{display: flex;  align-items: center; width: 100%; height: 100%;}
.logo a img{ max-width: 120%; max-height: 100%; vertical-align:bottom;}


/*menu*/
.menu{height:0.62rem;line-height:0.62rem;}
.menu ul li{ float:left; position:relative; /*width:1.2rem;*/}
.menu ul li dl{ background:var(--main-color-white); width:200%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:16px; color:var(--main-color-666); font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#103472;}
.menu a{ font-size:0.19rem;color:var(--main-color-333); text-decoration:none; font-weight:normal;display:block;text-align:center;    padding: 0 20px;}
/* .menu a:hover{color:var(--main-color-white);}
a.menu_hover{ background:var(--main-color-666);color:var(--main-color-white);}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;} */



.header01{ display: flex;   align-items: center;justify-content: space-between;    background-color: var(--main-color); border-radius: 0.8rem; padding: 0.05rem 0.1rem;} 
.header01-l{display: flex;   align-items: center; margin-right: 0.2rem;}
.header01-l .img01{ width: 0.54rem; height: 0.54rem; margin-right: 0.1rem;}
.header01-l .img01 img{ width: 100%; height: 100%;}
.header01-1{color: var(--main-color-white);}
.header01-1 span{ font-size: 0.18rem; display: block;}
.header01-1 a{ color: var(--main-color-white); font-size: 0.24rem; font-weight: bold;}
.hader01-r{display: flex;   align-items: center;}
.hader01-r .img01{ width: 0.54rem; }
.hader01-r  .img01 img{ width: 100%; height: 100%;}
.yuyan{ display: block;}
.yuyan a{ display: block; color: var(--main-color-white); font-size: .15rem;}
.yuyan a.on{ font-weight: bold;}
.yuyan .e_line-19 {  border-top-style: solid; border-top-width: 1px;  border-top-color: rgba(255, 255, 255, 1);
 margin-top: 5px; margin-bottom: 5px; min-height: 0px; max-height: none; height: auto;}


.banner{ width:100%;}
.banner img{ width:100%; vertical-align:bottom;}
.banner .swiper-button-next, .banner .swiper-button-prev{ color:var(--main-color-white); width:0.5rem; height:0.5rem; background:var(--main-color); border-radius:50%;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size:12px;}
.banner .swiper-button-next{ right:2rem}
.banner .swiper-button-prev{ left:2rem}
.banner .swiper-pagination span{ width:10px; height:10px; background:var(--main-color-white);  border-radius:30px;}
.banner .swiper-pagination-bullet-active{ width:30px !important}



.cent01-bg{ display: flex;  align-items: center; justify-content: space-between; box-sizing:border-box; padding:20px; position: relative;}
.cent01-l{  width:48%;}
.cent01-l video{ width:100%; vertical-align:bottom;}

.cent01-r{ width:48%;}
.cent01-r .title-bg{  color: var(--main-color-white);}
.cent01-r .title-bg .h2{ font-size:0.32rem;}
.cent01-r .title-bg .h1{font-size:.14rem; font-weight: normal;}
.cent01-r .title-bg .h1 strong{font-size:.56rem; }
.cent01-bg .shue{ position:absolute; bottom:20px; width: 50%; right: 0%; font-size: 0.15rem; color: var(--main-color-white);}

.title{ display: flex; align-items: center; justify-content: space-between;}
.title01{ width: 0.04rem; margin-right: 0.23rem;}
.title01 img{ width: 100%; vertical-align: bottom;}
.title02{}
.title02 span{ font-size: 0.23rem; color: var(--main-color-666);line-height: 1;     letter-spacing: 4px;}
.title02 h2{ font-size: 0.42rem; color: var(--main-color-333); padding-top: 0.1rem;}
.title .gie{ display: flex; align-items: center;}
.title>a{ width: 1.89rem;  border: 2px solid var(--main-color); border-radius: 0.5rem; color:var(--main-color);    font-size:0.16rem; text-align: center; position:relative; height: .48rem; line-height: .48rem; box-sizing: border-box; overflow: hidden;}
.title>a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.title>a:hover:before {
    animation: style1 .75s;
    z-index: 1;
}
.title>a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.title>a:hover::after {
    opacity: 1;
}

.title>a:hover:hover {
    background-color:var(--main-color);
    color:var(--main-color-white);
	border-color: var(--main-color);
}


@keyframes style1 {
    0% {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: 0 0;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

.cent02{ padding: 8% 0;}
.cent02-l{ width: 48%;}
.cent02-l .title-bg{ font-size: 18px; color: var(--main-color-333); margin-top: 6%;}


.cent0201{ margin-top: 0.8rem;}
.cent0201 ul{ display: flex; align-items: center;justify-content: space-between;}
.cent0201 ul li{ position: relative;    padding-left: .18rem;padding-right: 0.1rem;}
.cent0201 ul li:before { content: ''; position: absolute; left: -1px; top: 0;  width: 0.04rem; height: 97%;  background: #fe6b00;  border-radius: 5px; z-index: 1;}
.cent0201 ul li .mun_top{ display: flex;   align-items: flex-end; color: #fe6b00; font-size: 0.3rem;} 
.cent0201 ul li .mun_top h2{ font-size: 0.56rem; line-height: 1; }
.cent0201 ul li p{ font-size: 0.22rem; color: #2f2f2f; font-weight: bold;}
 
.cent03{ width: 100%; position: relative;}
.cent03 .img{ width: 100%;}
.cent03 .img img{ width: 100%; vertical-align: bottom;}

.cent0301{ position:absolute; top: 0.94rem; right: 2.1rem; width: 58%; color: var(--main-color-white); text-align: right;}
.cent0301 .title{justify-content: end;}
.cent0301 .title .gie{ flex-direction: row-reverse;}
.cent0301 .title .title01{ margin-right: 0; margin-left: 0.23rem;}
.cent0301 .title02 span{ color: var(--main-color-white);}
.cent0301 .title02 h2{ color: var(--main-color-white);}
.cent0301 .titl-bg{ margin-top: 0.43rem;}
.cent0301 .titl-bg>h2{ font-size: 0.18rem; display: block; line-height: 1.5;}
.cent0301 .titl-bg>strong{font-size: 0.18rem;display: block; margin-top: 0.35rem;}
.cent0301 .titl-bg>span{font-size: 0.16rem;display: block;margin-top: 0.35rem; line-height: 1.5;}


.cent04{ width: 100%;}
.cent04 img{ width: 100%; vertical-align: bottom;}
.cent04 a{ display: block;}
.cent04 .swiper-button-next, .cent04 .swiper-button-prev{     left: auto; width: 76px;
  height: 76px;  background: var(--main-colora);  border-radius: 50%;}
  .cent04 .swiper-button-next:after,  .cent04 .swiper-button-prev:after{ color: var(--main-color-white);}
  .cent04 .swiper-button-next{  right: 0.25rem}
  .cent04 .swiper-button-prev{  left: 0.25rem}


.cent05-bg{ padding: 0.7rem 0;}
.cent05-bg .title02 span{ color: var(--main-color);}
.cent05-bg .title02 h2{ color: var(--main-color);}

.cent05{}
.cent05 dl{ display: flex;   align-items: flex-start; justify-content: space-between; margin-top: 0.3rem;}
.cent05 dl dd{ color: var(--main-color-333);}
.cent05 dl dd h2{ color: var(--main-color); font-size: 0.26rem; padding-left: 0.2rem;}
.cent05 dl dd ul{}
.cent05 dl dd ul li{ position: relative; font-size: 0.16rem;    padding-left: 0.16rem;}
.cent05 dl dd ul li::before { content: ''; display: block; position: relative;  width: 0.08rem;  height: 0.08rem; border-radius: 50%; background: var(--main-color-333); top: 17px; left: -20px;}
.cent05 dl dd ul li strong{ font-size: 0.2rem;}
 

.cent06-bg{ padding: 1rem 0;}
.cent06-bg .title02 span{ color: var(--main-color-white);} 
.cent06-bg .title02 h2{ color: var(--main-color-white);} 
.cent06-bg  .title>a{ border-color: var(--main-color-white); color: var(--main-color-white);}
.cent06 ul{ display: flex;  align-items: flex-end;justify-content: space-between; color: var(--main-color-white);}
.cent06 ul li{ margin-top: 0.7rem; width:calc(100%/5); text-align: center;}
.cent06 ul li .img02{ width: 100%; margin:0.1rem 0;}
.cent06 ul li .img02 img{ width: 100%; vertical-align: bottom;}
.cent06 ul li p{ font-size: 0.26rem; line-height: 0.46rem;}
.cent06 ul li h2{ font-size: 0.24rem;line-height: 0.46rem; padding: 0; font-weight: normal; margin-top: 0.25rem;}
.cent06 ul li .img{ width: .8rem; height: .8rem; display: flex; justify-content: center;  align-items: center; margin: 0 auto;    transition-property: all; transition-duration: 0.4s;  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);}
.cent06 ul li .img img{ width: 100%; height: 100%;}
.cent06 ul li:hover .img{
    display-radio: 1;
    transform: rotateY(180deg);
}


.cent07-bg{ padding: 0.8rem 0;}
.cent0701 { position: relative; margin-top: 0.6rem;}
.cent0701 .swiper-slide{  }
.cent0701 .swiper-slide .cent0702{ box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.15); background: var(--main-color-white); box-sizing:border-box; padding: 0.2rem;}
.cent0701 .swiper-slide .cent0702 .img{ position: relative; width: 100%; overflow: hidden;}
.cent0701 .swiper-slide .cent0702 .img a{ display: block;}
.cent0701 .swiper-slide .cent0702 .img a img{ width:100%; vertical-align: bottom;cursor:pointer; transition: all 0.5s;    height: 300px;
    object-fit: cover;}
.cent0701 .swiper-slide .cent0702 .img span{ position: absolute; top: 2%; left: 2%; color: var(--main-color-white); background: var(--main-color); padding: 5px; font-size: 0.14rem; line-height: 1; font-weight: bold;}
.cent0701 .swiper-slide .cent0702:hover .img a img{ transform: scale(1.1);}

.cent0701 .swiper-pagination{ margin-top: 2%; display: flex; justify-content: center;  align-items: center; position:inherit;}
.cent0701 .swiper-pagination span{ width:10px; height:10px; background:var(--main-color);  border-radius:30px; opacity: 1; margin: 0 0.05rem;}
.cent0701 .swiper-pagination-bullet-active{ width:30px !important}
.cent0701 .swiper-slide .cent0702 .title-bg{}
.cent0701 .swiper-slide .cent0702 .title-bg a{ display: block;}
.cent0701 .swiper-slide .cent0702 .title-bg h2{ margin:  0.1rem 0; font-size: .24rem; color: var(--main-color-333);    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
 .cent0701 .swiper-slide .cent0702 .title-bg .e_line-41 {
    width: 50px;
    margin-left: 0px;
    margin-right: auto;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: var(--main-color);
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 0px; background: var(--main-color); color: var(--main-color);
}

.cent0701 .swiper-slide .cent0702 .title-bg span{ display: block; font-size: 0.18rem; color: var(--main-color-666); margin-top: 0.15rem; margin-bottom: 0.45rem; line-height: 1.5;}
.cent0701 .swiper-slide .cent0702:hover .title-bg h2{color: var(--main-color); }
.cent0701 .swiper-slide .cent0702 .title-bg  em{ text-align: right; display:block; border-bottom: 2px var(--main-color) solid; font-size: 0.14rem; font-style: normal; color: var(--main-color-666); line-height: 2;}


.footer-bg{ padding: 0.55rem 0 0 ;}
.footer02-bg{border-top: 1px solid var(--main-color-white);background: var(--main-color);box-sizing: border-box;padding: 0.2rem 0.15rem 0.3rem;font-size: 0.14rem;color: var(--main-color-white);}
.footer02-bg a{ color: var(--main-color-white);}
.footer02{ display: flex;  align-items: center;justify-content: space-between; width: 64%; margin: 0 auto;}

.footer-1{width: 100%;display: flex;align-items: center;padding-bottom: 0.5rem;justify-content: space-evenly;}
.logo02{ width: 1.93rem; margin-right: 0.5rem;}
.logo02 a{ display: block; width: 100%;}
.logo02 a img{ max-width: 100%; width: 100%;}

.footer-l01{ color: var(--main-color);}
.footer-l01>span{ font-size: 0.24rem; display: block;}
.footer-l01>h1{ font-size: 0.5rem; display: block;}
.footer-l01>.img{ margin-top: 0.45rem;}
.footer-l01>.img ul{ display: flex;  align-items: center;}
.footer-l01>.img ul li{ text-align: center; position: relative; padding: 0 0.1rem;}
.footer-l01>.img ul li .img{ width: 0.9rem;}
.footer-l01>.img ul li .img img{ width: 100%; vertical-align: bottom;}
.footer-l01>.img ul li:after {
    content: "";
    display: block;
    width: 1px;
    height: 46px;
    background: var(--main-color-white);
    position: absolute;
    left: auto;
    top: 23px;
    right: -1px;
}
.footer-l01>.img ul li:last-child:after{ display:none;}
.footer-l01>.img ul li span{ font-size: 0.14rem; text-align: center; margin-top: 0.1rem;}

.tyhe{border-radius: 0.5rem;background: var(--main-color-white);display: flex;align-items: center;color: var(--main-color);font-size: 0.24rem;font-weight: bold;padding: 0.07rem 0.1rem;justify-content: space-between;margin-top: 0.2rem;}
.tyhe span{background: var(--main-color);color: var(--main-color-white);border-radius: 0.5rem;padding: 0.05rem 0.15rem;}

.inside_con{ padding:10px 0; min-height: 300px;}
.sp_header{ display: none;}
.sjj_nav{ display: none;}

.cent08{ position: relative; width: 100%;}
.cent08>img{ width: 100%; vertical-align: bottom;}
.cent0801{ position:absolute; top: 60%; left: 50%;  transform: translate(-50%,-50%); color: var(--main-color-white); text-align: center;}
.cent0801 h2{ font-size: 0.63rem; display: block;}
.cent0801 span{font-size: 0.32rem; display: block;}


.cent09-bg{   padding-top: 1.6rem;  padding-bottom: 2.75rem;}
.cent09-l{ width: 48%;}
.cent09-l .title-bg{ font-size: 18px; color: var(--main-color-000); margin-top: 0.65rem;}
.cent09-l .title02 span{ color: var(--main-color); font-size: 0.34rem;}
.cent09-l .title02 h2{ color: var(--main-color); font-size: 0.56rem;}

.cent11{ width: 90%;   max-width: 16.66rem; margin: 3% auto 0;}
.cent11 img{ width: 100%; vertical-align: bottom;}
.cent11 .swiper-button-next, .cent11 .swiper-button-prev{     left: auto; width: 76px;
	height: 76px;  background: var(--main-colora);  border-radius: 50%;}
	.cent11 .swiper-button-next:after,  .cent11 .swiper-button-prev:after{ color: var(--main-color-white);}
	.cent11 .swiper-button-next{  right: 0.25rem}
	.cent11 .swiper-button-prev{  left: 0.25rem}
  

.cent10{ margin-top: 0.45rem;}	
.cent10 .title02 span{ color: var(--main-color); font-size: 0.34rem;}
.cent10 .title02 h2{ color: var(--main-color); font-size: 0.56rem;}

.cent12-bg{    padding: 0.8rem 0  0.8rem; margin-top: 0.8rem;}
.cent12-bg .title02 span{ color: var(--main-color-white); font-size: 0.34rem;}
.cent12-bg .title02 h2{ color: var(--main-color-white); font-size: 0.56rem;}

.cent1201{ width: 100%; position:relative; overflow: hidden; margin-top: 0.38rem;}
.cent1201 .zbge{ box-sizing: border-box;  border-radius: 0.2rem; color: var(--main-color-white); padding: 0.5rem 0;}
.cent1201 .zbge h2{ font-size: 0.5rem; display: block;}
.cent1201 .zbge hr{    border-top-style: solid; border-top-width: 1px; width: 100px;margin-right: auto; margin-left: 0px; border-color: var(--main-color-white); margin-top: 10px;  margin-bottom: 30px;}
.cent1201 .zbge h1{ font-size: 0.24rem; display: block; line-height: 1; margin-top: 0.3rem;}
.cent1201 .zbge span{ font-size: 0.16rem; line-height: 2; margin-top: 0.3rem; display: block;}
.cent1201 .gallery-top1 .swiper-slide-active  .zbge{ background: var(--main-color-white); padding: 0.5rem; color:var(--main-color-333) ;}
.cent1201 .gallery-top1 .swiper-slide-active  .zbge h2{  font-size: 0.9rem; color: var(--main-color);}
.cent1201 .gallery-top1 .swiper-slide-active .zbge hr{ border-color: var(--main-color-333);}

.cent1201 .gallery-thumbs1{ margin-top: 0.7rem; position:relative;}
.cent1201 .gallery-thumbs1 .niav{ text-align: center;}
.cent1201 .gallery-thumbs1 .niav em{ display:none;}
.cent1201 .gallery-thumbs1 .niav span{ font-size: 0.2rem; color: #303030; display: block; padding-top: 0.25rem; position:relative; }
.cent1201 .gallery-thumbs1 .niav span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d5d5d5;
    transition: all 0.3s;
    pointer-events: none;
}
.cent1201 .gallery-thumbs1:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0.04rem;
    width: 100%;
    height: 1px;
    background: #d5d5d5;
}

.cent1201 .gallery-thumbs1 .swiper-slide-thumb-active .niav span:after { display:none;}
.cent1201 .gallery-thumbs1 .swiper-slide-thumb-active  .niav span{ color: var(--main-color-white);}
.cent1201 .gallery-thumbs1 .swiper-slide-thumb-active  .niav span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.3s;
    background: linear-gradient(rgba(255, 255, 255, .15), transparent);
    pointer-events: none;
}

.cent13-bg{     padding-top: 0.8rem;  padding-bottom: 1rem;}	
.cent13 .title02 span{ color: var(--main-color); font-size: 0.34rem;}
.cent13 .title02 h2{ color: var(--main-color); font-size: 0.56rem;}

.cent13 ul{ display: flex;  align-items: center;justify-content: space-between;}
.cent13 ul li{ text-align: center;    padding: 0.8rem;     background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3rem; width: 30%; box-sizing: border-box; margin-top: 0.6rem;}
.cent13 ul li:hover{    display-radio: 1;background-color: rgba(255, 107, 0, 0.8);}
.cent13 ul li h2{ font-size: 0.32rem; color: var(--main-color); display: block;}
.cent13 ul li span{ font-size: 0.24rem; color: var(--main-color-333); display: block; margin-top: 0.5rem; line-height: 1.5;}
.cent13 ul li .e_line-9{    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: var(--main-color);
    border-radius: 38px;
    display: block;
    margin-top: 0.4rem;
    width: 85%;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.42,0,0.58,1); background: var(--main-color);} 
.cent13 ul li:hover .e_line-9{display-radio: 1;border-color:var(--main-color-white); color:var(--main-color-white);background: var(--main-color-white);}
.cent13 ul li:hover span{color:var(--main-color-white);}
.cent13 ul li:hover h2{color:var(--main-color-white);}


.cent14-bg{    padding-top: 0.9rem; padding-bottom:0.9rem;}
.cent14 .title02 span{ color: var(--main-color); font-size: 0.34rem;}
.cent14 .title02 h2{ color: var(--main-color); font-size: 0.56rem;}


.cent14-l{ float:left; width: 48%;}
.cent14-l dl{ margin-left: 0.6rem;}
.cent14-l dl dd{ margin-top: .30rem;}
.cent14-l dl dd p{ font-size: 0.2rem; color: var(--main-color); font-weight: bold; margin-top: 0.05rem; padding: 0;     line-height: 1; display: block;}
.cent14-l dl dd p::before {
    content: '';
    display: block;
    position: relative;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #fe6c00;
    top: 0.15rem;
    left:-0.2rem;}

.cent14-l dl dd strong{ font-size: 0.18rem; color: var(--main-color-333); margin-top: 0.07rem;}
.cent14-l ul{margin-left: 0.6rem;  display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap;  margin-top: 0.5rem;}
.cent14-l ul li{ display: flex;   align-items: center; font-size: .15rem; color: var(--main-color-333); width: 48%;    margin-top: .15rem; }
.cent14-l ul li p{ display: block; padding: 0;}
.cent14-l ul li span{ margin-left: 0.2rem;}
.suolue{ margin-top: 0.3rem; margin-left: 0.6rem;}


.cent14-r{ float:right; width: 48%;}
.cent14-r .img{display: flex;align-items: center;margin-top: 0.1rem; justify-content: center; }
.cent14-r .img .img01{display: flex;justify-content: center;align-items: center;width: 1.45rem;margin: 0 0.1rem;}
.cent14-r .img .img01 img{ width: 100%;}



.cent14-r  .img02 {display: flex;align-items: center;margin-top: 0.1rem;    justify-content: center;}
.cent14-r  .img02 .img01{display: flex;justify-content: center;align-items: center;width: 2.16rem;margin: 0 0.1rem;}
.cent14-r  .img02 .img01 img{ width: 100%;}


.cent15-bg{    padding-top: 0.8rem; padding-bottom: 0.8rem; color: var(--main-color-white);}
.cent15 .title02 span{ color: var(--main-color-white); font-size: 0.34rem;}
.cent15 .title02 h2{ color: var(--main-color-white); font-size: 0.56rem;}

.cent1501{ display: flex;   align-items: flex-start;justify-content: space-between; margin-top: 0.6rem;}
.cent1501 strong{ font-size: 0.2rem; line-height: 2; display: block;}
.cent15-l{  flex: 0 0 15%;}
.cent15-r{    flex: 1;}
.cent15-r dl{    display: flex;flex-wrap: wrap;	flex-direction: row;width: 100%;}
.cent15-r dl dd{ flex: 1; max-width: 100%; max-height: 100%;}
.cent15-r dl ul li{ line-height: 2; font-size: 0.18rem; }
.cent15-r dl ul li span{ font-size: 0.18rem; display: block;}

.cent16-bg{    padding-top: 0.9rem; padding-bottom: 1.30rem; color: var(--main-color-white);} 

.biaot{ text-align: center;}
.biaot h1{ font-size: 0.57rem;}

.cent16 ul{ display: flex;  align-items: center; justify-content: space-between;}
.cent16 ul li{ text-align: center;}
.cent16 ul li .mun_top{display: flex; justify-content: center;  align-items: flex-end; font-size: 0.24rem; margin-top: 0.9rem;}
.cent16 ul li .mun_top h2{ font-size:0.68rem ; line-height: 1;}
.cent16 ul li hr{    border-top-style: solid;  border-top-width: 2px;border-top-color: rgba(255, 255, 255, 1);
 max-width: none; width: 1.39rem; border-radius: 1rem; margin-top: .1rem;}
 .cent16 ul li p{ font-size: 0.17rem; padding: 0; margin-top: 0.1rem;}


 .cent17{    padding-top: 0.8rem; padding-bottom: 0.8rem; display: flex; align-items: center; justify-content: space-between;}
.cent17-l{ width: 60%;}
.cent17-l img{ width: 100%; vertical-align:bottom;}
.cent17-r{ width: 38%; text-align: right;}
.cent17-r h2{ font-size: 0.57rem; color: #ff6c02; line-height: 1.4;}
.cent17-r span{ font-size: 0.26rem; color: var(--main-color-333); display: block; line-height: 1.5;}
.cent17-r p{ font-size: 0.14rem; color: var(--main-color-333); display: block; padding: 0; }
.cent17-r .e_line-5 {
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #ff6c02;
    max-width: none;
    width: 1rem;
    border-radius: 0.1rem;
    margin-top: 0.15rem;
    margin-right: 0px;
    margin-left: auto; margin-bottom: 0.4rem;
}

.cent180bg{    padding-top: 0.75rem;padding-bottom: 0.9rem;}
.cent18 .biaot h1{ color: var(--main-color-white);}
.cent18>ul{ margin-top: 0.8rem; display: flex;  align-items: flex-start;justify-content: space-between;}
.cent18>ul>li{    background-color: var(--main-color); border-radius: 0.2rem;    transition-property: all;transition-duration: 0.5s;   transition-timing-function: cubic-bezier(0.42,0,0.58,1); width:calc((100% - 0.75rem)/5); margin-right: 0.15rem; overflow: hidden;}
.cent18>ul>li:nth-child(5n) { margin-right: 0% ;}
.cent18>ul>li:hover { margin-top: -20px;  box-shadow: 0px 0px 15px #e1c0a8;}
.cent18>ul>li h2{ text-align: center; font-size: 0.24rem; color: var(--main-color-white); padding: 0.15rem 0;}
.cent18>ul>li>ul{ background: var(--main-color-white); margin: 4px; border-radius: 0 0 0.2rem 0.2rem; padding: 0.3rem 0.2rem 0;    min-height: 2.6rem;}
.cent18>ul>li>ul li{ font-size: 0.17rem; color: var(--main-color-333);}
.cent18>ul>li>ul li strong{}
.cent18>ul>li>ul li span{ color: var(--main-color); font-weight: bold;}

.cent19-bg{padding-top:0.7rem; padding-bottom: 1rem;}
.cent19 .biaot h1{ color: var(--main-color);}
.cent19 ul{}
.cent19 ul li{width:calc(100%/3); display: block; float: left; box-sizing: border-box; padding: 0 1rem; margin-top: 0.8rem;}
.cent19 ul li:nth-child(3n) {margin-right: 0% ;}
.cent19 ul li:nth-child(3n-2){ clear:left;}
.cent19 ul li .title-bg{ border-bottom: 2px solid var(--main-color); display: flex;  align-items: flex-end; width: 80%; color: var(--main-color); font-size: 0.26rem; font-weight: bold; padding-bottom: 0.1rem;}
.cent19 ul li .title-bg h1{ font-size: 0.6rem; display: block; line-height: 1;}
.cent19 ul li  span{ font-size: 0.16rem; color: var(--main-color-333); display: block; margin-top: 0.2rem;}


.cent20-bg{    padding-top: 0.6rem; padding-bottom: 0.65rem; color: var(--main-color);}
.cent20 dl{ width:9.37rem; margin: 0.6rem auto 0; display: flex;  align-items: flex-start; justify-content: space-between;}
.cent20 dl dd{background: var(--main-color-white); }
.cent20 dl dd ul{ border: 2px solid var(--main-color);}
.cent20 dl dd ul li{ border-bottom:2px solid var(--main-color); text-align: center; min-height: 0.8rem; display: flex; justify-content: center;  align-items: center; font-size: 0.26rem; color: var(--main-color-666); flex-direction: column;}
.cent20 dl dd ul li:last-child{border-bottom:0}
.cent20 dl dd ul li span{  color:var(--main-color); font-weight: bold;}
.cent20 dl dd ul li em{ font-style: normal;  color:var(--main-color); font-size: 0.18rem; font-weight: bold;}
.cent20 dl dd ul li strong{ font-size: 0.3rem; color:var(--main-color); }
.cent20 dl dd.md01{ width: 1.92rem; padding: 0.1rem 0 0.1rem 0.1rem; border-radius: 0.3rem 0 0 0.3rem;}
.cent20 dl dd.md01 ul{border-radius: 0.2rem 0 0 0.2rem;}
.cent20 dl dd.md02{ width: 3.45rem;  padding: 0.1rem 0 0.1rem 0 }
.cent20 dl dd.md03{ width: 3.64rem;padding: 0.1rem 0.1rem 0.1rem 0rem; border-radius:  0 0.3rem 0.3rem  0 ;}
.cent20 dl dd.md03 ul{border-radius:0 0.2rem 0.2rem 0;}


.cent21-bg{    padding-top: 0.7rem; padding-bottom: 1.2rem;}
.cent21 .biaot h1{ color: var(--main-color);}
.cent21 ul{ display: flex; align-items: center;}
.cent21 ul li{ }
.cent21 ul li img{ width: 15px;}
.cent21 ul li .gue{border: 1px solid var(--main-color);display: flex;align-items: center;justify-content: center;color:var(--main-color);width: 1.83rem;}
.cent21 ul li .gue strong{font-size:0.4rem;}
.cent21 ul li .gue span{ font-size: 0.18rem; margin-left: 0.15rem;}
.cent21 ul li:nth-child(2n) { margin: 0 0.2rem;}
.cent21 .img{text-align: right;margin: 0.2rem 0.8rem 0.2rem 0;}
.cent21 .img img{ width: 15px;}
.cent21 .img02{margin: 0.2rem 0 0.2rem 0.8rem;}
.cent21 .img02 img{ width: 15px;}
.cent2101{width: 92%;margin: 0.6rem auto 0;}
.cent21 ul.tup01 li:nth-child(1) .gue,.cent21 ul.tup01 li:nth-child(5) .gue,.cent21 ul.tup01 li:nth-child(9) .gue{ background: rgba(255, 107, 0, 1); color: var(--main-color-white);}

.cent21 ul.tup02 li:nth-child(3) .gue,.cent21 ul.tup02 li:nth-child(6) .gue,.cent21 ul.tup02 li:nth-child(10) .gue{ background: rgba(255, 107, 0, 1); color: var(--main-color-white);}

.cent22-bg{    padding-top: 0.7rem;  padding-bottom: 0.8rem;}
.cent22 ul li .erji{display: none;font-size: 0.14rem;color: var(--main-color-white);line-height: 1.5;border-top: 1px solid var(--main-color-white);padding: 0.08rem 0.2rem 0.5rem;}
.cent22 .biaot h1{ color: var(--main-color);}
.cent2201{  margin-top: 0.6rem;}
.cent2201 ul{ float: left; display: block; margin-right: 4%;width:calc((100% - 4%)/2);}
.cent2201 ul:nth-child(2n) { margin-right: 0% ;}
.cent2201 ul li{background: var(--main-color);border-radius: 0.3rem;padding: 0.04rem 0.09rem;margin-bottom: 0.2rem;box-sizing: border-box;}
.cent2201 ul li span{display: flex;align-items: center;justify-content: space-between;padding: 0.1rem;box-sizing: border-box;}
.mim{ display: flex;  align-items: center; font-size: 0.18rem; color: var(--main-color-white); }
.cent2201 ul li span i{ color: var(--main-color-white); font-size: 0.3rem;}
.cent2201 ul li span em{ border-radius: 0.5rem;background: var(--main-color-white); font-size: 0.18rem; font-style: normal; font-weight: bold; width: 0.28rem; height: 0.28rem; display: block; display: flex; justify-content: center;  align-items: center; color: var(--main-color);    transition: all 0.5s ease; margin-right: 0.07rem;}
.cent2201 ul li:hover .mim em{ margin-right: 0.15rem;}
.cent2201 ul li:hover span i{transform:rotate(180deg);transition:all ease 0.35s}
.cent2201 ul li:nth-child(2n){ background: var(--main-color-white);}
.cent2201 ul li:nth-child(2n) span em{ background:var(--main-color); color: var(--main-color-white);}
.cent2201 ul li:nth-child(2n) .mim{ color:var(--main-color) ;}
.cent2201 ul li:nth-child(2n) span i{ color:var(--main-color) ;}
.cent2201 ul li span.cee i{transform:rotate(180deg);transition:all ease 0.35s}
.cent2201 ul li:nth-child(2n) .erji{ color:var(--main-color-000); border-top: 1px solid rgba(0,0,0,0.1);}


.cent23-bg{ padding: 0.5rem;}
.cent23-l{ float:left; width:5.46rem;}
.cent23-l h2{ font-size: 0.34rem; color: var(--main-color-333);}
.cent23-l span{ font-size: 0.14rem; color: var(--main-color-333); display: block; margin-top: 0.3rem;}
.cent23-l .yige{ margin-top: 0.9rem;}
.cent23-l .yige em{ display: block; font-size: 14px; color: var(--main-color); font-style:normal;}
.cent23-l .yige strong{ font-size: 0.24rem; display: block; margin-bottom: 0.2rem;}
.cent23-l .yige h3{ font-size: 0.34rem;}
.cent23-l .yige a{ color: var(--main-color);}


.cent23-r{ float:right; display: block; width: 8.45rem;}
.cent23-01{ float:left; display: block; width: 4.42rem;}
.cent23-01 ul li{ margin-bottom: 0.2rem;}
.cent23-01 ul li span{ font-size: 0.14rem; color: var(--main-color-333); display: block;    margin-bottom: .05rem;}
.cent23-01 ul li span em{ color: #c9141e; font-style: normal;}
.cent23-01 ul li  .input_text{ border: 1px solid #ced4da; background: var(--main-color-white); display: block; width: 100%; padding: 0.06rem 0.12rem; box-sizing: border-box; line-height: 1.5;outline:none;}
.cent23-01 ul li  .input_text::-webkit-input-placeholder{ color:var(--main-color-666);}

.tji{width: 1.40rem;border-radius: 0.5rem;color: var(--main-color-white);font-size:0.16rem;text-align: center;position:relative;height: .45rem;line-height: .45rem;box-sizing: border-box;overflow: hidden;display: block;background: var(--main-color);}
.tji:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.tji:hover:before {
    animation: style1 .75s;
    z-index: 1;
}
.tji::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.tji:hover::after {
    opacity: 1;
}

.tji:hover:hover {
    background-color:var(--main-color);
    color:var(--main-color-white);
	border-color: var(--main-color);
}
.cent23-02{ width: 3.82rem; float:right;}
.cent23-02 span{ font-size: 0.14rem; color: var(--main-color-333); display: block;    margin-bottom: .05rem;}
.cent23-02 span em{ color: #c9141e; font-style: normal;}
.cent23-02 .text{ border: 1px solid #ced4da; background: var(--main-color-white); display: block; width: 100%; padding: 0.06rem 0.12rem; box-sizing: border-box; line-height: 1.5;outline:none; height: 2.65rem;}
.cent23-02 .text::-webkit-input-placeholder{ color:var(--main-color-666);}

.titl01{ text-align: center; color: var(--main-color);}
.titl01 h2{ font-size: 0.57rem;}
.titl01 hr{    border-top-style: solid; border-top-width: 2px; border-top-color:var(--main-color);  max-width: 1.68rem;   margin-right: auto;  margin-left: auto;}

.cent24-bg{  background-color: #f5f5f5;   padding-top: 0.5rem;  padding-bottom: 0.6rem}
.cent24 ul{ display: flex;  align-items: center; justify-content: space-between; margin-top: 0.5rem;}
.cent24 ul li{ height: 2.84rem; background: var(--main-color-white); color: var(--main-color-333); width:19%; border-radius: 20px; } 
.cent24 ul li a{ width: 100%; height: 100%; display: flex; justify-content: center;  align-items: center;  flex-direction: column;}
.cent24 ul li a .img-bg{position:relative; overflow: hidden; width: 50px; height: 50px;}
.cent24 ul li a .img{    overflow: hidden; width: 35px;   margin-left: auto;  margin-right: auto; position: absolute;   left: 50%;  top: 100%;  transform: translate(-50%, -50%);  transition: all 0.5s ease;}
.cent24 ul li a .img img {  width: 100%; height: 100%; object-fit: contain;}
.cent24 ul li  strong{ font-size: 0.24rem; color: var(--main-color-333); margin-top: 0.35rem;text-align: center;
    display: block;}
.cent24 ul li p{ padding: 0;  background:var(--main-color-333);  width: 0.4rem; height: 3px; margin: 0.2rem auto 0.3rem; }
.cent24 ul li span{ font-size: 0.16rem; color: var(--main-color-666); display: block;    text-align: center;}
.cent24 ul li:hover .img {  top: auto;}
.cent24 ul li:hover { background: var(--main-color); color: var(--main-color-white);}
.cent24 ul li:hover span{ color: var(--main-color-white);}
.cent24 ul li:hover p{  background: var(--main-color-white);}
.cent24 ul li:hover strong{ color: var(--main-color-white);}

.cent25{ margin-top: 0.96rem;}
.cent26{ position: relative;}
.cent2601{ width: 100%;}
.cent2601 .img{ display: none;width: 100%;}
.cent2601 .img img{ width: 100%; vertical-align: bottom;}
.cent26{ margin-top: 0.48rem;}
.cent2603{ position:absolute; width: 3.5rem; top: 0.6rem; left: 0.6rem;}
.xuane{ border: 1px #ddd solid; border-radius: 10px; background: var(--main-color-white); display: flex; justify-content: center;  align-items: center; overflow: hidden;}
.xuane .select{ border: 0; line-height: 0.45rem; height: 0.45rem; width: 50%; padding: 0 0.1rem;}
.cent2604{ width: 100%; height: 4.95rem;overflow-y:scroll; background: var(--main-color-white); margin-top: 10px; border-radius: 10px; }
.cent2604 ul li{ border-bottom: 2px solid rgba(229,229,229,1); padding: 0.1rem 0.15rem; box-sizing: border-box; display: flex; justify-content: space-between;  align-items: flex-start;}
.cent2604 ul li .img{ width: 0.3rem; height: 0.3rem; display: flex; justify-content: center;  align-items: center;}
.cent2604 ul li .img img{ max-width: 100%; max-height: 100%;}
.cent2604 ul li .title-bg{width:calc(100% - 0.45rem);}
.cent2604 ul li .title-bg h2{ font-size:0.14rem; color: var(--main-color-333); line-height: 1.5;}
.cent2604 ul li .title-bg span{ font-size: 0.13rem; color: #ababab; line-height: 1.5;}
.cent2604 ul li:hover{ background: #e9e9e94a;}

.cent2602{position:absolute; width: 5rem; top: 0.35rem; right: 2.5rem; display: flex;  align-items: center;}
.cent2602 .input_text{ background: var(--main-color-white); border: 1px solid #ced4da; padding: 0rem 0.12rem;width:calc(100% -  0.9rem);font-size:0.16rem; box-sizing: border-box; line-height: 0.45rem;outline:none;}
.cent2602 .input_text::-webkit-input-placeholder{ color:var(--main-color-666);}
.cent2602 a{width: 0.9rem;border-radius:4px;color: var(--main-color-white);font-size:0.16rem;text-align: center;position:relative;height: .5rem;line-height: .5rem;box-sizing: border-box;overflow: hidden;display: block;background: var(--main-color); }
.cent2602 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.cent2602 a:hover:before {
    animation: style1 .75s;
    z-index: 1;
}
.cent2602 a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.cent2602 a:hover::after {
    opacity: 1;
}

.cent2602 a:hover:hover {
    background-color:var(--main-color);
    color:var(--main-color-white);
	border-color: var(--main-color);
}


.cent27{ padding: 0.6rem 0;}
.cent27 ul li{list-style:circle; display: flex;  align-items: center;justify-content: space-between; margin-top: 0.3rem;}
/*.cent27 ul li:nth-child(2n) {flex-direction: row-reverse;}*/
.cent27 ul li .img{width: 46%;}
.cent27 ul li .img img{ width: 100%; vertical-align: bottom;}
.cent27 ul li  .cent27-r{width: 51%;font-size: 0.16rem;color: #262626;line-height: 1.5;}
.cent27 ul li  .cent27-r>span{ display: block; margin: 0.3rem  0;}


@media only screen and (max-width: 980px) {
.wapper{ width:90% !important;}
.header{ display: none;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10;width:100%; display: block;}
.sp_logo{padding:10px;float:left;height:50px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height:55px;}
.sp_nav{width: 36px;float:right;position:relative;cursor:pointer;margin-top: 7px;background: var(--main-color);height: 36px;border-radius: 50%;box-shadow: 0px 0px 15px #f3f3f3;margin-right: 5%;}
.sp_nav span{display:block;background: var(--main-color-white);width: 16px;height: 2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top: 10px;}
.sp_nav span:nth-of-type(2){top: 17px;}
.sp_nav span:nth-of-type(3){top: 24px;}
.sp_nav_se span:nth-of-type(1){top: 17px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top: 17px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--main-color-666);width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.cent01-bg{flex-wrap: wrap; }
.cent01-l{ width: 100%;}
.cent01-r{ width: 100%; margin-top: 5%;}
.cent01-r .title-bg .h2{ font-size: 15px;}
.cent01-r .title-bg .h1{ font-size: 22px;}
.cent01-r .title-bg .h1 strong{ font-size: 34px;}
.cent01-bg .shue{ position:inherit; width: 100%;  top: 0; right: inherit;font-size: 14px; margin-top: 5%;}	
.cent02-l{ width: 100%;}

.title01{ width: 3px;margin-right: 20px;}
.title01 img{height: 50px;}
.title02 span{ font-size: 18px;}
.title02 h2{ font-size: 22px;}
.cent02-l .title-bg{ font-size: 16px;}
.cent0201{ margin-top: 10%;}
.cent0201 ul{flex-wrap: wrap; }
.cent0201 ul li{ width: 100%; margin-bottom: 10px; }
.cent0201 ul li .mun_top{ font-size:30px;}
.cent0201 ul li .mun_top h2{ font-size: 42px;}
.cent0201 ul li p{ font-size: 14px;}
.cent04 .swiper-button-next, .cent04 .swiper-button-prev{ display:none;}


.cent0301{width:90%;margin: 5% auto;position: inherit;color:#000;padding: 0;left: inherit;right: inherit;height: auto;bottom: inherit;top: inherit;text-align: left;}
	.cent0301 .title{
    justify-content: left;
}
	   .cent0301  .title01 img {
        height: 50px;
        display: none;
    }
.cent0301 .title02 span{ color:#000}
.cent0301 .title02 h2{ color:#000}
.cent0301 .titl-bg>h2{ font-size:16px}
.cent0301 .titl-bg{font-size:14px;display: block;}
.cent0301 .titl-bg p{
    padding: 0;
    line-height: 1.5;
    \: revert;
    display: block;
}
.cent05-bg{ padding: 10% 0;}
.cent05 dl{flex-wrap: wrap; }
.cent05 dl dd{ width: 100%; margin-top: 20px; }
.cent05 dl dd h2{ font-size: 18px;}
.cent05 dl dd ul li strong{ font-size: 20px;}
.cent05 dl dd ul li{ font-size: 16px;    padding-left: 1.16rem;}
.cent05 dl dd ul li::before{ width: 8px; height: 8px;}

.cent06 ul li .img{ width: 50px; height: 50px;}
.cent06 ul li h2{ font-size: 14px;}
.cent06 ul li p{ font-size: 16px;}
.title>a{font-size: 14px;width: 30%;line-height: 1.5;height: auto;}

.cent0701 .swiper-slide .cent0702{ padding: 5%;}
.cent0701 .swiper-slide .cent0702 .title-bg h2{ font-size: 18px;}
.cent0701 .swiper-slide .cent0702 .title-bg span{ font-size: 16px;  width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.cent0701 .swiper-slide .cent0702 .title-bg em{ font-size: 14px; text-align:left;}

.footer-bg{ background: var(--main-color) !important;}
.footer-1{ width: 100%;}
.logo02{  display: none;}
.footer-l01{ display: flex; justify-content: center;  align-items: center; flex-direction: column;        width: 100%;}
.footer-l01>span{ font-size:20px ;  order: 2;width: 100%; text-align: center;color: #fff;}
.footer-l01>.img{  order: 1; width: 100%; }
.footer-l01>.img ul{flex-wrap: wrap;}
.footer-l01>.img ul li:nth-child(2n):after{ display:none;}
.tyhe{ display: none;}
.footer-l01>h1{ order: 3; font-size: 36px;color: #fff;}
.footer-l01>.img ul li .img{width: 90px;margin: 0 auto;}
.footer-l01>.img ul li{ width: 48%; margin-bottom: 4%;}
.footer-l01>.img ul li span{ font-size: 14px;}
.footer02{ width: 90%;flex-wrap: wrap; padding: 2%  0;}
.footer02-bg{ font-size: 14px;}

.cent1501{flex-wrap: wrap; }
.cent15-l{ width: 100%;flex:auto}
.cent1501 strong{ display:inline-block; font-size: 18px;}
.cent15-r dl dd{ flex:auto; width: 100%;}
.cent15-r dl ul li span{ display:inline-block; font-size: 14px;}
.cent15-r{ flex: auto; width: 100%;}
.cent15-r dl{flex-wrap: wrap;}
.cent15-r dl dd ul{ display: flex;   align-items: center;justify-content: space-between;}
.cent15-r dl dd ul strong{ display: block;}

.cent09-l{ width: 100%;}
.cent09-l .title-bg{ line-height: 1; font-size: 16px;}
.cent09-l .title-bg p{ padding: 0;}
.cent09-bg{ background: none !important;}
.title02 h2{ font-size: 22px !important;}
.cent09-l .title02 span{ font-size: 18px !important;}

.cent0801 h2{ font-size: 24px;}
.cent0801 span{ font-size: 18px;}
.cent10 .title02 span{ font-size: 16px;}
.cent12-bg .title02 span{font-size: 16px;}
.cent13 .title02 span{font-size: 16px;}
.cent1201 .zbge hr{ width: 50%;}
.cent1201 .zbge h1{font-size: 16px;}
.cent1201 .zbge span{font-size: 16px; line-height: 1.5;}
.cent1201 .gallery-thumbs1 .niav span{ font-size: 14px;}

.cent13 ul li h2{ font-size:14px;}
.cent13 ul li span{ font-size:12px;}
.cent13 ul li{ padding: 5%;}
.cent14-l{ float:none; width: 100%;}
.cent14-r{ float:none; width: 100%;}
.cent14-l dl dd p{ font-size: 14px;}
.cent14-l dl dd strong{ font-size: 12px;}
.cent14-l ul li{ font-size: 12px; width: 100%;}
.suolue{ font-size: 15px;}
.cent14-r .img .img01{ width: 30%;}
.cent14-r .img02 .img01{ width: 30%;}
.cent15 .title02 span{ font-size: 16px;}

.cent16 ul{flex-wrap: wrap; }
.cent16 ul li{ width: 50%;}
.cent16 ul li .mun_top{ font-size: 18px;}
.cent16 ul li .mun_top h2{font-size: 40px;}
.cent16 ul li p{ font-size: 17px;}
.cent17{flex-wrap: wrap; }
.cent17-l{ width: 100%;}
.cent17-r{ width: 100%; margin-top: 5%;}
.cent17-r h2{  font-size: 24px;}
.cent17-r span{ font-size: 20px;}
.cent17-r p{ font-size: 14px;}

.biaot h1{ font-size: 24px;}
.cent18>ul{flex-wrap: wrap; }
.cent18>ul>li{ width: 48%; margin-bottom: 5%; border-radius: 20px;}
.cent18>ul>li h2{ font-size: 18px;}
.cent18>ul>li>ul li{ font-size: 14px;}
.cent19 ul li{ float:none; display: block; width: 100%; margin-right: 0;}
.cent19 ul li .title-bg{ font-size: 18px;}
.cent19 ul li .title-bg h1{ font-size: 30px;}
.cent19 ul li span{ font-size: 14px;}
.cent20 dl{ width: 100%;}
.cent20 dl dd.md01{ width:30%;}
.cent20 dl dd.md02{ width:33%;}
.cent20 dl dd.md03{ width:33%;}
.cent20 dl dd ul li{font-size: 15px;min-height: 40px;}
.cent20 dl dd ul li em{font-size: 8px;}
.cent20 dl dd ul li strong{font-size: 15px;}
.cent21 .img{ display: none;}
.cent21 .img02 img{ display: none;}
.cent2101{ width: 100%;}
.cent2201 ul{ float:none; display: block; width: 100%;}
.mim{ font-size: 16px;}
.cent2201 ul li span em{ width: 24px; height: 24px; font-size: 16px;}
.cent2201 ul li span i{ font-size: 24px;}
.cent2201 ul li{ border-radius: 30px;}
.cent2201 ul li span em{border-radius: 50%;}
.cent22 ul li .erji{ font-size: 14px;}

.cent23-l{ float:none; display: block; width: 100%;}
.cent23-l h2{ font-size: 24px;}
.cent23-l span{ font-size: 14px;}
.cent23-l .yige strong{ font-size: 24px;word-break:break-all;}
.cent23-l .yige h3{ font-size: 24px;word-break:break-all;}
.cent23-l .yige em{ font-size: 14px;word-break:break-all;}
.cent23-r{ float:none; display: block; width: 100%; margin-top: 5%;}
.cent23-01{ float:none; display: block; width: 100%}
.cent23-02{ float:none; display: block; width: 100%; margin-top: 5%;}
.cent23-01 ul li{ margin-bottom: 20px;}
.cent23-01 ul li span{ font-size: 14px; margin-top: 10px;}
.cent23-01 ul li .input_text{ padding: 5px 10px;}
.tji{ width: 120px; line-height: 40px; height: 40px; font-size: 18px; margin-top: 5%;}

.cent23-02 span{ font-size: 14px; margin-top: 10px;}
.cent23-02 .text{ height: 200px;}

.titl01 h2{ font-size: 24px;}
.cent24 ul{flex-wrap: wrap; }
.cent24 ul li{ width: 100%; margin-bottom: 10px;}
.cent24 ul li a{ display: block;}
.cent24 ul li a .img-bg{ float:left; margin-top: 5px;}
.jige{ float:right; width: 80%; margin-top: 10px;}
.cent24 ul li strong{ font-size: 16px;}
.cent24 ul li p{ display: none;}
.cent24 ul li span{ font-size: 14px;}

.cent2603{ position: inherit; top: inherit; left: inherit; width: 100%;}
.xuane .select{ height: 40px; line-height: 40px;}
.cent2604{ height: 200px;}
.cent2604 ul li{ padding: 10px;}
.cent2604 ul li .title-bg h2{ font-size: 14px;}
.cent2604 ul li .title-bg span{ font-size: 13px;}
.cent2604 ul li .img{ width: 24px; height: 24px;}
.cent2601{ margin-top: 4%;}

.cent2602{ position: inherit;top: inherit; right: inherit; width: 100%; margin-bottom: 5%;}
.cent2602 .input_text{ padding: 10px; font-size: 14px;line-height: 40px; height: 40px}
.cent2602 a{ font-size: 16px; width: 80px; line-height: 40px; height: 40px;}


.cent27 ul li{ display: block; margin-top: 5%;}
.cent27 ul li .img{ width: 100%;}
.cent27 ul li .cent27-r{ width: 100%; margin-top: 5%; font-size: 14px;}

}