@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 全站综合部分CSS样式
	Version : szphp v1.0.0
	Author  : 优尚设计 <www.szphp.cn>
	Web		: www.szphp.cn
	Update  : 2022.08.26
***********************************************************/
@import "https://cos.szphp.cn/font-icon/font-awesome-v4/css/font-awesome.min.css";
@import "https://at.alicdn.com/t/c/font_3660959_slk44bquiao.css";
@font-face {
    font-family: 'poppins-regular';
    src: url('https://cos.szphp.cn/font/poppins/poppins-regular/poppins-regular-webfont.woff2') format('woff2'),
        url('https://cos.szphp.cn/font/poppins/poppins-regular/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 针对1440PX宽度的分辨率，把col-xl-10的宽度增加到与col-11宽度一致 2025-05-15 页面设计作者——深圳市优尚企业形象设计有限公司 www.szphp.cn*/
@media (min-width: 1200px) and (max-width: 1600px) {
  .col-xl-10{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
}

/*综合样式***********************************************************************/
::after,::before{box-sizing:border-box}
html{-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:#111;letter-spacing:0;font-weight:normal;font-size:1rem;font-family:Arial,"pingfang SC","Helvetica Neue","Open Sans","Microsoft YaHei","Hiragino Sans GB";line-height:1.6}
[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;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{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:600}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 2rem}
small{font-size:100%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
b,strong{font-weight:600}
a{outline:0;background-color:transparent;color:#111;text-decoration:none;transition:all .5s ease 0s}
a:hover{color:#b55805;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: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;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;-webkit-tap-highlight-color:transparent}
:focus{outline:0}
button:focus{outline:0}
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}
.szphpbg{position:fixed;top:0;z-index:999;display:none;width:100%;height:100vw;background-color:rgba(0,0,0,.5)}
@media screen and (max-width:576px){
    body{line-height:1.5}
    .family-noto{font-family:"pingfang SC","Helvetica Neue","Open Sans","Microsoft YaHei","Hiragino Sans GB",Arial}
}
@media screen and (min-width:1920px){
    body{margin-right:auto;margin-left:auto;width:1920px}
    .container-fluid{width:1920px}
}

/*全站字体大小设置（新版）***********************************************************************/
.bold500{font-weight:500}
.bold{font-weight:600}
.fine{font-weight:normal}
.font-xs{font-size:.8rem}
.font-sm{font-size:.95rem}
.font-md{font-size:1.25rem}
.font-lg{font-size:1.5rem}
.font-xl{font-size:2rem}
.font-xxl{font-size:3rem}
@media screen and (max-width:576px){
    .font-xs{font-size:.8rem}
    .font-sm{font-size:.9rem}
    .font-md{font-size:1rem}
    .font-lg{font-size:1.2rem}
    .font-xl{font-size:1.75rem}
    .font-xxl{font-size:2.5rem}
}

/* warning 头部添加招聘链接 20230705*/
.warning{margin-bottom:0;border-width:0;border-radius:0;background-color:#cb3407;color:#fff;text-align:center;position: relative;z-index: 1000;}
.warning .fa{margin-right:5px;color:#fff}
.warning .close{color:#fff;text-shadow:none;font-weight:400;opacity:1}
.warning .more{display:inline-block;margin-left:15px;border-radius:3px;padding:0 10px;background:#fff;color:#222;font-size:11px;line-height:20px;transition:all .5s ease 0s}
.warning .more:hover{background:#eee}
@media screen and (max-width:1024px){
    .warning{position:relative;padding-right:25px;padding-left:25px}
    .warning .fa{display:none}
    .warning p{display:block;text-align:center;line-height:1.2}
    .warning .close{position:absolute;top:10px;right:5px}
    .warning .more{display:table;margin:5px auto 0}
}

/* top */
.top{position:relative;z-index:999999;padding-top:10px;padding-bottom:10px;background-color:#f5f5f5;color:#222;font-size:13px}
.top .text {display: flex;align-items:center}
.top .text h1{color:#222;font-size:13px;font-weight: normal;margin: 0;padding:0}
.top-contact-info{margin:0;padding:0;list-style-type:none;text-align:right}
.top-contact-info li{position:relative;display:inline-block;margin-right:25px}
.top-contact-info li .icon{display:inline-block;margin-right:5px;width:20px;height:20px;border-radius:50%;background:#b55805;text-align:center;line-height:20px}
.top-contact-info li i{color:#fff;font-size:14px}
.top-contact-info li:last-child{margin-right:0}
.top-contact-info li:first-child{background:#edd6c1;border-radius:3px;padding:0 10px;}
.top-contact-info li strong{font-weight:400}
.top-contact-info li .more-job{display:inline-block;color:#cb3407;font-size:12px;line-height:25px}
.top-contact-info li .more-job:hover{color:#922403}
@media screen and (max-width:576px){
    .top .text{display:none}
    .top-contact-info li{margin-right:0}
    .top-contact-info li:first-child{display: none;}
    .top-contact-info li .icon{margin-right:2px;background:0 0}
    .top-contact-info li i{color:#b55805;font-weight:600;font-size:14px}
}

/*header******************************************************************************/
header{position:relative;z-index:9999999;background:rgba(255,255,255,.99);box-shadow:0 0 6px 0 rgba(31,31,31,.1)}
header .menu-container{position:relative;margin:0 auto;width:100%;display:flex}
header .logo{position:relative;z-index:99999}
header .logo .navbar-brand{padding-top:0;padding-bottom:0;margin-right:0}
header .logo img{margin-top:5px;margin-bottom:5px;width:190px}
header .menu{width:100%}
@media screen and (max-width:1024px){
    header .logo img{width:150px}
}
/* 第一层导航 */
.menu .nav1{margin:0;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end}
.menu .nav1 li{margin:0;list-style:none;letter-spacing:normal;height:100%}
.menu .nav1 li a{position:relative;display:flex;padding:0 1rem;color:#333;font-weight:600;height:100%;align-items:center}
.menu .nav1 li a::after{position:absolute;top:50%;right:0;margin-top:-8px;width:1px;height:16px;background-color:#dddbdb;content:""}
.menu .nav1 li:last-child a::after{width:0}
.menu .nav1 li a::before{position:absolute;bottom:0;left:0;width:0%;height:3px;background-color:#b55805;content:"";transition:all .3s ease 0s}
.menu .nav1 li:hover{background:#fbfaf8}
.menu .nav1 li:hover a::before{width:100%}
.menu .nav1 .active>a{color:#b55805}
@media screen and (max-width:1280px){
    .menu .nav1 li a{padding:0 .5rem}
}
/* 第二层导航 普通二级下拉*/
.menu .nav2{position:absolute;top:100%;left:auto;z-index:99999;display:none;margin:0;padding:10px 0 10px 0;width:max-content;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fbfaf8}
.menu .nav2 li{display:block;margin:0;width:100%;line-height:normal}
.menu .nav2 li a{position:relative;margin:0;padding:6px 5rem 6px 1rem;font-weight:400;font-size:15px;margin-bottom:1px;line-height:1.2}
.menu .nav2 li a:hover{color:#b55805;background:#fff}
.menu .nav2 li a::after,.menu .nav2 li a::before{display:none}
.menu .menu-dropdown-icon:nth-last-child(1) .nav2,.menu .menu-dropdown-icon:nth-last-child(2) .nav2{right:0}
/* 第三层导航 多列排序菜单*/
.menu .nav3{position:absolute;top:100%;left:0;z-index:99999;display:none;margin:0;padding:10px 0;width:100%;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fbfaf8}
.menu .nav3 .list{position:relative;margin:0;padding:0 10px;border-right:1px solid #eee;list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:calc(100% / 6);float:left}
.menu .nav3 .list:last-child{border-right:0}
.menu .nav3 .list span{position:relative;display:flex;margin-bottom:.25rem;padding:5px 10px;border-radius:2px;background-color:#f5e7b5;color:#333;font-weight:600;align-items:center}
.menu .nav3 .list span::before{color:#b55805;content:"\f041";font-family:FontAwesome;margin-right:10px}
.menu .nav3 .list a{position:relative;margin:0;padding:6px 10px;font-weight:400;transition:all 0s ease 0s;display:block;height:auto;margin-bottom:1px;background-color:#f5f5f5;font-size:15px;line-height:1.2}
.menu .nav3 .list .hot{color:#b55805;background:#f7f3e4}
.menu .nav3 .list a .fa{color:#b55805;font-weight:400;margin-left:5px}
.menu .nav3 .list a:hover{color:#b55805;background:#fff}
.menu .nav3 .list a::after,.menu .nav3 .list a::before{display:none}
/* 第三层导航 4列排列*/
.menu .nav3 .list-4{width:calc(100% / 4)}

/* 移动端出现导航 2025-04-29微调 页面设计作者——深圳市优尚企业形象设计有限公司 www.szphp.cn*/
.menu-mobile{display:none;width:40px;height:24px;position:relative;background:0 0;border:none;cursor:pointer;position:absolute;right:0;top:20px;z-index:99999}
.icon-bar{display:block;width:30px;height:4px;background:#b55805;margin-bottom:4px;transition:all .3s ease}
.menu-mobile.active .icon-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-mobile.active .icon-bar:nth-child(2){opacity:0}
.menu-mobile.active .icon-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu-dropdown-icon:before{float:right;display:none;width:100px;color:#b55805;content:"\f0d7";text-align:right;font-weight:400;font-family:FontAwesome;cursor:pointer}
@media screen and (max-width:1024px){
    .sticky-top{position:relative}
    header .menu-container{height:auto;display:flex;flex-direction:column;flex-wrap:nowrap}
    header .logo img{width:130px}
    .menu-mobile{display:block}
    .menu-dropdown-icon:before{display:block}
    .menu .nav1{position:inherit;display:none;padding-bottom:25px;padding-left:0;text-align:left;letter-spacing:0}
    .menu .nav1 li{display:block;margin:0;width:100%;border-bottom:1px solid #eee;line-height:30px;padding-top:10px;padding-bottom:10px;overflow:hidden}
    .menu .nav1 li:first-child{border-top:1px solid #ddd}
    .menu .nav1 .active{background:0 0}
    .menu .nav1 li a{display:block;padding:0;width:calc(100% - 100px)}
    .menu .nav1 li a::after{display:none}
    .menu .nav1 li a::before{display:none}
    .menu .nav1 li:hover{background:0 0}
    .menu .show-on-mobile{display:block}
    .menu .normal-sub{margin:0;padding:0;width:100%}
    .menu .normal-sub li{width:100%;line-height:30px}
    .menu .normal-sub li a{padding:0;border:0}
    .menu .nav2{position:relative;background:0 0;margin-top:5px}
    .menu .nav2 li{display:block;margin:0;width:calc(50% - 5px);line-height:normal;padding:0;border-bottom:0;margin-bottom:2px;float:left}
    .menu .nav2 li:first-child{border-top:0}
    .menu .nav2 li:nth-child(even){float:right}
    .menu .nav2 li a{position:relative;margin:0;padding:6px 10px;font-weight:400;font-size:13px;line-height:1.2;width:100%;background-color:#fafafa}
    .menu .nav3{position:relative;overflow:hidden;background:0 0;margin-top:5px}
    .menu .nav3 .list{float:none;padding:0;width:100%;border-right:0;line-height:25px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:1px;column-gap:10px;margin-bottom:5px}
    .menu .nav3 .list span{margin-top:0;margin-bottom:2.5px;grid-column:1/-1}
    .menu .nav3 .list a{display:inline-block;font-size:13px;background-color:#fafafa;width:100%}
    .menu .nav3 .list:last-child{width:100%}
}

/*底部通栏联系方式******************************************************************************/
.banner-contact{position:relative;padding-top:50px;padding-bottom:50px;background-position:center;background-size:cover;background-repeat:repeat;background-attachment:fixed;color:#fff}
.banner-contact .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(-65deg,hsl(30deg 3% 24% / 80%) 20%,hsl(28deg 97.45% 15.15% / 80%) 80%)}

/* 标语 */
.banner-contact .biaoyu{margin-bottom:15px}
.banner-contact .biaoyu h2{display:inline-block;margin-right:15px;padding-right:15px;border-right:2px solid rgba(255,255,255,.8);font-weight:normal;font-size:2.5rem}
.banner-contact .biaoyu p{display:inline-block}
/* 二维码 */
.banner-contact .qrcode-list{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;width:100%}
.banner-contact .gongzhonghao{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:25px}
.banner-contact .qrcode{display:flex;height:auto;width:100%}
.banner-contact .qrcode span{width:25px;height:auto;border-bottom-left-radius:3px;border-top-left-radius:3px;background-color:#c05c02;text-align:center;text-shadow:1px 1px 1px #000;letter-spacing:.1rem;font-size:13px;line-height:25px;writing-mode:vertical-lr}
.banner-contact .account span{background-color:#03841f}
.banner-contact .qrcode .qrcode-img{width:calc(100% - 25px);height:auto;background-color:#fff;border-top-right-radius:3px;border-bottom-right-radius:3px}
.banner-contact .qrcode .qrcode-img img{width:100%;height:auto;border:3px solid #fff;border-top-right-radius:3px}
.banner-contact .qrcode .qrcode-img .name{display:block;width:100%;line-height:25px;color:#333;text-align:center;font-size:12px}
.banner-contact .qrcode .qrcode-img .name em{margin-left:5px;font-style:normal}
/* 联系电话 */
.banner-contact .tit{margin-bottom:0}
.banner-contact .tips{color:#eee}
.banner-contact a{color:#fff}
@media screen and (max-width:768px){
    .banner-contact .tit{margin-top:25px}
    .banner-contact .qrcode-list{grid-template-columns:repeat(3,1fr)}
    .banner-contact .gongzhonghao{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;margin-bottom:15px}
}
@media screen and (max-width:576px){
    .banner-contact{padding-top:30px;background-attachment:scroll}
    .banner-contact .qrcode span{letter-spacing:0;font-size:12px}
    .banner-contact .biaoyu h2{font-size:2rem;border-right-width:0}
    .banner-contact .qrcode .name{line-height:14px}
}

/*footer******************************************************************************/
footer{position:relative;padding-top:50px;padding-bottom:15px;background:#211d1a}
footer .mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-position:top center;background-size:inherit;background-repeat:no-repeat;opacity:.02}
footer .collapse:not(.show){display:block}
footer .bottom-logo{position:relative;z-index:11}
footer .bottom-logo img{width:70%;opacity:.85;transition:all .2s ease 0s}
footer .bottom-logo img:hover{opacity:1}
footer .title{position:relative;z-index:11;margin-bottom:.5rem;color:#fff;font-weight:300}
footer .title::after{display:block;margin-top:.25rem;width:25%;height:2px;background-color:#bf7f44;content:""}
footer .title a{float:right;display:none;color:#fff}
footer .link{position:relative;z-index:11;font-size:13px}
footer .link a{float:left;display:block;margin-bottom:.25rem;width:100%;color:rgba(255,255,255,.8);line-height:1.2rem}
footer .link a:hover{color:rgb(243, 167, 102)}
@media screen and (max-width:768px){
    footer .title{font-size: 1rem;}
}
/* 底部联系方式修改 20230103 */
footer .contact{position:relative;z-index:11;padding-left:35px;width:100%}
footer .contact p{margin-bottom:1rem;color:rgba(255,255,255,.95);font-size:13px;line-height: 1.5;}
footer .contact b,footer .contact strong{color:#f3a766;letter-spacing:0;font-size:13px;margin-bottom: .5rem;font-weight: normal;}
/* 当底部链接太长时就收起来 20230921 */
.expandableContainer{overflow:hidden;height:390px;transition:height .3s ease}
.expandBtn{position:relative;z-index:9999;display:none;padding:2px 5px;border:none;border-radius:2px;background-color:rgba(243,167,102,.5);color:#fff;letter-spacing:.25rem;font-size:12px;cursor:pointer}
.expandBtn:hover{background-color:rgba(21,21,21,.9)}
.expandBtn i{margin-right:5px;transition:transform .3s ease}
.expandBtn.expanded i:first-child{transform:rotate(0)}
.expandBtn.expanded i:last-child{transform:rotate(180deg)}
@media screen and (max-width:768px){
    .expandableContainer{height:auto;}
    .expandBtn{display: none!important;}
}

/*friendlink*/
footer .friendlink{position:relative;z-index:11;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.03);font-size:12px}
footer .friendlink span{display:inline-block;margin-right:8px;padding-right:8px;border-right:2px solid rgba(255,255,255,.05);color:#b8bac1}
footer .friendlink a{margin-right:6px;padding-right:6px;border-right:1px solid rgba(255,255,255,.05);color:#b8bac1;line-height:20px}
footer .friendlink a:hover{color:#fff}
/*copyright*/
.copyright{position:relative;padding-top:15px;padding-bottom:10px;background:#191817;color:#b8bac1;font-size:12px}
.copyright p{margin:0}
.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)}
.copyright a:hover{color:#fff}
.copyright a:last-child{border-right:0 solid rgba(255,255,255,.1)}
@media screen and (max-width:820px){
    footer .bottom-logo-mobile{display:none}
    footer .contact{padding-left:15px}
    footer .friendlink{display:none}
}
@media screen and (max-width:768px){
    footer .contact{margin-top:25px}
}
@media screen and (max-width:576px){
    footer{padding-top:30px;padding-bottom:0}
    footer .collapse:not(.show){display:none}
    footer .contact .collapse:not(.show){display:block}
    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::after{display:none}
    footer .title a{display:block;padding-left:25px}
    footer .contact .title a{display:none}
    footer .link a{color:#fff;width: calc(100% / 2);display: inline-block;margin-bottom:0.5rem}
    footer .link a:last-child{margin-bottom:1.5rem}
    footer .show{overflow:hidden;color:#fff}
    footer .contact span{display:block;width:100%}
    .copyright{padding-bottom:35px}
    .copyright p{margin-bottom:0;text-align:center;line-height:20px}
    .copyright .col-12:last-child p{text-align:center}
}

/*侧栏在线客服挂件*/
.online_service{position:fixed;right:-5px;bottom:100px;z-index:100;width:50px}
.online_service ul{margin:0;padding:0;list-style:none}
.online_service ul li{position:relative;z-index:99;float:left;margin-bottom:.25rem;padding:10px 0 10px;width:50px;height:auto;border-radius:3px;background:#b55805;color:#fff;text-align:center;font-size:12px;cursor:pointer;transition:all .3s ease}
.online_service ul li:last-child{margin-top:.25rem;margin-bottom:0;padding:5px 0}
.online_service ul li a{color:#fff}
.online_service ul li:hover{background:#fe902f}
.online_service ul li i{display:block;font-size:1.5rem}
.online_service ul .gotop i{font-size:2rem}
.online_service ul li span{display:block;margin-top:5px;letter-spacing:.1rem}
.online_service ul .qq a{display:block;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #c5063b}
.online_service ul .qq a:hover{color:#111}
.online_service ul .qq a:last-child{margin-bottom:0;padding-bottom:0;border-bottom-width:0}
/*微信展开*/
.online_service ul .wechat .wechatbox{position:absolute;top:-200px;right:10px;z-index:98;display:none;padding:15px;width:auto;height:auto;border-radius:3px;background:#fff;box-shadow:0 0 10px rgba(33,37,44,.2);transition:all .5s ease 0s}
.online_service ul .wechat:hover .wechatbox{right:50px;display:grid!important;animation:fadein .5s ease;grid-template-columns:repeat(8,1fr);gap:5px}
.online_service ul .wechat:hover .wechatbox .qrcode{display:inline-block;padding:5px;width:110px;height:auto;border-radius:3px;background:#fafafa;text-align:center}
.online_service ul .wechat:hover .wechatbox .qrcode img{width:100%;border:2px solid #fff}
.online_service ul .wechat:hover .wechatbox .qrcode .name{display:block;color:#333;text-align:center;font-size:12px;line-height:25px}
.online_service ul .wechat:hover .wechatbox .qrcode .name em{margin-left:5px;font-style:normal}
/*QQ展开修改20230105*/
.online_service ul .wechat .qqbox{top:-250px}
.online_service ul .wechat:hover .wechatbox a{display:inline-block;margin:5px;padding:15px 0;width:calc(25% - 15px);border:2px solid #f3d8c0;border-radius:5px;background-color:#fff;box-shadow:0 0 6px 0 rgba(31,31,31,.1);color:#c5ab33;text-align:center;transition:all .3s ease 0s}
.online_service ul .wechat:hover .wechatbox a .fa{font-size:1.5rem}
.online_service ul .wechat:hover .wechatbox a span{display:block;color:#333;letter-spacing:0;font-size:12px}
.online_service ul .wechat:hover .wechatbox a:hover{border:2px solid #b55805}
.online_service ul .wechat:hover .wechatbox a:hover .fa{color:#b55805}
@keyframes fadein{
    from{right:30px;opacity:0}
    to{right:50px;opacity:1}
}
@media screen and (max-width:768px){
    .online_service{width:45px}
    .online_service ul li{width:45px;margin-bottom:.15rem;padding:10px 0 5px}
    .online_service ul li i{font-size:1rem}
    .online_service ul .gotop i{font-size:1.5rem}
    .online_service ul .qq,.online_service ul .wechat{display:none}
}

/* 底部留言 20230621增加 */
.book{padding-top:35px}
.book h3{margin-bottom:25px;width:100%;color:#fff;font-weight:normal}
@media screen and (max-width:768px){
    .book{padding-top:15px}
    .book h3{margin-top:15px;margin-bottom:5px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);font-size:1.5rem}
}
/* 元素 */
.book .button-list{float:left;width:calc(100% / 2 - 10px)}
.book .button-list:nth-child(even){float:right}
.book .button-list .tit{margin-bottom:.25rem;font-size:14px}
.book .button-list .tit span{display:none;color:#fff}
@media screen and (max-width:768px){
    .book .button-list{float:none;width:100%}
    .book .button-list:nth-child(even){float:none}
    .book .button-list .tit{margin-top:15px;margin-bottom:.15rem;font-size:12px}
}
/* 元素细节 */
.book .information .button-list{float:none;width:100%}
.book .submit .button-list{float:none;width:100%}
/* 表单元素 */
.book .input{display:block;box-sizing:border-box;padding:.5rem;width:100%;height:60px;outline:0;border:none;border:0 solid rgba(0,0,0,.07);border-radius:2px;background:#fff;color:#1682e6;font-size:90%;line-height:1.4}
.book .submit .input{width:100%;background:#dc0422;color:#fff;text-align:center;font-size:1.25rem;cursor:pointer;transition:all .3s ease-in-out}
.book .submit .input:hover{background:#f91515;color:#fff}
@media screen and (max-width:768px){
    .book .input{height:40px}
    .book .information .input{height:80px}
    .book .submit{float:none;width:100%;line-height:2rem}
    .book .submit .tit{display:none}
    .book .submit .input{margin-top:15px;font-size:.95rem}
}
/* placeholder字体颜色设置 */
input::-webkit-input-placeholder{color:#1682e6}
:-moz-placeholder{color:#1682e6}
::-moz-placeholder{color:#1682e6}
input:-ms-input-placeholder{color:#1682e6}
input::-ms-input-placeholder{color:#1682e6}

/**
 * 弹出窗样式整合到szphp.css文件中，整合时间2023-06-26
**/
.aui_outer{text-align:left}table.aui_border,table.aui_dialog{margin:0;width:auto;border:0;border-collapse:collapse}.aui_c,.aui_e,.aui_footer,.aui_header,.aui_main,.aui_n,.aui_ne,.aui_nw,.aui_s,.aui_se,.aui_sw,.aui_tdIcon,.aui_w{padding:0}.aui_buttons button,.aui_header{font:14px/1.2 'Microsoft Yahei',Tahoma,Arial,Helvetica,STHeiti}.aui_header{background:#fff}.aui_title{overflow:hidden;text-overflow:ellipsis}.aui_state_noTitle .aui_title{display:none}.aui_close{position:absolute;display:block;outline:0;text-decoration:none}.aui_close:hover{text-decoration:none}.aui_main{background:#fff;text-align:center}.aui_content{display:inline-block;border:none 0;text-align:left}.aui_content.aui_state_full{display:block;margin:0;padding:0!important;width:100%;height:100%}.aui_loading{overflow:hidden;width:96px;height:32px;background:#fff;text-align:left;text-indent:-999em}.aui_icon{background:#fff;vertical-align:middle}.aui_icon div{margin:10px 0 10px 20px;width:36px;height:36px;background-position:center center;background-repeat:no-repeat}.aui_buttons{padding:9px;text-align:right;white-space:nowrap}.aui_buttons button{display:inline-block;overflow:visible;margin-left:10px;padding:8px 12px;width:auto;border:solid 1px #d8dada;background:#f5f5f5;color:#444;text-align:center;cursor:pointer}.aui_buttons button::-moz-focus-inner{margin:0;padding:0;border:0}.aui_buttons button:hover{border-color:#d7d9db;background:#e6e6e6}.aui_buttons button[disabled]{border:solid 1px #999;background:#ddd;box-shadow:none;color:#666;opacity:.5;cursor:default}button.aui_state_highlight{border:solid 1px #3887ed;background:#458fee;color:#fff}button.aui_state_highlight:hover{border:solid 1px #2c6dc3;background:#3a77c7;color:#fff}.aui_inner{background:0 0}.aui_ne,.aui_nw,.aui_se,.aui_sw{width:8px;height:8px}.aui_state_focus .aui_dialog{box-shadow:0 0 8px #000}.aui_outer:active,.aui_state_drag .aui_outer{box-shadow:none}.aui_state_drag .aui_dialog{background:#fff}.aui_titleBar{position:relative;height:100%}.aui_title{padding:0 28px 0 20px;border-bottom:1px solid #ededed;color:#222;text-shadow:0 0 1px #000;letter-spacing:1px;font-weight:500;font-size:16px;line-height:44px}.aui_state_drag .aui_title{box-shadow:none}.aui_state_drag .aui_titleBar{box-shadow:none}.aui_close{top:10px;right:14px;padding:0;width:24px;height:24px;color:#68767b;text-align:center;font-size:28px;line-height:20px}.aui_close:hover{background:#c72015;color:#fff}.aui_close:active{box-shadow:none}.aui_content{color:#666;font-size:14px}.aui_state_focus .aui_content{color:#000}.aui_buttons{border-top:solid 1px #ededed;background-color:#f5f5f5}.aui_state_noTitle .aui_ne,.aui_state_noTitle .aui_nw,.aui_state_noTitle .aui_se,.aui_state_noTitle .aui_sw{width:3px;height:3px}.aui_state_noTitle .aui_outer{border:none 0;box-shadow:none}.aui_state_noTitle .aui_titleBar{bottom:0}.aui_state_noTitle .aui_close{top:4px;right:4px}

/* 给内容页增加一个通用的链接到底部留言的按钮 只出现在移动端 2025-05-13 页面设计作者——深圳市优尚企业形象设计有限公司 www.szphp.cn*/
.more-zixun{display:none}
@media screen and (max-width:768px){
    .more-zixun{display:flex;margin-top:1rem;width:100%;height:60px;border-radius:4px;background:#cc3507;color:#fff;text-align:center;font-size:1.2rem;align-items:center;justify-content:center}
    .more-zixun svg{margin:0 0 0 10px;width:25px;height:25px}
    .more-zixun:hover{color:#fff}
}