@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 全站综合部分CSS样式
	Version : szphp v1.0.0
	Author  : 优尚设计 <www.szphp.cn>
	Web		: www.szphp.cn
	Update  : 2021.07.10
***********************************************************/
@import "../font-awesome/css/font-awesome.min.css";

/*综合样式***********************************************************************/
: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}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;background:#fff;color:#222;letter-spacing:0;font-weight:normal;font-size:1rem;font-family:pingfang SC,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:#222;transition:all .3s ease 0s}
a,a:hover{text-decoration:none}
a:hover{color:#2669c2}
a:not([href]):not([tabindex]),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: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}
*:focus {outline:none}
button:focus{outline:none}
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}} */
@media screen and (min-width:1920px){body{margin-right:auto;margin-left:auto;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:1.8rem}
.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.8rem}
}

/*header******************************************************************************/
header{background:rgba(255,255,255,.97);box-shadow:0 0 6px 0 rgba(31,31,31,.1)}
header .navbar-brand{padding-top:0;padding-bottom:0}
header .navbar-brand img{height:60px}
header .nav-item{padding-right:.5rem;padding-left:.5rem}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #2669c2;}
header .dropdown-menu{border:0;border-radius:3px;box-shadow:0 5px 5px 0 rgba(31,31,31,.1);transition:all .5s ease 0s;animation:hideIndex .3s;-moz-animation:hideIndex .3s;-webkit-animation:hideIndex .3s;-o-animation:hideIndex .3s}
header .dropdown-menu::before{position:absolute;width:100%;height:2px;background:#2669c2;content:""}
header .dropdown-item{font-size:.95rem}
header .dropdown-item:hover{background-color:rgba(0,124,195,.1)}
header .dropdown-item::before{margin-right:.5rem;color:#666;content:"\f105";font-family:FontAwesome}
header .navbar-light .navbar-nav .nav-link{color:#333}
@media screen and (max-width:768px){
    header .navbar{padding:.5rem 0}
    header .dropdown-toggle::after{float:right;margin-top:.5rem}
    header .dropdown-menu{padding:0 0 .5rem;box-shadow:0 0 0 0 rgba(31,31,31,0)}
    header .dropdown-menu::before{height:0}
    header .nav-item{padding-right:0;padding-left:0;border-bottom:1px solid rgba(0,0,0,.05)}
    header .nav-item:last-child{margin-bottom:1rem}
    header .navbar-nav{margin-top:15px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}
    header .nav-link{padding:.6rem 1rem}
    header .dropdown-item{padding:.25rem 1rem}
}
@media screen and (max-width:576px){
    header .navbar-brand img{height:30px}
}
/* 下面是处理bootstrap导航无法点击的情况 */
header .dropdown:hover>.dropdown-menu{display:block}
header .dropdown>.dropdown-toggle:active{pointer-events:auto}
/* 上面是处理bootstrap导航无法点击的情况 */


/*search******************************************************************************/
.search{position:absolute;right:0;display:flex;cursor:pointer;transition:all .3s ease .6s}
.search .searchbox_{display:flex;height:30px;justify-content:center;align-items:center}
.search .searchbox_ svg{display:block;width:20px;height:20px;color:#555;cursor:pointer;transition:all .3s ease 0;transition:all .3s ease 0s;stroke-width:2}
.search .searchbox{position:relative;width:0;transition:all .3s ease 0s}
.search .searchbox input{position:absolute;top:0;z-index:1;display:block;visibility:hidden;padding:0 5px;width:100%;outline:0;border:0;background:#fff;font-size:inherit;font-size:14px;line-height:30px;opacity:0;transition:all .3s ease 0s}
.search .sousuo{display:none;transition:all .3s ease 0s}
.search .sousuo svg{display:block;width:20px;height:20px;color:#555;cursor:pointer;transition:all .3s ease 0;transition:all .3s ease 0s;stroke-width:2}
.open .searchbox{position:absolute;right:0;width:160px;height:30px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.1);cursor:default}
.open .searchbox input{visibility:visible;opacity:1}
.open .sousuo{position:absolute;right:0;z-index:99;display:block;height:30px;outline:0;border:0;background:#fff;font-size:inherit;line-height:30px}
@media screen and (max-width:768px){
    .search{position:relative;margin-bottom:15px;width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.1);cursor:default}
    .search .searchbox_{padding-right:5px;width:100%;justify-content:right}
    .search .searchbox{width:100%}
    .search .searchbox input{visibility:visible;opacity:1}
}

/*footer******************************************************************************/
footer{position:relative;padding-top:80px;padding-bottom:25px;background:#1b1b1b}
footer .collapse:not(.show){display:block}
footer .title{margin-bottom:1rem;color:#fff}
footer .title a{float:right;display:none;color:#fff}
footer .link a{float:left;display:block;margin-bottom:.5rem;width:100%;color:#b8bac1;line-height:1.5rem}
footer .link a:hover{color:#fff}
footer .contact{width:100%}
footer .contact span{display:block;margin-bottom:1.5rem;color:#fff;line-height:1.5rem}
footer .contact small{display:block;color:#b8bac1;font-size:.8rem}
/*friendlink*/
footer .friendlink{margin-top:2rem;padding-top:25px;border-top:1px solid rgba(255,255,255,.02)}
footer .friendlink span{display:inline-block;margin-right:8px;padding-right:8px;border-right:1px solid rgba(255,255,255,.2);color:#b8bac1}
footer .friendlink a{margin-right:8px;padding-right:8px;color:#b8bac1;line-height:20px}
footer .friendlink a:hover{color:#fff}
/*copyright*/
.copyright{position:relative;padding-top:15px;padding-bottom:15px;border-top:1px solid rgba(255,255,255,.04);background:#1b1b1b;color:#b8bac1}
.copyright p{margin:0;line-height:30px}
.copyright .col-12:last-child p{text-align:right}
.copyright a{margin-right:8px;padding-right:8px;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);line-height:30px}
.copyright a:hover{color:#fff}
.copyright a:last-child{border-right:0 solid rgba(255,255,255,.1)}
@media screen and (max-width:768px){
    footer .col-md-12{margin-top:50px}
    footer .contact span{display:inline-block;width:calc(100% / 3)}
    footer .friendlink{display:none}
}
@media screen and (max-width:576px){
    footer{padding-top:50px;padding-bottom:0}
    footer .collapse:not(.show){display:none}
    footer .col-md-12{margin-top:0}
    footer .title{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.04);color:#b8bac1}
    footer .title a{display:block}
    footer .link a{padding-left:1rem;color:#fff}
    footer .link a:last-child{margin-bottom:1.5rem}
    footer .show{overflow:hidden;color:#b8bac1}
    footer .contact span{display:block;width:100%}
    .copyright p{text-align: center;}
    .copyright .col-12:last-child p{text-align:center}
    .copyright a:last-child{display: none;}
}

/*侧栏在线客服挂件*/
.online_service{position:fixed;right:5px;bottom:100px;z-index:100;width:65px;border-radius:3px;background:#2669c2}
.online_service ul{margin:0;padding:0;list-style:none}
.online_service ul li{position:relative;float:left;width:65px;height:75px;border-bottom:1px solid #185ebb;color:#fff;text-align:center;font-size:11px;cursor:pointer;transition:all .3s ease}
.online_service ul li:first-child{border-top-left-radius: 3px;border-top-right-radius: 3px;}
.online_service ul li:last-child{border-bottom:0;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.online_service ul li a{color:#fff}
.online_service ul li:hover{background:#185ebb}
.online_service ul li i{display:block;margin:.5rem 0;font-size:1.5rem}
.online_service ul li span{display:block}
/*微信*/
.online_service ul .wechat .wechatbox{position:absolute;top:0;right:50px;display:none;padding:0 15px;width:220px;height:auto;text-align:center;transition:all .5s ease 0s}
.online_service ul .wechat .wechatbox .wechat-img{padding:15px;border-radius:5px;background:#fff;box-shadow:0 0 10px rgba(33,37,44,.2);color:#333}
.online_service ul .wechat .wechatbox .wechat-img img{width:100%}
.online_service ul .wechat:hover .wechatbox{right:65px;display:block!important;animation:fadein .5s ease}
/*联系信息*/
.online_service ul .contact .contactbox{position:absolute;top:0;right:50px;display:none;padding:0 15px;width:260px;height:auto;transition:all .5s ease 0s}
.online_service ul .contact .contactbox .contact-text{padding:15px;border-radius:5px;background:#fff;box-shadow:0 0 10px rgba(33,37,44,.2);color:#333;text-align:left}
.online_service ul .contact .contactbox .contact-text .title{margin-bottom:1rem;width:100%;border-radius:2px;background:#185ebb;color:#fff;text-align:center;line-height:35px}
.online_service ul .contact .contactbox .contact-text p{margin-bottom:.5rem;line-height:1.5}
.online_service ul .contact:hover .contactbox{right:65px;display:block!important;animation:fadein .5s ease}
@keyframes fadein{from{opacity:0;right:50px;}
to{opacity:1;right:65px;}
}
@media screen and (max-width:768px){
    .online_service{display: none;}
}

/*全站zoom图片插件样式*/
img[data-action=zoom]{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
.zoom-overlay-open{background: rgba(0,0,0,.05);z-index:999998;position: relative;}
.zoom-img,.zoom-img-wrap{position:relative;z-index:999999;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}
.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:420;background:#fff;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;pointer-events:none;filter:"alpha(opacity=0)"}
.zoom-overlay-open .zoom-overlay{opacity:1;filter:"alpha(opacity=100)"}
.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}