File: /usr/home/qxu1650030446/htdocs/wp-content/themes/aly/css/pages.css
@charset "utf-8";
:root{--mColor:#ff4c29;}
a:hover {color: var(--mColor);}
/* 字体图标 */
@font-face {
font-family: 'iconpages';
src: url('../iconpages/iconfont.eot');
src: url('../iconpages/iconfont.eot?#iefix') format('embedded-opentype'),
url('../iconpages/iconfont.woff') format('woff'),
url('../iconpages/iconfont.ttf') format('truetype'),
url('../iconpages/iconfont.svg#iconfont') format('svg');
}
.iconpages {
font-family: "iconpages" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.yqylc .zd-price .price-desc {width: 100%;}
.yqylc .zd-price .price-desc p:first-of-type {font-size: 16px;}
.page-banner{position: relative; overflow: hidden;}
.page-banner img {width: 100%;}
.page-path {padding-top: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;font-size: 12px;color: #adadad;}
.path-box {width: 100%;}
.page-path img {margin-right: 5px;}
.page-path a {color: #adadad;}
.page-path a:hover {color: #3675f3;}
.page-path b {display: inline-block;margin: 0 5px;color: #adadad;font-family: "Microsoft YaHei";}
.page-path span {color: #3675f3;}
@media (max-width:640px) {
.page-path{display: none;}
}
.page-title {padding: 60px 0 40px;text-align: center;}
.page-title h3 {font-size: 30px;color: #333333;}
.page-title p {font-size: 14px;margin-top: 5px;color: #333333;}
@media (max-width:768px) {
.page-title {padding: 30px 0 0;}
.page-title h3 {font-size: 28px;}
}
@media (max-width:500px) {
.page-title {padding: 30px 0 0;}
.page-title h3 {font-size: 24px;}
}
/* 联系我们 */
.contact-sq {position: fixed;top: 44%;left: 85px;text-align: center;z-index: 9;}
.contact-sq ul {width: 180px;overflow: hidden;}
.contact-sq ul li {border: 1px solid #dcdcdc;background-color: #fff;padding: 26px 0;margin: -1px 0 0;}
.contact-sq ul li a {font-size: 16px;}
.contact-sq ul li a:hover {color: #3675f3;}
.contact-sq ul li:first-of-type {border: none;background-color: #3675f3;padding: 20px 0;}
.contact-sq ul li:first-of-type h5 {margin: 0;font-size: 24px;color: #fffafa;margin-bottom: 5px;font-weight: normal;}
.contact-sq ul li:first-of-type p {font-size: 18px;color: #fffafa;}
.contact-sq ul li:last-of-type {text-align: center;padding: 30px 0 35px;border-radius: 0 0 80px 80px;}
.contact-sq ul li:last-of-type a {display: inline-block;font-size: 16px;color: #ffffff;text-align: center;border-radius: 50%;background-color: #3675f3;width: 55px;height: 55px;line-height: 55px;position: relative;padding-top: 4px;}
.contact-sq ul li:last-of-type a::before {content: '';position: absolute;top: 3px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); width: 0;height: 0;border: 6px solid;border-color: transparent transparent #ffffff;}
@media (max-width: 1600px) {
.contact-sq {left: 25px;}
.contact-sq ul {width: 160px;}
.contact-sq ul li {padding: 20px 0;}
.contact-sq ul li:first-of-type h5 {font-size: 22px;}
.contact-sq ul li a {font-size: 15px;}
.contact-sq ul li:last-of-type {padding: 15px 0 25px;}
.contact-sq ul li:last-of-type a {font-size: 13px;width: 45px;height: 45px;line-height: 45px;padding-top: 6px;}
}
@media (max-width: 768px) {
.contact-sq {display: none;}
}
.contact-form {background-color: #f4f4f4;}
.form-box {padding-bottom: 45px;}
.form-box>div {width: 50%;}
.conf-l {padding-top: 30px;}
.conf-l>p,.conf-r>p {position: relative;padding-bottom: 22px;}
.conf-l>p::after,.conf-r>p::after {content: '';position: absolute;width: 40px;height: 3px;background-color: #3675f3;display: block;bottom: 0;left: 0;}
.conf-l p b,.conf-r p b {font-size: 24px;font-weight: normal;}
.conf-l p span,.conf-r p span {font-size: 16px;}
.conf-l ul {padding-right: 1%;}
.conf-l ul li {position: relative;padding-left: 30px;margin: 24px 0;}
.conf-l ul li img {position: absolute;top: 0;left: 0;}
.conf-l ul li span {font-size: 16px;color: #999999;}
.conf-l .con-wx {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.conf-l .con-wx p {margin-left: 20px;}
.conf-l .con-wx p span {display: block;font-size: 18px;margin-bottom: 18px;}
.conf-r {background-color: #fff;padding: 30px 25px;}
.conf-r .con-f {margin-top: 26px;}
.conf-r .con-f input[type='text'] {width: 100%;font-size: 16px;color: #999999;padding: 10px 0;border-bottom: 1px solid #999999;margin-bottom: 30px;}
.conf-r .con-f input[type='submit'] {font-size: 16px;color: #ffffff;width: 100%;background-color: #3675f3;padding: 12px 0;}
@media (max-width:1500px) {
.conf-l {padding-left: 15%;}
}
@media (max-width:768px) {
.form-box>div {width: 100%;}
.conf-l p b, .conf-r p b {font-size: 22px;}
.conf-l p span, .conf-r p span {font-size: 14px;}
.conf-l {margin-bottom: 30px;padding-left: 0;}
.conf-l ul {margin-right: 0;}
.conf-l ul li img {top: 3px;}
.conf-l .con-wx {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
.contact-about {background: #588df8 url(../images/contact/cona-bg.png) no-repeat;padding-bottom: 75px;}
.contact-about .page-title h3,.contact-about .page-title p {color: #ffffff;}
.contact-about .cona-box .fl {padding-top: 40px;}
.contact-about .cona-box .fr {width: 54%;color: #ffffff;}
.contact-about .cona-box .fr h3 {background: url(../images/contact/cona-t.png) no-repeat; position: relative;padding: 13px 0;font-size: 24px;margin-bottom: 40px;background-size: contain;}
.contact-about .cona-box .fr h3::after {content: '';position: absolute;display: block;width: 34px;height: 2px;background-color: #fff;bottom: -13px;left: 0;}
.contact-about .cona-box .fr p {line-height: 30px;font-size: 14px;}
@media (max-width:1125px) {
.contact-about .cona-box .fl {width: 40%;}
.contact-about .cona-box .fl img {width: 100%;}
}
@media (max-width:768px) {
.contact-about .cona-box .fl,.contact-about .cona-box .fr {width: 100%;}
.contact-about .cona-box .fl {margin-bottom: 20px;}
.contact-about {padding-bottom: 60px;}
}
.contact-job {padding-bottom: 50px;}
.job-menu {margin: 10px 0;}
.job-menu-item {background-color: #f2f2f2;padding: 0 25px;border-left: 5px solid #3675f3;line-height: 45px;height: 45px;cursor: pointer;overflow: hidden;}
.job-menu-item p {font-size: 16px;color: #333;float: left;margin-right: 35px;pointer-events: none;}
.job-menu-item p:last-of-type {overflow: hidden;width: 50%;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.job-menu-item i {font-style: normal;font-size: 25px;color: #999999;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);cursor: pointer;}
#job-ok i {color: #3675f3;}
.job-item {padding: 25px;}
.job-item-hide {height: 0;display: none;}
.job-item-hide i {color: #999999;}
.job-item-show {height: auto;display: block;}
.job-item p {font-size: 14px;color: #999999;line-height: 2;}
a.contact-btn {background-color: #3675f3;padding: 8px 20px;color: #fff;display: inline-block;margin-top: 30px;}
.contact-job {margin: 0 0 30px;}
@media (max-width:925px) {
.job-menu-item p:last-of-type {width: 30%;}
}
@media (max-width:768px) {
.job-selctions {margin-top: 30px;}
}
@media (max-width:690px) {
.job-menu-item {padding: 0 15px;}
.job-menu-item p {margin-right: 15px;}
.job-menu-item p:last-of-type {display: none;}
}
/* news */
.pg-news-title {margin: 50px 0;}
.pg-news-title ul { margin: 20px 0; background-color: #f5f5f5;}
.pg-news-title ul li{float: left;}
.pg-news-title ul li a{position: relative;z-index: 3; display: block; padding: 2px 25px; font-size: 16px; line-height: 45px;}
.pg-news-title ul li a i{font-size: 24px; padding-right: 5px; vertical-align: middle; color: #777;}
.pg-news-title ul li a:before{position: absolute; bottom: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 0; background-color: #3675f3; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.pg-news-title ul li a:after{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -10px; z-index: -1; width: 0; height: 0;
border-top: 10px solid #3675f3; border-right: 10px solid transparent; border-left: 10px solid transparent; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.pg-news-title ul li.current-cat a,
.pg-news-title ul li.current-cat a i{color: #fff;}
.pg-news-title ul li.current-cat a:before{height: 100%;}
.pg-news-title ul li.current-cat a:after{bottom: -10px; opacity: 1;}
.pg-news-title ul li a.on,
.pg-news-title ul li a.on i{color: #fff;}
.pg-news-title ul li a.on:before{height: 100%;}
.pg-news-title ul li a.on:after{bottom: -10px; opacity: 1;}
.pg-news-title ul li a:hover,
.pg-news-title ul li a:hover i{color: #fff;}
.pg-news-title ul li a:hover:before{height: 100%;}
.pg-news-title ul li a:hover:after{bottom: -10px; opacity: 1;}
@media (max-width:768px) {
.pg-news-title ul li a{ padding: 2px 15px;line-height: 35px;}
.pg-news-title ul li a i{display: none;}
}
.pg-news>ul>li {display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e6e6e6;}
.pg-news>ul>li .pg-news-box-pic {float: left;width: 33%;overflow: hidden;}
.pg-news>ul>li .pg-news-box-pic a {display: block;height: 100%;}
.pg-news>ul>li .pg-news-box-pic a img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.pg-news>ul>li:hover .pg-news-box-pic img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pg-news>ul>li .pg-news-box-content {float: right;padding: 18px 0 0 30px;}
.pg-news>ul>li .pg-news-box-content a {font-size: 20px;}
.pg-news>ul>li .pg-news-box-content a:hover,.pg-news>ul>li:hover .pg-news-box-content a {color: var(--mColor);}
.pg-news>ul>li .pg-news-box-content .pg-news-meta {margin: 20px 0 30px;display: -webkit-box;display: -ms-flexbox;display: flex;height: 15px;line-height: 15px;}
.pg-news>ul>li .pg-news-box-content .pg-news-meta p {font-size: 12px;color: #777777;margin-right: 22px;}
.pg-news>ul>li .pg-news-box-content .pg-news-meta p img {vertical-align: unset;margin-right: 2px;}
.pg-news>ul>li .pg-news-box-content>p {font-size: 14px;color: #999999;}
.pg-news>ul>li .pg-news-box-content>a {display: block;width: 56px;height: 28px;line-height: 26px;text-align: center;background-color: #e5e5e5;margin-left: auto;margin-top: 40px;}
.pg-news>ul>li:hover .pg-news-box-content>a {background-color: #3675f3;}
@media (max-width:1120px) {
.pg-news>ul>li .pg-news-box-pic {width: 60%;}
}
@media (max-width:768px) {
.pg-news-title {margin: 30px 0;}
.pg-news-title ul {margin: 0;}
.pg-news>ul>li .pg-news-box-pic {width: 100%;}
.pg-news>ul>li .pg-news-box-content>p {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}
@media (max-width:680px) {
.pg-news>ul>li {-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 20px;margin-bottom: 20px;}
.pg-news>ul>li .pg-news-box-content {padding-left: 0;}
.pg-news>ul>li .pg-news-box-content>a {margin-top: 20px;}
.pg-news>ul>li .pg-news-box-content .pg-news-meta {margin: 10px 0 15px;}
}
.pg-code{text-align: center; font-size: 0;}
.pg-code span,
.pg-code a{display: inline-block; margin: 15px 5px; min-width: 40px; height: 40px; line-height: 40px; border: 1px solid #eee; font-size: 16px; color: #999999; font-family: arial; cursor: pointer;background-color: #fff;}
.pg-code span:hover,
.pg-code a:hover{background-color: #3675f3; border-color: #3675f3; color: #fff;}
.pg-code {padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 60px 0;}
.pg-code li {width: auto !important;margin: 0 6px;}
.pg-code li a {margin: 0 !important;font-family: arial;border-radius: 5px;}
.pg-code li a.current {background-color: #3675f3;border-color: #3675f3;color: #fff;}
@media(max-width: 960px) {
.page-content .busi-slide {width: 100%;}
.page-content .busi-list-slide {width: 100%;margin-top: 30px;}
.busi-list-slide>ul>li {width: 50%;}
}
.page-news-show {padding-top: 70px;padding-bottom: 80px;}
.show-left {width: 70%;}
.show-left .show-title {text-align: center;}
.show-left .show-title h1 {font-size: 26px;color: #333333;margin-bottom: 20px;}
.show-left .show-title .show-info {font-size: 12px;color: #888888;margin-bottom: 34px;}
.show-left .show-title .show-info span {margin-right: 12px;}
.show-content {overflow: hidden;}
.show-content p {font-size: 16px;color: #999999;line-height: 35px;}
.show-content img {width: 100%;height: auto;margin: 30px 0;}
.show-share {padding-bottom: 40px;border-bottom: 1px dashed #cacaca;}
.bshare-custom {font-size: 14px !important;line-height: 1 !important;overflow: hidden;vertical-align: text-bottom;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.bshare-custom a {margin-right: 5px !important;}
.bshare-custom .bshare-weixin {width: 17px;height: 18px;background: url(../images/share-icon.png) 1px 0 !important;}
.bshare-custom .bshare-sinaminiblog {width: 18px;height: 14px;background: url(../images/share-icon.png) -28px -2px !important;}
.bshare-custom .bshare-qzone {width: 18px;height: 17px;background: url(../images/share-icon.png) -56px -1px !important;}
.pg-view {margin: 36px 0;}
.pg-view li {font-size: 14px;margin-bottom: 10px;}
.pg-view li.py_previou,.pg-view li.py_previou a {color: #999999;}
.pg-view li:hover,.pg-view li:hover a {color: var(--mColor);}
.product-article-item h3 {position: relative;font-size: 16px;padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px solid #e0e0e0;}
.product-article-item h3::before {position: absolute;bottom: 0;left: 0;content: '';width: 80px;height: 2px;background-color:var(--mColor);}
.articlelink {overflow: hidden;}
.articlelink li {float: left;width: 50%;margin-bottom: 16px;}
.articlelink li i {margin-right: 5px;font-family: simsun;font-style: normal;}
.articlelink li a {font-size: 14px;display: block;width: 100%;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.articlelink li a:hover {color: var(--mColor);}
.show-right {width: 30%;padding-left: 3%;}
.show-hotitle {position: relative;font-size: 20px;padding-bottom: 10px;margin-bottom: 45px;border-bottom: 1px solid #c9c9c9;}
.show-hotitle::before {position: absolute;bottom: 0;left: 0;content: '';width: 80px;height: 2px;background-color:var(--mColor);}
.show-hot ul {padding-left: 3%;}
.show-hot ul li {padding-left: 22px;padding-bottom: 20px;border-left: 1px solid #eee;}
.show-hot ul li a h3 {font-size: 18px;line-height: 26px;margin-bottom: 4px;position: relative;}
.show-hot ul li h3:before {position: absolute;top: 8px;left: -27px;content: '';width: 9px;height: 9px;border-radius: 50%;background-color: #c9c9c9;}
.show-hot ul li:hover h3 {color: var(--mColor);}
.show-hot ul li h3:hover:before {background-color: var(--mColor);}
.show-hot ul li p {font-size: 14px;color: #999999;}
.show-hot ul li p img {vertical-align: unset;}
@media (max-width: 900px) {
.page-news-show {padding-top: 30px;padding-bottom: 40px;}
.show-left {width: 100%;}
.show-left .show-title h1 {font-size: 20px;}
.show-left .show-title .show-info {margin-bottom: 10px;}
.show-content p {font-size: 14px;line-height: 2;}
.show-share {padding-bottom: 20px;}
.pg-view {margin: 16px 0;}
.show-right {width: 100%;padding-left: 0;display: none;}
}
/* dingyou */
.pg-dingyou .page-title p,.page-vs .page-title p {color: #999999;}
.dingyou-box .fl {width: 50%;}
.dingyou-box .fl ul {margin: 70px 0 40px;}
.dingyou-box .fl ul li {position: relative;font-size: 16px;padding-left: 30px;margin-bottom: 18px;}
.dingyou-box .fl ul li::before {content: '';display: block;position: absolute;left: 0;top: 15px;background: url(../images/dingding/dy-list.png) no-repeat;width: 15px;height: 15px;font-size: 16px;}
.dingyou-box .fl a {display: inline-block;font-size: 16px;color: #ffffff;background-color: #3675f3;padding: 12px 18px;border-radius: 5px;}
.vs-box {position: relative;}
.vs-box>img {position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.vs-box>div {width: 50%;}
.vs-box>div h3 {padding: 16px 0;font-size: 20px;text-align: center;}
.vs-box .fl h3 {color: #999999;background-color: #f5f5f5;}
.vs-box .fr h3 {color: #ffffff;background-color: #3675f3;}
.vs-box>div ul {padding: 50px 40px;}
.vs-box>div ul li {position: relative;padding-left: 30px;margin-bottom: 20px;line-height: 24px;min-height: 48px;}
.vs-box>div ul li img {position: absolute;top: 10px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;}
.vs-box>div ul li span {font-size: 16px;}
.vs-box .fl ul li span {color: #999999;}
@media (max-width: 1120px) {
.dingyou-box>.fl {width: 45%;}
}
@media (max-width: 850px) {
.dingyou-box>.fl {width: 100%;}
.dingyou-box>.fr {display: none;}
}
@media (max-width: 768px) {
.vs-box {margin-top: 30px;}
.vs-box>div ul {padding: 20px 5px 0;}
.dingyou-box .fl ul {margin-top: 30px;}
.vs-box>div ul li {padding-left: 20px;min-height: 88px;text-align: justify;line-height: 20px;}
.vs-box>div ul li img {top: 12px;width: 15px;height: 15px;}
.vs-box>div ul li span {font-size: 14px;}
}
/* shenqing */
.shenqing-form {padding-bottom: 60px;}
.shenqing-form .page-title p {color: #999999;}
.shenqing-form .sq-from {width: 70%;margin: 0 auto;}
.shenqing-form .sq-from .sq-label {height: 56px;line-height: 56px;padding: 0 6%;margin-bottom: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.shenqing-form .sq-from .sq-label span {font-size: 20px;color: #333333;display: inline-block;width: 17%;position: relative;padding-left: 28px;}
.shenqing-form .sq-from .sq-label span::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;display: block;background-repeat: no-repeat;}
.shenqing-form .sq-from .sq-label:nth-of-type(2) span::before {width: 20px;height: 22px;background-image: url(../images/shenqing/user-ico.png);}
.shenqing-form .sq-from .sq-label:nth-of-type(3) span::before {width: 19px;height: 26px;background-image: url(../images/shenqing/tel-ico.png);}
.shenqing-form .sq-from .sq-label:nth-of-type(4) span::before {width: 24px;height: 21px;background-image: url(../images/shenqing/count-ico.png);}
.shenqing-form .sq-from .sq-label:nth-of-type(5) span::before {width: 23px;height: 23px;background-image: url(../images/shenqing/com-ico.png);}
.shenqing-form .sq-from .sq-label:nth-of-type(6) span::before {width: 25px;height: 21px;background-image: url(../images/shenqing/realm-ico.png);}
.shenqing-form .sq-from .sq-label:nth-of-type(7) span::before {width: 22px;height: 17px;background-image: url(../images/shenqing/mail-ico.png);}
.shenqing-form .sq-from .sq-label span em {font-size: 20px;color: #ff3131;}
.shenqing-form .sq-from input[type='text'] {font-size: 16px;color: #999999;border: 1px solid #d2d2d2;height: 100%;width: 80%;padding: 0 20px;}
.shenqing-form .sq-from input[type='submit'] {width: 100%;background-color: #3675f3;color: #ffffff;font-size: 24px;padding: 18px 0;cursor: pointer;margin-top: 25px;}
@media (max-width: 1200px) {
.shenqing-form .sq-from .sq-label span {width: auto;}
.shenqing-form .sq-from input[type='text'] {width: 70%;}
}
@media (max-width: 860px) {
.shenqing-form {padding-bottom: 25px;}
.shenqing-form .sq-from {width: 100%;}
.shenqing-form .sq-from .sq-label {height: 50px;line-height: 50px;}
.shenqing-form .sq-from .sq-label span {width: 30%;font-size: 18px;}
.shenqing-form .sq-from .sq-label span::before {-webkit-transform: translateY(-50%) scale(0.9);-ms-transform: translateY(-50%) scale(0.9);transform: translateY(-50%) scale(0.9);}
.shenqing-form .sq-from input[type='submit'] {font-size: 20px;padding: 15px 0;margin-top: 15px;}
}
@media (max-width: 500px) {
.shenqing-form .sq-from {margin-top: 30px;}
.shenqing-form .sq-from .sq-label {-ms-flex-wrap: wrap;flex-wrap: wrap;height: auto;line-height: normal;padding: 0;}
.shenqing-form .sq-from .sq-label span,.shenqing-form .sq-from input[type='text'] {width: 100%;}
.shenqing-form .sq-from .sq-label span {font-size: 16px;}
.shenqing-form .sq-from .sq-label span::before {-webkit-transform: translateY(-50%) scale(0.7);-ms-transform: translateY(-50%) scale(0.7);transform: translateY(-50%) scale(0.7);}
.shenqing-form .sq-from input[type='text'] {height: 40px;margin-top: 12px;padding: 0 10px;font-size: 14px;}
.shenqing-form .sq-from input[type='submit'] {font-size: 18px;padding: 10px 0;}
}
.shenqing-lx {background-color: #f4f4f4;padding-bottom: 140px;}
.shenqing-lx ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.shenqing-lx ul li {background-color: #fff;text-align: center;width: 23%;padding: 45px 30px 15px;border-radius: 10px;border: 1px solid #e5e5e5;}
.shenqing-lx ul li h3 {font-size: 20px;color: #666666;margin: 18px 0 28px;}
.shenqing-lx ul li p {font-size: 16px;color: #999999;line-height: 28px;}
@media (max-width: 970px) {
.shenqing-lx ul li {width: 24%;padding-bottom: 20px;}
.shenqing-lx ul li h3 {margin-bottom: 20px;}
}
@media (max-width: 810px) {
.shenqing-lx {padding-bottom: 30px;}
.shenqing-lx ul {-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;}
.shenqing-lx ul li {width: 49%;margin-bottom: 20px;padding: 20px 15px 15px;}
.shenqing-lx ul li>img:first-of-type {width: 50px;}
.shenqing-lx ul li h3 {font-size: 16px;margin: 10px 0 10px;}
.shenqing-lx ul li p {font-size: 14px;line-height: 20px;}
}
/* join */
.row-tab {-webkit-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, .1);box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, .1);}
.fix_on {position: fixed;top: 0;width: 100%;background: #fff;z-index: 5;left: 0;right: 0;margin: 0;padding: 0;max-width: initial;}
.row-tab ul {overflow: hidden;}
.row-tab ul li {font-size: 20px;color: #333333;float: left;padding: 28px 18px;margin-right: 30px;}
.row-tab ul li:hover,.row-tab ul li.current {-webkit-box-shadow: 0 -2px #3675f3 inset;box-shadow: 0 -2px #3675f3 inset;}
.recom-box ul {overflow: hidden;background-color: #fff;width: 100%;border-radius: 30px;-webkit-box-shadow: 0px 2px 5px 4px #eee;box-shadow: 0px 2px 5px 4px #eee;padding: 48px;padding-right: 70px;}
.recom-box ul li {width: 100%;overflow: hidden;margin-bottom: 50px;}
/* .recom-box ul li:last-of-type {margin-bottom: 0;} */
.recom-box ul li .fl p:first-of-type {font-size: 24px;margin-bottom: 22px;}
.recom-box ul li .fl p:last-of-type {font-size: 18px;color: #666666;}
.recom-box ul li .fl img {vertical-align: top;margin-right: 10px;}
.recom-box ul li .fr {width: 20%;}
.recom-box ul li .fr p {font-size: 18px;margin-bottom: 12px;}
.recom-box ul li .fr p span {font-size: 24px;color: var(--mColor);}
.recom-box ul li .fr a {display: inline-block;border: 1px solid #3675f3;padding: 10px 28px;font-size: 16px;color: #3675f3;}
.recom-box ul li .fr a:hover {background-color: #3675f3;color: #ffffff;}
.recom-box ul>p {text-align: center;font-size: 16px;}
.recom-box ul>p span {position: relative;}
.recom-box ul>p span::before {content: '';position: absolute;display: block;background: url(../images/join/red-ico.png) no-repeat;width: 30px;height: 5px;left: -28px;top: 6px;-webkit-transform: translateX(-50%) rotate(180deg);-ms-transform: translateX(-50%) rotate(180deg);transform: translateX(-50%) rotate(180deg);}
.recom-box ul>p span::after {content: '';position: absolute;display: block;background: url(../images/join/red-ico.png) no-repeat;width: 30px;height: 5px;right: -56px;top: 6px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
@media (max-width: 940px) {
.row-tab ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: center;align-content: center;}
.row-tab ul li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-right: 0;text-align: center;padding: 25px 0;font-size: 18px;}
}
@media(max-width: 900px) {
.row-tab ul li {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;font-size: 16px;}
}
@media(max-width: 830px) {
.recom-box ul {padding: 35px;margin: 30px 0;}
.recom-box ul li {margin-bottom: 0;padding: 15px 0;border-bottom: 1px dashed #eee;}
.recom-box ul li:first-of-type {padding-top: 0;}
.recom-box ul li:last-of-type {border-bottom: 0;}
.recom-box ul li .fl p:first-of-type {font-size: 20px;margin-bottom: 10px;}
.recom-box ul li .fl p:last-of-type {font-size: 16px;}
.recom-box ul li .fr a {font-size: 14px;padding: 8px 20px;}
.recom-box ul li .fr p {font-size: 16px;}
.recom-box ul li .fr p span {font-size: 20px;}
}
@media (max-width: 768px) {
.recom-box ul li .fl {width: 100%;margin-bottom: 10px;}
.recom-box ul li .fr {width: 100%;text-align: right;}
.recom-box ul li .fl p:first-of-type {font-size: 18px;}
}
@media (max-width: 500px) {
.row-tab ul li {font-size: 14px;}
.recom-box ul li .fl img {width: 16px;vertical-align: text-top;margin-right: 5px;}
}
@media (max-width: 400px) {
.row-tab ul li {font-size: 12px;}
}
.partner ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.partner ul li {float: left;width: 24%;background: #fff url(../images/join/01.png) no-repeat;-webkit-box-shadow: 0px 2px 5px 4px #eee;box-shadow: 0px 2px 5px 4px #eee;border-radius: 20px;padding: 28px 12px 20px 30px;background-position: 88% 40%;}
.partner ul li:nth-of-type(1) {background-image: url(../images/join/01.png);}
.partner ul li:nth-of-type(2) {background-image: url(../images/join/02.png);}
.partner ul li:nth-of-type(3) {background-image: url(../images/join/03.png);}
.partner ul li:nth-of-type(4) {background-image: url(../images/join/04.png);}
.partner ul li h3 {font-size: 22px;margin-bottom: 10px;}
.partner ul li h3 img {margin-right: 12px;}
.partner ul li p {font-size: 18px;color: #666666;line-height: 30px;}
.parther-btn {text-align: center;}
.parther-btn a {font-size: 20px;display: inline-block;border-radius: 5px;padding: 16px 30px;margin: 40px 15px;}
.parther-btn a:first-of-type {background-color: #3675f3;color: #ffffff;}
.parther-btn a:last-of-type {background-color: #ffffff;color:#3675f3;border: 1px solid #3675f3;position: relative;}
.parther-btn a:last-of-type:hover {background-color: #3675f3;color: #ffffff;}
.parther-qr {position: absolute;padding: 10px;border: 1px solid #3675f3;background-color: #ffffff;right: -125px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;}
.parther-btn a:last-of-type:hover .parther-qr {opacity: 1;visibility: visible;right: -135px;}
@media (max-width: 940px) {
.partner ul li h3 {font-size: 18px;}
.partner ul li p {font-size: 16px;line-height: 25px;}
.partner ul li h3 img {width: 25px;vertical-align: top;}
}
@media(max-width: 830px) {
.partner ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.partner ul li {width: 49%;margin-bottom: 20px;padding: 15px 20px;}
.parther-btn a {font-size: 16px;margin: 20px 10px;padding: 10px 20px;}
}
@media (max-width: 768px) {
.partner ul {margin-top: 30px;}
.partner ul li {min-height: 117px;}
.parther-qr {right: auto;top: auto;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 50px;left: 50%;}
.parther-btn a:last-of-type:hover .parther-qr {right: auto;bottom: 60px;}
}
@media (max-width: 500px) {
.partner ul li {min-height: auto;width: 100%;background-image: none !important;}
}
.re-friend {background-color: #f9f9f9;}
.re-fcont {position: relative;padding-top: 70px;padding-bottom: 76px;}
.re-fcon {position: relative;z-index: 2;}
.re-fcon>a {display: inline-block;font-size: 15px;color: #ffffff;background-color: #3675f3;padding: 12px 24px;border-radius: 5px;margin-top: 30px;}
.re-fcon>a:hover {color: #ffffff;}
.re-fcon h5 {font-size: 24px;font-weight: normal;margin: 0;margin-bottom: 30px;}
.re-fcon p {font-size: 18px;color: #666666;line-height: 36px;}
.re-fcon p a {font-size: 18px;color: var(--mColor);}
.re-fcont .re-fimg {position: absolute;right: 0;top: 0;z-index: 1;}
@media (max-width: 768px) {
.re-fcont .re-fimg {top: auto;bottom: 35px;}
.re-fcon p {font-size: 16px;line-height: 30px;}
}
@media (max-width: 500px) {
.re-fcont {padding: 35px 0 30px;}
.re-fcon h5 {margin-bottom: 20px;font-size: 20px;}
.re-fcon p {line-height: 25px;}
.re-fcont .re-fimg {display: none;}
.re-fcon>a {margin-top: 20px;}
}
.re-scene {background-image: -webkit-gradient(linear, left top, right top, from(#d4b3fa) , to(#9c46ff));background-image: -o-linear-gradient(left, #d4b3fa , #9c46ff);background-image: linear-gradient(to right, #d4b3fa , #9c46ff);position: relative;padding-bottom: 80px;}
.scene-ico {position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0;height: 0;border: 40px solid;border-color: #f9f9f9 transparent transparent;}
.re-scene h3 {color: #ffffff;}
.re-scene h3::before,.re-scene h3::after {background-color: #fff !important;}
.re-scene ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: #ffffff;padding: 72px 60px 72px;border-radius: 20px;}
.re-scene ul li {position: relative;float: left;width: 24%;}
.re-scene ul li .scene-img {overflow: hidden;border-radius: 5px;}
.re-scene ul li .scene-img img {width: 100%;}
.re-scene ul li:hover .scene-img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.re-scene ul li p {text-align: center;font-size: 24px;color: #ffffff;background-color: #3675f3;opacity: .9;padding: 15px 0;width: 90%;margin: -30px auto 0;}
@media (max-width: 990px) {
.re-scene ul li p {font-size: 20px;padding: 10px 0;margin: -20px auto 0;}
}
@media (max-width: 840px) {
.re-scene ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.re-scene ul li {width: 49%;margin-bottom: 20px;}
}
@media (max-width: 768px) {
.re-scene .page-title {padding-top: 50px;}
.re-scene ul {margin-top: 30px;}
}
@media (max-width: 500px) {
.re-scene {padding-bottom: 50px;}
.scene-ico {border: 20px solid;border-color: #f9f9f9 transparent transparent;}
.re-scene .page-title {padding-top: 40px;}
.re-scene ul {padding: 40px 30px 20px;}
.re-scene ul li p {font-size: 16px;}
}
.re-casetop {width: 55%;height: 70px;line-height: 70px;border-radius: 50px;margin: 0 auto;position: relative;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);box-shadow: 0 0 10px rgba(0, 0, 0, .1);text-align: center;}
.re-casetop i {position: absolute;font-size: 100px;color: #999999;font-style: normal;font-family: '黑体';}
.re-casetop i:first-of-type {left: -40px;}
.re-casetop i:last-of-type {right: -40px;}
.re-casetop p {font-size: 20px;}
.re-casetop p span {-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg);display: inline-block;color: var(--mColor);}
.re-case ul {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 60px 0 100px;}
.re-case ul li {text-align: center;float: left;width: 20%;background-color: #fff;border: 1px solid #e5e5e5;border-left: none;border-bottom: none;margin: 0px -1px -1px -1px;line-height: 108px;cursor: pointer;}
.re-case ul li:nth-of-type(-n+5) {border-top: none;}
.re-case ul li img {max-width: 100%;}
.re-case ul li:hover img {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
@media (max-width: 1200px) {
.re-casetop {width: 80%;}
}
@media (max-width: 960px) {
.re-casetop {width: auto;height: 50px;line-height: 50px;padding: 0 15px;}
.re-casetop i {font-size: 90px;}
.re-casetop i:first-of-type {left: 0;}
.re-casetop i:last-of-type {right: 0;}
.re-casetop p {font-size: 16px;}
.re-case ul li img {max-width: 100%;width: 100%;padding: 0 10px;}
}
@media (max-width: 768px) {
.re-casetop {padding: 15px 30px;margin-top: 30px;height: auto;line-height: 2;}
.re-casetop p {font-size: 14px;}
.re-casetop i {display: none;}
.re-case ul li {height: auto;line-height: 4;border: none;}
.re-case ul {margin: 30px 0;}
}
/* .quali ul {overflow: hidden;} */
.quali ul li {float: left;text-align: center;width: 23%;margin: 0 1% 30px;}
.quali ul li .quali-img {padding: 10px;border: 1px solid #e5e5e5;margin-bottom: 20px;}
.quali ul li .quali-img img {width: 100%;min-height: 255px;}
.quali ul li p {font-size: 18px;width: 100%;text-align: center;padding: 0 10px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.quali ul li:hover .quali-img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.quali ul li:hover p {color: #3675f3;}
.quali-box {position: relative;}
.quali-tab {position: absolute;top: 165px;left: 5%;padding-left: 22px;border-left: 1px solid #3675f3;}
.quali-tab li {float: none;font-size: 18px;color: #999999;padding: 15px 22px;border: 1px solid #e5e5e5;border-radius: 0 20px 0 20px;position: relative;background-color: #fff;width: auto;margin: 0;margin-bottom: 20px;cursor: pointer;}
.quali-tab li::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: -23px;border: 8px solid;border-color: transparent transparent transparent #3675f3;}
.quali-tab li:hover,.quali-tab li.quali-show {background-color: #3675f3;}
.quali-tab li:hover a,.quali-tab li.quali-show a {color: #ffffff;}
@media (max-width: 1645px) {
.quali-tab {left: 2%;}
}
@media (max-width: 1560px) {
.quali-tab {display: none;}
}
@media (max-width: 1080px) {
.quali ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: center;align-content: center;padding-bottom: 30px;margin-top: 30px;}
.quali ul li {margin: 0 0 20px;width: 32%;}
.quali ul li p {font-size: 16px;}
.quali .page-title {padding: 0;}
}
@media (max-width: 768px) {
.quali-box .pg-news-title {margin: 15px 0;margin-bottom: 25px;}
.quali ul li {width: 49%;}
}
@media (max-width: 500px) {
.quali ul li .quali-img {margin-bottom: 10px;}
.quali ul li .quali-img img {min-height: auto;}
.quali ul li p {font-size: 14px;}
}
.pro-tab ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.pro-tab ul li {padding: 22px 14px 20px;margin-right: 0;margin: 0 3%;}
.pro-tab ul li a {font-size: 16px;}
.pro-adv {overflow: hidden;}
.pro-adv .page-title p {font-size: 14px;color: #999999;}
.pro-adv ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.pro-adv ul li {overflow: hidden;width: 32%;margin-bottom: 50px;text-align: center;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding: 20px 30px 18px;border-radius: 5px;position: relative;}
.pro-adv ul li img {margin-bottom: 20px;height: 50px;}
.pro-adv ul li h3 {font-size: 22px;margin-bottom: 16px;}
.pro-adv ul li p {font-size: 14px;color: #666666;line-height: 24px;}
/* .pg-advcon {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;padding: 0 30px;} */
@media (max-width: 855px) {
.pro-adv ul li {width: 49%;margin-bottom: 30px;}
}
@media (max-width: 768px) {
.pro-adv ul {margin-top: 30px;}
}
@media (max-width: 540px) {
.pro-adv ul li {padding: 18px 15px;}
.pro-adv ul li h3 {font-size: 18px;}
.pro-adv ul li img,.pro-adv ul li h3 {margin-bottom: 10px;}
}
@media (max-width: 500px) {
.pro-adv ul li {padding: 15px 10px;}
.pro-adv ul li img {height: 40px;}
.pro-tab ul li {padding: 20px 0;}
.pro-tab ul li a {font-size: 14px;}
}
.pro-why {background-color: #f5f5f5;}
.pro-why .page-title p {font-size: 14px;color: #999999;}
.pro-why ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.pro-why ul li {float: left;width: 23.5%;background-color: #fff; padding: 40px 30px 0 12px; height: 150px;margin-bottom: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.pro-why ul li:hover {-webkit-box-shadow: 0 0 15px rgb(144 146 148 / 49%);box-shadow: 0 0 15px rgb(144 146 148 / 49%); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }
.pro-why ul li:last-of-type,.pro-why ul li:nth-last-of-type(2) {background-color: transparent!important;}
.pro-why ul li:last-of-type:hover {-webkit-box-shadow: none !important;box-shadow: none !important;}
.pro-why ul li h3 {margin-bottom: 15px;}
.pro-why ul li h3 img {margin-right: 10px;vertical-align: bottom;}
.pro-why ul li h3 span {font-size: 18px;color: #333333;}
.pro-why ul li p {line-height: 20px;font-size: 14px;color: #666666;text-align: justify;}
@media(max-width:995px){
.pro-why ul li {width: 32%;margin-bottom: 20px;}
.pro-why ul li:last-of-type {display: none;}
}
@media(max-width:768px){
.pro-why ul {margin-top: 30px;}
.pro-why ul li {width: 49%;height: auto;padding: 20px 15px;margin-bottom: 10px;}
.pro-why ul li h3 {margin-bottom: 10px;}
.pro-why ul li h3 span {font-size: 15px;}
.pro-why ul li p {text-align: justify;}
}
.pro-way .page-title p {font-size: 14px;color: #999999;}
.pro-way ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.pro-way ul li {float: left;width: 23.5%;background-color: #fff; padding: 40px 30px 0 12px; height: 150px;margin-bottom: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.pro-way ul li:hover {-webkit-box-shadow: 0 0 15px rgb(144 146 148 / 49%);box-shadow: 0 0 15px rgb(144 146 148 / 49%); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }
.pro-way ul li h3 {margin-bottom: 15px;}
.pro-way ul li h3 img {margin-right: 10px;vertical-align: bottom;}
.pro-way ul li h3 span {font-size: 18px;color: #333333;}
.pro-way ul li p {line-height: 20px;font-size: 14px;color: #666666;}
@media(max-width:995px){
.pro-way ul li {width: 32%;margin-bottom: 20px;}
}
@media(max-width:768px){
.pro-way ul {margin-top: 30px;}
.pro-way ul li {width: 49%;height: auto;padding: 20px 15px;margin-bottom: 10px;}
.pro-way ul li h3 {margin-bottom: 10px;}
.pro-way ul li h3 span {font-size: 15px;}
.pro-way ul li p {text-align: justify;}
}
.pro-case {background-color: #f5f5f5;padding-bottom: 65px;}
.pro-case .page-title p {font-size: 14px;color: #999999;}
.procase-list {overflow: hidden;}
.procase-list>div {width: 48%;}
.procase-list .pcase-top {background-color:#3675f3;color: #ffffff;padding: 18px 0;text-align: center;font-size: 20px;}
.procase-list .pcase-btm {background-color: #fff;padding: 40px 22px;height: 400px;}
.procase-list .pcase-btm h5 {margin: 0;font-weight: normal;font-size: 16px;position: relative;padding-left: 18px;margin-bottom: 20px;}
.procase-list .pcase-btm h5::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 8px;height: 8px;display: block;background-color: #333333;border-radius: 50%;}
.procase-list .pcase-btm li {overflow: hidden;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.procase-list .pcase-btm li:nth-of-type(even) {min-height: 72px;}
.procase-list .pcase-btm p {font-size: 14px;padding-left: 34px;width: 46%;position: relative;margin-bottom: 34px;}
.procase-list .pcase-btm p::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 20px;height: 20px;background-repeat: no-repeat;}
.procase-list .pcase-btm p:first-of-type {color: #999999;float: left;}
.procase-list .pcase-btm p:first-of-type::before {background-image: url(../images/products/grey-ok.png);}
.procase-list .pcase-btm p:last-of-type {color: #666666;float: right;}
.procase-list .pcase-btm p:last-of-type::before {background-image: url(../images/products/red-ok.png);}
@media(max-width: 1054px){
.procase-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.procase-list .pcase-btm {height: auto;min-height: 500px;}
.procase-list .pcase-btm li:nth-of-type(even) {min-height: 90px ;}
.procase-list .pcase-btm p {padding-left: 28px;}
}
@media(max-width: 900px){
.procase-list .pcase-btm {padding: 25px 15px;}
.procase-list .pcase-btm li {-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 15px;}
.procase-list .pcase-btm h5 {margin-bottom: 0;}
.procase-list .pcase-btm p {float: none !important;width: 100%;margin-bottom: 0;}
}
@media(max-width: 768px){
.pro-case {padding-bottom: 40px;}
.procase-list {margin-top: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.procase-list>div {width: 100%;}
.procase-list .pcase-btm {min-height: auto;}
}
.pro-user {padding-bottom: 100px;}
.ucase-swiper .swiper-slide {padding: 0 6%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.ucase-swiper .swiper-slide img {width: 370px;height: 248px;}
.ucase-swiper .swiper-slide .ucase-con {position: relative;padding: 25px 1% 0 5% ;}
.ucase-swiper .swiper-slide .ucase-con h3 {font-size: 24px;margin-bottom: 5px;}
.ucase-swiper .swiper-slide .ucase-con p:first-of-type {font-size: 14px;color: var(--mColor);margin-bottom: 20px;}
.ucase-swiper .swiper-slide .ucase-con p:last-of-type {line-height: 24px;font-size: 14px;color: #999999;margin-bottom: 30px;}
.ucase-swiper .swiper-slide .ucase-con a {display: inline-block;background-color: #3675f3;color: #ffffff;font-size: 16px;border-radius: 5px;padding: 10px 20px;}
.ucase-swiper .swiper-button-prev,.ucase-swiper .swiper-container-rtl .swiper-button-next {width: 45px;height: 45px;background-image: url(../images/products/arr-l.png);background-size: 16px 28px;border-radius: 50%;background-color: #eeeeee;opacity: 1;}
.ucase-swiper .swiper-button-next,.ucase-swiper .swiper-container-rtl .swiper-button-prev {width: 45px;height: 45px;background-image: url(../images/products/arr-r.png);background-size: 16px 28px;border-radius: 50%;background-color: #eeeeee;opacity: 1;background-position: 17px 8px;}
.ucase-swiper .swiper-button-prev:hover,.ucase-swiper .swiper-button-next:hover {background-color: #999999;}
/* .ucase-swiper .swiper-button-next.swiper-button-disabled,.ucase-swiper .swiper-button-prev.swiper-button-disabled, {opacity: 1;} */
.ucase-swiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1;}
@media(max-width: 1200px){
.ucase-swiper .swiper-slide .ucase-con {padding-top: 0;}
}
@media(max-width: 768px){
.pro-user {padding-bottom: 0;}
.pro-user .page-title {margin-bottom: 30px;}
.ucase-swiper .swiper-slide {-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;padding-bottom: 30px;}
.swiper-button-next,.swiper-button-prev {display: none;}
.ucase-swiper .swiper-slide img {width: 100%;height: auto;margin-bottom: 15px;}
.ucase-swiper .swiper-slide .ucase-con {width: 100%;padding: 0;}
.ucase-swiper .swiper-slide .ucase-con h3 {font-size: 18px;}
.ucase-swiper .swiper-slide .ucase-con p:first-of-type {margin-bottom: 15px;}
.ucase-swiper .swiper-slide .ucase-con p:last-of-type {margin-bottom: 20px;}
}
.af-server {background-color: #f5f5f5;padding-bottom: 50px;}
.af-serlists {display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.af-serlists .af-serlist {float: left;width: 24%;background-color: #ffffff;}
.af-serlists .af-serlist h4 {font-weight: normal;background-color: #3675f3;font-size: 20px;color: #ffffff;padding: 14px;}
.af-serlists .af-serlist ul {background-color: #fff;padding: 30px 36px 0;}
.af-serlists .af-serlist ul li {font-size: 14px;line-height: 25px;position: relative;text-align: justify;margin-bottom: 18px;}
.af-serlists .af-serlist ul li::before {content: '';position: absolute;top: 5px;left: -25px;display: block;background: url(../images/jszc/right-ico.png);width: 14px;height: 14px;}
.af-serlists .af-serlist:nth-of-type(2) ul li:nth-of-type(1):before {background: url(../images/jszc/hot-ico.png);width: 16px;height: 14px;}
.af-serlists .af-serlist:nth-of-type(2) ul li:nth-of-type(2):before {background: url(../images/jszc/qq-ico.png);width: 14px;height: 14px;}
.af-serlists .af-serlist:nth-of-type(2) ul li:nth-of-type(3):before {background: url(../images/jszc/time-ico.png);width: 12px;height: 12px;}
.af-serlists .af-serlist:nth-of-type(2) ul li:nth-of-type(4):before {background: url(../images/jszc/tel-ico.png);width: 16px;height: 16px;}
.af-server a {display: inline-block;background-color: #3675f3;border-radius: 5px;color: #ffffff;font-size: 16px;padding: 14px 28px;margin: 50px auto 0;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.af-server a:hover {background-color: transparent;color: #3675f3;-webkit-box-shadow: 0 0 0 1px #3675f3;box-shadow: 0 0 0 1px #3675f3;}
@media(max-width: 1200px){
.af-serlists .af-serlist {padding-bottom: 20px;}
.af-serlists .af-serlist ul li {line-height: 20px;margin-bottom: 15px;}
.af-serlists .af-serlist ul li::before {top: 3px;}
.af-serlists .af-serlist:nth-of-type(2) ul li p {display: inline;}
.zc-tab ul li {margin: 0;}
}
@media(max-width: 900px){
.af-serlists {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.af-serlists .af-serlist {width: 49%;margin-bottom: 20px;}
.af-server a {margin-top: 20px;}
}
@media(max-width: 768px){
.af-server {padding-bottom: 30px;}
.af-serlists .af-serlist {width: 100%;padding-bottom: 0;margin-bottom: 0;}
.af-serlists {margin-top: 30px;}
.af-server a {margin-top: 0;}
.af-serlists .af-serlist h4 {font-size: 16px;}
.af-serlists .af-serlist h4 img {width: 18px;vertical-align: bottom;}
.row-tab {display: none;}
.af-serlists .af-serlist ul {padding: 20px 32px 0;}
}
.cen-lists {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.cen-lists .cen-list {float: left;width: 32%;background-color: #fff;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.cen-lists .cen-list h4 {font-weight: normal;margin: 0;color: #ffffff;font-size: 22px;background: url(../images/jszc/help-bg.png);padding: 20px 22px;}
.cen-lists .cen-list ul {padding: 32px 46px 5px;}
.cen-lists .cen-list ul li {position: relative;margin-bottom: 25px;}
.cen-lists .cen-list ul li a {font-size: 16px;color: #666666;}
.cen-lists .cen-list ul li a:hover {color: var(--mColor);}
.cen-lists .cen-list ul li::before {position: absolute;content: '';left: -25px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;background-color: #666666;width: 8px;height: 8px;border-radius: 50%;}
.help-center .container-width>a {display: inline-block;background-color: #3675f3;border-radius: 5px;color: #ffffff;font-size: 16px;padding: 14px 56px;margin: 50px auto 0;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.help-center .container-width>a:hover {background-color: transparent;color: #3675f3;-webkit-box-shadow: 0 0 0 1px #3675f3;box-shadow: 0 0 0 1px #3675f3;}
@media(max-width: 840px){
.cen-lists .cen-list ul {padding: 20px 20px 0 25px;}
.cen-lists .cen-list ul li {margin-bottom: 20px;}
.cen-lists .cen-list ul li::before {left: -14px;}
.cen-lists .cen-list h4 {padding: 14px 20px;font-size: 18px;}
.cen-lists .cen-list h4 img {width: 10px;}
}
@media(max-width: 768px){
.cen-lists {margin-top: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.cen-lists .cen-list {width: 100%;}
.help-center .container-width>a {padding: 14px 28px;}
}
.zc-banjia .se-tit {font-size: 18px;margin-bottom: 30px;}
.zc-banjia .bj-img {text-align: center;margin-top: 25px;}
.zc-banjia .bj-img img {max-width: 100%;}
.zc-banjia ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zc-banjia ul li {width: 48%;border: 1px solid #d2d2d2;border-radius: 5px;padding: 20px 30px 20px 60px;line-height: 24px;}
.zc-banjia ul li p {position: relative;font-size: 14px;color: #999999;}
.zc-banjia ul li p::before {position: absolute;content: '';left: -45px;top: 0;display: block;font-size: 20px;color: #ffffff;background-color: #3675f3;font-style: italic;padding: 5px;border-radius: 50%;}
.zc-banjia ul li:nth-of-type(1) p::before {content: '01';}
.zc-banjia ul li:nth-of-type(2) p::before {content: '02';}
@media(max-width: 940px){
.zc-banjia .se-tit {font-size: 16px;}
.zc-banjia ul li {width: 49%;padding: 20px 20px 20px 50px;line-height: 22px;}
.zc-banjia ul li p::before {left: -40px;}
}
@media(max-width: 768px){
.zc-banjia ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.zc-banjia ul li {width: 100%;margin-bottom: 20px;}
.help-center a {margin-top: 25px;}
.zc-banjia .se-tit {margin: 15px 0;font-size: 14px;}
.zc-banjia .bj-img {margin-top: 0;}
.zc-banjia .bj-img img {width: 100%;}
}
.u-setting {background-color: #f5f5f5;}
.u-setting .se-tit {font-size: 18px;margin-bottom: 30px;text-align: center;}
.u-setting ul {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: stretch;-ms-flex-pack: stretch;justify-content: stretch;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.u-setting ul li {width: 32%;position: relative;float: left;padding-left: 20px;margin-bottom: 25px;word-break: break-all;}
.u-setting ul li a {font-size: 14px;color: #999999;}
.u-setting ul li::before {content: '';display: block;position: absolute;left: 0;top: 5px;border: 2px solid #3675f3;width: 10px;height: 10px;border-radius: 50%;background-color: #f5f5f5;}
.u-setting ul li a:hover {color: #3675f3;}
.u-setting .sz-img {text-align: center;margin-top: 25px;}
.u-setting .sz-img img {max-width: 100%;}
@media(max-width: 940px){
.u-setting ul li::before {left: 5px;}
.u-setting .se-tit {font-size: 16px;margin: 15px 0;}
}
@media(max-width: 768px){
.u-setting ul {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.u-setting ul li {width: 100%;margin-bottom: 15px;}
.u-setting .sz-img {margin-top: 0;}
.u-setting .sz-img img {width: 100%;}
}
.zc-upload ul {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zc-upload ul li {width: 48%;padding: 24px 7% 16px 24px;background-color: #f5f5f5;margin-bottom: 35px;}
.zc-upload ul li h3 {font-size: 20px;color: #333333;margin-bottom: 16px;}
.zc-upload ul li p {font-size: 14px;color: #666666;line-height: 22px;margin-bottom: 28px;}
.zc-upload ul li a {display: inline-block;background-color: #3675f3;color: #ffffff;padding: 10px 22px;border-radius: 30px;font-size: 14px;}
.zc-upload ul li:nth-of-type(1) {background-image: url(../images/jszc/upload-1.png);}
.zc-upload ul li:nth-of-type(2) {background-image: url(../images/jszc/upload-2.png);}
.zc-upload ul li:nth-of-type(3) {background-image: url(../images/jszc/upload-3.png);margin-bottom: 0;}
.zc-upload ul li:nth-of-type(4) {background-image: url(../images/jszc/upload-4.png);margin-bottom: 0;}
@media(max-width: 768px){
.zc-upload ul {margin-top: 30px;}
.zc-upload ul li {width: 49%;padding: 24px 16px;background-color: #f5f5f5;margin-bottom: 20px;background-position: right;}
.zc-upload ul li p {text-align: justify;margin-bottom: 20px;}
}
@media(max-width: 400px){
.zc-upload ul li {padding: 24px 10px;}
.zc-upload ul li h3 {font-size: 16px;margin-bottom: 10px;}
.zc-upload ul li p {line-height: 20px;}
}
.zc-cnwt {padding-bottom: 70px;}
.zc-cnwt ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zc-cnwt ul li {position: relative;width: 25%;position: relative;margin-bottom: 30px;padding-left: 22px;}
.zc-cnwt ul li a {font-size: 14px;color: #8a8a8a;}
.zc-cnwt ul li a:hover {color: var(--mColor);}
.zc-cnwt ul li::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 17px;height: 16px;background-image: url(../images/jszc/que-ico.png);}
@media(max-width: 768px){
.zc-cnwt ul {margin-top: 30px;}
.zc-cnwt {padding-bottom: 0;}
.zc-cnwt ul li {width: 50%;margin-bottom: 20px;}
.zc-cnwt ul li::before {top: 3px;-webkit-transform: none;-ms-transform: none;transform: none;}
.zc-upload ul li a {padding: 6px 18px;}
}
@media(max-width: 400px){
.zc-cnwt {padding-bottom: 25px;}
.zc-cnwt ul li {width: 100%;margin-bottom: 10px;}
}
.page-zxhd .page-title p {color: #999999;}
.zxhd-mail {padding-bottom: 60px;}
.zxhd-con {text-align: center;margin-bottom: 60px;}
.zxhd-con p {font-size: 24px;color: #666666;}
.zxhd-con p span {color: var(--mColor);}
.zx-mail-btns {text-align: center;margin-bottom: 30px;}
.zx-mail-btns a {border-radius: 5px;display: inline-block;padding: 16px 32px;font-size: 20px;margin: 0 5px;}
.zx-mail-btns a:first-of-type {background-color: #3675f3;color: #ffffff;}
.zx-mail-btns a:last-of-type {background-color: #fff;color: #3675f3;border: 1px solid #3675f3;}
.zxhd-img {text-align: center;}
.zxhd-img img {width: 200px;height: 200px;margin-bottom: 10px;}
.zxhd-img p {font-size: 16px;}
@media (max-width: 980px) {
.zxhd-con {margin-bottom: 30px;}
.zxhd-con p {font-size: 20px;}
}
@media (max-width: 768px) {
.zxhd-mail {padding-bottom: 30px;}
.zxhd-con {margin-top: 30px;}
.zxhd-con p {font-size: 16px;}
.zx-mail-btns a {padding: 10px 20px;font-size: 16px;}
.zxhd-img img {width: 150px;height: 150px;}
}
.zxhd-form {background-color: #f5f5f5;padding-bottom: 70px;}
.zxhd-form .sq-from {margin: 0 auto;padding: 0 20%;}
.zxhd-form .sq-from .sq-label {height: 40px;line-height: 40px;margin-bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zxhd-form .sq-from .sq-label span {font-size: 16px;color: #333333;display: inline-block;position: relative;padding-left: 25px;}
.zxhd-form .sq-from .sq-label span::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;display: block;background-repeat: no-repeat;}
.zxhd-form .sq-from .sq-label:nth-of-type(2) span::before {width: 16px;height: 20px;background-image: url(../images/zxhd/user-ico.png);background-size: 16px 20px;}
.zxhd-form .sq-from .sq-label:nth-of-type(3) span::before {width: 16px;height: 23px;background-image: url(../images/zxhd/tel-ico.png);background-size: 16px 23px;}
.zxhd-form .sq-from .sq-label:nth-of-type(4) span::before {width: 19px;height: 21px;background-image: url(../images/zxhd/com-ico.png);background-size: 19px 21px;}
.zxhd-form .sq-from .sq-label:nth-of-type(5) span::before {width: 21px;height: 19px;background-image: url(../images/zxhd/count-ico.png);background-size: 21px 19px;}
.zxhd-form .sq-from .sq-label:nth-of-type(6) span::before {width: 20px;height: 14px;background-image: url(../images/zxhd/mail-ico.png);background-size: 20px 14px;}
.zxhd-form .sq-from .sq-label span em {font-size: 16px;color: #ff3131;}
.zxhd-form .sq-from input[type='text'] {font-size: 12px;color: #999999;border: 1px solid #d2d2d2;height: 100%;width: 82%;padding: 0 15px;}
.zxhd-form .sq-from input[type='submit'] {width: 100%;background-color: #3675f3;color: #ffffff;font-size: 24px;padding: 18px 0;cursor: pointer;margin-top: 25px;border-radius: 5px;}
@media (max-width: 1200px) {
.zxhd-form .sq-from .sq-label span {width: auto;}
}
@media (max-width: 1095px) {
.zxhd-form .sq-from input[type='text'] {width: 75%;}
}
@media (max-width: 900px) {
.zxhd-form .sq-from {padding: 0 10%;}
.zxhd-form .sq-from input[type='submit'] {font-size: 18px;padding: 12px 0;margin-top: 0;}
}
@media(max-width: 768px) {
.zxhd-form {padding-bottom: 30px;}
.zxhd-form .sq-from {padding: 0 5%;margin-top: 30px;}
.zxhd-form .sq-from .sq-label {margin-bottom: 15px;}
}
@media(max-width: 570px) {
.zxhd-form .sq-from {padding: 0;}
.zxhd-form .sq-from .sq-label {-ms-flex-wrap: wrap;flex-wrap: wrap;height: auto;line-height: normal;margin-bottom: 20px;}
.zxhd-form .sq-from .sq-label span {width: 100%;margin-bottom: 10px;}
.zxhd-form .sq-from input[type='text'] {width: 100%;height: 40px;}
}
.hd-img {text-align: center;}
.hd-img img {width: 100%;}
.zxhd-zx {padding-bottom: 70px;}
.zxhd-zx ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zxhd-zx ul li {width: 32%;position: relative;-webkit-box-shadow: 10px 0 10px 5px rgba(0, 0, 0, .1);box-shadow: 10px 0 10px 5px rgba(0, 0, 0, .1);margin-bottom: 40px;}
.zxhd-zx ul li:last-of-type {visibility: hidden;opacity: 1;}
.zxhd-zx ul li .cir {position: absolute;height: 100%;}
.zxhd-zx ul li .cir-l {left: -1px;top: 0;}
.zxhd-zx ul li .cir-r {right: 1px;top: 0;}
.zxhd-zx ul li .cir i {display: inline-block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: #ffffff;}
.zxhd-zx ul li .cir i:nth-of-type(1) {top: 2%;}
.zxhd-zx ul li .cir i:nth-of-type(2) {top: 12%;}
.zxhd-zx ul li .cir i:nth-of-type(3) {top: 22%;}
.zxhd-zx ul li .cir i:nth-of-type(4) {top: 32%;}
.zxhd-zx ul li .cir i:nth-of-type(5) {top: 42%;}
.zxhd-zx ul li .cir i:nth-of-type(6) {top: 52%;}
.zxhd-zx ul li .cir i:nth-of-type(7) {top: 62%;}
.zxhd-zx ul li .cir i:nth-of-type(8) {top: 72%;}
.zxhd-zx ul li .cir i:nth-of-type(9) {top: 82%;}
.zxhd-zx ul li .cir i:nth-of-type(10) {top: 92%;}
.zxhd-zx ul li .cir-l i {left: -2px;}
.zxhd-zx ul li .cir-r i {right: -3px;}
.zxhd-zx ul li .zx-con {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 22px;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 115px;}
.zxhd-zx ul li .zx-con p {width: 70%;color: #ffffff;background-image: -webkit-gradient(linear, left top, right top, from(#6a6efb) , to(#3675f3));background-image: -o-linear-gradient(left, #6a6efb , #3675f3);background-image: linear-gradient(to right, #6a6efb , #3675f3);height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding: 0 25px;}
.zxhd-zx ul li .zx-con a {width: 30%;display: inline-block;font-size: 14px;color: #3675f3;padding: 46px 0;height: 100%;}
.zx-btn {text-align: center;}
.zx-btn a {display: inline-block;background-color: #3675f3;color: #ffffff;border-radius: 5px;font-size: 16px;padding: 15px 40px;}
.zx-btn a:hover {background-color: transparent;color: #3675f3;-webkit-box-shadow: 0 0 0 1px #3675f3;box-shadow: 0 0 0 1px #3675f3;}
@media(max-width: 1050px) {
.zxhd-zx ul li .zx-con {font-size: 18px;}
}
@media(max-width: 1010px) {
.zxhd-zx ul li {width: 49%;}
}
@media(max-width: 768px) {
.zxhd-zx {padding-bottom: 30px;}
.zxhd-zx ul li {width: 100%;margin-bottom: 15px;}
.zxhd-zx ul {margin-top: 30px;}
.zxhd-zx ul li .zx-con {height: 90px;font-size: 16px;}
.zxhd-zx ul li .zx-con a {padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.hd-img img {width: 100%;-o-object-fit: cover;object-fit: cover;height: 67px;}
}
.zxhd-th {background-color: #f5f5f5;padding-bottom: 60px;}
.th-items .th-item {background-color: #fff;position: relative;padding: 24px 60px;border-radius: 10px;cursor: pointer;margin-bottom: 20px;}
.th-items .th-item::before {content: '';position: absolute;display: inline-block;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 24px;width: 18px;height: 18px;background-image: url(../images/zxhd/arr-r.png);}
.th-items .th-item h3 {font-size: 20px;margin-bottom: 15px;}
.th-items .th-item p {font-size: 14px;color: #999999;}
.th-items .th-item-show {background-color: #3675f3;}
.th-items .th-item-show h3 {color: #ffffff;}
.th-items .th-item-show p {color: #ffffff;}
.th-items .th-item-show::after {content: '';position: absolute;display: inline-block;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 24px;width: 18px;height: 18px;background-image: url(../images/zxhd/arr-b.png);}
.th-lists .th-cont {display: none;margin: 20px 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.th-lists .th-cont li {width: 24%;background-color: #fff;border-left: 3px solid #3675f3;padding: 22px 14px 22px 20px;}
.th-lists .th-cont li h5 {font-weight: normal;margin: 0;font-size: 18px;margin-bottom: 8px;}
.th-lists .th-cont li>p {font-size: 14px;color: #999999;}
.th-lists .th-cont li .cloud-s {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 25px 0;}
.th-lists .th-cont li .cloud-s p {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-right: 22px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.th-lists .th-cont li .cloud-s p:last-of-type {margin-right: 0;}
.th-lists .th-cont li .cloud-s em {font-style: normal;font-size: 14px;color: #999999;margin-bottom: 5px;}
.th-lists .th-cont li .cloud-s span {font-size: 16px;color: #333333;}
.th-lists .th-cont li .cloud-b {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.th-lists .th-cont li .cloud-b .cloud-p {margin-right: 18px;}
.th-lists .th-cont li .cloud-b a {display: inline-block;color: #ffffff;background-color: #3675f3;border-radius: 20px;padding: 8px 16px;font-size: 12px;}
.th-lists .th-cont li .cloud-b .cloud-p p:first-of-type {font-size: 16px;color: #333333;}
.th-lists .th-cont li .cloud-b .cloud-p p:first-of-type span {font-size: 24px;color: var(--mColor);}
.th-lists .th-cont li .cloud-b .cloud-p p:last-of-type span {font-size: 14px;color: #666666;}
.th-lists .th-cont li .cloud-b .cloud-p p:last-of-type span.price-y {font-size: 14px;color: #999999;text-decoration: line-through;margin-left: 10px;}
.th-lists .th-cont li .cloud-b .cloud-p p:last-of-type i {font-style: normal;}
@media(max-width: 1175px) {
.th-lists .th-cont li .cloud-b {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.th-lists .th-cont li .cloud-s p {margin-right: 5%;}
.th-lists .th-cont li .cloud-b .cloud-p {margin-right: 0;width: 100%;margin-bottom: 10px;}
.th-lists .th-cont li .cloud-b a {width: 100%;text-align: center;}
}
@media(max-width: 1175px) {
.th-lists .th-cont li .cloud-s {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.th-lists .th-cont li .cloud-s span {margin-bottom: 4px;}
}
@media(max-width: 820px) {
.th-menu {margin-top: 30px;}
.th-items .th-item h3 {font-size: 18px;margin-bottom: 10px;}
.th-items .th-item::before,.th-items .th-item-show::after {width: 12px;height: 12px;background-size: 12px 12px;left: 10px;}
.th-items .th-item {padding: 20px 15px 20px 30px;}
.th-lists .th-cont li {padding: 22px 14px;}
}
@media(max-width: 768px) {
.th-lists .th-cont {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.th-lists .th-cont li {width: 49%;margin-bottom: 20px;}
.th-lists .th-cont li .cloud-s {margin: 15px 0;}
.zxhd-th {padding-bottom: 30px;}
.th-lists .th-cont li h5 {font-size: 16px;}
.th-lists .th-cont li .cloud-s span {font-size: 14px;}
.th-lists .th-cont li .cloud-s {margin-bottom: 0;}
.th-lists .th-cont li .cloud-b .cloud-p p:first-of-type {font-size: 14px;}
.th-lists .th-cont li .cloud-b .cloud-p p:first-of-type span {font-size: 20px;}
}
.zxhd-btm {padding-bottom: 70px;}
.zxhd-btm ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.zxhd-btm ul li {width: 32%;margin-bottom: 20px;}
.zxhd-btm ul li:nth-of-type(3n-1) {margin: 0 2%;}
.zxhd-btm ul li .zxhd-tit {background-color: #3675f3;color: #ffffff;font-size: 20px;padding: 20px;}
.zxhd-btm ul li .zxhd-cont {background-color: #fff;padding: 22px 22px 18px;border: 1px solid #e5e5e5;border-top: none;text-align: left;}
.zxhd-btm ul li .zxhd-cont p {font-size: 14px;color: #999999;line-height: 30px;min-height: 90px;}
.zxhd-btm ul li .zxhd-cont a {display: inline-block;background-color: #3675f3;color: #ffffff;padding: 10px 22px;border-radius: 20px;margin-top: 30px;}
@media(max-width: 925px) {
.zxhd-btm ul {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zxhd-btm ul li {width: 48%;}
.zxhd-btm ul li:nth-of-type(3n-1) {margin: 0;margin-bottom: 20px;}
}
@media(max-width: 768px) {
.zxhd-btm ul {margin-top: 30px;}
.zxhd-btm ul li .zxhd-tit {font-size: 16px;padding: 14px;}
.zxhd-btm ul li .zxhd-cont {padding: 15px;}
}
@media(max-width: 580px) {
.zxhd-btm ul li .zxhd-cont p {min-height: 120px;}
}
@media(max-width: 525px) {
.zxhd-btm ul li {width: 100%;}
.zxhd-btm ul li .zxhd-cont p {min-height: auto;}
}
.top-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: center;align-content: center;width: 100%;position: relative;top: -10px;padding-bottom: 60px;}
.top-list li {background-color: #fff;padding: 40px 24px;width: 31%;-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, .1);box-shadow: 0 0 20px 10px rgba(0, 0, 0, .1);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.top-list li .top-list-img {margin-right: 12px;}
.top-list li .top-list-con h3 {font-size: 22px;color: #333333;}
.top-list li .top-list-con p {font-size: 16px;color: #999999;}
@media(max-width: 1150px) {
.top-list li {padding: 24px 24px;}
.top-list li .top-list-img img {width: 50px;height: 50px;}
.top-list li .top-list-con h3 {font-size: 18px;}
.top-list li .top-list-con p {font-size: 14px;}
}
@media(max-width: 768px) {
.top-list {display: none;}
}
.gmlc-tabs {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 50px;}
.gmlc-tabs li {padding: 10px 40px;border-radius: 5px;background-color: #999999;color: #ffffff;font-size: 20px;margin: 0 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;}
.gmlc-tabs li img {margin-right: 12px;}
.gmlc-tabs li:hover,.gmlc-tabs li.tab-on {background-color: #3675f3;}
.gmlc-tabcons {padding-bottom: 70px;}
.gmlc-tabcon {display: none;}
.gmlc-tabcon ul.gmlc-left {width: 25%;padding: 0 18px;background-color: #fff7f7;}
.gmlc-tabcon ul.gmlc-left li {font-size: 16px;color: #333333;position: relative;padding: 30px 0;padding-left: 42px;top: 20px;}
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(4) {top: 30px;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li {top: 10px;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li:nth-of-type(1) {top: 0;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li:nth-of-type(2) {top: 0;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li:nth-of-type(5) {top: 20px;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li {top: 10px;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(1) {top: -3px;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(2) {top: -15px;}
/* .gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(4) {top: 30px;} */
.gmlc-tabcon ul.gmlc-left li::before {content: '';position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;display: block;width: 30px;height: 30px;}
.gmlc-tabcon ul.gmlc-left li:nth-of-type(1)::before {background-image: url(../images/process/tabc-1.png);}
.gmlc-tabcon ul.gmlc-left li:nth-of-type(2)::before {background-image: url(../images/process/tabc-2.png);}
.gmlc-tabcon ul.gmlc-left li:nth-of-type(3)::before {background-image: url(../images/process/tabc-3.png);}
.gmlc-tabcon ul.gmlc-left li:nth-of-type(4)::before {background-image: url(../images/process/tabc-4.png);}
.gmlc-tabcon ul.gmlc-left li:nth-of-type(5)::before {background-image: url(../images/process/tabc-5.png);}
.gmlc-tabcon ul.gmlc-right {width: 75%;-webkit-box-shadow: -4px 0px 16px 1px rgba(0, 0, 0, .1);box-shadow: -4px 0px 16px 1px rgba(0, 0, 0, .1);}
.gmlc-tabcon ul.gmlc-right li {font-size: 16px;color: #999999;background-color: #fff;padding: 22px 24px 22px 14px;border-bottom: 1px dashed #e5e5e5;line-height: 30px;}
.gmlc-tabcon ul.gmlc-right li:last-of-type {border-bottom: none;}
.gmlc-tabcon ul.gmlc-right li span,.gmlc-tabcon ul.gmlc-right li a {font-size: 16px;color:var(--mColor);}
@media(max-width: 1195px) {
.gmlc-tabcon ul.gmlc-left li {font-size: 16px;padding-left: 35px;}
.gmlc-tabcon ul.gmlc-left li::before {width: 25px;height: 25px;background-size: 25px 25px;}
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(2) {top: 40px;}
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(5) {top: 23px;}
.gmlc-tabcon ul.gmlc-left li {top: 22px;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li {top: 16px;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li:nth-of-type(5) {top: 30px;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(2) {top: -8px;}
}
@media(max-width: 1015px) {
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(4) {top: 58px;}
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(5) {top: 50px;}
}
@media(max-width: 920px) {
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(4) {top: 50px;}
}
@media(max-width: 865px) {
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li:nth-of-type(4) {top: 30px;}
.gmlc-tabcon:nth-of-type(2) ul.gmlc-left li:nth-of-type(5) {top: 60px;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li {top: 25px;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(2) {top: 0;}
.gmlc-tabcon:nth-of-type(3) ul.gmlc-left li:nth-of-type(4) {top: 75px;}
}
@media(max-width: 800px) {
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(3) {top: 58px;}
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(4) {top: 78px;}
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(5) {top: 90px;}
.gmlc-tabs {margin-bottom: 30px;}
.top-list {padding-bottom: 30px;}
.gmlc-tabs li {font-size: 16px;padding: 10px 0;width: 30%;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.gmlc-tabs li img {width: 30px;}
}
@media(max-width: 768px) {
.gmlc-tabs {margin-top: 30px;}
.gmlc-tabcons {padding-bottom: 30px;}
.gmlc-tabcon {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.gmlc-tabcon ul.gmlc-left {display: none;}
.gmlc-tabcon ul.gmlc-right {width: 100%;}
.gmlc-tabcon ul.gmlc-right li,.gmlc-tabcon ul.gmlc-right li span, .gmlc-tabcon ul.gmlc-right li a {font-size: 14px;}
.gmlc-tabcon ul.gmlc-right li {padding: 15px 20px;line-height: 24px;}
}
@media(max-width: 600px) {
.gmlc-tabs {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.gmlc-tabs li {margin: 0;}
.gmlc-tabs li img {width: 25px;margin-right: 8px;}
}
.txy-yh {background-color: #f5f5f5;padding-bottom: 45px;}
.txy-yh .page-title p {color: #999999;}
.txy-yh ul li {display: -webkit-box;display: -ms-flexbox;display: flex;background-color: #fff;border-radius: 5px;padding: 20px 25px 20px 30px;margin-bottom: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.txy-yh ul li i {font-size: 50px;color: #3675f3;}
.txy-yh ul li .tx-yhcon {margin-left: 34px;}
.txy-yh ul li .tx-yhcon h3 {font-size: 20px;color: #333333;margin-bottom: 8px;}
.txy-yh ul li .tx-yhcon p {font-size: 14px;color: #999999;line-height: 25px;}
.txy-yh ul li:hover {background-color: #3675f3;}
.txy-yh ul li:hover i,.txy-yh ul li:hover h3,.txy-yh ul li:hover p {color: #ffffff;}
.txy-yh a {display: inline-block;background-color: #3675f3;color: #ffffff;border-radius: 25px;font-size: 16px;padding: 15px 48px;margin-top: 35px;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
@media(max-width: 768px) {
.txy-yh ul {margin-top: 30px;}
}
@media(max-width: 500px) {
.txy-yh ul li {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: center;padding: 20px 15px;}
.txy-yh ul li .tx-yhcon {margin-left: 0;margin-top: 10px;}
.txy-yh a {margin-top: 20px;}
}
.new-user .page-title p {color: #999999;}
.new-user ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.new-user ul li {border-left: 3px solid #3675f3;width: 24%;margin-bottom: 30px;padding: 22px 20px;-webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1);box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1);}
.new-user ul li .ser-top {margin-bottom: 18px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.new-user ul li .ser-top h3 {font-size: 18px;color: #333333;display: inline-block;margin-right: 16px;}
.new-user ul li .ser-top span {font-size: 12px;color: #ffffff;background-color: #3675f3;padding: 4px 10px;border-radius: 10px;}
.new-user ul li .ser-desc {font-size: 14px;color: #999999;line-height: 1.5;min-height: 42px;}
.new-user ul li .ser-btm {margin-top: 34px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.new-user ul li .ser-btm .ser-price {font-size: 18px;color: #333333;display: inline-block;}
.new-user ul li .ser-btm .ser-price span {color: var(--mColor);font-size: 30px;}
.new-user ul li .ser-btm .ser-price em {font-style: normal;}
.new-user ul li .ser-btm a {display: inline-block;border-radius: 20px;padding: 8px 22px;font-size: 14px;background-color: #fff;color: #3675f3;border: 1px solid #3675f3;}
.new-user ul li .ser-btm a:hover {background-color: #3675f3;color: #ffffff;}
@media(max-width: 1135px) {
.new-user ul li .ser-btm .ser-price span {font-size: 22px;}
}
@media(max-width: 1060px) {
.new-user ul li .ser-top {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 10px;}
.new-user ul li .ser-top h3 {margin-bottom: 10px;margin-right: 0;width: 100%;text-align: center;}
.new-user ul li .ser-btm .ser-price {text-align: center;width: 100%;margin-bottom: 5px;}
.new-user ul li .ser-btm {margin-top: 10px;}
.new-user ul li .ser-btm a {width: 100%;text-align: center;}
.new-user ul li .ser-desc {min-height: 70px;}
}
@media(max-width: 850px) {
.new-user ul li {width: 48%;}
}
@media(max-width: 768px) {
.new-user ul {margin-top: 30px;}
}
@media(max-width: 500px) {
.new-user ul li {width: 100%;}
.new-user ul li .ser-desc {min-height: auto;margin: 20px 0;}
}
.zx-adv {background: url(../images/process/adv-img.png) no-repeat center;text-align: center;padding: 22px 0 50px;}
.zx-adv h3 {color: #ffffff;font-size: 36px;}
.zx-adv img {margin: 15px auto;display: block;}
.zx-adv a {display: inline-block;background-color: var(--mColor);color: #ffffff;border-radius: 20px;padding: 8px 28px;font-size: 16px;}
.zx-adv:hover img {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
.zx-adv a:hover {color: #ffffff;}
@media(max-width: 768px) {
.zx-adv {padding: 30px 0;}
.zx-adv h3 {font-size: 20px;}
}
.zx-aq {padding-bottom: 50px;}
.zx-aq .page-title p {color: #999999;}
.zx-aq ul li {display: -webkit-box;display: -ms-flexbox;display: flex;background-color: #fff;border-radius: 5px;padding: 20px 0px 20px 30px;margin-bottom: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;border: 1px solid #e5e5e5;}
.zx-aq ul li i {font-size: 50px;color: #3675f3;}
.zx-aq ul li .cloud-ser {margin-left: 34px;width: 65%;}
.zx-aq ul li .cloud-ser h3 {font-size: 20px;color: #333333;margin-bottom: 8px;}
.zx-aq ul li .cloud-ser p {font-size: 14px;color: #999999;line-height: 25px;}
.zx-aq ul li:hover {background-color: #3675f3;}
.zx-aq ul li:hover i,.zx-aq ul li:hover h3,.zx-aq ul li:hover p {color: #ffffff;}
.zx-aq a {background-color: #ffffff;color: #3675f3;border: 1px solid #3675f3;border-radius: 20px;font-size: 16px;padding: 10px 28px;position: absolute;right: 40px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.zx-aq a:hover {color: #3675f3;}
@media(max-width: 820px) {
.zx-aq ul li .cloud-ser {width: 60%;}
}
@media(max-width: 768px) {
.zx-aq ul {margin-top: 30px;}
.zx-aq ul li .cloud-ser {width: 50%;}
}
@media(max-width: 645px) {
.zx-aq a {display: none;}
.zx-aq ul li {padding: 20px 25px 20px 30px;}
.zx-aq ul li .cloud-ser {width: auto;}
}
.more-hot {background-color: #f5f5f5;}
.more-hot .page-title p {color: #999999;}
.more-hot ul li {background-color: #fff;-webkit-box-shadow: none;box-shadow: none;}
.more-hot ul li .ser-btm {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.more-hot ul li .ser-btm .ser-price span {font-size: 18px;color: #333333;}
.more-hot ul li .ser-btm .ser-price em {font-size: 30px;color: var(--mColor);}
.more-hot ul li .ser-desc {min-height: 64px;}
.more-hot ul li .ser-btm {margin-top: 30px;}
@media (max-width: 1060px) {
.more-hot ul li .ser-top {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 0;}
.more-hot ul li .ser-top h3 {margin-bottom: 15px;}
.more-hot ul li .ser-desc {min-height: 42px;}
}
@media (max-width: 500px) {
.more-hot ul li .ser-btm {margin-top: 0;}
.more-hot ul li .ser-top h3 {margin-bottom: 0;}
.more-hot ul li .ser-btm .ser-price {text-align: left;}
}
.pgaly-yh .top-list {padding-bottom: 0;}
.pgaly-yh .page-title p {color: #999999;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li {top: 0;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(3) {top: 10px;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(4) {top: 40px;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(5) {top: 22px;}
@media (max-width: 1195px) {
.gmlc-tabcon:nth-of-type(1) ul.gmlc-left li:nth-of-type(2) {top: 0;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(3) {top: 16px;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(4) {top: 22px;}
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(5) {top: 35px;}
}
@media (max-width: 910px) {
.pgaly-yh .gmlc-tabcon ul.gmlc-left li:nth-of-type(5) {top: 65px;}
}
@media (max-width: 768px) {
.pgaly-yh .gmlc-tabcon ul.gmlc-right {margin-top: 30px;}
}
.form-banner {position: relative;}
.form-banner picture>img {width: auto;}
.form-banner .top-form {background-color: #fff;border-radius: 5px;padding: 14px;position: absolute;right: 20%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.form-banner .top-form img {width: auto;height: 15px;}
.form-banner .top-form h3 {font-size: 18px;color: #333333;text-align: center;margin: 18px 0 0;}
.form-banner .top-form .tform {text-align: center;}
.form-banner .top-form .tform .tlabel {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 15px;}
.form-banner .top-form .tform .tlabel p {font-size: 14px;color: #333333;padding-right: 8px;}
.form-banner .top-form .tform .tlabel p i {padding-right: 4px;}
.form-banner .top-form .tform .tlabel:nth-of-type(3) p i {font-size: 18px;}
.form-banner .top-form .tform .tlabel:nth-of-type(5) p i {font-size: 14px;}
.form-banner .top-form .tform .tlabel p span {font-size: 14px;color: #fb5656;}
.form-banner .top-form .tform input[type="text"] {font-size: 12px;color: #999999;margin-top: 8px;padding: 0 10px 8px;border-bottom: 1px solid #999999;}
.form-banner .top-form .tform input[type="submit"] {background-color: #3675f3;color: #ffffff;border-radius: 5px;font-size: 14px;padding: 10px 22px;margin: 25px auto 0;cursor: pointer;}
@media (max-width: 1755px) {
.form-banner .top-form {right: 16%;}
}
@media (max-width: 1755px) {
.form-banner picture>img {position: relative;left: -13%;}
}
@media (max-width: 1450px) {
.form-banner picture>img {position: relative;left: -22%;}
.form-banner .top-form {right: 10%;}
}
@media(max-width: 1240px) {
.form-banner picture>img {left: -35%;}
.form-banner .top-form {right: 4%;}
}
@media(max-width: 1070px) {
.form-banner picture>img {left: -45%;}
}
@media(max-width: 985px) {
.form-banner picture>img {left: -48%;}
}
@media(max-width: 975px) {
.form-banner picture>img {left: 0;width: 100%;}
.form-banner .top-form {text-align: center;}
.form-banner .top-form img {display: none;}
.form-banner .top-form {right: 0;width: 100%;max-width: 1230px;padding-left: 15px;padding-right: 15px;position: relative;margin: 0 auto;z-index: 0;-webkit-transform: none;-ms-transform: none;transform: none;}
.form-banner .top-form .tform .tlabel {-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}
.form-banner .top-form .tform .tlabel p:last-of-type {width: 70%;}
.form-banner .top-form .tform input[type="text"] {width: 100%;}
}
.yqylc .page-title p {color: #999999;}
.yqylc .zd-price {background-color: #fff;}
.yqylc .zd-price ul li:first-of-type {color: #999999;text-align: center;}
.yqylc .price-list>ul:first-of-type li {color: #333333;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
@media (max-width: 1240px) {
.yqylc .zd-price ul li {padding: 15px 0;}
.yqylc .zd-price ul li:first-of-type {font-size: 18px;}
}
@media(max-width: 1180px) {
.yqylc .zd-price .price-desc p {line-height: 1.5;}
.yqylc .zd-price .price-desc>a {top: 65%;}
.yqylc .zd-price ul:first-of-type li {padding: 15px 0 15px;}
}
@media(max-width: 768px) {
.yqylc .price-list {margin-top: 30px;}
.yqylc .zd-price ul li {font-size: 14px;}
.yqylc .zd-price ul li:first-of-type {font-size: 14px;}
.yqylc .price-list>ul:first-of-type {padding-top: 0;}
.yqylc .zd-price ul:last-of-type li {margin-bottom: 0;}
}
.process-form {background-color: #f5f5f5;}
.process-form .page-title p {color: #999999;}
.core-ser {background: url(../images/process/ser-bg.png);padding-bottom: 46px;}
.core-ser .page-title {padding-top: 50px;}
.core-ser .page-title h3 {color: #ffffff;}
.core-ser .page-title p {color: #ffffff;}
.core-ser ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.core-ser ul li {background-color: #fff;border-radius: 5px;padding: 30px 34px;width: 32%;position: relative;}
.core-ser ul li h3 {font-size: 20px;padding-left: 14px;border-left: 4px solid #3675f3;margin-bottom: 16px;}
.core-ser ul li p {font-size: 16px;color: #999999;padding-left: 18px;}
.core-ser ul li img {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;right: -54px;}
.core-ser .core-btn {text-align: center;margin-top: 55px;}
.core-ser .core-btn a {display: inline-block;background-color: #fff;color: #3675f3;font-size: 16px;border-radius: 5px;padding: 14px 30px;}
.core-ser .core-btn a:hover {background-color: #3675f3;color: #ffffff;}
@media(max-width: 768px) {
.core-ser ul {margin-top: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.core-ser ul li {width: 100%;margin-bottom: 20px;padding: 25px 20px;}
.core-ser ul li:last-of-type {margin-bottom: 0;}
.core-ser ul li h3 {font-size: 18px;padding-left: 12px;margin-bottom: 10px;}
.core-ser ul li p {font-size: 14px;color: #999999;padding-left: 16px;margin-bottom: 0;}
.core-ser ul li img {right: 0;-webkit-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);top: auto;bottom: -26px;width: 65px;}
.core-ser .core-btn {margin-top: 30px;}
}
.aly-qyyx {background: url(../images/process/mail-bg.png);padding-bottom: 70px;}
.aly-qyyx .page-title p {color: #999999;}
.aly-qyyx ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.aly-qyyx ul li {width: 32%;background-color: #fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}
.aly-qyyx ul li .qyyx-top {display: -webkit-box;display: -ms-flexbox;display: flex;background: url(../images/process/list-bg.png);-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 25px 28px;}
.aly-qyyx ul li .qyyx-top i {color: #ffffff;font-size: 42px;}
.aly-qyyx ul li .qyyx-top .qyyx-tcon {color: #ffffff;margin-left: 14px;}
.aly-qyyx ul li .qyyx-top .qyyx-tcon h3 {font-size: 20px;margin-bottom: 8px;}
.aly-qyyx ul li .qyyx-top .qyyx-tcon p {font-size: 14px;}
.aly-qyyx ul li .qyyx-btm {padding: 18px 26px 40px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(1) {font-size: 16px;line-height: 30px;min-height: 60px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 16px;border-bottom: 1px solid #e5e5e5;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) span {position: relative;font-size: 14px;color: #666666;padding-left: 22px;width: 50%;margin-bottom: 20px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) span::before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 16px;height: 14px;background-image: url(../images/process/right-ico.png);}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(3) {font-size: 20px;margin: 30px 0;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(3) span {color: var(--mColor);font-size: 32px;}
.aly-qyyx ul li .qyyx-btm a {padding: 10px 16px;border: 1px solid #3675f3;color: #3675f3;font-size: 16px;}
.aly-qyyx ul li .qyyx-btm a:hover {background-color: #3675f3;color: #ffffff;}
@media(max-width: 1165px) {
.aly-qyyx ul li .qyyx-top {padding: 25px 20px;}
.aly-qyyx ul li .qyyx-btm {padding: 18px 15px 40px;}
}
@media(max-width: 1100px) {
.aly-qyyx ul li .qyyx-top .qyyx-tcon {margin-left: 10px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) {margin-top: 10px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) span {width: 100%;margin-bottom: 10px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(3) {margin: 15px 0 24px;}
}
@media(max-width: 1034px) {
.aly-qyyx ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.aly-qyyx ul li {width: 49%;margin-bottom: 30px;}
}
@media(max-width: 768px) {
.aly-qyyx {padding-bottom: 30px;}
.aly-qyyx ul {margin-top: 30px;}
.aly-qyyx ul li {width: 100%;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) {padding-bottom: 20px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(3) {font-size: 18px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(3) span {font-size: 26px;}
.aly-qyyx ul li .qyyx-top {padding: 16px 20px;}
.aly-qyyx ul li .qyyx-top .qyyx-tcon h3 {font-size: 18px;}
.aly-qyyx ul li .qyyx-top i {font-size: 40px;}
.aly-qyyx ul li .qyyx-btm {padding: 12px 15px 30px;}
.aly-qyyx ul li .qyyx-btm P:nth-of-type(1) {font-size: 14px;line-height: 25px;min-height: 50px;}
}
@media(max-width: 500px) {
.aly-qyyx ul li .qyyx-btm P:nth-of-type(2) {padding-bottom: 8px;}
}
.aly-on .page-title p {color: #999999;}
.aly-on ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.aly-on ul li {width: 32%;text-align: left;padding: 30px 45px;margin-bottom: 10px;}
.aly-on ul li .on-icon {display: inline-block; background-color: #fff;margin-bottom: 16px;border-radius: 50%;text-align: center;-webkit-box-shadow: 0 1px 0 0 var(--mColor);box-shadow: 0 1px 0 0 var(--mColor);padding: 14px;}
.aly-on ul li .on-icon img {width: 36px;height: 36px;}
.aly-on ul li .on-icon img:last-of-type {display: none;}
.aly-on ul li h3 {font-size: 20px;margin-bottom: 8px;}
.aly-on ul li p {font-size: 14px;color: #999999;background-image: 25px;}
.aly-on ul li:hover {-webkit-box-shadow: 0 0 15px rgb(144 146 148 / 49%);box-shadow: 0 0 15px rgb(144 146 148 / 49%);}
.aly-on ul li:hover .on-icon {background-color: #3675f3;-webkit-box-shadow: 0 1px 0 0 #3675f3;box-shadow: 0 1px 0 0 #3675f3;}
.aly-on ul li:hover .on-icon img:first-of-type {display: none;}
.aly-on ul li:hover .on-icon img:last-of-type {display: inline-block;}
@media(max-width: 890px) {
.aly-on ul li {padding: 30px 26px;}
}
@media(max-width: 768px) {
.aly-on ul {margin: 20px 0 0;}
.aly-on ul li {padding: 25px 10px;}
}
@media(max-width: 500px) {
.aly-on ul li {width: 49%;}
}
.aly-mng {padding-bottom: 120px;}
.aly-mng .page-title p {color: #999999;}
.aly-mng ul li {-webkit-box-shadow: none;box-shadow: none;margin-bottom: 0;}
.aly-mng ul li:hover {-webkit-box-shadow: 0 0 15px rgb(144 146 148 / 49%);box-shadow: 0 0 15px rgb(144 146 148 / 49%);}
@media(max-width: 768px) {
.aly-mng {padding-bottom: 30px;}
.aly-mng ul li {padding: 15px 10px;}
}
.pro-ceses ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.pro-ceses ul li {position: relative;margin-bottom: 25px;overflow: hidden;}
.pro-ceses ul li img {max-width: 100%;}
.pro-ceses ul li:hover img {transform: scale(1.1);}
.pro-ceses ul li p {position: absolute;bottom: 0;left: 0;font-size: 18px;color: #ffffff;width: 100%;height: 100%;background: rgba(0,0,0,.2);display: flex;line-height: 550px;padding-left: 28px;overflow: hidden;}
@media(max-width: 920px) {
.pro-ceses ul {margin-top: 25px;}
.pro-ceses ul li {width: 49%;}
.pro-ceses ul li p {line-height: 340px;padding-left: 18px;}
.pro-ceses ul li img {width: 100%;height: 200px;object-fit: cover;}
}