@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "微软雅黑";font-family: "PingFang";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PingFang"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ background-color: #fff; min-width:1400px; }

@keyframes sliderPagination {
    100% {transform: scaleX(1); opacity: 1;}
}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }

@font-face {
  font-family: 'PingFang';
  src: url('PingFang.TTF');
}


@-webkit-keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}
@keyframes heightChange {
  0% {transform: scale(1, 0);}
  100% { transform: scale(1);}
}
@-webkit-keyframes heightChange {
  0% {transform: scale(1, 0);}
  100% {transform: scale(1); }
}
.styles::-webkit-input-placeholder {
    font-style: 1em;
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0, rgba(255,255,255,0.9) var(--size), rgba(255,255,255,0.9) var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.styles:-ms-input-placeholder {
    font-style: 1em;
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0, rgba(255,255,255,0.9) var(--size), rgba(255,255,255,0.9) var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.styles::placeholder {
    font-style: 1em;
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0, rgba(255,255,255,0.9) var(--size), rgba(255,255,255,0.9) var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.styles2::-webkit-input-placeholder {
    font-style: 1em;
    background: linear-gradient(to right, rgba(0,0,0,0.9) 0, rgba(0,0,0,0.9) var(--size), rgba(0,0,0,0.9) var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.styles2:-ms-input-placeholder {
    font-style: 1em;
    background: linear-gradient(to right, rgba(0,0,0,0.9) 0, rgba(0,0,0,0.9) var(--size), rgba(0,0,0,0.9) var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.styles2::placeholder {
    font-style: 1em;
    background: linear-gradient(to right, rgba(0,0,0,0.9) 0, rgba(0,0,0,0.9) var(--size), rgba(0,0,0,0.9) var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.styles3::-webkit-input-placeholder {
    font-style: 1em;
    background: linear-gradient(to right, #999 0, #999 var(--size), #999 var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.styles3:-ms-input-placeholder {
    font-style: 1em;
    background: linear-gradient(to right, #999 0, #999 var(--size), #999 var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.styles3::placeholder {
    font-style: 1em;
    background: linear-gradient(to right, #999 0, #999 var(--size), #999 var(--size),  rgba(255,0,0,0.9) var(--size));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
@-webkit-keyframes ripple-1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes ripple-1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

.ct1120{ width: 1120px; max-width: 100%; margin:0 auto; }
.cont{ width: 1400px; max-width: 100%; margin:0 auto; }
.cont12{ width: 1200px; max-width: 100%; margin:0 auto; }

.flex-end{ display: flex; align-items: center; justify-content: flex-end; }
.flex-between{ display: flex; align-items: center; justify-content: space-between; }
.flex-between-start{ display: flex; align-items: flex-start; justify-content: space-between; }
.flex-between-end{ display: flex; align-items: flex-end; justify-content: space-between; }
.flex-center{ display: flex; align-items: center; justify-content: center; }
.flex{ display: flex; align-items: center; }
.flex1{ flex:1; }

.header{ /*position: fixed; left: 0; top: 0; width: 100%;*/ z-index: 9; background-color:#fff; padding:0; /*position: absolute;*/ position: relative; z-index: 90; transition: all 0.4s;}
.header .lxa{ font-size:16px; color: #fff; margin-left: 30px; cursor: pointer; }
.header .lxa img{ display: block; width: 16px; margin-right: 6px; }
.header .lxa:hover{ text-decoration: underline; }
.header .nav{ width: 100%; font-family: "微软雅黑"; }
.header .nav .logoa{ height: 60px; }
.header .nav .logoa img{ height: 60px; }
.header .nav ul{ margin:0 20px; flex:1; display: flex; align-items: center; justify-content: space-around; }
.header .nav ul li{ position: relative;  }
.header .nav ul li .nava{ display: block; line-height: 90px; position: relative; font-size: 20px; color: #091836; text-align: center; cursor: pointer; transition: all 0.4s; }
.header .nav ul li.on .nava{ color: #D90429;}
.header .nav ul li:hover .nava{color: #D90429; }
.header .nav ul li .drops{ position: absolute; left: 50%; top: 100%; width: 260px; display: none; background-color: #091836; font-family: 'PingFang'; border-top: 6px solid #D90429; margin-left: -130px; padding: 0 20px; }

.header .nav ul li .done{ position: relative; }
.header .nav ul li .doa{ display: block; line-height: 44px; line-height: 20px; color: #fff; font-size: 18px;  border-bottom:1px solid #213146; cursor: pointer; padding: 14px 0;} 
.header .nav ul li .doa:hover{ color: #D90429; font-weight: bold;  }
.header .nav ul li .done:last-child .doa{ border-bottom: none; }
.header .nav ul li .dta{ display: block; line-height: 44px; line-height: 20px; padding: 12px 20px; color: #fff; font-size: 18px; background-color: #091836; border-bottom:1px solid #213146; cursor: pointer;  } 
.header .nav ul li .dta:hover{ color: #D90429; font-weight: bold;  }
.header .nav ul li .dtwo{ position: absolute; left: 100%; top: 0; width: 260px; display: none; border-left: 30px solid transparent; }
.header .nav ul li .dtwo .dta:last-child{ border-bottom: none; }
.header .nav ul li:hover .drops{ display: block; }
.header .nav ul li .done:hover .dtwo{ display: block; }
.header .nav .menus{ display: none; }

.header .language{ padding: 0 16px; margin-left: 0; position: relative; min-width: 100px; z-index: 3; }
.header .language:before{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; background-color: #484764; margin-top: -10px;  }
.header .language p{ font-size: 16px; color: #000; display: block; display: flex; align-items: center; justify-content: center; height: 24px; cursor: pointer;}
.header .language p i{ color: #fff; margin-right: 6px; }
.header .language p img{ display: block; width: 20px; margin-left: 6px;  }
.header .language p em{ background: url(../img/icon64.webp) no-repeat center center / 15px auto; width: 20px; height: 20px; display: none; }
.header .language .drop { display: none; position: absolute; top:100%; left: 50%; width: 110px;  margin-left: -55px; padding-top: 10px; }
.header .language .drop .dlink{ box-sizing: border-box; width: 100%; transform-origin: top; text-align: left; line-height: 36px; padding:10px 10px; font-size: 15px; background: #fff; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
.header .language .drop .dlink a{ cursor: pointer; display: flex; align-items: center; justify-content: center; color: #000;  }
.header .language .drop .dlink a:last-child{ margin-bottom: 0; }
.header .language .drop .dlink a img{ width: 21px; margin-left:6px; }
.header .language .drop .dlink a:hover{ color: #D90429; }
.header .language .drop.on{ display: block; }
.header .language .drop.on .dlink{ -webkit-animation: heightChange 0.2s linear; animation: heightChange 0.2s linear; }
.header .openput{ width: 54px; height: 54px; background: url(../img/img5.webp) no-repeat center / 100% 100%; cursor: pointer; }

.header.black{ background-color: #1F1E3B; height: 100px; }
.header.black .nav{ background-color: #fff; border-radius: 10px; height: 100px; padding: 0 3%; }
.header .tops{ display: flex; align-items: center; height: 40px; }
.header .tops p{ display: flex; align-items: center; font-size: 16px; color: #fff; }
.header .tops p b{ font-weight: bold; }
.header .tops p .line{ display: block; width: 1px; height: 20px; background-color: #484764; margin:0 16px; }
.header .tops p .tela{ display: block;  color: #fff; margin-left: 5px; cursor: pointer; }
.header .tops p .tela:hover{ color: #D90429; }
.header .tops p .maila{ display: block; color: #D90429; font-size: 16px; text-decoration: underline; margin-left: 20px; font-weight: bold; cursor: pointer; }
.header .tops .link{ display: flex; align-items: center; }
.header .tops .link .lka{ width: 16px; height: 16px; cursor: pointer; display: block; margin-right: 22px; }
.header .tops .link .lka img{ width: 16px; height: 16px; display: block; }


.header.white{position: fixed; left: 0; top: 0; width: 100%; height: auto;}
.header.white .tops{ display: none; }

.footer{ background-color: #0A1222; font-family: 'PingFang'; }
.footer .ftop{ border-bottom: 1px solid #1F2839; }

.footer .lxs{ font-size:18px; line-height: 1.2; color: #fff; display: flex; align-items: center; justify-content: space-between;  }
.footer .lxs .lxone{ padding: 20px 0 20px 3%; cursor: pointer; transition: all 0.4s; color: #fff; display: flex; align-items: center; justify-content: center; width: 33.33%; border-left: 1px solid #1F2839; }
.footer .lxs .lxone:first-child{ border-left: none; padding-left: 0; }
.footer .lxs .lxone i{ background-color: #151D2C; border-radius: 8px; margin-right: 20px; position: relative; overflow: hidden;}
.footer .lxs .lxone i b{ display: block; width: 60px; height: 60px; background-position:center center; background-repeat: no-repeat; background-size: 26px auto; position: relative; z-index: 3;}
.footer .lxs .lxone i:before{ content:""; position: absolute; left:0; bottom: 0; width: 100%; height: 0; background-color: #D90429; transition: all 0.4s; z-index:0; }
.footer .lxs .lxone:hover i:before{ height: 100%; }
.footer .lxs .lxone i.bg01 b{ background-image: url(../img/img50.webp);}
.footer .lxs .lxone i.bg02 b{ background-image: url(../img/img51.webp);}
.footer .lxs .lxone i.bg03 b{ background-image: url(../img/img52.webp);}
.footer .lxs .lxone span{ flex:1; }

.footer .speace{ padding: 66px 0 44px; font-size: 18px; color: #999; line-height: 1.5; display: flex; align-items: flex-start; justify-content: space-between; }
.footer .speace .info{ width: 21%; }
.footer .logoa{ display: block; width:195px; cursor: pointer; margin:0 auto 20px; }
.footer .logoa img{ display: block; width: 100%; }
.footer h3{ font-size: 24px; color: #fff; line-height: 80px; text-transform: capitalize; font-family: 'PingFang'; font-family: "微软雅黑";  }
.footer .links{ display: block; }
.footer .links .lka{ display: block; font-size: 18px; color: #999; line-height: 44px; transition: all 0.4s; cursor: pointer; text-transform: capitalize; width: auto;}
.footer .links .lka:hover{ color: #D90429; transform:translateX(2px); }
.footer .ones:last-child{ width: 28%; }
.footer .send{ display: block; overflow: hidden; margin:20px 0;}
.footer .send input{ width: calc(100% - 60px); height: 50px; line-height: 48px; padding: 0 18px; font-size: 16px; color: #999; box-shadow: none; border:none; border:1px solid #232A39; border-radius: 6px 0 0 6px; float: left;   }
.footer .send button{ display: block; width: 60px; height: 50px; cursor: pointer; background:#D90429 url(../img/img63.webp) no-repeat center center / 27px auto; border-radius: 0 6px 6px 0; float: left; box-shadow: none; border:none; }
.footer .fbot{ font-size: 16px; color: #999; line-height: 24px; padding: 25px 0; border-top: 1px solid #1F2839; display: flex; align-items: center; justify-content: space-between; }
.footer .fbot p{ font-size: 16px; }
.footer .fbot a{ font-size: 16px; color: #999; cursor: pointer;  }
.footer .fbot a:hover{ color:#D90429; }


.smban{ height: 400px; background-image: url(../img/img42.webp); background-size: auto 100%; background-position: center; background-repeat: no-repeat; position: relative; font-family: "微软雅黑"; z-index: 3; }
.smban .word{ position: absolute; left: 0; top: 10%; display: flex; align-items: center; justify-content: center; bottom: 10px; width: 100%; z-index: 1; text-align: center; }
.smban .word .wta{ font-size: 70px; color: #fff; font-weight: bold; line-height: 2; }
.smban .word .wtb{ font-size: 30px; color: #fff; line-height: 2; }
.smban.h960{ height: 960px; }

.gdways{ line-height: 60px; font-family: 'PingFang'; display: flex; align-items: center; justify-content: center; }
.gdways .area{ font-size: 30px; color: #fff; font-family: 'PingFang';}
.gdways .area .icon{ display: block; width: 28px; margin-right: 12px; }
.gdways .area p a{ transition: all 0.4s; color: #fff; }
.gdways .area p a:hover{ color:#DE9A4F; color: #FFB000;  }
.gdways .area p i{ padding: 0 3px; color: #fff; }

@media(max-width:1820px){
    .header{ padding: 0 2.5%; }
    .header .language{ margin-left: 15px; }
}
@media(max-width:1720px){
    .header .nav ul li .nava{ padding: 0 15px; }
}
@media(max-width:1620px){
    .header .nav ul li .nava{font-size: 18px; }
    .header .lxa{ margin-left: 20px; font-size: 15px; }
}
@media(max-width:1520px){
    .header .nav ul li .nava{ padding: 0 12px;}

    .header .language{ margin-left: 10px; padding: 0 10px; font-size: 14px; }
    .header .lxa{ margin-left: 15px; font-size: 14px; }
}

@media(max-width:1420px){
	body{ min-width: 320px; }
	.cont{ width: 100%; padding-left: 30px !important; padding-right: 30px !important; }	
  .cont12{ width: 100%; padding-left: 30px!important; padding-right: 30px !important; }
  
	.cont14{ width: 100%; padding-left: 30px!important; padding-right: 30px !important; }

  .header .nav ul{ display: flex; justify-content: space-around; }
	.header .nav ul li .nava{ line-height: 72px; padding: 0 12px; font-size: 16px; }
	.header .nav .logoa img{ height: 54px; height: 48px; }

	
	.smban .word{ bottom: 10px; }
	.smban .word .wta{ font-size: 60px; }
	.gdways .area{ font-size: 17px; }
    
  
}


@media(max-width:1350px){
	.header .nav ul li .drops{ width: 190px; }
	.header .nav ul li .doa{ font-size: 14px; padding: 12px 18px; }
	.header .nav ul li .dtwo{ width: 190px; }
	.header .nav ul li .dta{ font-size: 14px; padding: 12px 10px; }

	.footer .ones{  }
}

@media(max-width:1220px){
	.cont{ width: 100%; padding-left: 3vw !important; padding-right: 3vw !important;  }	
  .cont12{ width: 100%; padding-left: 3vw; padding-right: 3vw; }
  .cont136{ width: 100%; padding-left: 3vw; padding-right: 3vw; }
	.cont14{ width: 100%; padding-left: 3vw; padding-right: 3vw; }
  .ct1120{ padding-left: 3vw; padding-right: 3vw; }

	
	.smban .word{ bottom: 10px; }
	.smban .word .wta{ font-size: 50px; }
	.smban .word .wtb{ font-size: 24px;}
	.gdways .area{ font-size: 16px; }
	.gdways .sharea{ margin-right: 15px; }


	.footer h3{ font-size: 20px; line-height: 50px; }
	.footer .links .lka{ font-size: 14px; line-height:36px;}

	.footer .lxs .lxone{ height: 40px; }
	.footer .lxs{ font-size: 15px; }


	
}

.flex1{ flex:1; }
@media(max-width:1024px){
	.cont{ width: 100%; padding-left: 0.3rem !important; padding-right: 0.3rem !important;  }	
  .cont12{ width: 100%; padding-left: 0.3rem !important; padding-right: 0.3rem !important; }
  .cont136{ width: 100%; padding-left: 0.3rem !important; padding-right: 0.3rem !important; }
	.cont14{ width: 100%; padding-left: 0.3rem !important; padding-right: 0.3rem !important; }
  .cont1120{ width: 100%; padding-left: 0.3rem !important; padding-right: 0.3rem !important; }

	body{ padding-top: 1rem; }
  .header.black{ background-color: #fff; height: 1rem; }
  .header.black .nav{ padding: 0; height: 1rem; }
	.header{ position: fixed; left: 0; top: 0; z-index: 9; height:0.9rem; width: 100%; background-color: #fff; padding: 0; height: 1rem;}
  .header .cont12{ width: 100%; padding: 0; }
	
  .header .tops{ display: none; }
	.header .nav{ padding: 0.15rem 0; height: 1rem; position: relative; background: transparent; }
	.header .nav .cont{}
	.header .nav .logoa{ height: 0.6rem; }
	.header .nav .logoa img{ height: 0.6rem; }
	.header .nav ul{ position: fixed; left: -2000px; top: 0.9rem; bottom: 0; width: 100%; z-index: 99; background-color: #fff; display: block; transition: all 0.4s; margin-left: 0; }
	.header .nav ul.on{ left: 0; }
	.header .nav ul li{ line-height: 0.8rem; font-size: 0.3rem; color: #333; float: none; padding: 0 0rem; border-bottom: 0.02rem solid #eee; text-align: left;  }
	.header .nav ul li .nava{ line-height: 0.8rem; font-size: 0.3rem; color: #333; text-align: left; padding: 0 0.3rem;}
	.header .nav ul li .nava:after{ display: none; }
	.header .nav .menus{ width: 0.8rem; height: 0.8rem; position: absolute; right: 0; top: 50%; margin-top: -0.4rem; background-image: url(../img/menu.webp); background-size: 0.9rem auto; background-position: center; background-repeat: no-repeat; display: block; }
  .header .openput{ width: 0.8rem; height: 0.8rem; background-size: 0.6rem auto; margin-left: 0.3rem; position: absolute; right: 1rem; top: 50%; margin-top: -0.4rem; }
	.header .nav ul li .drops{ display: none !important; }
	
	.smban{ height:4rem; }
	.smban .word{ bottom: 0.2rem; }
	.smban .word .wta{ font-size: 0.5rem; }
	.smban .word .wtb{ font-size: 0.28rem;}
	.smban.h960{ height: 9.6rem; }
	.gdways{ padding: 0.12rem 0; line-height: 0.6rem; }
	.gdways .area .icon{ width: 0.3rem; margin-right: 0.1rem; }
	.gdways .cont{ display: block; }
	.gdways .area{ font-size: 0.24rem; font-size: 12px; }
	.gdways .area p i{ padding: 0; }
	.gdways .area{ width: 100%; justify-content: center; }
  


  .footer .ftop{ border-bottom: 0.02rem solid #1F2839; }

  .footer .lxs{ font-size:0.28rem; line-height: 1.2; color: #fff; display:block;  }
  .footer .lxs .lxone{ padding: 0.2rem 0; width:100%; border-left:none; border-bottom:  1px solid #1F2839; height: auto; }
  .footer .lxs .lxone i{ width: 0.6rem; height: 0.6rem; border-radius: 0.1rem; margin-right: 0.2rem; }
  .footer .lxs .lxone i b{ background-size: 0.3rem auto; width: 0.6rem; height: 0.6rem; }
  .footer .lxs .lxone:last-child{ border-bottom: none; }
  .footer .speace{ padding:0.3rem 0; font-size: 0.26rem; line-height: 1.5; display: block; }
  .footer .speace .info{ width: 100%; }
  .footer .logoa{ display: block; width:2.2rem;  margin:0 0 0.2rem; }
  .footer .logoa img{ display: block; width: 100%; height: auto;}
  .footer h3{ font-size: 0.3rem; line-height: 3; }
  .footer .ones{ display: none; width: 100%; }
  .footer .ones:last-child{ display: block; width: 100%; }
  .footer .send{ margin:0.2rem 0;}
  .footer .send input{ width: calc(100% - 0.8rem); height: 0.8rem; line-height: 0.76rem; padding: 0 0.2rem; font-size: 0.26rem; border:0.02rem solid #232A39; border-radius: 6px 0 0 6px; float: left;   }
  .footer .send button{ display: block; width: 0.8rem; height: 0.8rem; cursor: pointer; background:#D90429 url(../img/img63.webp) no-repeat center center / 0.4rem auto; border-radius: 0 6px 6px 0; float: left; box-shadow: none; border:none; }

  .footer .fbot{ font-size: 0.24rem; line-height: 1.3; padding:0.25rem 0; border-top: 0.02rem solid #1F2839; display: block; text-align: center; }
  .footer .fbot p{ font-size: 0.24rem; padding: 0; }
  .footer .fbot a{ font-size: 0.24rem; }
  .footer .fbot p:first-child{ margin-bottom: 0.2rem; }

	

}

.quote{ position: fixed; z-index: 99; display: none; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.75);}
.quote.on{ display: block; /*animation: .2s zoomInA ease; */}
.quote .mid{ width: 800px; display: block;  padding: 20px 60px 40px; box-shadow: 0px 5px 15px 1px rgba(201,198,198,0.8); border-radius: 5px; overflow: hidden; left:50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 8px; position: fixed;}
.quote .close{ position: absolute; right: 0; top: 0; width: 40px; padding: 10px; z-index: 3; cursor: pointer; }
.quote h3{ font-size: 48px; line-height: 1.2; text-align: center; color: #091836; line-height: 66px; text-align: center; font-weight: bold; } 
.quote h4{ font-size: 18px; color: #091836; margin: 12px 0 20px; line-height: 22px; }
.quote .fills{ display: block; position: relative; border-radius: 0px; overflow: hidden; }
.quote .fills .fone{ margin-bottom: 20px; width: calc(50% - 20px); margin-right: 40px; float: left; }
.quote .fills input{ display: block; width: 100%; float: left; line-height: 38px; border:1px solid #b3b2b2; padding: 0px 14px; box-shadow: none; font-size: 16px; color: #999; }
.quote .fills .fone:nth-child(2n){ margin-right: 0; }
.quote .fills .fone.all{ margin-right: 0; width: 100%; }
.quote .fills textarea{ display: block; width: 100%; line-height: 140px; border:1px solid #b3b2b2; line-height: 38px; padding: 0px 14px; box-shadow: none; font-size: 16px; color: #999; height: 140px; resize: none; }
.quote .fills button{ display: block; width: 320px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; box-shadow: none; background: linear-gradient(68deg, #D90528 0%, #D91818 72%, #D92B04 100%); cursor: pointer; border:none; box-shadow: none; border-radius: 4px; float: left; margin:20px calc(50% - 160px) 0; }

.popfeed{ position: fixed; left: 0%; top: 0%; z-index: 1000; background:#fff url(../img/img1.webp) no-repeat center top / 100% auto ;width: 100%; height: 100%; display: none; }
.popfeed .word{ background-color: #fff; margin:15% auto 0; width:900px; padding: 80px 110px; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0px 5px 9px 0px rgba(16,5,9,0.19); position: relative; }
.popfeed .word h3{ font-size: 60px; font-weight: bold; color: #222222; line-height: 0.9; }
.popfeed .word h4{ font-size: 28px; color: #222; line-height: 1.5; margin:50px auto; }
.popfeed .word .deal{ display: flex; align-items: center; justify-content: space-between; width: 100%; }
.popfeed .word .deal a{ display: block; width: 300px; background-color: #041F55; height:70px; line-height: 70px; font-size: 30px; color: #fff; text-align: center; cursor: pointer; border-radius: 0px; }
.popfeed .word .deal a:hover{background-color: #D90429; }
.popfeed .close{ position: absolute; right:0px; top: 0px; width:50px; height: 50px; padding: 13px; cursor: pointer; z-index: 3;  }
.popfeed .word .deal a.bgbtn{ background-color: #D90429; }

.popinfo{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.75); display: none; }
.popinfo .mid{ position: fixed; right: -2000px; top:0; height: 100%; overflow-y: auto; width: 440px; background-color: #fff; z-index: 2; padding:40px 30px 40px; right: 0; transition: all 0.4s;  }
.popinfo .close{ position: absolute; right:0px; top: 0px; width:50px; height: 50px; padding: 13px; cursor: pointer; z-index: 3;  }
.popinfo .logo{ display: block; width: 235px; cursor: pointer; }
.popinfo .logo img{ display: block; width:100%; }
.popinfo .mpart{ padding-top: 25px; margin-top: 22px; border-top: 1px solid #ddd; }
.popinfo .mpart.notop{ border-top:none; padding-top: 0; margin-top: 30px; }
.popinfo .mpart h4{ font-size: 22px; color: #091836; line-height: 1.3; font-weight: bold; margin-bottom: 15px; }
.popinfo .mpart h5{ font-size: 16px; color: #666; line-height: 1.5; }
.popinfo .mpart input{ display: block; background-color: #F8F8F8; border-radius: 4px; border:1px solid rgba(0,0,0,0.1); font-size: 16px; color: #999; padding: 0 20px; width: 100%; margin-bottom: 20px; height: 50px; line-height: 48px; margin-top: 20px; }
.popinfo .mpart button{ width: 230px; height: 50px; background: linear-gradient(68deg, #D90528 23%, #D91818 64%, #D92B04 100%); border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; border:none; box-shadow: none; margin-bottom: 28px; cursor: pointer; }
.popinfo .libs{ margin-top: 20px;  }
.popinfo .libs .lib{ display: flex; align-items:center; font-size: 16px; color: #666; margin-bottom: 20px; cursor: pointer; transition: all 0.4s; }
.popinfo .libs .lib i{ display: block; width: 32px; height: 32px; margin-right: 12px; background: url(../img/img85.webp) no-repeat center center / auto 26px; }
.popinfo .libs .lib span{ display: block; width: calc(100% - 44px); }
.popinfo .libs .lib i.icon02{ background-image:url(../img/img86.webp); background-size: 26px auto; }
.popinfo .libs .lib i.icon03{ background-image:url(../img/img87.webp); }
.popinfo .libs .lib i.icon04{ background-image:url(../img/img88.webp); }
.popinfo .libs .lib:hover{ color: #d90429; transition: all 0.4s; }
.popinfo .libs .lib:hover span{ transform:translateX(2px);}
.popinfo.on{ display: block; }
.popinfo.on .mid{ right:0; }

.share{ display: flex; align-items: center; }
.share .sharea{ display: block; width: 36px; margin-right: 14px; cursor: pointer; }
.share .sharea img{ display: block; width:100%; height: auto;}
.share .sharea .iconb{ display:none; }
.share .sharea:hover .icona{ display:none; }
.share .sharea:hover .iconb{ display:block; }

.sidebtn{ position: fixed; top: 20%; z-index: 10; right: 0; }
.sidebtn .lka{ display: block; height: 40px; cursor: pointer; background-color: #6708C0; border-radius: 20px 0 0 20px; padding: 0 15px; display: flex; align-items: center; position: absolute; right: 0; top: 0; }
.sidebtn .lka .icon{ display: block; width:28px; height: 28px; background:url(../img/img8.webp) no-repeat center / 24px auto;  }
.sidebtn .lka p{ font-size: 16px; color: #fff; line-height: 40px; transition: all 0.4s; overflow: hidden; padding-left: 12px; width: 90px; display: flex; align-items: center; transition: all 0.4s; }
.sidebtn .lka p span{ display: block; width:0; overflow: hidden; transition: all 0.4s; padding-left: 5px; }
.sidebtn .lka .icon.icon01{ background-image:url(../img/img8.webp); }
.sidebtn .lka .icon.icon02{ background-image:url(../img/img9.webp); }
.sidebtn .lka .icon.icon03{ background-image:url(../img/img10.webp); }
.sidebtn .lka .icon.icon04{ background-image:url(../img/img11.webp); background-size: 20px auto; }
.sidebtn .lka:nth-child(2){ background-color: #12852A; top: 60px; }
.sidebtn .lka:nth-child(3){ background-color: #063488; top: 120px; }
.sidebtn .lka:nth-child(4){ background-color: #D90429; top: 180px; }
.sidebtn .lka:hover p{ width: auto; }
.sidebtn .lka:hover p span{ width: auto; }

.skype{
    padding: 28px;
    background: #d90429;
    border-radius: 20px 0px 0px 20px;
    text-align: center;
    display: none;
    position: fixed;
    top: calc(20% + 180px);
    right: 0;
    z-index: 19;
}
.skype .code{
    width: 206px;
    height:210px ;
}

.gotop{ display: block; width: 64px; position: fixed; right: 30px; bottom: 100px; cursor: pointer; z-index: 3; background: url(../img/img139.webp) no-repeat center / 100% 100%; }
.gotop img{ display: block; width: 100%;animation:turn 6s linear infinite;    }
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}

.fastopen2{ position: fixed; right: 60px; bottom: 0; z-index: 99; background: linear-gradient(68deg, #D90528 22%, #D91818 69%, #D92B04 100%);; height: 80px; border-radius: 14px 14px 0 0; font-size: 26px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; right:0px; width: 230px; text-transform: uppercase; width: 400px; height: 80px; width: 300px; height: 60px; font-size: 20px; }
.fastopen2 img{ display: block; margin-left:22px; width: 38px; width: 32px; margin-left: 20px; }



.banner{ width: 100%; position: relative; height: 800px; background-color: #000; font-family: "微软雅黑";  overflow: hidden; }
.banner .cont12{ position: relative; }
.banner .ban_sw{ position: relative; overflow: hidden; height: 100%; }
.banner .playbtn{ position: absolute; display: block; width:60px;height: 60px;  left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 99; }
.banner .pausebtn{ position: absolute; display: block; width:60px; height: 60px;  left: 7.5%; bottom: 20px; z-index: 99; background: url(../img/pause.webp) no-repeat; background-size: auto 100%; background-position: center; cursor: pointer; }
.banner .videobox{ width: 100%; position: absolute; left: 0; top:  0; width:100%; height:100%; z-index:8; display: block; height: 960px; background-color:rgba(255, 176, 0, 0.2); display: none; }
.banner .videobox.active{ z-index: 5; }
.banner .videobox #video2{ display: block; height: 960px; height: auto !important; width: 100%; margin:0 auto; }
.banner .swiper-slide{ height: 960px; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; position: relative; overflow: hidden; }
.banner .swiper-pagination{ bottom: 40px; bottom: 190px; z-index: 3; width: 150px; height: 40px; background:rgba(255, 176, 0, 0.2); border-radius: 40px; left:50%; margin-left: -75px; display: flex; align-items: center; justify-content: center; }
.banner .swiper-pagination-bullet{ width: 10px; height:10px; background-color: #fff; opacity: 0.5; margin:0 10px !important; border-radius: 50%; }
.banner .swiper-pagination-bullet-active{ opacity: 1; width: 12px; height: 12px; background-color: transparent; border:2px solid #fff;  }
.banner .word{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; z-index: 2; height: 100%; display: flex; justify-content: center; flex-direction: column; max-width: 1000px;   }
.banner .word .cont{ position: relative; max-width: 100%; }
.banner .word h3{ font-size: 70px; line-height: 1.05; font-weight: bold; color: #fff; text-shadow: #D90429 1px 3px 0;   }
.banner .word h4{ font-size: 24px; color: #fff; margin:40px 0; font-weight: normal; line-height: 1.2; font-family: "PingFang";  }
.banner .word .btna{ width: 260px; height: 60px; background: linear-gradient(68deg, #D90528 15%, #D91818 67%, #D92B04 100%); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; cursor: pointer; margin:25px 0 40px; font-family: "PingFang"; }
.banner .change{ position: absolute; left:6.8%; top: 50%; transform: translateY(-50%); z-index: 3; width: 60px;  }
.banner .change .prev{ width: 60px; height: 60px; background:url(../img/img14.webp) no-repeat center center / 100% 100%; cursor: pointer; opacity: 0.8;  }
.banner .change .next{ width: 60px; height: 60px; background:url(../img/img15.webp) no-repeat center center / 100% 100%; margin-top: 30px; cursor: pointer; opacity: 0.8;  }
.banner .change .prev:hover{ opacity: 1; }
.banner .change .next:hover{ opacity: 1; }

.play-btn { position: relative; width: 60px; height: 60px;/* right: 0px; top: 50%; margin-top: -57px;*/ z-index: 9; cursor: pointer; }
.play-btn a.video-icon { position: absolute; left: 0%; top: 0%; width: 100%; height:100%; transition: all 0.3s; z-index: 1; position: static;box-shadow: none;  }
.play-btn a.video-icon i{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; border-radius: 50%; background:#D90429 url(../img/img03.webp) no-repeat 24px center / 16px auto; -webkit-transition: all 0.3s; }
.play-btn .video-icon:before,
.play-btn .video-icon:after { position: absolute; top: 50%; left: 50%; width:5px; height: 5px;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; }
.play-btn .video-icon:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; }
.play-btn .video-icon:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; }

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 60px rgba(255, 176, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 176, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 60px rgba(255, 176, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 176, 0, 0);}
}

@media(max-width:1350px){
  .banner .word h3{ font-size: 60px; }
  .banner .word h4{ font-size: 20px; color: #fff; margin:40px 0;   }

}

@media(max-width:1024px){
	.quote{}
  .quote .mid{ width: 6.3rem; padding: 0.3rem 0.4rem; }
	.quote .fills .tx{ width: 1.2rem; top: -0.7rem; }
	.quote h3{ font-size: 0.38rem; line-height: 1.4; }
  .quote h4{ font-size: 0.28rem; line-height: 1.4; margin:0.12rem 0 0.2rem; }
	.quote .fills{ padding: 0rem 0rem 0.2rem; }
  .quote .fills button{ width: 100%; }
  .quote .fills .fone{ width: 100%; margin-right: 0; margin-bottom: 0.2rem; }
  .quote .fills input{ line-height: 0.6rem; border-width: 0.02rem; padding: 0 0.15rem; font-size: 0.28rem;  }
  .quote .fills textarea{ line-height: 0.44rem; height: 2rem; padding: 0.06rem 0.15rem; border-width: 0.02rem; }
  .quote .fills button{ line-height: 0.76rem; height: 0.76rem; margin:0.2rem auto 0; }

	.sidebtn{ right: 0rem; }
  .fastopen2{ width: 3.2rem; height: 0.68rem; right: 0rem; font-size: 0.2rem; border-radius: 0.1rem 0.1rem 0 0; }
  .fastopen2 img{ width: 0.36rem; margin-left: 0.08rem; }
	.ct14{ width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%; }
    
	.banner .swiper-slide{ height: 6rem; background-size:  auto 100%; }
	.banner .videobox{ height: 6rem; }
	.banner .videobox #video2{ height:6rem; }
	.banner{ height: 6rem; overflow: hidden; }
	.banner .word{ width:100%; padding: 0.5rem 0.3rem 0rem; }

	.banner .word h3{ font-size:0.44rem; text-shadow: #D90429 0.01rem 0.03rem 0;   }
	.banner .word h4{ font-size: 0.25rem; margin:0.32rem 0;  }
	.banner .word .btna{ width: 2.4rem; height:0.8rem; border-radius: 0.1rem; font-size:0.3rem; margin:0 0;  }
	/*.banner .swiper-pagination{ bottom:0.2rem; width: 1.5rem; height: 0.4rem; margin-left: -0.75rem; }
	.banner .swiper-pagination-bullet{ width:0.1rem; height: 0.1rem; margin:0 0.1rem !important; }
	.banner .swiper-pagination-bullet-active{ width:0.12rem; height: 0.12rem;  }*/
	.banner .word .cont{ padding-right: 1.2rem !important; }
  .banner .change{ display: none; }
	.play-btn{ width: 0.6rem; height: 0.6rem; }
	.play-btn a.video-icon i{ background-size: 0.18rem auto;  background-position: 0.22rem center; }

  .banner .pausebtn{ position: absolute; width:40px; height: 40px; left: 7.5%; bottom: 0.2rem; }
  
  @-webkit-keyframes ripple {
      70% {box-shadow: 0 0 0 0.6rem rgba(255, 176, 0, 0);}
      100% {box-shadow: 0 0 0 0 rgba(255, 176, 0, 0);}
  }

  @keyframes ripple {
      70% {box-shadow: 0 0 0 0.6rem rgba(255, 176, 0, 0);}
      100% {box-shadow: 0 0 0 0 rgba(255, 176, 0, 0);}
  }


	
	.sidebtn{ right: 0rem; display: none; }
  .gotop{ width: 0.8rem; right: 0.2rem; }
  .share .sharea{ width: 0.48rem; margin-right: 0.14rem; }
  
  
  .popfeed .word{ background-color: #fff; margin:15% auto 0; width:6rem; padding:1rem 0.5rem; }
  .popfeed .word h3{ font-size:0.5rem;}
  .popfeed .word h4{ font-size:0.32rem; margin:0.5rem auto; }
  .popfeed .word .deal a{ width: 2.3rem; height:0.7rem; line-height: 0.7rem; font-size: 0.3rem;  }
  .popfeed .close{ position: absolute; right:0px; top: 0px; width:0.8rem; height: 0.8rem; padding: 0.2rem; cursor: pointer; z-index: 3;  }

  .popinfo .mid{ width: 6rem; padding:0.4rem 0.3rem;  }
  .popinfo .close{ width:0.5rem; height: 0.5rem; padding: 0.12rem;   }
  .popinfo .logo{ width:3rem;  }
  .popinfo .logo img{ display: block; width:100%; }
  .popinfo .mpart{ padding-top: 0.25rem; margin-top:0.22rem; border-top:0.02rem solid #ddd; }
  .popinfo .mpart.notop{ margin-top: 0.25rem; }
  .popinfo .mpart h4{ font-size: 0.3rem; margin-bottom:0.15rem; }
  .popinfo .mpart h5{ font-size: 0.26rem; line-height: 1.5; }
  .popinfo .mpart input{ border-radius: 4px; border:0.02rem solid rgba(0,0,0,0.1); font-size: 0.28rem; padding: 0 0.2rem; margin-bottom:0.2rem; height:0.64rem; line-height: 0.6rem; margin-top: 0.2rem; }
  .popinfo .mpart button{ width: 2.5rem; height:0.6rem; font-size: 0.28rem;  margin-bottom: 0.25rem; }
  .popinfo .libs{ margin-top: 0.2rem;  }
  .popinfo .libs .lib{ font-size: 0.26rem; color: #666; margin-bottom: 0.15rem; }
  .popinfo .libs .lib i{ width: 0.4rem; height: 0.4rem; margin-right: 0.12rem; background: url(../img/img85.webp) no-repeat center center / auto 0.3rem; }
  .popinfo .libs .lib span{ display: block; width: calc(100% - 0.52rem); }
  .popinfo .libs .lib i.icon02{ background-image:url(../img/img86.webp); background-size: 0.3rem auto; }
}



.popvideo{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 33; background: rgba(0,0,0,0.8); display: none; }
.popvideo .pvbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.popvideo .pvmid{ width: 800px; position: fixed; left: 50%; top: 50%; transform:translate(-50%,-50%); background-color: #fff; z-index: 3; }
.popvideo .pvmid video{ display: block; width: 100%; }
.popvideo .close{ position: absolute; right: 10px; top: 10px; width: 4%; z-index: 2; cursor: pointer; }
.popvideo .icon{ position: absolute; left: 10px; bottom: 10px; width: 8%; z-index: 2; cursor: pointer; }
.popvideo .icon.play{ display: none; }

@media(max-width:1024px){
	.popvideo .pvmid{ width: 7.2rem; }
}



.errors{ position: fixed; left: 0%; top: 0%; z-index: 1000; background: url(../img/img4.webp) no-repeat center center / 100% 100%;width: 100%; height: 100%; }
.errors .word{ position: absolute; left:0; top: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.35); z-index: 9; }
.errors .word h3{ font-size: 30px; color: #fff; line-height:1.5; }
.errors .word h4{ font-size: 22px; color: #fff; line-height:2; margin:50px 0; opacity: 0.95; }
.errors .word .deal{ display: flex; align-items: center; justify-content: center; width: 100%; }
.errors .word .deal a{ display: block; width: 260px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #041F55; font-size: 20px; color: #fff; text-align: center; cursor: pointer; margin:0 30px;  text-transform: uppercase; }
.errors .word .deal a:first-child{ background-color: #D90429; }
.errors .word .deal a:hover{background-color: #D90429; }
.errors .word .tu{ display: block; width: 440px; margin:0 auto 50px; }
.errors .word .lx{ padding: 20px 0; display: flex; align-items: center; }
.errors .word .lx p{ display: flex; align-items: center; margin: 0 20px; height: 48px; font-size: 22px; color: #fff; cursor: pointer; }
.errors .word .lx p:hover{ color:#FFB000;  }
.errors .word .lx img{ display: block; width: 24px; height: auto; margin-right: 8px; }

@media(max-width:1024px){

	.errors .word .tu{ display: block; max-width: 80%; width: 3rem; margin:0 auto 0.3rem; }
	.errors .word h3{ font-size: 0.32rem; line-height:0.6rem; }
	.errors .word .lx{ padding: 0.3rem 0; display: block; }
	.errors .word .lx p{ width: 100%; font-size: 0.28rem; height: 0.6rem; margin:0; }
	.errors .word .lx img{ width: 0.28rem; margin-right: 0.12rem; }
	.errors .word .deal a{ width: 2.2rem; height: 0.6rem; font-size: 0.24rem; line-height: 0.56rem; border-width: 0.02rem; margin:0 0.1rem; }
}


/*首页*/
.btn-box{position:relative;display:inline-block;line-height:0; cursor: pointer; }
.btn-one{position:relative;display:inline-block;overflow:hidden;padding-left:50px;padding-right:50px;background-color:transparent;color:#fff;font-size:15px;line-height:60px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:5px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;z-index:2}
.btn-one:before{position:absolute;top:110px;left:-50px;right:-50px;height:170px;content:"";background:#d90429;-webkit-transform:translateY(-50px);transform:translateY(-50px);border-radius:50%;transition-duration:800ms;z-index:1}
.btn-one:hover:before{top:0;left:-70px;right:-70px}
.btn-one:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:5px;opacity:1;transform:scaleX(1.0);transition-duration:800ms;background-image:-moz-linear-gradient(0deg,#d90429 0,#d91817 57%,#d92c04 100%);background-image:-webkit-linear-gradient(0deg,#d90429 0,#d91817 57%,#d92c04 100%);background-image:-ms-linear-gradient(0deg,#d90429 0,#d91817 57%,#d92c04 100%);z-index:-1}
.btn-one:hover:after{transform:scaleX(0);transition-duration:1500ms}
.btn-one .txt{position:relative;z-index:1}
.btn-one:hover,.btn-one:focus{color:#fff}

.popinfo .btn-box{ margin-bottom: 28px; }
.popinfo .btn-box .btn-one{ line-height: 50px; padding-left: 60px; padding-right: 60px; text-transform: capitalize; }

.syabout{ padding: 110px 0;  }
.syabout .both{ overflow: hidden; }
.syabout .pics{ float: left; width: 522px; width: 38%;  }
.syabout .photo{ position: relative; padding-left: 238px; padding-left: 45.6%; padding-left: 35%; }
.syabout .photo .pic{ width: calc(90% - 20px); width: 246px; margin-left:38px; overflow: hidden; position: relative; z-index: 2; width: 72%; margin-left:28%;  }
.syabout .photo .pic img{ display: block; width: 100%; transition:all 0.4s; }
.syabout .photo .pic:hover img{ transform: scale(1.05); }
.syabout .photo .pic.dw{ width: calc(51%); width: 256px; position: absolute; left: 0; bottom: 0; z-index: 1; margin-left: 0; width: 49%;  }
.syabout .photo .year{ background-color: #D90429; height: 170px; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; margin-top: 20px; position: relative; z-index: 3; font-weight: bold; font-family: "微软雅黑"; line-height: 1.4; }
.syabout .info{ width: 58%; float: right; }
.syabout .info p{ font-size: 18px; color: #273651; line-height: 1.8; margin:20px 0 30px; width: 80%; }
.syabout .info .deals{ display: flex; align-items: center; justify-content: space-between; width: 80%; }
.syabout .info .deals .btna{ height: 70px; width: 48%; border:1px solid #DDDDDD; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #333; transition: all 0.4s; cursor: pointer; }
.syabout .info .deals .btna i{ display: block; width:40px; height: 40px; background: url(../img/img16.webp) no-repeat center / 100% 100%; margin-right: 16px; transition: all 0.4s; }
.syabout .info .deals .btna i.icon2{ background-image: url(../img/img17.webp); }
.syabout .info .deals .btna:hover i.icon1{ background-image: url(../img/img16b.webp); }
.syabout .info .deals .btna:hover i.icon2{ background-image: url(../img/img17b.webp); }
.syabout .info .deals .btna:hover{ background-color:#D90429; border-color: #D90429; color: #fff; }

.morea{ text-transform: uppercase; font-size: 18px; color: #D90429; height: 22px; cursor: pointer; font-weight: bold; }
.tita{ margin-bottom: 40px; position: relative; } 
.tita h4{ display: flex; align-items: center; font-size: 16px; color: #D90429; text-transform: uppercase; height: 20px; margin-bottom: 15px; font-weight: bold; }
.tita h4 i{ display: block; width: 20px; height: 2px; margin-right: 5px; background-color:#D90429;  }
.tita h3{ font-size: 44px; color: #091836; font-weight: bold; font-family: "微软雅黑"; line-height: 1.1; text-transform:capitalize;  }
.tita.white h3{ color: #fff; }
.tita .btn-box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.sycp{ padding:70px 0 85px; background-color:#091836;   }
.sycp .intro{ font-size: 18px; color: #fff; line-height: 1.6; margin-bottom: 40px; width: 65%; }
.sycp .switch{}
.sycp .tabs{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.sycp .tabs .tone{ width: 15.25%; height: 180px; background-color: #fff; border-radius:10px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #091836; text-align: center; }
.sycp .tabs .tone span{ position: relative; z-index: 2; color: inherit; font-weight: bold; }
.sycp .tabs .tone i{ height: 60px; width: 100%; display:block; background:url(../img/img18.webp) no-repeat center / auto 60px; margin-bottom: 15px; transition:all 0.4s; }
.sycp .tabs .tone i.icon1{ background-image:url(../img/img18.webp); }
.sycp .tabs .tone i.icon2{ background-image:url(../img/img20.webp); }
.sycp .tabs .tone i.icon3{ background-image:url(../img/img22.webp); }
.sycp .tabs .tone i.icon4{ background-image:url(../img/img24.webp); }
.sycp .tabs .tone i.icon5{ background-image:url(../img/img27.webp); }
.sycp .tabs .tone i.icon6{ background-image:url(../img/img28.webp); }
.sycp .tabs .tone:hover i.icon1,
.sycp .tabs .tone.on i.icon1{  background-image:url(../img/img19.webp); }
.sycp .tabs .tone:hover i.icon2,
.sycp .tabs .tone.on i.icon2{  background-image:url(../img/img21.webp); }
.sycp .tabs .tone:hover i.icon3,
.sycp .tabs .tone.on i.icon3{  background-image:url(../img/img23.webp); }
.sycp .tabs .tone:hover i.icon4,
.sycp .tabs .tone.on i.icon4{  background-image:url(../img/img25.webp); }
.sycp .tabs .tone:hover i.icon5,
.sycp .tabs .tone.on i.icon5{  background-image:url(../img/img26.webp); }
.sycp .tabs .tone:hover i.icon6,
.sycp .tabs .tone.on i.icon6{  background-image:url(../img/img29.webp); }
.sycp .tabs .tone:hover,
.sycp .tabs .tone.on{ background-color: #D90429; color: #fff; }
.sycp .tabs .tone:hover span,
.sycp .tabs .tone.on span{ color: #fff; }
.sycp .tabs .tone:after{ content: ""; position: absolute; left: 50%; bottom: -22px; width: 40px; height: 40px; transform: rotate(45deg) translateX(-50%); z-index: 0;  }
.sycp .tabs .tone:hover:after,
.sycp .tabs .tone.on:after{ background-color: #D90429;}
.sycp .sins{ background-color: #fff; padding: 20px; border-radius: 12px; overflow: hidden; display: none; }
.sycp .sins .infos{ width: 56%; margin-left: 3%; float: left; padding-top: 25px; }
.sycp .sins .infos h3{ font-size: 40px; color: #091836; line-height: 1.1; margin-bottom: 25px; font-family: "微软雅黑"; font-weight: bold;  }
.sycp .sins .infos p{ font-size: 18px; color: #273651; line-height: 1.6; margin-bottom: 10px; }
.sycp .sins .infos .links{ overflow: hidden; margin-bottom: 15px; }
.sycp .sins .infos .lka{ padding-left: 33px; background: url(../img/img158.webp) no-repeat left center / 24px auto ; font-size: 18px; color: #273651; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; width: 48%; margin-right: 2%; float: left; cursor: pointer;  }
.sycp .sins .infos .lka:hover{ color: #D90429; text-decoration: underline; background-image: url(../img/img159.webp); }
.sycp .sins .pic{ width:33.9%; overflow: hidden; float: right;  }
.sycp .sins .pic img{ width:100%; display: block; transition: all 0.4s; height: auto;}
.sycp .sins .pic:hover img{ transform: scale(1.1); }
.sycp .sins.on{ display: block; }


/*url(../img/img142.webp) no-repeat left top / auto 100%*/
.sycess{ background: #E7EDF3 ; padding: 90px 0 50px 0; position: relative; animation: move 10s linear infinite; overflow: hidden; }
.sycess .bgt{ height: 105%; position: absolute; left: 0px; bottom: 0; top: -2.5%; z-index: 0; /*animation-name:beat;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;*/}
.sycess .info{ padding-left: 32%; }
.sycess .info .desc{ font-size: 18px; color: #273651; line-height: 1.6; margin-bottom: 40px; }
.sycess .info .btns{ overflow: hidden; width: 95%; }
.sycess .info .btns .btna{ float: left; width: 47%; margin-right: 3%; background-color: #fff; border-radius: 6px; padding: 0 25px; display: flex; align-items: center; font-size: 20px; color: #111E37; margin-bottom: 50px; height: 100px; cursor: pointer; transition: all 0.4s;  }
.sycess .info .btns .btna i{ display: block; width: 60px; height: 60px; margin-right: 25px;background: url(../img/img30.webp) no-repeat left top / auto 100%; transition: all 0.4s; }
.sycess .info .btns .btna i.icon01{ background-image: url(../img/img30.webp); }
.sycess .info .btns .btna i.icon02{ background-image: url(../img/img32.webp); }
.sycess .info .btns .btna i.icon03{ background-image: url(../img/img34.webp); }
.sycess .info .btns .btna i.icon04{ background-image: url(../img/img36.webp); }
.sycess .info .btns .btna:hover{ background-color: #D90429; color: #fff; }
.sycess .info .btns .btna:hover i.icon01{ background-image: url(../img/img31.webp); }
.sycess .info .btns .btna:hover i.icon02{ background-image: url(../img/img33.webp); }
.sycess .info .btns .btna:hover i.icon03{ background-image: url(../img/img35.webp); }
.sycess .info .btns .btna:hover i.icon04{ background-image: url(../img/img37.webp); }
.sycess .info .getmore{ width: 260px; height: 60px; background: linear-gradient(68deg, #D90528 0%, #D91818 49%, #D92B04 100%); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; }

.syxm{ padding: 80px 0 90px; position: relative; }
.syxm:after{ content: ""; position: absolute; left: 0; bottom: 0; height: 50%; background-color:#ECF0F7; z-index: 0; width: 100%;  }
.syxm .lists{ display: flex; align-items: center; justify-content: space-around; position: relative; z-index: 1;}
.xmitem{position:relative;display:block; width: 24%; float: left; overflow: hidden; }
.xmitem .img-holder{position:relative;display:block;overflow:hidden;border-radius:8px}
.xmitem .img-holder .pic{width:100%;transform:scale(1.0); transition: all 0.4s;height: auto; }
.xmitem.on .img-holder .pic{transform:scale(1.1) rotate(1deg)}
.xmitem .img-holder-img-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#091836;opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;border-radius:6px;z-index:1}
.xmitem:hover .img-holder-img-bg{opacity:.90;-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}
.xmitem .img-holder .overlay-button{position:absolute;top:25px;right:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;width:40px;height:40px;-webkit-transform:perspective(400px) rotateX(20deg) translateX(100%);-ms-transform:perspective(400px) rotateX(20deg) translateX(100%);transform:perspective(400px) rotateX(20deg) translateX(100%);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:all;z-index:2;background:url(../img/img38.webp) no-repeat center center / 40px auto;  cursor: pointer; }
.xmitem .img-holder .overlay-button:hover{ background-image:url(../img/img39.webp);transition-delay:0s; }
.xmitem:hover .img-holder .overlay-button{opacity:1.0;-webkit-transform:perspective(400px) rotateX(0deg) translateX(0%);-ms-transform:perspective(400px) rotateX(0deg) translateX(0%);transform:perspective(400px) rotateX(0deg) translateX(-0%);transition-delay:.3s;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:all;}
.xmitem .img-holder .overlay-title{position:absolute;left:0;bottom:0;right:0;padding:0 50px 42px;padding-right:20px;transform:scaleY(0);transition:all 300ms ease 100ms;z-index:2}
.xmitem:hover .img-holder .overlay-title{transform:scaleY(1.0);transition:all 200ms linear;transition-delay:.1s}
.xmitem .img-holder .overlay-title p{color:#d90429;font-size:20px;line-height:20px;font-weight:500}
.xmitem .img-holder .overlay-title h4{font-size:22px;line-height:30px;margin:6px 0 0;color:#fff;}
.xmitem .img-holder .overlay-title h4 a{color:#fff;transition:all 200ms linear;transition-delay:.1s}

.syxm.md:after{ display: none; }
.syxm.md .lists{ overflow: hidden; display: block; }
.syxm.md .xmitem{ width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px; }
.syxm.md .xmitem:nth-child(3n){ margin-right: 0; }

.sysay{ position: relative; background: url(../img/img127.webp) no-repeat bottom center / cover; }
.sysay:before{ content: ""; position: absolute; left: 0; top: 0; height: 100px; background-color:#ECF0F7; z-index: 1; width: 100%;  }
.sysay .btip{ width: 93%; height: 200px; background-color: #D90429; border-radius: 10px; padding:0 3%; display: flex; ; justify-content: center; flex-direction:column; line-height: 1.1; position: relative; z-index: 2; margin:0 auto 80px; }
.sysay .btip h3{ font-size: 44px; color: #fff; font-weight: bold; }
.sysay .btip h4{ font-size: 20px; color: #fff; font-weight: bold; margin-top: 3%; }
.sysay .moves{ margin-bottom: 75px; overflow: hidden; }
.sysay .moves .left{ width: 28%; float: left; }
.sysay .moves .change{ display: flex; align-items: center; padding: 15px 0 0 3%; }
.sysay .moves .btn{ display: block; width: 49px; height: 49px; margin-right: 41px; background: url(../img/img42.webp) no-repeat bottom center / 100% 100%; cursor: pointer; }
.sysay .moves .prev:hover{ background-image: url(../img/img43.webp); }
.sysay .moves .next{ background-image: url(../img/img44.webp); }
.sysay .moves .next:hover{ background-image: url(../img/img45.webp); }
.sysay .moves .right{ width: 60%; float: right; overflow: hidden; }
.sysay .moves .item{ }
.sysay .moves .word{ padding: 45px 30px; background-color: #fff; border-radius: 10px; font-size: 18px; color: #273651; line-height: 1.6; margin-bottom: 30px; position: relative; }
.sysay .moves .word:after{ content: ""; position: absolute; left: 60px; bottom: -10px; width: 40px; height: 40px; transform: rotate(45deg); z-index: 0; background-color: #fff;  }
.sysay .moves .word p{text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
.sysay .moves .word .icon{ display: block; width: 20%; margin-bottom: 20px; }
.sysay .moves .user{ display: flex; align-items: center; padding: 0 45px;  }
.sysay .moves .user .tx{ display: block; width: 74px; height: 74px; overflow: hidden; border-radius: 50%; margin-right: 20px; }
.sysay .moves .user p{ height: 74px; display: flex; justify-content: center; flex-direction: column; font-size: 20px; color: #fff; }
.sysay .moves .user p span{ font-weight: bold; display: block; }
.sysay .moves .user p i{ font-size: 16px; color: #D90429; display: block; margin-top: 6px; }
.sysay .nums{ border-top:2px solid #2E3A52; overflow: hidden; }
.sysay .nums .nsin{ width: 25%; float: left; display: flex; align-items: center; justify-content: center; padding: 60px 0; }
.sysay .nums .icon{ display: block; width: 60px; margin-right: 30px; }
.sysay .nums p{ font-size: 18px; color: #fff; font-weight: bold; }
.sysay .nums p span{ display: block; font-size: 40px; margin-bottom: 8px; line-height: 1; font-weight: bold; }

.syxw{ padding: 100px 0 30px; }
.syxw .lists{ overflow: hidden; }
.syxw .items{ display: block; width: calc(33.33% - 20px); margin-right: 30px; float: left; cursor: pointer; }
.syxw .items:nth-child(3n){ margin-right: 0; }
.syxw .items .pic{ overflow: hidden; }
.syxw .items .pic img{ display: block; width: 100%; transition: all 0.4s; height: auto;}
.syxw .items:hover .pic img{ transform: scale(1.1); }
.syxw .items .txt{ width: 94%; background: #F9FAFB; margin:0 auto; position: relative; padding: 50px 25px 25px; transition: all 0.4s; position: relative; z-index: 1; transform: translateY(-48px); }
.syxw .items:hover .txt{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(20,5,9,0.13);}
.syxw .items .txt .time{ width: 80px; height: 80px; background-color: #111E37; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; flex-direction: column; font-weight: bold; line-height: 1.15; position: absolute; right:20px; top: -40px; z-index: 3;  }
.syxw .items .txt .name{ font-size: 18px; color: #273651; line-height: 1.6; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 44px;  }
.syxw .items .txt .more{ display: block; width: 148px; height: 50px; display: flex; align-items: center; justify-content: center; background-color:#F3F3F3; font-size: 16px; color: #9D9BA5; text-transform: uppercase; cursor: pointer; transition: all 0.4s;  }
.syxw .items:hover .txt .more{ background-color: #D90429; color: #fff; }


.sywith{ padding: 0px 0 40px; }
.sywith h5{ position: relative; margin-bottom: 30px; text-align: center; }
.sywith h5 span{ font-size: 18px; color: #D90429; padding: 0 10px; text-transform: uppercase; position: relative; z-index: 2; background-color: #fff; font-weight: bold; }
.sywith h5:after{ content: ""; position: absolute; left: 0; top: 50%; height: 1px; width: 100%; z-index: 0; background-color: #D5D4D3; }
.sywith .lists{ display: flex; align-items: center; justify-content: space-between; }
.sywith .lists .item{ width: 18%; float: left; display: flex; align-items: center; justify-content: center; cursor: pointer; height: 88px; }
.sywith .lists .item img{ display: block; width: 80%; margin:0 auto; }
.sywith .lists .item img.iconb{ display: none; }
.sywith .lists .item:hover{ background-color: #032D61; }
.sywith .lists .item:hover img.icona{ display: none; }
.sywith .lists .item:hover img.iconb{ display: block; }

.syvisit{ padding: 100px 0; background: url(../img/img144.webp) no-repeat center center / cover; }
.syvisit h5{ font-size: 55px; color: #fff; font-family: "微软雅黑"; font-weight:bold; line-height: 1.2; margin-bottom: 130px; }
.syvisit .deal{ display: flex; align-items: center; }
.syvisit .deal .go{ display: flex; align-items: center; justify-content: center; width: 200px; height: 60px; border-radius: 10px; background-color: #fff; font-size: 18px; color: #111E37; text-transform: uppercase; cursor: pointer; margin-right: 60px; font-weight: bold;  }
.syvisit .deal .go:hover{ background-color: #D90429; color: #fff; }

.pagenum{ display: flex; align-items: center; justify-content: center; padding: 40px 0; }
.pagenum .numa{ display: block; width: 40px; height: 40px; border:1px solid #AAAAAA; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #666; cursor: pointer; border-radius: 0; margin:0 5px; }
.pagenum .numa:hover{ background: #D90429; color: #fff; border-color:#D90429; }
.pagenum .btn{ width: 40px; height: 40px; border:1px solid #AAAAAA; cursor: pointer; }
.pagenum .prev{ background: url(../img/img151.webp) no-repeat center / 14px auto;}
.pagenum .next{ background: url(../img/img150.webp) no-repeat center / 14px auto;}
.pagenum .prev:hover{ background:#D90429 url(../img/img152.webp)  no-repeat center / 14px auto; border-color:#D90429;  }
.pagenum .next:hover{background:#D90429 url(../img/img153.webp)  no-repeat center / 14px auto; border-color:#D90429; }


@media(max-width:1350px){
  .tita h3{ font-size: 38px; }
  .syabout .photo .year{ font-size: 34px; }
  .sycp .sins .infos h3{ font-size: 34px; }
  .sysay .btip h3{ font-size: 38px; }
}

@media(max-width:1024px){
   html{font-size:60px}

  .btn-one{padding-left:0.3rem;padding-right:0.4rem;background-color:transparent;color:#fff;font-size:0.26rem;line-height:0.68rem;letter-spacing:.1em;border-radius:0.1rem;}
  .btn-one:before{top:1.1rem;left:-0.8rem;right:-0.8rem;height:1.78rem;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem);}
  .btn-one:hover:before{top:0;left:-70px;right:-70px}
  
  .popinfo .btn-box{ margin-bottom: 0.3rem; }
  .popinfo .btn-box .btn-one{ line-height: 0.68rem;padding-left:0.3rem;padding-right:0.4rem; }
  
  .syabout{ padding: 0.6rem 0;  }
  .syabout .pics{ display: none; }
  .syabout .photo{ position: relative; padding-left: 238px; padding-left: 45.6%; padding-left: 35%; }
  .syabout .photo .pic{ width: calc(90% - 20px); width: 246px; margin-left:38px; overflow: hidden; position: relative; z-index: 2; width: 72%; margin-left:28%;  }
  .syabout .photo .pic img{ display: block; width: 100%; transition:all 0.4s; }
  .syabout .photo .pic:hover img{ transform: scale(1.05); }
  .syabout .photo .pic.dw{ width: calc(51%); width: 256px; position: absolute; left: 0; bottom: 0; z-index: 1; margin-left: 0; width: 49%;  }
  .syabout .photo .year{ background-color: #D90429; height: 170px; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; margin-top: 20px; position: relative; z-index: 3; font-weight: bold; font-family: "微软雅黑"; line-height: 1.4; }
  .syabout .info{ width: 100%; float: none; }
  .syabout .info p{ font-size: 0.28rem; line-height: 1.8; margin:0.2rem 0 0.3rem; width: 100%; }
  .syabout .info .deals{ width: 100%; }
  .syabout .info .deals .btna{ height: 0.88rem; width: 48%; border:0.02rem solid #DDDDDD; border-radius: 0.12rem; font-size: 0.3rem;  }
  .syabout .info .deals .btna i{ width:0.4rem; height: 0.4rem; margin-right: 0.16rem;  }


  .morea{ font-size: 0.28rem; height: 0.4rem; }
  .tita{ margin-bottom: 0.4rem; position: relative; } 
  .tita h4{ font-size:0.28rem; height: 0.36rem; margin-bottom: 0.15rem;  }
  .tita h4 i{ width: 0.3rem; height: 2px; margin-right: 0.08rem;  }
  .tita h3{ font-size: 0.32rem; }
  .tita .btn-box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
  .tita .btn-one{ padding: 0 0.2rem; font-size: 0.2rem; letter-spacing: 0.01rem; }

  .sycp{ padding:0.6rem 0;   }
  .sycp .intro{ font-size: 0.28rem; line-height: 1.6; margin-bottom: 0.4rem; width:100%; }
  .sycp .tabs{ margin-bottom: 0.2rem; overflow: hidden; display: block;}
  .sycp .tabs .tone{ width: 15.25%; width: calc(33.33% - 0.1rem); height:1.5rem; border-radius:0.1rem; font-size: 0.22rem; margin-right: 0.15rem; margin-bottom: 0.25rem; float: left; }
  .sycp .tabs .tone:nth-child(3n){ margin-right: 0; }
  .sycp .tabs .tone span{ position: relative; z-index: 2; color: inherit; font-weight: bold;}
  .sycp .tabs .tone i{ height: 0.5rem; width: 100%; background:url(../img/img18.webp) no-repeat center / auto 0.5rem; margin-bottom: 0.15rem;  }
  .sycp .tabs .tone:after{ bottom: -0.2rem; width: 0.3rem; height: 0.3rem; transform: rotate(45deg) translateX(-50%); z-index: 0;  }
  .sycp .tabs .tone:hover:after,
  .sycp .tabs .tone.on:after{ background-color: #D90429;}
  .sycp .sins{ padding:0.25rem; border-radius: 0.12rem; }
  .sycp .sins .infos{ width: 100%; margin-left: 0%; float: none; padding-top: 0 }
  .sycp .sins .infos h3{ font-size: 0.3rem; margin-bottom: 0.2rem;  }
  .sycp .sins .infos p{ font-size: 0.28rem; line-height: 1.6; margin-bottom: 0.1rem; }
  .sycp .sins .infos .links{ margin-bottom: 0.2rem; }
  .sycp .sins .infos .lka{ padding-left: 0.4rem; background: url(../img/img158.webp) no-repeat left center / 0.24rem auto ; font-size: 0.28rem; line-height: 0.56rem; width: 100%; margin-right: 0%; }
  .sycp .sins .infos .lka:hover{}
  .sycp .sins .pic{ width:100%; float: none; margin-top: 0.4rem;  }


  .sycess{ padding: 0.6rem 0; background-image: none; }
  .sycess .bgt{ display: none; }
  .sycess .info{ padding-left: 0%; }
  .sycess .info .desc{ font-size: 0.28rem; line-height: 1.6; margin-bottom: 0.4rem; }
  .sycess .info .btns{ width: 100%; margin-bottom: 0.2rem; }
  .sycess .info .btns .btna{ width: 47%; margin-right: 3%; border-radius: 0.1rem; padding: 0 0.2rem; font-size:0.3rem; margin-bottom: 0.2rem; height: 1rem; }
  .sycess .info .btns .btna i{ width:0.6rem; height: 0.6rem; margin-right: 0.2rem; }
  .sycess .info .getmore{ width: 3rem; height:0.78rem; border-radius: 0.1rem; font-size: 0.26rem; }

  .syxm{ padding: 0.6rem 0; }
  .syxm .lists{ display: block; padding: 0 0.3rem;}
  .xmitem{position:relative;display:block; width:100%; float: none; margin-bottom: 0.2rem; overflow: hidden; }
  .xmitem .img-holder{position:relative;display:block;overflow:hidden;border-radius:8px}
  .xmitem .img-holder .overlay-button{top:0.2rem;right:0.2rem; width:0.6rem;height:0.6rem; background-size: 0.6rem auto }
  .xmitem .img-holder .overlay-title{padding:0 0.3rem 0.3rem;padding-right:0.2rem; }
  .xmitem .img-holder .overlay-title p{font-size:0.28rem;line-height:1.2;}
  .xmitem .img-holder .overlay-title h4{font-size:0.3rem;line-height:1.2;margin:0.1rem 0 0;}
  .syxm.md:after{ display: none; }
  .syxm.md .lists{ padding: 0; }
  .syxm.md .xmitem{ width: 100%; margin-right: 0; margin-bottom: 0.2rem; }
  .syxm.md .xmitem:nth-child(3n){ margin-right: 0; }


  .sysay{}
  .sysay:before{ height: 1rem;  }
  .sysay .btip{ width: 93%; height: 2rem; border-radius:0.1rem; padding:0 3%; margin:0 auto 0.6rem; }
  .sysay .btip h3{ font-size:0.38rem; }
  .sysay .btip h4{ font-size: 0.3rem; margin-top: 3%; }
  .sysay .moves{ margin-bottom: 0.4rem; overflow: hidden; }
  .sysay .moves .left{ width: 100%; float: left; margin-bottom: 0.4rem; }
  .sysay .moves .change{ padding: 0.2rem 0 0 3%; }
  .sysay .moves .btn{ display: block; width: 0.5rem; height: 0.5rem; margin-right:0.4rem; }

  .sysay .moves .right{ width: 100%; }
  .sysay .moves .item{ }
  .sysay .moves .word{ padding:0.4rem 0.3rem; border-radius: 0.1rem; font-size: 0.28rem; line-height: 1.6; margin-bottom: 0.3rem; }
  .sysay .moves .word:after{ left: 0.7rem; bottom: -0.1rem; width: 0.3rem; height:0.3rem; }
  .sysay .moves .word p{text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
  .sysay .moves .word .icon{ width: 10%; margin-bottom: 0.2rem; height: auto; }
  .sysay .moves .user{ padding: 0 0.45rem;  }
  .sysay .moves .user .tx{ width: 0.8rem; height: 0.8rem; margin-right: 0.2rem; }
  .sysay .moves .user p{ height:0.8rem; font-size: 0.3rem; }
  .sysay .moves .user p i{ font-size: 0.26rem; margin-top:0.06rem; }
  .sysay .nums{ border-top:0.02rem solid #2E3A52; padding: 0.2rem 0; }
  .sysay .nums .nsin{ width: 50%; padding: 0.2rem 0; justify-content: flex-start; }
  .sysay .nums .icon{ width: 0.56rem; margin-right: 0.25rem; height: auto;}
  .sysay .nums p{ font-size: 0.24rem;  }
  .sysay .nums p span{ font-size:0.32rem; margin-bottom: 0.1rem; }

  .syxw{ padding: 0.6rem 0 0.2rem; }
  .syxw .items{ width: 100%; margin-right: 0; float: none; }

  .syxw .items .txt{ width: 94%; padding:0.5rem 0.25rem 0.25rem; transform: translateY(-0.4rem); }
  .syxw .items:hover .txt{ background: #fff; box-shadow: 0px 0px 0.1rem 0px rgba(20,5,9,0.13);}
  .syxw .items .txt .time{ width: 0.88rem; height:0.88rem; font-size: 0.26rem; right:0.2rem; top: -0.44rem;  }
  .syxw .items .txt .name{ font-size: 0.28rem; margin-bottom: 0.4rem;  }
  .syxw .items .txt .more{ width:2rem; height:0.6rem; font-size:0.26rem;  }

  .sywith{ padding: 0px 0 0.4rem; }
  .sywith h5{ margin-bottom: 0.3rem; }
  .sywith h5 span{ font-size:0.28rem; padding: 0 0.1rem; }
  .sywith .lists{ display: flex; align-items: center; justify-content: space-between; }
  .sywith .lists .item{ width: 19%; height: 0.8rem; }
  .sywith .lists .item img{ display: block; width: 90%; margin:0 auto;height: auto; }

  .syvisit{ padding:0.6rem 0; }
  .syvisit h5{ font-size: 0.4rem; margin-bottom: 1rem; }
  .syvisit .deal .go{ width: 2.2rem; height: 0.68rem; border-radius: 0.1rem; font-size: 0.25rem; margin-right: 0.5rem;  }
  
    
}
/*首页*/




/*关于我们*/
.gybest{ padding: 88px 0; background: url(../img/img156.webp) no-repeat center / cover; }
.gybest .word{ font-size: 18px; color: #111E37; line-height: 1.8; }
.gybest .word h3{ font-weight: bold; font-size: 40px; color: #091836; line-height: 1.1; margin-bottom: 30px; font-family: "微软雅黑"; }
.gybest .pic{ width: 45%; padding-right: 3%; padding-bottom:25px; position: relative; float: left; }
.gybest .pic .tu{ display: block; width: 100%; border-radius: 6px; overflow: hidden; }
.gybest .pic .tu img{ display: block; width: 100%; transition:all 0.4s; }
.gybest .pic .tu:hover img{ transform: scale(1.05); }
.gybest .pic .tu.ltop{ position: absolute; left: 0; top: 0; z-index: 3; width: 30%; transform: translate(-50%,-50%); }

.gyour{ padding: 98px 0; overflow: hidden; }
.gyour .left{ width: 33%; float: left; font-size: 18px; color: #091836; line-height: 1.8; }
.gyour .tab{ overflow: hidden; margin-bottom: 35px;}
.gyour .tab span{ display: flex; align-items: center; justify-content: center; height: 60px; width: calc(50% - 7px); float: left; border-bottom: 2px solid #F7F7F7; background-color: #F7F7F7; font-size: 18px; color: #333; text-transform: capitalize; cursor: pointer; margin-right: 14px; }
.gyour .tab span.on{ border-bottom: 2px solid #D90429; }
.gyour .tab span:nth-child(2){ margin-right: 0; }
.gyour .left h3{ font-size: 40px; color: #111E37; font-weight: bold; line-height: 1.2; font-family: "微软雅黑"; margin-bottom: 15px;}
.gyour .right{ float: right; width: 66%; display: flex; align-items: center; justify-content: flex-end; }
.gyour .right .pic{ display: block; width: 33%; margin-left: 2%; float: left; overflow: hidden; border-radius: 5px;  }
.gyour .right .pic img{ display: block; width: 100%; transition:all 0.4s; }
.gyour .right .pic:hover img{ transform: scale(1.05); }
.gyour .box{ overflow: hidden; display: none; }
.gyour .box.on{ display: block; }
.gyour .right .box.on{ display: flex; }

.gyarea{ position: relative; background:#091836;padding: 110px 0;  }
.gyarea .moves{ overflow: hidden; }
.gyarea .moves .left{ width: 26.5%; float: left; }
.gyarea .moves .left h3{ font-size: 40px; color: #fff; font-weight: bold; line-height: 1.2; font-family: "微软雅黑";}
.gyarea .moves .left p{ font-size: 18px; color: #fff; line-height: 1.6; margin:20px 0 25px; }
.gyarea .moves .change{ display: flex; align-items: center; }
.gyarea .moves .btn{ display: block; width: 49px; height: 49px; margin-right: 41px; background: url(../img/img42.webp) no-repeat bottom center / 100% 100%; cursor: pointer; }
.gyarea .moves .prev:hover{ background-image: url(../img/img43.webp); }
.gyarea .moves .next{ background-image: url(../img/img44.webp); }
.gyarea .moves .next:hover{ background-image: url(../img/img45.webp); }
.gyarea .moves .right{ width: 70%; float: right; overflow: hidden; }
.gyarea .moves .pic{ display: block; overflow: hidden; border-radius: 5px; cursor: pointer; }
.gyarea .moves .pic img{ display: block; width: 100%; transition: all 0.4s; }
.gyarea .moves .pic:hover img{ transform: scale(1.05); }

.gyteam{ padding: 65px 0; }
.gyteam h4{ font-size: 40px; color: #091836; font-weight: bold; line-height: 1.2; font-family: "微软雅黑"; position: relative; margin-bottom: 55px; padding-bottom: 15px; text-transform: capitalize; }
.gyteam h4:after{ content:""; position: absolute; left: 0; bottom: 0; width:55px; background-color: #D90429; height: 2px;  }
.gyteam .lists{ overflow: hidden; }
.gyteam .items{ float: left; width: calc(25% - 21px); margin-right: 28px; cursor: pointer; }
.gyteam .items:nth-child(4n){ margin-right: 0; }
.gyteam .items .pic{ display: block; width: 100%; overflow: hidden; }
.gyteam .items .pic img{ display: block; width: 100%; transition:all 0.4s; }
.gyteam .items:hover .pic img{ transform: scale(1.1); }
.gyteam .items .info{ margin-top: 15px; }
.gyteam .items .info .name{ display: flex; align-items: center; font-size: 18px; color: #091836; text-transform: capitalize; line-height: 1.3; margin-bottom: 4px; }
.gyteam .items .info .name i{ display: block; width:30px; height: 2px; margin-left: 6px; background-color: #D90429;  }
.gyteam .items .info .desc{ font-size: 18px; color: #999999; line-height: 1.2; }

@media(max-width:1350px){
  .gybest .word h3{ font-size: 35px; }
  .gyour .left h3{ font-size: 35px; }
  .gyarea .moves .left h3{ font-size: 35px; }
  .gyteam h4{ font-size: 35px; }
}

@media(max-width:1024px){
  .gybest{ padding: 0.6rem 0; }
  .gybest .word{ font-size: 0.28rem; line-height: 1.8; }
  .gybest .word h3{ font-size:0.35rem; margin-bottom: 0.25rem;}
  .gybest .pic{ width: 100%; padding-right: 0%; padding-bottom:0.25rem; float: none; }
  .gybest .pic .tu.ltop{ display: none; }

  .gyour{ padding: 0.6rem 0; }
  .gyour .left{ width: 100%; float: none; font-size: 0.28rem; }
  .gyour .tab{ margin-bottom:0.3rem; }
  .gyour .tab span{ height:0.76rem; width: calc(50% - 7px);  font-size:0.28rem; }
  .gyour .left h3{ font-size:0.35rem; margin-bottom: 0.15rem;}
  .gyour .right{ float: none; width: 100%; display: flex; align-items: center; justify-content: justify-content:center; margin-top: 0.3rem; }
  .gyour .right .pic{ display: block; width: 48%; margin:0; margin-right: 2%; float: left; overflow: hidden; border-radius: 5px;  }


  .gyarea{ padding: 0.6rem 0;  }
  .gyarea .moves{ overflow: hidden; }
  .gyarea .moves .left{ width: 100%; float: none; }
  .gyarea .moves .left h3{ font-size: 0.35rem}
  .gyarea .moves .left p{ font-size: 0.28rem; margin:0.2rem 0 0.25rem; }
  .gyarea .moves .change{ display: flex; align-items: center; }
  .gyarea .moves .btn{  width: 0.5rem; height:0.5rem; margin-right:0.4rem; }
  .gyarea .moves .right{ width: 100%; float: none; margin-top: 0.3rem; overflow: hidden; }
  .gyarea .moves .pic{ display: block; overflow: hidden; border-radius: 5px; cursor: pointer; }
  .gyarea .moves .pic img{ display: block; width: 100%; transition: all 0.4s; }
  .gyarea .moves .pic:hover img{ transform: scale(1.05); }

  .gyteam{ padding: 0.65rem 0 0.5rem; }
  .gyteam h4{ font-size: 0.35rem; margin-bottom:0.5rem; padding-bottom: 0.15rem; }
  .gyteam h4:after{ width:0.6rem; height: 2px;  }
  .gyteam .items{ float: left; width: calc(50% - 0.1rem); margin-right:0.2rem; margin-bottom: 0.3rem; cursor: pointer; }
  .gyteam .items:nth-child(4n){ margin-right: 0.2rem; }
  .gyteam .items:nth-child(2n){ margin-right: 0rem; }
  .gyteam .items .info{ margin-top: 0.15rem; }
  .gyteam .items .info .name{ font-size:0.28rem; margin-bottom: 0.05rem; }
  .gyteam .items .info .name i{ width:0.4rem; height:0.04rem; margin-left: 0.1rem; }
  .gyteam .items .info .desc{ font-size: 0.28rem;  }
}


.cpbest{ padding: 40px 0 40px; }
.cpbest .tabs{ display: flex; align-items: center; justify-content: space-between; margin:20px 0 40px;}
.cpbest .tabs .tone{ width: 15.25%; height: 60px; border:1px solid #ddd; border-radius:10px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 5px; font-size: 18px; color: #091836; text-align: center; }
.cpbest .tabs .tone span{ position: relative; z-index: 2; color: inherit; font-weight: bold; }
.cpbest .tabs .tone i{ width: 34px; height:34px; display:block; background:url(../img/img18.webp) no-repeat center /  100% auto; transition:all 0.4s; margin-right: 8px; }
.cpbest .tabs .tone i.icon1{ background-image:url(../img/img18.webp); }
.cpbest .tabs .tone i.icon2{ background-image:url(../img/img20.webp); }
.cpbest .tabs .tone i.icon3{ background-image:url(../img/img22.webp); }
.cpbest .tabs .tone i.icon4{ background-image:url(../img/img24.webp); }
.cpbest .tabs .tone i.icon5{ background-image:url(../img/img27.webp); }
.cpbest .tabs .tone i.icon6{ background-image:url(../img/img28.webp); }
.cpbest .tabs .tone:hover i.icon1,
.cpbest .tabs .tone.on i.icon1{  background-image:url(../img/img19.webp); }
.cpbest .tabs .tone:hover i.icon2,
.cpbest .tabs .tone.on i.icon2{  background-image:url(../img/img21.webp); }
.cpbest .tabs .tone:hover i.icon3,
.cpbest .tabs .tone.on i.icon3{  background-image:url(../img/img23.webp); }
.cpbest .tabs .tone:hover i.icon4,
.cpbest .tabs .tone.on i.icon4{  background-image:url(../img/img25.webp); }
.cpbest .tabs .tone:hover i.icon5,
.cpbest .tabs .tone.on i.icon5{  background-image:url(../img/img26.webp); }
.cpbest .tabs .tone:hover i.icon6,
.cpbest .tabs .tone.on i.icon6{  background-image:url(../img/img29.webp); }
.cpbest .tabs .tone:hover,
.cpbest .tabs .tone.on{ background-color: #D90429; border-color: #D90429; color: #fff; }
.cpbest .sins{ display: none; }
.cpbest .sins.on{ display: block; }
.cpbest .lists{}
.cpbest .items{ display: block; float: left; width: calc(25% - 30px); margin-right: 40px; margin-bottom: 40px; position: relative; }
.cpbest .items:nth-child(4n){ margin-right: 0; }
.cpbest .items .pic{ display: block; width: 100%; overflow: hidden; }
.cpbest .items .pic img{ display: block; width: 100%; transition:all 0.4s; }
.cpbest .items:hover .pic img{ transform: scale(1.05); } 
.cpbest .items .ups{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: #D90429; border-radius: 6px 6px 0 0; z-index: 2; transform: translateX(20px); padding: 20px; }
.cpbest .items .ups .name{ display: flex; align-items: center; justify-content: space-between; }
.cpbest .items .ups .name span{ display: block; width: calc(100% - 40px); font-size: 16px; color: #fff; line-height: 1.3; }
.cpbest .items .ups .name a{ display: block; width: 30px; height: 30px; background: url(../img/img67.webp) no-repeat center / 100% 100%; }
.cpbest .items .ups .get{ width: 80%; height: 40px; background-color: #041F55; border-radius: 40px; margin:30px auto 0; cursor: pointer; font-size: 18px; color: #fff; text-transform: capitalize; display: flex; align-items: center; justify-content: center; display: none; transition:all 0.4s;  }
.cpbest .items:hover .ups .get{ display: flex; }
.cpbest .items:hover .ups{ padding-bottom: 30px; }


.cpsave{ background-color: #F4F3F7; padding: 60px 0; }
.cpsave .lists{ }
.cpsave .sins{ float: left; width: calc(33.33% - 30px); margin-right: 45px; margin-bottom: 45px; background: #FFFFFF; box-shadow: 1px 3px 3px 0px rgba(7,4,3,0.14); padding:25px 30px; position: relative; transition: all 0.4s; cursor: pointer; }
.cpsave .sins:nth-child(3n){ margin-right: 0; }
.cpsave .sins .icon{ position: absolute; right: 30px; top: 28px; z-index: 2; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; z-index: 3; transition: all 0.4s; }
.cpsave .sins .icon img{ max-height: 64px; max-width: 64px; display: block; }
.cpsave .sins .name{ width: calc(100% - 80px); font-size: 20px; color: #091836; line-height: 1.8; margin-bottom: 10px; font-weight: bold; text-transform: capitalize; transition: all 0.4s; }
.cpsave .sins .desc{ width: calc(100% - 80px); font-size: 14px; color: #666666; line-height:28px; height: 140px; overflow: hidden;  }
.cpsave .sins:hover{ background-color:#F4F3F7; }
.cpsave .sins:hover .icon{ transform: rotateY(180deg) }
.cpsave .sins:hover .name{ color: #D90429; }

.cptype{ padding: 60px 0; }
.cptype .lists{ overflow: hidden; }
.cptype .lka{ float: left; width: calc(50% - 20px); margin-right: 40px; margin-bottom: 20px; border:1px solid #DDDDDD; display: flex; align-items: center; cursor: pointer; }
.cptype .lka:nth-child(2n){ margin-right: 0; }
.cptype .lka i{ width: 60px; height: 48px; border-right: 1px solid #ddd; transition: all 0.4s;background: url(../img/img65.webp) no-repeat center / 24px auto; }
.cptype .lka span{ display: block; width: calc(100% - 100px); margin:0 20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #333; line-height: 48px;  transition: all 0.4s;   }
.cptype .lka:hover i{ background-image: url(../img/img66.webp); background-color: #D90429; }
.cptype .lka:hover span{ color: #D90429; }

.cpfaq{ overflow: hidden; position: relative; padding-left: 40%; }
.cpfaq .pic{ width: 40%; position: absolute; left: 0; top: 54px; bottom: 0; background: url(../img/img106.webp) no-repeat center / cover; }
.cpfaq .info{ width: 100%; padding: 110px 25% 110px 5.5%; background-color: #D90429; }
.cpfaq .info h3{ font-size: 60px; color: #fff; line-height: 0.8; }
.cpfaq .info .desc{ font-size: 16px; color: #fff; line-height: 1.3; margin:35px 0 45px; }
.cpfaq .sin{}
.cpfaq .line{ margin-bottom: 10px; padding: 10px 10px 10px 60px; line-height: 40px; font-size: 18px; color: #fff; background-color: #CF4059; position: relative; cursor: pointer; }
.cpfaq .line i{ width: 40px; height: 40px; position: absolute; left: 10px; top: 10px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; background: url(../img/img160.webp) no-repeat center / 80% auto; }
.cpfaq .line.two{ display: none; }
.cpfaq .line.two i{ background-image: url(../img/img161.webp);}
.cpfaq .sin.on .two{ display: block; }

.cpcan{ padding: 150px 0 100px 0;  background: url(../img/img107.webp) no-repeat center / cover; }
.cpcan .both{ overflow: hidden; }
.cpcan .left{ width: 22%; float: left; padding-top: 20px;  }
.cpcan h6{ font-size: 16px; color: #091836; line-height: 2; margin:40px 0 30px; font-weight: bold; width: 80%; }
.cpcan .links{ overflow: hidden; width: 75%; float: right; }
.cpcan .links .lka{ width: calc(20% - 10px); margin-right: 10px; line-height: 2.2; font-size: 18px; color: #091836; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-weight: bold; }
.cpcan .links .lka:hover{ color: #D90429; }




@media(max-width:1220px){
  
  
}


@media(max-width:1024px){
  .cpbest{ padding: 0.4rem 0 0.4rem; }
  .cpbest .tabs{ margin:0.2rem 0 0.4rem;}
  .cpbest .tabs .tone{ width: 15.25%; height: 1.5rem; border:0.02rem solid #ddd; border-radius:0.1rem; display: block; padding:0.1rem; font-size: 0.24rem;}
  .cpbest .tabs .tone span{ position: relative; z-index: 2; color: inherit; font-weight: bold; }
  .cpbest .tabs .tone i{ width: 100%; height:0.4rem; display:block; background:url(../img/img18.webp) no-repeat center / 0.4rem auto; transition:all 0.4s; margin-right: 0px; margin-bottom: 0.15rem }

  .cpbest .lists{}
  .cpbest .items{ display: block; float: left; width: calc(50% - 0.15rem); margin-right: 0.3rem; margin-bottom: 0.3rem; position: relative; }
  .cpbest .items:nth-child(4n){ margin-right: 0.3rem; }
  .cpbest .items:nth-child(2n){ margin-right: 0rem; }
  .cpbest .items .pic{ display: block; width: 100%; overflow: hidden; }
  .cpbest .items .pic img{ display: block; width: 100%; transition:all 0.4s; }
  .cpbest .items:hover .pic img{ transform: scale(1.05); } 
  .cpbest .items .ups{ border-radius: 0.06rem 0.06rem 0 0; transform: translateX(0.2rem); padding:0.2rem }
  .cpbest .items .ups .name{  }
  .cpbest .items .ups .name span{ width: calc(100% - 0.4rem); font-size: 0.26rem;  }
  .cpbest .items .ups .name a{ width: 0.3rem; height: 0.3rem;}
  .cpbest .items .ups .get{ width: 90%; height:0.56rem; margin:0.3rem auto 0; font-size: 0.28rem; }
  .cpbest .items:hover .ups .get{ display: flex; }
  .cpbest .items:hover .ups{ padding-bottom:0.3rem; }


  .cpsave{ padding: 0.6rem 0; }
  .cpsave .lists{ }
  .cpsave .sins{ width: calc(100%); margin-right:0rem; margin-bottom:0.3rem; padding:0.2rem; text-align: center;}
  .cpsave .sins:nth-child(3n){ margin-right: 0rem; }
  .cpsave .sins:nth-child(2n){ margin-right: 0; }
  .cpsave .sins .icon{ position: static; margin:0 auto 0.2rem; width:0.64rem; height:0.64rem;  }
  .cpsave .sins .icon img{ max-height: 0.64rem; max-width: 0.64rem;}
  .cpsave .sins .name{ width: 100%; font-size: 0.28rem; margin-bottom: 0.1rem; }
  .cpsave .sins .desc{ width: 100%; font-size: 0.22rem; line-height: 0.36rem; height: auto; }

  .cptype{ padding: 0.6rem 0; }
  .cptype .lka{ width: 100%; margin-right:0; margin-bottom:0.12rem; border:0.02rem solid #DDDDDD;}
  .cptype .lka:nth-child(2n){ margin-right: 0; }
  .cptype .lka i{ width: 0.6rem; height: 0.58rem; border-right: 0.02rem solid #ddd; background: url(../img/img65.webp) no-repeat center / 0.3rem auto; }
  .cptype .lka span{ display: block; width: calc(100% - 1rem); margin:0 0.2rem; font-size: 0.28rem; color: #333; line-height: 0.58rem; }

  .cpfaq{  padding-left: 0%; }
  .cpfaq .pic{ width: 100%; display: block; position: static; height: 5rem; left: 0; top: 54px; bottom: 0; background: url(../img/img106.webp) no-repeat center / cover; }
  .cpfaq .info{ padding: 0.6rem 0.3rem;  }
  .cpfaq .info h3{ font-size: 0.4rem; line-height: 0.8; }
  .cpfaq .info .desc{ font-size: 0.24rem; margin:0.35rem 0 0.45rem; }

  .cpfaq .line{ margin-bottom:0.1rem; padding: 0.1rem 0.1rem 0.1rem 0.6rem; line-height:0.4rem; font-size: 0.26rem;}
  .cpfaq .line i{ width: 0.4rem; height: 0.4rem; left: 0.1rem; top: 0.1rem; background: url(../img/img160.webp) no-repeat center / 80% auto; }


  .cpcan{ padding: 0.8rem 0 0.6rem 0; }
  .cpcan .left{ width: 100%; float: none; padding-top: 0; margin-bottom: 0.25rem;  }
  .cpcan h6{ font-size:0.26rem; margin:0.4rem 0 0.3rem;  width: 100%; }
  .cpcan .links{ overflow: hidden; width: 100%; float: none; }
  .cpcan .links .lka{ width: calc(33.33% - 0.1rem); margin-right:0.15rem; line-height: 2.2; font-size: 0.28rem; }
  .cpcan .links .lka:nth-child(3n){ margin-right: 0; }
  
}




.cpdesc{ width: 100%; padding-bottom: 100px; }
.cpdesc .cpart{ margin-bottom: 40px; }
.cpdesc .cpart h3{ font-size: 24px; font-size: 22px; color: #000D2C; line-height: 40px; margin-bottom: 10px; font-weight: bold; position: relative; font-family: "微软雅黑";  }
.cpdesc .cpart .txts{ font-size: 18px; font-size: 16px; color: #333; line-height: 36px; font-family: 'PingFang'; font-weight: bold; }
.cpdesc .cpart table{ border-collapse: collapse; border-spacing: 0; width: 100%; font-family: 'PingFang'; font-weight: bold; border-radius: 0; overflow: hidden; border:1px solid #DDDDDD; }
.cpdesc .cpart table th{ background:#E9E9E9; line-height: 50px; text-align: center; font-size: 22px; color: #091836; padding: 0 5px; font-weight: bold; }
.cpdesc .cpart table td{ border:1px solid #DDDDDD; font-size: 18px; line-height: 40px; color: #091836; text-align: center; padding: 0 5px; font-weight: normal; word-break:break-all; }
.cpdesc .cpart table td:hover{ background-color:#D90429; color: #fff;  }




@media(max-width:1024px){
  
  .cpdesc{ width: 100%; padding-bottom: 0.6rem; }
	.cpdesc .cpart{ margin-bottom: 0.4rem; }
	.cpdesc .cpart h3{ font-size: 0.3rem; line-height:0.44rem; margin-bottom: 0.1rem; }
	.cpdesc .cpart .txts{ font-size: 0.28rem; line-height: 0.44rem; }
	
  .cpdesc .cpart table{  border:1px solid #DDDDDD; }
  .cpdesc .cpart table th{ line-height:0.6rem; font-size: 0.3rem; padding: 0 0.05rem;}
  .cpdesc .cpart table td{ border:1px solid #DDDDDD; font-size: 0.28rem; line-height: 0.6rem;  padding: 0 0.05rem; }
	

	.pagenum{ padding:0.4rem 0; }
	.pagenum .numa{ width: 0.5rem; height: 0.5rem; border:0.02rem solid #AAAAAA;font-size: 0.24rem; margin:0 0.06rem; }
	.pagenum .numa:hover{ margin:0 0.06rem; }
	.pagenum .btn{ width: 0.5rem; height: 0.5rem; cursor: pointer;}
  



}

.cpboth{ padding: 100px 0 0; overflow: hidden; }
.cpboth .cont{ overflow: hidden; }
.cpboth .cpdesc{ width: 82%; width: calc(100% - 380px); float: right; }
.cpboth .cpside{ width: 15.7%; width: 330px; float: left; }
.cpboth .smod{ background-color:#041F55; margin-bottom: 45px; border-radius: 0 40px 40px 0; padding: 20px; }
.cpboth .smod .listc{ background-color: #fff; border-radius: 0 40px 40px 0; padding: 0 24px; }
.cpboth .smod .item{ display: block; width: 100%; margin-bottom: 24px; position: relative; }
.cpboth .smod .item .pic{ display: block; width: 100%; position: relative; overflow: hidden; }
.cpboth .smod .item .pic img{ display: block; width: 100%; transition: all 0.4s; }

.cpboth .smod .item .name{ display: block; padding:0px 10px 5px; font-size: 14px; color:#fff; background-color: rgba(0,0,0,0.5); transition: all 0.4s; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; }
.cpboth .smod .item .name i{ height: 46px; display: flex; align-items: center; justify-content: center; }
.cpboth .smod .item .name em{ width: 100%; height: calc(100% - 46px); background: url(../img/icon43.webp) no-repeat center / 54px auto; transition: all 0.4s; display: block; } 
.cpboth .smod .item:hover .name{ height: 100%; padding-top: 5%; }
.cpboth .smod .item:hover .pic img{ transform: scale(1.1); }
.cpboth .smod h3{ padding: 0 24px 0 52px; font-size: 20px; color: #091836; position: relative; border-bottom: 1px solid #F0F0F0; background-color: #fff; font-family: "微软雅黑"; border-radius: 0 40px 0px 0; font-weight: bold; line-height: 64px; }
.cpboth .smod h3:before{ content: "•"; color: #012773; position: absolute; left:24px; top: 0; height: 100%; width:16px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #0A1222; font-size: 18px;   }
.cpboth .smod .slist{ background-color:#fff; border-radius: 0 0px 40px 0;  padding: 0 24px 30px; }
.cpboth .smod .sone{ cursor: pointer; }
.cpboth .smod .sone .lka{ border-bottom: 2px solid #fff; position: relative; padding: 0 0 0 28px; border-bottom: 1px solid #F0F0F0; display: block; font-weight: bold; }
.cpboth .smod .sone .lka:before{ content: "•"; color: #012773; position: absolute; left:0; top: 0; height: 100%; width:16px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #0A1222;   }
.cpboth .smod .sone .lka span{ position: relative; z-index: 2; display: block; width: 100%; display: flex; align-items: center; height: 48px; font-size: 18px; color: #091836; padding: 0 10px; }
.cpboth .smod .sone .lka:hover span{ background-color: #D90429; color: #fff;}
.cpboth .smod .sone .lka:hover:before{ color: #D90429; }

.cpboth .smod .sone .drop{ padding: 0 0 0 28px; cursor: pointer; display: none; }
.cpboth .smod .sone .lkb{ height: 48px; display: flex; align-items: center; border-bottom: 1px solid #F0F0F0; padding:0 10px; font-size: 17px; color: #091836; word-break: break-all; line-height: 1.1; font-weight: bold;  }
.cpboth .smod .sone:hover .drop{ display: block; }
.cpboth .smod .sone .lkb:hover{ color:#D90429;  }
.cpboth .smod h4{ height: 60px; text-align: center; font-size: 17px; color: #412403; position: relative; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.cpboth .smod h4:after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 30px; height: 4px; margin-left: -15px; background-color: #412403; }
.cpboth .smod.p0{ padding: 0; background-color:#EDF2F8; border-radius: 0 40px 0 0;  }
.cpboth .smod .fills{ padding: 20px 25px; display: block; }
.cpboth .smod .fills p{ font-size: 14px; color: #412403; line-height: 20px;  }
.cpboth .smod .fills p i{ color: red; }
.cpboth .smod .fills input{ font-size: 14px; color: #412403; line-height: 50px; height: 50px; display: block; border-radius: 4px; background-color: #fff; padding: 0 10px; width: 100%; margin-bottom: 20px; }
.cpboth .smod .fills textarea{ font-size: 14px; color: #412403; line-height: 30px; height: 100px; display: block; border-radius: 4px; background-color: #fff; padding: 0 10px; width: 100%; margin-bottom: 20px;   }
.cpboth .smod .fills .fline{ margin-bottom: 10px; }
.cpboth .smod .fills button{ display: block; height: 50px; border-radius: 50px; background-color: #fff; font-size: 18px; color: #999; display: flex; align-items: center; justify-content: center; box-shadow: none; border:none; width: 100%; cursor: pointer; text-transform: capitalize; }
.cpboth .smod .fills button:hover{ background-color: #D90429; color: #fff; }
.cpboth .smod .fills h5{ font-size: 24px; color: #D90429; font-weight: bold; text-align: center; line-height: 1; margin-bottom: 20px; }
.cpboth .smod .pics{ overflow: hidden; width: 100%; }
.cpboth .smod .pics img{ overflow: hidden; width: 100%; }


.fastnav{ position: fixed; left: 0; top: 40%; z-index: 8; z-index: 4; width:250px; top: 30%; display: none; }
.fastnav.show{ display: block; }
.fastnav h3{ height: 40px; width: 200px; padding: 0 14px; display: flex; align-items: center; font-size: 18px; color: #fff; background-color: #D90429; font-weight: bold; cursor: pointer; position: relative; border-radius: 0 40px 40px 0; letter-spacing: 1px;  }

.fastnav h3 .close{ width: 30px; height: 30px; position: absolute; right: 10px; top: 50%; background: url(../img/img164.webp) no-repeat center / 8px auto; cursor: pointer; margin-top: -15px; z-index: 2; }
.fastnav .drop{ background-color: #041F55; border-radius:0 20px 20px 0; padding:18px 5px;  position: relative; width: 100%; margin-top: 30px; display: none; }
.fastnav .drop .close{ width: 20px; height: 30px; position: absolute; right: 0px; top: 21px; background:#D90429 url(../img/img163.webp) no-repeat center / 8px auto; cursor: pointer; z-index: 2; }
.fastnav .drop .dka{ border-bottom: 1px solid #03163E; font-size: 15px; line-height: 1.2; color: #fff;  display: block; display: flex; align-items: center; padding: 5px 0 5px 25px; position: relative; min-height: 56px;   }
.fastnav .drop .dka:before{ content: "•"; position: absolute; left:0; top: 0; height: 100%; width:16px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #fff;   }
.fastnav .drop .dka:hover:before{ color: #D90429; border-bottom: 1px solid #D90429; }
.fastnav .drop .dka:hover{ color: #D90429; font-weight: bold; }

.cpbest.child{ padding: 20px 0; }
.cpbest.child .items{ width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px; }
.cpbest.child .items:nth-child(4n){ margin-right: 30px; }
.cpbest.child .items:nth-child(3n){ margin-right: 0px; }

@media(max-width:1024px){
	.cpboth{ padding: 0.6rem 0 0; overflow: hidden; }
  .cpboth .cpdesc{ width:100%; float: none; }
  .cpboth .cpside{ width:100%; float: none; }
  .cpboth .smod{ margin-bottom: 0.3rem; border-radius: 0 0.4rem 0.4rem 0; padding: 0.2rem; }
  
  .cpboth .smod h3{ padding: 0 0.24rem 0 0.52rem; font-size: 0.3rem; border-bottom: 1px solid #F0F0F0; border-radius: 0 0.4rem 0px 0; font-weight: bold; line-height: 0.72rem; }
  .cpboth .smod h3:before{ content: "•"; color: #012773; position: absolute; left:0.24rem; width:0.16rem; border-bottom: 1px solid #0A1222; font-size: 0.28rem;   }
  .cpboth .smod .slist{ border-radius: 0 0px 0.4rem 0;  padding: 0 0.24rem 0.3rem; }
  .cpboth .smod .sone{ cursor: pointer; }
  .cpboth .smod .sone .lka{  padding: 0 0 0 0.28rem; border-bottom: 1px solid #F0F0F0;}
  .cpboth .smod .sone .lka:before{ width:0.16rem; border-bottom: 1px solid #0A1222;   }
  .cpboth .smod .sone .lka span{ height: 0.56rem; font-size: 0.28rem; padding: 0 0.1rem; }


  .cpboth .smod .sone .drop{ padding: 0 0 0 0.28rem; }
  .cpboth .smod .sone .lkb{ height: 0.56rem; border-bottom: 1px solid #F0F0F0; padding:0 0.1rem; font-size: 0.26rem; }

  .cpboth .smod.p0{ border-radius: 0 0.4rem 0 0;  }
  .cpboth .smod .fills{ padding:0.2rem 0.25rem; display: block; }
  .cpboth .smod .fills p{ font-size: 0.24rem; line-height: 0.4rem;  }
  .cpboth .smod .fills input{ font-size:0.26rem; line-height:0.68rem; height:0.68rem; padding: 0 0.1rem; margin-bottom: 0.2rem; }
  .cpboth .smod .fills textarea{ font-size: 0.26rem; line-height: 0.68rem; height:2rem; padding: 0 0.1rem; margin-bottom: 0.2rem;   }
  .cpboth .smod .fills .fline{ margin-bottom: 0.1rem; }
  .cpboth .smod .fills button{ height: 0.68rem; border-radius: 0.68rem; font-size:0.28rem; }
  .cpboth .smod .fills h5{ font-size:0.32rem; margin-bottom: 0.2rem; }



  .fastnav{ width:3rem; top: 30%;}
  .fastnav h3{ height: 0.5rem; width: 2.5rem; padding: 0 0.15rem; font-size: 0.28rem; border-radius: 0 0.4rem 0.4rem 0;  }

  .fastnav h3 .close{ width: 0.4rem; height:0.4rem; position: absolute; right: 0; top: 50%; background: url(../img/img164.webp) no-repeat center / 0.12rem auto; cursor: pointer; margin-top: -0.2rem; }
  .fastnav .drop{ border-radius:0 0.2rem 0.2rem 0; padding:0.18rem 0.06rem; margin-top:0.2rem;}
  .fastnav .drop .close{ width: 0.2rem; height: 0.3rem; top: 0.22rem; background:#D90429 url(../img/img163.webp) no-repeat center / 0.12rem auto; }
  .fastnav .drop .dka{ border-bottom: 1px solid #03163E; font-size: 0.25rem; line-height: 1; color: #fff;  display: block; display: flex; align-items: center; padding:0.06rem 0 0.06rem  0.3rem;  min-height: 0.56rem;   }
  .fastnav .drop .dka:before{  width:0.16rem; border-bottom: 1px solid #fff;   }

  .cpbest.child{ padding: 0.2rem 0; }
  .cpbest.child .items{ width: calc(50% - 0.15rem); margin-right:0.3rem; margin-bottom:0.3rem; }
  .cpbest.child .items:nth-child(4n){ margin-right: 0.3rem; }
  .cpbest.child .items:nth-child(3n){ margin-right:0.3rem; }
  .cpbest.child .items:nth-child(2n){ margin-right:0rem; }
}






.popask.step1{ display: block;/* display: none;*/ }
.popask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: none; }
.popask .askbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.6); }
.popask .askmid{ width: 398px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; background: #000D2C; border-radius: 10px; padding: 10px 22px 20px; }
.popask .close{ position: absolute; right:15px; top: 15px; width:22px; z-index: 3; cursor: pointer;  }
.popask .desc.pttx{ padding-top:60px; margin-bottom: 20px; margin-top: 20px;  }
.popask .desc{ padding:20px 24px; font-size: 14px; color: #333; line-height: 20px; text-align: center; background: #DEDEDE; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.27);border-radius: 10px; position: relative; }
.popask .desc h3{ font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 10px; }
.popask .desc .tx{ position: absolute; left: 50%; margin-left: -43px; width: 86px; top: -35px; }
.popask .desc.left{ text-align: left; }
.popask .desc.left p{ margin-bottom: 10px; }
.popask .sub{ display: block; width: 100%; border:none; box-shadow: none; height: 36px; background-color: #FFB000; color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-top: 22px; border-radius: 10px; cursor: pointer; }
.popask h4{ line-height: 40px; margin-bottom: 25px; min-height: 40px; text-align: center; font-weight: bold; font-size: 16px; color: #fff; }
.popask .space{ height: 50px; }
.popask select{ display: block; width: 100%; height: 42px; line-height: 40px; border:1px solid #C9C7C7; padding: 0 14px; background-color: #fff; border-radius:4px; margin-bottom: 10px; font-size: 14px; color: #999; }
.popask input{ display: block; height: 42px; line-height: 40px; border:1px solid #C9C7C7; padding: 0 14px; background-color: #fff; border-radius:4px; width: 100%; margin-bottom: 10px; font-size: 14px; color: #333; }
.popask .line{ display: flex; align-items: center; justify-content: space-between; }
.popask .line select{ width: 90px; margin-right: 15px; padding: 0 4px; }
.popask .line input{ flex:1; }

@media(max-width:1024px){
	.popask .askmid{ width: 6.9rem; padding: 0.2rem; }
	.popask .close{ right: 0.2rem; top: 0.2rem; }
	.popask h4{ line-height: 0.6rem; margin-bottom: 0.25rem; min-height: 0.6rem; font-size: 15px;}
	.popask .space{ height: 0.7rem; }
	.popask .desc .tx{ width:1.2rem; margin-left: -0.6rem; top: -0.4rem; }
	.popask .desc.pttx{ padding-top:0.9rem; margin-bottom: 0.25rem; margin-top: 0px;  }
	.popask .desc{ padding: 0.2rem 0.2rem; }
	.popask .desc h3{ font-size: 15px; line-height: 0.44rem; margin-bottom: 0.15rem; }
	.popask select{ padding: 0 0.1rem; }
	.popask input{ padding: 0 0.1rem; }
	.popask .line select{ padding: 0 0.04rem; }
}


.cpcess{ padding: 50px 0 80px; }
.cpcess .desc{ font-size: 18px; color: #273651; line-height: 2.2; margin-bottom: 40px; }
.cpcess .lists{ overflow: hidden; padding-bottom: 4px; }
.cpcess .sin{ width: calc(25% - 30px); margin-right: 40px; float: left; border:2px solid #ECF0F7; border-radius: 10px; box-shadow: 0 3px 0px #D90429; padding: 20px 16px; cursor: pointer; }
.cpcess .sin:nth-child(4n){ margin-right: 0px; }
.cpcess .sin .icon{ display: block; width: 100px; height: 100px; border: 1px dashed #D90429; border-radius: 50%; margin:0 auto; display: flex; align-items: center; justify-content: center; }
.cpcess .sin .icon img{ display: block; width: 44px; }
.cpcess .sin h4{ font-size: 24px; color: #091836; font-weight: bold; text-align: center; line-height: 2; margin:10px 0; }
.cpcess .sin .lks{}
.cpcess .sin .lka{ padding-left: 24px; font-size: 16px; color: #091836; display: flex; align-items: center; background: url(../img/img166.webp) no-repeat left center / 15px auto; height: 30px; }
.cpcess .sin .lka:hover{ color: #fff; background-image: url(../img/img167.webp); }
.cpcess .sin .more{ display: block; padding: 0 24px; font-size: 16px; font-weight: bold; color: #D90429; text-transform: uppercase; margin-top: 10px; }
.cpcess .sin:hover{ background-color: #D90429; border-color: #D90429; }
.cpcess .sin:hover .icon{ background-color: #fff; border:1px solid #fff; }
.cpcess .sin:hover .more{ color: #fff; }


@media(max-width:1024px){
  .cpcess{ padding: 0.6rem 0; }
  .cpcess .desc{ font-size: 0.28rem; line-height: 2.2; margin-bottom: 0.4rem; }
  .cpcess .lists{  padding-bottom: 0.05rem; }
  .cpcess .sin{ width: calc(50% - 0.1rem); margin-right: 0.2rem; float: left; border:2px solid #ECF0F7; border-radius: 0.1rem; box-shadow: 0 3px 0px #D90429; padding:0.2rem 0.15rem; margin-bottom: 0.2rem; }
  .cpcess .sin:nth-child(4n){ margin-right: 0.2rem; }
  .cpcess .sin:nth-child(2n){ margin-right: 0px; }

  .cpcess .sin .icon{ width: 1rem; height: 1rem; }
  .cpcess .sin .icon img{ width: 0.4rem; }
  .cpcess .sin h4{ font-size: 0.32rem; margin:0.1rem 0; }
  .cpcess .sin .lks{}
  .cpcess .sin .lka{ padding-left: 0.24rem; font-size: 0.24rem; background: url(../img/img166.webp) no-repeat left center / 0.15rem auto; height: 0.4rem; }
  .cpcess .sin .more{ padding: 0 0.24rem; font-size: 0.24rem; margin-top:0.1rem; }
}

.baninfo{ overflow: hidden; position: relative; padding-right: 45%; background-color: #F6F6F6; }
.baninfo .main{ width: 100%; padding: 70px 3% 60px 14%; position: relative; z-index: 3; }
.baninfo .main h3{ font-size: 24px; color: #091836; line-height: 1; font-weight: bold; font-family: "微软雅黑"; }
.baninfo .main h4{ font-size: 18px; color: #091836; line-height: 2; margin:18px 0; }
.baninfo .main .deals{ display: flex; align-items: center; margin-bottom: 40px; }
.baninfo .main .deals .geta{ display: block; width: 220px; height: 50px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; margin-right: 50px; cursor: pointer;background: linear-gradient(68deg, #D90528 0%, #D91818 49%, #D92B04 100%);  }
.baninfo .main .deals .geta:nth-child(2){ background: #041F55; }
.baninfo .main .deals .geta:hover{background: linear-gradient(68deg, #D90528 0%, #D91818 49%, #D92B04 100%);}
.baninfo .move{ position: relative; padding: 25px 40px 60px; background-color: transparent; }
.baninfo .move:after{ content: ""; position: absolute; left: 0; top: 0; width: 110%; height: 100%; z-index: 0; background-color: #fff; transform: translateX(40px); }
.baninfo .move .prev{ position: relative; z-index: 3; background: url(../img/img169.webp) no-repeat center center / 20px auto; width: 30px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -60px;  cursor: pointer;  }
.baninfo .move .next{  z-index: 3; background: url(../img/img170.webp) no-repeat center center / 20px auto; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; margin-top: -60px; cursor: pointer;   }
.baninfo .move .item{ display: block; overflow: hidden; margin-bottom: 30px; cursor: pointer; }
.baninfo .move .item .pic{ display: block; width: 100%; overflow: hidden;}
.baninfo .move .item .pic img{ display: block; width: 100%; transition:all 0.4s; }
.baninfo .move .item .pic:hover img{ transform: scale(1.1); }
.baninfo .move .item .name{ font-size: 16px; color: #333; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }
.baninfo .move .item .name:hover{ color: #D92B04; }
.baninfo .pics{ width: 45%; position: absolute; right: 0; top: 0; height: 100%; z-index: 2;}
.baninfo .vdswiper{ overflow: hidden; position: absolute; right: 0; top: 0; height: 100%; width: 100%; }
.baninfo .pics .item{ background: url(../img/img168.webp) no-repeat center center / cover; display: black; width: 100%; height: 100%; position: relative; }
.baninfo .play-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.3); }

@media(max-width:1024px){
  .baninfo{ padding-right: 0;  }
  .baninfo .main{ padding: 0.6rem 0.3rem; }
  .baninfo .main h3{ font-size: 0.32rem; }
  .baninfo .main h4{ font-size: 0.28rem; margin:0.2rem 0; }
  .baninfo .main .deals{ margin-bottom:0.4rem; }
  .baninfo .main .deals .geta{ width: 2.5rem; height:0.56rem; border-radius: 6px; font-size: 0.28rem; margin-right: 0.3rem; }
  .baninfo .main .deals .geta:last-child{ margin-right: 0; }
  .baninfo .move{  padding: 0.3rem 0.5rem 0.3rem;  }
  .baninfo .move:after{ transform: translateX(0); display: none; }
  .baninfo .move .prev{ background: url(../img/img169.webp) no-repeat center center / 0.3rem auto; width: 0.4rem; height: 0.4rem; margin-top: -0.6rem;  }
  .baninfo .move .next{ background: url(../img/img170.webp) no-repeat center center / 0.3rem  auto; width: 0.4rem; height: 0.4rem; margin-top: -0.6rem;  }
  .baninfo .move .item{  margin-bottom: 0.3rem; cursor: pointer; }
 
  .baninfo .move .item .name{ font-size: 0.25rem; margin-top: 0.08rem; }
  .baninfo .pics{ width: 100%; position: static; height: 3rem; position: relative; }
  .baninfo .play-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.3); }
}



















.jglist{ padding: 100px 0 50px; overflow: hidden; }
.jglist .items{ width: calc(33.33% - 24px); float: left; margin-right: 36px; margin-bottom: 36px; overflow: hidden; position: relative; float: left; cursor: pointer; }
.jglist .items .pic{ display: block; width: 100%; transition: all 0.4s; }
.jglist .items .txt{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.6); padding:15px 8%;  transition: all 0.4s; }
.jglist .items .txt .title{ font-size: 24px; color: #fff; font-weight: bold; line-height: 1.2; text-align: center;  transition: all 0.4s;  }
.jglist .items .txt p{ font-size: 18px; color: #fff; line-height: 26px; height: 0; overflow: hidden; transition: all 0.4s; }
.jglist .items:nth-child(3n){ margin-right: 0; }
.jglist .items:hover .txt{ padding: 10% 8%; height: 80%; }
.jglist .items:hover .txt p{ height: auto; margin-top: 15px; }
.jglist .items:hover .pic{ transform:scale(1.1); }

@media(max-width:1024px){
  .jglist{ padding:0.6rem 0 0.4rem; }
  .jglist .items{ width: calc(50% - 0.1rem); float: left; margin-right: 0.2rem; margin-bottom: 0.2rem;  }
  .jglist .items .pic{ display: block; width: 100%; transition: all 0.4s; }
  .jglist .items .txt{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.6); padding:0.2rem;  transition: all 0.4s; }
  .jglist .items .txt .title{ font-size: 0.28rem;  line-height: 1.2; text-align: center;  }
  .jglist .items .txt p{ font-size: 0.24rem; line-height: 1.2; }
  .jglist .items:nth-child(3n){ margin-right: 0.2rem; }
  .jglist .items:nth-child(2n){ margin-right: 0; }
  .jglist .items:hover .txt{ padding: 0.2rem; }
  .jglist .items:hover .txt p{ margin-top: 0.15rem; }
  .jglist .items:hover .pic{ transform:scale(1.1); }
}

.lxpage{ padding: 80px 0; }
.lxpage .mation{ overflow: hidden; padding-left: 59%; position: relative; background-color: #F0FAFF; }
.lxpage .mation .pic{ width: 59%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/img155.webp) no-repeat center / cover; }
.lxpage .mation .info{ padding: 40px 45px; }
.lxpage .mation .info h4{ font-size: 30px; line-height: 1.3; margin-bottom: 20px; color: #091836; font-weight: bold; }
.lxpage .mation .info p{ font-size: 18px; line-height: 1.3; margin-bottom: 20px; color: #333; }
.lxpage .libs{}
.lxpage .libs .lba{ display: flex; align-items: center; font-size: 18px; color: #111E37; margin-bottom: 25px; }
.lxpage .libs .lba img{ display: block; width: 25px; margin-right: 15px;  }
.lxpage .libs .lba:last-child{ margin-right: 0; }
.lxpage ul{ margin:50px 0; display: flex; justify-content: space-between; }
.lxpage ul li{ padding: 40px 30px; background-color: #fff; border-radius: 8px; box-shadow: 0px 1px 16px 2px rgba(0,0,0,0.11); min-height: 150px; width: 30%; }
.lxpage ul li h3{ font-size: 24px; color: #091836; font-weight: bold; margin-bottom: 25px; }
.lxpage ul li p{ font-size: 16px; color: #333; line-height: 1.6; }
.lxpage ul li p a{ cursor: pointer; color: #333; }
.lxpage ul li p a:hover{ cursor: pointer; color: #D92B04; }
.lxpage .lpart{ margin-bottom:70px;  }
.lxpage .ltxt{ margin-bottom: 40px; }
.lxpage .ltxt h4{ font-size: 44px; color: #091836; font-weight: bold; line-height: 1.1; margin-bottom: 8px; text-transform: capitalize; font-family: "微软雅黑"; }
.lxpage .ltxt h5{ font-size: 18px; color: #333; line-height: 1.1; }

.lxpage .put{ overflow: hidden; }
.lxpage .put input{ display: block; width: 48%; float: left; font-size: 18px; line-height: 58px; margin-bottom: 18px; border: 1px solid #DDDDDD; padding: 0 15px; }
.lxpage .put textarea{ display: block; width: 100%; float: left; font-size: 18px; line-height: 30px; margin-bottom: 10px; border: 1px solid #ddd; padding: 0 15px; height: 180px; }
.lxpage .put input:nth-child(2n){ float: right; }
.lxpage  button{ display: block; width: 400px; height: 70px;background: linear-gradient(68deg, #D90528 0%, #D91818 49%, #D92B04 100%); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; cursor: pointer; border:none; box-shadow: none; margin-top: 30px; font-family: "PingFang" }
.lxpage .btn-box{ margin-top: 30px; }
.lxpage .maps{ display: block; overflow: hidden; position: relative; }
.lxpage .maps .tu{ display: block; width: 100%; }
.lxpage .maps .icon{ display: block; width: 4.4%; position: absolute; left: 50%; top: 30%; z-index: 2; cursor: pointer; }
.lxpage .maps .icon{ animation-name:beat;animation-duration: .5s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;}
.lxpage .maps .ups{ background-color: #111E37; padding: 0 12px; border-radius: 8px; position: absolute; left:calc(50% - 190px); top: 43%; z-index: 2; width: 380px; }
.lxpage .maps .ups h5{ font-size: 17px; color: #fff; line-height: 1.3; border-bottom: 1px solid #2D3544; padding: 15px 0; }
.lxpage .maps .ups .libs{ padding: 20px 0; }
.lxpage .maps .ups .libs .lba{ color: #fff; }



@keyframes beat{
  0%{transform: translateY(5px);}
  100%{transform: translateY(0px);}
}
@keyframes beat2{
  0%{transform: translateY(5px) scale(1.2);}
  100%{transform: translateY(0px) scale(1.2);}
}

@media(max-width:1220px){
  .lxpage ul li h3{ font-size: 20px; }
  .lxpage .ltxt h4{ font-size: 38px; }
  .lxpage .ltxt h5{ font-size: 16px;}

}


@media(max-width:1024px){
  .lxpage{ padding:0.6rem 0; }
  .lxpage .mation{ padding-left: 0;  }
  .lxpage .mation .pic{  position: static; width: 100%; height: 4rem; left: 0; top: 0; }
  .lxpage .mation .info{ padding: 0.4rem; }
  .lxpage .mation .info h4{ font-size:0.32rem; line-height: 1.3; margin-bottom: 0.2rem; }
  .lxpage .mation .info p{ font-size: 0.28rem; line-height: 1.3; margin-bottom: 0.2rem;  }
  .lxpage .libs{}
  .lxpage .libs .lba{ font-size: 0.28rem; color: #111E37; margin-bottom: 0.25rem; }
  .lxpage .libs .lba img{ display: block; width: 0.24rem; margin-right:0.15rem;  }
  .lxpage .libs .lba:last-child{ margin-right: 0; }
  .lxpage ul{ margin:0.4rem 0; display: block; }
  .lxpage ul li{ padding:0.4rem 0.3rem; border-radius:0.08rem; box-shadow: 0px 1px 0.16rem 2px rgba(0,0,0,0.11); min-height: 1rem; width: 100%; margin-bottom: 0.3rem; width: 100%; }
  .lxpage ul li h3{ font-size: 0.3rem; margin-bottom: 0.25rem; }
  .lxpage ul li p{ font-size: 0.26rem; }
  .lxpage .lpart{ margin-bottom:0.6rem;  }
  .lxpage .ltxt{ margin-bottom:0.4rem; }
  .lxpage .ltxt h4{ font-size:0.3rem;  line-height: 1.1; margin-bottom: 0.08rem;  }
  .lxpage .ltxt h5{ font-size: 0.28rem; color: #333; line-height: 1.1; }


  .lxpage .put input{ width: 100%; float: left; font-size:0.28rem; line-height:0.68rem; margin-bottom: 0.2rem; border: 0.02rem solid #DDDDDD; padding: 0 0.2rem; }
  .lxpage .put textarea{ font-size:0.28rem; line-height:0.68rem; margin-bottom: 0.2rem; border: 0.02rem solid #DDDDDD; padding: 0 0.2rem; height: 1.6rem; }
  .lxpage .put input:nth-child(2n){ float: left; }
  .lxpage  button{ width: 4rem; height:0.8rem; border-radius:0.1rem; font-size: 0.28rem;  margin-top: 0.3rem; }
  .lxpage .btn-box{ margin-top: 0.3rem; }
  .lxpage .maps{ display: block; overflow: hidden; position: relative; }
  .lxpage .maps .tu{ display: block; width: 100%; }
  .lxpage .maps .icon{ display: block; width: 4.4%; position: absolute; left: 50%; top: 30%; z-index: 2; }
  .lxpage .maps .ups{ display: none; }
}





.xwpages .xinfo{ padding: 100px 0; }
.xwpages .xinfo h3{ font-size: 24px; color: #091836; line-height: 40px; font-weight: bold; margin-bottom: 6px; }
.xwpages .xinfo .botl{  display: flex; align-items: center; justify-content: space-between; padding: 0; }
.xwpages .xinfo .botl .time{ display: flex; align-items: center; font-size: 18px; color: #999; line-height: 1.3; }
.xwpages .xinfo .word{ border-top: 1px solid #BABABA; border-bottom: 1px solid #BABABA; padding: 60px 0px; font-size: 18px; color: #091836; line-height: 2; margin:20px 0 20px; }
.xwpages .xinfo .word img{ display: block; max-width: 100%; margin: 60px auto 20px; }
.xwpages .xinfo .near{ font-size: 18px; color: #666; line-height: 40px; padding: 0 20px; }
.xwpages .xinfo .near a{ cursor: pointer;  }
.xwpages .xinfo .near a:hover{ color: #D90429;  }

@media(max-width:1220px){
  .xwpages .xinfo h3{ font-size: 20px; line-height: 40px; }
  .xwpages .xinfo h4{ font-size: 15px; line-height: 40px; }

  .xwpages .xinfo .word{ border-top: 2px dashed #BABABA; border-bottom: 1px solid #BABABA; padding: 50px 0; font-size: 17px; line-height: 40px; margin:20px 0; }
  .xwpages .xinfo .word img{ display: block; max-width: 100%; margin: 50px auto 20px; }
  .xwpages .xinfo .near{ font-size: 16px; color: #666; line-height: 40px; }

  
}

@media(max-width:1024px){


  .xwpages .xinfo{ padding:0.6rem 0;  }
  .xwpages .xinfo h3{ font-size: 0.3rem; line-height:1.3; margin-bottom: 0.1rem; }
  .xwpages .xinfo .botl{ padding: 0 0rem; }
  .xwpages .xinfo .botl .time{ font-size: 0.28rem; }
  .xwpages .xinfo .word{ border-top: 0.02rem dashed #BABABA; border-bottom: 0.02rem solid #BABABA; padding: 0.2rem 0; font-size: 0.28rem; line-height:0.44rem; margin:0.2rem 0; }
  .xwpages .xinfo .word img{ display: block; max-width: 100%; margin:0.5rem auto 0.2rem; }
  .xwpages .xinfo .near{ font-size: 0.26rem; color: #666; line-height: 0.36rem; padding:0 0; }
  .xwpages .xinfo .near p{ margin-bottom: 0.12rem; }
}