@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box}
body{ font-size:14px; font-weight:1.5; font-family:"CeziTW-Regular", sans-serif !important;color:#333;}
@font-face {
 font-family: 'CeziTW-Regular';
 src: url('../fonts/CeziTW-Regular.eot');
 src:url('../fonts/CeziTW-Regular.eot?#iefix')format('embedded-opentype'),
        url('../fonts/CeziTW-Regular.woff') format('woff'),
        url('../fonts/CeziTW-Regular.ttf') format('truetype'),
        url('../fonts/CeziTW-Regular.svg#fontName') format('svg');
		 
}
:root {
  --universal-font-color: #153350;
  --universal-background-color: #003873;
  --universal-shadow-color: #b2c7da;
}
body, html{ width: 100%;} 
a,img,input{ text-decoration:none; font-size:14px; border:0}
img {height: auto;}
body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 
a:hover{ color:var(--universal-font-color)}
input,button,select,textarea{outline:none}
textarea{resize:none}
input,textarea{ outline:none;/* -webkit-appearance: none;*/}
img{ max-width:100%}
.cent,.foot{ max-width:1200px; margin:auto;}
.head1{ padding:0 5%}
.banner{ position:relative}
.banner img {
    display: block;
    width: 100%;
    height: auto;
}
/* @media screen and (min-width: 640px) and (max-width: 1300px) {
    .banner img {
        aspect-ratio: 1.8 / 1;
        object-fit: cover;
        object-position: 70%;
    }
} */
.banner p img{ width:100%}



/* New video hero banner */
.video-hero-banner { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background-color: #000; }
.video-hero-banner-content { position: relative; z-index: 2; padding: 14px; }
.video-hero-banner-video { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; opacity: 0.7; }
.video-hero-banner-content-title h1 { font-size: 60px; font-weight: 300; text-align: center; color: #fff;}
.video-hero-banner-content-button { margin-top: 2vh; display: flex ; align-items: center; justify-content: center; }
.video-hero-banner-content-button a { display: block; color: #fff !important; padding: 20px 22px; background-color: #0a6fe8; font-size: 1.25rem; line-height: 100%; font-weight: 500; border-radius: 40px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25); white-space: nowrap; }
.video-hero-banner-content-button a.play-video { background-color: transparent; box-shadow: unset; display: flex ; align-items: center; justify-content: center; gap: 8px; }

#home-video-popup { position: fixed; inset: 0; z-index: 999999; display: none; }
#home-video-popup popup-container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#home-video-popup popup-content { border: 1px solid #ffffff21; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.5); width: 800px; max-width: 90vw; display: block; border-radius: 10px; overflow: hidden; position: relative; z-index: 2; aspect-ratio: 16 / 9; }
#home-video-popup cover { position: absolute; inset: 0; z-index: 1; background-color: #000; opacity: 0.8; }
#home-video-popup close { position: absolute; top: 10px; right: 10px; z-index: 2; color: #fff; cursor: pointer; padding: 4px; font-size: 20px; opacity: 0; line-height: 1; transition: all .4s; }
#home-video-popup popup-content:hover close { opacity: 0.8; }
#home-video-popup video { width: 100%; height: auto; display: block; }

.software-feature-continer { margin: 5rem 0; display: flex; align-items: start; justify-content: center; height: 100%; gap: 5%; }
.software-feature-images { width: 55%; position: sticky; top: 80px; aspect-ratio: 1812 / 1884; max-height: calc(100vh - 160px); }
.software-feature-images img { max-height: min-content; height: 100%; width: auto; position: absolute; left: 50%; opacity: 0; transition: all .4s; transform: translateX(-50%); }
.software-feature-images img.active { opacity: 1; }
.software-feature-content { flex: 1; padding: 8rem 0; }
.software-feature-content-item { padding: 4rem 0; border-bottom: 1px solid #c4c4c4; opacity: 0.3; transition: all .4s; }
.software-feature-content-item.active { opacity: 1; border-color: #f0f0f0; }
.software-feature-content-item:last-child { border-bottom: none; }
.software-feature-content-item h3 { font-size: 34px; font-weight: 400; margin-bottom: 1rem; }
.software-feature-content-item p { font-size: 20px; font-weight: 300; line-height: 1.5; }

@media screen and (max-width: 640px) {
    .software-feature-continer { flex-direction: column; }
    .software-feature-images { width: 100%; top: 10px !important; background: #fff; z-index: 2; aspect-ratio: 1.5 / 1; }
    .software-feature-images img { aspect-ratio: 1.5 / 1; object-fit: cover; border-radius: 10px; }
    .software-feature-content { padding: 0; }
    .software-feature-content-item { opacity: 0.1; }
}

.head1 .left{ width:238px;}
.head1 .left p{ margin:9% 0}
.head1 .right{ width:789px;}
.head0{ position:absolute; top:0; left:0; width:100%; z-index:9}
.logo img{ width:100%;}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%; display:block}
.flex-control-nav{position:absolute;bottom:0; right:0; z-index:2;width:100%;text-align:center; display:none}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:45px;overflow:hidden;background:url(../images/sy-80.png) right 0 no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/sy-81.png) right 0 no-repeat;}
/*.flex-direction-nav{position:absolute;z-index:3;width:100%;top:43%;}
.flex-direction-nav li a{display:block;width:57px;height:57px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:6%;background:url(../images/sy-6.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:6%;background:url(../images/sy-9.png) center center no-repeat;}
*/
.sy1{ position:absolute; top:37%; left:0; width:100%}
.sy1 h1{ font-size:30px; font-weight:bold}
.sy1 p{ font-size:16px; line-height:28px; margin:2% 0 5%; color:#666}
.sy1 h2 a,.more a,.sy7 h2 a,.sli3-1 h3 a,.cpb-x2 .right div.form-box h2 input,.xz-l h2 a,.gg2 .right h4 a,.kh1 dl .d3 a,.cp1 .right p a, .cp2-1 p a{ width:155px; line-height:44px; text-align:center; display:inline-block; border-radius:10px; float:left; font-size:16px; color:var(--universal-font-color); margin-right:30px; margin-bottom:10px}
.gg2 .right h4 a,.kh1 dl .d3 a,.sy1 h2 a,.more a,.sy7 h2 a,.sli3-1 h3 a,.cpb-x2 .right div.form-box h2 input,.xz-l h2 a,.sy1 h2 a,.sy1 h2 a:hover,.more a:hover,.sli3-1 h3 a:hover,.cpb-x2 .right div.form-box h2 input,.more1 a,.xz-l h2 a,.cp1 .right p a, .cp2-1 p a{ background:var(--universal-background-color); color:#fff;/* box-shadow:5px 4px 6px #F5DED8*/}
.sy1 h2{ overflow:hidden;}
.nav1 ul{ overflow:hidden}
.nav1 ul li{ float:left; text-align:center; width:25%;}
.nav1 ul li a{ font-size:16px; display:block; padding:26% 0 15%; color:#fff}
.nav1 ul li a img{ vertical-align:middle; margin-left:10px}
.nav1 ul li a:hover,.nav1 ul .dq a{ font-weight:bold; background:url(../images/sy-1.png) no-repeat center bottom}
.nav2,.sjx{ display:none}
.dropMenu{ width:195px;/* position:absolute;*/ top: 0; left:0; z-index:9999; display:none; margin-left:-33px; background:#F3F7FF; padding:15px 0}
.dropMenu li{ line-height:45px; position:relative}
.dropMenu li img{ vertical-align:middle; float:right; margin-top:18px}
.dropMenu li .b2{ display:none}
.dropMenu li a:hover .b1{ display:none}
.dropMenu li a:hover .b2{ display:inline-block}
.dropMenu .no{ border:0}
.dropMenu li a{ font-size:14px; color:#666; display:block; padding:0 18px;} 
.dropMenu li a:hover{ color:var(--universal-font-color);}
.dropMenu ul{ position:absolute; right: -196px; top:-15px; border-left:#EDEDED 1px solid; background:#F3F7FF; padding:15px 0; display:none; width:195px}
.dropMenu ul li a{ font-size:12px;}
.dropMenu ul li{ line-height:20px; padding:5px 0}
.dropMenu li:hover ul{ display:block}
header{ display:none}
.zg{ width:61%; float:left}
.zg1{ width:38%; float:right; text-align:right; color:#999; padding-top:3%}
.zg1 p{ overflow:hidden}
.zg1 p span{ width:78%; display:inline-block; float: right; overflow:hidden}
.zg1 p span a{ display:inline-block; width:45%; margin-left:5%; background:#fff; border-radius:10px; text-align:center; color:var(--universal-font-color); font-size:16px; line-height:35px}
.zg1 p a{ color:#fff; font-size:16px; display:inline-block; float:left}
.zg1 p a:hover{ font-weight:bold}
.zg1 p img{ vertical-align:middle; margin-right:5px}
.zg1{ position:relative}
.zg1 p .nn{ margin-top:5px; color:#fff; font-weight:normal; display:inline-block}
.zg1 p .nn strong{display:none; width: 195px; position:absolute; left: -43px; padding-top:20px;}
.zg1 p .nn strong a{ display:block; padding:0 50px; border-radius:0; font-size:14px; line-height:35px; color:#333; font-weight:normal; background: #F3F7FF; float: none;  text-align: left;}
.zg1 p .nn:hover strong{ display:block}
.zg1 p .nn strong a:first-child{ padding-top:10px}
.zg1 p .nn strong a:last-child{ padding-bottom:10px}
.zg1 p .nn strong a:hover{ color:var(--universal-font-color)}
.dwe{ position:absolute; top:80px; right:5%; display:none; z-index:999}
.dwe p{ width:240px; float:right;background:#000; background-color:rgba(0,0,0,0.15);filter:Alpha(opacity=15); position:relative; padding:10px}
.dwe p input{ line-height:30px; margin-top:25px; border:0; background:#fff}
.dwe p input:nth-child(1){ float:left; width:81%; color:#fff; background:none; border:#FFF 1px solid; padding:0 5px}
.dwe p input:nth-child(2){ float:right; width:14%; background:url(../images/ss.png) no-repeat center #fff; background-size:14px; border:#fff 1px solid}
.dwe p img{position: absolute;top:5px; right:10px; width:20px; cursor:pointer}
.dwe2 p{ width:180px; font-size:18px; color:#fff; text-align:center; color:#089abd; background-color:rgba(0,0,0,0.10);filter:Alpha(opacity=10); }
.qh{ text-align:right; margin-bottom:1.5%; color:#fff}
.sjx{ display:none !important}
.qh a{ color:#fff}
.he_ZoomInImg,.cp2-1 h1,.cp1 .left p,.gg2 .left p,.kh1 dl dt,.xw-xq3 dl dt,.slick-slide dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.cp2-1 h1 img,.cp1 .left p img,.gg2 .left p img,.kh1 dl dt img,.xw-xq3 dl dt img,.slick-slide dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.cp2-1 h1:hover img,.cp1 .left:hover p img,.gg2:hover .left p img,.kh1 dl:hover dt img,.xw-xq3 dl dt:hover img,.slick-slide dl a:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:20px;text-align:center;width:80%; height:50%; border-bottom:#cc0000 2px solid; background:#fff; background-color: rgba(255,255,255,0.6); filter: Alpha(opacity=60); -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; margin:10%; padding-top:20%}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#cc0000;opacity:1}
@media (max-width: 1400px){
.flex-direction-nav li a.flex-prev{left:1%;}
.flex-direction-nav li a.flex-next{right:1%;}	
	}
.sy-bt{ font-size:24px; text-align:center; margin:8% 0 5%; font-weight:bold}
.sy-bt span{ font-size:16px; color:#666; display:block; font-weight:normal; margin-top:3%; line-height:26px}
.sy2{ border-bottom:#E5E5E5 1px solid; overflow:hidden; margin-left:-2%; padding:5px; padding-bottom:8%}
.sy2 dl{ float:left; width:23%; margin-left:2%; height:250px; overflow:hidden; box-shadow:0 0 5px #eee; padding:5% 0;}
.sy2 dl dt img{ display:block; margin:auto}
.sy2 dl dd{ text-align:center; font-size:16px; margin-top:10%; line-height:35px}
.sy2 dl dd strong{ color:var(--universal-font-color); font-weight:normal; font-size:26px; vertical-align:sub; font-weight:bold}
.sy3{ /* background:url(../images/sy-16.jpg) no-repeat center; */ padding-bottom:8%}
.sy3-1 ul li{ display:inline-block; font-size:18px; color:#767676; cursor:pointer; margin:0 3%; padding-bottom:10px}
.sy3-1 ul{ text-align:center;}
.sy3-1 ul .curr1{ color:#333; border-bottom: 4px solid var(--universal-background-color);}
.sy3-1{ margin:-1% 0 5%}
.sy3-2-1{ overflow:hidden; margin-left:-2%; padding:8px;}
.sy3-2-1 dl{ float:left; width:23%; margin-left:2%; box-shadow:0 0 8px #ccc; padding:3% 0 2%; background:#fff}
.sy3-2-1 dl dt img,.sy3-2-1 dl .a2 img{ display:block; margin:auto}
.sy3-2-1 dl .a1{ font-size:16px; font-weight:bold; text-align:center;}
.sy3-2-1 dl .a3{ display:block; font-weight:normal; font-size:14px; color:#666; margin-top:4%; text-align:center}
.sy3-2-1 dl .a2 .b2{ display:none}
.sy3-2-1 dl a{ display:block}
.sy3-2-1 dl a:hover .a2 .b1{ display:none}
.sy3-2-1 dl a:hover .a2 .b2{ display:block}
.sy3-2-1 dl .a1{ margin:6% 0 9%; height:50px; overflow:hidden}
.sy-bt1 span{ margin-top:1%; font-size:14px}
.sy3-2-1 dl .a3{ font-size:14px; margin:-12% 8% 8%; height:40px; overflow:hidden; color:#666; text-align:center}
.sy3-2-2 dl{ width:18%}
.sy4{ background-color: #fff; padding-bottom:6%}
.sy4 .sy-bt{ margin:6% 0 5%; color: var(--universal-background-color)}
.sy4 ul{ overflow:hidden}
.sy4 ul li{ float:left; width:33.33%; text-shadow:1px 1px 3px #333; text-align:center; color:var(--universal-background-color); font-size:14px}
.sy4 ul li strong{ font-size:60px; display:block; margin-bottom:2%}
.about-partner-list{ padding-bottom:14%}
.about-partner-list,.sy4 .cent{position: relative;}
.about-partner-list .swiper-slide .item {display: block; position: relative;padding:10px;}
.about-partner-list .swiper-slide .item:hover img{ box-shadow:0 0 8px var(--universal-shadow-color); border:#FAF7F2 1px solid}
.about-partner-list .swiper-slide .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.about-partner-list .swiper-slide .img img{ max-width:inherit; width: 100%; border:#fff 1px solid;height:auto;aspect-ratio: 2 / 0.95; object-fit: contain;}
.about-partner-list .swiper-slide .img{transition: 0.5s ease;box-sizing: border-box; position:relative}
.about-partner-list .swiper-slide .title{margin-top: 15px;font-size: 16px;color: #000;text-align: center;}
.about-partner-list .swiper-slide .item+.item{margin-top:40px;}
.about-partner-list .about-partner-next{position: absolute;bottom:15%; width:30px; height:31px;right: 46%;margin: auto;cursor: pointer; background:url(../images/sy-44.png) no-repeat center}
.about-partner-list .about-partner-prev{position: absolute;bottom:15%; width:30px; height:31px;left: 46%;margin: auto;cursor: pointer; background:url(../images/sy-42.png) no-repeat center}
.about-partner-list .about-partner-next:hover{ background:url(../images/sy-45.png) no-repeat center}
.about-partner-list .about-partner-prev:hover{ background:url(../images/sy-43.png) no-repeat center}
.about-partner-list1{ border-bottom:#E5E5E5 1px solid}
.sy5{ background:url(../images/sy-46.webp) no-repeat center top 4%;}
.about-partner-list2 .swiper-slide .item img{ border:#E3E3E3 1px solid; border-radius:50%;aspect-ratio: 1 / 1; background-color: #fff;}
.about-partner-list2 .swiper-slide .item:hover img{ border:var(--universal-shadow-color) 1px solid;}
.about-partner-list2 .about-partner-next{z-index: 1; position: absolute;bottom:36%; width:64px; height:64px;right:0%;margin: auto;cursor: pointer; background:url(../images/sy-57.png) no-repeat center;background-color:#fff;border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.about-partner-list2 .about-partner-prev{z-index: 1; position: absolute;bottom:36%; width:64px; height:64px;left:0%;margin: auto;cursor: pointer; background:url(../images/sy-55.png) no-repeat center;background-color:#fff;border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.about-partner-list2 .about-partner-next:hover{ background:url(../images/sy-58.png) no-repeat center;background-color:#fff}
.about-partner-list2 .about-partner-prev:hover{ background:url(../images/sy-56.png) no-repeat center;background-color:#fff}
.sy5 .cent{ max-width:1500px}
.about-partner-list2 .swiper-container{ max-width:1200px; margin:auto}
.about-partner-list2{ padding-bottom:0}
.about-partner-list2 .swiper-slide .item+.item{ margin-top:20px}
@media (max-width: 1400px){
.sy5 .cent{ max-width:1400px}	
.about-partner-list2 .swiper-container{ max-width:1100px;}
	}
#demo2{ max-width:1200px; margin:auto}
#demo2 .flex-control-nav{ display:block}
#demo2 .flex-direction-nav{ display:none}
#demo2{ max-width:1036px; margin:auto; padding:2% 3% 0;position: relative;}
#demo2::before{content: "";position: absolute;left: 0;top: 0;width:24px;height:24px;background-image: url(../images/sy-78.png);background-size: contain; background-repeat: no-repeat; background-position: center; }
#demo2::after{content: "";position: absolute;right: 0;bottom: 20px;width:24px;height:24px;background-image: url(../images/sy-79.png);background-size: contain; background-repeat: no-repeat; background-position: center; }
#demo2 div{ font-size:16px; text-align:center; font-weight:bold; /* line-height:35px */}
#demo2 p{ font-size:14px; color:#999; text-align:center; margin:4% 0}
#demo2 p img{ display:inline-block; width:52px; height:1px; vertical-align:middle; margin:0 20px}
.more a{ display:block; margin:auto; float:none}
.more{ margin:6% 0 8%}

.sy7 { padding: 0 10px; }
.sy7 .cent { overflow: hidden; position: relative; background: linear-gradient(180deg, #003873 0%, #0253B6 75%); padding: calc(3% + 30px) 20px calc(3% + 60px); margin-bottom: 6%; border-radius: 30px; }
.sy7 .cent .sy-bt { font-weight: 300; line-height: 1.1em; margin:0 0 40px; font-size: 45px; color: #fff; }
.sy7 .cent .sy-bt b { font-weight: 700; background: linear-gradient(88deg, #A5DBFF 0%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); background-clip: text; }
.sy7 p{ text-align:center; color: #fff; font-size: 22px; max-width: 570px; margin: 0 auto 5%; }
.sy7 a{ background: hsla(0, 0%, 100%, .1); border: 2px solid rgba(0, 0, 0, 0); border-radius: 50px; line-height: 1; color: #fff; text-decoration: none; transition: all .3s ease; backdrop-filter: blur(10px); position: relative; font-weight: 500; display: flex ; align-items: center; justify-content: center; padding: 18px 30px; font-size: 18px; margin: 0 auto; width: max-content; }
.sy7 a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50px; padding: 2px; background: linear-gradient(90deg, #FF8042 0%, #A5DBFF 100%); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: xor; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; }
.sy7 a:hover { background: hsla(0, 0%, 100%, .2); box-shadow: 0px 8px 24px rgba(0, 0, 0, .15); }
.sy7 .decoration { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1; pointer-events: none; }
.sy7 .decoration svg { display: block; width: 100%; height: auto; }


.footer{ position: relative; border-top: 1px solid rgb(21 51 80/15%); }
.footer-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; }
.footer-bg img { width: 100%; height: 100%; object-fit: cover; }

.foot1{ overflow:hidden} 
.fo1{ float:left; width:25%}
.fo1 h3{font-size:16px;color:#153350;height:78px;overflow:hidden; border-bottom: none;box-shadow: 0 -2px 0 var(--universal-background-color) inset;padding:10% 0 10% 30%;position: relative;}
.fo1 h3::before {content: "";left: 0;bottom: 0px;width: 29%;height: 1px;background-color: #fff;position:absolute;}
.fo1 h3::after {content: "";right: 0;bottom:0px; width: 33%; height: 1px; background-color:  #fff;position:absolute }
.fo1 ul{ margin-left:30%}
.fo1 ul li a{ font-size:12px; color:rgb(21 51 80/80%); padding: 4px 0; display: block;}
.fo1 ul li a img{ vertical-align:middle; margin-right:5px; filter: invert(30%);}
.fo1 ul ul{ margin-left:15%}
.fo1 ul li{ margin-top:3%}
.fo1 ul li a:hover{ opacity: 1; text-shadow: 0 0 1px #ffffff;}
.foot2{ overflow:hidden; margin-bottom:1.5%}
.foot2 dl{ float:left; width:12%; margin-top:3%}
.foot2 div{ float:right; width:33%}
.foot2 div h3{ font-size:18px; color:#153350; font-weight:bold; margin-left:7%; margin-bottom:7%}
.foot2 div ul li{ font-size:14px; color:rgb(21 51 80/80%); margin-top:3%; overflow:hidden; line-height:24px;display: flex; align-items: center;}
.foot2 div ul li img{ vertical-align:middle; margin-right:10px}
.foot2 div ul li .left{ width: max-content; }
.foot2 div ul li .right{ flex: 1; }
.foot3{ border-top:#fff 1px solid}
.foot3 p,.foot3 p a{ text-align:center; color:rgb(21 51 80/80%); font-size:12px;}
.foot3 p{ padding:1% 0 2%}
.nb1{ max-width:402px}
.sy1 .nb1 p{ margin-top:5%}
.header1 .nav1 ul li a{ color:#333}
.header1 .nav1 ul li a:hover,.header1 .nav1 ul .dq a{ font-weight:bold; background:url(../images/AMC-2.png) no-repeat center bottom}
.header1 .zg1 p a{ color:#333}
.header1 .zg1 p span a{ background:var(--universal-background-color); color:#fff}
.cp1{ margin:6% 10px; box-shadow:0 0 10px #ccc; border-radius:10px}
.cp1 .left,.cp1 .right{ width:50%}
.cp1 .left p img{ border-radius:10px 0 0 10px; width:100%; height:315px}
.cp1 .right{ padding:4% 8%}
.cp1 .right h2{ margin:7% 0;}
.cp1 .right h2 a,.cp2-1 h2 a{ font-size:18px; font-weight:bold; display:block}
.cp1 .right h2 span,.cp2-1 h2 span{ color:#666; font-size:16px; display:block; margin-top:3%}
.cp1 .right h3,.cp2-1 h3{ font-size:12px; color:#999; margin-bottom:6%}
.cp1 .right h3 img,.cp1 .right p img,.cp2-1 h3 img{ vertical-align:middle; margin-right:5px;}
.cp1 .right p a,.cp2-1 p a{ font-size:16px; font-weight:bold}
.cp1 .right p .c2{ display:none}
.cp1 .right h2 a:hover,.cp1 .right p a:hover{ color:var(--universal-font-color);}
.cp1 .right p img{ margin-left:10px; margin-right:0}
.cp1 .right p a:hover{ text-decoration:underline}
.cp1 .right h2 a,.cp1 .right h2 span{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cp2{ overflow:hidden; margin-left:-3%; margin-top:2%; padding:10px}
.cp2-1{ float:left; width:47%; margin-left:3%; margin-top:3%; padding-bottom:4%; box-shadow:0 0 10px #ccc; border-radius:10px}
.cp2-1 h1 img{ width:100%; border-radius:10px 10px 0 0; height:368px}
.cp2-1 h2,.cp2-1 h3,.cp2-1 p{ margin:7% 6.5% 0}
.cp2-1 h2 span{ line-height:24px; height:48px; margin-top:4%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.cp2-1 p a img{ vertical-align:middle; margin-left:10px}
.cp2-1{ overflow:hidden}
.cp2-1 p span{ float:right; margin-top:-10px;}
.cp2-1 p a .c2{ display:none} 
.cp2-1 p a:hover .c1{ display:none} 
.cp2-1 p a:hover .c2{ display:inline-block} 
.cp2-1 p,.cp2-1 h3{ margin-top:5%}
.cp2-1 h2{ margin-top:9%}
.cp2-1 h2 a{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fy p{ text-align:center}
.pagination {
    text-align: center;
}
.pagination .page-numbers{ display:inline-block; font-size:18px; border:var(--universal-background-color) 1px solid; padding:4px 11px; margin:0 15px}
.pagination .page-numbers:hover, .pagination .page-numbers.current{ color:#fff; background:var(--universal-background-color)}
.fy{ margin:6% 0 8%}
.sy11{ top:46%}
.sa1{ overflow:hidden; margin-left:-5%}
.sa1 dl{ float:left; width:20%; margin-left:5%}
.sa1 dl dt img,.sa2 dl dt img{ display:block; margin:auto}
.sa1 dl dd,.sa2 dl dd{ text-align:center; font-size:18px; line-height:28px; margin-top:12%}
.sa2{ overflow:hidden; margin-left:-5%; margin-top:-5%; padding:15px; margin-bottom:8%}
.sa2 dl{ float:left; width:28.333%; margin-left:5%; margin-top:5%; box-shadow:0 0 15px #eee; border-radius:10px; padding:6% 0}
.sa2 dl dd{ margin-top:10%}
.gg1{ margin-top:6%}
.gg2 .left{ width:35%}
.gg2 .right{ width:62%}
.gg2 .left p img{ width:100%; height:315px}
.gg2 .right h1{ margin:1% 0 2%}
.gg2 .right h2 a{ display:block; font-size:20px; font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gg2 .right p{ font-size:14px; color:#666; line-height:24px; margin:2% 0;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.gg2 .right h3{ font-size:12px; color:#999; margin-bottom:3%}
.gg2 .right h3 img{ vertical-align:middle; margin-right:5px;}
.gg2 .right h4 a,.kh1 dl .d3 a{ display:block; font-size:16px}
.gg2 .cent{ border-bottom:#ccc 1px solid; padding-top:2.5%; padding-bottom:2.5%}
.gg2:hover{ box-shadow:0 0 15px #eee}
.gg2:last-child .cent{ border:0}
/*.header2 .head0{ position:relative}*/
.g-xq{ position:relative}
.g-xq h1 img{ width:100%}
.g-xq h1 div{ height: 380px;background: linear-gradient(to bottom, rgb(124 183 255), rgb(203 248 255), rgb(204 235 255));width: 100%;}
.g-xq1{ position:absolute; top:25%; left:0; width:100%}
.g-xq1 h3{ font-size:32px; color:#fff;  font-weight:bold; letter-spacing:1px}
.g-xq1 .blue-font{ color:var(--universal-font-color);}
.g-xq1 p{ font-size:16px; color:#F8F7F5; margin-top:2%}
.g-xq1 p img{ vertical-align:middle; margin-right:10px}
.g-xq2{ margin:8% 0 8%}
.g-xq2 h3{ margin-top:6%; overflow:hidden}
.g-xq2 h3 span{ display:inline-block; width:50%}
.g-xq2 h3 span,.g-xq2 h3 span a{ font-size:16px}
.g-xq2 h3 span a{ display:block; margin-top:5px}
.g-xq2 h3 .right{ text-align:right}
.g-xq2 h3 span a:hover{ text-decoration:underline}
.kh1{ margin-top:4%; margin-left:-4%; padding:15px; overflow:hidden}
.kh1 dl{ float:left; width:46%; margin-left:4%; margin-top:4%; box-shadow:0 0 15px #ccc; border-radius:10px; padding-bottom:4%}
.kh1 dl dt img{ width:100%; border-radius:10px 10px 0 0; height:252px}
.kh1 dl dt{ border-radius:10px 10px 0 0;}
.kh1 dl dd{ margin:5% 7% 0} 
.kh1 dl .d2{ margin-top:3%}
.kh1 dl .d2 a{ display:block; font-size:18px; font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kh1 dl .d2 span{ display:block; font-size:16px; line-height:24px; color:#666; margin-top:2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kh1 dl .d3{ margin-top:8%}
.xw1{ margin-left:-3%; margin-top:5%}
.xw1 dl{ width:30.333%; margin-left:3%; margin-top:3%; padding-bottom:2%}
.xw1 dl dd{ margin:3% 7% 0}
.xw1 dl .d2{ margin-top:7%}
.xw1 dl .d2 span{ white-space: inherit; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:3%}
.xw1 dl .d4 img{ vertical-align:middle; margin-right:5px;}
.xw1 dl .d4{ font-size:12px; color:#999}
.xw1 dl .d3 a{ width:110px; line-height:34px}
.xw1 dl .d3 a:hover{ background:var(--universal-background-color)}
.xw1 dl .d3{ margin-top:4%}
.xw1 dl dt img{ height:252px}
.xw1 dl .d2 span{ height:69px}
.xw1 dl .d2 a{ font-size:16px}
.xw1 dl .d2 span{ font-size:14px; line-height:22px}
.xw-xq .g-xq1{ top:40%}
.xw-xq2 .left{ width:60%}
.xw-xq2 .right{ width:35%; box-shadow:0 0 10px #ddd; margin:0 10px; border-radius:15px; padding:2.5%;padding-bottom: 0;}
.xw-xq2{ margin:12% 0}
.xw-xq2 .right h2{ font-size:18px; font-weight:bold}
.xw-xq2 .right h2 img{ vertical-align:middle; margin-right:10px}
.xw-xq2 .left h1{ font-size:20px; text-align:center; font-weight:bold; letter-spacing:2px}
.xw-xq2 .left h2{ font-size:14px; text-align:center; margin:4%; color:#666}
.xw-xq2 .left h2 img,.xw-xq2 .left h3 a img,.xw-xq3 dl .e2 img{ vertical-align:middle; margin-right:10px}
.xw-xq2 .left h3 a{ font-size:16px; color:var(--universal-font-color)}
.xw-xq2 .left h3{ margin-top:6%}
.xw-xq3 dl{ border-bottom:#D9D9D9 1px solid; padding:7% 2%; overflow:hidden; position:relative}
.xw-xq3 dl dt{ float:left; width:44%}
.xw-xq3 dl dd{ float:right; width:52%}
.xw-xq3 dl .e1 a{ font-size:16px; display:block; line-height:24px; margin-top:2%;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.xw-xq3 dl .e2{font-size:14px;color:#666;position:absolute;bottom: 22%;left: 49%;}
.xw-xq3 dl:last-child{ border:0;}
.xw-xq3 dl dt img{ height:110px}
.sy111 .nb1{ max-width:468px}
.sy111 .nb1 p span a{ color:var(--universal-font-color)}
.sy111 .nb1 p span a{ display: unset;}
.sy111 .nb1 p{ margin-bottom:9%}
.sy111{ top:33%}
#demo2{ margin-top:-2%}
.flexslider1{ padding-bottom:6% !important}
.dsp1 .left,.dsp1 .right{ width:49%}
.dsp1 .left p img{ display:block; margin:auto}
.dsp1 .right p{ font-size:16px; background:url(../images/AMC-11.png) no-repeat left top 9px; line-height:30px; padding-left:40px; margin-top:1%}
.sd1{ background:url(../images/SD-5.jpg) no-repeat center; background-attachment:fixed; padding-bottom:6%}
.sd1 .sy-bt{ margin:6% 0; color:#fff}
.sd1{ margin-top:8%;}
.sd2{ overflow:hidden}
.sd2-1{ float:left; width:50%}
.sd2-1 div{ font-size:16px; height:60px; overflow:hidden; text-align:center; line-height:30px; color:#F8F8FA; letter-spacing:1px;}
.sd2-1 h2 img{ display:block; margin:auto}
.sd2-1 div strong{ display:block; font-size:18px; color:#fff; letter-spacing:0}
.sd2-1 p{ text-align:center; color:#fff; font-size:14px; line-height:24px}
.sd2-1 h2{ margin:3% 0 5%}
.sa1 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}
.sa1 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.jj1 dl dd{ height:84px; overflow:hidden}
.jj1 dl{ margin-top:5%}
.jj1{ margin-top:-5%}
.jj2{ background:url(../images/Amazon-9.jpg) no-repeat center; background-attachment:fixed}
.jj2 .sd2-1{ width:25%}
.sd2-1 h2{ margin:5% 0 7%}
.dsp1 .right div{ font-size:18px; margin-bottom:2%; font-weight:bold}
.sy1111 h2{ margin-top:15%}
.buy1{ background:url(../images/BestBuy-5.jpg) no-repeat center; background-attachment:fixed}
.buy1 .sd2-1{ width:33.33%}
.buy1 .sd2-1 div{ height:inherit}
.buy1 .sd2-1 h2{ margin:7% 0 0}
.buy2 .left{ margin-top:5%}
.eb1 dl{ width:28.333%}
.eb2{ background:url(../images/eBay-7.jpg) no-repeat center; background-attachment:fixed}
.eb2 .sd2-1{ width:33.33%}
/* .eb2 .sd2-1 p span{ color:#FE6917; font-weight:bold} */
.wal1{ background:url(../images/Walmart-2.jpg) no-repeat center; background-attachment:fixed}
.wal1 .sd2-1{ width:50%}
.wal1 .sd2-1 h2{ margin: 3% 0 4%;}
.fw1 .left{ width:38%}
.fw1 .right{ width:58%; padding-top:10%}
.fw1{ margin-top:6%}
.fw1 .right div{ font-size:24px; font-weight:bold; margin-bottom:4%}
.fw1 .left p img{ width:100%}
.fw1 .right p{ font-size:14px; color:#666; line-height:26px}
.fw2{ overflow:hidden; margin-left:-7%; margin-top:-5%; padding:15px}
.fw2-1{ float:left; height:252px; overflow:hidden; width:26.333%; margin-left:7%; margin-top:5%; box-shadow:0 0 10px #ddd; border-radius:10px; padding:6% 3%}
.fw2-1 div{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:10%}
.fw2-1 p{ color:#666; text-align:center; line-height:26px;}
.fw2-1:hover h1{ color:var(--universal-font-color)}
.fw3{ background:url(../images/AMC-6.jpg) no-repeat center; background-attachment:fixed}
.fw3 .sd2-1{ width:33.333%}
.fw3 .sd2-1 h3{ text-align:center; color:#fff; line-height:28px; margin-top:8%; font-size:18px}
.fw3-1{ text-align:center; color:#fff; font-size:14px; margin-top:4%}
.fw5{ background:url(../images/AMC-10-1.png) no-repeat top 10% right; max-width:1500px; margin:auto}
.fw5 .left{ float:right;}
.fw5 .right{ float:left; padding-top:2%; padding-left:5%}
.fw3 .sd2-1 h2 img,.sli2 .sd2-1 h2 img,.sa2 dl dt img{-webkit-transition:1s ease;-moz-transition:1s ease;}
.fw3 .sd2-1 h2:hover img,.sli2 .sd2-1:hover h2 img,.sa2 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.sli1 .left{ width:39%; position:relative}
.sli1 .right{ width:56%; overflow:hidden; margin-top:-1%}
.sli1 .left p img{ width:100%}
.sli1 .left div{ position:absolute; top:39%; left:0; width:100%; font-size:14px; color:#fff; text-align:center; line-height:24px}
.sli1 .left div strong{ font-size:50px; display:block; margin-bottom:7%}
.sli1 .right dl{ float:left; width:28.333%; margin-top:4%; margin-left:5%}
.sli1 .right dl dt img{ border:#eee 1px solid; width:100%; height:93px}
.sli1 .right dl dd{ font-size:16px; color:var(--universal-font-color); text-align:center; margin-top:3%}
.sli1 .right dl dd img{ vertical-align:bottom; margin-right:10px}
.sli2{ background:url(../images/SlickDeals-13.jpg) no-repeat center; background-attachment:fixed; padding-top:5%}
.sli2 .sd2-1{ width:33.33%}
.sli2 .sd2-1 h2 img{ display:block; margin:auto}
.sli2 .sd2-1 h3{ text-align:center; font-size:18px; color:#fff; line-height:35px}
.sli2 .sd2-1 h3 strong{ color:var(--universal-font-color); font-weight:bold; font-size:35px}
.sli3{ overflow:hidden; margin-left:-3%; padding:15px}
.sli3-1{ float:left; width:30.333%; margin-left:3%; padding:3% 4%; height:453px; position:relative}
.sli3-1:hover{ box-shadow:0 0 15px #ddd}
.sli3-1 div{ font-size:20px; font-size:18px; text-align:center; color:var(--universal-font-color)}
.sli3-1 div span{ display:block}
.sli3-1 h2 img{ display:block; margin:auto}
.sli3-1 h2{ margin:10% 0}
.sli3-1 p{ font-size:14px; color:#333; margin-bottom:3%}
.sli3-1 p img{ vertical-align:middle; margin-right:5px}
.sli3-1 h3 a{ display:block; margin:auto; float:none}
.sli3-1 h3{ margin-top:15%; position:absolute; bottom:8%; left:0; width:100%}
.sli3-1:nth-child(2) h1{ color:var(--universal-background-color)}
.sli3-1:nth-child(3) h1{ color:#4473C5}
.com1 div{ font-size:14px; color:#666; text-align:center; line-height:26px; margin-top:-2%; margin-bottom:2%}
.com1 div span{ color:var(--universal-font-color)}
.com1 p img,.com2 p img{ display:block; margin:auto;}
.com3{ overflow:hidden; margin-left:-2%; padding:15px;}
.com3 div{ float:left; width:23%; margin-left:2%; height:407px; overflow:hidden; box-shadow:0 0 15px #ddd; border-radius:10px; padding:4% 2%}
.com3 div span img{ display:block; margin:auto}
.com3 div h2{ text-align:center; font-size:16px; background:url(../images/Commerce-7.png) no-repeat center bottom; padding-bottom:7%; margin:16% 0 10%}
.com3 div p{ font-size:14px; color:#666; line-height:24px; text-align:center}
.com4 dl{ width:28.333%; margin-top:5%}
.com4{ margin-top:-5%}
.com4 dl:nth-child(4){ margin-left:20%}
.com4 dl dd{ margin-top:8%}
.com5{ background:url(../images/Commerce-13.jpg) no-repeat center}
.com5 .sd2-1 h4{ font-size:40px; font-weight:bold; color:#fff; text-align:center; text-shadow:1px 1px 2px #333}
.com5 .sd2-1 h3{ margin-top:6%; font-size:16px}
.com5 .sd2-1 h3 span{ font-size:18px; color:var(--universal-font-color); font-weight:bold}
.com5 .sd2-1{ width:25%}
.com5 .fw3-1{ margin-top:8%}
.com2-1{ border-bottom:#E5E5E5 1px solid; padding-bottom:6%}
.cpb-x1 h3 span{ display:block; font-weight:normal; font-size:24px; margin-top:1%}
.cpb-x1 h3{ margin-top:1.5%}
.cpb-x1{ top:16%}
.cpb-x2 .left{ width:45%}
.cpb-x2 .right{ width:50%; background:#EAF5F9; box-shadow:0 0 10px #ddd; border-radius:15px; margin-right:10px; padding:5% 4%}
.cpb-x2 .left h1{ font-size:18px; font-weight:bold; text-align:center}
.cpb-x2 .left h2{ font-size:16px; text-align:center; margin-top:2%;}
.cpb-x2 .left h3{ font-size:14px; color:#666; text-align:center; margin-top:0; margin-top: 3%;}
.cpb-x2 .left .cont{margin-top: 3%;}
.cpb-x2 .left .cont p {
    margin-bottom: 20px;
}
.cpb-x2 .left h3 img{ vertical-align:middle; margin-right:5px}
.fh{ margin-bottom:8%; text-align:right}
.fh a{ color:var(--universal-font-color); font-size:16px}
.fh a img{ vertical-align:middle; margin-right:5px}
.cpb-x2 .right h2{ font-size:24px; text-align:center; margin-bottom:5%}
.cpb-x2 .right div.form-box h2{ clear:both; overflow:hidden; padding-bottom:10px; padding-top:10%; margin-left:15%}
.cpb-x2 .right div.form-box .zd{ width:85%}
.cpb-x2 .right div.form-box .zd span{ margin-bottom:3%}
.cpb-x2 .right div.form-box h2 input{ margin:auto; display:block; height:40px; float:none}
.lx1 h3{ line-height:45px}
.lx1{ top:30%}
.lx2{ margin:6% 1% 8%}
.lx2 .right{ width:98%}
.lx2 .right h2 span{ display:block; font-size:14px; margin-top:1%; color:#DC1E1F; text-align:center}
.lx2 .right h2{ margin-bottom:3%}
.wpcf7 span.req:after, .wpcf7-quiz-label:after { content: '*';color: red;margin-left: 5px; }
.lx2 .wpcf7 {
    margin-top: 30px;
}
.lx2 .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
}
.lx2 .wpcf7-checkbox .wpcf7-list-item {
    margin-left: unset !important;
}
.lx2 .wpcf7-checkbox .wpcf7-list-item label {
    display: flex;
    align-items: center;
}
.lx2 .wpcf7-checkbox .wpcf7-list-item label input {
    margin-right: 10px;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.lx2 .wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}
.lx2 .wpcf7 > form > p {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 5px;
    font-size: 16px;
}
.lx2 .wpcf7 > form > p > label,
.lx2 .wpcf7 > form > p > label input,
.lx2 .wpcf7 > form > p > label textarea {
    width: 100%;
}
.lx2 .wpcf7 > form > p > label input,
.lx2 .wpcf7 > form > p > label textarea {
    margin: 10px 0;
    border: 1px solid #eaeaea;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px;
}
.lx2 .cf7-submit-btn {
    grid-column: 2 span;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lx2 .cf7-submit-btn p {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.lx2 .cf7-submit-btn input {
    width: max-content;
    background: linear-gradient(to right, #055dba, var(--universal-background-color));
    padding: 10px 30px;
    color: #fff;
    font-size: 20px;
    border-radius: 7px;
    cursor: pointer;
    height: unset !important;
    margin-top: 30px;
}
.lx2 .wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    left: 10px;
    transform: translateY(-50%);
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
    font-size: 12px;
}
.lx2 .wpcf7-form-control-wrap[data-name='user-checkbox'] .wpcf7-not-valid-tip{
  top: 103% !important;
}
.lx2 .wpcf7-select {
    width: 100%;
}
.wpcf7 form .wpcf7-response-output {
    border-radius: 10px;
    background: #fff;
    padding: 1em !important;
}
.lx2 .wpcf7-checkbox
.lx2 .right div.form-box form > p > label input,.lx2 .right div.form-box form > p > label select{ 
  margin: 10px 0;
  border: 1px solid #eaeaea;
  font-size: 16px;
  border-radius: 5px;
}
.lx2 .right div.form-box .zd1 input{ vertical-align:middle; margin-right:10px; width:15px; height:15px; background:#fff; display:inline-block; padding:0; border-radius:3px; }
.lx2 .right div.form-box .zd1 strong{ display:block; font-weight:normal; padding-left:7%; margin-bottom:4%; color:#666}
.lx2 .right div.form-box h3{ clear:both; margin-left:7%; font-size:14px; color:#666; padding-top:3%}
.lx2 .right div.form-box h2{ padding-top:6%}
.lx2 .right div.form-box .zd{ width:93%}
.more1 a{ color:#fff; border:0}
.khx2{ border-bottom:#E7E7E7 1px solid}
.khx2 #demo2 p{ margin-bottom:0}
.khx1{ margin-top:8%; font-family: "黑体", "CeziTW-Regular", sans-serif !important;}
.khx1 h1{ font-size:18px; font-weight:bold; margin:4% 0 0}
.khx1 h2 {font-weight: bold; margin: 20px 0 10px; padding-left: 1ex; border-left: 5px solid var(--universal-shadow-color);}
.khx1 h3 {font-weight: bold; margin: 20px 0 10px;}
.khx1 .u1 li/* ,.khx1 p */{ font-size:16px; line-height:30px; margin-left:15px}
.khx1 .u1 li img{ vertical-align:middle; margin-right:10px}
.khx1 .u1 li{ margin-top:0.5%}
.khx1 .u2 li{ overflow:hidden; margin-left:9%; float:left; width:16%; background:url(../images/alxq-2.png) no-repeat center; font-size:24px; text-align:center; color:#fff; padding:5% 0; border-radius:10px}
.khx1 .u2{ overflow:hidden; margin-left:-9%; padding-left:15px; margin-top:3%}
.khx1 .u2 li strong{ display:block; font-size:40px; margin-bottom:10%}
.khx1 .u2 li:nth-child(3){ background:url(../images/alxq-3.png) no-repeat center}
.khx1 .u2 li:nth-child(4){ background:url(../images/alxq-4.png) no-repeat center}
.khx1 .u2 li p{font-size: 24px;}
.sy-bt1 img{ display:block; margin:2% auto}
.gy1 ul{ overflow:hidden; margin-left:-2%; margin-top:-2%; padding:0 10px 10px}
.gy1 ul li{ float:left; width:14.666%; text-align:center; font-size:16px; margin-left:2%; margin-top:2%; padding:1%; border-radius:5px}
.gy1 ul li img{ vertical-align:middle; margin-right:15px}
.gy1 ul li:hover{ box-shadow:0 0 10px #ddd;}
.gy1 p{ text-align:center; font-size:12px; color:#666; text-align:center; margin-top:2%}
.gy3{ margin-top:-3%}
.gy2{ background:url(../images/gy-14.webp) no-repeat center; background-attachment:fixed; margin-top:6%; padding-bottom:8%}
.gy2 .sy-bt{ color:#fff}
.gy21-11{ background:url(../images/gy-15.png) repeat-x center bottom 36px;}
.gy21-1{ overflow:hidden; max-width:1200px; margin:auto; padding-left:12%;}
.gy21-1 li{ cursor:pointer; float:left; width:20%; text-align:center; font-size:30px; font-weight:bold; color:#ADD1E1; padding-bottom:6%}
.gy21-1 .curr11{ color:#fff; background:url(../images/gy-16.png) no-repeat center bottom}
.gy21-2-1 .left{ width:15%; padding:6% 0}
.gy21-2-1 .right{ width:85%; padding:4.5% 0 5%}
.gy21-2-1 .left p{ font-size:50px; text-align:center; font-weight:bold; color:#F5F5F5}
.gy21-2-1{ background:url(../images/gy-17.png) repeat-y left 15.7% top 0;}
.gy21-2-1 .right p{ background:url(../images/gy-18.png) no-repeat left top; overflow:hidden; padding-left:10%; margin:4% 0; color:#fff; font-size:14px;}
.gy21-2-1{ max-width:1200px; margin:auto}
.gy21-2{ margin-top:-36px}
.gy21-2-1 .right .left{ padding:0; font-size:16px; width:6%}
.gy21-2-1 .right .right{ width:94%; padding:0}
.gy4{ margin-bottom:8%}
.xz-l-1 .fa-chevron-down1{ background:url(../images/gy-26.png) no-repeat; position:absolute; right:20px; bottom:47%; width:24px; height:12px}
.navContent{display: none;}
.xz-l-1{ border-bottom:#C1C1C1 1px solid; position:relative; padding:3.5% 0; cursor:pointer;}
.xz-l-1 h1{ font-size:16px; overflow:hidden; background:url(../images/jrwo-1.png) no-repeat left center; padding:0 100px 0 35px}
.xz-l-1 h1 span{ font-size:16px}
.xz-l-1 h1 img{ vertical-align:middle; margin-right:13%}
.xz-l{ padding:3% 12%; overflow:hidden; border-bottom:#e5e5e5 1px solid}
.xz-l-1 h1 strong{ display:inline-block; width:40%; font-weight:normal}
.xz-l-1 h1 strong:nth-child(1){ font-weight:bold; font-size:18px}
.currentDd{ margin:0}
.subNavBox{ margin:0 0 8%}
.xz-l h1{ font-size:16px; margin-top:2.5%; font-weight:bold}
.xz-l h1:first-child{ margin-top:0}
.xz-l p,.xz-l h3{ font-size:16px; color:#666; margin-top:2%}
.xz-l p{ font-size:14px; margin-left:4%}
.xz-l p img{ vertical-align:middle; margin-right:10px}
.xz-l h3{ color:#10346a}
.xz-l{ position:relative; box-shadow:0 0 10px #eee; margin:0 10px; border-radius:0 0 10px 10px}
.xz-l h2{ margin-top:1.3%}
.xz-l h2 a{ font-size:16px; color:#cc0000} 
.currentDd{ border:0}
.gc-bt2{ margin-bottom:0}
.currentDd{ background:url(../images/gy-21.png) no-repeat center; padding:2.5% 2%; border-radius:10px}
.currentDd h1{ background:url(../images/jrwo-2.png) no-repeat left center; color:#fff}
.currentDd h1 img{ display:none}
.currentDd .fa-chevron-down1{ background:url(../images/gy-23.png) no-repeat}
.xz-l h2 a{ color:#fff; box-shadow:none}
.xz-l h2{ margin-top:5%}
.jl-sj{ margin-top:82px}
.sy3-2-2 dl dt img,.sy2 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}
.sy3-2-2 dl:hover dt img,.sy2 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
.sy6{ overflow:hidden; margin-left:-2%; padding:10px 4%}
.gy21-2{ margin-top:-36px}
.gy21-2-1 .right .left{ padding:0; font-size:16px; width:6%}
.gy21-2-1 .right .right{ width:94%; padding:0}
.gy4{ margin-bottom:8%}
.xz-l-1 .fa-chevron-down1{ background:url(../images/gy-26.png) no-repeat; position:absolute; right:20px; bottom:47%; width:24px; height:12px}
.navContent{display: none;}
.xz-l-1{ border-bottom:#C1C1C1 1px solid; position:relative; padding:3.5% 0; cursor:pointer;}
.xz-l-1 h1{ font-size:16px; overflow:hidden; background:url(../images/jrwo-1.png) no-repeat left center; padding:0 100px 0 35px}
.xz-l-1 h1 span{ font-size:16px}
.xz-l-1 h1 img{ vertical-align:middle; margin-right:13%}
.xz-l{ padding:3% 12%; overflow:hidden; border-bottom:#e5e5e5 1px solid}
.xz-l-1 h1 strong{ display:inline-block; width:40%; font-weight:normal}
.xz-l-1 h1 strong:nth-child(1){ font-weight:bold; font-size:18px}
.currentDd{ margin:0}
.subNavBox{ margin:0 0 8%}
.xz-l h1{ font-size:16px; margin-top:2.5%; font-weight:bold}
.xz-l h1:first-child{ margin-top:0}
.xz-l p,.xz-l h3{ font-size:16px; color:#666; margin-top:2%}
.xz-l p{ font-size:14px; margin-left:4%}
.xz-l p img{ vertical-align:middle; margin-right:10px}
.sy6{ overflow:hidden; margin-left:-2%; padding:10px 4%}
.sy6-1{ float:left; width:18%; margin-left:2%; height:588px; overflow:hidden; box-shadow:0 0 10px #eee}
.sy6-1 div{ font-size:18px; font-weight:bold; text-align:center; border-bottom:#ccc 1px solid; padding:30px 0}
.sy6-1 .tt1{ padding:18px 0}
.sy6-1 div,.sy6-1 h3{ border-bottom:#ccc 1px solid;}
.sy6-1 h3,.sy6-1 div ul li{ padding:35px 0; text-align:center; font-size:16px; cursor:pointer}
.sy6-1 h3 span,.sy6-1 div ul li span{ display:none; margin-top:10px; color:var(--universal-font-color); font-size:14px} 
.sy6-1 h3 span strong,.sy6-1 div ul li span strong{ font-size:24px}
.sy6-1 h3 img,.sy6-1 div ul li img{ vertical-align:middle; margin-left:10px;}
.sy6-1 h3 .v2,.sy6-1 div ul li .v2{ display:none}
.sy6-1 h3:hover span,.sy6-1 div ul li:hover span{ display:block}
.sy6-1 h3:hover,.sy6-1 div ul li:hover{ padding:15px 0}
.sy6-1 div h2{ overflow:hidden; border:var(--universal-font-color) 1px solid; border-radius:5px; margin:15px 1% 0}
.sy6-1 div h2 span{ float:left; width:50%; display:block; font-size:14px; text-align:center; line-height:45px; cursor:pointer}
.sy6-1 div h2 .curr18{ background:url(../images/sy-77.png) repeat-x center; color:#fff}
.sy6-1 div ul li{ padding:20px 0}
.sy6-1 p{ height:340px; overflow-y:scroll; padding:10px}
.sy6-1 h4{ font-size:16px; text-align:center; margin:20px 0; padding-bottom:10px}
.sy6-1 h4 span{  display: inline-block; border-bottom: 3px solid var(--universal-background-color); padding-bottom: 6px;}
.sy6-1 p::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.sy6-1 p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background: var(--universal-shadow-color);}
.sy6-1 p::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background:#fff;}
.sy6-1:nth-child(1) p{ height:308px}
@media (max-width: 1400px){
.sy6-1{ height:450px;}
.sy6-1 p{ height:200px;}
.sy6-1:nth-child(1) p{ height:170px}
.sy6{ padding:10px 2%}
	}
.container{ margin-top:4%}
.A-nav { position: relative; z-index: 9999;}
.A-nav li,.A-nav a{ position: relative;}
.A-nav > li{ float: left; width:25%; height: 50px; line-height: 50px;}
.A-nav > li a{ display: block; text-align: center; color: #fff; font-size: 16px; z-index: 1;}
.A-nav > li ul{ position: absolute; top: 100%; width: 195px; margin-left:-38px; display: none; padding:10px 0; background:#F3F7FF}
.A-nav > li ul li{ background: #F3F7FF; height: 40px; line-height: 40px;}
.A-nav > li a img{ vertical-align:middle; margin-left:10px}
.A-nav > li ul li img{ float:right; margin-left:0; margin-top:15px}
.A-nav > li a .b2{ display:none}
.A-nav > li a:hover .b1{ display:none}
.A-nav > li a:hover .b2{ display:inline-block}
.A-nav > li ul li a{ font-size: 14px; color:#333; text-align:left; padding:0 20px}
.A-nav > li ul li ul{ top: 0; left: 100%; z-index: 2; margin-left:0}
.A-nav > li ul li ul li{ background:#F3F7FF;border-left: #EDEDED 1px solid; line-height:20px; height:inherit; padding:5px 0}
.A-nav > li ul li ul li a{ font-size:12px}
.A-nav li a:hover,.A-nav .dqn a{ background:url(../images/sy-1.png) no-repeat left 46px bottom;}
.A-nav > li ul li a:hover{ color:var(--universal-font-color)}
[data-ripple="ripple"] {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select:none;
}
[data-ripple="ripple"] .ripple {
    display: block;
    width: 100%;
    height: 100%;
    border-radius:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 888;
    background: rgba(255, 255, 255, .5);
    transform: scale(0);
    animation: ripple .6s 0s linear;
    pointer-events: none;
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
.header1 .A-nav > li a{ color:#333}
.header1 .A-nav a:hover,.header1 .A-nav .dqn a{ background:url(../images/AMC-2.png) no-repeat left 46px bottom;}
.header1 .zg1 p .nn{ color:#333}
.gy4{ position:relative}
.gy4 ul li span{display:none;position: absolute;right: -98px;top: 0;width: 90px;height: 124px;}
.gy4 ul li img{ display:inline-block !important}
.gy4 ul li:nth-child(1){position:absolute;top: 195px;right: 276px;}
.gy4 ul li:nth-child(2){position:absolute;top: 222px;right: 294px;}
.gy4 ul li:nth-child(3){position:absolute;top: 145px;left: 556px;}
.gy4 ul li:nth-child(4){position:absolute;top: 103px;left: 574px;}
.gy4 ul li:nth-child(5){position:absolute;top: 161px;left: 352px;}
.gy4 ul li:nth-child(6){position:absolute;top: 154px;left: 308px;}
.gy4 ul li:nth-child(7){position:absolute;top: 145px;left: 207px;}
.gy4 ul li:nth-child(8){position:absolute;top: 222px;left: 242px;}
.gy4 ul li:nth-child(9){position:absolute;top: 88px;left: 762px;}
.gy4 ul li:nth-child(10){position:absolute;top: 180px;right: 100px;}
.gy4 ul li:hover span{ display:block}
.gy4 ul .curr01 span{ display:inline-block}
.anli1 .term_box{ overflow:hidden; border-left:var(--universal-background-color) 1px solid; border-radius:10px;}
.anli1 .term_box a{ display:block; float:left; width:16.666%; border:var(--universal-background-color) 1px solid; font-size:17px; line-height:74px; text-align:center; border-left:none}
.anli1 .term_box a:hover,.anli1 .term_box .dqn1{ background: linear-gradient(to right, #055dba, var(--universal-background-color)); color:#fff}
.anli1{ margin-top:8%}
.anli1 .term_box a:first-child{ border-radius:10px 0 0 10px}
.anli1 .term_box a:last-child{ border-radius:0 10px 10px 0}
.kh1{ margin-top:1%}
.sy3-2 ul li:nth-child(2) .sy3-2-1 dl{ float:none; margin:auto}
.preHander,.preHander1{ overflow: hidden;}
.market_item4{ position:relative;}
.market_tc4{ position:absolute; z-index:999; width:100%; height:100%; display:none}
.market_tc4_slickDeals{ position:absolute; z-index:999; width:100%; height:100%; display:none}
.market_mask4{ position:fixed; background-color:#000; width:100%; height:100%;}
.market_tc4_nr{ position:fixed; width:460px; margin-left:-230px; left:50%; top:50%; height:460px; margin-top:-230px; padding:20px 0 20px 20px; background:#fff}
.market_tc4_nr_close4{ overflow:hidden; position:absolute; right:-40px; top:-40px; cursor:pointer}
.market_tc4_nr_in h1 img{ width:100%}
.sky::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.sky::-webkit-scrollbar-thumb {/*滚动条里面小方块*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background: var(--universal-shadow-color);}
.sky::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background:#fff;}
.sky{ overflow-y:scroll; height:420px; padding-right:20px}
.sy6-1{ margin-top:2%}
.sy6{ margin-top:-2%}
@media (max-width: 1400px){
.sy11,.sy111{ left:5%}
}
.g-xq2,.khx1{ max-width:700px; margin:8% auto}
.khx1{ margin:2% auto 0}
.khx1 p {
    margin-bottom: 20px;
    line-height: 1.3em;
}
.khx1 p:empty {
    margin-bottom: 0;
    line-height: 0;
}
.khx1 .u2 li{ width:22%; margin-left:3%}
.khx1 .u2{ margin-left:-3%}
.cp2-1 p span{ margin-top:-3px}
.gy1 ul li:nth-child(6),.gy1 ul li:nth-child(12){ text-align:left}
.sky ul li{ font-size:16px; margin:6% 0}
.sky{ padding:6% 11%}
.sky ul li img{ margin-right:10px; vertical-align:middle}
.syp h3 span{    display: inline-block;
    width: 50%;}
.syp h3 .right{    text-align: right; box-shadow: none; padding: unset;}
.syp h3 span a{display: block;
    margin-top: 5px;text-decoration: underline;}
.xw-xq2 .left .cont{margin-top: 2%}
.xw-xq2 .left h4 img{margin:0 auto; display: block}
.xw-xq2 .left .lbpic{margin:0 auto; display: block}
.xkd span{ max-width:820px; margin:1% auto 0; text-align: left;}
.gy1{ max-width:880px; margin:0 auto}
.gy1 ul li{ width:23%; text-align:left;padding: 1% 3%;}
.cpb-x2 .right div.form-box form > p > label textarea{ height:100px; line-height:24px; padding-top:10px; padding-bottom:10px}
.lx2 .right h2 strong{font-size: 16px; font-weight: normal; margin-top: 1%; display: block;}
.lx1{ top: 22%;}
.hk-1,.hk-2,.hk-3{ display:none !important}
.A-nav li ul li a,.A-nav li ul li a:hover,
.A-nav .dqn ul li a,
.header1 .A-nav li ul li a,.header1 .A-nav li ul li a:hover,
.header1 .A-nav .dqn ul li a{ background:none}
.gy4 ul li:nth-child(6) span,.gy4 ul li:nth-child(7) span{ right: 2px;top: 42px;}
.alcase{max-width: 700px;}
.alcase h1{font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
	text-align: center;
	margin-bottom: 2%;}
.alcase img{margin-top: 2%; display: block;margin: 0 auto;width: 100%;height: auto;}
.xyl-k{ max-width:900px}	
.xjs-1{ margin-top:10%}
.xjs-2{ max-width:700px; margin:auto}
.xjs-2 #demo2{background-size: 100%;}
.xjs-3 h3 span{ font-size:24px; display:block; font-weight: normal; margin-top: 1%;}
.cpb-x2 .right{ padding:3%}
.lx2 .right h2{ margin-bottom:0}
.cpb-x2 .right div.form-box form > p > label input, .cpb-x2 .right div.form-box form > p > label select, .cpb-x2 .right div.form-box form > p > label textarea{ height:35px; line-height:35px}
.cpb-x2 .right div.form-box form > p > label textarea{ height:100px; line-height:24px}
.lx2 .right div.form-box .zd1 strong{ margin-bottom:1%}
.lx2 .right div.form-box h2{ margin-top:0; padding-top:8%}
.lx2 .right div.form-box form > p > label{ margin-top:2%}
.sy-bt0 span{display: block;
    font-size: 14px;
    margin-top: 1%;
    color: #DC1E1F;
    text-align: center;}
.mm-kh1 #demo2{ position:relative; background:none; padding:3% 5% 0}
.mm-kh1 #demo2 .slides li .mm1{ width:26px; height:19px; position:absolute; top:-21px; left:-34px;}
.mm-kh1 #demo2 .slides li .mm2{ width:26px; height:19px; position:absolute; bottom:63px; right:-34px;}
.xjs-3,.cpb-x1{ left:5%}
.lx2{ margin: 6% 5% 8%;}
.lx2 .right div.form-box form > p > label{ margin-top:1%}
.xyl-k{ padding:0 5.5%; max-width:100%}
.lx2 .right{ position:relative}
.com3 div{box-shadow:none; background-size:100% !important; border-radius:0}
.com3 div:nth-child(1){ background:url(../images/Commerce-6.1.png) no-repeat center top;}
.com3 div:nth-child(2){ background:url(../images/Commerce-6.2.png) no-repeat center top}
.com3 div:nth-child(3){ background:url(../images/Commerce-6.3.png) no-repeat center top}
.com3 div:nth-child(4){ background:url(../images/Commerce-6.4.png) no-repeat center top}
.com3 div h2,.com3 div p{ color:#fff}
.com3 div h2{font-weight:bold;background:none;font-size: 22px; padding-bottom:0}
.com3 div p{ text-align:left; padding-left:30px; line-height:26px; background:url(../images/Commerce-6.9.png) no-repeat left top 12px} 
.foot2 dl:nth-child(2),.foot2 dl:nth-child(3){ margin-top:8.6%}
.square-img{width: 95px;height: 95px;aspect-ratio: 1/1;object-fit: cotain}