@charset "utf-8";
/***********************************************************
	Filename: page.css
	Note	: 单页面CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2020.7.9
***********************************************************/

/* wrapper 单页面内容结构 */
.wrapper{position:relative;padding-top:25px;padding-bottom:50px;background:#f6f8fb}
.page{padding:50px;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.02)}
.page h1{margin-top:.2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eaeaea;font-size:2rem}
.page h2{font-size:1rem}
.page h4{position:relative;margin-bottom:0;padding-left:40px;color:#444;font-size:.8rem}
.page h4:before{position:absolute;top:10px;left:0;display:inline-block;margin-right:25px;width:35px;height:2px;background:#023eeb;content:''}
@media screen and (max-width:576px){
    .wrapper{overflow:hidden;padding:0}
    .page{padding:25px 15px}
    .page h1{text-align:center;font-size:1.2rem}
    .page h4{padding-left:0;text-align:center}
    .page h4:before{position:relative;top:-3px;margin-right:5px}
    .page h4::after{position:relative;top:-3px;display:inline-block;margin-left:5px;width:35px;height:2px;background:#023eeb;content:''}
}

/* 关于我们单页 */
.about_content{width:100%}
.about_content .content p{text-align:justify}
/* 法律声明 */
.legal_notices .content{font-size: 14px;counter-reset:section;}
.legal_notices .content h2::before{position:relative;z-index:1;display:inline-block;margin-right:5px;content:counter(section) ".";counter-increment:section}

/* 付款与税务 */
.payment{overflow:hidden;width:100%}
.payment ul{margin:0;padding:0;list-style:none}
.payment li{position:relative;float:left;margin-right:1%;margin-bottom:25px;padding:15px;width:49%;border:1px solid rgba(0,0,0,.07);border-radius:3px;background:rgba(2,62,235,.02)}
.payment li:nth-child(even){float:right;margin-right:0}
.payment li .icon{float:left;width:70px;height:70px;border-radius:4px;color:#fff;text-align:center;line-height:70px}
.payment li .text{margin-left:90px}
.payment li .text p{margin-bottom:0}
.payment li .text strong{color:#555}
.payment li .text .bd-clipboard{position:absolute;top:0;right:0;border-bottom:1px solid rgba(0,0,0,.07);border-left:1px solid rgba(0,0,0,.07);border-radius:3px}
.payment li .text .bd-clipboard button{border:0;border-bottom-left-radius:3px;background-color:#fff;color:#666;font-size:10px}
.payment li .text .bd-clipboard .fa{margin-right:5px}

/* 开票信息 */
.payment .tax{overflow:hidden;margin-top:25px;padding:25px 15px;width:100%;border:1px solid rgba(0,0,0,.07);border-radius:3px}
.payment .tax strong{color:#555}
.payment .tax h2{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}
.payment .tax .left{position:relative;float:left;box-sizing:border-box;padding-right:15px;width:50%}
.payment .tax .left p{margin-bottom:.5rem}
.payment .tax .left .bd-clipboard{position:absolute;top:0;right:15px}
.payment .tax .left .bd-clipboard button{border:0;border:1px solid rgba(0,0,0,.07);border-radius:3px;background-color:#fafafa;color:#666;font-size:10px}
.payment .tax .left .bd-clipboard .fa{margin-right:5px}
.payment .tax .right{float:left;box-sizing:border-box;padding-left:15px;width:50%;border-left:1px solid rgba(0,0,0,.07)}
.payment .tax .right a{text-decoration:revert}
@media screen and (max-width:768px){
    .payment li{float:none;margin-right:0;width:100%}
    .payment li:nth-child(even){float:none}
    .payment .tax .left{float:none;margin-bottom:3rem;padding-right:0;width:100%}
    .payment .tax .left .bd-clipboard{right:0}
    .payment .tax .right{float:none;padding-left:0;width:100%;border-left:0}
}
@media screen and (max-width:576px){
    .payment li{margin-bottom:15px;padding:20px 10px}
    .payment li .icon{width:40px;height:40px;line-height:40px}
    .payment li .text{margin-left:50px}
    .payment .tax h2{padding-top:.5rem}
    .payment .tax .left .bd-clipboard button{padding:5px 10px}
}

/* 联系我们 */
.contact-us{margin:0;padding-top:50px;padding-bottom:50px;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.02)}
.contact-us .contact-list{box-sizing:border-box;padding-left:35px;border-right:1px solid #eaeaea}
.contact-us .contact-list h1{margin-top:.2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:2rem}
.contact-us .contact-list h4{position:relative;margin-bottom:0;padding-left:40px;color:#444;font-size:.8rem}
.contact-us .contact-list h4:before{position:absolute;top:10px;left:0;display:inline-block;margin-right:25px;width:35px;height:2px;background:#023eeb;content:''}
.contact-us .contact-list h3{margin-bottom:.2rem}
.contact-us .contact-list .contact-info{position:relative;margin-bottom:2.5rem}
.contact-us .contact-list .contact-info .icon{position:absolute;top:0;left:0;z-index:3;width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#023eeb,rgba(2,62,235,.8));color:#fff;text-align:center;line-height:50px;transition:all ease .4s}
.contact-us .contact-list .contact-info .icon i{margin-top:.8rem;font-size:1.5rem}
.contact-us .contact-list .contact-info:last-child .icon i{margin-top:.8rem;font-size:1.1rem}
.contact-us .contact-list .contact-info .text{margin-left:60px}
.contact-us .contact-list .contact-info .text p{color:#555}
@media screen and (max-width:1024px){
    .contact-us .contact-list{padding-left:0}
}
@media screen and (max-width:576px){
    .contact-us{padding-top:25px}
    .contact-us .contact-list{margin-bottom:1rem;border-right:0;border-bottom:1px solid #eaeaea}
    .contact-us .contact-list h1{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea;font-size:1.2rem}
    .contact-us .contact-list h2,.contact-us .contact-list h4{display:none}
    .contact-us .contact-list .contact-info{margin-bottom:1rem}
    .contact-us .contact-list .contact-info .icon{top:5px;display:none;width:40px;height:40px;line-height:40px}
    .contact-us .contact-list .contact-info .icon i{margin-top:.5rem;font-size:1.5rem}
    .contact-us .contact-list .contact-info .text{margin-left:0}
}

/* 留言簿 */
.contact-us .book{padding-right:35px;padding-left:35px}
.contact-us .book h2{margin-top:.2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:1.8rem}
.contact-us .book h4{position:relative;margin-bottom:0;padding-left:50px;color:#444;font-size:.8rem}
.contact-us .book h4:before{position:absolute;top:10px;left:0;display:inline-block;margin-right:25px;width:40px;height:2px;background:#023eeb;content:''}
.contact-us .book .booklist{width:100%}
.contact-us .book .booklist .input1,.contact-us .book .booklist .input2,.contact-us .book .booklist .submit{border-radius:2px}
.contact-us .book .booklist .input1,.contact-us .book .booklist .input2{display:block;box-sizing:border-box;margin-bottom:15px;padding:.8em;width:100%;outline:0;border:none;border:1px solid rgba(0,0,0,.07);background:rgba(2,62,235,.01);color:#333}
.contact-us .book .booklist .input2{height:100px;resize:none}
.contact-us .book .booklist .input3{display:inline;width:49%}
.contact-us .book .booklist .input4{float:right}
.contact-us .book .booklist .code{display:inline;width:35%}
.contact-us .book .booklist .submit{float:right;width:35%;background:#2f5fee;color:#fff;text-align:center;cursor:pointer;transition:all .3s ease-in-out}
.contact-us .book .booklist .submit:hover{background:#111;color:#fff}
.contact-us .book .booklist .hand{margin-left:5px}
@media screen and (max-width:1024px){
    .contact-us .book{padding-right:0;padding-left:0}
}
@media screen and (max-width:576px){
    .contact-us .book h2{margin-bottom:1rem;text-align:center;letter-spacing:0;font-size:1.2rem}
    .contact-us .book h4{display:none}
    .contact-us .book .text-7{font-size:.95rem}
}