@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 全站综合部分CSS样式
	Version : szphp v1.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2021.05.09
***********************************************************/
@import "https://cos.szphp.cn/font/noto_sans_sc/noto_sans_sc.css?family=Noto+Sans+SC:wght@300,400,500,700&display=swap";
@import "https://cos.szphp.cn/font-icon/font-awesome-v4/css/font-awesome.min.css";
@import "https://at.alicdn.com/t/font_123935_qpiqi0po7o8.css";

/*综合样式***********************************************************************/
.family-noto{font-family:'Noto Sans SC'}
:after,:before{box-sizing:border-box}
.capitalize{text-transform:capitalize}
html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;background:#fff;color:#333;letter-spacing:0;font-weight:normal;font-size:.95rem;font-family:pingfang SC,Open Sans,Helvetica Neue,Microsoft YaHei,Hiragino Sans GB,Arial;line-height:1.8}
[tabindex="-1"]:focus{outline:0!important}
hr{overflow:visible;box-sizing:content-box;height:0}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
b,strong{font-weight:600}
p{margin-top:0;margin-bottom:1.5rem}
abbr[data-original-title],abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted;cursor:help;-webkit-text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{font-style:normal;line-height:inherit}
address,dl,ol,ul{margin-bottom:1rem}
dl,ol,ul{margin-top:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
small{font-size:100%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
a{outline:0;background-color:transparent;color:#333}
a,a:hover{text-decoration:none}
a:hover{color:#222}
a:not([href]):not([tabindex]):focus{outline:0}
code,kbd,pre,samp{font-size:1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
pre{overflow:auto;margin-top:0;margin-bottom:1rem}
figure{margin:0 0 1rem}
img{border-style:none}
img,svg{vertical-align:middle}
svg{overflow:hidden}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom;text-align:left}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0;-webkit-tap-highlight-color:transparent}
button:focus{outline:0 dotted;outline:0 auto -webkit-focus-ring-color}
button,input,optgroup,select,textarea{margin:0;font-size:inherit;font-family:inherit;line-height:inherit}
button,input{overflow:visible;-webkit-appearance:none}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical;-webkit-appearance:none}
fieldset{margin:0;padding:0;min-width:0;border:0}
legend{display:block;margin-bottom:.5rem;padding:0;width:100%;max-width:100%;color:inherit;white-space:normal;font-size:1.5rem;line-height:inherit}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
.btn.focus,.btn:focus{box-shadow:none}
@media screen and (max-width:576px){
    body{line-height:1.6}
    html{scroll-behavior:inherit}
}
@media screen and (min-width:1920px){
    /* body{margin-right:auto;margin-left:auto;width:1920px} */
    .container-fluid{max-width:1920px}
}

/*全站字体大小设置***********************************************************************/
.text-1{font-size:.75rem}
.text-2{font-size:.8rem}
.text-3{font-size:.85rem}
.text-4{font-size:.9rem}
.text-5{font-size:.95rem}
.text-6{font-size:1rem}
.text-7{font-size:1.25rem}
.text-8{font-size:1.5rem}
.text-9{font-size:2rem}
.text-10{font-size:2.5rem}
@media screen and (max-width:768px){
    .text-3{font-size:.8rem}
    .text-4{font-size:.85rem}
    .text-5{font-size:.9rem}
    .text-6{font-size:.95rem}
    .text-7{font-size:1rem}
    .text-8{font-size:1.25rem}
    .text-9{font-size:1.5rem}
    .text-10{font-size:2rem}
}
@media screen and (max-width:576px){
    .text-3{font-size:.75rem}
    .text-4{font-size:.8rem}
    .text-5{font-size:.85rem}
    .text-6{font-size:.9rem}
    .text-7{font-size:.95rem}
    .text-8{font-size:1rem}
    .text-9{font-size:1.25rem}
    .text-10{font-size:1.5rem}
}

/*header******************************************************************************/
header{position:absolute;z-index:9990;padding-top:15px;width:100%;height:80px}
header .logo{width:100%;height:80px}
header .logo img{width:185px;height:auto}
@media screen and (min-width:1921px){
    header{max-width: 2560px!important;left:50%;margin-left: -1280px!important;}
}
@media screen and (max-width:1024px){
    header{height:65px}
    header .logo{height:65px}
}
@media screen and (max-width:768px){
    header{padding-top:5px}
    header .logo img{height:100%;width:auto}
}

/*响应式导航********************************************/
/*汉堡展开效果*/
menu .nav__trigger .nav__icon{position:relative;display:inline-block;width:30px;height:2px;background-color:#fff;transition:all .1s ease 0s;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform}
menu .nav__trigger .nav__icon:after,menu .nav__trigger .nav__icon:before{position:absolute;display:block;width:30px;height:2px;background:#fff;content:'';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform}
menu .nav__trigger .nav__icon:before{margin-top:-8px}
menu .nav__trigger .nav__icon:after{margin-top:8px}
.fixed_menu .nav__trigger .nav__icon,.fixed_menu .nav__trigger .nav__icon:after,.fixed_menu .nav__trigger .nav__icon:before{background:#333}
.nav--active .nav__trigger .nav__icon{background:rgba(51,51,51,0)}
.nav--active .nav__trigger .nav__icon:before{margin-top:0;background:#333;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav--active .nav__trigger .nav__icon:after{margin-top:0;background:#333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/*大屏幕*/
menu .nav__trigger{display:none}
menu{position:relative;overflow:hidden;margin:0;width:100%;text-align:right}
menu nav{display:inline-block;margin:30px 0 25px;height:25px;text-align:right}
menu nav a{position:relative;display:inline-block;margin-right:2rem;color:#fff;font-weight:400;font-size:15px}
menu nav .current,menu nav a:hover{color:#37d2f9}
@media screen and (max-width:1024px){
    menu .nav__trigger{display:block}
    menu{margin:0;height:65px}
    menu nav{height:65px}
}

/*小屏幕*/
menu .nav__trigger{position:absolute;top:15px;right:15px;z-index:9999;width:30px;height:25px}
@media screen and (max-width:1024px){
    menu nav{display:none}
    menu nav a,menu nav a::after{transition:all 0s ease 0s}
    .nav--active{position:fixed;top:0;right:0;z-index:9998;padding:0;height:100%;max-width:100%;background:rgba(255,255,255,.99);transition:height .3s ease 0s}
    .nav--active nav{display:block;margin:0 auto;padding-top:25%;width:100%;height:auto}
    .nav--active nav a{position:relative;display:inline-block;margin:0 0 0;width:100%;color:#333;text-align:center;line-height:50px;opacity:1}
}

/* 搜索按钮 */
.search{display:inline-block;margin:30px 0 25px;padding-left:2rem;height:25px;border-left:1px solid #eee}
.search button{border:0;background:0 0}
.search .fa{color:#fff;font-weight:400;font-size:16px;transition:all .3s ease 0s}
.search button:hover .fa{color:#37d2f9}
/* 弹出层样式 */
.search-overlay{position:fixed;top:0;left:0;z-index:9999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.9)}
.search-popup{position:fixed;top:calc(50% - 140px);right:0;left:0;z-index:10000;display:flex;margin:auto;padding:25px;height:auto;color:#fff;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}
.search-close-btn{position:absolute;top:25px;right:50px;z-index:10001;font-size:1.5rem;color:#fff;cursor:pointer;display: none;}
.search-close-btn:hover{color:#37d2f9}
/* 搜索框样式 */
.search-popup .search-box{position:relative;display:flex;align-items:center}
.search-popup .search-box .search-input{padding-left:25px;width:600px;height:60px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:0 0;color:#fff}
.search-popup .search-box .search-submit{margin-left:-100px;width:200px;height:60px;border:0 solid #06e0fb;border-radius:30px;background-image:linear-gradient(90deg,#6b0dd4 0,#01c0b3 100%);color:#fff;text-align:center;letter-spacing:.3rem;font-weight:400;font-size:1.4rem}
.search-popup .search-box .search-submit .fa{margin-right:5px}
.search-popup .search-box .search-submit:hover{background-image:linear-gradient(90deg,#5505b1 0,#04968c 100%)}
/* 热门搜索 */
.search-popup .hot{margin-top:10px;padding-left:25px;width:700px}
.search-popup .hot a{margin-right:15px;color:#fff}
.search-popup .hot a:hover{color:#eee}
@media screen and (max-width:1024px){
    .search{position:absolute;top:18px;right:70px;display:block;margin:0;padding-left:0;height:25px;border-left:0}
    .search-popup .search-box{width:100%;flex-direction:column}
    .search-close-btn{top:15px;right:15px}
    .search-popup .search-box .search-input{width:100%}
    .search-popup .search-box .search-submit{margin-top:15px;margin-left:0;width:100%}
    .search-popup .hot{margin-top:25px;padding-left:0;width:100%;text-align:center}
}

/*footer******************************************************************************/
footer{position:relative;padding-top:40px;padding-bottom:25px;height:300px;background:url(../images/bottom_bg.jpg) no-repeat center center;background-size:cover;max-width: 2560px!important;}
footer .mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(top,rgba(95,84,160,.8) 30%,rgba(23,145,216,.8) 100%);background:-o-linear-gradient(top,rgba(95,84,160,.8) 30%,rgba(23,145,216,.8) 100%);background:-ms-linear-gradient(top,rgba(95,84,160,.8) 30%,rgba(23,145,216,.8) 100%);background:-moz-linear-gradient(top,rgba(95,84,160,.8) 30%,rgba(23,145,216,.8) 100%);background:-webkit-linear-gradient(top,rgba(95,84,160,.8) 30%,rgba(23,145,216,.8) 100%)}
footer .icon{position:relative;z-index:2;text-align:center}
footer .icon a{display:inline-block;margin:0 3px;cursor:pointer}
footer .icon a img{width:35px;height:auto;opacity:.9;transition:all .3s ease 0s}
footer .icon a:hover img{opacity:1}
@media screen and (max-width:768px){
    footer{height:200px;padding-top:20px;}
}
/*copyright*/
.copyright{position:absolute;z-index:2;bottom:40px}
.copyright p{margin-bottom:.5rem;color:rgba(255,255,255,1);text-align:center}
.copyright p strong{font-weight: normal;}
.copyright a{color:rgba(255,255,255,.8)}
.copyright a:hover{color:#fff}
@media screen and (max-width:768px){
    .copyright{bottom:5px}
    .copyright p{font-size: 12px;}
    .copyright p strong{display: block;}
    .copyright p:last-child{font-size: 10px;}
}
/*微信弹出层******************************************************/
.hw-overlay{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.8)}
.hw-layer-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:100%;text-align: center;}
.hw-layer-wrap .list{display:inline-block;margin:0 10px;padding:5px;border-radius:10px;background-color:#fff}
.hw-layer-wrap .list img{width:180px;height:180px}
.hw-layer-wrap span{display:block;margin-top:5px;margin-bottom:5px;text-align:center;font-size:14px;line-height:2em}
@media screen and (max-width:768px){
    .hw-layer-wrap .list{margin:5px}
    .hw-layer-wrap .list img{width:135px;height:135px}
    .hw-layer-wrap span{font-size:12px}
}
/*返回头部和在线客服*/
.gotop{position:fixed;right:25px;bottom:15%;z-index:99999}
.gotop .backToTop{display:none;cursor:pointer;transition:all .5s ease 0s}
.gotop .backToTop img{width:100%;height:auto}
@media screen and (max-width:768px){
    .gotop{right:5px;bottom:25%}
    .gotop .backToTop img{width:30px;height:auto}
}
/*20230620增加的修改*/
.gradient{background-image:linear-gradient(90deg,#6B0DD4 0%,#01C0B3 100%);color:#fff;color:transparent;-webkit-background-clip:text}