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


html { height:100vh;
  scrollbar-width: thin;
  scrollbar-color: #c80a14 #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	



.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ width: 100%;position:fixed; left:0;top:0; z-index:60;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.t_navs.act{ top:-1.1rem; }
.t_navs .top{ width: 100%;position:relative; z-index:60; padding:0 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height:1.04rem; }
.t_navs .logo{ float:left; line-height:0;}
.t_navs .logo a{ float:left;}
.t_navs .logo a img{ height:0.54rem;}
.t_navs .logo a .img1{display: block; }
.t_navs .logo a .img2{display: none; }
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-right:0.62rem;}
.t_navs .menu .nli:last-child{ margin-right:0.2rem;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:1.04rem; font-size:calc(14px + 0.04rem);color: #fff; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left:50%; bottom:0; height:2px; width:0; background:#fff; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.t_navs .menu .nli:hover span a i{display: block;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10;transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub .u1{ display: flex; flex-direction: column; white-space: nowrap; background: #fff; padding:15px 0; box-shadow:0 3px 6px rgba(0,0,0,0.05); }
.t_navs .sub .u1 .l1{ display:inline-flex;}
.t_navs .sub .u1 .l1 a{ display:inline-flex; color: #1a1a1a; line-height:1.6; font-size:calc(14px + 0.02rem); padding:6px 25px;}
.t_navs .sub .u1 .l1 a:hover{color: #c80a14; }


._Hlang{  display: flex;}
._Hlang a{ display: flex; align-items: center; color:#fff; font-size:calc(14px + 0.02rem); line-height:1.04rem; position: relative; margin-left: 0.3rem;}
._Hlang a:hover{ color:#fff;}
._Hlang a._Plan,
._Hlang a.global{ padding:0 22px 0 32px;}
._Hlang a._Plan:after,
._Hlang a.global:after{ display: block; content: ''; position: absolute; right:2px; top: 50%;transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; width:9px; height: 9px; margin-top: -1px;}
._Hlang a._Plan:before,
._Hlang a.global::before{ display: block; content: ''; position: absolute; left:0; top: 50%; transform: translate(0,-50%);-ms-transform: translate(0,-50%); width:22px; height: 22px;background-size: 22px 22px !important;}
._Hlang a._Plan:before{ background: url(img/pf9.png)  left center no-repeat; }
._Hlang a.global:before{ background: url(img/pf10.png)  left center no-repeat; }

.t_navs.bct .top{ background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.05);}
.t_navs.bct .logo a .img1{display: none; }
.t_navs.bct .logo a .img2{display: block; }
.t_navs.bct ._Hlang a{color: #1a1a1a;}
.t_navs.bct ._Hlang a:hover{color: #c80a14;}
.t_navs.bct ._Hlang a._Plan:after,
.t_navs.bct ._Hlang a.global:after{ border-right: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a;}
.t_navs.bct ._Hlang a._Plan:hover:after,
.t_navs.bct ._Hlang a.globalhover:after{ border-right: 1px solid #c80a14; border-bottom: 1px solid #c80a14;}
.t_navs.bct ._Hlang a._Plan:before{ background: url(img/pf9.1.png)  left center no-repeat; }
.t_navs.bct ._Hlang a.global:before{ background: url(img/pf10.1.png)  left center no-repeat; }

.t_navs.act .top{ background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.05);}
.t_navs.act .logo a .img1{display: none; }
.t_navs.act .logo a .img2{display: block; }
.t_navs.act ._Hlang a{color: #1a1a1a;}
.t_navs.act ._Hlang a:hover{color: #c80a14;}
.t_navs.act ._Hlang a._Plan:after,
.t_navs.act ._Hlang a.global:after{ border-right: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a;}
.t_navs.act ._Hlang a._Plan:hover:after,
.t_navs.act ._Hlang a.globalhover:after{ border-right: 1px solid #c80a14; border-bottom: 1px solid #c80a14;}
.t_navs.act ._Hlang a._Plan:before{ background: url(img/pf9.1.png)  left center no-repeat; }
.t_navs.act ._Hlang a.global:before{ background: url(img/pf10.1.png)  left center no-repeat; }
.t_navs.act .menu .nli span a{color: #1a1a1a}
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #c80a14;}
.t_navs.act .menu .nli span a::after{background: #c80a14;}

.t_navs:hover .top{ background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.05);}
.t_navs:hover .logo a .img1{display: none; }
.t_navs:hover .logo a .img2{display: block; }
.t_navs:hover ._Hlang a{color: #1a1a1a;}
.t_navs:hover ._Hlang a:hover{color: #c80a14;}
.t_navs:hover ._Hlang a._Plan:after,
.t_navs:hover ._Hlang a.global:after{ border-right: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a;}
.t_navs:hover ._Hlang a._Plan:hover:after,
.t_navs:hover ._Hlang a.globalhover:after{ border-right: 1px solid #c80a14; border-bottom: 1px solid #c80a14;}
.t_navs:hover ._Hlang a._Plan:before{ background: url(img/pf9.1.png)  left center no-repeat; }
.t_navs:hover ._Hlang a.global:before{ background: url(img/pf10.1.png)  left center no-repeat; }
.t_navs:hover .menu .nli span a{color: #1a1a1a}
.t_navs:hover .menu .nli.on span a,
.t_navs:hover .menu .nli:hover span a{color: #c80a14;}
.t_navs:hover .menu .nli span a::after{background: #c80a14;}


@media screen and (max-width:1024px) {
.t_navs.act{ top:0; }	
.t_navs .top{ height:50px; padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .logo a img{ width: auto; height:30px;}
._Hlang a{  font-size:14px; line-height:50px; margin:0 15px 0 0;}
._Hlang a._Plan,
._Hlang a.global{ padding:0 0 0 20px;}
._Hlang a._Plan:after,
._Hlang a.global:after{ display: none;}
._Hlang a._Plan:before,
._Hlang a.global::before{ width:16px; height: 16px;background-size: 16px 16px !important;}
}
@media screen and (max-width:413px) {
.t_navs .logo a img{ width: auto; height:28px;}
._Hlang a{  font-size:13px; margin:0 14px 0 0;}
}
@media screen and (max-width:374px) {
.t_navs .logo a img{ width: auto; height:22px;}
._Hlang a{  font-size:12px; margin:0 10px 0 0;}
._Hlang a._Plan,
._Hlang a.global{ padding:0 0 0 18px;}
._Hlang a._Plan:before,
._Hlang a.global::before{ width:14px; height: 14px;background-size: 14px 14px !important;}
}


.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


.t_navs:hover .menuph .navbtn,
.t_navs:hover .menuph .navbtn::after,
.t_navs:hover .menuph .navbtn::before { background: #c80a14;}

.t_navs.act .menuph .navbtn,
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #c80a14;}

.t_navs.bct .menuph .navbtn,
.t_navs.bct .menuph .navbtn::after,
.t_navs.bct .menuph .navbtn::before { background: #c80a14;}



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

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:10px 15px 80px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #1a1a1a; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #c80a14;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #1a1a1a;  border-right:1px solid #1a1a1a;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #c80a14;  border-right:1px solid #c80a14;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #666666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#c80a14;}
.xialaph .u3{width: 100%;padding:10px 0 2px 5px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #333333;line-height:24px; position: relative; padding-left:16px;}
.xialaph .u3 .l3 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #e64916; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg);}


.form1{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.form1 .lab{ width:46.66%; position:relative; display: flex; margin-top: 0.29rem;}
.form1 .line{ border-bottom: 1px solid #e1dddd;}
.form1 .line:hover{ border-bottom: 1px solid #c80a14;}
.form1 .lab1{display: block;width: 100%; color: #ababab;font-size:14px; line-height:24px; margin-top: 0.29rem;}
.form1 .lab1 span{ color: #ff2525;}
.form1 .w100{ width:100%;}
.form1 .wrap{ flex-wrap: wrap;}
.form1 .name{color: #666;font-size:0.18rem; line-height:0.58rem; white-space: nowrap;}
.form1 .name span{ color: #ff2525;}
.form1 .text{ float: left; width: 100%; color: #333333;font-size:0.16rem; line-height:0.58rem; height:0.58rem; padding:0 0.15rem;  }
.form1 .text1{ width: 1.3rem; color: #333333;font-size:0.16rem; padding: 0 0 0 0.1rem; border-bottom: 1px solid #dddddd;}
.form1 .submit{display: flex; justify-content: center; align-items: center; width: 100%; color: #fff;font-size:0.18rem; line-height:1; height:0.54rem; background: #c80a14; border-radius:10px; border:1px solid #c80a14; padding-bottom: 1px; margin-top:0.04rem;  background-position:right bottom;
 transition:all .5s ease;}
.form1 .submit:hover{ color: #c80a14; background:linear-gradient(to left,transparent 50%,#fff 50%);
  background-size:200% 100%; background-position:left bottom;}
.form1 .dl{ display: flex; flex-wrap: wrap;width:calc(100% + 0.2rem); margin-right:-0.2rem; padding:0 0 0.22rem 0;}
.form1 .dl1{ margin-bottom: -0.1rem; padding:0 !important;}
.form1 .dl dd{ text-transform: uppercase; display: flex; flex-wrap: wrap; color: #666666;font-size:0.16rem; line-height:0.33rem; padding-left: 0.24rem; position: relative; min-width:0.76rem; margin-right:0.2rem; cursor: pointer;  background: url(img/dui2.png) left 52% no-repeat;  background-size: auto 0.16rem !important;}
.form1 .dl dd.on{ background: url(img/dui3.png) left 52% no-repeat;  }
.form1 .yangzhengma{ float: right; height: 0.58rem; min-width:100px;width:100px; }

.form1 input::placeholder{ color:#666; opacity:1 !important;}

@media screen and (max-width:1600px) {
.form1 .lab{ margin-top: 0.2rem;}
.form1 .lab1{ margin-top: 0.2rem;}
.form1 .dl{ padding:0 0 0.14rem 0;}
}
@media screen and (max-width:1440px) {
.form1 .lab{ margin-top: 0.14rem;}
.form1 .lab1{ margin-top: 0.14rem;}
.form1 .dl{ padding:0 0 0.14rem 0;}
}
@media screen and (max-width:1024px) {
.form1 .lab{ margin-top:8px;}
.form1 .lab1{ margin-top: 14px;}
.form1 .name{ font-size:14px; line-height:40px;}
.form1 .text{font-size:14px; line-height:30px; height:40px; padding:5px 14px;}
.form1 .dl{width:calc(100% + 14px); margin-right:-14px; padding:0 0 15px 0;}
.form1 .dl dd{font-size:13px; line-height:28px; padding-left:19px;  background-size: auto 14px !important;  min-width:63px; margin-right:12px;}
.form1 .dl1{ margin-bottom: -5px;}
.form1 .submit{font-size:14px;line-height: 40px; height: 40px; margin: 0; padding-bottom: 2px;}
.form1 .yangzhengma{height:calc(30px + 0.16rem);min-width:inherit;width:auto;}
.form1 .text1{width:3rem; font-size: calc(12px + 0.02rem);}
}


/* PlanBox */
.PlanBox{float: left; width: 100%; height:100%; background:#fff; background-size:100% auto; z-index:60; position: fixed; left: 0; top:0; clip-path: ellipse(0 0 at 100% 0);  transition: all .5s;}
.PlanBox.active { clip-path: ellipse(141% 141% at 100% 0);}  
.PlanBox .bg{ position: absolute; left:0; top:0; z-index: 6; display: block; width:50%; height:100%; z-index: 1; }
.PlanBox .colse{ position: absolute; right: 0.48rem; top: 0.4rem; z-index:20; display: block; width:28px; height:28px; transform:rotate(45deg); -ms-transform:rotate(45deg); cursor: pointer;-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;  }
.PlanBox .colse:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); }
.PlanBox .colse::after,
.PlanBox .colse::before{ display: block; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: #c80a14; width: 100%; height: 2px;}
.PlanBox .colse::before{ height: 100%; width: 2px;}
.PlanBox .box{ display: flex; flex-wrap: wrap; justify-content:space-between; align-content: center; height:100vh; width: 100%; padding-top: 0.4rem ; padding-bottom: 0.3rem;}
.PlanBox .left{display: flex; flex-wrap: wrap;width: 50%; align-content:center; padding: 0.5rem 0.5rem 0.5rem 0;}
.PlanBox .left .cont{ display: flex; flex-direction: column; justify-content:center; align-items: center;}
.PlanBox .left .title{ display: inline-flex; color: #fff;font-size:0.7rem; line-height:0.8rem; font-weight: bold;font-family: 'NotoSans-Bold';}
.PlanBox .left .p{ display: inline-flex; color: #fff;font-size: 0.3rem;line-height: 0.4rem;margin-top:0.4rem;}
.PlanBox .left .addr{ display: inline-flex; color: #fff;font-size: 0.28rem;line-height: 0.54rem; font-weight: bold;margin-top:0.85rem;}
.PlanBox .left .er{ display: inline-flex; flex-direction: column; justify-content: center; align-items: center; color: #fff;font-size: 0.18rem;line-height: 0.28rem; margin-top:0.92rem;}
.PlanBox .left .er img{ width:1.34rem;height:1.34rem; margin-bottom: 0.13rem;}
.PlanBox .right{display: flex; flex-wrap: wrap;width: 50%; align-content: flex-start; padding: 0.5rem 0 0.5rem 0.5rem;}
.PlanBox .right .title{display: block; width: 100%; color: #333333;font-size:0.36rem; line-height:0.52rem; font-weight: bold;}
.PlanBox .form1{ margin-top:0.12rem;}

@media screen and (max-width:1600px) {
.PlanBox .left .title{font-size:0.64rem; line-height:0.74rem;}	
.PlanBox .left .p{font-size: 0.26rem;line-height: 0.4rem;margin-top:0.3rem;}	
.PlanBox .left .addr{font-size: 0.24rem;line-height: 0.44rem; margin-top:0.75rem;}
.PlanBox .left .er{margin-top:0.82rem;}
.PlanBox .right .title{font-size:0.3rem; line-height:0.4rem;}	

}
@media screen and (max-width:1440px) {

}
@media screen and (max-width:1024px) {
.PlanBox .left .li{ margin-top:15px;}
.PlanBox .left .addr{ font-size:16px; line-height:26px;}
.PlanBox .left .er{ font-size:14px; line-height:24px; }
.PlanBox .left .er img{ width:100px;height:100px;}
.PlanBox .left .p{ font-size:18px; line-height:28px;}
.PlanBox .right .title{ font-size:20px; line-height:30px;}
.PlanBox .colse{right:20px; top:20px; width:24px; height:24px; }	
}
@media screen and (max-width:767px) {
.PlanBox .bg{ display: none; }	
.PlanBox .left{ display: none;}
.PlanBox .right{ width: 100%; padding:0;}
.PlanBox .form1{ margin-top:6px;}
}

/* globalD */
.globalD{ float: left; width: 100%; height:100%; background:url(img/top22.jpg) no-repeat #fff; background-position: center top; background-size:100% auto; z-index:60; position: fixed; left: 0; top:0;  clip-path: ellipse(0 0 at 100% 0);  transition: all .5s;}
.globalD.active { clip-path: ellipse(141% 141% at 100% 0);}  
.globalD .colse{ position: absolute; right: 0.48rem; top: 0.4rem; z-index:20; display: block; width:28px; height:28px; transform:rotate(45deg); -ms-transform:rotate(45deg); cursor: pointer;-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;  }
.globalD .colse:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); }
.globalD .colse::after,
.globalD .colse::before{ display: block; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: #c80a14; width: 100%; height: 2px;}
.globalD .colse::before{ height: 100%; width: 2px;}
.globalD .box{ display: flex; flex-wrap: wrap; justify-content:space-between; align-content: center; height:100vh; width: 100%; padding-top: 0.4rem ; padding-bottom: 0.3rem;}
.globalD .left{ display: flex; flex-wrap: wrap;width: 46%; align-content: flex-start;}
.globalD .left .title{display: block; width: 100%; color: #333333;font-size:0.36rem; line-height:0.52rem; font-weight: bold;}
.globalD .left .ul{display: block; width: 100%; padding-top: 0.15rem; }
.globalD .left .li{display: block; width: 100%; margin-top: 0.38rem; }
.globalD .left .tit{ display: block;width: 100%; color: #c80a14;font-size:0.24rem; line-height:0.44rem; font-weight: bold; }
.globalD .left .p{display: block; width: 100%; color: #333333;font-size:0.16rem; line-height:0.26rem; margin-top:0.12rem;}

.globalD .right{ display: flex; flex-wrap: wrap; width: 46.875%; align-content: flex-start;}
.globalD .right .title{display: block; width: 100%; color: #333333;font-size:0.36rem; line-height:0.52rem; font-weight: bold;}
.globalD .form1{ margin-top:-0.05rem;}

@media screen and (max-width:1600px) {
.globalD .left .title{font-size:0.3rem; line-height:0.4rem;}		
.globalD .left .li{ margin-top: 0.28rem; }	
.globalD .left .p{ margin-top:0.1rem;}
.globalD .right .title{font-size:0.3rem; line-height:0.4rem;}	
}
@media screen and (max-width:1440px) {
.globalD .left .li{ margin-top: 0.2rem; }	
.globalD .left .p{ margin-top:0.08rem;}
}
@media screen and (max-width:1024px) {
.globalD{ background-position: center center;}	
.globalD .left .li{ margin-top:15px;}
.globalD .left .tit{ font-size:16px; line-height:26px;}
.globalD .left .p{ font-size:14px; line-height:24px; margin-top: 5px;}
.globalD .left .title{ font-size:20px; line-height:30px;}
.globalD .right{ width: 51%;}
.globalD .right .title{ font-size:20px; line-height:30px;}
.globalD .colse{right:20px; top:20px; width:24px; height:24px; }	
.globalD .form1{ margin-top:0;}
}
@media screen and (max-width:767px) {
.globalD .left{ display: none;}
.globalD .right{ width: 100%; padding:0;}
}



@keyframes slideIn{0%{transform:translateX(60%); z-index: 6;}
100%{transform:translateX(0); z-index: 6;}
}
@keyframes slideOut{0%{transform:translateX(-30%);z-index: 5;}
100%{transform:translateX(0);z-index: 5;}
}
@keyframes slideIn1{0%{transform:translateX(0);z-index: 5;}
100%{transform:translateX(60%);z-index: 5;}
}
@keyframes slideOut1{0%{transform:translateX(0%); z-index: 6;}
100%{transform:translateX(-30%); z-index: 6;}
}

.pouBg{ display:none;  width: 100%; height:100%; background:rgba(0,0,0,0.4); z-index:60; position: fixed; left: 0; top:0; }
/* zxzz_pou */
.zxzz_pou{  display:flex;  justify-content: center; align-items: center; z-index:66; position: fixed; left:0; top:-100%; width:100%; height:100vh;  transition: all .5s ease;}
.zxzz_pou.on{ top:0; }
.zxzz_pou .box{ display:flex; flex-wrap: wrap; justify-content: space-between; width:11.55rem; border-radius:0.2rem; z-index:66; position: relative; 
transform: translateY(-100vh);
  transition: all .5s ease;}
.zxzz_pou.on .box{  transform: translate(0);}
.zxzz_pou .colse{ position: absolute; right: 0.23rem; top: 0.2rem; z-index: 10; display: block; width:26px; height:26px; transform:rotate(45deg); -ms-transform:rotate(45deg); cursor: pointer;
-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;  }
.zxzz_pou .colse:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); }
.zxzz_pou .colse::after,
.zxzz_pou .colse::before{ display: block; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: #cbcbcb; width: 100%; height: 2px;}
.zxzz_pou .colse::before{ height: 100%; width: 2px;}
.zxzz_pou .right{ position: relative; display:flex; flex-wrap: wrap; align-content: flex-start; border-radius:0.2rem; background:#fff; width:calc(62.3% + 0.4rem); margin-left: -0.4rem; padding:0.16rem 0.4rem 0.47rem 0.8rem;transform: translateX(-30%);
  animation: slideOut1 2s linear forwards; }
.zxzz_pou.on .right{  animation: slideOut .2s linear 0.6s forwards;}
.zxzz_pou .left{ position: relative; display:flex; flex-wrap: wrap; align-content: flex-start; width:37.7%; border-radius:0.2rem;  padding:0.5rem 0.4rem 0.5rem 0.4rem; transform: translateX(60%);
  animation: slideIn1 2s linear forwards;}
.zxzz_pou.on .left{  animation: slideIn .2s linear 0.6s forwards;}
.zxzz_pou .left .title{ display:flex; flex-wrap: wrap; width:100%;color: #fff;font-size:0.32rem; line-height:0.42rem; font-weight: bold;font-family: 'NotoSans-Bold';}
.zxzz_pou .left .p{ display:flex; flex-wrap: wrap; width:100%; color: #fff;font-size: 0.2rem;line-height: 0.3rem;margin-top:0.12rem; }
.zxzz_pou .left .line{display:flex; flex-wrap: wrap; width:100%; margin: 0.46rem 0 0.14rem 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
.zxzz_pou .left .addr{display:block; width:100%; color: #fff;font-size: 0.2rem;line-height: 0.3rem; margin-top:0.22rem;}
.zxzz_pou .left .addr .s{ display: block; font-size: 0.16rem;line-height: 0.26rem; opacity:0.7;}
.zxzz_pou .left .er{ display: inline-flex; align-items: center; color: #fff;font-size: 0.16rem;line-height: 0.28rem; margin-top:0.43rem;}
.zxzz_pou .left .er img{ width:1.03rem;height:1.03rem; margin-right: 0.2rem;}



@media screen and (min-width:1024px) {
.zxzz_pou .form1 .lab{ margin-top:8px !important;}
.zxzz_pou .form1 .lab1{ margin-top:14px !important;}
.zxzz_pou .form1 .dl{  width: calc(100% + 0.4rem);  margin-top: -0.06rem;  margin-right: -0.4rem;  padding: 0 0 0.14rem 0;}
.zxzz_pou .form1 .dl dd{ line-height:0.28rem;}	
}
@media screen and (max-width:1024px) {
.zxzz_pou .box{ width:92%; border-radius:10px;}
.zxzz_pou .left{ padding:35px 15px;transform: translateX(0);  animation: none;}
.zxzz_pou.on .left{  animation: none;}
.zxzz_pou .left .li{ margin-top:15px;}
.zxzz_pou .left .addr{ font-size:16px; line-height:26px;}
.zxzz_pou .left .addr .s{font-size:14px; line-height:24px; }
.zxzz_pou .left .er{ font-size:14px; line-height:24px; }
.zxzz_pou .left .er img{ width:100px;height:100px; margin-right: 14px;}
.zxzz_pou .left .p{ font-size:14px; line-height:24px;}
.zxzz_pou .left .title{ font-size:20px; line-height:30px;}
.zxzz_pou .colse{right:12px; top:12px; width:22px; height:22px; }	
.zxzz_pou .right{ padding:15px 15px 30px 15px;transform: translateX(0);  animation: none;margin-left:0;}
.zxzz_pou.on .right{  animation: none;}
}
@media screen and (max-width:767px) {
.zxzz_pou .left{ display: none;}
.zxzz_pou .right{ width: 100%;}
}




/* succ_pou */
.succ_pou{ display:none; width:410px; z-index:66; position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.succ_pou .box{ display:flex; flex-wrap: wrap; justify-content:center; width:100%; border-radius:0.2rem; background:#fff; z-index:66; position: relative; text-align: center; padding:0 44px 44px 44px; }
.succ_pou .title{ display:block; width:100%;color: #333;font-size:0.32rem; line-height:0.42rem; font-weight: bold;font-family: 'NotoSans-Bold';margin-top:27px; }
.succ_pou .pic{ display: block; width:100%; line-height:0;}
.succ_pou .pic img{ height:117px; position: relative; top:0; margin-top: -60px;}
.succ_pou .p{ display:block; width:100%; color: #666;font-size:calc(14px + 0.02rem);line-height:calc(22px + 0.04rem);margin-top:16px; }
.succ_pou .btn{ cursor: pointer; display:flex; align-items: center; justify-content: center; padding-bottom: 1px; background:#c80a14; border:1px solid #c80a14; width:180px; border-radius: 48px; color: #fff;font-size:calc(14px + 0.04rem);line-height:1; height:48px; margin-top:33px; }
.succ_pou .btn:hover{background:none; color: #c80a14;}

@media screen and (max-width:1024px) {
.succ_pou .box{ border-radius:10px; padding:0 15px 24px 15px;}
.succ_pou .title{font-size:18px; line-height:28px;margin-top:14px; }
.succ_pou .pic img{ height:60px;  margin-top: -30px;}
.succ_pou .p{font-size:14px; line-height:24px;margin-top:8px; }
.succ_pou .btn{ padding-bottom: 2px; width:122px; border-radius:34px;font-size:14px; height:34px; margin-top:16px; }
}
@media screen and (max-width:767px) {
.succ_pou{ width:320px;}

}





/* footer1 */
.footer1{ overflow: hidden;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:24px 0; position: relative; z-index: 6; border-top:1px solid #efefef;}
.footer1 .Copyright{ display:block; color:rgba(102,102,102,0.57); font-size:14px; line-height:24px;}
.footer1 .Copyright a{color:rgba(102,102,102,0.57);}
.footer1 .Copyright a:hover{color:#c80a14;}
.footer1 .sjkf{ display: inline-flex;color:rgba(102,102,102,0.57);font-size:14px; line-height:24px;}
.footer1 .sjkf i{color:#e9e9e9; padding:0 8px; font-size:12px;}
.footer1 .sjkf a{color:rgba(102,102,102,0.57); }
.footer1 .sjkf a:hover{ color:#c80a14;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right:17px; background: url(img/img204.png) right center no-repeat; background-size:10px auto !important; }
.footer1 .sjkf .links:hover span{ color: #c80a14; }
.footer1 .sjkf .donw{ display: none; width: 150px; position: absolute; right: 0; bottom:100%; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 264px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:1px 5px; text-align:center; }
.footer1 .sjkf .donw  a:hover{ color:#c80a14;}
.footer1 .nav{ display: flex; flex-wrap: wrap; align-items: flex-start; width:32.3%;padding:0.76rem 0 0.58rem 7%; border-right:1px solid #efefef; }
.footer1 .nav .u1{ display: flex; flex-wrap: wrap; position: relative; width:1.58rem;}
.footer1 .nav .u2{ display: flex; flex-direction: column; white-space: nowrap; opacity:0;  position:absolute; left:100%; top: 50%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);}
.footer1 .nav .li{ display: flex; flex-wrap: wrap;width:100%; cursor: pointer; position:relative; }
.footer1 .nav .li:hover .u2{ opacity:1;}
.footer1 .nav .a1{ display:inline-flex; position: relative; color: #333; font-size:0.32rem; line-height:0.46rem; padding:0.1rem 0; margin-bottom:0.1rem;}
.footer1 .nav .a1::after{ content:''; position: absolute; left:0; bottom: 0; width:0; height:1px; background: #c80a14; }
.footer1 .nav .a1:hover{color:#c80a14;}
.footer1 .nav .a1:hover::after{ width:100%;}
.footer1 .nav .a2{ display:inline-flex; color: #8e8e8e; font-size:0.2rem; line-height:0.43rem;}
.footer1 .nav .a2:hover{color:#c80a14;}
.footer1 .top{ display:flex; flex-wrap: wrap;width:100%;}
.footer1 .logo{ display:block; width: 100%; line-height:0;}
.footer1 .logo img{ height:54px;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; align-items: flex-start; width:27.5%; padding:0.94rem 0.6rem 0.58rem 0; border-right:1px solid #efefef; }
.footer1 .sect1{display:block; width:100%; margin-top:0.25rem; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.16rem);}
.footer1 .er{ display:flex; flex-wrap: wrap; align-items: center; width:100%; margin:18px 0 0 0;}
.footer1 .er i{ display:block; width:81px; line-height: 0; margin-right: 15px;}
.footer1 .er span{ display:flex; color:#666; font-size:14px; line-height:28px;}
.footer1 .adrr{display:flex; flex-wrap: wrap; width: 100%; margin-top:0.46rem;}
.footer1 .adrr .li{display:flex; margin-right:0.3rem;}
.footer1 .adrr .li:last-child{ margin-right:0 !important;}
.footer1 .adrr .li .a{display:flex; align-items: center;}
.footer1 .adrr .li .ico{ width:32px; min-width:32px; display: block; line-height:0; margin-right:10px;}
.footer1 .adrr .li .ico img{ width:100%;}
.footer1 .adrr .li .s{ color:#666;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .adrr .li:hover .s{ color:#c80a14;}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; align-content: space-between; width:40.2%; padding:0.81rem 0 0.57rem 8%; }
.footer1 .info{display: block; width: 100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .input{ display: flex; width:100%; position: relative; margin-top: 12px;}
.footer1 .input .text{ display: flex; width:100%; border-radius: 8px 40px 40px 8px; border:1px solid #ebebeb; color:#666; font-size:14px; line-height: 28px;height:40px; padding:5px 140px 5px 17px; }
.footer1 .input .button{ justify-content: center; align-items: center; position: absolute; right:0; top:0; z-index: 6; background: #c80a14; display: flex; width:122px; border-radius: 40px; border:1px solid #c80a14; color:#fff; font-size:calc(14px + 0.02rem); line-height: 1;height:40px; padding:0 0 1px 0;  background-position:right bottom;
 transition:all .5s ease;}
.footer1 .input .button:hover{ background: #fff; color:#c80a14; background:linear-gradient(to left,transparent 50%,#fff 50%);
  background-size:200% 100%; background-position:left bottom;}
.footer1 .input input::placeholder{ color:#bababa; opacity:1 !important;}
.footer1 .comt{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; }
.footer1 .comt .imfo{display: block; width: 65%; }
.footer1 .comt .pic{display: block; width: 29.2%; line-height:0; border:1px solid #edeff0; overflow: hidden; box-shadow:0.15rem 0.15rem 0.3rem rgba(0,0,0,0.2); }
.footer1 .comt .pic:hover{ transform: translateY(-0.2rem); -ms-transform: translateY(-0.2rem); }
.footer1 .comt .tit1{ color: #333; font-size:0.28rem; line-height:0.38rem; font-weight: bold;}
.footer1 .comt .tit2{ color: #8f8e8e; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.15rem; }
.footer1 .comt .tit3{ justify-content: center; align-items: center; background: #c80a14; display: flex; width:124px; border-radius: 40px; border:1px solid #c80a14; color:#fff; font-size:calc(14px + 0.02rem); line-height: 1;height:40px; padding:0 0 1px 0; margin-top:0.62rem;  background-position:right bottom;
 transition:all .5s ease;}
.footer1 .comt:hover .tit3{ color:#c80a14; background:linear-gradient(to left,transparent 50%,#fff 50%);
  background-size:200% 100%; background-position:left bottom;}

@media (max-width:1440px){
.footer1 .nav{ padding:0.76rem 0 0.58rem 5.6%;  }
.footer1 .left{width:31.5%;  padding: 0.94rem 0.5rem 0.58rem 0;}
.footer1 .right{width:36.2%; padding:0.81rem 0 0.57rem 0.7rem; }
}
@media (max-width: 1024px){
.footer1 .down{ justify-content: center; padding:20px 0;}
.footer1 .sjkf{ margin-top: 2px;}	
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .nav{ display:none;}
.footer1 .logo img{height:30px;}
.footer1 .top{ justify-content: space-between;}
.footer1 .left{ width:45%; padding:30px 0;}
.footer1 .right{width:48%; padding:30px 0; }
.footer1 .sect1{ font-size:14px; line-height:26px; margin-top:15px;}
.footer1 .adrr{ margin-top:25px;}
.footer1 .adrr .li{ margin-right: 20px;}
.footer1 .comt .tit1{ font-size:18px; line-height:28px;}
.footer1 .comt .tit2{ font-size:14px; line-height:24px; margin-top:10px;}
.footer1 .comt .tit3{  width:100px; border-radius: 34px; font-size:14px; height:34px; margin-top:25px; }
.footer1 .comt .pic:hover{ transform: translateY(0); -ms-transform: translateY(0); }
.footer1 .info{ font-size:14px; line-height:24px;}
.footer1 .input .text{border-radius: 8px 34px 34px 8px; line-height:24px;height:34px; padding:4px 115px 4px 12px; }
.footer1 .input .button{  width:100px; border-radius: 34px; font-size:14px; height:34px;}
}
@media (max-width: 767px){
.footer1 .left{ width:100%; position: relative; border-right:0;  border-bottom: 1px solid #efefef;}
.footer1 .right{width:100%;}
.footer1 .comt{ margin-bottom:15px;}
.footer1 .sect1{ padding-right:88px;}
.footer1 .er{ width: auto; position: absolute; right:0; top:57px;}
.footer1 .er span{ display: none;}
.footer1 .er i{ margin:0;}
}


.dialog{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999999;
}
.dialog .msgBox{
	text-align: center;
	width: 14.9rem;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #FFF;
	box-shadow: 0 0 .1rem 0 #E6E6E6;
	box-sizing: border-box;
	border-radius: .1rem;
}
.dialog .msgBox img{
	display: block;
	margin: 0 auto;
	width: 2rem;
	margin-top: 1.49rem;
	margin-bottom: 0.85rem;
}
.dialog .msgBox .h2{
	font-size: 0.85rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	margin-bottom: 1.15rem;
}
.dialog .msgBox p{
	font-size: 0.72rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	margin-top:0.42rem;
}
.dialog .msgBox .h4{
	font-size: 0.72rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #c80a14;
	/* letter-spacing: 50px; */
	border-top: 1px solid #E5E5E5;
	line-height: 2.1rem;
	margin-top: 1.91rem;
}
#closeBook {
	width: .25rem;
	height: .25rem;
	background: rgba(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	right: -.125rem;
	top: -.125rem;
	font-size: 0.125rem;
	text-align: center;
	line-height: .25rem;
}



/* _Right */
._Right{ float: right; position: fixed; right: 0.3rem; bottom:10vh; z-index: 23; width: 0.61rem;}
._Right .li{ float: left; width:100%;position: relative; margin: 0.07rem 0;}
._Right .li .la{ width:100%; border-radius:0.61rem; min-height:0.61rem; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;background:#c80a14; color: #fff; font-size: 0.18rem; line-height: 0.24rem; text-align:center; box-shadow:0 0 13px rgba(0,0,0,0.1); }
._Right .li.lianxi .la{ padding:0.26rem 0;}
._Right .li._renter .la{background:#fff; color: #c80a14;}
._Right .li._renter .la .img1{display:block; }
._Right .li._renter .la .img2{display:none; }
._Right .li._renter:hover .la .img2{display:block; }
._Right .li._renter:hover .la .img1{display:none; }
._Right .li._renter:hover .la{background:#c80a14; color: #fff;}
._Right .li .la span{ width: 100%; margin-top: 0.14rem;}
._Right .li .la img{ width: 0.32rem; height: 0.32rem;}
._Right .box{ position:absolute; right:100%; bottom:-0.75rem;/* transform:translate(0,-100%) scale(0); -ms-transform:translate(0,-100%) scale(0); */ width:4.06rem; padding: 0 0.31rem 0 0;-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:80% 80%;
	-moz-transform-origin:80% 80%;
	-ms-transform-origin:80% 80%;
	-o-transform-origin:80% 80%;
	transform-origin:80% 80%;
	-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);}
._Right .box .dl{ float: left; width: 100%; background: #fff; padding: 0.24rem 0.4rem 0.3rem 0.4rem; border-radius:5px; box-shadow:0 0 13px rgba(0,0,0,0.1);}
._Right .box .dd{ float: left; width: 100%; position: relative; border-bottom: 1px solid #efefef; padding: 0.27rem 0 0.27rem 0.37rem;}
._Right .box .dd:last-child{ border-bottom: none;}
._Right .box .ino{ display:block;  position: absolute; left:0; top:0.32rem; width: 0.24rem; height: 0.24rem;}
._Right .box .tit{ display:block; width: 100%; color: #666666; font-size: 0.18rem; line-height: 0.24rem;}
._Right .box .p{  display:block; width: 100%; color: #030608; font-size: 0.18rem; line-height: 0.24rem;}
._Right .box .p a{ display: inline-flex; color: #030608; align-items: center;}
._Right .box .er{ margin:0 0.12rem 0 0; line-height: 0; width:0.81rem; min-width:0.81rem;}
._Right .box .dd1{ display: flex; align-items: center; padding-left:0 !important;}
._Right .box .dd1 .tit{ color: #666666;}
._Right .box .dd1 .p1{ display: block; color: #666666; font-size:14px; line-height:20px; margin-top: 0.14rem;}
._Right .li:hover .box{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);}

@media screen and (max-width:1800px) {
._Right{ right: 0.1rem; }
}
@media screen and (max-width:1024px) {
._Right{ display: none !important;}
}	
	
.wap_hei{ width: 100%; height:52px; display:none; }	
.pf_down{ display:none;background:#fff; position: fixed; left: 0; bottom: 0; z-index:12; width: 100%; box-shadow:0 0 13px rgba(0,0,0,0.1);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.pf_down ul{ width: 100%; display: inline-flex; flex-wrap: wrap;}
.pf_down ul li{ width: 25%; text-align: center;}
.pf_down ul li a{ width: 100%; color: #030608; font-size:12px; line-height:16px; display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding:8px 0; }
.pf_down ul li a img{ width:18px; height: 18px;}
.pf_down ul li a span{ margin-top: 2px;}
.pf_down ul li a .img1{display:block; }
.pf_down ul li a .img2{display:none; }
.pf_down ul li a:hover .img2{display:block; }
.pf_down ul li a:hover .img1{display:none; }
.pf_down ul li a:hover{background:#c80a14; color: #fff;}

.pf_down ul li:nth-child(4){display:none;}

@media screen and (max-width:767px) {
.pf_down{ display:block;}
.wap_hei{ display:block; }	


}




.index-banner .swiper-notification{display:none;}
.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .ph_show1{ width:100%;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:40%; z-index: 6; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%);}
.index-banner .box .pic{ display: block; width:56.75%;}
.index-banner .box .cont{ display:block; width:100%;}
.index-banner .box .tit0{ display: block; width:100%; color: #fff; font-weight: bold; font-size:0.66rem; line-height:0.76rem;font-family: 'NotoSans-Bold'; text-transform: uppercase;}
.index-banner .box .tit1{ display: flex; flex-wrap: wrap; align-items: center; width:100%; color: #fff; font-weight: bold; font-size:0.77rem; line-height:0.87rem;font-family: 'NotoSans-Bold';}
.index-banner .box .tit1 .i{ display:inline-flex; width:0.1rem; height: 0.1rem; background: #fff; border-radius: 50%; margin:0 0.25rem;}
.index-banner .box .tit2{ display: flex; flex-wrap: wrap;align-items: center; width:100%; color: #fff; font-size:0.3rem; line-height:0.4rem; margin-top: 0.36rem;}
.index-banner .box .tit2 .s{ background: #c80a14; border-radius:0.2rem; margin:0 0.12rem; padding:0 0.16rem 0.02rem 0.16rem; font-size:0.29rem; line-height:0.39rem;}
.index-banner .box .tit4{ display: block; width:100%; color: #fff; font-size:0.3rem; line-height:0.47rem; margin-top: 0.36rem;}
.index-banner .box .tit3{ display: inline-flex; color: #fff; font-size:0.3rem; line-height:0.41rem; margin-top: 0.4rem; padding:0.1rem 0.58rem 0.1rem 0.29rem; border-radius:0.32rem 0.32rem 0.32rem 0; background: url(img/bg1.png) center no-repeat; background-size:100% 100% !important;}
.index-banner .box .tit5{ display: inline-flex; color: #fff; font-size:0.46rem; line-height:0.54rem; margin-bottom: 0.12rem; padding:0.1rem 0.39rem 0.1rem 0.24rem; border-radius:0.37rem 0.37rem 0.37rem 0; background: url(img/bg2.png) center no-repeat; background-size:100% 100% !important;font-weight: bold; font-family: 'NotoSans-Bold'; position: relative; top:0; margin-top:-0.6rem; }
.index-banner .box ._btn{ margin-top: 1.4rem;display:flex;flex-wrap: wrap; width:100%;}
.index-banner .box ._btn .a{display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1;  white-space: nowrap; position: relative;}
.index-banner .box ._btn .a::after{ display: block; content: ''; position: absolute; right:0; top: 0;width:0.51rem; height:0.51rem; background: #c80a14; border-radius:0.51rem; }
.index-banner .box ._btn .a span{ position: relative; z-index: 6;}
.index-banner .box ._btn .a i{ position: relative; z-index: 6; border-radius: 50%; display: block; width:0.51rem; height:0.51rem; margin-left:0.15rem; background: url(img/right2.png) center no-repeat; background-size:0.16rem auto !important;}
.index-banner .box ._btn .a:hover{ padding:0 0.1rem 0 0.27rem; }
.index-banner .box ._btn .a:hover::after{width:100% !important;}
.index-banner .box ._btn .a:hover i{  margin-left:0 !important; }
.index-banner .box ._btn1{ margin-top:0.86rem;}

.index-banner .swiper-pagination{ cursor: pointer; display:inline-flex;position: absolute;left:50%; margin-left: -800px; bottom:1.75rem; z-index: 10; justify-content: center;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:10px; width:10px; height:10px; margin:0 16px 0 0; display:block; border: 1px solid #c2c2c2; }
.index-banner .swiper-pagination-bullet-active{ width:0.32rem; background: #c80a14;  border: 1px solid #c80a14;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:48px; height:48px; border:1px solid #fff; border-radius: 10px; display:block;position: absolute;right:50%; bottom:1.68rem; z-index: 10; background: url(img/right5.png) center no-repeat; background-size:auto 18px !important; }
.index-banner .swiper-prev{ margin-right:-725px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/right5.png) center no-repeat #c80a14;  border:1px solid #c80a14;}
.index-banner .swiper-num{display:inline-flex; align-items:flex-end; position: absolute;right:50%; margin-right: -640px; bottom:1.68rem; z-index: 10; color: #fff; padding-right: 1.79rem; white-space: normal; }
.index-banner .swiper-num::after{ display: block; content: ''; position: absolute; right:0;bottom:9px; width:1.54rem; height: 1px; background: #fff; opacity:0.2;}
.index-banner .swiper-pagination-current{ font-size:30px;line-height:30px;}
.index-banner .swiper-pagination-total{ font-size:17px;line-height:17px; margin-left: 18px; position: relative;}
.index-banner .swiper-pagination-total::after{ display: flex; content: ''; opacity:0.2; background: #fff; width:1px; height: 14px; position: absolute; bottom:0; left:-10px; transform: rotate(15deg); -ms-transform: rotate(15deg); }

@media screen and (max-width:1760px) {
.index-banner .swiper-pagination{left:0.8rem; margin-left:0;}
.index-banner .swiper-prev,
.index-banner .swiper-next{right:0.8rem;}
.index-banner .swiper-prev{ margin-right:75px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-num{right:0.8rem; margin-right:160px;}
.index-banner .box ._btn{ margin-top: 1rem;}
.index-banner .box ._btn1{ margin-top:0.66rem;}
}
@media screen and (max-width:1600px) {
.index-banner .box .tit0{font-size:0.6rem; line-height:0.7rem;}
.index-banner .box .tit1{ font-size:0.7rem; line-height:0.8rem;}
.index-banner .box .tit1 .i{ width:0.1rem; height: 0.1rem; margin:0 0.25rem;}
.index-banner .box .tit2{ font-size:0.26rem; line-height:0.36rem; margin-top: 0.26rem;}
.index-banner .box .tit2 .s{border-radius:0.2rem; margin:0 0.12rem; padding:0 0.16rem 0.02rem 0.16rem; font-size:0.25rem; line-height:0.35rem;}
.index-banner .box .tit4{ font-size:0.26rem; line-height:0.42rem; margin-top: 0.26rem;}
.index-banner .box .tit3{ font-size:0.26rem; line-height:0.36rem; margin-top: 0.4rem; padding:0.1rem 0.58rem 0.1rem 0.29rem; border-radius:0.32rem 0.32rem 0.32rem 0;}
.index-banner .box .tit5{ font-size:0.4rem; line-height:0.48rem; margin-bottom: 0.12rem; padding:0.1rem 0.39rem 0.1rem 0.24rem; border-radius:0.37rem 0.37rem 0.37rem 0;margin-top:-0.6rem; }
.index-banner .box ._btn1{ margin-top:0.56rem;}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{left:15px; bottom:30px;}
.index-banner .swiper-pagination-bullet{ margin:0 8px 0 0;}
.index-banner .swiper-pagination-bullet-active{ width:16px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{border-radius:5px; bottom:25px;right:15px; width:28px; height:28px; background-size:auto 12px !important; }
.index-banner .swiper-prev{ margin-right:40px;}
.index-banner .swiper-next{ margin-right:0;}
.index-banner .swiper-num{bottom:25px; right:15px; margin-right:80px;}
.index-banner .swiper-pagination-current{ font-size:20px;line-height:20px;}
.index-banner .swiper-pagination-total{ font-size:14px;line-height:14px;}
.index-banner .swiper-num::after{bottom:5px;}
.index-banner .box{ top:50%;}
.index-banner .box .cont{ display: flex; flex-wrap: wrap; justify-content: center;}
.index-banner .box .tit0{font-size:20px; line-height:30px; text-align: center;}
.index-banner .box .tit1{font-size:22px; line-height:32px; justify-content: center;}
.index-banner .box .tit2{ font-size:14px; line-height: 24px; justify-content: center; margin-top:10px;}
.index-banner .box .tit2 .s{border-radius:14px; margin:0 6px; padding:0 12px 2px 12px; font-size:13px; line-height:22px;}
.index-banner .box .tit3{ font-size:14px; line-height: 20px; margin-top:14px; padding:5px 15px; border-radius:18px;}
.index-banner .box .tit4{ font-size:14px; line-height: 24px; margin-top:8px; text-align: center;}
.index-banner .box .tit5{ font-size:16px; line-height: 22px; margin-top:0; padding:5px 15px; border-radius:18px;margin-bottom: 5px;}
.index-banner .box ._btn{ justify-content: center; margin-top:18px;}
.index-banner .box ._btn .a{ font-size:14px;}
.index-banner .box ._btn .a::after{ width:32px; height:32px; border-radius: 32px; }
.index-banner .box ._btn .a i{ width:32px; height:32px; border-radius: 32px; margin-left:10px;background-size:10px auto !important;}
.index-banner .box ._btn .a:hover{padding:0 8px 0 17px; }
}
@media screen and (max-width:767px) {


}


.main0 .box{ display:block; width: 100%; padding:0.95rem 0 .88rem 0;}
.main0 .title{ display:block; width: 100%; color: #fff; text-align: center; font-weight: bold; font-size:0.47rem; line-height:0.57rem;}
.main0 .btn{ display:flex; justify-content: center; width: 100%; margin-top:0.52rem;}
.main0 .btn .div{ display:inline-flex; margin:0 0.15rem; }
.main0 .btn .a{ display:inline-flex; font-size:calc(14px + 0.02rem); line-height:1; height:43px; justify-content: center; align-items: center; border-radius:43px; width:126px;padding-bottom:1px;}
.main0 .btn .a._ljzx{ color: #c80a14; background: #fff; border: 1px solid #fff;  background-position:right bottom;
 transition:all .5s ease;}
 .main0 .btn .a._ljzx:hover{ color:#fff; border: 1px solid #c80a14; background:linear-gradient(to left,transparent 50%,#c80a14 50%);
  background-size:200% 100%; background-position:left bottom;}
.main0 .btn .a._hqfa{ background: #c80a14; border: 1px solid #c80a14; color: #fff;background-position:right bottom;
 transition:all .5s ease;}
.main0 .btn .a:hover{ color:#c80a14; border: 1px solid #fff;	background:linear-gradient(to left,transparent 50%,#ffffff 50%);
 background-size:200% 100%; background-position:left bottom;}

@media (max-width: 1024px){
.main0 .box{ padding:40px 0 45px 0;}	
.main0 .title{ font-size:20px; line-height:30px;}
.main0 .btn{ margin-top:20px;}
.main0 .btn .div{ margin:0 8px;}
.main0 .btn .a{font-size:14px; line-height:24px; height:34px; width:100px;}
}


.mian1{ width: 100%; background:rgba(255,255,255,0.1); position: absolute; left: 0; bottom: 0; z-index:6;}
.mian1 .list{ width: 100%; overflow: hidden;}
.mian1 .list .ul{width: 100%; justify-content: space-between; display: flex; flex-wrap: wrap;}
.mian1 .list .ul li{ display:flex; flex-wrap: wrap; max-width: 23%; padding:0.2rem 0;}
.mian1 .list .ul li .a{ height:1rem; display: flex; align-items: center;}
.mian1 .list .ul li .ico{ float: left; min-width:0.5rem; width:0.5rem; line-height: 0; margin-right:0.1rem;}
.mian1 .list .ul li .text{ display: flex; flex-direction: column;width: 100%;}
.mian1 .list .ul li .tit{ width: 100%; font-weight: bold; color: #fff; font-size:0.22rem; line-height:0.3rem; }
.mian1 .list .ul li .p{ width: 100%; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); margin-top:0.06rem;}
.mian1 .list .ul li .a:hover .ico{ transform: rotateY(360deg); -ms-transform: rotateY(360deg);}


@media screen and (max-width:1440px) {
.mian1 .list .ul li .p{ font-size:14px; line-height:22px;}	
}
@media screen and (max-width:1024px) {
.mian1{/* display:none; */ position: static;background:rgba(0,0,0,0.8);}	
.mian1 .list .ul{ padding:20px 0;}
.mian1 .list .ul li{ padding:8px 0;}
.mian1 .list .ul li .a{ height: auto; position: relative;}
.mian1 .list .ul li .tit{ font-size:16px; line-height:24px;}
.mian1 .list .ul li .p{ font-size:13px; line-height:21px; margin-top:2px;}
.mian1 .list .ul li .ico{ min-width:30px; width:30px;margin-right:8px;}
}
@media screen and (max-width:767px) {	
.mian1 .list .ul li{max-width:inherit; width:47%;}	
	
}


.list06{ width: 100%;margin-top: 0.55rem;}
.list06 .ul{ display: flex;flex-wrap: wrap; width: calc(100% + 0.4rem);  margin:-0.2rem;}
.list06 .ul li{ width:33.33%; padding:0.2rem;}
.list06 .ul li .la{ width: 100%; background: #fbf5e2;overflow: hidden;border-radius:0.2rem; }
.list06 .ul li .tit{ display: flex; align-items: center; justify-content: space-between; background: url(img/ico23.png) center no-repeat; background-size: 100% 100% !important; color: #333; width:100%;font-size:0.4rem;line-height: 0.5rem; font-weight: bold; padding:0.35rem 0.4rem;border-radius:0.2rem;font-family: 'NotoSans-Bold';}
.list06 .ul li .tit img{ min-width:1.5rem;width:1.5rem;height:1.5rem; margin-left: 0.15rem; object-fit: contain;}
.list06 .ul li .text{ width:100%; border-top: 1px solid #fdc448; margin-top:0.29rem; padding-top: 8px; }
.list06 .ul li .cont{ width:100%; padding:0.29rem 0.4rem 0.6rem 0.4rem;}
.list06 .ul li .info{ width:100%; color: #666;font-size:calc(14px + 0.02rem);line-height: calc(22px + 0.1rem);}
.list06 .ul li .p{ width:100%; color: #444444;font-size:calc(14px + 0.04rem);line-height: calc(22px + 0.06rem);display: flex; margin-top: 0.24rem;}
.list06 .ul li .p img{ min-width: 20px;width: 20px;height: 20px;margin:calc(1px + 0.03rem) 12px 0 0;}

.list06 .ul li:nth-child(3n+2) .la{ background: #e9f4e3;}
.list06 .ul li:nth-child(3n+3) .la{ background: #fff5ea;}
.list06 .ul li:nth-child(3n+2) .tit{ background: url(img/ico24.png) center no-repeat;}
.list06 .ul li:nth-child(3n+3) .tit{ background: url(img/ico25.png) center no-repeat;}
.list06 .ul li:nth-child(3n+2) .text{ border-top: 1px solid #5c9a82;}
.list06 .ul li:nth-child(3n+3) .text{ border-top: 1px solid #f89356;}

@media  screen and (max-width:1600px){
.list06 .ul li .tit{font-size:0.36rem;line-height: 0.46rem; padding:0.3rem 0.35rem;}
.list06 .ul li .tit img{ min-width:1.4rem;width:1.4rem;height:1.4rem;}
.list06 .ul li .cont{ padding:0.29rem 0.35rem 0.6rem 0.35rem;}
.list06 .ul li .p{ margin-top: 0.2rem;}
}
@media  screen and (max-width:1024px){
.list06 .ul{ width: calc(100% + 14px);margin:-7px;}	
.list06 .ul li{ padding:7px;}
.list06 .ul li .la{border-radius:10px;}
.list06 .ul li .info{ font-size:14px; line-height:24px; }
.list06 .ul li .tit{ font-size:18px; line-height:28px;border-radius:10px; padding:10px 15px;}
.list06 .ul li .tit img{ min-width:56px;width:56px;height:56px;}
.list06 .ul li .p{ font-size:14px; line-height:24px; margin-top:6px;}
.list06 .ul li .p img{ min-width:18px;width: 18px;height: 18px;margin:3px 8px 0 0;}
.list06 .ul li .cont{ padding:15px 15px 25px 15px;}
.list06 .ul li .text{ margin-top:15px; padding-top: 8px; }
}
@media  screen and (max-width:767px){
.list06 .ul li{ width:100%;}
}


.main6{ overflow: hidden;}
.main6 .box{ display: flex; width: 100%; align-items:flex-start; justify-content: space-between; position: relative; margin-top: 0.5rem; }
.main6 .box::after{ display: block; position: absolute; right:82.88%; top: 0; width:3000px; height:100%; content: ''; z-index: 7; background: #fff;}
.main6 .left{ display: flex; flex-direction: column;  position: relative; z-index:8;}
.main6 .right{ display: block; position: relative; width:82.88%; margin-top:0.05rem; position: relative; z-index: 6;}
.main6 ._btn{ margin-top: 0.84rem;display:inline-flex; align-items: center; color: #666; font-size:calc(14px + 0.02rem); line-height:1; white-space: nowrap; position: relative;}
.main6 ._btn::after{ display: block; content: ''; position: absolute; right:0; top: 0;width:0.51rem; height:0.51rem; background: #c80a14; border-radius:0.51rem; }
.main6 ._btn span{ position: relative; z-index: 6;}
.main6 ._btn i{ position: relative; z-index: 6; border-radius: 50%; display: block; width:0.51rem; height:0.51rem; margin-left:0.15rem; background: url(img/right2.png) center no-repeat; background-size:0.16rem auto !important;}
.main6 ._btn:hover{ padding:0 0.1rem 0 0.27rem;  color: #fff;}
.main6 ._btn:hover::after{width:100% !important;}
.main6 ._btn:hover i{  margin-left:0 !important; }

.main6 .ul{ display:flex; flex-direction: column;}
.main6 .ul li{ cursor: pointer; display:flex; color: #666; font-size:0.2rem; line-height:0.3rem; position: relative; padding-left: 16px; margin-bottom: 0.36rem;}
.main6 .ul li::after{ content: ''; display:flex; background: #c80a14; width:5px; height:5px; border-radius: 50%; position: absolute; left:0; top:50%; margin-top:-3px; }
.main6 .ul li.on{ color: #c80a14; text-decoration: underline;}

.main6 .case1{ position: absolute; left:0; top: 0; opacity:0; z-index: 1; background: #fff; }
.main6 .case1.on{  position: relative; opacity:1; z-index: 6; }
.main6  .swiper-prev,
.main6  .swiper-next{ cursor: pointer; width:48px; height:48px; border:1px solid #b5b5b5; border-radius: 10px; display:block;position: absolute;right:0; top:-1.02rem; z-index: 10; background: url(img/right6.png) center no-repeat #fff; background-size:auto 18px !important; }
.main6  .swiper-prev{ margin-right:75px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main6  .swiper-prev:hover,
.main6  .swiper-next:hover{background: url(img/right5.png) center no-repeat #c80a14;  border:1px solid #c80a14;}

@media  screen and (max-width:1024px){
.main6 .box{ flex-wrap: wrap;}	
.main6 .box::after{  display:none;}
.main6 .left{ align-items: center; justify-content: space-between; flex-direction: row; width:100%; }
.main6 .right{ width:100%; margin-top: 30px; padding-bottom: 55px;}
.main6 ._btn{ margin:0; font-size:14px;}
.main6 ._btn::after{ width:32px; height:32px; border-radius: 32px; }
.main6 ._btn i{ width:32px; height:32px; border-radius: 32px; margin-left:10px;background-size:10px auto !important;}
.main6 ._btn:hover{padding:0 8px 0 17px; }
.main6 .ul {flex-direction: row;}
.main6 .ul li{font-size:15px; line-height:32px; border-bottom:1px solid #fff; padding-left:0; margin-bottom:0; margin-right:18px;}
.main6 .ul li:last-child{ margin-right:0 !important;}
.main6 .ul li::after{ display:none; left:50%; top:100%; margin:0 0 0 -3px; }
.main6 .ul li.on{ text-decoration: none; border-bottom:1px solid #c80a14; }
.main6 .swiper-prev,
.main6 .swiper-next{border-radius:5px; width:28px; height:28px; background-size:auto 12px !important; top:auto; bottom:-55px; }
.main6 .swiper-prev{ margin-right:0; right: auto; left:0; }

}



.case1{ display: block; width: 100%;}
.case1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.case1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform;}
.case1 .u2 .li{ display:flex; flex-wrap: wrap; width:4.6rem; margin-left:0.6rem; }
.case1 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;}
.case1 .u2 .a .pic{ display: block; width: 100%; position: relative;}
.case1 .u2 .a ._img{ padding-bottom:67.85%; border-radius:0.2rem;}
.case1 .u2 .a .cont{ width: 100%; padding:0.36rem 0 0.09rem 0; position: relative; border-bottom: 1px solid #eaeaea;}
.case1 .u2 .a .cont::after{ display: block; content: ''; position: absolute; left:0; bottom:-1px; z-index: 6; width: 0; height: 1px;background: #c80a14;}
.case1 .u2 .a .tit{ width: 100%; color: #1a1a1a;font-size:0.22rem; line-height:0.3rem; min-height:0.6rem; font-weight: bold;}
.case1 .u2 .a .p{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); min-height:calc(44px + 0.16rem); margin-top: 0.24rem; }
.case1 .u2 .a .info{ width: 100%; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; padding: 0.27rem 0; }
.case1 .u2 .a .time{ display:flex; color:#666;font-size:14px; line-height:20px;}
.case1 .u2 .a .more{ display:flex; background: url(img/right3.png) right center no-repeat; background-size:auto 14px !important; width:20px; height: 20px; }
.case1 .u2 .a:hover .tit{color: #c80a14;}
.case1 .u2 .a:hover .time{color: #c80a14;}
.case1 .u2 .a:hover .cont::after{width: 100%; }
.case1 .u2 .a:hover .more{background: url(img/right4.png) right center no-repeat;}

@media screen and (max-width:1440px) {
.case1 .u2 .li{ margin-left:0.4rem; }	
.case1 .u2 .a .tit br{ display:none;}
}
@media screen and (max-width:1024px) {
.case1 .u2 .li{ margin:0 15px 0 0; }	
.case1 .u2 .a ._img{ border-radius:10px;}
.case1 .u2 .a .cont{ padding:18px 0 9px 0;}
.case1 .u2 .a .tit{font-size:16px; line-height:24px; height:48px; } 
.case1 .u2 .a .p{font-size:14px; line-height:24px; height:48px; margin-top:6px;} 
.case1 .u2 .a .info{padding:10px 0;  }
}
@media screen and (max-width:767px) {
.case1 .u2 .li{ width:9.2rem;}
.case1 .u2 .a .tit{ height: auto;}
.case1 .u2 .a .p{ height: auto;}
}



.main7 .box{ display:flex;justify-content: space-between; flex-direction:row-reverse; width: 100%; position: relative; margin-top:0.45rem;}
.main7 .hd{ width:3.34rem; min-width:3.34rem;}
.main7 .hd ul{ display: block; width:100%; padding:0 0 0 0.38rem;}
.main7 .hd ul li{ cursor: pointer; display:flex; align-items: center; justify-content:space-between; width:100%; text-align: center; color: #444444;font-size:0.24rem; line-height:1.4;background:#fff; border-radius: 0.2rem; height: 0.78rem;margin-top:0.1rem; padding:0 0.25rem;}
.main7 .hd ul li time{ color:#b5b5b5;}
.main7 .hd ul li.on{ background: #c80a14; color: #fff;}
.main7 .hd ul li.on time{ color: #fff;}
.main7 .bxs{ width:100%; display: block; background: #fff;border-radius: 0.2rem;margin-top:0.1rem;}
.main7 .u2{ width:100%; display: flex; align-items: flex-start; justify-content: space-between;}
.main7 .u2 .left{ width:37%; display: block;border-radius: 0.2rem; position: relative; overflow: hidden; min-height:6.06rem;}
.main7 .u2 .shipin{ cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); color: #fff;font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem);}
.main7 .u2 .shipin img{ width:1.03rem; height:1.03rem; margin-bottom:0.23rem;}
.main7 .u2 .right{ width:63%; display: flex; flex-wrap: wrap; align-content: space-between; min-height:6.06rem; padding:0.55rem 0.5rem 0.6rem 0.5rem;}
.main7 .u2 .pic{ width:100%; display: block; line-height:0;}
.main7 .u2 .pic img{  width:100%; height:6.06rem; object-fit: cover; }
.main7 .u2 .info{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: 0.36rem;  min-height:1.08rem; margin-top:0.18rem;}
.main7 .u2 .tit2{ width:100%; display: block; font-weight: bold; color: #333;font-size:calc(14px + 0.04rem); line-height:0.36rem; margin-top: 0.13rem;}
.main7 .u2 .tit1{ width:100%; color: #333;font-size:0.28rem; line-height:0.38rem; font-weight: bold;}
.main7 .u2 .cont{ display: flex; flex-wrap: wrap; width: 90%; padding-top:0.18rem;}
.main7 .u2 .s{display: flex; flex-wrap: wrap; width:25%; margin:0.15rem 0;}
.main7 .u2 .s img{ width:auto; height:0.4rem; object-fit: contain; }
.main7 ._btn{ display: inline-flex; }
.main7 ._btn .a{ display:inline-flex; font-size:calc(14px + 0.02rem); line-height:1; height:43px; justify-content: center; align-items: center; border-radius:43px; width:126px; padding-bottom:1px; margin-right: 30px;}
.main7 ._btn .a._hqfa{ background: #c80a14; border: 1px solid #c80a14; color: #fff;background-position:right bottom;}
.main7 ._btn .a._hqfa:hover{ color:#c80a14; background:linear-gradient(to left,transparent 50%,#fff 50%);background-size:200% 100%; background-position:left bottom;}
.main7 ._btn .a._ljzx{ color: #c80a14;  border: 1px solid #c80a14; background-position:right bottom; transition:all .5s ease;}
.main7 ._btn .a._ljzx:hover{ color:#fff; background:linear-gradient(to left,transparent 50%,#c80a14 50%);background-size:200% 100%; background-position:left bottom;}
.main7  .prev,
.main7  .next{ cursor: pointer; width:48px; height:48px; border:1px solid #b5b5b5; border-radius: 10px; display:block;position: absolute;right:0; top:-1.02rem; z-index: 10; background: url(img/right6.png) center no-repeat; background-size:auto 18px !important; }
.main7  .prev{ margin-right:75px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main7  .prev:hover,
.main7  .next:hover{background: url(img/right5.png) center no-repeat #c80a14;  border:1px solid #c80a14;}

@media screen and (max-width:1024px) {
.main7 .box{ flex-wrap: wrap; margin-top:30px;}
.main7 .hd{ width:100%; min-width:100%; margin:0 0 10px 0;}	
.main7 .hd ul{ display: flex; white-space: nowrap; overflow-x: auto; padding:10px 0;}
.main7 .hd ul li{ width: auto; height:35px; margin:0 15px 0 0;border-radius: 10px; font-size:14px; padding: 0 14px;}
.main7 .hd ul li time{ margin-left:15px;}
.main7 .bxs{border-radius: 10px;}
.main7 .u2{flex-wrap: wrap;}	
.main7 .u2 .left{ width:100%; min-height:inherit;border-radius: 10px; }
.main7 .u2 .right{  width:100%; min-height:inherit; padding:20px 15px 30px 15px;}
/* .main7 .u2 .pic{ padding: 0 0 137.72%; position: relative;}
.main7 .u2 .pic img{ height:100%; position: absolute; left:0; top: 0; } */
.main7 .u2 .pic img{ height:200px;}
.main7 .u2 .cont{ width: 100%; padding:15px 0 20px 0;}
.main7 .u2 .s{ margin:5px 0; padding:0 4px; align-items: center; justify-content: center; }	
.main7 .u2 .s img{ width:auto; height:24px; }
.main7 .u2 .tit1{ font-size:18px; line-height:28px; }
.main7 .u2 .tit2{ font-size:16px; line-height:26px;margin-top:10px;}
.main7 .u2 .info{ font-size:14px; line-height:24px; min-height: inherit;margin-top:10px;}
.main7 .u2 .shipin{ font-size:14px; height:20px;}
.main7 .u2 .shipin img{ width:40px; height:40px; margin-bottom:8px;}
.main7 ._btn{ width:100%; justify-content: center; display:none;}
.main7 ._btn .a{ font-size:14px; height:34px; width:100px; margin:0 8px; }
.main7 .prev,
.main7 .next{border-radius:5px; right:15px; width:28px; height:28px; background-size:auto 12px !important; top:286px; }
.main7 .prev{ margin-right:40px;}
}
@media screen and (max-width:767px) {


}





/* inbaner */
.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.slidebox1{ width:100%; position: absolute; left:0; bottom:0; z-index:10; background: rgba(255,255,255,0.1);backdrop-filter: blur(2px);}

@media screen and (max-width:1024px) {

}


._title{ display: block; color: #333; width:100%; font-size:0.56rem; line-height:0.66rem; font-weight: bold;font-family: 'NotoSans-Bold';} 
._com{display: block; color: #666; width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top: 19px;} 

@media  screen and (max-width:1600px){
._title{font-size:0.52rem; line-height:0.62rem;}  
}
@media  screen and (max-width: 1024px){
._title{ font-size:20px; line-height:30px;}
._com{ font-size:14px; line-height:24px; margin-top: 8px;} 
}


.banText{ position: absolute; left:0; top:33.51%; width:100%; z-index: 6;/* transform: translateY(-50%); -ms-transform: translateY(-50%); */}
.banText .tit{ display: inline-flex; color: #fff; font-size:0.56rem; line-height:0.66rem; font-weight: bold; background: url(img/ico1.png) right top no-repeat; background-size: 0.51rem 0.51rem; padding:0.14rem 0.21rem 0 0; } 
.banText .info{ display: block; width:100%;  color: #fff; font-size:0.24rem; line-height:0.42rem; margin-top:0.19rem; }

@media  screen and (max-width: 1024px){
.banText{ padding:0 30px;}	
.banText .tit{ font-size:20px; height:30px;background-size:18px 18px; padding:6px 8px 0 0;}
.banText .info{ font-size:15px; line-height:26px; margin-top:10px;}
}


.mbx1{ display: block; color: #8c8c8c;font-size:14px; line-height:24px; padding-top: 26px;}
.mbx1 a{ color: #8c8c8c;}
.mbx1 i{ padding:0 7px;}
.mbx1 a:hover{color: #c80a14;}

@media screen and (max-width:1024px) {
.mbx1{ display:none;}
}

.slide1{ display: flex; flex-wrap: wrap;width:100%; padding:0.26rem 0 0.3rem 0;}
.slide1 .ul{ display: flex;width:100%;}
.slide1 .li{ display: flex;width:100%; justify-content: center; align-items:center; position: relative;}
.slide1 .li::after{  display:block; content:''; background:#e6e9ee; width:1px; height:100%; position: absolute; left: 0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.slide1 .li:first-child::after{ display:none;}
.slide1 .li .la{ position: relative; z-index: 6; display: flex;justify-content: center; align-items:center;color: #fff;font-size:0.28rem; line-height:1.5; height:0.76rem;}
.slide1 .li .la::after{  display:block; content:''; background:#fff; width:0; height:1px; position: absolute; left:50%; bottom:0; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide1 .li:hover .la::after{ width:100%;}

@media screen and (max-width:1440px) {
.slide1{padding:0.22rem 0;}
.slide1 .li .la{font-size:0.28rem; height:0.7rem;}
}
@media screen and (max-width:1024px) {
.slide1{ padding:12px 0;}	
.slide1 .li .la{ font-size:16px; height:26px; }

}


._box2{display:flex; width: 100%; color: #333;font-size:calc(14px + 0.02rem); line-height: 26px; padding-top:32px;}
._box2 .tit{display:flex; white-space: nowrap;}
._box2 .ul{ width: 100%; display: flex; flex-wrap: wrap; }
._box2 .ul .li{ color: #666; cursor: pointer; display: flex; margin:0 18px; padding-left: 24px;background: url(img/dui.png) left 52% no-repeat; background-size:auto 14px !important;}
._box2 .ul .li.on{background: url(img/dui1.png) left 52% no-repeat;}
@media screen and (max-width:1024px) {
._box2{ padding-top:24px;}	
._box2 .ul .li{margin:0 10px; padding-left: 24px;}
}



.case{ display: block; width: 100%; padding-top: 33px;}
.case .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.4rem); margin:0 -0.2rem; }
.case .u2 .li{ display:flex; flex-wrap: wrap; width: 33.33%; padding:0.2rem;}
.case .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; border-radius:0.2rem; overflow: hidden;
}
.case .u2 .a .pic{ display: block; width: 100%; position: relative;}
.case .u2 .a .shipin{ display: none; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.case .u2 .a.on .shipin{ display: block; }
.case .u2 .a .shipin img{ width:38px; height:38px;}
.case .u2 .a ._img{ padding-bottom:67.85%;}
.case .u2 .a .cont{ width: 100%; padding:0.45rem 0.4rem 0.3rem 0.4rem;}
.case .u2 .a .tit{ width: 100%; color: #1a1a1a;font-size:0.22rem; line-height:0.28rem; min-height:0.56rem; font-weight: bold;}
.case .u2 .a .p{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); min-height:calc(44px + 0.16rem); margin-top: 0.28rem; }
.case .u2 .a .info{ position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 0.39rem; padding-top: 0.3rem; border-top: 1px solid #eaeaea; }
.case .u2 .a .info::after{ display: block; content: ''; position: absolute; left:0; top:-1px; z-index: 6; width: 0; height: 1px;background: #c80a14;}
.case .u2 .a .time{ display:flex; color:#666;font-size:14px; line-height:20px;}
.case .u2 .a .more{ display:flex; background: url(img/right3.png) left center no-repeat; background-size:auto 14px !important; width:20px; height: 20px; }
.case .u2 .a:hover .tit{color: #c80a14;}
.case .u2 .a:hover .info::after{width: 100%; }
.case .u2 .a:hover .more{background: url(img/right4.png) left center no-repeat;}

@media screen and (max-width:1024px) {
.case{ padding-top: 24px;}
.case .u2{width:calc(100% + 14px); margin:-7px; }
.case .u2 .li{ padding:7px 7px;}	
.case .u2 .a{ border-radius:10px;}
.case .u2 .a .cont{padding:18px 15px;}
.case .u2 .a .shipin img{ width:34px; height:34px;}
.case .u2 .a .tit{font-size:16px; line-height:24px; height:48px; } 
.case .u2 .a .p{font-size:14px; line-height:24px; height:48px; margin-top:6px;} 
.case .u2 .a .info{ margin-top:15px; padding-top:15px;  }
}
@media screen and (max-width:767px) {
.case .u2 .li{ width:100%;}
.case .u2 .a .tit{ height: auto;}
.case .u2 .a .p{ height: auto;}
}


.lits02{ display: block; width:100%; background: #fff; padding:30px 0.25rem 0.47rem 0.25rem; margin-bottom: 25px;}
.lits02 .title{ display: block; width:100%; font-weight: bold;  color: #222222; line-height:calc(22px + 0.1rem); font-size:calc(14px + 0.08rem); }
.lits02 .u2{ display:block; width: 100%; }
.lits02 .u2 .li{ display:block; width: 100%; margin-top: 19px;}
.lits02 .u2 .a{ display:flex; align-items:center; width: 100%; }
.lits02 .u2 .a .time{ width: 100%; color: #666;font-size:12px; line-height:18px;}
.lits02 .u2 .a .tit{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); margin-top:6px;}
.lits02 .u2 .a .pic{ display:block; width:1.52rem; min-width:1.52rem; margin-right: 0.16rem; overflow: hidden; border-radius: 8px;}
.lits02 .u2 .a ._img{ padding-bottom:67.76%;}
.lits02 .u2 .a .cont{width: 100%;}
.lits02 .u2 .a:hover .tit{ color: #c80a14;}

@media screen and (max-width:1440px) {
.lits02 .u2 .a .tit{font-size:14px; line-height:24px; margin-top:4px;}
.lits02 .u2 .a .pic{ width:130px; min-width:130px; margin-right:12px;}
}
@media screen and (max-width:1024px) {
.lits02 .u2 .li{ margin-top: 16px;}	
.lits02{padding:20px 15px 30px 15px; margin-top:20px; margin-bottom: 20px;}
}


.sec2{width: 100%; background: #fff; padding:30px 0.25rem 0.48rem 0.25rem; }
.sec2 h2{ display: block; width:100%; font-weight: bold;  color: #222222; line-height:calc(22px + 0.1rem); font-size:calc(14px + 0.08rem); }
.sec2 ul{width: 100%;padding-top:9px;}
.sec2 li{width: 100%;margin-top: 10px;position: relative;}
.sec2 .text{width: 100%;height:50px; line-height:38px; padding:5px 0.2rem;border: 1px solid #e4e4e4;font-size: calc(14px + 0.02rem);color: #222222; border-radius: 5px;}
.sec2 .words{color:#666;}
.sec2 .qhbox{width: 100%;position: relative;}
.sec2 .qh_t{width: 100%;overflow: hidden;cursor: pointer;;position: relative;}
.sec2 .qh_t .ico{width:10px; position: absolute; right:14px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.sec2 .qh_b{width: 100%;position: absolute;left: 0;top:100%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);z-index: 20;display: none;border-radius: 5px;border: 1px solid #e4e4e4; padding:10px 0;}
.sec2 .qh_b a{display: block;width: 100%;font-size: 14px;color: #222222;line-height:24px;padding:4px 0.2rem;}
.sec2 .qh_b a:hover{background: #c80a14;color: #fff;}
.sec2 .textarea{width: 100%;height:98px; line-height:28px; padding:10px 0.2rem;border: 1px solid #e4e4e4;font-size: calc(14px + 0.02rem);color: #222222; border-radius: 5px;}
.sec2 .yzm{ position: relative; display: flex;}
.sec2 .yanzhengma{ cursor: pointer; position: absolute; right:1px; top:1px; width:100px; height: 48px; object-fit: contain; border-radius:0 5px 5px 0;}
.sec2 button{width: 100%;height: 50px;display: block;font-size: calc(14px + 0.02rem);color: #fff;background: #c80a14; border:1px solid #c80a14; border-radius: 10px; background-position:right bottom;
 transition:all .5s ease;}
.sec2 button:hover{color: #c80a14; background:linear-gradient(to left,transparent 50%,#fff 50%);
  background-size:200% 100%; background-position:left bottom;}

.sec2 input::placeholder{color:#666; opacity:1 !important;}



@media  screen and (max-width: 1024px){
.sec2{padding:20px 15px 30px 15px;}	
.sec2 .text{height:40px; line-height:28px; font-size:14px; padding:5px 14px;}
.sec2 .textarea{ line-height:26px; font-size:14px; padding:8px 14px;}
.sec2 .yanzhengma{ width:76px; height:38px; }
.sec2 button{height:40px; font-size:14px;}
.sec2 ul{padding-top:5px;}
}


.newsbox1{ display: block; width: 100%; position: relative; overflow: hidden; padding-top:1.76rem; padding-bottom: 0.87rem;}
.newsbox1 .black{ position: absolute; left:0; top:0; width:100%; height:100%; z-index: 1;}
.newsbox1 .title{ display: block; width: 100%; font-weight: bold; color: #fff;font-size:0.36rem; line-height: 0.46rem;}
.newsbox1 .info{ display:flex; flex-wrap: wrap; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height:26px; margin-top: 0.49rem;}
.newsbox1 .info .s{ display: flex; align-items: center; margin-right:0.5rem;}
.newsbox1 .info .s:last-child{ margin-right: 0 !important;}
.newsbox1 .info .s img{ width:24px; height:24px; margin-right:10px;}
@media screen and (max-width:1024px) {
.newsbox1{padding-top:100px; padding-bottom:50px; background: #000;}	
.newsbox1 .black{ opacity:0.8;}
.newsbox1 .title{font-size:17px; line-height:28px;}
.newsbox1 .info{ font-size:14px; line-height:24px; margin-top:20px;}
.newsbox1 .info .s{ margin-right: 20px;}
.newsbox1 .info .s img{ width:20px; height:20px; margin-right:8px;}
}


.newsbox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; padding:26px 0 0 0; flex-direction: row-reverse;}
.newsbox .left{ display: block; width:27.18%; }
.newsbox .right{ display: block; width:71.25%; background: #fff; padding:0.6rem 0.4rem 0.28rem 0.4rem;}
.newsbox .sect{ display: block; width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
.newsbox .sect .cont{ display: block; width: 100%; position: relative; margin-bottom:20px;}
.newsbox .videos{ z-index: -1; display: block;position: absolute;right:0; top: 0;width:100%; height:100%;  object-fit: cover;}
.newsbox .Active .videos{ z-index: 8;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; align-items: center; padding:0.37rem 0;border-top:1px solid #e2e2e2; margin-top: 0.6rem;}
.newsbox ._page .la{ width: calc(100% - 160px);}
.newsbox ._page .la a{ width: 100%; color: #333; font-size:calc(14px + 0.02rem); line-height:28px; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsbox ._page .la a:hover{ color:#c80a14;}
.newsbox .btn{ display:inline-flex; align-items: center; color: #666; font-size:calc(14px + 0.02rem); line-height:1; white-space: nowrap; position: relative;}
.newsbox .btn::after{ display: block; content: ''; position: absolute; right:0; top: 0;width:0.51rem; height:0.51rem; background: #c80a14; border-radius:0.51rem; }
.newsbox .btn span{ position: relative; z-index: 6;}
.newsbox .btn i{ position: relative; z-index: 6; border-radius: 50%; display: block; width:0.51rem; height:0.51rem; margin-left:0.15rem; background: url(img/right2.png) center no-repeat; background-size:0.16rem auto !important;}
.newsbox .btn:hover{ padding:0 0.1rem 0 0.27rem; color: #fff; }
.newsbox .btn:hover::after{width:100% !important;}
.newsbox .btn:hover i{  margin-left:0 !important; }
.newsbox .shipin1{ cursor:pointer; display: block; z-index: 6; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.newsbox .shipin1 img{ width:68px; height:68px;}
.newsbox.act .left{ position: sticky; top:0.88rem;}
.newsbox.act .lits02{ display: none;}

@media screen and (max-width:1024px) {
.newsbox{ margin-top: 0; flex-wrap: wrap-reverse; padding:25px 0 0 0;}	
.newsbox .left{ width: 100%;}
.newsbox .right{ width: 100%;padding:20px 15px 30px 15px;}
.newsbox .btn{ font-size:14px; margin-top: 15px;}
.newsbox .btn::after{ width:32px; height:32px; border-radius: 32px; }
.newsbox .btn i{ width:32px; height:32px; border-radius: 32px; margin-left:10px;background-size:10px auto !important;}
.newsbox .btn:hover{padding:0 8px 0 17px; }
.newsbox ._page{ padding:20px 0 0 0;margin-top: 25px; flex-wrap: wrap; justify-content: center;}
.newsbox ._page .la{ width: 100%;}
.newsbox ._page .la a{ font-size:14px; line-height:26px;}
.newsbox .shipin1 img{ width:34px; height:34px;}
.newsbox.act .left{position: static; top:0; }
.newsbox.act .lits02{ display: block;}
}



/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:50%; width:0.4rem; height:0.4rem; line-height:0.4rem; color:#9c9c9c; text-align: center; font-size:16px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#c80a14; color: #fff;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:10px; height:10px; border-top:1px solid #9c9c9c; border-right:1px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -2px;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:1px solid #fff; border-right:1px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#9c9c9c;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; }
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #9c9c9c; border-right:1px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


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


.fuwu{ width: 100%; position: relative; padding-top: 1.54rem; padding-bottom: 1.54rem; min-height: 6.8rem;}
.fuwu::after{position: absolute; left:50%; top:-0.54rem; width:2px; margin-left:-1px; height:1.3rem; background:#c80a14; z-index: 8; content: '';}
.fuwu .bg{position: absolute; left: 0; top:0; width:100%; height:100%; z-index: 1;}
.fuwu .title{ width: 100%; text-align: center; color: #fff; font-weight:bold; font-size: 0.52rem; line-height: 0.62rem;}
.fuwu .info{ width: 100%; text-align: center; color: #fff;  font-size: 0.24rem; line-height: 0.34rem; margin-top: 0.34rem;}

@media  screen and (max-width:1600px){
.fuwu .title{ font-size: 0.48rem; line-height: 0.58rem; }	
.fuwu .info{ font-size: 0.2rem; line-height: 0.3rem; }
}
@media  screen and (max-width:1024px){
.fuwu .title{ font-size:18px; line-height: 28px;}
.fuwu .info{ font-size:14px; line-height: 24px; margin-top:15px;}
}
@media  screen and (max-width:767px){
.fuwu{ padding:40px 40px; min-height:14rem;}
}


.fuwu1{ width:100%; margin-top: 47px; }
.fuwu1 .ul{display: flex; flex-wrap: wrap;width:calc(100% + 0.3rem); margin:-0.15rem;}
.fuwu1 .ul .li{display: flex; flex-wrap: wrap; width: 14.28%; padding:0.15rem; }
.fuwu1 .ul .la{display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; position: relative; padding:0.29rem 6px 0.36rem 6px;
background: #fff; text-align: center;
border-radius: 0.2rem;}
.fuwu1 .ul .la .t1{display:block; width: 100%; color:#666; font-size:0.22rem; line-height:0.32rem; margin-top:0.21rem;}
.fuwu1 .ul .la .ico{display:block; width:100%;line-height:0;  }
.fuwu1 .ul .la .ico img{ height:0.74rem;}
.fuwu1 .ul .la:hover .t1{ color:#c80a14;}


@media screen and (max-width:1024px) {
.fuwu1{ margin-top:20px; }	
.fuwu1 .ul{width:calc(100% + 17px); margin:-7px;}
.fuwu1 .ul .li{ width: 20%; padding:7px; }
.fuwu1 .ul .la{ padding:16px 6px;border-radius: 10px;}
.fuwu1 .ul .la .t1{ font-size:14px; line-height:24px; margin-top:6px;}
.fuwu1 .ul .la .ico img{ height:44px;}
}
@media screen and (max-width:767px) {
.fuwu1 .ul .li{ width: 33.33%; }
}

.Applicat{ display:flex; flex-wrap:wrap; width: 100%; padding:29px 0 40px 0;}
.Applicat .li{ display:flex; flex-wrap:wrap; width: 100%; border-bottom:2px solid #fdc448; margin-bottom:1rem; padding-bottom:0.9rem;}
.Applicat .li .a{ display:flex; flex-wrap:wrap; width: 100%; align-items:flex-start; justify-content: space-between; }
.Applicat .li .pic{ display:block; line-height: 0; width: 50%;}
.Applicat .li .cont{ display:block; width: 44.37%; padding:0.2rem 0 0 0.65rem;}
.Applicat .li .tit{ width: 100%; color: #333; font-size:0.44rem; line-height:0.54rem;font-weight: bold;}
.Applicat .li .p{ width: 100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.18rem;}
.Applicat .li .info{ display:flex; flex-wrap: wrap; width: 100%; color: #444; font-size:0.22rem; line-height:0.32rem; padding-top:0.24rem;}
.Applicat .li .s{ display:flex; flex-wrap: wrap; width: 100%; position: relative; padding:0 0 0 15px; margin-top: 0.2rem;}
.Applicat .li .s::after{ display:block; content:''; position: absolute; left: 0; top:calc(0.16rem - 3px); width:6px; height:6px; border-radius:50%; background: #ffd373;}
.Applicat .li .more{ display:inline-flex; justify-content: center; color: #c80a14; align-items: center; width:126px; text-transform: uppercase; font-size:calc(14px + 0.02rem); line-height:1; height:43px; border-radius:43px; margin-top:0.58rem; padding-bottom: 1px; border:1px solid #c80a14; background-position:right bottom;
 transition:all .5s ease;}
.Applicat .li .more:hover{ color: #fff; background:linear-gradient(to left,transparent 50%,#c80a14 50%);
  background-size:200% 100%; background-position:left bottom;}
.Applicat .li:nth-child(2n){ border-bottom:2px solid #7fbaa3;}
.Applicat .li:nth-child(2n) .a{flex-direction:row-reverse;}
.Applicat .li:nth-child(2n) .s::after{ background: #7fbaa3;}
.Applicat .li:nth-child(2n) .pic{width: 61.25%;}
.Applicat .li:nth-child(2n) .cont{width: 37.37%;}

@media  screen and (max-width:1440px){
.Applicat .li .cont{padding:0.1rem 0 0 0.2rem;}
.Applicat .li .info{ padding-top:0.19rem;}
.Applicat .li .s{ margin-top: 0.15rem;}
.Applicat .li .more{ margin-top:0.48rem; }
}
@media  screen and (max-width:1024px){
.Applicat{ padding:30px 0 20px 0;}	
.Applicat .li{  margin-bottom:30px; padding-bottom:30px;}
.Applicat .li .pic{ width: 100%;}	
.Applicat .li .cont{ width: 100%; padding:20px 0 0 0;}	
.Applicat .li .tit{ font-size:18px; line-height:28px;}
.Applicat .li .p{ font-size:15px; line-height:26px; margin-top:8px;}
.Applicat .li .info{ justify-content: space-between; padding-top:10px;}
.Applicat .li .s{ width: 23%; font-size:16px; line-height:26px; margin-top: 5px;}
.Applicat .li .s::after{ top:10px;}
.Applicat .li .more{ margin-top:25px; width:100px;font-size:14px; height:35px;}
.Applicat .li:nth-child(2n) .pic{width: 100%;}
.Applicat .li:nth-child(2n) .cont{width: 100%;}

}
@media  screen and (max-width:767px){
.Applicat .li .s{ width: 48%; }

}


.mian5{width: 100%;display:block; padding-top: 32px;}
.mian5 .sect{width: 100%;display:block;padding-bottom:46px;}
.mian5 .sect:last-child{padding-bottom:0 !important;}
.mian5 .top{width: 100%;display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.mian5 .title{display:flex; color: #333; font-weight: bold; font-size:0.28rem; line-height:0.38rem;}
.mian5 .zhankai{display:flex; color: #666; font-size:14px; line-height:0.38rem; padding-left: 36px; cursor: pointer; background: url(img/more.png) left center no-repeat; background-size: 26px auto !important;}
.mian5 .zhankai:hover{color: #c80a14;}
.mian5 .zhankai.active{color: #c80a14; background: url(img/more1.png) left center no-repeat;}
.mian5 .list{ width: 100%; padding-top:3px;}
.mian5 .list ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.mian5 .list ul li{ display: none; width: 14.28%; margin-top:0.3rem; padding:0 0.15rem;}
.mian5 .list ul li ._img{ padding-bottom:59.11%; border-radius: 5px; object-fit: contain;}
.mian5 .list.active ul li{display: block !important;}

@media screen and (min-width:767px) {
.mian5 .list ul li:nth-child(1),
.mian5 .list ul li:nth-child(2),
.mian5 .list ul li:nth-child(3),
.mian5 .list ul li:nth-child(4),
.mian5 .list ul li:nth-child(5),
.mian5 .list ul li:nth-child(6),
.mian5 .list ul li:nth-child(7),
.mian5 .list ul li:nth-child(8),
.mian5 .list ul li:nth-child(9),
.mian5 .list ul li:nth-child(10),
.mian5 .list ul li:nth-child(11),
.mian5 .list ul li:nth-child(12),
.mian5 .list ul li:nth-child(13),
.mian5 .list ul li:nth-child(14){display: block;}	
}	
@media screen and (max-width:1024px) {
.mian5 .sect{padding-bottom:25px;}	
.mian5 .title{ font-size:16px; line-height:26px;}
.mian5 .zhankai{ line-height:26px;background-size: 22px auto !important; padding-left: 30px;}
.mian5 .list ul{ width:calc(100% + 14px); margin:0 -7px;}
.mian5 .list ul li{ margin-top:14px; padding:0 7px;}
.mian5 .list .slick-dots{ height: 8px; text-align: center; margin-top:calc(10px + 0.3rem); display: flex; justify-content: center;}
.mian5 .list .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;}
.mian5 .list .slick-dots li.slick-active{ background: #1b56d1;}
}
@media screen and (max-width:767px) {
.mian5 .list ul li{ width:33.33%;}
.mian5 .list ul li:nth-child(1),
.mian5 .list ul li:nth-child(2),
.mian5 .list ul li:nth-child(3),
.mian5 .list ul li:nth-child(4),
.mian5 .list ul li:nth-child(5),
.mian5 .list ul li:nth-child(6),
.mian5 .list ul li:nth-child(7),
.mian5 .list ul li:nth-child(8),
.mian5 .list ul li:nth-child(9){display: block;}	
}



.about4 .comt{display:block; width: 100%; margin-top:0.2rem; margin-bottom: 0.3rem;
color: #666;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.about4 .list{/* display: flex; flex-wrap: wrap; */ width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.about4 .list .box{ display: block; width: 14.28%; padding:0.15rem;}
.about4 .list .box .a{ display: block;width:100%;}
.about4 .list .box ._img{ padding-bottom:59.11%; border-radius: 5px; object-fit: contain;}
.about4  .slick-arrow{right:0.15rem; top:-0.62rem;}
.about4  .slick-prev{ left: auto; right:0.15rem; margin-right:75px;}



@media screen and (max-width:1024px) {
.about4 .comt{ margin-top:8px; margin-bottom:13px; font-size:14px; line-height:24px;}
.about4 .list{ width:calc(100% + 14px); margin:0 -7px;}
.about4 .list .box{ width: 20%; padding:7px;}
.about4 .slick-arrow{ top:-56px; }
.about4 .slick-prev{ margin-right:40px;}
}
@media screen and (max-width:767px) {
.about4 .list .box{ width:33.33%;}	
}



.about3 .comt{display:block; width: 100%; margin-top:0.2rem;
color: #666;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.about3 .ul{ display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; }
.about3 .li{display:flex; flex-wrap: wrap; width: 48.43%; margin-top:0.47rem;}
.about3 .li .la{ width: 100%; overflow: hidden; flex-wrap: wrap; border-radius:12px; position: relative;
background:#fff;
display: flex;
align-items: flex-start;
padding:0.55rem 0.6rem;}
.about3 .li .tit{display:block; width: 100%; font-weight: bold; margin-top: 5px;
color:#333;
 font-size:0.26rem; line-height:0.36rem;
}
.about3 .li .p{display:block; width: 100%; margin-top:0.23rem;
color: #666;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem);
}
.about3 .li .info{display:flex; align-items:center; justify-content: space-between; width: 100%;margin-top:0.4rem; padding-top: 0.52rem; border-top: 1px solid #d9d9d9; }
.about3 .li .ico{display:block; line-height: 0; width:0.94rem; min-width:0.94rem; margin-left:15px;}
.about3 .li .ico img{ width: 100%;}
.about3 .li .ld{ display: flex; flex-direction: column; margin-bottom: 5px;}
.about3 .li .s{display:inline-flex;
color: #c80a14;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);
}
.about3 .li .btn{ display:inline-flex; justify-content: center; color: #c80a14; align-items: center; width:119px; text-transform: uppercase; font-size:14px; line-height:1; height:40px; border-radius:40px; margin-top:0.22rem; padding-bottom: 1px; border:1px solid #c80a14; background-position:right bottom;
 transition:all .5s ease;}
.about3 .li .la:hover .btn{color: #fff; background:linear-gradient(to left,transparent 50%,#c80a14 50%);
  background-size:200% 100%; background-position:left bottom;
}

@media screen and (max-width:1440px) {
.about3 .li .la{padding:0.55rem 0.5rem;}
}
@media screen and (max-width:1024px) {
.about3 .comt{ margin-top:8px;font-size:14px; line-height:24px;}
.about3 .li{margin-top: 20px;}	
.about3 .li .la{ border-radius:8px; 
padding:15px 15px 20px 15px;}
.about3 .li .tit{
font-size:18px;
line-height:28px;}
.about3 .li .p{ font-size:14px; line-height: 24px; margin-top:10px;}
.about3 .li .info{margin-top:20px; padding-top:15px; }
.about3 .li .ico{ width:48px; min-width:48px;}
.about3 .li .btn{ width:96px;font-size:13px;  height:32px; border-radius:32px; margin-top:12px;}
}
@media screen and (max-width:767px) {
.about3 .li{ width: 100%;}	
}


.about2{display:flex; flex-wrap: wrap; width: 100%;}
.about2 .li{display:flex; flex-wrap: wrap; width: 50%; position: relative; overflow: hidden; }
.about2 .li .la{ width: 100%; height:100%; position: absolute; left:0; top: 0; z-index: 6; text-align: center;
display: flex; flex-wrap: wrap;
align-content:center; justify-content: center;
padding:0.3rem 0.8rem;}
.about2 .li .tit{display:block; width: 100%; font-weight: bold;
color:#fff; font-weight: bold;
 font-size:0.54rem; line-height:0.64rem; 
}
.about2 .li .p{display:block; width: 100%; margin-top:0.38rem;
color: #fff; font-size:0.26rem; line-height:0.36rem; 
}


@media screen and (max-width:1440px) {
.about2 .li .p{margin-top:0.28rem;}
}
@media screen and (max-width:1024px) {
.about2 .li .la{
padding:24px 18px;
}
.about2 .li .tit{
font-size:18px;
line-height:28px;}
.about2 .li .p{ font-size:14px; line-height: 24px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.about2 .li .pic{ height:6rem; object-fit: cover;}
.about2 .li .p{ min-height:48px;}
}

.about1{ width: 100%; padding-top: 37px;}
.about1 .box{ width: 100%; display: flex; justify-content: space-between;}
.about1 .right{ width:50%; position: relative; z-index: 6; margin-top:0.82rem; border-radius: 0.2rem; overflow: hidden; background: #c80a14; padding:0.65rem 0.6rem;  }
.about1 .left{width:calc(50% + 0.95rem); padding:0.65rem 1.8rem 0.65rem 0.46rem; border-radius: 0.2rem; overflow: hidden; background: #fff; margin-right:-0.95rem; margin-bottom:0.82rem;}
.about1 .info{ width: 100%;color:#666; margin-top:0.41rem;font-weight: 400;
font-size: calc(14px + 0.02rem);
line-height: calc(22px + 0.13rem);
}
.about1 .tit{ position: relative; display: inline-flex;
color:#333;font-weight: bold;
font-size: 0.42rem;
line-height: 0.52rem;padding: 0 6px 0 4px;
}
.about1 .tit .z6{ position: relative; z-index: 6; padding-bottom: 0.05rem;}
.about1 .tit::after{ z-index: 0; content: ''; display: block; position: absolute; left:0; bottom:0; width: 100%; height: 0.21rem; background: url(img/bg3.png) left bottom no-repeat; background-size:auto 100% !important; }
.about1 .line{width: 100%; display: block; border-bottom: 1px solid rgba(255,255,255,0.3); margin-top: 0.33rem;}
.about1 .info1{ width: 100%;color:#fff;font-weight: 400; margin-top:0.16rem;
font-size: calc(14px + 0.08rem);
line-height: calc(22px + 0.18rem);min-height: calc(44px + 0.36rem);
}
.about1 .tit1{  width: 100%;
color:#fff;font-weight: bold;
font-size: 0.32rem;
line-height: 0.42rem;
}
.about1 .list{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:0.48rem; }
.about1 .list .li{ display: flex; flex-direction: column; margin-top:0.3rem; }
.about1 .list .li .num{ display: flex;color:#fff;}
.about1 .list .li .countup{ display: flex;color:#fff;font-weight: bold; font-size: 0.93rem;line-height:0.98rem;}
.about1 .list .li .dw{ display: flex;color:#fff; font-size: calc(14px + 0.06rem);line-height: 0.6rem; margin-left: 5px;}
.about1 .list .li .p{ display: flex;color:#fff;font-weight: 400; font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.06rem);}

@media screen and (max-width:1440px) {
.about1 .right{ margin-top:0.7rem; padding:0.5rem 0.46rem;  }
.about1 .left{width:calc(50% + 0.95rem); padding:0.5rem 1.4rem 0.5rem 0.46rem; margin-right:-0.95rem; margin-bottom:0.7rem;}
}
@media screen and (max-width:1024px) {
.about1 .box{ flex-wrap: wrap;}	
.about1 .left{ width:100%; border-radius: 10px 10px 0 0; margin:0; padding:20px 15px;}
.about1 .right{ width:100%; border-radius: 0 0 10px 10px; margin:0; padding:20px 15px; }
.about1 .tit{ font-size:20px; line-height: 30px;}
.about1 .tit::after{ height:10px; }
.about1 .info{ font-size:14px; line-height: 26px;}
.about1 .tit1{ font-size:18px; line-height: 28px;}
.about1 .info1{ font-size:14px; line-height: 26px;}
.about1 .list .li .countup{ font-size:24px; line-height:34px;}
.about1 .list .li .dw{ font-size:14px; line-height: 30px;}
.about1 .list .li .p{ font-size:14px; line-height: 26px;}
}







/*250821end*/





.pagecon .newsbox .right{width:100%; padding: 0.28rem 0.4rem 0.28rem 0.4rem;}


.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#c80a14;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}





a.none_important{display:none !important;}













/* 250916start */
.newsbox.act .left{ top:20px;}

@media screen and (max-width:1600px)  and (min-width:1440px) {
.sec2{  padding: 30px 0.25rem 0.4rem 0.25rem;}	
.sec2 .text{ height: 44px; line-height: 34px;padding: 5px 0.2rem;}
.sec2 button{ height: 44px;}
.sec2 .yanzhengma{width: 84px; height: 42px;}
}
@media screen and (max-width:1440px) and (min-width:1270px) {
.sec2{  padding: 20px 0.25rem 0.3rem 0.25rem;}	
.sec2 ul{ padding-top: 5px;}
.sec2 .text{font-size:14px; height: 36px; line-height: 26px;padding: 5px 0.16rem;}
.sec2 .textarea{font-size:14px; line-height:24px;height: 78px;padding:6px 0.16rem;}
.sec2 button{font-size:14px; height: 36px;}
.sec2 .yanzhengma{width: 76px; height:38px;}
}
@media screen and (max-width:1270px) and (min-width:1024px) {
.sec2{padding:15px 15px 20px 15px;}	
.sec2 .text{height:32px; line-height:28px; font-size:14px; padding:5px 14px;}
.sec2 .textarea{ line-height:26px; font-size:14px;height:58px; padding:6px 14px;}
.sec2 .yanzhengma{ width:56px; height:30px; }
.sec2 button{height:32px; font-size:14px;}
.sec2 ul{padding-top:0;}
}




/* 250916end */




/* 250923start */

@media screen and (max-width:1024px) {
.index-banner .box{ top: 40%;}
._Hlang  ._Plan{ display: none;}
.form1 .lab:nth-child(8){  width: 63%;}
.form1 .lab:nth-child(9){  width: 34%;}
.form1 .text{ padding: 5px 0 5px 14px;}


}



.PlanBox{ -webkit-clip-path: ellipse(0 0 at 100% 0);}
.PlanBox.active { -webkit-clip-path: ellipse(141% 141% at 100% 0);} 

.globalD{ -webkit-clip-path: ellipse(0 0 at 100% 0); }
.globalD.active { -webkit-clip-path: ellipse(141% 141% at 100% 0);}  


/* 250923end */




@media screen and (max-width:1024px) {
img{pointer-events: none;}
img.yangzhengma{pointer-events:initial;}
.newsbox .sect .cont img{pointer-events:initial;}
}



/*250929start*/
.form1 .yangzhengma{  object-fit: contain;}
@media screen and (max-width:1024px) {
.form1 .yangzhengma{min-width: 66px;width: 66px;}
.form1 .lab:nth-child(8){  width: 65%;}
.form1 .lab:nth-child(9){  width: 32%;}
.globalD .right .title{font-size: 19px;}
.globalD{z-index: -50;}
.globalD.active{z-index: 99999;}
.t_navs{ z-index: 9999;}
}


/*250929end*/