@charset "utf-8";
/* CSS Document */

ul, ol{list-style:none;}
h2{font-size:35px; text-align:center; padding:65px 0 35px;}
.detail{width:1200px; margin:0 auto;}
/* CSS Document */

.main-banner{background: radial-gradient(50% 100% at center bottom,#fcf4f1 60%,transparent); text-align:center;position: relative;padding-bottom: 60px;}
.main-banner::before{content: ""; width:60%;position: absolute;left: 20%;height: 100%;background:repeating-linear-gradient(to right,#fefaf9 0,#fefaf9 50px,transparent 50px,transparent 140px) content-box;z-index: 0;}
.main-banner::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:linear-gradient(to bottom,#fefdfc 10%, #fefaf8 50%,transparent 70%);z-index: 1;}
.main-banner .detail{position:relative;z-index: 2;}
.main-banner h1{font-size:48px;padding:70px 0 20px;line-height: 1.1;}
/*.DivMain01 h1 span{background:-webkit-linear-gradient(left, #00e8fe, #25c3fe); background:-moz-linear-gradient(left, #00e8fe, #25c3fe); background:linear-gradient(left, #00e8fe, #25c3fe); -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -moz-text-fill-color:transparent; text-fill-color:transparent;}*/
.main-banner p{padding:0 120px; font-size:20px; line-height:1.3;}
.main-banner .search{ height:50px; margin:40px auto 0;display: inline-flex;justify-content: center;border-radius: 25px;}
.main-banner .search form >div{border-radius: 25px;background: #fff;box-shadow: 0px 9px 54px 0px rgba(240, 225, 223, 0.46);overflow: hidden;;}
.main-banner .search input[type="text"]{border:0; height:50px; line-height:50px; font-size:17px; color:#888; padding-left:25px; width:350px; outline:none;}
.main-banner .search input[type="submit"]{width:60px; height:40px;border-radius: 20px;margin-right: 8px; background:#ff6a52 url(../image/search2.png) no-repeat center; border:0; cursor:pointer;  }
.main-banner .search input::-webkit-input-placeholder{color:#bfbfbf;}
.main-banner .search input:-moz-placeholder{color:#bfbfbf;}
.main-banner .search input::-moz-placeholder{color:#888;}
.main-banner .search input:-ms-input-placeholder{color:#bfbfbf;}
/* CSS Document */

.main-help{background:linear-gradient(#fff 60%,#fefefe); padding-bottom:40px;}
.main-help h3{font-size:25px; color:#333; padding:10px 0 20px;display: flex;align-items: center;gap:25px;font-weight: bold;line-height: 1.1;}
.main-help p{font-size:18px; color:#494949;}
.products_ti{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:15px;}
.main-help .products_ti a{ border:1px solid transparent; border-bottom:2px solid transparent; box-sizing:border-box; padding:30px 30px; text-decoration:none; background: #f9f9fa;position:relative;border-radius: 15px 15px 0 0;border-bottom: 2px solid #f9f9fa;}
.main-help .products_ti a:hover,.main-help .products_ti a.focus{background: #fff;box-shadow: 0px 12px 35px 0px rgba(209, 212, 221, 0.3);border-bottom: 2px solid #5c5c5c;}
.main-help .products_ti a.focus span{position:absolute; left:0; bottom:-8px; width:100%; height:9px; background:url(../image/focus.png) no-repeat center;}
.main-help .content_list{display:none;}
.main-help .content_list .title{padding:25px 0 20px;}
.main-help .content_list ul li{ padding-bottom:13px;}
.main-help .content_list ul li a{font-size: 18px;color: #000; text-decoration:none;border: 1px solid #e0e0e0;border-radius: 40px;height: 80px;display: flex;align-items: center;justify-content: space-between;padding: 0 15px 0 30px;}
.main-help .content_list ul li a span{display: inline-flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 27px;border: 1px solid #dddddd;flex-shrink: 0;color: #101010;}
.main-help .content_list ul li a span::before{background: currentColor;content: "";display: inline-block;width: 20px;height: 1px;transform: translateX(5px);}
.main-help .content_list ul li a span::after{content: "";display: inline-block;width: 8px;height: 8px; border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform:translateX(-5px) rotate(-45deg) ;}
.main-help .content_list ul li a:hover span{background: #000;color: #fff;}
.main-help .content_list_two ol li{ padding-bottom:30px;}
.main-help .content_list_two ol li p{font-size:17px; color:#ff3e54;}
.main-help .content_list_two ol li span{line-height:24px;}
/* CSS Document */

.main-contact{background:linear-gradient(#fefefe,#f6f6f8 70%); padding-bottom:60px;}
.contact-content{display: grid;grid-template-columns: 1fr 1fr;gap:110px;padding: 10px 0 0;}
.main-contact .contact-item{background-color:#fff; padding:42px 30px 42px 30px;border-radius: 30px;display: flex;align-items: center;gap:35px;}
.main-contact .contact-item .img{ margin:12px 30px 0 -10px;}
.main-contact .contact-item .txt h5{font-size:22px; color:#000; font-weight:700; padding-bottom:15px;}
.main-contact .contact-item .txt p{font-size:15px; color:#666;}
.main-contact .contact-item .txt a{color:#2089ff; text-decoration:underline;}
/* CSS Document */

.toTop{position:fixed; right:10px; bottom:10px; cursor:pointer; display:none;}
/* CSS Document */

@media (max-width:979px) {
	.detail{width:auto;padding: 0 10px;}
	/* CSS Document */

	.main-banner p{padding:0 1%;}
	/* CSS Document */
	.main-help .products_ti a{padding: 20px 10px;}
	.main-help .products_ti{position:relative;}
	.main-help h3{flex-wrap: wrap;}
	.main-help h3 br{display: none;}
	/* CSS Document */
	.contact-content{gap:10px;}
	.main-contact{padding-bottom:40px;}
	/* CSS Document */
}

@media (max-width:768px) {
	.main-banner h1{padding-top:35px;}
	h2{font-size: 29px;}
	.main-banner p{font-size:15px;}
	/* CSS Document */
	.main-help h3{font-size: 21px;}
	.main-help .products_ti{grid-template-columns: 1fr;}
	.main-help .content_list ul li{float:none; width:100%;}
	.main-help .content_list ul li a{font-size: 15px;}
	/* CSS Document */
	.main-contact .contact-item .txt h5{font-size: 19px;}
	.contact-content{grid-template-columns: 1fr;}
	/* CSS Document */
}

@media (max-width:479px) {
	.main-banner h1{font-size: 31px;}
	h2{font-size: 25px;}
	.main-banner p{padding:0;}
	.main-banner .search input[type="text"]{width: auto;}
	/* CSS Document */
	.main-help h3{font-size: 18px;}
	.main-help p{font-size: 16px;}
	.main-help .content_list ul li a{font-size: 14px;}
	/* CSS Document */
	.main-contact .contact-item .txt h5{font-size: 17px;}
	.main-contact .contact-item{padding: 30px 0 30px 20px;gap:15px;}
}