/* 全局字体设置 - 统一字体族 */
html,body{overflow-x:hidden;width:100%;position:relative;font-family:Arial, "Microsoft JhengHei", sans-serif;letter-spacing:0}
.banner{position:relative;padding-bottom:calc(650/1920*100%);overflow:hidden;width:100%;margin-top:100px}

.banner img{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
@keyframes slideBannerA{0%{opacity:0;transform:scale(.98)}30%{opacity:1;transform:scale(1)}40%{opacity:1}50%{opacity:1}65%{opacity:0;transform:scale(1)}90%{opacity:0;transform:scale(1)}100%{opacity:0}}
@keyframes slideBannerB{0%{opacity:0;transform:scale(.98)}30%{opacity:1;transform:scale(1)}40%{opacity:1}50%{opacity:1}65%{opacity:0;transform:scale(1)}90%{opacity:0;transform:scale(1)}100%{opacity:0}}
@keyframes slideText{0%{opacity:0}30%{opacity:1}40%{opacity:1}50%{opacity:1}65%{opacity:0}90%{opacity:0}100%{opacity:0}}
.card1{width:235px;height:400px;z-index:105;position:absolute;left:126px;top:0}
.card2{width:370px;height:259px;top:111px;left:190px;z-index:104;position:absolute}
.card3{width:345px;height:300px;top:272px;left:144px;z-index:101;position:absolute}
.card4{width:235px;height:296px;top:194px;left:21px;z-index:102;position:absolute}
.card5{width:434px;height:250px;top:120px;left:-55px;z-index:103;position:absolute}
.card{position:relative;display:inline-block}
.card .showtext{display:none;position:absolute;top:0;left:0;z-index:99;width:100%}
.card .showtext .textbox{display:none;position:absolute;top:80px;left:12%;z-index:99;color:#fff;width:65%;height:60px;padding:0;font-size:18px}
.card2 .showtext .textbox{top:60px;left:52%;width:40%;height:60px}
.card3 .showtext .textbox{top:160px;left:57%;width:45%;height:60px}
.card4 .showtext .textbox{top:260px;left:31%;width:55%;height:60px}
.card5 .showtext .textbox{top:125px;left:10%;width:37%;height:60px}
.card .showtext .img-top{display:none;position:absolute;top:0;left:0;z-index:90}
.card:hover .showtext,.card:hover .showtext .img-top,.card:hover .showtext .textbox{display:inline;cursor:pointer}
.banner span{position:absolute;color:#000;font-size:10px;bottom:10px;right:10%;animation-name:slideText;animation-duration:16s;animation-iteration-count:infinite}
.desktop{display:block}
.lattice,.lattice1{padding:0}
.custom-form-step-box{text-align:center;width:100%;padding:60px 0 30px}
.custom-form-step-box img{max-width:100%}
.img-responsive{max-width:100%}
.leftdescbg{background:url(../img/index/leftdescbg.png) no-repeat;background-size:contain;width:100%;height:705px;position:relative}
.leftdescbg .textbox{font:normal normal normal 14px/24px Arial, "Microsoft JhengHei", sans-serif;color:#707070;position:absolute}
.leftdescbg .text1{top:195px;right:24px;width:223px}
.leftdescbg .text2{top:320px;left:0;width:223px}
.leftdescbg .text3{top:450px;right:10px;width:223px}
.arrow_down{position:absolute;left:auto;right:10px;top:11px}
.arrow_right{position:absolute;pointer-events:none;left:130px;top:14px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;transition:left .2s ease-in-out}
.center_text .title,.gridtitle{color:#032D41;font-size:33px;font-weight:700;line-height:1.1;text-align:center;font-family:Arial, "Microsoft JhengHei", sans-serif}
.gridtitle{margin-bottom:30px}
.center_text .desc{color:#707070;font-size:20px;line-height:26px;padding:10px 0;letter-spacing:0;margin:0 auto;font-family:Arial, "Microsoft JhengHei", sans-serif;font-weight:500;text-align:center}
.center_text img{max-width:100%}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:2px solid #fff!important}
#form .title{color:#032D41;font-size:33px;font-weight:700;line-height:1.1;padding-top:5vw;text-align:center}
.form_title{background:#005F9B;padding:20px 0;text-align:center}
.form_title .text{text-align:center;font:normal normal bold 48px/59px Arial, "Microsoft JhengHei", sans-serif;font-weight:700;letter-spacing:0;color:#fff}
.form_title .text img{max-width:30vw}
.redtext{font:normal normal normal 26px/38px Arial, "Microsoft JhengHei", sans-serif;letter-spacing:0;color:#AA323C;font-weight:500}
.greytext{font:normal normal normal 18px/27px Arial, "Microsoft JhengHei", sans-serif;letter-spacing:0;color:#707070;font-weight:500}
.block select,.block #date{-webkit-appearance:none;-moz-appearance:none;background:transparent url(../img/index/arrow.png) no-repeat top right;border:1px solid #dfdfdf;border-radius:2px;margin-right:2rem;padding:1rem 2rem 1rem 1rem}
.form_middle_mb{display:none}
.mobile{display:none}
.web{display:block}
.mobile_text,.mobile_text2{display:none}
.web_text{display:block;width:100%;margin:auto}
.web_text+.web_text{margin-top:30px}
.compare_box h2{margin-top:15px}
.compare_box h2 img{max-width:100%;padding:0 0 20px}
.compare_box p{text-align:left;font-size:18px;line-height:27px;padding-top:5px;color:#707070}
.compare_box span{font-size:22px;font-weight:700;color:#AA323C}
.compare_box p.under{font-size:22px;font-weight:400;color:#AA323C;text-decoration:underline;text-underline-offset:5px;margin:10px 0}
.compare_text1{height:80px}
.note ul,ul.table_list{margin:0 0 0 12px;padding:0;list-style-type:'- '}
.warpper_compare,.case_compare{display:flex;flex-direction:row;align-items:center;position:relative;justify-content:center}
.blueline{background:#032D41;width:100%;height:2px;position:absolute;bottom:-1px;display:block}
.bluebackground{background:#f2f7fa}
.container{max-width:1200px;margin:0 auto;padding:60px 20px 50px}
.grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}
.card{flex:1 1 calc(33.333% - 40px);text-align:center}
.card img{width:100%;height:auto;display:block;transition:.3s ease}
.card:hover img{transform:scale(1.05)}
.card h3{margin-top:20px;font-size:20px;font-weight:600;color:#123848}
@media(max-width:992px){
	.card{flex:1 1 calc(50% - 40px)}
}
#form .header{padding:80px 0 40px;width:100%;overflow:hidden}
#form .header .text1{text-align:center;color:#1980cf;padding-bottom:10px;font-size:30px;font-weight:700}
#form .header .text2{text-align:center;color:#1980cf;padding-bottom:10px;font-size:20px;line-height:30px}
#form .header .text2 div{display:inline-block;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite}
#form .header .text2 span{font-size:14px}
#form .header .text3{text-align:center;color:#494949}
#form .header .text3 span{font-size:10px}
#form .header .text3 div{display:inline-block;margin:0 10px}
#form .body{background:#fff;padding:30px 40px 80px;text-align:center}
#form .body .image{display:inline-block;vertical-align:top;width:456px}
#form .body .image img{max-width:456px}
#form .body .form{display:inline-block;vertical-align:top;margin:auto;width:60%;text-align:left}
#form .body .form .block{position:relative;width:90%;margin-left:5%;height:50px;margin-bottom:20px;display:inline-block}
#form .body .form .block input[type=text],#form .body .form .block select{width:100%;height:100%;outline:0;padding:5px 10px;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#707070;font-size:18px;border:2px solid #032D41;border-radius:10px}
#form .body .form .block select{padding-right:50px}
#form .body .form .block input[type=text]::placeholder{opacity:1;color:#707070}
#form .body .form .note{padding:20px 0;color:#707070}
#form .body .form .agger{position:relative;display:block;width:100%;padding-left:28px;color:#707070;line-height:26px;margin-bottom:0}
#form .body .form .agger a{color:#707070}
#form .body .form .agger input{position:absolute;opacity:0}
#form .body .form .note,#form .body .form .agger,#form .body .form .agger a{font:normal normal normal 14px/24px Arial, "Microsoft JhengHei", sans-serif;font-weight:500}
#form .body .form .agger input{position:absolute;opacity:0}
#form .form_text{width:90%;margin:auto;padding-right:20px}
#form .body .form .agger .checkmark{position:absolute;top:5px;left:0;height:16px;width:16px;background-color:#fff;border:1px solid #707070}
#form .body .form .agger .checkmark:after{content:"";position:absolute;display:none}
#form .body .form .agger input:checked~.checkmark:after{display:block}
#form .body .form .agger .checkmark:after{left:5px;top:3px;width:3px;height:6px;border:solid #000;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-sizing:unset}
#form .body .form .submit{margin-top:41px;text-align:center}
#form .body .form .submit button{border:0;width:200px;height:60px;font:normal normal normal 28px/48px Arial, "Microsoft JhengHei", sans-serif;font-weight:700;color:#fff;background:#032D41;cursor:pointer;outline:0;border-radius:15px;white-space:nowrap}
#form .body .form .submit button:hover{border:0 solid #fff;color:#fff;background:#032D41}
#form .footer{background-color:#fff;width:100%;height:80px}
#form .header{padding-top:40px}
#form .body{padding-top:5px;padding-bottom:calc(19.48vw/19.2)}
.desc-title-custom{position:absolute;margin:auto;padding:0;left:50%;top:0;width:1460px;color:#032D41!important;font:normal normal bold 56px/70px Arial, "Microsoft JhengHei", sans-serif;font-weight:700;transform:translate(-50%,-50%);font-size:calc(60vw/19.2)}
.desc-title-custom img{max-width:100%;width:auto;height:auto}
.custom-form-footericon-box .group-item{display:flex;display:-webkit-flex;gap:calc(34.33vw/19.2);margin:0 calc(57vw/19.2);margin-top:calc(-178.32vw/19.2)}
.custom-form-footericon-box .group-item .item{flex:1;-webkit-flex:1}
.custom-form-footericon-box .group-item .item div{margin-top:calc(10vw/19.2)}
.custom-form-footericon-box .group-item .item b{display:block;color:#032D41;font-size:26px;line-height:1;letter-spacing:0}
.custom-form-footericon-box .group-item .item span{display:block;color:#707070;font-size:23px;line-height:1.4;font-weight:700}
footer{padding-bottom:0;background:#0f6099;color:#fff;border-top:1px solid #fff}
footer div{margin-top:0}
footer a{color:#fff!important}
script+img,iframe+img{position:absolute;height:1px;left:0;top:0;z-index:-1}
.footericon{background:#0f6099;color:#fff;padding:40px 0 60px;text-align:center}
.footericon h2{font-size:38px;margin-bottom:25px;font-weight:700}
.footericon p{max-width:900px;margin:0 auto 60px;font-size:16px;line-height:1.6;opacity:1}
.footericon-features{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.feature{flex:1 1 200px;max-width:250px}
.feature svg{width:90px;height:90px;margin-bottom:20px;stroke:#fff}
.feature h4{font-size:16px;font-weight:500;margin:10px 0}
.icon-wrap{height:100px;display:flex;align-items:center;justify-content:center}
.icon-wrap img{max-height:100%;width:auto}
.lattice img{width:100%;display:block}
.lattice{width:100%;position:relative}
.lattice .float_group{display:flex;flex-wrap:wrap;width:100%}
.lattice .float_group .left{width:50%;position:relative}
.lattice .imgbox img{width:100%;height:100%;object-fit:cover}
.lattice .textbox{display:flex;justify-content:center;align-items:center;padding:50px 60px}
.lattice .flex_direction_vertically_center{max-width:600px}
.lattice .title,.center_text .title{font-size:28px;font-weight:700;margin-bottom:20px;color:#143a4a}
.lattice .text p,.center_text .text p{font-size:20px;line-height:30px;color:#707070}
@media(max-width:1200px){
	html,body{font-family: Arial, "Microsoft JhengHei", sans-serif !important;}
	.desc-title-custom img{max-width:80%;width:auto;height:auto}
	#form .body .form .agger .checkmark:after{left:4px;top:2px}
	.blueline{display:none}
	.center_text .title,#form .header{color:#032D41;font-size:22px;line-height:30px;text-align:center;padding-top:25px;font-weight:700}
	.center_text .desc{color:#707070;font-size:15px;line-height:19px;padding:0 20px;width:100%;letter-spacing:0;margin:10px auto 0;font-weight:500;text-align:center}
	#form .body .form .submit button{width:200px;height:50px;font-size:21px;line-height:36px;font-weight:700}
	#form .body .form{width:100%}.custom-form-footericon-box{width:calc(966vw/10.8);padding-top:10px}
	.custom-form-footericon-box .group-item{flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:calc(29vw/10.8) calc(73vw/10.8);margin:0 calc(63vw/10.8);margin-top:calc(-648vw/10.8)}
	.custom-form-footericon-box .group-item .item{flex:auto;-webkit-flex:auto;width:calc(50% - 36.5vw/10.8)}
	.custom-form-footericon-box .group-item .item div{margin-top:calc(8vw/10.8)}
	.custom-form-footericon-box .group-item .item b{margin-top:calc(14vw/10.8);font-size:calc(38vw/10.8);line-height:calc(48vw/10.8)}
	.custom-form-footericon-box .group-item .item span{font-size:calc(28vw/10.8);line-height:calc(32vw/10.8)}
	.form_middle .package{top:140%}.form_middle .block1 .block1_bg{height:150px;border-radius:30px}
	.form_middle .block1{border-radius:35px;height:160px}
	.form_middle{height:200px}
	.form_middle .block1{margin:60px auto}
	#form .body{padding:150px 40px 80px}
	.desc-text-custom{width:calc(100vw - 40px)!important}
	.desc-text-custom b{font-size:18px!important}
	.desc-text-custom span{font-size:15.5px!important}
	.desc-title-custom{position:absolute;margin:0;padding:0;width:100%;left:0;top:calc(47vw/10.8);font-size:calc(70vw/10.8);font-weight:700;color:#707070;transform:translateY(-50%);line-height:1.2;font-size:40px}
	#form .header{padding:10px 0 0!important}
	#form .body{padding:20px 40px}
	.web_text{text-align:left}

	
	.lattice{padding:30px 0 0}
	.lattice .float_group{flex-direction:column;width:90%;margin:auto}
	.lattice .float_group .left{width:100%}
	.lattice .float_group>div .title{padding-top:0;margin:10px 0}
	.lattice .textbox{background:#fff;padding:10px 0px 0;text-align:center}
	.mb-20{margin-bottom:20px}
	.mt-20{margin:20px 10px}
	.grid{gap:20px 30px;padding:0 31px}
	.lattice .flex_direction_vertically_center{max-width:100%}
	.lattice .title{font-size:22px;letter-spacing:0}
	.lattice .text p{color:#707070;font-size:15px;line-height:19px;width:100%;letter-spacing:0;font-weight:500;text-align:center}
	.lattice .imgbox{margin-bottom:0}
	.lattice .lattice{margin-bottom:30px}
	.card h3{margin-top:10px;font-size:15px;font-weight:600;color:#123848}
}
@media(max-width:360px){
	.center_text .desc,.lattice .text p,.footericon .text{font-size:13px;line-height:20px}
}
@media(max-width:768px){
	.footericon h2{font-size:23px;margin-top:0}
	.footericon p{font-size:15px;line-height:20px;margin:0 40px 40px}
	.footericon-features{gap:40px}
}

@media(max-width:768px){
	
	.mobile{display:block}
	.web{display:none}
	.web_text{width:70%;width:100%}
	.container{padding:10px 15px 20px!important}
	.lattice1 table{margin-left:-15px}
	.custom-form-step-box{padding:20px 20px 0}
	.floatingfree{width:25%}
	.banner{padding-bottom:calc(1080/1080*100%);margin-top:0}
	.banner span{right:10px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:upright}
	.cardbox{width:100%;height:81px}
	.cardbox_left{width:22%;height:60px;float:left;margin:10px 0 0 13%}
	.cardbox_right{width:65%;height:81px;float:left;color:#fff;font-size:16px;padding:25px 0 25px 5%}
	.form_middle{display:none}.form_middle_mb{display:flex;padding-bottom:50px}
	.form_middle_mb .block1{background:#032D41;border-radius:35px;opacity:1;width:90%;margin:40px auto;height:250px;padding:5px;position:relative}
	.form_middle_mb .block1 .block1_bg{background:#fff;border-radius:30px;opacity:1;width:100%;margin:auto;height:240px;position:relative}
	.form_middle_mb .block1 .block1_text{background:#fff;border-radius:30px;opacity:1;width:70%;margin:auto;height:80px;position:absolute;padding:10px 0;top:0;font:normal normal bold 7vw/9vw Arial, "Microsoft JhengHei", sans-serif;color:#707070;text-align:center;left:50%;transform:translate(-50%,-50%)}
	.form_middle_mb .package{width:105%;position:relative;margin-left:-10px;padding-top:120px}
	.form_middle_mb .package img{width:100%}
	.form_middle_mb .package .col-xs-4{position:relative}
	.form_middle_mb .package .col-xs-4:nth-of-type(1):after{content:"+";text-align:center;font:normal normal normal 22px/46px Arial, "Microsoft JhengHei", sans-serif;font-weight:500;letter-spacing:0;color:#AA323C;width:20px;height:20px;position:absolute;right:-6.5%;bottom:80%}
	.form_middle_mb .package .col-xs-4:nth-of-type(2):after{content:"送";text-align:center;font:normal normal normal 26px/35px Arial, "Microsoft JhengHei", sans-serif;font-weight:500;letter-spacing:0;color:#fff;background:#032D41;border-radius:50%;width:40px;height:40px;position:absolute;left:106%;top:30%;transform:translate(-50%,-50%);z-index:100}
	.form_middle_mb p{font:normal normal normal 16px/23px Arial, "Microsoft JhengHei", sans-serif;color:#707070;padding:10px 0;text-align:center}
	.form_middle_mb p span:nth-of-type(1){font:normal normal normal 13px/24px Arial, "Microsoft JhengHei", sans-serif;font-weight:500}
	.form_middle_mb p span:nth-of-type(2){font:normal normal normal 18px/24px Arial, "Microsoft JhengHei", sans-serif;font-weight:500}
	.form_title{margin-top:0;padding:5px 0 5px}
	.form_title .text img{max-width:70%}
	.common-pain p{margin:10px auto}
	#form .body{padding:12px 5px 21px}
	#form .body .form{margin-top:0;width:100%}
	#form .body .form .block{width:100%;margin-left:0}
	#form .body .form .block input[type=text],#form .body .form .block select,#form .body .form .note{font:normal normal normal 16px/21px Arial, "Microsoft JhengHei", sans-serif;font-weight:500}
	#form .body .form .note,#form .body .form .agger,#form .body .form .agger a{font:normal normal normal 13px/16px Arial, "Microsoft JhengHei", sans-serif;font-weight:500}
	#form .body .form .agger{margin-bottom:10px}#form .body .form .note{padding:0 0 20px;letter-spacing:0}
	#form .body .form .agger .checkmark{top:0}.cmt{font-family:Arial, "Microsoft JhengHei", sans-serif;font-weight:700;letter-spacing:0}
	#form .form_text{padding-right:0;font:normal normal normal 38px/56px Arial, "Microsoft JhengHei", sans-serif;font-weight:700}
	.form_title .text{font:normal normal normal 23px/26px Arial, "Microsoft JhengHei", sans-serif;font-weight:700;padding:10px}
	.lattice .title,.center_text .title,.gridtitle{font-size:21px;line-height:24px}
	.undermobile{padding-top:10px}.desc-text-custom b{font-size:calc(20vw/5.75)!important}
	.desc-text-custom span{font-size:calc(17.5vw/5.75)!important}
	.desc-text-custom small{margin-top:4px;font-size:calc(15vw/5.75)!important}
	.desc-text-custom .text2{line-height:1}
	footer div{height:auto}
	footer div:first-child{display:block;margin-bottom:0;padding-bottom:0}
}