@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 全站综合部分CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2020.8.10
***********************************************************/
@import "../font-awesome/css/font-awesome.min.css";
@import "https://at.alicdn.com/t/font_1051747_f7he5sd4gff.css";
/* Font Icon */
@import "../plugin/fontawesome-free-5.15.4-web/css/all.min.css";

/* webkit内核 滚动条
::-webkit-scrollbar{width:8px;background-color:#006eff}
::-webkit-scrollbar-thumb{width:8px;background-color:#aeaeae}
::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:rgba(53,114,255,.8)}
*/

/*综合*/
::after,::before{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;background-color:#fff;color:#333;letter-spacing:0;font-weight:normal;font-size:1rem;font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;line-height:1.5;padding-top: 140px;}
[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}
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{margin-bottom:1rem;font-style:normal;line-height:inherit}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
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:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#333;background-color:transparent;text-decoration:none;transition:all .5s ease 0s}
a:hover{color:rgba(0,134,201,1);text-decoration:none}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
code,kbd,pre,samp{font-size:1em;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;vertical-align:middle}
svg{overflow:hidden;vertical-align:middle}
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}
button:focus{outline:1px dotted;outline:5px 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}
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}
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}

/*header*/
header{position:fixed;top:0;z-index:9999;width:100%;height:90px;background:#fff}
header .logo{width:100%;height:90px}
header .logo img{width:auto;height:100%}
header .top-contact{width:100%;text-align:right}
header .top-contact .box{display:inline-block;margin:25px 25px 25px 0;padding-right:25px;height:40px;border-right:1px solid rgba(51,51,51,.2)}
header .top-contact .box:last-child{border-right:0}
header .top-contact .box .icon{float:left;margin-right:1rem;width:40px;height:40px;border-radius:5px;background:#0086c9;color:#fff;text-align:center;line-height:45px}
header .top-contact .box .icon .fa{font-size:1.5rem}
header .top-contact .box .text{float:left;text-align:left;font-size:.8rem;line-height:1rem}
header .top-contact .box .text span{display:block;color:rgba(51,51,51,.8);font-weight:700}
header .top-contact .box .text p{margin-top:.5rem}
@media screen and (max-width:768px){
    header .top-contact .box{margin-right:10px;padding-right:10px}
}
@media screen and (max-width:576px){
    header .top-contact .tel{margin-right:0;padding-right:0;border-right:0}
    header .top-contact .email,header .top-contact .qqline{display:none}
}

/*响应式导航********************************************/
/*汉堡展开效果*/
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:#fff}
.nav--active .nav__trigger .nav__icon{background:rgba(255,255,255,0)}
.nav--active .nav__trigger .nav__icon:before{margin-top:0;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav--active .nav__trigger .nav__icon:after{margin-top:0;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/*大屏幕*/
menu{position:fixed;top:90px;z-index:9999;margin:0;height:50px;background:#0086c9;box-shadow:0 0 10px rgba(0,0,0,.2)}
menu .daohangtit{display:none}
menu .nav__trigger{display:none}
menu nav{margin:0;font-size:0;text-align: center;}
menu nav a{display:inline-block;padding:0 1.5rem;color:#fff;font-weight:700;font-size:.95rem;line-height:50px}
menu nav .current,menu nav a:hover{background:#006699;color:#fff}
@media screen and (max-width:1280px){
    menu nav a{padding:0 1.2rem}
}
@media screen and (max-width:1024px){
    menu nav a{padding:0 1rem}
}
@media screen and (max-width:768px){
    menu .nav__trigger{display:block}
    menu .daohangtit{position:absolute;top:0;left:15px;z-index:9999;display:block;color:#fff;font-weight:700;line-height:50px}
    menu nav a{display:none}
}

/*小屏幕*/
menu .nav__trigger{position:absolute;right:10px;z-index:9999;width:30px;height:25px}
@media screen and (max-width:768px){
    .nav--active{z-index:9999;margin-top:50px;padding:0;height:100%;width:auto;background:#fff}
    .nav--active nav{padding:0;width:100%;height:auto}
    .nav--active nav a{position:relative;display:inline-block;margin:0 0 1px;width:100%;color:rgba(51,51,51,1);text-align:center;font-size:.9rem;line-height:45px;background:#f5f5f5}
    .nav--active nav a:hover{border-bottom:0 none;}
    .nav--active nav .current{border-bottom:0;background:rgba(0,134,201,.3)}
    menu .nav__trigger{top:8px}
}

/*friendlink*/
.friendlink{padding-top:25px;padding-bottom:25px;background:rgba(238,238,238,.5)}
.friendlink .title{margin-bottom:1rem;border-bottom:1px solid rgba(106,109,110,.2)}
.friendlink .title span{height:45px;font-size:.95rem;line-height:45px}
.friendlink a{margin-right:10px;padding-right:10px;border-right:1px solid rgba(106,109,110,.6);color:#666;font-size:.85rem}
.friendlink a:hover{color:#0086c9}
.friendlink a:last-child{border-right:0}
@media screen and (max-width:576px){
    .friendlink{display:none}
}

/*indexlianxi*/
.indexlianxi{padding-top:5px;padding-bottom:5px;background:#0086c9;color:#fff;text-align:center}
.indexlianxi p{display:inline-block;margin:0;padding:0;font-size:1.5rem;line-height:100px}
.indexlianxi a{display:inline-block;margin:25px 0 25px 25px;width:150px;height:40px;border-radius:2px;background:#fff;color:#0086c9;font-size:.95rem;line-height:40px;transition:all .5s ease 0s}
.indexlianxi .fa{margin-left:1rem;padding-left:1rem;border-left:1px solid #0086c9}
.indexlianxi a:hover{background:#006699;color:#fff}
@media screen and (max-width:576px){
    .indexlianxi p{margin-top:2rem;font-size:1.2rem;line-height:0}
    .indexlianxi a{margin-left:0}
}

/*footer*/
footer{padding-top:50px;padding-bottom:25px;background:#006699;color:#fff;font-size:.8rem}
footer a{color:#fff}
footer a:hover{color:rgba(255,255,255,.8)}
footer .contact{width:100%}
footer .contact img{float:left;margin-right:15px;width: 140px;}
footer .contact p{line-height:1.8rem}
footer .copyright{width:100%;text-align:right;line-height:1.8rem}
footer .copyright .lanmulink{margin-bottom:2rem}
footer .copyright .lanmulink a{margin-left:1rem}
@media screen and (max-width:768px){
    footer .contact{text-align:center}
    footer .contact img{float:none;margin-right:0;margin-bottom:1rem}
    footer .copyright{text-align:center}
}

/*返回顶部*/
.gotop{position:fixed;right:5px;bottom:5%;z-index:99999}
.gotop a{display:block;margin-top:3px;padding-top:8px;width:50px;height:50px;border-radius:3px;background:#0086c9;color:#fff;text-align:center;font-size:.8rem;line-height:25px;cursor:pointer}
.gotop a:hover{background:rgba(0,0,0,.8)}
.gotop .fa{display:block;font-size:1rem}
.backToTop .fa{font-size:1.5rem}