*{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(255,255,255,0)}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}abbr,body,fieldset,html,iframe,img{border:0}address,cite,dfn,em,i,var{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover,del,ins,s,u{text-decoration:none}body,button,input,keygen,legend,select,textarea{color:#4f0b00;outline:0}body{background:#fff}a,a:hover{color:#333}input{border:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;outline:medium;background-color:transparent}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,div,a{-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;outline:none;    cursor: pointer;}


.fl{ float: left; }
.fr{ float: right; }
.re{ position: relative; }
.ab{ position: absolute; }
.center{ text-align: center; }
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.dh{-webkit-transition: all .3s ease;}
.img100{ width: 100%; }
.font_16{ font-size: 16px; }
.font_18{ font-size: 18px; }
.font_20{ font-size: 20px; }
.font_24{ font-size: 24px; }
.font_28{ font-size: 28px; }
.font_34{ font-size: 34px; }
.block{ display: block; }
.red{ color: #f00; }



body {
    font: 14px 'Source Han Sans CN', Tahoma, Arial, sans-serif;
    color: #000;font-weight: 500; 
    background-color: #fff; line-height: 1.2;
}



.head{ position: fixed; top: 0; left: 0; width: 100%; min-height: 50px; z-index: 100; background: #fff; }
.hea_bor{ border:1px solid #f5f7fa; }
.nav>ul>li>span{ line-height: 50px;margin-right: 24px; cursor: pointer;}
.nav>ul>li svg{ margin-left: 8px; }
.nav .zi{ width: 100vw; left: 0px; top: 51px; background: #fff; padding:30px 0; line-height: 40px; display: none;}
.nav>ul>li:hover .zi{ display: block; }
.nav>ul>li:hover svg{ transform: rotate(180deg); }
.banner{ margin-top: 50px; }
.banner .swiper-slide{ height: 600px; width: 100%; }
.head .sou{ line-height: 51px; margin-top: 2px; }
.head .sou img{ cursor: pointer; /* position: relative; top: 6px; */ }
.head .sou_xl{ background: #fff; width: 100vw; left: 0; top: 50px;  padding:30px 0; line-height: 40px; display: none;}
.head .sou_xl .v1{ border-bottom: #ddd 1px solid;}
.head .sou_xl .v1 input{ width: calc(100% - 50px); padding:0 10px; height: 52px; line-height: 52px; }

.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ right: 24px; }
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{ left: 24px; }
.banner .swiper-pagination-bullet{ background: #fff; }
.banner .swiper-pagination-bullet-active{ width: 48px; border-radius: 8px; overflow: hidden; position: relative; background: none; }
.banner .swiper-pagination-bullet-active::after{content:""; position: absolute; top: 0; left: 0; width: 0px; background: #fff;
 opacity: 1; height: 8px; z-index: 1; animation:dong1 5s linear infinite; }
.banner .swiper-pagination-bullet-active::before{ content:""; position: absolute; top: 0; left: 0; width: 100%; background: #fff;
 opacity: 1; height: 8px; background: #fff; opacity: .2; }
@keyframes dong1 {
	form{
		width: 0px;
	}
	to {
		width: 100%;
	}
}

.banner .sp_3{ margin-top:5px; }
.banner .v1{ top: 70px; left: 0px; width: 100%;}
.banner .v2{ top: 50%; left:15%; transform: translateY(-50%);}

.in_con1{ padding:80px 0; }
.in_con1 .v1{ margin-bottom: 40px; }
.in_con1 .v2{ padding:0 122px; }
.in_con1 .swiper-container2 dt{ width: 100%; height: 186px; background-color: #f3f4f7; border-radius: 14px; padding:0 38px;
 position: relative;}
.in_con1 .swiper-container2 dt img{ max-width: 100%; max-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; 
transform: translate(-50%,-50%);}
.in_con1 .v2 .sp_1{ margin-top:16px; }
.in_con1 .v2 .sp_2{ color:#626262; margin: 7.5px 0 10px 0; }
.in_con1 .v2 .sp_3{ margin: 0 7.5px; color: #3F68E0; gap: 4px;}
.swiper-button-next2,.swiper-button-prev2{ background: none; height: 100%; width: 122px; }
.swiper-button-next2{ right: 0; top: 0; }
.swiper-button-prev2{ left: 0; top: 0; }
.swiper-button-next2 img,.swiper-button-prev2 img{ position: absolute; top: 40%;  }
.swiper-button-next2 img{ left: 20px; }
.swiper-button-prev2 img{ left: 90px;transform: rotate(180deg); }


.in_con2{ background: #F3F4F7; width: calc(100vw - 104px); margin:0 auto; padding:48px 150px; }
.in_con2 ul{ margin-top: 24px; /*padding-bottom: 10px;*/ border-bottom: #ddd 2px solid; display: inline-block; }
.in_con2 ul li{ margin:0 35px; display: inline-block; color: #7a7d80; position: relative; line-height: 40px; cursor: pointer; }
.in_con2 ul li.cur{ color: #000; }
.in_con2 ul li.cur::after{content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.in_con2 ul li:nth-child(1){ margin-left:0; }
.in_con2 ul li:nth-child(3){ margin-right:0; }
.in_con2 dl{ border-radius: 16px; overflow: hidden; display: none; }
.in_con2 dl:nth-child(1){ display: block; }
.in_con2 .qie{ margin-top: 34px; }
.in_con2 dd{ left: 60px; bottom: 36px; color: #fff; }
.in_con2 dd .sp_2{ margin-top: 16px; text-align: left; }

.in_con3{ width: 100%; height: 600px; background: url(../images/a_13.jpg) no-repeat center bottom; background-size:cover; }
.in_con3 .v1{ width:calc(100vw - 632px); color: #fff; margin:0 auto;position: absolute;
    top: 50%; left: 50%;transform: translate(-50%,-50%); }
.in_con3 .v1_2{ margin-top: 40px; }
.in_con3 a{ margin-top: 50px; padding:13px 22px;border-radius: 4px;background-color: #fff; display: inline-block; }
.in_con3 a:hover{  opacity: .5; }

.in_con4{ padding:80px 0; }
.in_con4 ul{ margin-top: 40px;}
.in_con4 ul li{ display: inline-block; padding:0 27px;}
.in_con4 ul li img{ width: 120px; height: 120px; }

.foot_a{ background-color: #f4f4f4;  border-top: 1px solid #e0e0e0; padding: 80px 128px 0 128px; width: 100%;}
.foot_a ul{ display: flex; justify-content: space-between; width: 100%; position: relative; left: 64px; }
.foot_a li span{ margin-bottom: 12px; }
.foot_a li a{ color: #626262; display: block; margin-top:12px;}
.foot_a .v1{ color: #626262; padding:32px 0 80px; border-top: #ddd 1px solid; margin-top: 60px; }


.auto{ width: calc(100vw - 256px);  margin:0 auto;}
.meau,.menu-button-target{ display: none; }	
@media screen and (min-width: 1201px) {
	.auto{ width:1200px; }
	
}

@media screen and (min-width: 1025px) {
	.head .sou:hover .sou_xl{ display: block; }
	.sou .v1 .im2{ display: none; }
}

@media screen and (max-width: 1024px) {
	body,html{ overflow-x:hidden;  }
	.auto{width:100vw;}
	.nav{ display: none; }
	.banner .sp_3,.banner .sp_2{ margin-top: 12px; }
	.swiper-button-next1,.swiper-button-prev1,.swiper-button-next2,.swiper-button-prev2{ display: none; }
	.in_con1,.in_con4{ padding:60px 0; }
	.in_con1 .v1{ margin-bottom: 30px; }
	.in_con2{ width: 100%; padding:40px 24px; }
	.in_con2 ul{ margin-top:15px; }
	.in_con2 ul li{ margin:0 15px; }
	.in_con2 .qie{ margin-top: 14px; }
	.in_con2 dd{ position:static; color: #000; margin-top: 24px; }
	.in_con2 dd .sp_2{ text-align: center; margin-top: 10px; }
	.in_con3 .v1{ width: 90%; }
	.in_con3 .v1_2{ font-size: 14px; }
	.in_con4 ul li{ padding:0 10px; margin-bottom: 15px; }
	.in_con4 ul li img{ width: 79px; height: 79px; }
	.foot_a{ padding:0; }
	.foot_a ul{ left: 0; display: block; }
	.foot_a ul li{ margin:0 24px; border-bottom: 1px solid #e0e0e0; }
	.foot_a ul li span{ line-height: 48px; margin-bottom: 0px; font-size: 14px; position: relative; }
	.foot_a ul li a{ line-height: 36px; padding:0 16px; margin-top:0; display: none; }
	.foot_a .v1{ border-top:none; padding:0 24px 24px 24px; color: #949494; line-height: 1.4;  margin-top: 20px;}
	.foot_a .v1 a{ color: #000; }
	.foot_a ul li span::after{ content:"+"; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); font-size: 20px;}
	.foot_a ul li.cur a{ display: block; }
	.foot_a ul li.cur span::after{ content:"x";}
	.in_con1 .v2{ padding:0 30px; }
	.in_con1 .swiper-container2 dl{ background: #f3f4f7; border-radius: 14px; padding:10px 0 20px 0;}
	.in_con1 .v2 .sp_3{ background: #000; color: #fff;  min-width: 102px;  padding: 8px; border-radius: 4px;
        border: 1px solid #000;  margin: 0 8px; display: inline-block; }
    .in_con1 .v2 .sp_3 img{ display: none; }
    .swiper-pagination2{ text-align: center; width: 100%; margin-top: 10px; }
    .swiper-pagination2 .swiper-pagination-bullet-active{ background: #000; }
    .swiper-pagination2 span{ margin:0 5px; }

    .menu-button-target{ background: transparent; border: none; outline: none; cursor: pointer; position: absolute; z-index:200; right:.3rem; height:.5rem; top:.2rem; margin-top:0rem; webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.menu-button-target.active .menu-button{ transition: background .2s ease; background-color: transparent;}
	.menu-button-target.active .menu-button:before, .menu-button-target.active .menu-button:after{ transition: top .3s ease, -webkit-transform .3s .2s ease;}
	.menu-button-target.active .menu-button:before{ top:0; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.menu-button-target.active .menu-button:after{ top:0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.menu-button{ position: relative; top: 0%; left: 0; display: block; width:.5rem; height:.03rem; background-color: #000;border-radius: 10px; transition: background .2s .2s;}
	.menu-button:before, .menu-button:after{ content: ""; display: block; position: absolute; width: 100%; height:.03rem; left: 0; background-color: #000; transition: top .3s .2s ease, -webkit-transform .3s ease; border-radius: 10px; -webkit-transform-origin: 50% 50%;}
	.menu-button:before{ top:-.15rem; -webkit-transform: rotate(0deg);}
	.menu-button:after{ top:.15rem; -webkit-transform: rotate(0deg);}

	.meau{ position: fixed; top: 50px; left: 0; width: 100%; background: #fff; height:  calc(100vh - 50px); z-index: 1000;
	 overflow-y: auto; display: none;}
	.meau a{ display: block;padding:16px 24px 16px 34px; display: none; background: #f4f4f4; }
	.meau span{ padding:20px 24px; }
	.meau span:after{  width: 8px; height: 8px;content: "";
        display: block; border: .02rem solid #494848; border-width: 0 .02rem .02rem 0; transform: rotate(45deg);
         position: absolute; top: 50%; right: 24px; margin-top: -.1rem;}
    .meau span:after{transform: rotate(45deg);-webkit-transition: all .3s ease;}
    .meau span,.meau a{ position: relative; }
    .meau li.cur span:after{transform: rotate(-135deg);}
    .meau li.cur a{ display: block; }
    .menu-button-target{ display: block; }	

    .sou{ margin-right: 1.1rem;}
    /* .sou>img{ margin-top: .15rem; } */
    .head .sou_xl{ left: -1px; }
    .sou .v1{ margin:0 .2rem; width: calc(100% - .4rem);}
    .sou input{ width: calc(100% - 80px);}
    .sou .v1 .im2{ top:30%; right: .2rem; position: absolute; }








	@media screen and (min-width: 320px) {html {font-size: 50px;}}
	@media screen and (min-width: 360px) {html {font-size: 56px;}}
	@media screen and (min-width: 400px) {html {font-size: 63px;}}
	@media screen and (min-width: 440px) {html {font-size: 69px;}}
	@media screen and (min-width: 480px) {html {font-size: 75px;}}
	@media screen and (min-width: 640px) {html {font-size: 100px;}}










	.font_16{ font-size: 14px; }
	.font_28{ font-size: 22px; }
	.font_34{ font-size: 28px; }
}