@charset "UTF-8";
html{
  font-size: 5.49vw;
}
@media screen and  (min-width:1820px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #f3ca34 rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #f3ca34;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #f3ca34;border-radius:8px;
}	


.w_width{max-width:1820px; margin-right: auto; margin-left: auto;}
.w_1620{max-width:1620px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:45px;padding-right:45px;}
.ctext1{padding-left:1.45rem;padding-right:1.45rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
.ctext1{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
.t_navs{position:fixed; left:0; top:0; z-index: 20; width:100%;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.t_navs .w_width{ position: relative; z-index:20;}
.t_navs .top{ background: #252525; padding-top:10px; padding-bottom: 10px; font-size:calc(14px + 0.04rem); line-height:30px; position: relative; z-index:20;}
.t_navs .down{position: relative; z-index:18;}
.t_navs .box{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.t_navs .welcom{ display:inline-flex; color: #f2ca33;}
.t_navs .welcom a{ color: #f2ca33;}
.t_navs .welcom a:hover{ color: #fff;}
.t_navs .us{ display:inline-flex; align-items: center; color: #f2ca33;}
.t_navs .us img{ display: block; height:15px; margin-left:10px;}
.t_navs .share{ display:inline-flex; margin-left:20px;}
.t_navs .share .a{ display: flex; width:30px; height:30px; line-height:0; margin-left:10px; position: relative;}
.t_navs .share .a img{ width:100%;}
.t_navs .share .a .er{ float:left; width:100px; height:100px; background:#fff; position:absolute; left:50%; margin-left:-50px; top:40px; z-index:20; box-shadow:0 0 6px rgba(0,0,0,0.2); padding:4px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 5%;
	-moz-transform-origin:50% 5%;
	-ms-transform-origin:50% 5%;
	-o-transform-origin:50% 5%;
	transform-origin:50% 5%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.t_navs .share .a .er::after{ display: block; content:''; position:absolute; left:50%; bottom:100%; margin-left:-6px;
 border-left: 6px solid transparent; border-right:6px solid transparent;border-bottom: 6px solid #fff; }	
.t_navs .share .a:hover .er{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}

.t_navs .right{ display:inline-flex; align-items: center;}
.t_navs .logo{ line-height: 0; display:flex;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ max-width:inherit; width: auto; height:0.56rem;}
.t_navs .tel{ display: flex; line-height: 0;}
.t_navs .tel img{ height:0.6rem;}
.t_navs .menu{ display:flex; margin-right:0.4rem;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left;margin: 0 0.1rem; position: relative;}
.t_navs .menu .nli span{ float: left; display: flex; align-items: center; justify-content:center;height:0.96rem;}
.t_navs .menu .nli span a{ display: block;color: #fff; position: relative;line-height:0.5rem; border-radius:0.5rem; font-size:0.2rem; padding:0 0.26rem 2px 0.26rem;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ background: #252525;color: #fff !important;}
.t_navs .menu .sub{width:200px;left: 50%;margin-left: -100px;height: auto;position: absolute;background: rgba(0, 0, 0, .2);backdrop-filter: blur(5px);padding: 10px 0px 20px 0px;border-radius: 5px; display:none; }
.t_navs .menu .sub li{ float: left; width:100%; text-align: center; padding:8px 0; line-height:20px;font-size: 16px;-webkit-transform: translateY(6px);opacity: 0;position: relative;}
.t_navs .menu .sub li::after{width: 0px;height: 1px;position: absolute;left: 50%;margin-left: 0px;content: '';bottom: 0px;background: rgba(255, 255, 255, .3);-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);}
.t_navs .menu .sub li:hover::after{width: 60px;margin-left: -30px;}
.t_navs .menu .sub li a{color: rgba(255, 255, 255, .75);-webkit-transition: all .35s;}
.t_navs .menu .sub li a:hover p{color: rgba(255, 255, 255, 1);}
.t_navs .menu .nli .sub li.om{-webkit-transform: translateY(0px);opacity: 1;}
.t_navs .menu .sub li a:hover p{color: rgba(255, 255, 255, 1);}


.t_navs.tcn{ background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); top:-50px;}
.t_navs.tcn .menu .nli span a{ color: #232323;}

@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .top{ font-size:calc(10px + 0.04rem); line-height:18px;}
.t_navs .top .us{ display:none;}
.t_navs .top .share{ display:none;}
.t_navs .menu{ display: none;}
.t_navs .tel{ display:none;}
.t_navs .logo img{ height:24px; margin: 0;}
.t_navs.tcn{ top:-38px;}
.t_navs.tcm .down{ background: #fff; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
}

.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:5px -8px; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#232323;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#232323  ;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #232323;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#232323;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}




@media screen and (max-width:1024px) {
.t_navs .menuph{ display: block;}
}

.t_navs .xialaph{ position: fixed; left:0; top:38px; float: left; width: 100%; height:100vh; z-index:17; display:none; background:#fff; padding:50px 15px; overflow-y: auto;}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .a1box{width: 100%;position: relative;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{font-size:16px;color: #232323; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:12px 20px 12px 0;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #f2ca33;}
.t_navs .xialaph .icobox{width:48px;height:48px;position: absolute;right:-15px;top: 0; cursor:pointer;}
.t_navs .xialaph .icobox span{ display:block; width:8px;height:8px;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg);border-top:1px solid #232323;  border-right:1px solid #232323;}
.t_navs .xialaph .on .icobox span{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #f2ca33;  border-right:1px solid #f2ca33;}
.t_navs .xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap; margin-bottom:8px;}
.t_navs .xialaph .u2 .a2{ font-size:14px;color: #232323;line-height:24px;}
.t_navs .xialaph .on .a2{ color:#f2ca33;}
.t_navs .xialaph .cont{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%; padding:40px 0;}
.t_navs .xialaph .share{ margin-left:10px;}
.t_navs .xialaph .us{ color:#232323;}
.t_navs .xialaph .us img{height: 12px;}


.totop{ float: left; display:none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  position: fixed; border:0.05rem solid #fff;
  background: url(img/_to-top.svg) no-repeat center #190c0c;
  background-size:18px 18px !important;
  bottom: 30px;
  right: 0.5rem;
}
@media screen and (max-width:1024px) {
.totop{ display:none !important;}
}
.b_navs .pf_down {
  display: none;
  width: 100%;
  float: left;
  position: fixed;
  left: 0;
  bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background: #fff;
  z-index: 16;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}
.b_navs .pf_down li {
  width: 33.3%;
  float: left;
  text-align: center;
  padding:8px 0;
}
.b_navs .pf_down li a {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.b_navs .pf_down li .ico7 {
  width: 100%;
  float: left;
  height: 22px;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.b_navs .pf_down li .ico7 img {
  width: 20px;
  height: 20px;
}
.b_navs .pf_down li .d_name {
  width: 100%;
  float: left;
  margin-top:2px;
  font-size: 14px;
  color: #333;
  line-height: 14px; text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .b_navs .pf_down {
    display: block;
  }
  .b_navs .bottomnav {
    height:54px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.footer{ background: #252525; padding-top:0.8rem; padding-bottom:0.97rem;}
.footer .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;flex-direction:row-reverse;}
.footer .bq{ width:100%; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.6rem;}
.footer .bq a{ color: #fff}
.footer .bq a:hover{ color: #f3ca34;}
.footer .cont{ color: #f3ca34; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.1rem;}
.footer .cont a{ color: #f3ca34}
.footer .cont a:hover{ color: #fff;}
.footer .left{ display: flex; flex-wrap: wrap; width:49.45%;}
.footer .info{ display:inline-flex; flex-direction: column;}
.footer .top{ display:flex; width:100%; align-items:flex-end; padding:0.21rem 0 0.44rem 0;}
.footer .logo{ display: flex; line-height:0;}
.footer .logo a img{ height:0.56rem;}
.footer .tel{ display: inline-flex; line-height:0; margin:0 0 0.11rem 0.5rem;}
.footer .tel img{ height:0.6rem;}
.footer .midll{width:100%; display:inline-flex; justify-content: space-between;}
.footer .nav{ display: flex; flex-wrap: wrap; flex-direction: column;}
.footer .nav .tit{ display: flex;}
.footer .nav .tit .a{ display: flex; color: #fff; font-size:0.2rem; line-height:calc(22px + 0.08rem);}
.footer .nav .tit .a:hover{ color: #f3ca34;}
.footer .nav ul{ display: flex; flex-wrap: wrap; flex-direction: column;}
.footer .nav li{ display: flex; margin-top:0.1rem;}
.footer .nav li .a{ display: flex; color: #fff;font-size:0.2rem; line-height:calc(22px + 0.08rem);}
.footer .nav li .a:hover{ color: #f3ca34;}
.footer .right{ width:36.26%; background: #eeeeee; border-radius:10px; padding:0.4rem 0.49rem;}
.footer .right .top1{ display:flex; width:100%; margin-bottom:-0.1rem;}
.footer .right .title{ color: #252525; font-weight: bold; font-size:0.4rem; line-height:0.48rem;padding:0 0 5px 0;}
.footer .right .p{color:#252525;font-size:0.2rem; line-height:0.3rem;}
.footer .right .ico{ display: flex; align-items: flex-start; line-height:0; width:0.9rem; min-width:0.9rem; margin-right:0.12rem;}
.footer .right .ico img{ width:100%;}
.footer .menu{ display:none; flex-wrap: wrap; width:100%; align-items: flex-start;}

@media screen and (max-width:1600px) {
.footer .left{ width:52.45%;}
.footer .right .top1{ margin-bottom:0;}
}
@media screen and (max-width:1440px) {
.footer .left{ width:57.45%;}
.footer .cont{font-size:14px; line-height:24px;}
.footer .bq{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:1024px) {
.footer{ padding-top:40px; padding-bottom:40px;}
.footer .logo a img{ height:28px;}
.footer .top{ padding:40px 0 20px 0;}
.footer .tel img{ height:46px;}
.footer .left{ width: 100%;}
.footer .nav .tit .a{font-size:14px; line-height:24px;}
.footer .nav li .a{font-size:14px; line-height:24px;}
.footer .right{ width:100%; padding:25px 15px;}
.footer .right .title{ font-size:18px; line-height:28px;padding:2px 0 0 0;}
.footer .right .p{font-size:12px; line-height:22px;}
.footer .right .ico{ width:56px; min-width:56px; margin-right:6px;}
}
@media screen and (max-width:767px) {
.footer .midll{ display:none;}
.footer .menu{ display:flex; margin-bottom:20px;}
.footer .menu .nav{ flex-direction: row; width:100%; margin-bottom:15px;}
.footer .menu .nav .tit{ width:100%; position: relative;} 
.footer .menu .nav .tit i{width:9px;height:9px;position: absolute;right:15px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #fff;  border-right:1px solid #fff;}
.footer .menu .nav .tit.on i{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.footer .menu .nav .tit .a{ width:100%; background:rgba(255,255,255,0.1); padding:6px 15px 8px 15px; position: relative; border-radius:6px;}
.footer .menu .nav ul{ display: none; width:100%; flex-direction: row; align-items: flex-start; padding:10px 15px 0 15px;}
.footer .menu .nav li{ float: left; width:33.3%; margin:2px 0;}

.footer .top{ text-align: center; flex-wrap: wrap; justify-content:center;}
.footer .info{width:100%;}
.footer .logo{ justify-content:center;}
.footer .cont{ margin-top:10px;}
.footer .tel{ margin:20px 0 5px 0; width:100%;justify-content:center;}
.footer .bq{ text-align: center; margin-top: 0;}
}

._form{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; }
._form .lab{float: left; width:100%; position:relative; margin-top:0.2rem; display: flex; }
._form .text{ width:100%; border:1px solid #fff; background:#fff; font-size:calc(14px + 0.04rem);color: #333; line-height:38px; height:50px; padding:5px 22px; border-radius:8px;}
._form .text:focus{border:1px solid #f3ca34;}
._form .textarea{ width:100%; border:1px solid #fff; background:#fff; font-size:calc(14px + 0.04rem);color: #333; line-height:28px; height:120px; padding:14px 22px; border-radius:8px;}
._form .textarea:focus{border:1px solid #f3ca34;}
._form .yanzhengma{ width:1.5rem; min-width:1.5rem; height:50px; display: flex; align-items: center; justify-content: center; background:#fff; border-radius:8px; margin-left:10px;}
._form .yanzhengma img{ width:100%; height:100%; object-fit:contain;}
._form .submit{width:1.5rem; height:50px; display: flex; align-items: center; justify-content: center; background:#f3ca34; border-radius:8px; font-size:calc(14px + 0.04rem);color: #fff; line-height: 1;}
._form .submit img{ height:15px; margin-left:10px;}
._form .submit:hover{background: #252525;}

._form ::-webkit-input-placeholder{color:#999}
._form :-moz-placeholder{color:#999}
._form ::-moz-placeholder{color:#999}
._form :-ms-input-placeholder{color:#999}


@media (max-width:1024px){
._form .lab{ margin-top:14px; }
._form .text{ font-size:14px; line-height:28px; height:40px;padding:5px 12px; }
._form .textarea{font-size:14px; line-height:28px; height:100px; padding:6px 12px;}
._form .yanzhengma{ width:110px; min-width:110px; height:40px;}
._form .submit{font-size:14px; width:110px; height:40px;}
._form .submit img{ height:12px;}
}



.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative; background: #f3ca34;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10; bottom:4.4rem; width:0.5rem; height:0.5rem; background: url(img/ico7.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ opacity:0.6;}
.index-banner .swiper-prev{ left:1rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.index-banner .swiper-next{ right:1rem;}

@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:2.5rem; width:28px; height:28px;}
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px;}
}


.inbanner{ position: relative; z-index:6; background: #f3ca34; overflow: hidden;}
.inbanner .back{ position: absolute; left:0; top:0; width:100%; z-index: 1;}
.inbanner .pic{ position: absolute; right:0; top:0; width:39.58%; height:100%; z-index:3; display: block; text-align:right;}
.inbanner .pic img{ max-width: inherit; height:100%; object-fit: cover;}
.inbanner .left{ display:flex; align-items: center; padding:1.71rem 0 1.31rem 0; width:100%; }
.inbanner .left .info{ display:flex; flex-direction: column;}
.inbanner .left .zh{ color: #252525; font-weight: bold; font-size:0.7rem; line-height:0.8rem;}
.inbanner .left .en{color:#252525; font-weight: bold; font-size:0.5rem; line-height:0.6rem; margin-top:2px;}
.inbanner .left .ico{ display: flex; align-items: flex-start; line-height:0; width:3rem; min-width:3rem; margin-right:0.25rem;}
.inbanner .left .ico img{ width:100%;}

@media screen and (max-width:767px) {
.inbanner .left{ padding:4rem 0 2.4rem 0;}
.inbanner .left .zh{ font-size:22px; line-height:28px;}
.inbanner .left .en{ font-size:16px; line-height:24px; margin-top:1px;}
.inbanner .pic{ width:60%;}
}

.inTitle{ display: flex; width:100%; align-items: flex-start; justify-content: space-between;}
.inTitle .tit{ position: relative; height:1.3rem; color:#252525; font-weight: bold; font-size:0.42rem; line-height:0.44rem; padding-left:0.24rem;}
.inTitle .tit::after{ content:''; display: block; width:0.5rem; border-radius:0.5rem;background: #f3ca34; height:100%; position: absolute; left:0; top:0; z-index: 1;}
.inTitle .tit .z6{ width:0.9rem;}
.inTitle .ico{ display: block; line-height:0; width:1rem;}
.inTitle .right{ display: inline-flex;align-items: center;}
.inTitle2 .tit::after{background: #fff;}

@media screen and (max-width:767px) {	
.inTitle .tit{ height:64px; font-size:20px; line-height:22px; padding-left:12px;}
.inTitle .tit::after{ width:24px; border-radius:24px;}
.inTitle .tit .z6{ width:40px;}	
.inTitle .ico{ width:50px;}
.inTitle1 .right .ico{ display:none;}
}

.slide1{ margin-right:0.2rem;}
.slide1 .li{ display: inline-flex; margin:0 0.09rem;}
.slide1 .li .a{ display: inline-flex; align-items: center; padding:0 0.26rem 2px 0.26rem; border-radius:0.5rem; color: #252525; font-size:0.2rem; height:0.5rem; line-height:1; border:1px solid #fff;}
.slide1 .li.on .a,
.slide1 .li:hover .a{background: #252525; border:1px solid #252525; color: #fff;}
.slide1 .li.om .a{background: #252525; border:1px solid #252525; color: #fff;}
.slide1 .li.om:hover .a{background: #f3ca34; border:1px solid #f3ca34; color: #252525;}

@media screen and (max-width:767px) {	
.slide1{ margin:6px 0 0 0;}	
.slide1 .li{ margin:0 0 0 6px;}	
.slide1 .li .a{ border:1px solid rgba(0,0,0,0.1); font-size:12px; height:32px; border-radius:30px; padding:0 14px 2px 14px;}
}

.pisa1{ display:flex; width: 100%; overflow: hidden; position: relative; border-radius:0.2rem;}
.pisa1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.pisa1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.pisa1 .swiper-slide img{width: 100%;}
.pisa1 .swiper-prev,
.pisa1 .swiper-next{ display:flex; position: absolute; z-index:10; top:50%; margin-top:-0.25rem; width:0.5rem; height:0.5rem; background: url(img/ico7.1.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.pisa1 .swiper-prev:hover,
.pisa1 .swiper-next:hover{ opacity:0.6;}
.pisa1 .swiper-prev{ left:0.5rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.pisa1 .swiper-next{ right:0.5rem;}

@media screen and (max-width:1024px) {
.pisa1{ border-radius:8px;}	
.pisa1 .swiper-prev,
.pisa1 .swiper-next{ margin-top:-12px; width:28px; height:28px;}
.pisa1 .swiper-prev{ left:15px;}
.pisa1 .swiper-next{ right:15px;}
}

.pisa2 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.6rem); margin:-0.25rem -0.3rem;}
.pisa2 .li{ display:flex; width: 33.33%; padding:0.25rem 0.3rem;}
.pisa2 .li ._img{ padding-bottom:60%; border-radius:0.2rem;}

@media screen and (max-width:1024px) {
.pisa2 .ul{ width:calc(100% + 12px); margin:-6px -6px;}
.pisa2 .li{ padding:6px 6px;}	
.pisa2 .li ._img{ border-radius:8px;}	
}
@media screen and (max-width:767px) {
.pisa2 .li{ display:flex; width:50%;}	
}

.store1{ display:flex; flex-wrap: wrap; width:100%;}
.store1 .box{ display:flex; flex-wrap: wrap; justify-content:center; width:100%; overflow: hidden; border-radius:0.2rem; padding:2.45rem 0.5rem 1.7rem 0.5rem; background-size:cover !important;}
.store1 .box .tel{ display: inline-flex; line-height:0;}
.store1 .box .tel img{ height:0.6rem;}
.store1 .box .tit{ width:100%; text-align: center; color:#f3ca34; font-weight: bold; font-size:0.5rem; line-height:0.6rem; margin-bottom:0.66rem;}

@media screen and (max-width:767px) {
.store1 .box{ border-radius:8px; padding:2.5rem 2rem 2.6rem 2rem; background-size:auto 80% !important;}	
.store1 .box .tel img{ height:46px;}
.store1 .box .tit{ font-size:16px; line-height:26px; margin-bottom:25px;}
}

.store2{ display:flex; flex-wrap: wrap; position: relative; z-index: 6; top:-0.6rem; width:100%; padding:0 0.98rem;}
.store2 .box{ width:100%; overflow: hidden;}
.store2 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.store2 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.store2 .div{ width: 25%; padding:0 0.16rem;}
.store2 .div .a{ display:flex; flex-wrap: wrap; width:100%; position:relative;}
.store2 .div .a:after{ display: block; width:100%; height:2rem; content:''; position:absolute; left:0; top:0; background:#f3ca34; border-radius:8px; z-index: 1;}
.store2 .div ._img{ position: relative; z-index: 6; padding-bottom:67.9%;}
.store2 .div .img{ width:100%; padding:0 0.28rem; position: relative; z-index: 6;}
.store2 .div .tit{ width:100%; position: relative; z-index: 6; color:#333; font-weight: bold; font-size:0.24rem; line-height:0.34rem; padding:0.36rem 0.28rem 0.2rem 0.28rem;}
.store2 .swiper-prev,
.store2 .swiper-next{ display:flex; position: absolute; z-index:10; top:65%; margin-top:-0.25rem; width:0.5rem; height:0.5rem; background: url(img/ico7.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.store2 .swiper-prev:hover,
.store2 .swiper-next:hover{ opacity:0.6;}
.store2 .swiper-prev{ left:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.store2 .swiper-next{ right:0;}
.store2 .swiper-pagination{ position: static; width:100%; justify-content:center; margin:10px 0 0 0;}
.store2 .swiper-pagination-bullet{ display: flex; width:10px !important; height:10px; border-radius:50%; background: #252525; padding:0; margin:0 6px;}
.store2 .swiper-pagination-bullet-active{background: #f3ca34;}

@media screen and (max-width:1024px) {
.store2{ padding:0 34px; top:-1.2rem;}	
.store2 .swiper-prev,
.store2 .swiper-next{ margin-top:-12px; width:28px; height:28px;}
.store2 .div{ width: 50%; padding:0 6px;}
.store2 .div .a:after{ height:140px;}	
.store2 .div .tit{ font-size:16px; line-height:26px; padding:15px 12px 12px 12px;}
.store2 .div .img{ padding:0 12px;}
}
@media screen and (max-width:767px) {
.store2{ top:0; padding: 10px 0 0 0;}	
.store2 .box{ width:calc(100% + 12px); margin:0 -6px;}
.store2 .div .a{ margin:16px 0;}
.store2 .swiper-prev,
.store2 .swiper-next{ display:none;}
.store2 .swiper-pagination{ display:flex;}
}



.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center;}
.wack1 .pz_fy a{ position: relative; float:left; border-radius:50%; text-align: center; width:48px; line-height:46px; height:48px; color:#888888; font-size:16px; margin:0 5px; border:1px solid #c2c2c2; border-radius:8px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background: #eeeeee;}
.wack1 .pz_fy .prev{ transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:70px;}
.wack1 .pz_fy .prev:after,
.wack1 .pz_fy .next:after{ display: block; content:''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:17px; height:17px; border-top:2px solid #000; border-right:2px solid #000; margin-left: -4px;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:14px; color:#9c9c9c;}
.wack1 .fy_pc a{ text-transform: uppercase; padding:3px 25px 4px 25px; background: #eeeeee; color:#000; border:1px solid #c2c2c2; border-radius:8px; overflow:hidden;}
.wack1 .fy_pc span{ padding:3px 20px; color:#888888;}

@media  screen and (max-width:1024px){	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}

.news1 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.5rem); margin:0 -0.25rem;}
.news1 .li{ display:flex; width: 33.33%; padding:0 0.25rem; margin-top:0.46rem;}
.news1 .li .a{display:block; width:100%; overflow:hidden;}
.news1 .li ._img{ padding-bottom:60%; border-radius:8px; margin-top:0.34rem;}
.news1 .li .paly{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); display: block; width:0.5rem; height:0.5rem; z-index: 6; }
.news1 .li .time{ width:100%; color:#999; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.news1 .li .tit{ width:100%; color:#333; font-weight: bold; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); height:calc(44px + 0.24rem); margin-top:0.12rem; }
.news1 .li .cont{ width:100%; color:#999; font-size:14px; line-height:22px; height:88px; margin-top:0.24rem;}
.news1 .li .a:hover .tit{ color: #f3ca34;}

@media screen and (max-width:1024px) {
.news1 .ul{ width:calc(100% + 12px); margin:0 -6px;}
.news1 .li{ padding:0 6px; margin-top:20px;}	
.news1 .li .time{ font-size: 14px; line-height:24px;}
.news1 .li .tit{ font-size:16px; line-height:24px; height:48px; margin-top:4px;}
.news1 .li .cont{ margin-top:4px;}
.news1 .li ._img{ margin-top:14px;}
.news1 .li .paly{ width:30px; height:30px;}
}
@media screen and (max-width:767px) {
.news1 .li{ display:flex; width:100%;}	
.news1 .li .tit{ height:auto; }
.news1 .li .cont{ height: auto; }
}

.news3{ margin-top:35px; width:30.86%; }
.news3 .ul{ width:100%;}
.news3 .li{ width:100%; margin-bottom:0.46rem;}
.news3 .li .a{ width:100%; position: relative; display: block;}
.news3 .li ._img{ padding-bottom:60%; border-radius:8px; margin-top:0.34rem;}
.news3 .li .time{ width:100%; color:#999; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:0.16rem; }
.news3 .li .tit{ width:100%; color:#333; font-weight: bold; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); height:calc(44px + 0.24rem); margin-top:0.12rem; }
.news3 .li .cont{ width:100%; color:#999; font-size:14px; line-height:22px; height:88px; margin-top:0.24rem;}
.news3 .li .prev{ width:100%; color:#525252; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem); }
.news3 .li .a:hover .tit{ color: #f3ca34;}
.news3 .li .paly{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); display: block; width:0.5rem; height:0.5rem; z-index: 6; }

@media screen and (max-width:1024px) {
.news3{ width:100%; }	
.news3 .ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.news3 .li{ width:49%; margin:10px 0;}	
.news3 .li .time{ font-size: 14px; line-height:24px;}
.news3 .li .tit{ font-size:16px; line-height:24px; height:auto; margin-top:4px;}
.news3 .li .cont{ height: auto; margin-top:4px;}
.news3 .li .prev{ font-size:16px; line-height:24px;}
.news3 .li ._img{ margin-top:14px;}
.news3 .li .paly{ width:30px; height:30px;}
}
@media screen and (max-width:767px) {
.news3 .li{ width:100%;}	
}


.news2{ margin:35px 0 0.32rem 0; width:61.85%;}
.news2 .title{ width:100%; color: #333; font-weight: bold; font-size:0.45rem; line-height:0.55rem;}
.news2 .time{ width:100%; color:#aaa; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:0.76rem;}
.news2 .cont{ width:100%; color:#545454; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:38px;}
.news2 ._pop1{ position: absolute; left: 0; top:0; width:100%; height:100%;}
.news2 ._pop1 video{ position: absolute; left: 0; top:0; width:100%; height:100%; object-fit:cover;}

@media screen and (max-width:1024px) {
.news2{ width:100%; margin:25px 0 0 0; }	
.news2 .title{ font-size:18px; line-height:28px;}
.news2 .time{ font-size:14px; line-height:24px; margin-top:10px;}
.news2 .cont{ font-size:14px; line-height:24px; margin-top:20px;}
}

._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;; position:absolute; right:-60px; top:-44px; width:44px; height:44px;cursor: pointer;background: url(img/close-small1.svg)no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);/*background-color: rgba(255,255,255,0.5);padding: 12px;*/}
._htm video{width: auto;display: block;margin: 0 auto; max-height:80vh; max-width:100%;}
._htm img{width: 100%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1600px){
._htm{ float:left; width:600px;}
}
@media  screen and (max-width: 1024px){
._col{ position:absolute; right:-10px; top:-40px; width:34px; height:34px; }
._htm{ float:left; width:90%;padding:6px;}
}      


.bisa1{ position: absolute; width:100%; line-height:0; left:0; top:0; z-index: 6; }
.bisa1 .ino{ position: absolute; width:27.16%; line-height:0; left:50%; top:0.5rem; z-index: 6; transform:translate(-50%,0); -ms-transform:translate(-50%,0);}
@media  screen and (max-width: 767px){
.bisa1 .ino{ top:1rem; width:40%;}
}    

.pinpai{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between; align-items: flex-start;}
.bisa2{ width:37.4%;}
.bisa2 .cont{ width:100%; color:#545454; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); margin-top:0.43rem;}
.bisa3{ cursor:pointer; width:55.6%; line-height:0; display: block; overflow: hidden; border-radius:0.2rem;}
.bisa3 .inTitle{ position: absolute; width:100%; left:0; top:0; z-index: 6; padding:0.5rem 10px 0 0.5rem;}

@media  screen and (max-width:1600px){
.bisa2 .cont{ line-height:calc(22px + 0.08rem);}
}  
@media  screen and (max-width:1440px){
.bisa2{ width:40.4%;}	
.bisa2 .cont{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.05rem); margin-top:0.35rem;}
}  
@media  screen and (max-width:1024px){
.bisa2{ width:100%;}
.bisa3{ width:100%; border-radius:8px; margin-top:35px;}
.bisa2 .cont{ font-size:14px; line-height:24px; margin-top:20px;}
}    
@media  screen and (max-width:767px){
.bisa3 .inTitle{ padding:15px 10px 0 15px;}
}  


.bisa4 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.32rem); margin:-0.1rem -0.16rem;}
.bisa4 .li{ display:flex; width: 25%; padding:0.1rem 0.16rem;}
.bisa4 .li .a{ display:flex; flex-wrap: wrap; align-content: flex-start; width:100%; position: relative; height:100%; background: #f3ca34; border-radius:8px; padding:0.36rem 0.32rem;}
.bisa4 .li .cont{ width:100%; color:#252525; font-size:0.2rem; line-height:0.3rem;}
.bisa4 .li .tit{ width:100%; color:#252525; font-weight: bold; font-size:0.26rem; line-height:0.36rem; margin-top:0.1rem;}


@media screen and (max-width:1600px) {
.bisa4 .li .a{padding:0.34rem 0.22rem;}	
}
@media screen and (max-width:1024px) {
.bisa4{ padding-top: 25px;}	
.bisa4 .ul{ width:calc(100% + 10px); margin:-5px -5px;}
.bisa4 .li{ width:50%; padding:5px 5px;}
.bisa4 .li .cont{ font-size:14px; line-height:22px;}
.bisa4 .li .tit{ font-size:16px; line-height:24px; margin-top:2px;}	
}
@media screen and (max-width:767px) {
.bisa4 .ul{ display: block;}	
.bisa4 .li{ width:100%;}	
.bisa4 .li .a{ padding:12px 10px; min-height:82px;}
.bisa4 .li .cont{ font-size:12px; line-height:18px;}
.bisa4 .li .tit{ font-size:13px; line-height:20px; margin-top:2px;}	
.bisa4 .slick-dots{ position: static; width:100% !important; display: flex; justify-content:center !important; margin:15px 0 0 0 !important;}
.bisa4 .slick-dots li{ display: flex; width:10px !important; height:10px; border-radius:50%; background: #fff; padding:0; margin:0 6px;}
.bisa4 .slick-dots li.slick-active{background: #f3ca34;}
}


.bisa5{ overflow: hidden;}
.bisa5 .list{ display:block; position: relative; width:100%; margin-top:0.5rem;}
.bisa5 .list:after{ display: block; content:''; position: absolute; left:50%; top:1.52rem; width:4000px; height:5px; background: #252525; margin-left: -2000px;}
.bisa5 .ul{ display:block; width:100%; position: relative; z-index: 6;}
.bisa5 .li{ display:flex; flex-wrap: wrap; width: 14.28%;}
.bisa5 .li .num{ width:87%; color:#f3ca34; font-weight: bold; font-size:0.3rem; line-height:1; padding:0 2px;}
.bisa5 .li .tit{ width:87%; color:#f3ca34; font-size:0.22rem; line-height:0.3rem; height:0.6rem; margin:0.04rem 0 0.08rem 0; padding:0 2px;}
.bisa5 .li .cont{ width:87%; color:#252525; font-size:0.18rem; line-height:0.26rem; margin-top:0.24rem; padding:0 2px;}
.bisa5 .li .lin{ width:100%; height:0.55rem; border-left:1px solid #252525;}
.bisa5 .slick-arrow{ display:flex; position: absolute; z-index:10; top:-1.5rem; width:0.5rem; height:0.5rem; background: url(img/ico0.1.png) center no-repeat; background-size:auto 0.15rem !important; cursor: pointer; border-radius:50%; border:1px solid #282828;}
.bisa5 .slick-arrow:hover{ background: url(img/ico0.2.png) center no-repeat #f3ca34; border:1px solid #f3ca34;}
.bisa5 .slick-prev{ left:auto; right:1.7rem; margin-right:10px;-webkit-transform: translate(0,0) rotateY(180deg);-ms-transform: translate(0,0) rotateY(180deg); transform: translate(0,0) rotateY(180deg);}
.bisa5 .slick-next{ right:1.2rem;-webkit-transform: translate(0,0);-ms-transform: translate(0,0); transform: translate(0,0);}


@media screen and (max-width:1024px) {
.bisa5 .list:after{ top:107px; height:3px;}
.bisa5 .li{ width:25%;}	
.bisa5 .li .num{  width:100%; font-size:20px;}
.bisa5 .li .tit{ width:100%; font-size:16px; line-height:20px; height:40px; margin:6px 0 12px 0;}
.bisa5 .li .cont{ width:100%; font-size:14px; line-height:22px; margin-top:20px; padding:0 14px 0 0;}
.bisa5 .li .lin{ height:30px;}
}
@media screen and (max-width:767px) {
.bisa5 .list{ margin-top:25px; padding-left:14px;}		
.bisa5 .li{ width:50%;}	
.bisa5 .slick-arrow{ background-size:auto 10px !important; top:-78px; width:28px; height:28px;}
.bisa5 .slick-prev{ left:auto; right:95px;}
.bisa5 .slick-next{ right:65px;}
}


.jion1{ display:block; position: relative; width:100%;}
.jion1 .ul{ display:block; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.jion1 .li{ display:flex; flex-wrap: wrap; width: 20%; padding:0 0.15rem;}
.jion1 .li .a{ display: block; line-height:0; overflow: hidden; border-radius:0.18rem;}
.jion1 .slick-arrow{ display:flex; position: absolute; z-index:10; top:-1.5rem; width:0.5rem; height:0.5rem; background: url(img/ico0.1.png) center no-repeat; background-size:auto 0.15rem !important; cursor: pointer; border-radius:50%; border:1px solid #282828;}
.jion1 .slick-arrow:hover{ background: url(img/ico0.2.png) center no-repeat #f3ca34; border:1px solid #f3ca34;}
.jion1 .slick-prev{ left:auto; right:1.75rem; margin-right:10px;-webkit-transform: translate(0,0) rotateY(180deg);-ms-transform: translate(0,0) rotateY(180deg); transform: translate(0,0) rotateY(180deg);}
.jion1 .slick-next{ right:1.25rem;-webkit-transform: translate(0,0);-ms-transform: translate(0,0); transform: translate(0,0);}


@media screen and (max-width:1024px) {
.jion1 .ul{ width:calc(100% + 12px); margin:0 -6px;}
.jion1 .li{ padding:0 6px;}	
.jion1 .li .a{border-radius:8px;}
}
@media screen and (max-width:767px) {
.jion1 .li{ width:50%;}	
.jion1 .slick-arrow{ background-size:auto 10px !important; top:-78px; width:28px; height:28px;}
.jion1 .slick-prev{ left:auto; right:95px;}
.jion1 .slick-next{ right:65px;}
}

.jion2{ position: relative;}
.jion2 .ul{ display: flex; flex-wrap: wrap; width:100%; overflow: hidden; border-radius:0.2rem;}
.jion2 .ul li{ display: flex; flex-wrap: wrap; width:20%;}
.jion2 .ul li:nth-child(6){ margin-right:60%;}
.jion2 .ul li ._img{ padding-bottom:67.9%;}
.jion2 .bd{ position: absolute; z-index:6; left:20%; top:33.33%; display: flex; flex-wrap: wrap; justify-content: space-between; width:60%; padding:0.22rem 0.28rem;}
.jion2 .ul1{ display: flex; flex-wrap: wrap; width:100%;}
.jion2 .ul1 li{ display: flex; width:48.6%; padding:0.05rem 0; color: #f2ca33;font-size:0.2rem; line-height:0.3rem; }

@media screen and (max-width:1024px) {
.jion2 .bd{ padding:8px 15px;}
.jion2 .ul1 li{ font-size:12px; line-height:16px;}
}
@media screen and (max-width:767px) {
.jion2 .ul li{ width:33.33%;}	
.jion2 .ul li:nth-child(6){ margin-right:0;}
.jion2 .bd{ position: relative; left:0; top:0; width:100%; padding:22px 0 0 0;}
.jion2 .ul1 li{ font-size:14px; line-height:24px; display: flex; width:100%;}
}

.jion-bg{ width:100%; height:100%; position: absolute; left:0; top:0; z-index: 1;}
.jion3{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.jion3-1{ width:39.5%;}
.jion3-1 .list{ display: block; line-height:0; width:100%;}
.jion3-2{ width:19.1%; padding-top:1.8rem;}
.jion3-2 .list{ position: relative; min-height:100%; display: flex; flex-wrap: wrap; align-content: center; background: #caa931; line-height:0; border-radius:0.18rem; padding:0 0.25rem 0 0.35rem;}
.jion3-2 .list .ico{ display: block; width:100%;}
.jion3-2 .list .tel{ display: block; width:100%; margin:0.32rem 0 0.3rem 0;}
.jion3-3{ width:39.5%;}
.jion3-3 .list{ display: block; line-height:0; width:100%;}

@media screen and (max-width:1024px) {
.jion3-2{ padding-top:calc(25px + 1.3rem);}
}
@media screen and (max-width:767px) {
.jion3-1{ width:100%;}
.jion3-3{ width:100%;}
.jion3-2{ width:100%; padding:25px 0;}
.jion3-2 .list{ justify-content: space-around; align-items: center; padding:20px 20px;}
.jion3-2 .list .ico{ width: auto;}
.jion3-2 .list .ico img{ width: auto; max-width:inherit; height:70px;}
.jion3-2 .list .tel{ width: auto;}
.jion3-2 .list .tel img{ width: auto; max-width:inherit; height:46px;}
}


.jion4{ overflow: hidden;}
.jion4 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 1.2rem); margin:-0.45rem -0.6rem;}
.jion4 .ul .li{ display: flex; flex-wrap: wrap; width:25%; position: relative; padding:0.45rem 0.6rem;}
.jion4 .ul .li::after{ display: block; width:100%; height:1px; content:''; position: absolute; left:0; top:50%; background: #252525;}
.jion4 .ul .li .a{ z-index:6; display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; background: #252525; padding:12px 14px; border-radius:0.18rem;}
.jion4 .ul .li .num{ display:inline-flex; width:40px; height:40px; border-radius:50%; background: #f3ca34; color: #252525;font-size:calc(14px + 0.06rem); line-height:1; justify-content: center; align-items: center;}
.jion4 .ul .li .tit{ display: block; width:100%; font-weight: bold; color: #f2ca33;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top:0.46rem;}
.jion4 .ul .li:nth-child(8n+4)::before{ display: block; width:1px; height:100%; content:''; position: absolute; left:50%; top:50%; background: #252525;}
.jion4 .ul .li:nth-of-type(5) { order: 8; }
.jion4 .ul .li:nth-of-type(6) { order: 7; }
.jion4 .ul .li:nth-of-type(7) { order: 6; }
.jion4 .ul .li:nth-of-type(8) { order: 5; }


@media screen and (max-width:1024px) {
.jion4 .ul{ width:calc(100% + 30px); margin:-15px -15px;}
.jion4 .ul .li{ width:25%; padding:15px 15px;}	
.jion4 .ul .li .a{ border-radius:8px;}
.jion4 .ul .li .num{ width:24px; height:24px; font-size:14px;}
.jion4 .ul .li .tit{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px) {
.jion4 .ul .li{ width:50%;}
.jion4 .ul .li:nth-of-type(3) { order: 4; }
.jion4 .ul .li:nth-of-type(4) { order: 3; }
.jion4 .ul .li:nth-of-type(5) { order: 5; }
.jion4 .ul .li:nth-of-type(6) { order: 6; }
.jion4 .ul .li:nth-of-type(7) { order: 8; }
.jion4 .ul .li:nth-of-type(8) { order: 7; }
.jion4 .ul .li:nth-child(8n+2)::before{ display: block; width:1px; height:100%; content:''; position: absolute; left:50%; top:50%; background: #252525;}
.jion4 .ul .li:nth-child(8n+6)::before{ display: block; width:1px; height:100%; content:''; position: absolute; left:50%; top:50%; background: #252525;}
}


.jion5 .ul{ display: flex; flex-wrap: wrap; width:100%; border-radius:6px; background: #252525; }
.jion5 .ul li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:25%; padding:0.15rem 0.15rem; border-right:1px solid #4a4a4a; color: #f2ca33;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); text-align: center;}
.jion5 .ul li:nth-child(4n){border-right:0;}
.jion5 .down{background: #888; overflow: hidden; margin-top:11px; border-radius:6px;}
.jion5 .down .dl{ display: flex; flex-wrap: wrap; width:100%;}
.jion5 .down .dl:nth-child(2n){ background: #777;}
.jion5 .down .dl dd{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:25%; padding:0.15rem 0.15rem; color: #fff;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); text-align: center;}

@media screen and (max-width:1024px) {
.jion5 .ul li{ font-size:14px; line-height:20px; padding:12px 4px;}
.jion5 .down .dl dd{ font-size:14px; line-height:20px; padding:12px 4px;}
}
@media screen and (max-width:767px) {
.jion5 .ul li{  font-size:12px; line-height:18px;}
.jion5 .down .dl dd{ font-size:12px; line-height:18px;}
}


.h-mian1{ display:flex; width: 100%; overflow: hidden; position: relative; border-radius:0.2rem;}
.h-mian1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-mian1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.h-mian1 .swiper-slide img{width: 100%;}
.h-mian1 .swiper-prev,
.h-mian1 .swiper-next{ display:flex; position: absolute; z-index:10; top:50%; margin-top:-0.25rem; width:0.5rem; height:0.5rem; background: url(img/ico7.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.h-mian1 .swiper-prev:hover,
.h-mian1 .swiper-next:hover{ opacity:0.6;}
.h-mian1 .swiper-prev{ left:0.5rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.h-mian1 .swiper-next{ right:0.5rem;}

@media screen and (max-width:1024px) {
.h-mian1{ border-radius:8px;}	
.h-mian1 .swiper-prev,
.h-mian1 .swiper-next{ margin-top:-12px; width:28px; height:28px;}
.h-mian1 .swiper-prev{ left:15px;}
.h-mian1 .swiper-next{ right:15px;}
}

.h-mian2{ position: relative; z-index: 10;}
.h-mian2 .box{ display: flex; flex-wrap: wrap; width:100%; padding:0.42rem 0.5rem 0.77rem 0.5rem; border-radius:0.2rem;}
.h-mian2 .box .pic{ position: absolute; right:0.26rem; bottom:0; display:block; line-height:0; width:37.91%;}
.h-mian2 .box .down{ width:74.5%; position: relative; margin-top: -0.84rem; padding:0 1.6rem;}
.h-mian2 .box .tel{ text-align: center; width:100%; line-height:0; margin-top:0.62rem;}
.h-mian2 .box .tel img{ height:0.6rem;}
.h-mian2 .box .info{ width:100%; font-weight: bold; text-align: center; color: #f2ca33; font-size:1rem; line-height:1.1rem;}
.h-mian2 .box .cont{ width:100%; text-align: center; color: #f2ca33; font-size:0.4rem; line-height:0.5rem; margin-top:0.23rem;}
.h-mian2 .list{ display: flex; flex-wrap: wrap; width:100%; margin-top:0.54rem;}
.h-mian2 .list .li{ display: flex; flex-wrap: wrap; width:25%; align-content: flex-start; text-align: center; border-left:1px solid #cccccc;}
.h-mian2 .list .li:nth-child(4n+4){ border-right:1px solid #cccccc;}
.h-mian2 .list .li .wan{ width:100%; display: flex; justify-content: center; align-items: flex-start; font-weight: bold; color: #f2ca33; font-size: calc(14px + 0.02rem); line-height:1;}
.h-mian2 .list .li .num{ font-size:0.4rem; margin:-0.05rem 0.18rem 0 0; }
.h-mian2 .list .li .p{ width:100%; color: #bababa; font-size: calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 0.15rem;}

@media screen and (max-width:1600px) {
.h-mian2 .box .down{ padding:0 1.4rem;}
.h-mian2 .box .info{ font-size:0.9rem; line-height:1rem;}
.h-mian2 .box .cont{ font-size:0.36rem; line-height:0.46rem; margin-top:0.19rem;}
.h-mian2 .box .tel{ margin-top:0.58rem;}
.h-mian2 .list{ margin-top:0.5rem;}
.h-mian2 .list .li .num{ font-size:0.36rem;}
.h-mian2 .list .li .wan{ font-size:14px;}
.h-mian2 .list .li .p{ font-size:14px; line-height:24px; margin-top: 0.12rem;}
}
@media screen and (max-width:1440px) {
.h-mian2 .box .down{ width:80.5%; padding:0 1.4rem;}
}
@media screen and (max-width:1024px) {
.h-mian2 .box .down{ width:80.5%; padding:0;}
.h-mian2 .box .info{ font-size:30px; line-height:40px;}
.h-mian2 .box .cont{ font-size:16px; line-height:26px; margin-top:10px;}
.h-mian2 .box .tel{ margin-top:30px;}
.h-mian2 .list{ margin-top:20px;}
.h-mian2 .list .li .num{ font-size:22px;}
.h-mian2 .list .li .wan{ font-size:12px;}
.h-mian2 .list .li .p{ font-size:12px; line-height:20px; margin-top:5px;}
}
@media screen and (max-width:767px) {
.h-mian2 .box{ border-radius:8px; padding:30px 15px 60px 15px; background-size:auto 80% !important;}	
.h-mian2 .box .tel img{ height:46px;}
.h-mian2 .box .down{ width:100%; margin-top:-20px;}
.h-mian2 .list .li{ width:50%; margin:12px 0; border-left:1px solid rgba(255,255,255,0.4);}
.h-mian2 .list .li:nth-child(4n+4){ border-right:0;}
.h-mian2 .list .li.li:nth-child(4n+1),
.h-mian2 .list .li.li:nth-child(4n+3){ border-left:0;}
}


.index3{ justify-content: space-between;}
.index3 .h-title{ margin:0 0 0 0.2rem;}
.index3 .bisa3-1{ width:49.45%;}
.index3 .bisa3-1 ._img{ padding-bottom:66.7%;}
.h-mian3{ width:calc(50.55% - 3rem); overflow: hidden; position:relative;}
.h-mian3 .list{ display:block; width:calc(100% + 0.2rem); margin:0 -0.1rem; position: absolute; left: 0; top:0; z-index:1; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.h-mian3 .list.on{ position: relative; z-index:6; opacity:1;}
.h-mian3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-mian3 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0; padding:0 0.1rem;}
.h-mian3 .swiper-slide img{width: 100%;}
.h-mian3 .div{ overflow: hidden; border-radius:0.2rem;}
.h-mian3 .div ._img{ padding-bottom:200%;}

@media screen and (max-width:1024px) {
.index3 .bisa3-1{ width:100%; margin:0 0 25px 0;}	
.index3 .h-title{ margin:0;}
.h-mian3{ width:calc(100% - 152px); overflow: hidden;}
.h-mian3 .list{ width:calc(100% + 12px); margin:0 -6px; }
.h-mian3 .swiper-slide { padding:0 6px;}
.h-mian3 .div{ border-radius:8px;}	
}
@media screen and (max-width:767px) {
.h-mian3{ width:100%; margin-top: 25px;}
.index3 .h-title .inTitle{ margin-bottom:30px;}
}


.h-title{ width:2.4rem; position: relative; min-height:100%; overflow: hidden; display: flex; flex-wrap:wrap; align-content: space-between; border-radius:0.2rem; padding:0.2rem 0.2rem 0.45rem 0.2rem;
background-image: -webkit-linear-gradient(top, #cccccc 0%, #a1a1a2 100%);
background-image: -moz-linear-gradient(top, #cccccc 0%, #a1a1a2 100%);
background-image: -o-linear-gradient(top, #cccccc 0%, #a1a1a2 100%);
background-image: linear-gradient(top, #cccccc 0%, #a1a1a2 100%);
}
.h-title .logo{ width:100%; line-height: 0; margin-top:0.25rem;}
.h-title .tab{ width:100%; padding:0 0.12rem; margin-bottom:0.25rem;}
.h-title .tab .li{ width:100%;}
.h-title .tab .li a{ display: block; width:100%; color: #fff; font-size: calc(14px + 0.1rem); line-height:calc(22px + 0.22rem); position:relative;}
.h-title .tab .li a:after{ display: block; content:''; position: absolute; right:0; top:0; width:20px; height:100%; background: url(img/ico0.2.png) right center no-repeat; background-size:auto 0.15rem !important; }
.h-title .tab .li a:hover{ color: #f3ca34;}
.h-title .tab .li a:hover:after{background: url(img/ico0.png) right center no-repeat;}
.h-title .btn{ display: flex; flex-wrap: wrap; width:100%; padding:0.18rem 0 0.05rem 0;}
.h-title .swiper-prev,
.h-title .swiper-next{ display:flex; width:0.5rem; height:0.5rem; background: url(img/ico0.2.png) center no-repeat; background-size:auto 0.15rem !important; cursor: pointer; border-radius:50%; border:1px solid #fff; margin-left:0.1rem;}
.h-title .swiper-prev:hover,
.h-title .swiper-next:hover{ background: url(img/ico0.png) center no-repeat; border:1px solid #f3ca34;}
.h-title .swiper-prev{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
.h-title .swiper-pagination{ display:flex; justify-content: center; align-items:center; color: #fff; line-height:1; font-size:0.2rem; width:0.5rem; height:0.5rem; border-radius:50%; border:1px solid #fff; margin-left:0.1rem; }
.h-title .swiper-pagination:hover{ border:1px solid #f3ca34; color: #f3ca34; }

@media screen and (max-width:1440px) {
.h-title .tab .li a{ font-size: calc(14px + 0.06rem); line-height:calc(22px + 0.18rem);}
}
@media screen and (max-width:1024px) {
.h-title{ width:140px; padding:20px 15px;}
.h-title .tab{ margin-bottom:20px;}
.h-title .tab .li a{ font-size:14px; line-height:26px;}
.h-title .tab .li a:after{ background-size:auto 10px !important;}
.h-title .btn{ display: flex; flex-wrap: wrap; width:100%; padding:15px 0 0 0;}
.h-title .swiper-pagination{ font-size:12px; width:28px; height:28px; margin-left:0; }
.h-title .swiper-prev,
.h-title .swiper-next{ width:28px; height:28px; background-size:auto 10px !important; margin-left:10px;}
}
@media screen and (max-width:767px) {
.h-title{ width:100%; justify-content:space-between; padding:20px 15px;}
.h-title .logo img{ width: auto; max-width:inherit; height:24px;}
.h-title .inTitle{ width: auto;}
.h-title .down{ display: flex; flex-wrap: wrap; align-items: center; height:64px; justify-content: space-between; width: calc(100% - 76px); padding:0;}
.h-title .logo{ display: inline-flex; width:auto; margin:0;}
.h-title .btn{ display: inline-flex; width:auto; padding:0;}
.h-title .tab{ position: absolute; left:0; bottom:15px; display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 15px; margin-bottom:0;}
.h-title .tab .li{ display: inline-flex; width:26%;}

}



.index4{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin-top:-3.9rem;}
.index4 .h-title{ margin-top:0.7rem;}
.h-mian4{ overflow: hidden; display: flex; flex-wrap: wrap; width: calc(100% - 2.6rem);}
.h-mian4 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.h-mian4 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform;}
.h-mian4 .swiper-slide img{width: 100%;}
.h-mian4 .div{ display: flex; align-items: center; justify-content: space-between; background:url(img/main2.png) left center no-repeat #252525; background-size:auto 100%; width:100%; border-radius:0.2rem; margin-top:0.7rem;}
.h-mian4 .div .cont{ width:44%; text-align: center; margin-right: -2.3%; padding:0.2rem; }
.h-mian4 .div .tit{ width:100%; font-weight: bold; color: #f3ca34; font-size:0.5rem; line-height:0.6rem; }
.h-mian4 .div .p{ width:100%; color: #f3ca34; font-size:0.4rem; line-height:0.5rem; margin-top:0.2rem; }
.h-mian4 .div .img{ width:58.3%; text-align: center; line-height:0; display: block; margin-top: -0.7rem;}

@media screen and (max-width:1024px) {
.index4{ margin-top:-2rem;}	
.h-mian4{ width:calc(100% - 152px); overflow: hidden;}
.h-mian4 .div{ border-radius:8px;}	
.h-mian4 .div .tit{ font-size:16px; line-height:26px;} 
.h-mian4 .div .cont{ padding:20px 12px;}
.h-mian4 .div .p{ font-size:14px; line-height:24px; margin-top:5px;} 
}
@media screen and (max-width:767px) {
.index4{ margin-top:-1.6rem;}		
.index4 .h-title{ margin-top:0;}	
.h-mian4{ width:100%; margin-top:5px;}
.h-mian4 .div{ margin-top:15px;}
.h-mian4 .div .img{ margin-top: -15px;}
}











/*wyb*/
.sy_section1{width: 100%;padding-top:130px;padding-bottom:160px;background: #f3ca34;margin-top: -68px;}
.sy_section1 .w_width{position: relative;z-index: 2;}
.sy_section1 .bt1{font-size: 0.4rem;color: #333333;line-height: 0.44rem;text-align: center;margin-bottom: 6px;font-weight: bold;}
.sy_section1 .bt2{font-size: 0.2rem;color: #333333;line-height: 0.26rem;text-align: center;margin-bottom: 36px;}
.sy_section1 .content{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sy_section1 .content .li{width: 49.45%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sy_section1 .content .li .pic{ width:calc(100% - 2.6rem); line-height:0;}
.sy_section1 .content .li .pic img{width: 100%;display: block;}


@media screen and (max-width:1024px) {
.sy_section1{padding-top: 50px;padding-bottom: 50px;margin-top: -20px;}
.sy_section1::after{height: calc(100% + 40px);top: -20px}
.sy_section1 .bt1{font-size: 20px;line-height: 24px;margin-bottom: 6px;}
.sy_section1 .bt2{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
.sy_section1 .h-title{ width:100%;min-height:inherit; align-items: center; justify-content: space-between;}
.sy_section1 .h-title .logo img{ width: auto; max-width: inherit; height:24px;}
.sy_section1 .inTitle{ width: auto;}
.sy_section1 .down{width: calc(100% - 80px);}
.sy_section1 .content .li .pic{ width:100%; margin-top:20px;}
}
@media screen and (max-width:767px) {
.sy_section1 .bt2{ margin-bottom: 0;}	
.sy_section1 .content .li{ width:100%; margin-top:30px;}

}


.sy_section2{width: 100%;padding-bottom: 80px;margin-top: -80px;}
.sy_section2 .content{width: 100%;display: flex;justify-content: space-between;align-items: stretch;flex-direction: row-reverse;}
.sy_section2 .left{width: calc(100% - 2.6rem);background: #ffffff;border-radius:0.2rem;overflow: hidden;}
.sy_section2 .left .ul{width: 100%;}
.sy_section2 .left .li{width: 100%;}
.sy_section2 .left .ul a{display: flex;justify-content: flex-start;align-items: center;}
.sy_section2 .left .ul .picbox{width: 54.48717948717949%;}
.sy_section2 .left .ul .pic{ width: 100%; padding-bottom: 58.823%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section2 .left .ul .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section2 .left .ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section2 .left .ul .wordsbox{width: 45.51282051282051%;padding: 20px 1.14rem 20px 1rem;}
.sy_section2 .left .ul .bt{font-size: 0.3rem;color: #252525;line-height: 0.42rem;margin-bottom: 0.28rem;font-weight: bold;}
.sy_section2 .left .ul .info{font-size: calc(14px + 0.02rem);color: #999999;line-height: calc(22px + 0.04rem);margin-bottom: 0.36rem;}
.sy_section2 .left .ul .boxs{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.sy_section2 .left .ul .sec2_number{width: 0.5rem;height: 0.5rem;margin-right: 10px;border-radius: 100%;border: 1px solid #9a9a9a;display: flex;justify-content: center;align-items: center;font-size: 0.2rem;color: #999999;line-height:1;}
.sy_section2 .left .ul .sec2_number:hover{border-color: #f3ca34;color: #f3ca34;}
.sy_section2 .left .ul .qhbtn{width: 0.5rem;height: 0.5rem;border-radius: 100%;border: 1px solid #9a9a9a;display: flex;justify-content: center;align-items: center;}
.sy_section2 .left .ul .sec2_btn_prev{margin-right: 10px;}
.sy_section2 .left .ul .qhbtn img{height: 0.15rem;display: block;}
.sy_section2 .left .ul .qhbtn .ico2{display: none;}
.sy_section2 .left .ul .qhbtn:hover{border-color: #f3ca34;}
.sy_section2 .left .ul .qhbtn:hover .ico1{display: none;}
.sy_section2 .left .ul .qhbtn:hover .ico2{display: block;}
.sy_tit{width:2.4rem;background: linear-gradient(to bottom,#c9c9c9,#a1a1a2);border-radius:0.2rem;padding: 20px 0.12rem 48px 0.2rem;position: relative;}
.sy_tit .posi{width: 100%;position: absolute;left: 0;bottom: 0;padding: 20px 0.12rem 48px 0.2rem;}
.sy_tit .dhbox{width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-bottom:0.06rem;}
.sy_tit .dhbox img{width: 0.3rem;display: block;}
.sy_tit .dhbox .wordsbox{width: calc(100% - 0.3rem);padding-left: 0.07rem;}
.sy_tit .dhbox .wz1{font-size: calc(8px + 0.1rem);color: #252525;line-height:calc(10px + 0.14rem);font-weight: bold;}
.sy_tit .dhbox .wz2{font-size: calc(8px + 0.05rem);color: #252525;line-height:calc(10px + 0.1rem);}
.sy_tit .logo{display: block;max-width: 100%;}
@media screen and (max-width:1680px) {
.sy_section2 .left .ul .wordsbox{padding:20px 0.55rem 20px 0.55rem;}
.sy_section2 .left .ul .bt{font-size: 0.26rem;line-height: 0.38rem;margin-bottom:0.2rem;}
.sy_section2 .left .ul .info{font-size: 14px;line-height:24px;margin-bottom: 0.28rem;}
}
@media screen and (max-width:1024px) {
.sy_section2{padding-bottom: 30px;margin-top: -20px;}
.sy_section2 .content{display: block;}
.sy_section2 .left{width: 100%;border-radius: 12px;margin-top: 20px;}
.sy_section2 .left .ul a{display: block;}
.sy_section2 .left .ul .picbox{width: 100%;}
.sy_section2 .left .ul .wordsbox{width: 100%;padding:20px 14px;}
.sy_section2 .left .ul .bt{font-size: 16px;line-height: 24px;margin-bottom:6px;}
.sy_section2 .left .ul .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;}
.sy_section2 .left .ul .sec2_number{width: 28px;height: 28px;font-size: 12px;}
.sy_section2 .left .ul .qhbtn{width: 28px;height: 28px;}
.sy_section2 .left .ul .qhbtn img{height: 10px;}
.sy_tit{width: 100%;border-radius: 12px;padding: 14px;display: flex;justify-content:space-between;align-items: flex-start;}
.sy_tit .posi{position: static; padding: 0;width: calc(100% - 80px);}
.sy_tit .logo{ width: auto; max-width:inherit; height:24px;}
.sy_tit .dhbox{ margin:0; display: inline-flex; align-items: center; height:64px;}
.sy_tit .dhbox img{width:28px;}
.sy_tit .dhbox .wordsbox{width: calc(100% - 28px);padding-left:8px;}
.sy_tit .dhbox .wz1{font-size:18px;line-height:22px;}
.sy_tit .dhbox .wz2{font-size:13px;line-height:17px;}
.sy_section2 .inTitle{ display: inline-flex; width: auto;}
.sy_section2 .sy_tit .logo{ display:none;}
}

.sy_section3{width: 100%;padding-bottom: 1rem;}
.sy_section3 .content{width: 100%;display: flex;justify-content: space-between;align-items: stretch;}
.sy_section3 .sy_tit .posi{padding-bottom: 0.28rem;}
.sy_section3 .right{width: calc(100% - 2.4rem);display: flex;justify-content: flex-start;align-items: center;}
.sy_section3 .right .tit_box{width:3.3rem;padding: 0.2rem;}
.sy_section3 .right .tit_box .wz1{font-size: 0.26rem;color: #252525;line-height: 0.3rem;text-align: center;}
.sy_section3 .right .tit_box .wz2{font-size: calc(10px + 0.06rem);color: #999999;line-height: 20px;text-align: center;}
.sy_section3 .right .ulbox{width: calc(100% - 3.3rem);}
.sy_section3 .right .ulbox ul{margin: -5px;width: calc(100% + 10px);display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.sy_section3 .right .ulbox li{width: 16.66%;padding: 5px;}
.sy_section3 .right .ulbox a{display: block;width: 100%;}
.sy_section3 .right .ulbox a .pic{ width: 100%; padding-bottom: 70%; position: relative; overflow: hidden;border-radius: 10px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section3 .right .ulbox a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section3 .right .ulbox a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}

@media screen and (max-width:1024px) {
.sy_section3{padding-bottom: 30px;}
.sy_section3 .content{display: block;}
.sy_section3 .sy_tit .inTitle{ display: inline-flex; width: auto;}
.sy_section3 .sy_tit .posi{padding:0; display: flex; height:64px; align-items: center;}
.sy_section3 .right{width: 100%;display: block;}
.sy_section3 .right .tit_box{width: 100%;padding: 20px;}
.sy_section3 .right .tit_box .wz1{font-size: 18px;line-height: 24px;}
.sy_section3 .right .tit_box .wz2{font-size: 14px;}
.sy_section3 .right .ulbox{width: 100%;}
.sy_section3 .right .ulbox li{width: 25%;}
.sy_section3 .right .ulbox a .pic{border-radius: 8px;}
}
@media screen and (max-width:767px) {
.sy_section3 .right .ulbox ul{margin:0 -5px;}	
.sy_section3 .right .ulbox li{width: 33.33%;}
.sy_section3 .slick-dots{ position: static; width:100% !important; justify-content:center !important; margin:15px 0 0 0 !important;}
.sy_section3 .slick-dots li{ display: flex; width:10px !important; height:10px; border-radius:50%; background: #252525; padding:0; margin:0 6px;}
.sy_section3 .slick-dots li.slick-active{background: #f3ca34;}
}




/*
font-size: calc(14px + 0.04rem);
color: #f2ca33;

*/