/*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:#666;font-family:Arial;}
a{color:#666;}
a:hover{ color:#11426b; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
#lblContent p{font-size:16px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:14.54rem !important; margin:0 auto;}


.top-bg{ background:#ffb71c;box-shadow: 0px 0px 15px #ccc; }
.top{ display: flex;  align-items: center;justify-content: space-between; height:60px}
.top ul{ display: flex;  align-items: center;}
.top ul li{ display: flex;  align-items: center; margin-right:40px; font-size:12px; color:#676566; font-weight:bold;}
.top ul li img{ width:40px; display:block; margin-right:10px;}
.top01{ color:#fff; font-size:15px;}
.top01 a{ color:#fff; font-size:15px;}
.top01 a.on{ font-weight:bold;}


.header-bg{border-bottom:10px solid #ffc501; z-index:99 }
.header{display: flex;justify-content: flex-end;align-items: center;position:relative;height: 1rem;}
.header .logo{position:absolute;top:0;left:0;width: 2.03rem;z-index:99}
.header .logo a{ width:100%;}
.header .logo a img{ width:100%; vertical-align:bottom;}

/*menu*/
.menu{height: 0.35rem;line-height: 0.35rem;}
.menu ul li{float:left;position:relative;border-right:#f2f2f2 solid 1px;/* width:120px; */padding: 0 0.1rem;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{font-size: 0.19rem;color:#666666;text-decoration:none;font-weight:bold;display:block;text-align:center;}
.menu a:hover{color: #11426b;}
a.menu_hover{/* background:#666; */color: #11426b;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}




.cent01{ width:100%; position:relative;}
.cent01>img{ width:100%; vertical-align:bottom}
.dingwei{position:absolute;top: 23%;height:auto;color:#fff;width: 38%;}
.dingwei .img{ width:100px;}
.dingwei .img img{ width:100%; vertical-align:bottom; filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }
.dingwei h2{font-size: 30px;display:block;margin-top: 2%;}

.dingwei span{display:block;font-size: 14px;margin-top: 4%;line-height: 1.8;text-align: justify;}
.learn{background:#ffb71b;border-radius:10px;text-align:center;color:#fff;font-size:16px;font-weight:bold;text-align:center;width: 150px;display:block;padding: 1.5%  0;margin-top: 7%;}
.learn:hover{ color:#fff;}


.cent0101{left: 12.7%;}



.cent02{width:100%;margin-top: -6%;position:relative;}
.cent02>img{ width:100%; vertical-align:bottom}
.cent0201{ right: 12.7%;    top: 29%; width: 30%;}

.cent14{ width:100%; position:relative;}
.cent14>img{ width:100%; vertical-align:bottom}
.cent1401{ left: 50%;   top: 50%; width: 30%;transform: translate(-50%,-50%);}
.cent1401 .img{    margin: 0 auto;}
.cent1401 .learn{ margin:7% auto 0;}
.cent1401 span{ text-align:center;}
.cent14 .dingwei h2{text-align: center;}

.footer-bg{ border-top:17px solid #ffc501; }
.footer{ padding:4% 0;}
.footer ul{display: flex;align-items: flex-start;justify-content: space-between;}
.footer ul li{border-right:2px solid #f2f2f2;padding: 0 0.6rem;}
.footer ul li em{font-size: 0.15rem;color:#fdb71b;font-weight:bold;display:block;margin-bottom: 0.28rem;}
.footer ul li:nth-child(1) { width:20%; padding-left:0;}
.footer ul li:nth-child(2){}
.footer ul li:nth-child(3){}
.footer ul li:nth-child(4) { border-right: 0 ; padding-right:0 }
.footer ul li .foun span{font-size: 0.12rem;color:#666666;line-height:2;display:block;font-weight:bold;}
.footer ul li .footer01 dl dd{display: flex;align-items: center;line-height: 1.5;font-size: 0.12rem;color: #666666;font-weight:bold;}


.footer ul li .footer02 dl dd{display: flex;align-items: center;line-height: 1.5;font-size: 0.12rem;color: #666666;font-weight:bold;}
.footer ul li .footer02 dl dd .img{width: 0.3rem;height: 0.3rem;display: flex;justify-content: center;align-items: center;}
.footer ul li .footer02 dl dd .img img{ max-width:100%; max-height:100%}




.top02{ display:none;}
.sp_header{display:none;}
.sjj_nav{display:none;}


.baner02{ width:100%; position:relative;}
.baner02>img{ width:100%; vertical-align:bottom;}
.baner02>video{ width:100%; vertical-align:bottom;}
.baner0201{ position:absolute; top:0; left:0; width:100%; display: flex; justify-content: center;  align-items: center;flex-direction: column; height:100%; color:#fff;}
.baner0201 h2{font-size: 41px;}
.baner0201 .shp{ margin-top:4%;}
.wzjio{display: flex;justify-content: center;align-items: center;font-size: 19px;color:#fff;}
.wzjio a{ color:#fff;}
.wzjio i{ font-style:normal;}
.wzjio img{width: 12px;margin: 0 10px;}


.cent03{ width:100%; position:relative; overflow:hidden; margin-top:2%}
.cent03>img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.cent03>a{    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 3;   /* opacity: 0;*/
    top: 10%;/*visibility: hidden;*/ top: 50%;
    visibility: visible;}
/*.cent03:hover a{    opacity: 1;
    top: 50%;
    visibility: visible;
}*/
.cent03:hover img{/*transform: scale(1.1);*/}
.cent03>a img{ width:100%; height:100%}
.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 960px;
	height:auto;
	margin: 0 auto;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	background-color: #0000; position:absolute;
	top: 50%;
	left: 50%; transform: translate(-50%,-50%);
	z-index: 100000;
}

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


.youce{ position:fixed; right:0; bottom:4%; background:#fff;  box-shadow: 0px 0px 15px #ccc; z-index:99}
.youce ul li{ width:40px; height:40px; position:relative;}
.youce ul li a{ width:100%; height:100%;display: flex; justify-content: center;  align-items: center;}
.youce ul li a img{ max-width:100%; max-height:75%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }
.youce ul li:before {position: absolute; content: ''; top:0; right:100%; width:5px; height:100%; background:#ffc501; display:none;}
.youce ul li:hover:before{ display:block}
.youce ul li:hover a img{filter:none;}


.cent04{ margin-top:4%;}
.cent04>h2{font-size: 30px;color:#666;float:left;width: 30%;}

.cent0401{ float:right; display:block; width:66%;}
.cent0401 span{ font-size:14px; display:block; line-height:2; color:#666; margin-bottom:4%;text-align: justify;}
.cent0401 ul li{ float:left; display:block; width:50%; border-top:1px solid #ccc; padding:3% 0}
.cent0401 ul li .mun_top{ display: flex;  align-items: center;    font-size: 26px;  color: #666; font-weight:bold; font-weight:bold;}
.cent0401 ul li .mun_top h2{font-size: 26px;}
.cent0401 ul li p{ font-size:14px; color:#666; font-weight:bold;}


.cent05-bg{ margin:3% 0; position:relative }
.cent05-bg:before{content: '';position:absolute;top: 17%;width:100%;height:1px;background:#ccc;display:none;}
.tilte{ text-align:center}
.tilte h2{ font-size:30px; color:#666;}
.cent05{position:relative;}
.cent05 .mySwiper{ margin-top:2%}
.cent05 .mySwiper2{ margin-top:2%}
.cent05 .mySwiper .swiper-slide span{ color:#333; font-size:26px; font-weight:bold; line-height:66px; height:66px; display:block;}
.cent05 .mySwiper .swiper-slide-thumb-active span{ color:#ffc501; font-size:35px;}
.cent05 .swiper-button-next:after, .cent05 .swiper-button-prev:after{ display:none}
.cent05 .swiper-button-next, .cent05 .swiper-button-prev{width:66px;height:66px;top: 15.1%;}
.cent05 .swiper-button-next img, .cent05 .swiper-button-prev img{ width:100%; height:100%;}
.cent0501{ display: flex;   align-items: center;justify-content: space-between;}
.cent0501 .img{ width:50%}
.cent0501 .img img{ width:100%; vertical-align:bottom;}

.cent0501-r{ width:48%;}
.cent0501-r h2{ font-size:22px; display:block; line-height:1.5; text-align:left; font-weight:normal;}

.cent06-bg{ background:#f2f2f2}
.cent06{ padding:3% 0; text-align:center}
.cent06 p{ font-size:16px; display:block; color:#b1b1b1; font-weight:bold; line-height:2;}

.cent07{ margin:3% auto;}
.cent07 ul li{ display: flex;   align-items: center;justify-content: space-between; padding:2% 0;}
.cent07 ul li .cent0701{ width:48%}
.cent07 ul li .cent0701 h2{ font-size:30px; color:#000; display:block;}
.cent07 ul li .cent0701 span{ font-size:18px; color:#666; line-height:30px; display:block; margin-top:2%;text-align: justify;}
.cent07 ul li .img{ width:50%}
.cent07 ul li .img img{ width:100%; vertical-align:bottom;}
.cent07 ul li a{ background:#ffb619; border-radius:10px; color:#fff; font-size:14px; padding:16px 30px; display:inline-block; margin-top:5%;box-shadow: 0px 0px 15px #ccc;}
.cent07 ul li:nth-child(2n) { flex-direction: row-reverse;}

.cent08{ margin:3% auto;}
.all{ text-align:center; margin-top:2%}
.all ul li{ display:inline-block; margin:0 2%; min-width:200px;}

.all ul li.on a{ background:#ffb71b !important; color:#fff !important;}
.all ul li a{ display:block; background:#f2f2f2; display:block; border-radius:10px; text-align:center; color:#333; width:100%; line-height:60px; font-size:16px; position:relative;}
.all ul li a:before{
    content: "";
    top: 105%;
    left: 50%;
    margin-top: -5px;
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #ffb71b;
    transform: translate(-50%, 0); opacity:0
    }
.all ul li.on  a:before{ opacity:1}
.all ul li:hover a{ background:#ffb71b; color:#fff;}	
.all ul li:hover a:before{ opacity:1}
	
.case{ margin-top:4%; display:none}	
.case ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; text-align:center; margin-top:2%}
.case ul li a{ border:1px solid #ccc; display:block;}	
.case ul li:nth-child(4n) {margin-right: 0% ;}	
.case ul li:nth-child(4n-3){ clear:left;}
.case ul li .img{ width:100%;}
.case ul li .img img{ width:100%; vertical-align:bottom;}
.case ul li span{ font-size:16px; padding:10px 0; display:block; font-weight:bold; color:#000;height: 60px;}

.lat{ margin-top:3%}
.lat>h2{ float:left; display:block; width:48%; font-size:30px; color:#666;}
.let-r{ float:right; display:block; width:48%;}
.let-r span{font-size:14px; display:block; line-height:2; color:#666; margin-bottom:4%}

.cent09{ text-align:center; margin:2% auto}
.cent09 img{ max-width:100%; margin-top:3%;}

.cent10{ margin:3% auto;}
.goue{ position:relative; margin-top:4%}
.goue ul li{float:left;display:block;width:calc((100% - 4%)/5);margin-right:1%;position: relative;z-index: 9;}
.goue ul li:nth-child(5n) {
    margin-right: 0% ;
}
.goue ul li:nth-child(2n) {margin-top: 193px;}

.goue ul li .img{ width:96px; height:96px; display: flex; justify-content: center;  align-items: center; background:#ffc501; border-radius:50%; overflow:hidden;}
.goue ul li .img img{ max-width:100%; max-height:100%;}
.goue ul li i{border-radius:50%;border: 2px solid #fff;font-style:normal;color:#fff;width: 45px;height: 45px;margin: 6px 0 6px 23px;display: flex;justify-content: center;align-items: center;font-size: 18px;}
.goue:before{background:#999999;height:60px;border-radius:30px;width:100%;position:absolute;top: 43.2%;left:0;content: "";z-index:1}
.goue ul li em{display:block;height: 98px;width:4px;background: #ffc501;margin-left:45px;}
.goue01{ display: flex;  align-items: center;}
.goue01 h2{font-size: 0.9vw;color:#000;display:block;margin-left:6px;width:50%;flex: 1;}

.cent11-bg{ margin:4% auto; position:relative;}
.cent11se{ position:absolute; top:0; left:2%; width:14%}
.cent11se ul li{ border-bottom:1px solid #f2f2f2}
.cent11se ul li span{ padding:20px 0; display: flex; justify-content: center;  align-items: center;
justify-content: space-between;}
.cent11se ul li span a{ font-size:15px; font-weight:bold; color:#000;}
.cent11se ul li span i{ width:8px; height:12px;transform:rotate(0deg;transition:all ease 0.35s)}
.cent11se ul li span i img{ width:100%; height:100%;}
.cent11se ul li span.on i{transform:rotate(90deg);}
.cent11se ul li dl{ display:none; padding-bottom:20px;}
.cent11se ul li dl dd{}
.cent11se ul li dl dd a{ display: flex;  align-items: center; height:37px; color:#999999; font-size:14px}
.cent11se ul li dl dd a .em{ width:15px; height:15px; border:1px solid #f2f2f2; margin-right:10px}

.cent11se ul li dl dd a .em:checked::after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  /* border: solid white; */
  /* border-width: 0 2px 2px 0; */
  /* transform: rotate(45deg); */
  /* margin-left: 6px; */ /* 忙聽鹿忙聧庐茅艙鈧β伱捌捗︹€⒙疵ぢ铰嵜铰� */
  /* margin-top: 2px; */ /* 忙聽鹿忙聧庐茅艙鈧β伱捌捗︹€⒙疵ぢ铰嵜铰� */
  background-color: #ffb71c;
  border-color: #ffb71c;
}
.cent11se ul li dl dd.on01 a .em{ background:#ffb71c}
.cent1101{/* float:right; */display:block; width:91%; margin:0 auto;}

.va01{}
.va01 ul li{ float:left; width:calc(100%/6); position:relative; display: flex; justify-content: center;  align-items: center;flex-direction: column; padding:2% 0;}
.va01 ul li:before {
    content: ""; position:absolute; right:0; top:50%; height:80%; width:1px; background:#f2f2f2;    transform: translate(0,-50%);}
.va01 ul li.on{ background:#ffb71c;}
.va01 ul li .img{ width:100%; height:70px; display: flex; justify-content: center;  align-items: center;}
.va01 ul li .img img{ max-width:100%; max-height:100%;}
.va01 ul li.on .img img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }
.va01 ul li span{ display:block; font-size:14px; color:#878787; font-weight:bold; margin-top:20px;text-align: center;}
.va01 ul li.on  span{ color:#fff;}
.va01 ul li:hover{ background:#ffb71c;}
.va01 ul li:hover .img img{ filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}

.va01 ul li:hover span{ color:#fff;}



.cent12{ margin-top:4%;}
.cent12 .tilte h2{ color:#ffb71c;}
.cent12 ul li{display:block;width: calc((100% - 10%)/3);margin-right: 1%;margin-top: 2%;/* background:#f2f2f2; */text-align:center;/* padding-bottom:2%; */margin-left: 1%;}
.cent12 ul li:nth-child(3n) {
    /* margin-right: 0% ; */
}
    .cent12 ul {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
.cent12 ul li a{display:block;border: 2px solid #ccc;padding: 2%;}
.cent12 ul li a .img{ display: flex; justify-content: center;  align-items: center; background: #eee;}
.cent12 ul li a .img img{ max-width:100%; max-height:100%;}
.cent12 ul li a>span{font-size:19px;color: #11426b;display:block;text-align:center;    margin-top: 4%;}
.cent12 ul li a>em{ font-size:14px; color: #11426b; display:block;  font-style:normal; margin-top:2%}
.cent12 ul li a>img{ width:40px; display:block; margin:3% auto 0;}
.cent12 ul li:nth-child(3n-2){/* clear:left; */}


.dingdu ul li{ /*   align-items: flex-start;*/}


.cent13{ margin:3% auto;}
.cent13>ul>li{margin-bottom:2%;display: flex;align-items: center;justify-content: end;border:1px solid #ccc;position: relative;}
.dom{display:block;padding: 40px 32px;color:#fff;background:#ffb71c;font-size: 22px;font-weight:bold;-webkit-transform: rotate(90deg);position: absolute;left: -124px;top: 123px;min-width: 293px;text-align: center;}
.cent1301{display: flex;align-items: center;justify-content: space-between;/* flex:1; */width: 80%;padding: 29px 0;}
.cent1301 .img{width: 580px;}
.cent1301 .img img{ width:100%; vertical-align:bottom;}
.cent1301-l{ }
.cent1301-l h2{ font-size:26px; display:block; color:#000;}
.cent1301-l ul li{ font-size:18px; color:#595758; line-height:40px}
.cent1301-l ul{ margin-top:2%}


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


.pc{ display:block}
.md{ display:none;}


.cent15{
    margin: 3% auto;
}
.cent15 h2{ display:block; text-align:center; font-size:30px; color:#333; margin-bottom:2%}
.cent15 p{ display:block; font-size:18px; color:#333; margin-bottom:2%}
.cent15-l{float:left; display:block; width:48%}
.cent15 ul{ }
.cent15 ul li{display: flex;align-items: center;margin-bottom: 2%;}
.cent15 ul li img{width:24px;margin-right:20px;/* flex:1; */}
.cent15 ul li span{ font-size:18px;}


.cent15-r{width: 45%;position:relative;float: right;}
.cent15-r .img{ position:relative; cursor:pointer;}
.cent15-r .img img{ display:block; width:100%;}
.cent15-r .img:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; opacity:1; visibility:hidden; transition:all .3s ease;}
/*.cent15-r .img:hover:before{ opacity:1; visibility:visible;}*/
.cent15-r .img:after{ content:""; width:80px; height:80px; background:url(../images/spbs.png) center no-repeat; position:absolute; top:50%; left:50%; transform:scale(1) translate(-50%,-50%); transition:all .3s ease; }
/*.cent15-r .img:hover:after{ transform:scale(1) translate(-50%,-50%);}
*/


.video1_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; display:none;}
.video1_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}
.video1bg{ width:90%; max-width:730px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.video1_close2{ width:20px; height:20px; background:url(../images/chahao.png) center no-repeat; position:absolute; top:-20px; right:-20px; cursor:pointer; transition:all .3s ease; z-index:2; }
.video1_close2:hover{ transform:rotate(180deg);}
.video1{}
.video1 video{ display:block; width:100%;}
/*@media screen and (min-width:1200px) and (max-width:1440px){
	.menu a{    font-size: 1.2vw;}
	}*/
	
.cent16{ margin-top:4%;}	
.cent16-l{ float:left; display:block; width:42.5%}	
.cent16-l img{ width:100%; vertical-align:bottom;}	
.cent16-r{ float:right; display:block; width:53%}	
.cent16-r .tilte{ text-align:left;}	
.cent16-r>span{display:block;font-size: 18px;color:#999999;line-height:1.5;margin-top: 4%;font-weight: bold;}	


.cent1601{position:relative;margin-top: 10%;}
.cent1601 .img{ width:100%}
.cent1601 .img img{ width:100%;}
.cent1601 .swiper-button-next:after, .cent1601 .swiper-button-prev:after{ display:none}
.cent1601 .swiper-button-next, .cent1601 .swiper-button-prev{ width:46px; height:46px;}
.cent1601 .swiper-button-next{ background:url(../images/hou023.png) center no-repeat; background-size:100% 100%; right:-30px;}
.cent1601 .swiper-button-prev{ background:url(../images/hou022.png) center no-repeat; background-size:100% 100%; left:-30px;}
.cent1601 .mySwiper02{ width:90% !important;}



.cent17{ margin-top:4%; margin-bottom:4%}
.cent17 ul li{ float:left; display:block;width:calc((100% - 6%)/3); margin-top:2%; margin-right:2%; background:#f2f2f2; text-align:center; color:#333333; position:relative; padding:4% 0}
.cent17 ul li:nth-child(4n) { margin-right: 0% ;}
.cent17 ul li em{ font-style:normal; font-size:56px; color:#e4e4e4; position:absolute; bottom:-8px; right:4px; font-weight:bold; line-height:1;}
.cent17 ul li .img{ width:68px; margin:0 auto;}
.cent17 ul li .img img{ width:100%}
.cent17 ul li span{ font-size:18px; display:block; margin-top:4%; line-height:1.5; font-weight:bold;}
.cent17 ul li:hover .img img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }
.cent17 ul li:hover{ background:#13436b; color:#fff;}

.cent18-bg{ }
.cent18{ display: flex; align-items: center;justify-content: space-between; padding:4% 0}
.cent18-l{ width:48%}
.cent18-l .tilte{ text-align:left;}
.cent18-l>span{ font-size:16px; display:block; margin-top:4%; line-height:1.5; font-weight:bold;}
.cent18 .img{ width:48%;}
.cent18 .img img{ width:100%; vertical-align:bottom;}

.cent19{/* margin-top:4%;*/ margin-bottom:4%}
.cent19 .tilte{ margin-bottom:3%}
.cent19 .be{ width:100%}
.cent19 .bei img{ width:100%; vertical-align:bottom;}
.cent19 ul{ display: flex; align-items: flex-end;}
.cent19 ul li{display:block;width:20%;margin-right: 4vw;}
.cent19 ul li>h2{ color:#000; font-size:17px; line-height:1.5; margin-bottom:1%}
.cent19 ul li .img{ width:100px; height:auto; position:relative;}
.cent19 ul li .img .cas01{ width:100%; vertical-align:bottom;}
.cent19 ul li .img .cas{ width:40px; position:absolute; top:30px; left:50%; transform: translate(-50%, 0); display:block; height:auto;}
.cent19 ul li em{font-style:normal;width:30px;height:30px;border:1px solid #14416a;color:#14416a;font-size:14px;display: flex;justify-content: center;align-items: center;border-radius:50%;overflow:hidden;font-weight:bold;margin-left:36px;background: #fff;}
.cus02{align-items:flex-start !important;margin-top: -18px;}
.cus02 .img .cas{ top:54% !important;}
.cus02 em{ margin-left:33px  !important;}
.cus02 h2{ margin-top:1%; margin-bottom:0 !important;}
.cus02 li{margin-left: 9vw;margin-right:0 !important}
.cus{margin-bottom: -25px;position: relative;z-index: 2;}


.cent20{ display:none}

.cent21{ display: flex; align-items: center;justify-content: space-between; margin-top:4%}
.cent21-l{ width:48%}
.cent21-l strong{ font-size:18px; color:#000; display:block; margin-bottom:0%}
.cent21-l p{ font-size:16px; display:block;  line-height:1.5; font-weight:bold; margin-bottom:2%}
.cent21 .img{ width:48%;}
.cent21 .img img{ width:100%; vertical-align:bottom;}


.cent22-bg{ }
.cent22-bg ul{display: flex;
    justify-content: center;
    align-items: flex-end;}
.cent22-bg ul li{width:calc(100%/5); float:left; text-align:center; padding:4% 0; color:#fff;}
.cent22-bg ul li:hover{ background:#d1dae3; color:#134369}
.cent22-bg ul li .img{position:relative;width:180px;display:block;margin:0 auto;text-align:center;margin-bottom: 8%;}
.cent22-bg ul li .img .wnzi{ position:absolute; width:100%; height:auto; top:50%; left:50%;transform: translate(-50%,-50%); display: flex;  align-items: flex-end; justify-content: center; font-size:20px; font-weight:bold; }
.cent22-bg ul li .img .wnzi h2{ font-size:54px}
.cent22-bg ul li .img img{ width:100%;}
.cent22-bg ul li>h2{display:block;/* height:0; */opacity:0;margin-bottom: 5%;color:#333333;font-size:20px;transition: all 0.5s;min-height: 80px}
.cent22-bg ul li:hover .img img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
.cent22-bg ul li:hover>h2{opacity:1;}
.cent22-bg ul li .img02{ border-bottom:1px solid #fff; position:relative;}
.cent22-bg ul li .img02:before { content: ""; position:absolute; bottom:0; height:2px; background:#fff; left:50%;   transform: translate(-50%, 0); display:block; width:50%}
.cent22-bg ul li .img02 img{width:auto;display: block;margin: 0 auto;}
.cent22-bg ul li>p{ padding:0; font-size:22px; display:block; margin-top:4%; opacity:1;min-height: 80px}
.cent22-bg ul li:hover>p{ opacity:0}
.cent22-bg ul li:hover .img02:before{ display:none}

.cent23{margin-top:4%;position:relative;padding-bottom: 4%;}
.cent23 .img{ width:26%; margin:4% auto 0;}
.cent23 .img img{ width:100%;}
.cent23 dl dd{ width:22px; background:#13436b; height:22px; border-radius:50%;  display:block; position:absolute;}
.cent23 dl dd:nth-child(1){left: 38%;top: 31%;}
.cent23 dl dd:nth-child(2){left: 60.5%;top: 31.5%;}
.cent23 dl dd:nth-child(3){left: 38%;top: 65.5%;}
.cent23 dl dd:nth-child(4){right: 38%;top: 65.5%;}
.cent23 dl dd:nth-child(5){left: 49.2%;bottom: 14%;}
.cent23 ul li{display:block;position:absolute;text-align:right;width: 28%;}
.cent23 ul li .h2{display: flex;align-items: flex-end;justify-content: right;color:#13436b;font-size:14px;font-weight:bold;line-height: 1;}
.cent23 ul li .h2 h2{ font-size:32px}
.cent23 ul li span{ color:#000; font-size:14px; display:block; margin-top:18px;}
.cent23 ul li:nth-child(1){left: 5%;top: 33%;}
.cent23 ul li:nth-child(2){left: 65.5%;top: 31.5%;}
.cent23 ul li:nth-child(3){left: 5%;top: 65.5%;}
.cent23 ul li:nth-child(4){left: 65.5%;top: 65.5%;}
.cent23 ul li:nth-child(2n){ text-align:left;}
.cent23 ul li:nth-child(2n) .h2{    justify-content: left;}
.cent23 ul li:nth-child(5){left: 36.2%;bottom: 0%;text-align:center;}
.cent23 ul li:nth-child(5) .h2{    justify-content:center;}



.cent24{margin-top:4%;position:relative;padding-bottom: 4%;}
.cent24 .img{ width:26%; margin:4% auto 0;}
.cent24 .img img{ width:100%;}
.cent24 dl dd{ width:22px; background:#13436b; height:22px; border-radius:50%;  display:block; position:absolute;}
.cent24 dl dd:nth-child(1){left: 37%;top: 49%;}
.cent24 dl dd:nth-child(2){left: 61.5%;top: 48.5%;}
.cent24 ul li{display:block;position:absolute;text-align:right;width: 28%;}
.cent24 ul li .h2{display: flex;align-items: flex-end;justify-content: right;color:#13436b;font-size:14px;font-weight:bold;line-height: 1;}
.cent24 ul li .h2 h2{ font-size:32px}
.cent24 ul li span{ color:#000; font-size:14px; display:block; margin-top:18px;}
.cent24 ul li:nth-child(1){left: 5%;top: 45%;}
.cent24 ul li:nth-child(2){left: 65.5%;top: 44.5%;}
.cent24 ul li:nth-child(2n){ text-align:left;}
.cent24 ul li:nth-child(2n) .h2{    justify-content: left;}


.cent25{ margin:4% auto;}
.cent25 ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%; margin-bottom:2%}
.cent25 ul li:nth-child(3n) { margin-right: 0% ;}
.cent25 ul li img{ width:100%;}


.cent26-bg{ background:#f2f2f2; padding:4% 0;}
.cent26{ display: flex;   align-items: center;justify-content: space-between; }
.cent26 .tilte{ width:48%; text-align:left;}
.cent26 span{ width:48%;font-size:18px; display:block;line-height:1.5; font-weight:bold;}


.cent27-bg{ padding:4% 0;}
.cent2701{ display: flex; align-items: center;justify-content: space-between;margin-top:4%;}
.cent2701 .cent2701-l{ width:48%}
.cent2701 .cent2701-l strong{ font-size:18px; color:#666; display:block; margin-bottom:0%}
.cent2701 .cent2701-l p{ font-size:16px; display:block;  line-height:1.5; font-weight:bold; margin-bottom:2%}
.cent2701 .img{ width:48%;}
.cent2701 .img img{ width:100%; vertical-align:bottom;}
.annu .cent27-bg:nth-child(2n) .cent2701{flex-direction: row-reverse;}


.cent30{ margin-top:4%}
.cent30 dl dd{ float:left; display:block;width:calc((100% - 20px)/2); margin-right:20px; background:#f2f2f2; margin-bottom:20px;}
.cent30 dl dd:nth-child(2n) {   margin-right: 0% ;}
.cent30 dl dd h2{ display:block; font-size:20px; color:#fff; background:#999999; text-align:center; padding:20px 0;}
.cent30 dl dd a{ color:#595758}
.cent30 dl dd ul{padding: 3%;}
.cent30 dl dd ul li{ display: flex;  align-items: center;margin-bottom: 1%;}
.cent30 dl dd ul li .img{ width:40px; height:40px; display: flex; justify-content: center;  align-items: center;}
.cent30 dl dd ul li .img img{ max-width:100%; max-height:100%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);  }
.cent30 dl dd ul li a{font-size:18px;font-weight: bold;}
.cent30 dl dd:hover{ background:#fff; box-shadow: 0px 0px 15px #ccc;}
.cent30 dl dd:hover h2{ background:#ffb71c}
.cent30 dl dd:hover .img img{ filter:none}
.cent30 dl dd:last-child{ margin-bottom: 0%;}

.cent31-bg{ background:#f1f1f1; margin:4% auto; padding:4% 0;}
.cent31 h2{ text-align:center; font-size:28px; color:#333; display:block}
.cent3101{ background:#fff; display: flex;   justify-content: space-between;}
.cent3101 .img{width: 26%;}
.cent3101 .img img{ width:100%; vertical-align:bottom}
.cent030101{width: 72%;margin-right: 1%;}
.cent030101 .map{ width:100%}
.cent030101 .map img{ width:100%; vertical-align:bottom}
.cent030101  .zhage{display: flex;align-items: center;justify-content: space-between;margin-top: 2%;}
.cent030101  .zhage span{display: flex;  align-items: center;/*flex-wrap: wrap;*/ font-size:18px; font-weight:bold } 
.cent030101  .zhage span img{ margin-right:1vw}
.cent030101 .img01{width: 9%;}
.cent030101 .img01 img{ width:100%; vertical-align:bottom}



@media screen and (min-width:980px) and (max-width:1500px){
	.menu a{    font-size: 1.2vw;}
	.menu a{    font-size: 1.2vw;}
	.goue ul li .img{ width:50px; height:50px}
	.goue ul li em{height: 97px;    margin-left: 21px;}
	.goue ul li:nth-child(2n){margin-top: 147px;}
	.goue:before{    top: 41.2%;}
	.goue ul li i{ margin:6px 0 6px 0px}
	.goue ul li .img img{ max-width:60%; max-height:60%;}
	
	}

	
	
@media only screen and (max-width: 980px) {
	
	.cent15-r{ width:100%; float:none; margin-top:2%}
	.pc{ display:none}
	.md{ display:block;}

	.wapper{ width:90% !important}
	.top-bg{ display:none}
	.header-bg{  display:none}
	.footer-bg{
    border-top: 6px solid #ffc501;
}
.footer ul{flex-wrap: wrap; }
	.footer ul li{box-sizing:border-box;margin-top:5%;width:100%;padding: 0;        border-right: 0;}
	.footer ul li:nth-child(1){ width:100%}
	.footer ul li:nth-child(2){padding: 0;}
	.footer ul li em{margin-bottom:5px;font-size:14px;}
/*	.footer ul li .footer02 dl dd{    align-items: flex-start;}*/
	.footer ul li .footer02 dl dd span{flex:1;line-height:1.5;font-size: 12px;}
	.footer ul li .footer02 dl dd .img{margin-right:10px;width: 30px;height: 30px;}
	.footer ul li .footer01 dl dd{line-height:20px;font-size: 12px;}
	.footer ul li .foun span{line-height:20px;font-size: 12px;}
	
	.top02{ display:block; height:50px}
	.top01{float:right;font-size: 16px;color: #004065;margin-top: 17px;}
	.top01 a{color:#004065;font-size: 16px;}
	.top01 a.on{ font-weight:bold}/*---------------------------------------------------------------------------------------------------------------忙鈥扳€姑ε撀好劉氓炉录猫藛陋氓录鈧ヂр€�----------*/
.sp_header{height:50px;/* overflow:hidden; */background: #ffc600;position:fixed;z-index:10;width:100%;display:block;padding: 0 6%;box-sizing: border-box;}
.sp_logo{/*padding:10px;*/float:left;height: auto;/*background: #fff;*/position: absolute;top: 0%;width: 100px;/*box-shadow: 0px 0px 4px #ccc;*/}
.sp_logo img{margin:auto;width: 100%;max-height: max-content;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #004065;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;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; z-index:555}
.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:#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:#ffc501}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------忙鈥扳€姑ε撀好劉氓炉录猫藛陋莽禄鈥溍β澟�----------*/

.cent04{}
.cent04>h2{ float:none; display:block; width:100%;font-size:24px;}
.cent0401 span{font-size:14px;line-height: 20px;}
.cent0401{ float:none; display:block; width:100%;}	
.cent0401 ul li{float:none; display:block; width:100%;}
.cent0401 ul li .mun_top{font-size:20px;}
.cent0401 ul li .mun_top h2{font-size:20px;}
.cent0401 ul li p{font-size:14px;}
.cent05 .mySwiper .swiper-slide span{font-size:20px;}
.cent05 .mySwiper .swiper-slide-thumb-active span{font-size:20px;}
.HBox{width:350px;}
	
.cent0501{flex-wrap: wrap; }
.cent0501 .img{ width:100%}	
.cent0501-r{ margin-top:5%; width:100%}	
.cent0501-r h2{ font-size:14px}
.cent05-bg{ margin:5% auto;}
.cent05 .swiper-button-next, .cent05 .swiper-button-prev{ width:50px; height:50px;}
.cent05-bg:before{ top:16%;}
.cent05 .swiper-button-next{ right:-16px !important}
.cent05 .swiper-button-prev{ left:-16px !important}
.youce ul li{ width:50px; height:50px}

.baner0201 h2{ font-size:20px}
.wzjio{ font-size:14px}
	
.tilte h2{ font-size:24px;}	
	
.cent06{ padding:5% 0}	
.cent06 p{font-size: 14px;line-height: 20px;}	

.cent07{ margin:5% auto;}
.cent07 ul li{  display:block; margin-top:5% }
.cent07 ul li .img{width:100%;  margin-top:5% }
.cent07 ul li .cent0701{width:100%;  }

.cent07 ul li .cent0701 h2{ font-size:24px}
.cent07 ul li .cent0701 span{font-size:14px;line-height:20px;}
.all ul li{min-width: 22%;margin: 0 1%;}
.all ul li a{ line-height:1; padding:10px 0;font-size:14px;}

.case ul li{  width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}	
.case ul li span{font-size:16px;height: 60px;}
.case ul li:nth-child(2n) {margin-right: 0% ;}		
.lat>h2{ float:none; display:block; width:100%; font-size:20px}
.let-r{ float:none; display:block; width:100%; margin-top:5%;}
.let-r span{font-size:14px;line-height:20px;}

.cent09{ margin:5% auto;}
	
.cent10{ margin:5% auto;}	
.goue ul li em{ display:none}	
.goue:before{display:none}

.goue ul li{ width:100%; margin-right:0; margin-bottom:2%}
.goue ul li i{  display:none;}
.goue ul li em{ display:none}
.goue ul li:nth-child(2n){ margin-top:0}

.goue ul li .img{width:40px;height:40px;padding: 3%;box-sizing: border-box;}
.goue ul li .img img{    max-width: 68%; max-height: 100%;}
.goue01 h2{ font-size:16px}	
	
.cent11se{ position:relative; top:0; left:0; width:90%; margin:0 auto;} 	
	
.cent1101{ float:none; width:100%; margin-top:5%;}	
.va01 ul li{    width: calc(100% / 3);}
.va01 ul li span{font-size:12px;}

.cent12{ margin-top:5%;}
.cent12 ul li{ width:100%; float:none; margin-right:0; margin-top:5%; margin-left:0}
.cent12 ul li a .img{ height:auto;}
.baner0201 .shp {margin-top:2%}
.baner0201 .shp img{ width:40px; }

.dom{ display:none}
.cent1301{ width:100%;flex-wrap: wrap; padding:5%; }
.cent1301 .img{  width:100%;}

.cent1301-l h2{ font-size:20px}
.cent1301-l ul li{font-size:12px;line-height:20px;}

.dingwei{top: 48%;width:82%}
.cent0101 {left: 8%; text-align:center;top: 45%;}
.dingwei .img{width: 42px;margin: 0 auto;}
.dingwei h2{ font-size: 24px; margin-top: 3%;}
.dingwei span{ font-size: 15px; text-align: center;  margin-top: 6%;line-height:1.5;}
.learn{margin: 5% auto 0;width: 130px;padding: 4px 0;font-size: 14px;border-radius: 0;}

.cent02{margin-top:-7%}
.cent0201{right: 8%;text-align:center;/* top: 49%; */}
.cent1401{    transform:none; left: 8%; text-align:center;}
.cent15-l{ float:none; width:100%;}
.cent15 h2{font-size:20px;}
.cent15 ul li img{width:20px;}
.cent15 ul li span{font-size:12px;}

.cent16{ margin-top:5%;}
.cent16-l{ float:none; display:block; width:100%}
.cent16-r{ float:none; display:block; width:100%; margin-top:5%}
.cent16-r>span{ line-height:20px; font-size:14px;}
.cent1601 .mySwiper02{ width:80% !important}
.cent1601 .swiper-button-next, .cent1601 .swiper-button-prev{ width:30px; height:30px;}
.cent1601 .swiper-button-next{ right:-15px}
.cent1601 .swiper-button-prev{ left:-15px}

.cent17 ul li{ float:none; display:block; width:100%; margin-top:5%; margin-right:0}
.cent17 ul li span{font-size:16px;line-height:24px;}
.cent17 ul li em{font-size:32px;bottom:0;}
	
	.cent18{flex-wrap: wrap; }
	.cent18-l{ float:none; display:block; width:100%}
	.cent18 .img{ float:none; display:block; width:100%; margin-top:5%}
	.cent18-l>span{font-size:14px;line-height:20px;}
	
	.cent19{ display:none}
	.cent20{ display:block; margin:5%}
	.cent20 ul li{ display: flex; align-items: center; margin-top:5%}
	.cent20 ul li em{font-style:normal;width:30px;height:30px;border:1px solid #14416a;color:#14416a;font-size:14px;display: flex;justify-content: center;align-items: center;border-radius:50%;overflow:hidden;font-weight:bold;background: #fff;}
	.cent20 ul li .img{ width:34px; background:#13436b; border-radius:50%; overflow:hidden; display: flex; justify-content: center;  align-items: center; height:34px; margin:0 10px;}
	.cent20 ul li img{ width:54%}
	.cent20 ul li h2{ color:#000; font-size:14px; line-height:1.5; width:60%;}
	
	
	.cent21{flex-wrap: wrap; }
	.cent21-l{ float:none; display:block; width:100%}
	.cent21-l p{font-size:14px;line-height:20px;}
	.cent21-l strong {font-size:20px;}
	.cent21 .img{ float:none; display:block; width:100%; margin-top:5%}
	.cent22-bg ul{flex-wrap: wrap; }
	.cent22-bg ul li{ width:50%}
	.cent22-bg ul li .img{ width:100px}
	.cent22-bg ul li .img .wnzi h2{font-size:32px;}
	.cent22-bg ul li>p{    font-size: 14px;min-height: 49px;}
	.cent22-bg ul li>h2{    font-size: 14px;min-height: 30px;}
	.cent23 .img{ width:80%}
	.cent23 ul{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
	.cent23 ul li{ position:relative; left:0 !important; top:0 !important; text-align:left !important; width:100%; margin-bottom:10px;  width:48%}
	.cent23 ul li .h2{    justify-content: left !important;font-size:18px; }
	.cent23 ul li .h2 h2{font-size:24px;}
	.cent23 ul li span{font-size:12px;}
	.cent23 dl dd{ display:none}
	
	.cent24 .img{ width:80%}
	.cent24 ul li{ position:relative; left:0 !important; top:0 !important; text-align:left !important; width:100%; margin-bottom:10px;}
	.cent24 ul li .h2{    justify-content: left !important; }
	.cent24 ul li .h2 h2{font-size:20px;}
	.cent24 ul li span{font-size:12px;}
	.cent24 dl dd{ display:none}
	
	.cent2701{flex-wrap: wrap; }
	.cent2701 .cent2701-l{ float:none; display:block; width:100%}
	.cent2701 .cent2701-l strong{font-size:16px;}
	.cent2701 .cent2701-l p{line-height:20px; font-size:12px;}
	.cent2701 .img{ float:none; display:block; width:100%; margin-top:5%}
	.cent25 ul li{ width:100%;}
	
	.cent26{flex-wrap: wrap; }
	.cent26 .tilte{ width:100%;}
	.cent26 span{ width:100%;line-height:20px; font-size:12px;margin-top:5%}
	.cent26 span>p{ padding:0; line-height:1.5}
	
	.cent30 dl dd{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%}
	.cent3101{flex-wrap: wrap; }
	.cent3101 .img{ width:100%}
	.cent030101{ width:100%; margin:0}
	.cent030101 .zhage{flex-wrap: wrap; }
	.cent030101 .zhage span{ width:100%}
	.cent030101 .img01{ width:120px; margin:4% auto 0;}
	}