@charset "utf-8";

body {
	background-color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	overflow-x: hidden !important;
	word-break: break-all;
	font-family: Arial,Helvetica,'Heiti SC','Microsoft Yahei',simsun,sans-serif;
	line-height:1.5;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Container */
.container {
	width: 94%;
	max-width:1115px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

*{margin:0; padding:0;}
a:link,a:hover,a:visited{text-decoration:none;}
img, object, embed, video {
	max-width: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.ie6 img {
	width:100%;
}

img{width:100%; height:auto; display:block;}

.logo{max-width:376px;}

header,main,footer{width:100%; margin:0 auto;}

.side{text-align: justify; text-justify: inter-ideograph;}

.f-c1{color:#fff !important;}
.f-c2{color:#AA263C !important;}


.fw{font-weight:bold;}

/*14-16*/
.f16{font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);}
/*14-18*/
.f18{font-size:clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);}
/*22-30*/
.f30{font-size:clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem);}
/*16-20*/
.f20{font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);}
/*30-40*/
.f40{font-size:clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);}
/*18-24*/
.f24{font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);}
/*13-15*/
.f15{font-size:clamp(0.813rem, 0.767rem + 0.23vw, 0.938rem);}


.tr{text-align:right;}


/******************************* header ****************************************/

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.header {
    position: relative;
}

.header .r_top .r_nav li a{transition:1.0s;}
.header .r_top .r_nav li a,.header .r_top .r_nav li a:hover,.header .r_top .r_nav li a:visited{color:#000;}


.r_top1_ul{display:flex; align-items: center; justify-content: flex-end; grid-column-gap: 1rem; grid-row-gap: 0.6rem; padding:0.6rem 0;}

.r_top h1{margin:0.26em 0;}

.r_top {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    z-index: 4;
}

.r_top1{background:#000;}

.logo{max-width:260px;}
.main_t{max-width:656px;}

.rt2_c{display:flex; align-items: center; justify-content:space-between; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; padding:0;}

.r_nav1{display:flex; align-items: center; justify-content: flex-end; grid-column-gap: 1.3rem; grid-row-gap: 0.6rem;}

.nav_btn a{background:#AB263C; border-radius: 8px; padding:0.5rem 1rem;}

.main{position: relative; display:block;}
.sub{position: relative; display:block;}
.main1{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    height: -webkit-calc(74vh - 104px);
    height: calc(74vh - 104px);
}
.main-img-box {
	width:100%;	
	position:relative;
    z-index: 2;
	overflow: hidden;
}

.main2_bg{
	width:100%;
    height: calc(74vh - 104px);
	background:#FEE566;
    outline: 0;
	position: relative;
	display: flex; align-items: center; justify-content: space-between;
}

.main-text-box{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); width:80%; display:flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; grid-row-gap: 1.5rem; z-index:3;}


.main_txt2{background: #fff; padding:0.5rem 2rem; position: relative;}
.main_txt2::before {content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 0; height: 0; transform: translateX(-50%); border: 12px solid transparent; border-top: 12px solid #fff; border-bottom-width: 0;}

.main2_bg1{width:60%; height:100%;}
.main2_bg1::before{position: absolute; top:0; right:0; content:""; background:url("../img/main1.png") right top no-repeat; width:50%; max-width:961px; max-height:657px; height: 100%; background-size:contain; z-index:2;}

.main2_bg2{width:60%; height:100%;}
.main2_bg2::after{position: absolute; bottom:0; left:0; content:""; background:url("../img/main2.png") left bottom no-repeat; width:50%; max-width:924px; max-height:661px; height:100%; background-size:contain; z-index:1;}

.main_txt4{line-height:1.7;}

.main2{padding:8rem 0 4rem; position:relative;}
.main2_1{width:33%; position: absolute; top:0; bottom:0; right:0; margin:auto;}
.main2_1::before{position: absolute; content:"";  background:url("../img/main3.png") center right no-repeat; width:100%; height:100%; max-width:782px; max-height:572px; background-size:100%; z-index:-1;}


.m2_p1{margin:2rem 0;}
.m2_d2{width:63%;}

.main3{background:#F5F5F5; padding:7rem 0; position: relative;}
.main3::before{content:""; position: absolute; bottom:7rem; right:-4rem; background:url("../img/icon2.png") right bottom no-repeat; width:576px; height:595px; background-size:100%; z-index:1;}
.main3 .container{z-index:2; position: relative;}

.step{max-width:250px;}
.step_i{width: 0;
  height: 0;
  border-left: 20px solid #AB263C;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent; flex-grow: 1;
}

.main3_div{display:flex; justify-content: space-between; grid-column-gap: 1.5rem; grid-row-gap: 2rem; width:100%; margin:3rem 0;}
.main3_div1{width:100%; max-width:250px; display:flex; flex-direction: column; justify-content: center;}
.m3_h3{text-align: center; flex-grow: 1;}
.main3_div1-2{display: flex; align-items: center;}
.stepbox{display:flex; flex-direction: column; grid-row-gap: 1.5rem; justify-content: center; align-items: center; margin-top:-1.3rem; flex-grow: 1;}
.stepbox_p{background:#AB263C; border-radius: 100vh; padding:0.2rem 0.5rem; width:100%; max-width:218px; text-align: center;}

.stepimg{max-width:361px;}
.main3_p1{width:100%; max-width:361px;}
.main3_div2{display:flex; align-items: flex-start; grid-column-gap: 3rem; padding:2.5rem 0;}

.main3_h4{line-height:2;}
.main3_ul{margin-top:2rem;}
.main3_ul li+li{margin-top:1.3rem;}

.main4{padding:7rem 0;}

.m4_h2,.main4_p1{text-align: center;}

.m4_divbox{width:90%; margin:3rem auto; display:flex; flex-direction: column; grid-row-gap: 2rem; justify-content: center;}
.m4_div1{display:flex; align-items:center; grid-column-gap: 2rem; grid-row-gap: 1.5rem;}
.icon1{max-width:116px;}
.m4_d1-1{width:11%; max-width:116px;}
.m4_d1-2{width:100%;}

.m4_h2{position: relative; padding-bottom:2rem;}
.m4_h2::before{content:""; position: absolute; bottom:0; left:0; right:0; margin:auto; width:100%; max-width:70px; height:6px; background:#AA263C; border-radius: 100vh;}
.main4_p1{padding-top:2rem;}

.fot{background:#000; padding:5rem 0 1.5rem;}
.fot_div{display:flex; flex-direction: column; grid-row-gap: 1.5rem;}
.fot_ul1,.fot_ul2{display:flex; align-items: center; justify-content: center; grid-column-gap: 1.5rem; grid-row-gap: 1rem; flex-wrap: wrap;}


.main_news{padding:4rem 0;}
.news_div{display:flex; align-items: center; grid-column-gap: 1.5rem; justify-content: space-between; margin:2rem 0;}
.news_div1{display:flex; align-items:center; grid-column-gap: 1rem; width:100%;}

.news_img {width:100%; display: inline-block; position: relative; max-width: 130px;}
.news_img::before {content: ""; display: block; padding-top: 100%;}
.news_img img {position: absolute; width: 100%; height: 100%; top: 0; left:0; object-fit:cover; object-position:center;}

.news_oth{display:flex; flex-direction: column; grid-row-gap: 0.5rem;}

.m_n_h2{position: relative;}
.m_n_h2 span{background:#fff; padding:0.3rem 1rem 0.3rem 0;}
.m_n_h2 span::before{content:""; position: absolute; top:4px; bottom:0; margin:auto; width:100%; height:1px; background:#000; z-index:-1;}

.wechat{position: fixed; right:20px; bottom:1.5rem; z-index:99;}
.chat{max-width:103px; margin-left: auto;}


.subimgbox,.subimgbox1,.subimgbox2,.subimgbox3,.subimgbox4,.subimgbox5,.subimgbox6,.subimgbox7{width:65.5%; height:21vh; position: relative; margin:0 0 0.3rem; border-radius: 0 5px 5px 0; overflow: hidden;}
.subimgbox::before{position: absolute; content:"";  background:url("../img/service.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox1::before{position: absolute; content:"";  background:url("../img/sub1.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox2::before{position: absolute; content:"";  background:url("../img/sub2.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox3::before{position: absolute; content:"";  background:url("../img/sub3.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox4::before{position: absolute; content:"";  background:url("../img/sub4.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox5::before{position: absolute; content:"";  background:url("../img/sub5.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox6::before{position: absolute; content:"";  background:url("../img/sub6.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}

.subimgbox7::before{position: absolute; content:"";  background:url("../img/sub7.png") center center no-repeat; width:100%; height:100%; max-width:1000px; max-height:220px; z-index:0; background-size: cover;}




.sub{padding:0 0 5rem; background:#F6F6F6;}
.sub1_h2{position: relative; padding-bottom:2rem; padding-top:5rem;}
.sub1_h2:first-letter{color:#AA263C;}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
	padding:0.5rem 0;
}
.breadcrumb li+li{position: relative; padding-left:1.2rem;}
.breadcrumb li+li::after {
	position: absolute; content:"";
	top:-4px; bottom:0; margin:auto;
	left: 0.4rem;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.breadcrumb a {
  color: inherit;
  text-decoration: none;
}


.sub1main{display:flex; justify-content: space-between; grid-column-gap: 2rem; margin:3rem 0;}
.sub1main2{margin:3rem 0;}
.sub1main-1{width:100%; background:#fff; border-radius: 5px; padding:1.5rem 2rem;}
.sub1main-2{width:100%; max-width:320px;}
.sub1main-3{width:100%; background:#fff; border-radius: 5px; padding:1.5rem 2rem;}
.sub1main-4{width:100%;}
.sub1main-5{width:100%; background:#fff; margin-top:2rem; border-radius: 5px; padding:1.5rem 2rem;}
.sub1_box{width:100%; background:#fff; border-radius: 5px; padding:2.5rem 2rem !important;}

#sub-area-nav{
    position: -webkit-sticky;
	position: sticky;
	top: 10vh;
    background:#fff;
	padding: 20px;
	border-radius: 5px;
}


.sub1_t1{padding:1rem 0 2rem; border-bottom:1px solid #E3E3E3;}
.sub1_h3{display:flex; align-items:center; grid-column-gap: 0.6rem;}
.sub1_p1{display:flex; align-items:flex-end; grid-column-gap: 0.6rem; justify-content: flex-end; padding:1rem 0;}
.sub1_p1_s1{line-height: .8;}
.sub1_p2{padding:1.5rem 0;}
.sub1_p5{padding:1rem 0; line-height:1.7;}
.sub1_p3{background:#F6F6F6; border-radius: 5px; padding:1rem 2rem;}
.sub1_p4{padding:0;}
.sub1_ul1{margin:1rem 0;}
.sub1_ul1 li+li{margin-top:1rem;}
.sub1_ul1 span{font-weight:bold;}

.sub1_t2{padding:2rem 0 2rem; border-bottom:1px solid #E3E3E3;}
.sub1_t3{padding:2rem 0 2rem;}

#g-navi li{padding:1rem 0;}
#g-navi li+li{border-top:1px dotted #707070;}
#g-navi li span{margin-right:0.5rem;}
#g-navi li a{display:block;}

.btn{padding:3rem 0; margin:0 auto;}
.btn a{margin:0 auto; width:100%; max-width:430px; padding:1rem; background:#AB263C; color:#fff; text-align: center; border-radius: 100vh; display:block;}


.s_tablebox{width:90%; margin:0 auto; display:flex; flex-direction: column; padding:2rem 0;}
.s_t1{display:flex; align-items:stretch; grid-column-gap: 1.5rem; grid-row-gap: 0.5rem; padding:1rem 0;}
.s_t1-1{border-right:2px solid #ccc;}
.s_t1-1{width:100%; max-width:230px; display:flex; align-items: flex-start;}
.s_t1-2{width:100%;}
.s_tablebox div+div{border-top:1px dotted #ccc;}
.s_t1-2 li{padding:0.5rem 0;}

.s_t1_li{list-style:  none; margin:  0; padding: 0;}
.s_t1_li:before {content:  ""; width:  10px; height:  10px; display:  inline-block; background-color: #AB263C; border-radius:  50%; position:  relative; top: -1px; margin-right: 5px;}

.terms_box{width:90%; margin:0 auto; display:flex; flex-direction: column; padding:2rem 0; line-height:1.7;}
.terms_dl dt{padding:0.5rem 0 0.5rem 1rem; border-left:5px solid #AB263C;}
.terms_dl dd{padding:1rem 0 2rem;}
.terms_dl li{padding:0.4rem 0;}
.terms_dl ul span{padding-right:0.6rem;}
.terms_ul{background:#eee; padding:1.5rem; margin-top:1rem;}

.terms1{margin-bottom:2rem;}
.submain_h2{margin-bottom:2rem;}

.about_titbox {width:100%; position: relative; display: inline-block; margin: 1.5em 0; padding: 1rem 10px; max-width: 100%; font-size: 16px; background:#ffe4e9; text-align:center; color:#000; border-radius: 5px;}

.about_titbox:before {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #ffe4e9;}

.about{max-width:360px; margin:0 auto;}

.sub1_p4{padding:2rem 0;}
.sub1_p4 li{background:#F6F6F6; border-radius: 5px; display:flex; align-items: stretch;}
.sub1_p4_li{position: relative; margin-bottom:2rem;}
.sub1_p4_li::before {content: ""; display: block; position: absolute; top: 110%; left: 50%; width: 0; height: 0; transform: translateX(-50%); border: 12px solid transparent; border-top: 12px solid #cbcbcb; border-bottom-width: 0;}

.sub1_p4 li+li{margin-top:1rem;}
.sub1_p4 li span{padding:1.2rem;}
.sub1_p4_s1{font-weight: bold; background:#ffe4e9; border-radius: 5px 0 0 5px; display: flex; align-items: center; justify-content: center; font-size:130%; white-space: nowrap;}

.product_box{padding:1rem 0;}
.product_p{margin-bottom:1rem;}

.product_ul{border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.product_ul li{padding:0.8rem 0.4rem;}
.product_ul li+li{border-top:1px solid #cbcbcb;}
.product_ul{margin:2rem 0;}

.payment_h3{margin-bottom:2rem;}


.payment_box{padding:1rem 0;}
.payment_box2{padding:3rem 0 1rem;}

.paument_list{display:flex; align-items: center; grid-column-gap: 1.5rem; margin:2rem auto; width:80%;}
.jcb{max-width:66px;}
.visa{max-width:87px;}
.master{max-width:75px;}
.amex{max-width:54px;}
.alipay{max-width:143px;}
.WeCahtPay{max-width:149px;}
.UnionPay{max-width:80px;}
.pay_img img{margin:0 auto;}

.sub1_h3-2{position: relative; padding-bottom:0.6rem; display:block; width:100%;}
.sub1_h3-2::before{content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background:#AB263C;}


.contactbox input[type="text"],.contactbox textarea,.contactbox input[type="email"],.contactbox input[type="tel"] {
    background: #f8f8f8;
    display: block;
    font-size: 16px;
    padding: 12px 15px;
    width: 100%;
    transition: 0.8s;
    border-radius: 0;
}

.contactbox input[type="radio"]{transition: 0.8s; margin:1rem 0;}

.contact1{display:flex; align-items:center; grid-column-gap: 1rem; padding-bottom:1rem; border-bottom:1px solid #F6F6F6;}
.contact_l{white-space: nowrap; display:flex; align-items: center; grid-column-gap: 0.5rem; width: 100%; max-width: 180px;}
.contact_r{width:100%;}

.check1{display:block; padding:0.1rem 0.3rem; border:1px solid #AB263C; color:#AB263C; font-size:13px;}
.check2{display:block; padding:0.1rem 0.3rem; border:1px solid #00398B; color:#00398B; font-size:13px;}

.contactbox form{display: flex; flex-direction: column; grid-row-gap: 1rem;}

.submitbox{text-align:center; margin:0 auto; padding:2rem 0; width: 100%; max-width: 420px;}
.submitbox [type="submit"]{width: 100%; border-radius: 50px; background: #AB263C; color: #fff; text-align:center; padding: 1.5rem 2rem; display: block; font-size: clamp(0.938rem, 0.847rem + 0.45vw, 1.188rem);}

.contact_div{display:flex; align-items: center; grid-column-gap: 3rem; justify-content: center;}
.icon4{max-width:127px;}

.price_a{width: 100%; max-width: 420px; border-radius: 50px; background: #AB263C; color: #fff; text-align:center; padding: 1.5rem 2rem; display: block; font-size: clamp(0.938rem, 0.847rem + 0.45vw, 1.188rem); margin:2rem auto;}

.pricebox{width:100%; background:#fff; border-radius: 5px; padding:1.5rem 2rem;}
.price1{max-width:600px;}

.price_box{display:flex; flex-direction: column; grid-row-gap: 1.5rem;}

.price_a2{width: 100%; max-width: 200px; text-align:center; padding: 0.5rem 0.6rem; display:block; font-size: clamp(0.938rem, 0.847rem + 0.45vw, 1.188rem); background:#AB263C; color:#fff; border-radius: 8px;}
.price_h3{text-align: center; white-space: nowrap;}

.sub1_h3-1{white-space: nowrap;}

.ems{max-width:1080px;}
.pricebox a img{width:100%; margin:0 auto;}


.modal-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,50%); padding: 40px 20px; overflow: auto; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; z-index: 9999;}
.modal-container:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.modal-container.active{opacity: 1; visibility: visible;}
.modal-body{position: relative;	display: inline-block; vertical-align: middle; max-width: 500px; width: 90%;}
.modal-close{position: absolute; display: flex; align-items: center; justify-content: center; top: -9px; right: -10px; width: 40px; height: 40px; font-size: 40px; color: #fff; cursor: pointer;}
.modal-content{background: #fff; text-align: left; padding: 30px;}

.con_price{background:#F6F6F6; border:8px; padding:0.3rem 1rem; margin:1rem 0;}
.con_price span{color:#AB263C;}