*{margin:0;padding:0;border:none;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {padding-top: 80px;font-size:14px;font-family:PingFang SC,Arial,Microsoft YaHei,Tahoma,sans-serif;color:#666;}
img {max-width:100%;border:0 none;vertical-align:middle;-webkit-user-drag:none;}
input,textarea,button {outline:none;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;  margin:0;padding:0;}
b,strong {font-weight:700}
em,i {font-style:normal}
input {vertical-align:middle}
img {vertical-align:middle;border:none}
address,cite,dfn,em,var {font-style:normal}
code,kbd,samp {font-family:courier new,courier,monospace}
small {font-size:12px}
li,ol,ul {list-style:none}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
fieldset,img {border:0}
input:-moz-placeholder,textarea:-moz-placeholder {color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#ccc}
table {border-collapse:collapse;border-spacing:0}
a {text-decoration:none;color:#333}
a:hover {text-decoration:none}
address,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block}
.clearfix:after,.clearfix:before {content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after {clear:both}
.clearfix {zoom:1}
.hide,.mobile,.mobile1,.mobile2,.header_language1{display: none;}
.fl {/* float:left; */}
.fr {float:right;}
.pr {position:relative}
.pa {position:absolute}
.mt5 {margin-top:5px}
.mt8 {margin-top:8px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mb3 {margin-bottom:3px}
.mb5 {margin-bottom:5px}
.mb8 {margin-bottom:8px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.tra3 {transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.tra5 {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.tra8 {transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s}
.tra10 {transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
/*text-align*/
.tc{text-align:center;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}

body.with-notice{padding-top:125px;}
.notification{position:fixed;height:45px;background:#f2fbff;top:0;left:0;right:0;display:none;line-height:45px;color:#333;font-size:14px;z-index:99;text-align:center;}
.notification a{color:#03a9f4}
.notification span{margin-left:15px;}
.with-notice .notification{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.with-notice header{top:45px;}
/*fAdFixed*/
.fAdFixed{position: fixed;bottom:0;}
.fAdFixed-content{display:inline-block;width: 100%;height: 100%;}
.fAdFixed-content .text {display: block;padding:2px 0;float:left;font-size: 24px;color: #fff;z-index: 20;}
.fAdFixed-content .text .golden {color: #fff;}
.fAdFixed-getbtn {display: block;background: linear-gradient(to right, #f3ce87, #d7b16b);border-radius: 5px;width: 140px;height:40px;line-height: 40px;font-size: 16px;color: #885800;text-align: center;cursor: pointer;}
.fAdFixed-getbtn:hover {box-shadow: 0 10px 25px 0 rgba(238, 77, 45, 0.4);}
.fAdFixed-close{ width: 16px; height: 16px; position: relative;  margin-left: 15px;vertical-align: top;cursor: pointer;}
.fAdFixed-close::before, .fAdFixed-close::after{position: absolute; content: ''; width: 16px; height: 2px; border-radius: 2px;  left: 50%; top: 50%; background: #fff; margin-left: -8px; margin-top: -1px; }
.fAdFixed-close::before{transform: rotate(45deg);}
.fAdFixed-close::after{ transform: rotate(-45deg);}
@media screen and (max-width:1024px){
    #fAd{display:none !important;}
}
/* header  */
header {position:fixed;left:0;top:0;z-index:99;display:block;width:100%;height:80px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.08);-webkit-transition:background 0.4s;transition:background 0.4s;}
header .box {width: 100%;padding: 0 60px;;margin: 0 auto;}
header .logo {float:left;display: flex;align-items: center;margin: 20px 0;vertical-align: middle;}
header .logo .logoImg{height: 40px;}
header .logoText {display: inline-block;margin-left: 10px;padding-left: 10px;border-left: #e8edf2 1px solid;vertical-align: middle;}
header .logoText .te {line-height: 20px;width: 68px;text-align: center;font-size: 12px;background-color: #006dff;border-radius: 3px;color: #fff}
header .logoText .dllogo {display: block;height: 20px;line-height: 20px;}
header .logoText .dllogo img{ width: auto;height: 20px;}
header .logoText  p {font-size: 12px;color: #878B99;height: 15px;line-height: 15px;margin-top: 5px;}
header .logoText .light {position: absolute;top: 0;left: -230px;width: 50%;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));-webkit-transition: 0s;-webkit-transform: skewx(-25deg);}
header .logoText a:hover .light {left: 320px;-webkit-transition: .6s;}
/*nav-menu-list*/
header .nav-menu {display: flex;align-items: center;justify-content: space-between;}
header .nav-menu-list {float:left;margin-left: 50px;vertical-align:top;}
header .nav-menu-list > li {float:left;height:80px;line-height:80px;}
header .nav-menu-list > li > a {color:#181818;font-size:16px;margin:0 25px;display: block;line-height:80px;position:relative;box-sizing: border-box;}
header .nav-menu-list > li:last-child {margin-right:0;}
header .nav-menu-list > li .nav_hot {width: 40px;height: 18px;line-height: 18px;background: linear-gradient(90deg, #fc354c 0%, #ff4e4e 100%);position: absolute;border-radius: 2px;color: #fff;top: 10px;font-size: 12px;right: -32px;text-align: center;cursor: pointer;}
header .nav-menu-list > li .nav_hot:before {content: " ";position: absolute;width: 0;height: 0;left: 10px;top: 16px;border-color: #fd4343 transparent transparent #fd4343;border-style: solid;border-width: 4px;}
header .nav-menu-list > li .nav_icon {position: absolute;right: -18px;top: 0;width:20%;height: 100%;}
header .nav-menu-list > li .nav_icon:after { content: ''; position: absolute; border: 1px solid #181818; border-left: none; border-bottom: none; width: 8px; height: 8px; right:0px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -8px; }
header .nav-menu-list > li.active .nav_icon:after{border: 1px solid #00a4ff;border-left: none;border-bottom: none;}
header .nav-menu-list > li.active > a:after{content:"";position:absolute;bottom:22px;left:50%;display:block;width:2em;height:2px;margin-left:-1em;background:#00a4ff;}
header .nav-menu-list > li.active > a,header .nav-menu-list > li:hover  a{color:#00a4ff;}
header .nav-menu-list > li:hover .nav_icon:after { border-right-color:#00a4ff;border-top-color:#00a4ff;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }
header .nav-menu-list .submenu {width: 100%;font-size:14px;text-align:center;border-top: 1px solid #eee;background: #fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:absolute;left:0;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
header .nav-menu-list .submenu ol  {/* padding:12px 0; */}
header .nav-menu-list .submenu ol li {display: inline-block;padding-right: 30px;position: relative;}
header .nav-menu-list .submenu ol li:last-child {padding-right: 0;}
header .nav-menu-list .submenu ol li:last-child::after {display: none;}
header .nav-menu-list .submenu ol li:after {position: absolute;right: 15px;top: 50%;content: ' ';transform: translateY(-50%);width: 1px;height: 12px;background-color: rgba(102, 102, 102, .3);}
header .nav-menu-list .submenu ol li a {display:block;height:30px;line-height:30px;color:#181818!important;padding:0 16px;font-size: 14px;}
header .nav-menu-list .submenu ol li a:hover {color:#00a4ff !important;}
header .nav-menu ul > li:hover .submenu {height:auto;opacity:1;visibility:visible;margin-top:0;}
header .blockbg {display:none;width:100%;height:100%;background:#000;filter:alpha(opacity=40);opacity:.4;position:fixed;left:0;top:0;z-index:992;}
/*menu-toggle*/
header .menu-toggle {display:none;width:22px;height:20px;filter:alpha(opacity=100)!important;opacity:1!important;position:fixed;top:20px;right:15px;z-index:9999;}
header .menu-toggle span {display:block;background:#333;width:100%;height:2px;position:absolute;left:0;transition:all ease .35s;}
header .menu-toggle span:nth-of-type(1) {top:0;}
header .menu-toggle span:nth-of-type(2) {top:8px;}
header .menu-toggle span:nth-of-type(3) {top:16px;}
header .menu-toggle.close span {background:#000;}
header .menu-toggle.close span:nth-of-type(1) {top:10px;transform:rotate(45deg);}
header .menu-toggle.close span:nth-of-type(2) {width:0;}
header .menu-toggle.close span:nth-of-type(3) {top:10px;transform:rotate(-45deg);}
/*nav-right*/
header .nav-right {display: flex;align-items: center;margin:22px 0;}
header .nav-right img {width: 28px;}
header .nav-tel {color: #333;font-size: 18px;font-weight:700;white-space: nowrap;margin: 0px 15px 0px 6px;}
header .partner {position: relative;overflow: hidden;width: 98px;height: 34px;line-height: 34px;border-radius: 4px;font-size: 14px;text-align: center;color: #fff;background-color: #3273dc;display: inline-block;vertical-align: middle;box-shadow: 0px 12px 15px 0px rgba(96, 195, 248, 0.3);transform: perspective(1px) translateZ(0);transition: all 0.4s ease-in-out;}
header .partner:before {content: "";position: absolute;background-color: #fff;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;transform: scaleX(0);transform-origin: 0 50%;transform-origin: 100% 50%;transition: all 0.4s ease-in-out;}
header .partner:hover,header .partner:focus,header .partner:active {box-shadow: none;color: #3273dc;background-color: #fff;border: 1px solid #3273dc;}
header .partner:hover:before,header .partner:focus:before,header .partner:active:before {transform: scaleX(1);}

@media only screen and (max-width:1680px) {
    header .box {padding: 0 30px;}
}
@media only screen and (max-width:1440px) {
    header .box {padding: 0 20px;}
    header .nav-menu-list {margin-left: 30px;}
    header .nav-menu-list > li > a {margin:0 25px;}
}
@media only screen and (max-width:1380px) {
    header .nav-menu-list {margin-left: 20px;}
    header .nav-menu-list > li > a {margin:0 15px;}
}
@media only screen and (max-width:1280px) {
    header .nav-menu-list > li > a {font-size:15px; }
}
@media only screen and (max-width:1200px) {
    body.with-notice{padding-top:105px;}
    body.with-notice .menu-toggle {top:65px;}
    body.with-notice .nav-menu {top:45px;}
    body {padding-top: 60px;}
    header  {height:60px;}
    header .logo {margin: 10px 0;}
    header .nav-menu {width:280px;height:100%;position:fixed;right:-100%;top:0;z-index:9993;transition:right .6s;background:#ffffff;margin-left:0;}
    header .nav-menu.open {right:0;}
    header .nav-menu ul {width:100%;overflow-y:auto;position:absolute;left:0;top:50px;bottom:70px;}
    header .nav-menu ul > li {width:auto!important;height:auto;float:none;font-size:16px;margin:0 30px;line-height:inherit;border-bottom:1px solid #f5f5f5;}
    header .nav-menu ul > li > a {margin:0;text-align:left;height:50px;line-height:50px;color:#333333;font-size:16px;}
    header .nav-menu-list {margin-left: 0px}
    header .nav-menu-list > li.active > a:after, header .nav-menu-list > li:hover a:after {width:0;}
    header .nav-menu-list > li i.nav_hot {top: 15px;right: 0px;}
    header .nav-menu-list > li i.nav_icon {display:block;position: absolute;right: 0;top: 0;width: 40px;text-align:center;height: 100%;background-image: url(resources/arrow_right.png);background-size: 18px;background-repeat: no-repeat;background-position: center;cursor: pointer;transition:transform .5s;}
    header .nav-menu-list > li i.nav_icon.icon_btndown {background-image: url(resources/arrow_down.png);}
    header .nav-menu-list > li .nav_icon:after{display:none;}
    header .nav-menu-list .submenu {width:auto;text-align: left;position:static;transition:all 0s!important;opacity:1!important;visibility:visible!important;display:none;height:auto;border-top: 0px;box-shadow:inherit;margin-top:0;}
    header .nav-menu-list .submenu ol {padding:0;}
    header .nav-menu-list .submenu ol li {display: block;border-top:1px solid #f5f5f5;padding-right: 0px;}
    header .nav-menu-list .submenu ol li:after {display:none;}
    header .nav-menu-list .submenu ol li > a {height:40px;line-height:40px;color:#666;}
    header .menu-toggle {display:block;}
    header .nav-right {position:absolute;bottom:20px;left:20px;margin:0;}
    header .nav-right img {width: 26px;}
    header .nav-tel {font-size: 16px;}
}
@media screen and (max-width: 769px){
    header .box {padding: 0 16px;}
}
@media screen and (max-width: 400px){
    header .box {padding: 0 12px;}
}
footer {display: block;padding-top:50px}
footer .footer-top{flex-wrap: wrap;display: flex;justify-content: space-between;}
footer .footer-contact {float:left;width:16%}
footer .footer-contact h3 {color: #333;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
footer .footer-contact dl {margin-top: 15px;}
footer .footer-contact dl dt {font-size: 14px;color: #6f7580;line-height: 20px;}
footer .footer-contact dl dd {color: #141414;font-size: 20px;font-weight: 700;line-height: 30px;}
footer .footer-qrcode{float:left;width:20%;}
footer .footer-qrcode .img{display: block;width: 128px;height: auto;margin:0 auto; padding: 5px;box-shadow: 5px 5px 13px 0px rgba(55, 90, 170, 0.1), -5px -5px 13px 0px rgba(255, 255, 255, 0.3);}
footer .footer-qrcode .img img{max-width: 100%;height: 120px;width: 120px;}
footer .footer-qrcode .text{color:#3B485D;font-size: 14px; text-align: center;margin-top: 10px;}
footer .footer-about {float:right;width: 25%;}
footer .footer-about h3 {color: #333;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
footer .footer-about p {font-size: 14px;line-height: 24px;color: #757f92;}
footer .footer-nav {float:left;width:30%}
footer .footer-nav dl {float: left;}
footer .footer-nav dt {color:#333;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
footer .footer-nav dd {display: block;width: 50%;max-width: 175px;float: left;}
footer .footer-nav dd a{ color: #3B485D;line-height: 30px;}
/* 版权  */
footer .footer-bottom {display:block;width:100%;margin-top: 30px;padding:20px 0;font-size:14px;color:#333;border-top: 1px solid #eee;overflow: hidden;}
footer .footer-bottom  p{display: inline-block;}
footer .footer-bottom .left {float: left;width: 70%;}
footer .footer-bottom .left span {margin-right:10px;}
footer .footer-bottom .left span:last-child{margin-right:0px}
footer .footer-bottom .left a {display: inline-block;color:#181818; position: relative; }
footer .footer-bottom .left a:hover {color:#e9422c;}
footer .footer-bottom .right {float: right;width:30%;text-align: right;}
footer .footer-text {display:block;border-top:1px solid #eee;font-size:12px;color:#181818;line-height:2;padding:10px 0;overflow: hidden;position: relative;}
footer .footer-link{flex-wrap: wrap;display: flex;justify-content: space-between;padding:10px 0;border-top: 1px #eee solid;}
footer .footer-link .link-right{font-size: 12px;line-height: 24px;color: #757f92;}
footer .footer-link .link-box{width: 900px;position: relative;}
footer .footer-link .bt {color: #757f92;font-size:12px;}
footer .footer-link .bt{float: left;width: 60px;line-height: 24px;}
footer .footer-link .lb{float: left;width: calc(100% - 60px);height: 24px;overflow: hidden;transition: all 0.5s;}
footer .footer-link .lb a{display: inline-block;color: #757f92;font-size:12px;height: 24px;line-height: 24px;margin-right: 10px;}
footer .footer-link .gd{height: 22px;line-height:20px;position: absolute;right:-60px;top:0px;color: #757f92;font-size: 12px;border: 1px solid #757f92;width: 60px;cursor: pointer;text-align: center;}
@media screen and (max-width:1200px){
    footer .footer-link .link-box{width: 720px;}
}
@media screen and (max-width:1025px){
    footer {display: block;padding-top:30px}
    footer .footer-contact {float:left;width:50%}
    footer .footer-qrcode{float:left;width:50%;}
    footer .footer-nav {width:100%;margin-top:30px;}
    footer .footer-nav dl {float: none;text-align: center;}
    footer .footer-nav dd{width:25%;text-align:center;line-height:36px;}
    footer .footer-about,footer .footer-link {display:none}
    footer .footer-bottom {padding:10px 0;font-size:12px;line-height:20px;margin-top: 10px;}
    footer .footer-bottom .left,
    footer .footer-bottom .right {display:  block;float: none;width: auto;text-align:center;}
    footer .footer-bottom .right a {padding-left:0px;}
}

/*联系右侧*/
.contact-bar{bottom:80px;height:auto;position:fixed;right:10px;width:40px;z-index:50}
.contact-bar-top,.contact-bar-item{height:100%;position:relative;width:100%}
.contact-bar-item{line-height: 20px;padding: 12px 10px;font-size: 16px;color: #FFFFFF;text-align: center;word-wrap: break-word;background: linear-gradient(to right, #4b98f4, #553eea);border-radius:5px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;}
.contact-bar-item:before{background-color:#333;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .5s;transition:all .5s;width:100%;z-index:2}
.contact-bar-item:hover:before{opacity:.1}
.contact-bar-item img{height:46px;width:40px}
.contact-bar-popup{	background: linear-gradient(to right, #fafdff 0%, #f5f6fc 100%);box-shadow: 0px 0px 24px 0px rgba(168, 173, 184, 0.47);border-radius:5px;display:none;position:absolute;right:50px;bottom:0;width:240px;z-index:2}
@media (max-width:668px){
    .contact-bar-popup{width:220px}
}
.contact-bar-popup.show{display:block}
.contact-bar-popup.hide{display:none}
.contact-bar-popup .close{ display:block;width: 22px; height: 22px;background: linear-gradient(to right, #4b98f4, #553eea);border-radius: 50%; position:absolute;left:-25px;top:0;cursor: pointer;}
.contact-bar-popup .close::before,.contact-bar-popup .close::after{position: absolute; content: ''; width: 14px; height: 2px; border-radius: 2px;  left: 50%; top: 50%; background: #fff; margin-left: -7px; margin-top: -1px; }
.contact-bar-popup .close::before{transform: rotate(45deg);}
.contact-bar-popup .close::after{ transform: rotate(-45deg);}
.contact-bar-popup .popup{color:#666;display:none;font-size:14px;line-height:1.5em;padding:15px 20px;text-align:center}
@media (max-width:668px){
    .contact-bar-popup .popup{font-size:12px}
}
.contact-bar-popup .popup.popup-default{display:block;font-size:16px;line-height:1em}
@media (max-width:668px){
    .contact-bar-popup .popup.popup-default{font-size:14px}
}
.contact-bar-popup .popup.popup-default .list{margin-top:15px}
.contact-bar-popup .popup.popup-default .list>ul{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;list-style:none;margin:0;padding:0}
.contact-bar-popup .popup.popup-default .list>ul>li button{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:none;border:none;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;outline:0;padding:0}
.contact-bar-popup .popup.popup-default .list>ul>li button img{height:22px;margin-right:5px;width:22px}
@media (max-width:668px){
    .contact-bar-popup .popup.popup-default .list>ul>li button img{height:18px;width:18px}
}
.contact-bar-popup .popup.popup-default .list>ul>li button em{color:#475669;font-size:14px;font-style:normal;line-height:1em;-webkit-transition:all .5s;transition:all .5s;white-space:nowrap}
@media (max-width:668px){
    .contact-bar-popup .popup.popup-default .list>ul>li button em{font-size:12px}
}
.contact-bar-popup .popup.popup-default .list>ul>li button:hover em,.contact-bar-popup .popup.popup-phone .phone {color:#e9422c;}
.contact-bar-popup .popup.popup-qr{text-align:center;}
.contact-bar-popup .popup.popup-qr img{display:block;margin:0 auto;width:100px}
.contact-bar-popup .popup.popup-qr p {display:block;margin-top:10px;color: #252b3a;font-size: 14px;}
.contact-bar-popup .popup.popup-qr .ywqq {display: inline-block; width: 160px;height: 36px;line-height: 36px;background: #0067ED;border-radius: 4px;margin-top: 10px;}
.contact-bar-popup .popup.popup-qr .ywqq a{color: #FFFFFF;font-size: 16px;text-align: center;}
/* 联系弹窗 */
.contact-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1024;display: none;}
.contact-popup .popup-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);}
.contact-popup .popup-box{position: absolute;top: 50%;left: 50%;background-color: #fff;border-radius: 15px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.contact-popup .popup-box:after,.contact-popup .popup-box:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.contact-popup .popup-qrcode{text-align: center;margin-top: 40px;}
.contact-popup .popup-qrcode img{width: 180px;height: 180px;margin: 0 auto;}
.contact-popup .popup-close{display:block;position: absolute;top: -15px;right: -30px;width: 30px;height: 30px;background: #fff;border-radius: 50%;cursor: pointer;}
.contact-popup .popup-close::before,.contact-popup .popup-close::after{position: absolute; content: ''; width: 14px; height: 2px; border-radius: 2px;  left: 50%; top: 50%; background: #333; margin-left: -7px; margin-top: -1px; }
.contact-popup .popup-close::before{transform: rotate(45deg);}
.contact-popup .popup-close::after{ transform: rotate(-45deg);}
.contact-popup .popup-topbg {width: 320px;height: 160px;border-radius: 15px 15px 0px 0px;background: url(resources/contact_popup.png) no-repeat center;background-position:50% 50%;background-size:cover;}
.contact-popup .popup-code {text-align: center;padding: 20px 0}
.contact-popup .popup-code img {width: 226px;height: 226px;display: block;margin: 0 auto;}
.contact-popup .popup-title {padding-top: 10px;text-align: center;line-height: 30px;font-size: 20px;}
.contact-popup .popup-text {display: block;text-align: center;height: 30px;line-height: 30px;font-size: 16px;color: #666666;}
.contact-popup .popup-text em {padding-left: 10px;}
@media only screen and (max-width:768px) {
    .contact-popup .popup-topbg {width: 300px;height: 150px;;}
    .contact-popup .popup-close{ top: -25px;right: -12px;width: 24px;height: 24px;}
}

/* 公用模块 */
.wbox {background-color:#fff;}
.gbox {background-color:#f4f7fa;}
.sbox {-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.1);box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}
/*wrapper*/
.main,.wrapper{max-width: 1400px;margin: 0px auto;}

@media only screen and (min-width:768px) and (max-width:1420px) {
    .main,.wrapper{padding: 0 20px;}
}
@media only screen and (max-width:768px) {
    .main,.wrapper {padding: 0 12px;}
}
/*mod*/
.home-box {padding:100px 0;}
.mod-box{padding:40px 0 20px;}
.mod-narrow {padding:0px 0 60px;}
.mod-left {display:block;float: left;width: 100%;}
.mod-left1 {display:block;float: left;width: 85%;}
.mod-right {display:block;float: right;width: 15%;}
.box-menu {float: left;width: 14%;}
.box-left {width: 60%;float: left;margin:0 1%;-webkit-box-shadow:1px 1px 11px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 11px 1px rgba(0,0,0,.05);box-shadow:1px 1px 11px 1px rgba(0,0,0,.05);}
.box-right {width: 24%;float: right;}
@media only screen and (max-width:1400px) {
    .home-box {padding:80px 0; padding-top: 0px;}
}
@media only screen and (max-width:1200px) {
    .home-box {padding:60px 0;}
    .box-menu {width: 100%;margin-bottom: 10px;}
    .mod-left,.box-left {width: 75%;float: left;margin:0;}
    .mod-right,.box-right {width: 20%;}
}
@media screen and (max-width:1024px){
    .mod-box{padding:20px 0 30px;}
    .mod-narrow{padding:0 0 40px;}
    .mod-left {width: 100%;}
    .mod-left1 {width: 100%;}
    .mod-right {width:100%;margin-top:20px;}

    .box-left {width: 100%;float: left;margin:0;}
    .box-right {display:none;}
}
@media screen and (max-width:768px){
    .home-box {padding:50px 0;}
    .mod-box{padding:10px 0 20px;}
    .mod-narrow{padding:0 0 30px;}
}
/* 标题 */
.home-hd {text-align:center;margin-bottom:50px;}
.home-hd .title{color:#181818;font-size:36px;line-height: 1;}
.home-hd .text{display: inline-block;font-size:16px;color:#757f92;line-height:20px;margin-top: 10px;}
@media screen and (max-width:768px){
    .home-hd {text-align:center;margin-bottom:20px;}
    .home-hd .title{font-size:26px;}
    .home-hd .text{font-size:14px;}
}

.hd-title {display:block;overflow:hidden;position:relative;}
.hd-title .title{color:#000;font-size:30px;line-height: 40px;}
.hd-title .text{font-size:14px;color:#3d485d;line-height:20px;margin-top: 10px;}

.box-title {height: 50px;padding-left: 16px;border-bottom: 2px solid #eee;}
.box-title .title{float:left;height:50px;line-height:48px;font-size:20px;font-weight:700;color:#333;border-bottom:2px solid #e9422c}

/*sub-title*/
.sub-title{height:50px;border-bottom:1px solid #eee;}
.sub-title.isbottom {border-bottom: 2px solid #e9422c;}
.sub-title .fr,.sub-title .title{height:50px;line-height:50px}
.sub-title .title{display: inline-block;padding-left:16px;font-size:18px;font-weight:700;color:#333;position:relative}
.sub-title .title:before{display:block;content:"";position:absolute;z-index:1;top:15px;left:0;width:4px;height:20px;background-color:#e9422c}
.sub-title .fr{padding-right:12px;font-size:14px;color:#999}
.sub-title .fr:hover{color:#e9422c}

/*导航*/
.subnav{background: #fff;padding: 10px 20px;margin-top: -32px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);position: relative;z-index: 9;}
.subnav li{display:inline-block;margin:0 30px;position: relative;}
.subnav li a{display:block;line-height:50px;color:#252b3a;font-size:16px;}
.subnav li a:after {content: '';position: absolute;left: 50%;bottom:5px;z-index: 0;width: 0;height: 2px;background-color: #dc1c1c;margin-left: 0;-webkit-transition: 0.4s;transition: 0.4s;}
.subnav li.cur a,.subnav li:hover a {color: #dc1c1c;}
.subnav li.cur a:after,.subnav  li:hover a:after {width: 100%;margin-left: -50%;}
@media screen and (max-width:1200px){
    .subnav{text-align: center;}
    .subnav{background: #fff;padding: 10px 12px;}
    .subnav li{margin:0 20px;}
}
@media screen and (max-width:480px){
    .subnav{background: #fff;padding: 2px 6px;margin-top: -20px;}
    .subnav li{margin:0 10px;}
    .subnav li a{line-height:50px;font-size:15px;}
}
/*导航*/
.pronav{background: #fff;text-align: center;padding: 20px 0;margin-top: -40px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);position: relative;z-index: 9;}
.pronav ul{display: block;}
.pronav li{display:inline-block;margin:0 20px;position: relative;}
.pronav li a{display:block;height:30px;line-height:30px;color:#252b3a;font-size:16px;padding:0 20px;}
.pronav li a:hover,.pronav li.cur a{color:#fff;background: linear-gradient(90deg, #fc354c 0%, #ff4e4e 100%);border-radius:5px;}
@media screen and (max-width:1200px){
    .pronav li{margin:0 5px;}
}
@media screen and (max-width:1024px){
    .pronav {width: 100%;padding:16px 6px;margin-top: -30px;overflow-x: auto;white-space: nowrap;}
    .pronav::-webkit-scrollbar {display:none}
    .pronav li a{font-size: 14px;}
}
/* crumbs  */
.crumbs {display: block;line-height: 24px;;margin-bottom: 10px;position: relative;overflow: hidden;}
.crumbs a {color: #252b3a;font-size: 14px; font-family: '微软雅黑';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.crumbs a:hover { color: #e9422c; }

/* 列表分页 */
.pages {display:block;margin: 30px 0;text-align: center;overflow: hidden;position: relative;}
.pages a,.pages span{ display: inline-block;line-height: 30px;height: 30px;margin: 0 5px; color: #666666; font-size: 14px;padding: 0px 12px; border: 1px solid #e2e2e2;background-color: #fff;border-radius: 5px;}
.pages a:hover  { color: #e9422c; border-color: #e9422c; background-color: #fff; }
.pages .cur  { color: #fff; border-color: #e9422c; background-color: #e9422c; }
.pages .empty,.pages a:hover.empty { color: #999; border-color: #e2e2e2; background-color: #f9f9f9; }
@media only screen and (max-width:768px) {
    .pages li {margin: 0 2px;min-width: 30px; line-height: 28px;}
    .pages li a {font-size: 12px;padding: 0 12px; }
    .pages li span {padding: 0 12px;}
}
/* 按钮 */
.buttonn-box {display:block;text-align:center;margin-top:20px;position: relative;}
.buttonn{display: inline-block;width:90px;height:30px;line-height:30px;font-size:14px;color:#fff;text-align:center;border-radius: 5px;background: linear-gradient(to right, #3273dcba, #166df1e8);transition: all .4s ease-in-out;}
.buttonn+a{margin-left:20px;}
.buttonn:hover {color: #fff;box-shadow: 0 10px 16px 0 rgba(238, 77, 45, 0.3);}
/* banner*/
.banner {width: 100%;overflow: hidden;position: relative;height: 400px;}
.banner .image { width: 100%; position: absolute; height: 100%; left: 0; top: 0;background-color: #eef2f6; background-image: linear-gradient(260deg,#3273dcba,#166df1e8);background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; z-index: 1; }
.banner .banner {display:block;width:100%;height:300px;overflow:hidden;  background-color: #f2f3f7;background-image: linear-gradient(260deg,#f3f4f6,#f2f3f7);background-position:center;}
.banner .banner img {max-width:100%;height:400px;object-fit:cover;width:100%;}
.banner .word {max-width:1400px;margin: 0 auto;left:50%;margin-left:-700px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);position: relative;z-index: 2;}
.banner .word .tit {display: block;padding-bottom: 10px;font-size: 36px;font-weight: 400;line-height: 50px;color: #333;}
.banner .word  {font-size: 20px;font-weight: 300;line-height: 32px;color: #666;}
.banner .desc {font-size: 20px;line-height: 32px;color: #333;width: 50%}
.banner .word .btn  {display:block;width:38px;height:100%;line-height:36px;border:1px solid #666;border-radius:50%;margin-top:30px;font-size:16px;font-family:tahoma;color:#666;text-align:center;position:relative;}
.banner .word .btn:hover {background:#fff;border:1px solid #fff;color:#e9422c;}
.banner.white .word .tit,.banner.white .word .desc { color:#fff;} {color:#fff}
.banner.banner-narrow{height:200px;}
.notice {display: block;font-size: 14px;color: #166df1;line-height: 20px;}
.notice i {display:  inline-block;font-size: 14px;color: #166df1;margin-right:5px;}
.proovr-hero__dys {
    position: absolute;
    top: 0;
    right: 0;
}
.proovr-dys {
    padding: 18px;
    background: hsla(0,0%,100%,.8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1);
    border-radius: 2px;
    box-sizing: border-box;
    width: 380px;
}
@media screen and (max-width:1420px){
    .banner  { height: 360px; margin-top: 0px; }
    .banner .word {width:100%;left:0px;margin-left:0px;padding-left: 2%;}
}
@media screen and (max-width:1024px){
    .banner  { height: 300px; }
    .banner .word .tit {font-size: 26px;line-height: 40px;}
    .banner .word .desc {font-size: 16px;line-height: 24px;}
    .banner.banner-narrow{height:150px;}

}
@media screen and (max-width:768px){
    .banner  { height: 260px;  }
    .banner .word .tit {font-size: 24px;line-height: 36px;}
    .banner .word .desc {font-size: 14px;line-height: 20px;}
    .banner .word .btn  {width: 40px;border-radius: 12px;margin-top: 10px;font-size: 18px;line-height: 20px;}
}
/* home-advert */
.home-advert {background: #fff;padding: 20px;margin-top: -50px;border-radius: 8px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);position: relative;z-index: 9;}
.home-advert li {float:left;width:50%;border-right:1px solid #eee;text-align:left;}
.home-advert li {width:25%;}
.home-advert li:last-of-type {border-right:none;}
.home-advert li a {display:block;text-align:center;}
.home-advert li a span {font-size:20px;line-height:32px;color:#181818;}
.home-advert li a span:hover {color: #e9422c;}
.home-advert li a p {font-size:14px;line-height:26px;color:#757f92;}
@media screen and (max-width:1024px){
    .home-advert {padding: 0px;}
    .home-advert li {width:50%;border-top: 1px solid #eee;}
    .home-advert li:nth-of-type(1) {border-top:none;}
    .home-advert li:nth-of-type(2) {border-top:none;}
    .home-advert li:nth-of-type(2n) {border-right:none;}
    .home-advert li a {padding:15px 10px;}
    .home-advert li a span {font-size:18px;line-height:30px;}
    .home-advert li a p {font-size:14px;line-height:20px;}
}
/* process */
.register-process {display: flex;justify-content: space-between;}
.register-process li{flex: 1;text-align: center;display: flex;flex-direction: column;align-items: center;}
.register-process li .process-icon {width: 80px;height: 80px;border-radius: 50%;box-shadow: 0px 4px 10px 0px #e6e6e6;display: flex;justify-content: center;align-items: center;background: #ffffff;}
.register-process li .process-icon .iocn-bg {width: 40px;height: 40px;}
.register-process li .process-icon .iocn-bg img{display: inline-block; width: 40px; height: 40px; line-height: 40px; }
.register-process li .process-dashed {width: 100%;border-top: 1px dashed #999999;margin: 30px 0 20px 0;position: relative;   }
.register-process li .process-dashed::before {content: '';display: block;width: 16px;height: 16px;background: #dddddd;border-radius: 50%;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.register-process li .process-dashed::after {content: '';display: block;width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.register-process li .process-contain {padding:0 20px;}
.register-process li .process-contain .title {margin-bottom: 10px;font-size: 20px;color: #181818;line-height: 36px;}
.register-process li .process-contain .text {font-size: 14px;color: #313846;text-align: center;line-height: 24px;}
/* relation */
.agent-relation {display: block;margin-top: 50px;padding: 40px 20px;background: url(resources/relation_bg.png) no-repeat center center/cover;border-radius: 15px;text-align: center;overflow: hidden;position: relative;}
.agent-relation h2{ font-size: 24px; font-weight: 600;line-height:1.6;color: #181818;}
.agent-relation h2 span{color: #ff6600;margin: 0 10px;}
.agent-relation p{ width: 100%; margin-top: 30px;}
.agent-relation a{display: inline-block;margin: 0 20px;width: 250px;line-height: 40px;letter-spacing:1px;border: solid 1px #0181ff;color: #0181ff;font-size: 14px;text-align: center;font-weight: bold;border-radius: 3px;}
.agent-relation a:first-child{ background-color: #0181ff; color: #fff;}
.agent-relation a:hover{ background-color: #006dff; color: #fff; border-color: #006dff;}
@media screen and (max-width:1024px){
    .agent-relation {display: block;margin-top:30px;}
    .agent-relation h2{ font-size: 24px;}
    .agent-relation a{ margin-bottom:20px;}
    .agent-relation a:last-child {margin-bottom: 0px;}
}
@media screen and (max-width:768px){
    .register-process {flex-direction: column;}
    .register-process li{position: relative;flex-direction: row;margin-left: 30px;padding: 10px 0; }
    .register-process li .process-icon{margin-right: 20px;}
    .register-process li .process-dashed 1{display:none;}
    .register-process li .process-dashed {position: absolute;right: 100%;height: 100%;width: 0;border-top: none;border-left: 1px dashed #999999;margin: 0 20px; }
    .register-process li .process-dashed:before,.register-process li .process-dashed::after {transform: translateX(-50%);}
    .register-process li .process-dashed::before {width: 12px;height: 12px;}
    .register-process li .process-dashed::after {width: 6px;height: 6px;}
    .register-process li .process-contain  {flex: 1;text-align: left;padding:0;}
    .register-process li .process-contain .title {margin-bottom: 10px;font-size: 20px;color: #181818;line-height: 30px;}
    .register-process li .process-contain .text {text-align: left;line-height: 24px;}
    .agent-relation h2{ font-size: 20px;}
    .agent-relation p{margin-top: 20px;}
    .agent-relation a{ margin-bottom:10px;}
    .agent-relation a:last-child {margin-bottom: 0px;}
}
/* advantage */
.home-advantage{background: url(resources/home_advantage.png) center no-repeat;-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.home-advantage .advantage-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-advantage .advantage-item {padding: 30px;display: flex;width: 49%;border-radius: 5px;justify-content: space-between;align-items: center;background-color: #fff;border: 1px solid #f5f6f7;box-shadow: 0px 10px 14px 1px rgba(74, 89, 116, 0.16);transition: all 0.3s ease-in-out;}
.home-advantage .advantage-item:not(:nth-child(n+3)) {margin-bottom: 30px;}
.home-advantage .advantage-item:hover {transform: translateY(-8px);}
.home-advantage .advantage-icon {float: left;width: 20%;height: 80px; }
.home-advantage .advantage-icon .iocn-bg {width: 80px;height: 80px;border-radius: 60px;background-color: transparent;display: block;text-align: center;line-height: 2;color: #598e3e;}
.home-advantage .advantage-icon .iocn-bg i:before {font-size: 40px;}
.home-advantage .advantage-item .advantage-contain {width: 80%; margin-left: 20px;}
.home-advantage .advantage-item h4 {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.home-advantage .advantage-item p {font-size: 14px;line-height: 1.7;}
@media screen and (max-width:1024px){
    .home-advantage .advantage-item{padding: 25px;}
    .home-advantage .advantage-item:not(:nth-child(n+3)) {margin-bottom: 15px;}
    .home-advantage .advantage-icon .iocn-bg {width: 60px;height: 60px;}
    .home-advantage .advantage-icon .iocn-bg i:before {font-size: 30px;}
}
@media screen and (max-width:768px){
    .home-advantage .advantage-item{width: 100%;padding: 20px;}
    .home-advantage .advantage-item:not(:nth-child(n+4)) {margin-bottom: 15px;}
}
/* why */
.home-why{background: url(resources/home_why.png) center no-repeat;-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.home-why .why-box{display: flex;justify-content: center;}
.home-why .why-img {width: 50%;padding-right: 3rem;}
.home-why .why-text {width: 50%;display: flex;flex-direction: column;justify-content: center;}
.home-why .why-text-box { padding: 0px 0px 0 0;}
.home-why .why-text h3 {font-size: 36px;color: #181818;}
.home-why .why-text p {font-size: 16px;line-height: 28px; margin: 20px 0; color: #757f92;}
.home-why .why-text .btn_box{display: flex;}
.home-why .why-text .btn_box div{position: relative;overflow: hidden;width: 100px;height: 34px;line-height: 34px;margin-right: 20px;color:#d7b16b;font-size: 14px;text-align: center;background:transparent;border:1px solid #d7b16b;border-radius: 4px;display: inline-block;vertical-align: middle;}
.home-why .why-text .btn_box div:last-child{margin-right:0px}
.home-why .why-text a {font-size: 16px;font-weight: 400;color: #FFFFFF;width: 210px;height: 40px;line-height: 40px;text-align: center;background: linear-gradient(to right, #3273dcd1, #ea3e41);border-radius: 4px;display: inline-block;margin-top: 30px;}
.home-why .why-text a:hover {color: #fff;box-shadow: 0 10px 16px 0 rgba(238, 77, 45, 0.3);}
@media screen and (max-width: 1024px) and (min-width: 1px){
    .home-why .why-box{display:block;}
    .home-why .why-img {width:100%;padding-right: 0;margin-bottom:20px;}
    .home-why .why-text {width: 100%;}
    .home-why .why-text h3 {font-size: 26px;text-align: center;}
    .home-why .why-text .btn_box div{margin: 0 auto;margin-right: 10px;}
    .home-why .why-text a {display:block;width: 210px;margin: 0 auto;height: 40px;line-height: 40px;margin-top: 30px;}
}
/* home-product  */
.home-product{background: url(resources/home_product.jpg) center no-repeat;-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.home-product .product-box{display: flex;justify-content: center;background-color: #fff;margin-top: 20px;}
.home-product .product-menu {display:block;float:left;width: 21%;padding: 12px 0 50px;position: relative;}
.home-product .product-menu a.more{position: absolute;bottom: 24px;left: 32px;color: #666;padding-right: 16px;}
.home-product .product-menu a:hover.more{ color: #333;}
.home-product .product-menu a.more:after{ content: '\27A5'; font-family: iconfont; font-size: 14px;top: 1px;position: absolute;right: 0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.home-product .product-menu a:hover.more:after{ right: -4px;}
.home-product .product-menu .menu-item li{position: relative;padding: 0 30px;font-size: 18px;height: 50px;line-height: 50px;color:#252b3a;-webkit-transition: .2s;transition: .2s;cursor: pointer;}
.home-product .product-menu .menu-item li:after{content: '';width: 4px;background-color: #e9422c;height: 100%;display: block;position: absolute;left: 0;top: 0;opacity: 0;}
.home-product .product-menu .menu-item li.cur{color:#333;font-weight: 600;background-color: #eaebf1;}
.home-product .product-menu .menu-item li.cur:after{ opacity: 1;}

.home-product .product-cont{float:right;width:79%;height:auto;background-color: #fff;border:1px solid #eee;border-top: 0px;border-right: 0px;}
.home-product .product-item li{float: left;width: 33.33333333%;border-top: 1px solid #eee;border-right: 1px solid #eee;}
.home-product .product-item li:hover{z-index: 1;-webkit-box-shadow: 0 8px 20px rgb(0,0,0,0.1);box-shadow: 0 8px 20px rgb(0,0,0,0.1);}
.home-product .product-item li a{display: block;color:#333;padding:30px;position: relative;}
.home-product .product-item li .title{ color:#252b3a;font-size:18px;height:24px;margin-bottom: 10px;}
.home-product .product-item li .title span {color: #fff;background: linear-gradient(90deg, #fc354c 0%, #ff4e4e 100%);display: inline-block; font-size: 12px; height: 18px; line-height: 18px;border-radius: 2px; padding: 0 4px;vertical-align: 4px; margin-left: 4px;}
.home-product .product-item li .text{color:#575d6c;height:44px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
/*价格*/
.home-product .product-item li .price{font-size: 14px;font-family: Arial;width: 100%;height: 24px;line-height: 24px;margin-top: 12px;}
.home-product .product-item li .price span{color:#e9422c;}
.home-product .product-item li .price em {font-size: 20px; font-weight: 500;}
/*标签*/
.home-product .product-item li .tag-top {position: absolute;right: 0;top: 0;border-right: 23px solid rgba(0,0,0,0);border-top: 23px solid rgba(0,0,0,0);border-color: #f3ce87 #d7b16b rgba(0,0,0,0) rgba(0,0,0,0);border-style: solid;border-width: 23px;}
.home-product .product-item li .tag-top span {position: absolute;left: -6px;top: -13px;transform: rotate(45deg);font-size: 12px;color: #fff;letter-spacing: 1px;line-height: 14px;width: 30px;}
.home-product .product-item li .tag {margin-top: 12px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.home-product .product-item li .tag span{padding:0 10px;color:#999; line-height: 20px; font-size: 12px; border-radius: 2px;border: 1px solid #adb0b8;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home-product .product-item li .tag span+span{margin-left: 5px;}
/*按钮*/
.home-product .product-item li .bottom {display:block;margin-top: 4px;vertical-align:middle;position:relative;}
.home-product .product-item li .bottom span  {display:block;width:160px;height: 30px; line-height: 30px;text-align: center;font-size:14px;color: #fff;padding: 0px 20px;border-radius: 2px;background: linear-gradient(to right, #f45b4b, #ea3e41);background-repeat: no-repeat;box-shadow: 0 6px 20px 1px rgb(255,97,86,0.2);}
.home-product .product-item li:hover .title{color:#e9422c;}

@media screen and (max-width:1024px){
    .home-product .product-box{display:block;}
    .home-product .product-menu{width:100%;padding: 0px;background-color: #eaebf1;}
    .home-product .product-menu a.more{display:none;}
    .home-product .product-menu .menu-item {width: 100%;overflow-x: auto;white-space: nowrap;}
    .home-product .product-menu .menu-item::-webkit-scrollbar {display:none}
    .home-product .product-menu .menu-item li{display:inline-block;padding: 0 20px;font-size:16px;height: 40px;line-height: 40px;position: relative;}
    .home-product .product-menu .menu-item li:last-child{ border-right:0px solid #e9422c;}
    .home-product .product-menu .menu-item li.cur{background: linear-gradient(90deg,#e9422c 0,#fd441f 100%);color: #fff;}
    .home-product .product-menu .menu-item li:after{display:none;}
    .home-product .product-cont{float: left;width:100%;margin-top:10px;border-top: 0px;border-right: 0px;}
    .home-product .product-item li{width: 50%;height: 190px;border-top: 1px solid #eee;}
    .home-product .product-item li a{display: block;color:#333;padding:20px;position: relative;}
}
@media screen and (max-width:768px){
    .home-product .product-menu li{height: 36px;line-height: 36px;}
    .home-product .product-item li{width: 100%;height: 100%;border-left: 1px solid #eee;border-top: 1px solid #eee;}
}
/* 新闻 */
.home-news {display:block; overflow:hidden;position:relative;}
.home-news .news-hd{display:block;overflow:hidden;position:relative;}
.home-news .news-hd .title{color:#000;font-size:30px;line-height: 40px;}
.home-news .news-hd .text{font-size:14px;color:#3d485d;line-height:20px;margin-top: 10px;}
.home-news .news-hd .more{float:right;height:40px;line-height:40px; color:#888}
.home-news .news-hd .more:hover{color:#fd4343}
.home-news .news-hd .type {position: absolute;right: 0px;top: 15px;}
.home-news .news-hd .type li{display: block;float: left;height:40px;line-height:40px;border: 1px solid #ccc;font-size:16px;color:#888;padding:0px 30px;margin-right:30px; text-align: center;border-radius: 20px;cursor: pointer;}
.home-news .news-hd .type li.cur {color:#fff;border: 1px solid #3273dc;background: linear-gradient(to right, #3273dc, #3273dc);}
.home-news .news-hd .type li:last-child{margin-right:0px}
@media screen and (max-width:1024px){
    .home-news .news-hd .type {position: static;display:block;overflow:hidden;margin-top:20px;}
    .home-news .news-hd .type li{font-size: 16px;height: 36px;line-height: 36px;padding: 0px 30px;margin-right: 30px;}
}
@media screen and (max-width:768px){
    .home-news .news-hd .title{color:#000;line-height: 30px;}
    .home-news .news-hd .text{font-size:14px}
    .home-news .news-hd .type li{font-size: 14px;padding: 0px 20px;margin-right: 10px;}
}
/*资讯列表*/
.home-news .news-item {width: 100%;overflow: hidden;margin-top: 30px;}
.home-news .news-item .news-left {display: block;float: left;width: 30%;overflow: hidden;}
.home-news .news-item .news-left .pic {display:inline-block;float: left;width: 100%;height: 260px;position: relative;overflow: hidden;}
.home-news .news-item .news-left .pic img{display:block;width:100%;height:100%;transition: transform 2s;}
.home-news .news-item .news-left .info {display: block;width:100%;overflow: hidden;}
.home-news .news-item .news-left .title {font-size:20px;line-height: 28px;padding-left: 0px;margin-top:10px;}
.home-news .news-item .news-left .desc { height:48px;line-height: 24px;}
.home-news .news-item .news-left:hover .pic img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.home-news .news-item .news-right {display: block;float: right;width: 68%;overflow: hidden;}
.home-news .news-item .news-right ul{margin:-20px -10px 0;overflow: hidden;}
.home-news .news-item .news-right li{float: left; width: 50%; padding: 20px 10px 0;position: relative;overflow: hidden;}
.home-news .news-item .news-right li:before{content:"";width:6px;height:6px;background-color:#e9422c;border-radius:50%;position:absolute;margin-top:8px}
.home-news .news-item a{display:block;width: 100%;overflow: hidden;border-bottom:solid 1px #eeeeee;padding-bottom:10px;oz-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease;}
.home-news .news-item .title { font-size:18px; color:#000;padding-left: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.home-news .news-item .desc { font-size:14px; color:#777;height: 48px;line-height: 24px;margin:10px 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.home-news .news-item .time  {color: #999;font-size: 12px;line-height: 14px;}
.home-news .news-item a:hover { border-bottom:solid 1px #e9422c}
.home-news .news-item a:hover .title {color:#e9422c}
@media screen and (max-width:1200px){
    .home-news .news-item {margin-top: 20px;}
    .home-news .news-item .news-left {width: 100%;}
    .home-news .news-item .news-left a{padding-bottom:20px;margin-bottom:20px;}
    .home-news .news-item .news-left .pic {width: 200px;height: 120px;margin-right:10px;}
    .home-news .news-item .news-left .info {width: auto;}
    .home-news .news-item .news-left .title {margin-top:0px;}
    .home-news .news-item .news-right {float: left;width: 100%;}
}
@media screen and (max-width:768px){
    .home-news .news-item {margin-top: 10px;}
    .home-news .news-item .news-left {float: left;width: 100%;position: relative;}
    .home-news .news-item .news-left  a{padding-bottom:20px;margin-bottom:20px;}
    .home-news .news-item .news-left .pic {width: 100%;height:100%;}
    .home-news .news-item .news-left .info {width:100%;}
    .home-news .news-item .news-left .title {margin-top:10px;}
    .home-news .news-item .news-right ul{margin:-20px -10px 0}
    .home-news .news-item .news-right li{width: 100%;}
}
/* poster */
.agent-poster {padding: 60px 0;position: relative;width: 100%;}
.agent-poster:after {background-image: url(resources/poster_bg.png);background-position: top;background-repeat: no-repeat;background-size: cover;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 2;}
.agent-poster .poster-cont {color: #262626;position: relative;text-align: center;z-index: 3;}
.agent-poster .poster-cont .title {font-size: 36px;line-height: 50px;margin: 0;padding: 0;}
.agent-poster .poster-cont .text {font-size: 18px;line-height: 24px;margin: 10px 0 30px;}
.agent-poster .poster-cont a {display: inline-block;}
.agent-poster .poster-cont a.btn {background-color: #fff;padding: 0 30px;height: 40px;line-height: 40px;font-size: 16px;  font-weight: 700;color: #333;text-align: center;border-radius: 30px;overflow: hidden;}
.agent-poster .poster-cont a.btn:hover {color: #e9422c;-webkit-transition: all .5s;transition: all .5s;}
@media screen and (max-width:768px){
    .agent-poster {padding: 30px 0;position: relative;width: 100%;}
    .agent-poster .poster-cont .title {font-size: 24px;line-height: 30px;}
    .agent-poster .poster-cont .text {font-size: 14px;line-height: 24px;margin: 5px 0 20px;}
    .agent-poster .poster-cont a.more {padding: 0 20px;line-height: 40px;font-size: 14px; }
}
/* 活动列表  */
.actList  {display: block;margin: -100px -10px 100px;position: relative;z-index: 9;}
.actList li.top {float: left; width: 66.66%;margin-bottom: 0px;padding: 0 10px 0;}
.actList li.top .box  {display:block;width: 100%;padding: 30px 20px;background: url(resources/act-topbg.png) no-repeat center;background-size: cover;border-radius:5px;}
.actList li.top .box .tit {font-size: 26px;line-height: 30px;color: #fff; font-weight: 600;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.actList li.top .box .sub {max-width: 100%;margin-bottom:20px;color: #fff; font-size: 16px;line-height: 20px;overflow: hidden;}
.actList li.top .box .btn {display:inline-block;padding:0 20px;height:36px;line-height: 34px;color: #885800; font-size: 14px; background: linear-gradient(to right, #f3ce87, #d7b16b);border-radius: 5px;text-align: center;transition:all .1s}
/*列表*/
.actList li {float: left; width: 33.33%;padding: 0 10px 0px;margin-bottom:20px;}
.actList li .box{display: block;padding: 16px 20px;background-color:#ffffff;box-shadow: 0px 4px 16px 0px rgb(160,160,160,0.2);overflow: hidden;position: relative;}
.actList li .box .title{padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #f2f2f2;color: #000;font-weight: 500;font-size: 20px;line-height: 24px;position: relative;}
.actList li .box .title span{width: 40px;height: 20px;line-height: 20px;margin-left:10px;font-family: Montserrat-Bold;font-size: 12px;color: #fff;text-align: center;background: -webkit-gradient(linear,left top,right top,from(#fd441f),to(#FF6000));background: linear-gradient(90deg,#fd441f,#FF6000);position: absolute;top: 3px;cursor: pointer;}
.actList li .box .title span:before{content: " ";position: absolute;width: 0;height: 0;left: -12px;top: 4px;border-color:  transparent #fd441f  transparent transparent;border-style: solid;border-width: 6px;}
.actList li .box .text{font-size: 14px;color: #666;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.actList li .box .sub {font-size: 14px;color:#FF6000;width: 100%;height: 20px;line-height: 20px;margin-top: 12px;}
.actList li .box .bottom  {display:block;margin-top: 5px;position:relative;}
.actList li .box .bottom span {display: inline-block;width: auto;line-height: 22px;height: 22px;color: #666;font-size:14px;text-align: center;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.actList li .box .bottom span:after{ content: '〉'; font-family: icon; font-size: 14px;padding-left:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.actList li:hover .box {transform: translate(0,-1px);box-shadow: 0 0 12px #ccc;}
.actList li:hover .box .title{color: #e9422c;}
.actList li:hover .box .bottom span{ color: #e9422c;}
.actList li:hover .box .bottom span:after{ padding-left:10px;;}
@media all and (max-width:1024px){
    .actList  {margin: -80px -30px 0px;}
    .actList li{width: 50%;padding: 0 10px 0;}
    .actList li.top {float: left; width: 100%;margin-bottom: 20px;padding: 0 10px 0;}
}
@media all and (max-width:768px){
    .actList {margin: -60px -10px 0px;}
    .actList li{float: left;width: 100%;padding: 0;}
    .actList li .pic h1 {font-size: 18px;font-weight: 400;color: #fff;line-height: 1;}

    .actList li.top {float: left; width: 100%;margin-bottom: 20px;padding: 0;}
    .actList li.top .start-box {padding: 20px;}
}
.product-list ul{display: block;}
.product-list li {float: left; width: 33.33%;margin-bottom:20px;padding-right: 20px;transition: all .2s linear;}
.product-list li.last,.product-list li:nth-child(3n){padding-right:0}
.product-list li .box {display: block;padding: 16px 20px;background-color:#ffffff;box-shadow: 0px 4px 16px 0px rgb(160,160,160,0.2);overflow: hidden;position: relative;}
.product-list li .title {padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #EAEDF4;color: #000;font-weight:bold;font-size: 18px;line-height: 24px;position: relative;}
.product-list li .title span {width: 40px;height: 20px;line-height: 20px;margin-left:10px;font-family: Montserrat-Bold;font-size: 12px;color: #fff;text-align: center;background: linear-gradient(to right, #f45b4b, #ea3e41);position: absolute;top: 3px;cursor: pointer;}
.product-list li .title span:before {content: " ";position: absolute;width: 0;height: 0;left: -12px;top: 4px;border-color:  transparent #f45b4b  transparent transparent;border-style: solid;border-width: 6px;}
.product-list li .text {font-size: 14px;color: #666;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-list li .price{float:left;font-size: 14px;font-family: Arial;height: 24px;line-height: 24px;margin-top: 12px;}
.product-list li .price span{color:#e9422c;}
.product-list li .price em {font-size: 20px; font-weight: 500;}
.product-list li .bottom {float:right;margin-top: 12px;overflow: hidden;position:relative;}
.product-list li .bottom span {display: inline-block;width: auto;line-height: 24px;height: 24px;color: #666;font-size:14px;text-align: center;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.product-list li .bottom span:after{ content: '〉'; font-family: icon; font-size: 14px;padding-left:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.product-list li:hover .box {transform: translate(0,-1px);box-shadow: 0 0 12px #ccc;}
.product-list li:hover .title {color: #e9422c;}
.product-list li:hover .bottom span{ color: #e9422c;}
.product-list li:hover .bottom span:after{ padding-left:10px;;}
@media all and (max-width:1024px){
    .product-list   li{float: left; width: 50%; }
    .product-list li.last,.product-list li:nth-child(2n){padding-right:0}
}
@media all and (max-width:768px){
    .product-list li{float: left; width: 100%; }
    .product-list li.last,.product-list li:nth-child(1n){padding-right:0}
}


/*产品信息*/
.product-info {display: block;width:100%;background-color: #fff;padding: 30px;overflow: hidden;position:relative;}
.product-info .title {display:  block;color: #000;font-size: 40px;line-height: 60px;font-weight: bold;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-info .text{margin: 10px 0 20px;color:#575d6c;font-size:16px;line-height: 28px;overflow: hidden;}
.product-info .discount {padding: 12px 10px;background-color: #fff7f2;}
.product-info .discount .div1 {display: inline-block;background-color: #3273dcc2 ;border-radius: 2px;line-height: 24px;padding: 0 12px;color: #fff;text-align: center;vertical-align: bottom;}
.product-info .discount .div2 {display: inline-block;border: 1px solid #3273dca6;border-radius: 2px;line-height: 22px;padding: 0px 4px;color:#166df1;font-size: 12px;text-align: center;vertical-align: bottom;}
.product-info .notice {display: block;font-size: 14px;color: #a8b0bf;line-height: 20px;}
.product-info .notice i {display:  inline-block;font-size: 14px;color: #a8b0bf;margin-right:5px;}
@media screen and (max-width:1024px){
    .product-info {padding: 20px;}
}
@media screen and (max-width:768px){
    .product-info {padding: 10px;}
    .product-info .title {font-size: 24px;line-height: 32px;}
    .product-info .desc{margin: 10px 0 12px;color:#575d6c;font-size:14px;line-height: 24px;overflow: hidden;}
    .product-info .discount {padding: 10px;background-color: #f2f2f2;}
    .product-info .btn{display: inline-block;margin:12px 0;width:160px;height:36px;line-height:36px;font-size:14px;}
    .product-info .notice {display: block;font-size: 12px;color: #a8b0bf;}
}
/*产品内容*/
.product-content  {display:block;padding: 0 20px;overflow:hidden;position:relative}

@media screen and (max-width:1024px){
    .product-content  {padding: 0 10px;}
}
/*tabs*/
.product-tabs {display:block;border-bottom: 1px solid #ebedf0; overflow:hidden;}
.product-tabs ul{display: table; margin:0 auto; height:40px;  padding:0;}
.product-tabs li {float: left;font-size: 20px;color: #000;line-height: 50px;height: 50px;margin-right: 50px;cursor: pointer;position: relative;}
.product-tabs li:last-child {margin-right: 50px;}
.product-tabs li:hover {font-weight: 700;color:#666;}
.product-tabs li.cur{ font-weight: 700;color: #3273dced;border-bottom: 2px solid #3273dced;}
@media screen and (max-width:1024px){
    .product-tabs li {margin-right:40px;font-size:18px;}
}
@media screen and (max-width:768px){
    .product-tabs li {margin-right:30px;}
}
/*产品详情*/
.product-details {display:block;position:relative;}
.product-details .product-item  {padding: 20px 0px;position: relative;}
@media screen and (max-width:768px){
    .product-details .product-item {padding: 30px 0;}
}
/*公用标题*/
.div-tit1le {color: #181818;font-size: 20px;font-weight: bold;border-bottom: 1px solid #eee;height: 50px;line-height: 50px;margin-bottom: 20px;overflow: hidden;position: relative;}
.div-title {height: 50px;line-height: 50px;margin-bottom: 20px;padding-left:16px;font-size:20px;font-weight:700;color:#181818;border-bottom: 1px solid #eee;overflow: hidden;position:relative}
.div-title:before{content:"";position:absolute;z-index:1;top:15px;left:0;width:4px;height:20px;background-color:#e9422c}
/* 产品介绍 */
.div-text {display:block;overflow:hidden;position:relative;}
.div-text  {display:block;overflow:hidden;}
.div-text h3 {color: #181818;font-size: 18px;text-indent: 10px;position: relative;margin-bottom: 10px;}
.div-text h3::before {display: block;position: absolute;left: 0;top: 5px;width: 4px;height: 14px;background-color: #e9422c;border-radius: 2px;}
.div-text p {display: block;color: #666;font-size:16px;line-height: 24px;margin-bottom: 20px}
.div-text p img {width:650px;background: #ebebeb;margin:10px 0;padding: 2px;height: auto;max-width: 100%;max-height: none;}
.div-text p span,.div-text li span {background-color: #ffffff;color:#1e1c1cbd;font-weight: bold;margin:0 4px;padding: 0 4px;}
.div-text ul{padding-left:10px;margin-top:0;margin-bottom:20px}
.div-text li{color: #666;ffont-size:14px;line-height: 24px;margin-bottom: 10px}
.div-text li a{display: inline-block;color: #0181ff;word-break: break-all;}
/* 功能特性 */
.div-explain {display:block;overflow:hidden;}
.div-explain h3 {font-size: 18px;font-weight:normal;text-indent: 10px;position: relative;color: #000;margin-bottom: 10px;}
.div-explain h3::before {content: "";display: block;position: absolute;left: 0;top: 5px;width: 4px;height: 14px;background-color: #e9422c;border-radius: 2px;}
.div-explain p {display: block;background-color: #fff4f4;padding: 6px 10px;color: #333;font-size:14px;line-height: 28px;margin-bottom: 20px;}

.div-grid{display:block;overflow:hidden;}
.div-grid .grid-item {float: left;margin-bottom:20px;vertical-align:top;position:relative;}
.div-grid.grid-2 .grid-item{width:50%;}
.div-grid.grid-3 .grid-item{width:33.33%;}
.div-grid.grid-4 .grid-item{width:25%;}
.div-grid.grid-5 .grid-item{width:20%;}
.div-grid .grid-item div{position:relative;padding: 0px 20px 20px;}
.div-grid .grid-item h3{color:#000;font-size:18px;text-indent: 10px;margin-bottom:10px;position:relative;}
.div-grid .grid-item h3::before {content: "";display: block;position: absolute;left: 0;top: 5px;width: 4px;height: 14px;background-color: #e9422c;border-radius: 2px;}
.div-grid .grid-item em{background:rgba(0,0,0,0.05);position:absolute;top:0;right:20px;padding:2px 8px;color:#999;border-radius:2px;}
.div-grid .grid-item:hover em{background:#00B400;color:#fff;}
.div-grid .grid-item p{color:#666;line-height:24px;}
.div-grid .grid-item p strong{color:#666;}
.div-grid .grid-item span{margin:20px 40px;display:block;}
.div-grid .grid-item img{width:100%;}
@media screen and (max-width:1024px){
    .div-grid.grid-3 .grid-item{width:50%;}
}
@media screen and (max-width:768px){
    .div-grid.grid-3 .grid-item,.div-grid.grid-2 .grid-item{width:100%;}
}
/* 流程 */
.div-process {display:block;margin-bottom: 20px;padding: 20px 0;border: 1px solid #eee;background-color: #fafafa;overflow:hidden;position: relative;}
.div-process .item {float: left;width: 16.66%;margin:10px 0;text-align: center;vertical-align:middle;position:relative;}
.div-process .item:not(:last-child):after {content: '';display: block;width: 2.4em;position: absolute;top: 30%;right: -1.2em;border-bottom: 2px dotted #e9422c;}
.div-process .item span{display: block;margin:0 auto;width: 40px;height: 40px;line-height: 40px;color:#e9422c;font-size: 18px;font-weight: 700;text-align: center;background-color: #fff;border-radius: 50%;margin-bottom:10px;box-shadow: 8px 8px 20px 0 rgba(0,0,0,.1);}
.div-process .item  p{ color: #333;font-size: 16px;line-height:20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

@media screen and (max-width:768px){
    .div-process {margin-bottom: 30px;}
    .div-process .item {width: 50%;}
    .div-process .item:not(:last-child):after {display:none}
    .div-process .item:not(:nth-child(2n)):after {content: '';display: block;width: 2.4em;position: absolute;top: 50%;right: -1.2em;border-bottom: 2px dotted #e9422c;}
}
/* 常见问题 */
.div-faq {display:block;margin-top:-20px;position: relative;overflow:hidden; }
.div-faq li{float: left; width: 50%; margin-top: 20px;padding-right:20px;}
.div-faq li.last,.div-faq li:nth-child(2n){padding-right:0}
.div-faq li .box {display: block;padding: 20px;background-color: #fff;border: 1px solid #eee;border-radius: 2px;}
.div-faq li .box .title{position: relative; padding-bottom: 10px; padding-left: 30px;color:#252b3a;font-size: 18px;text-overflow:ellipsis ; white-space: nowrap; overflow: hidden;  }
.div-faq li .box .title span{top: 1px; background-color: #E8633A;}
.div-faq li .box .title span,
.div-faq li .box .desc span{position: absolute; top: 3px; left: 0; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; color: #fff;font-family: 'DINPro-Bold'; text-align: center; font-size: 12px;}
.div-faq li .box .desc{position: relative;padding-left: 30px; height: 50px; color: #575d6c;  line-height: 25px; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.div-faq li .box .desc span{background-color: #0076fe;}
.div-faq li:hover .title{color:#e9422c;}
@media screen and (max-width:768px){
    .div-faq {margin-top:-10px;}
    .div-faq li{ width: 100%;margin-top:10px;padding-right:0px;}
    .div-faq li .box{padding: 15px;}
    .div-faq li .box p{height: 40px; }
}

/*返回*/
.product-button {display: flex;margin:20px 0 30px auto;justify-content: center;}
.product-button a{display: block;width: 300px;height: 40px;line-height: 38px;color: #166df1;background-color: #fff;border: 1px solid #3273dcbd;text-align: center;font-size: 14px;border-radius: 4px;transition: all 0.3s ease-in-out;}
.product-button a:hover{ ccolor: #3273dc;border: 1px solid #166df19c;box-shadow: 0 10px 15px 0 rgba(238, 77, 45, 0.2);}


/* 代理信息 */
.div-agent {display: block;background: #3273dce3;padding: 30px 0;}
.div-agent .agent-pic {width:108px;display:block;padding:6px;margin:0 auto;background:rgba(255,255,255,0.2);border-radius:50%;}
.div-agent .agent-pic .div-pic {display:block;width:96px;height:96px;border-radius:50%;-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.24);box-shadow:0px 0px 1px 0px rgba(0,0,0,0.24);}
.div-agent .agent-tit {margin:12px auto 8px;font-size:20px;line-height:24px;font-weight:700;text-align:center;color:#fff;}
.div-agent .agent-sub {font-size:14px;text-align:center;line-height:20px;color:#fff;}
.div-agent .agent-btn {display:block;margin:20px auto 0;width:200px;height:38px;line-height:38px;background:#fff;border-radius:5px;font-size:14px;font-weight: 700;text-align:center;color:#e9422c;}
.div-agent .agent-phone {padding-top:10px;font-size:14px;font-weight:400;text-align:center;color:#fff;}
.div-agent .agent-phone span {margin-left:5px;font-family:Montserrat-Bold;}
/* 云产品列表 */
.product-push {display: block;padding:0 16px;overflow:hidden;position: relative;}
.product-push li{float: left;width: 100%;padding: 20px 0px 20px;border-bottom: 1px solid #ebedf0;}
.product-push li a {display: block;overflow:hidden;position: relative;}
.product-push li:last-child {border-bottom:none;}
.product-push li .pro-title {display: block;vertical-align: middle;font-size: 18px;color: #000;line-height: 24px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-push li .pro-desc {font-size: 14px;color: #495770;line-height: 20px;height: 20px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-push li:hover .pro-title {color:#e9422c;}
/* 二维码 */
.div-qrcode {display: block;padding: 20px;}
.div-qrcode img {float: left;display: block;width: 96px;height: 96px;}
.div-qrcode p {display: table;height: 96px;margin-left: 112px;white-space: normal;}
.div-qrcode p span {display: table-cell;vertical-align: middle;font-size: 16px;line-height: 24px;color: #333;}
@media only screen and (max-width:768px) {
    .div-qrcode {text-align: center;}
    .div-qrcode img {float: none;display: inline-block;width: 110px;height: 110px;}
    .div-qrcode p {display: block;height: auto;padding-top: 10px;margin-left: 0px;}
    .div-qrcode p span {display: inline;}
}

/*菜单*/
.menu-nav {display:block;float:left;width:100%;background-color:#fff;-webkit-box-shadow:1px 1px 11px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 11px 1px rgba(0,0,0,.05);box-shadow:1px 1px 11px 1px rgba(0,0,0,.05);text-align:center;position: relative;}
.menu-nav .menu-hd{height: 60px;line-height: 60px;font-size: 20px;color: #fff;background: linear-gradient(-45deg, #4b98f4, #3273dcab);background: -webkit-linear-gradient(-45deg, #ee6e5d, #e9422c)position: relative;}
.menu-nav .menu-list {position: relative;padding-bottom:50px;}
.menu-nav .menu-list li{display: block;margin-top:2px;color: #333;position: relative;cursor: pointer;}
.menu-nav .menu-list li a {display: block;line-height: 50px;font-size: 16px}
.menu-nav .menu-list li:after{content: '';width: 4px;background-color: #e9422c;height: 20px;display: block;position: absolute;left: 0;bottom: 15px;opacity: 0;}
.menu-nav .menu-list li:hover a,.menu-nav .menu-list li.cur a {background-color: #fff9f8;color:#e9422c;}
.menu-nav .menu-list li.cur:after{ opacity: 1;}
@media only screen and (max-width:1200px) {
    .menu-nav {background: linear-gradient(139deg, #3273dca6 0%, #3273dca1 56%, #3273dcb3 100%);}
    .menu-nav .menu-hd{display:none;}
    .menu-nav .menu-list{padding: 0px;overflow-x:auto;white-space: nowrap;display: flex;justify-content: left;}
    .menu-nav .menu-list::-webkit-scrollbar {display:none}
    .menu-nav .menu-list li {margin:0 15px;padding: 10px 0;}
    .menu-nav .menu-list li a {display:block;line-height: 30px;color:#fff;font-size:16px;}
    .menu-nav .menu-list li:after {content: '';position: absolute;left: 50%;bottom: 6px;z-index: 0;width: 0;height: 2px;background-color: #fff;margin-left: 0;-webkit-transition: 0.4s;transition: 0.4s;}
    .menu-nav .menu-list li:hover a,.menu-nav .menu-list li.cur a {background-color: transparent;color:#fff;}
    .menu-nav .menu-list li.cur:after {width: 100%;margin-left: -50%;}
}

/*新闻*/
.article-list { display:block;padding:0 20px;position: relative;overflow: hidden;}
.article-list .hd{height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:20px;font-weight:700;color:#333}
.article-list .list {display:block;position: relative;overflow: hidden;}
.article-list .list li {display:block;float:left;width: 100%;padding:20px 0;border-bottom:1px solid #ebedf0;position: relative;overflow:hidden;}
.article-list .list li .pic {display:inline-block;float: right;;max-width: 180px;max-height: 110px;margin-left:10px;position: relative;overflow: hidden;}
.article-list .list li .pic .catname{position: absolute;top: 0px;left: 0;z-index:1;background:rgba(0,0,0,.6)}
.article-list .list li .pic .catname a{color: #fff;font-size:12px;line-height: 28px;padding: 0 10px;}
.article-list .list li .pic img{display:block;width:100%;height:100%;transition: transform 2s;}
.article-list .list li .pic:hover img{transform: scale(1.1);-ms-transform: scale(1.1);transition:all 1s;}
.article-list .list li .info {display:block;overflow: hidden;}
.article-list .list li .info .tit {display:block;color: #333;font-size: 18px;line-height:30px;overflow: hidden;}
.article-list .list li .info .tit span {display:inline-block;background:#ffdede;padding:0px 5px;margin-right:10px;top:5px;border-radius:3px;color:#e9422c;font-size:12px;line-height:22px;vertical-align:top;position:relative;}
.article-list .list li .info .tit span i {position: absolute;width: 0;height: 0;vertical-align: top;content: "";top: 6px;right: -5px;border-left: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left-color: #ffdede;}
.article-list .list li .info .tit:hover a{ color:#e9422c;}
.article-list .list li .info .desc {color: #777777;font-size: 14px;height: 48px;line-height:24px;margin-top:4px;margin-bottom:10px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;overflow: hidden;}
.article-list .list li .info .type {display:block;overflow: hidden;}
.article-list .list li .info .type span {color: #999;display: inline-block;font-size: 12px;}
.article-list .list li .info .type span.like {float:left;margin-right:10px;}
.article-list .list li .info .type span.like .num{color: #e9422c;font-weight:bold;margin: 0 2px}
.article-list .list li .info .type span.time {float:right;}
.article-list .list li .info .type span.tags {float:left;}
.article-list .list li .info .type span.tags a{color:#999;margin-right: 10px}
.article-list .list li .info .type span.tags a:hover{color:#e9422c;}

.article-list .docs-list li {display:block;float:left;width: 100%;padding:20px 0;border-bottom:1px solid #ebedf0;position: relative;overflow:hidden;}
.article-list .docs-list .docs-box {position:relative;margin-bottom:12px;}
.article-list .docs-list .docs-box .title {display:block;color: #333;font-size: 20px;line-height:30px;overflow: hidden;}
.article-list .docs-list .docs-box .title span {display:inline-block;background:#ffdede;padding:0px 5px;margin-right:10px;top:5px;border-radius:3px;color:#e9422c;font-size:12px;line-height:22px;vertical-align:top;position:relative;}
.article-list .docs-list .docs-box .title span i {position: absolute;width: 0;height: 0;vertical-align: top;content: "";top: 6px;right: -5px;border-left: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left-color: #ffdede;}
.article-list .docs-list .docs-box .title a {color:#2D3037;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s;}
.article-list .docs-list .docs-box .title a:hover {color:#e9422c;}
.article-list .docs-list .docs-info {margin-top:10px;line-height:20px;overflow:hidden;}
.article-list .docs-list .docs-info span {font-size:12px;color:#9EA7B3;}
.article-list .docs-list .docs-info .meta-tags {position:relative;float:left;padding-left:16px;margin-right:30px;}
.article-list .docs-list .docs-info .meta-tags .icon-tags {position:absolute;left:0px;top:2px;width:16px;height:16px;background:url(resources/article_icon.png) no-repeat 0px -2px;}
.article-list .docs-list .docs-info .meta-tags a {font-size:12px;color:#9EA7B3;white-space:nowrap;margin-left:10px;}
.article-list .docs-list .docs-info .meta-tags a:hover {color:#e9422c;}
.article-list .docs-list .docs-info .meta-user {position:relative;float:left;padding-left:24px;margin-right:30px;}
.article-list .docs-list .docs-info .meta-user i:nth-child(1) {position:absolute;left:0px;top:2px;width:16px;height:16px;background:url(resources/article_icon.png) no-repeat -130px -2px;}
.article-list .docs-list .docs-info .meta-browse {position:relative;float:left;padding-left:24px;margin-right:30px;}
.article-list .docs-list .docs-info .meta-browse i {position:absolute;left:0px;top:2px;width:16px;height:12px;background:url(resources/article_icon.png) no-repeat -26px -4px;}
.article-list .docs-list .docs-info .meta-time {position:relative;float:left;padding-left:24px;}
.article-list .docs-list .docs-info .meta-time i {position:absolute;left:0px;top:2px;width:16px;height:16px;background:url(resources/article_icon.png) no-repeat -52px -2px;}
.article-list .docs-list .docs-cont {background-color:#F6F8F9;padding:14px 16px 20px;}
.article-list .docs-list .docs-cont .text {line-height:26px;font-size:14px;color:#5E6D81;height: 48px;line-height: 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;cursor:pointer;}
.article-list .docs-list .docs-cont .estimate {padding-top:13px;}
.article-list .docs-list .docs-cont .estimate > div {position:relative;float:left;height:16px;line-height:18px;font-size:12px;color:#9EA7B3;padding-left:26px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;}
.article-list .docs-list .docs-cont .estimate > div i {position:absolute;left:0px;top:0px;width:16px;height:16px;cursor:pointer;}
.article-list .docs-list .docs-cont .estimate .like {margin-right:20px;}
.article-list .docs-list .docs-cont .estimate .like i {background:url(resources/article_icon.png) no-repeat -78px -2px;}
.article-list .docs-list .docs-cont .estimate .like:hover {color:#FF6666;}
.article-list .docs-list .docs-cont .estimate .like:hover i {background:url(resources/article_icon.png) no-repeat -156px -2px;}
.article-list .docs-list .docs-cont .estimate .like.active {color:#FF6666;}
.article-list .docs-list .docs-cont .estimate .like.active i {background:url(resources/article-icons.png) no-repeat -208px -2px;}
.article-list .docs-list .docs-cont .estimate .dislike i {background:url(resources/article_icon.png) no-repeat -104px -2px;}
.article-list .docs-list .docs-cont .estimate .dislike:hover {color:#FF6666;}
.article-list .docs-list .docs-cont .estimate .dislike:hover i {background:url(resources/article_icon.png) no-repeat -182px -2px;}
.article-list .docs-list .docs-cont .estimate .dislike.active {color:#FF6666;}
.article-list .docs-list .docs-cont .estimate .dislike.active i {background:url(resources/article_icon.png) no-repeat -234px -2px;}

@media only screen and (max-width:1200px) {
    .article-list .list li {padding:15px 0;}
    .article-list .list li .pic {margin-left: 10px;}
}
@media only screen and (max-width:768px) {
    .article-list .hd{height:40px;line-height:40px;font-size:18px;}
    .article-list .list li .info .tit {;font-size: 16px;line-height:28px;}
    .article-list .list li .info .desc {color: #777777;font-size: 12px;height: 40px;line-height:20px;}
}
@media only screen and (max-width:480px) {
    .article-list .list li {padding:10px 0;}
    .article-list .list li .pic {width: 100px;height: 60px;border-radius:6px;overflow: hidden;}
    .article-list .list li .pic .catname a{font-size:12px;line-height: 20px;}
    .article-list .list li .info .tit {font-size: 14px;line-height:24px;height: 48px;}
    .article-list .list li .info .tit span {margin-right:5px;top:1px;line-height:20px;}
    .article-list .list li .info .tit span i {position: absolute;width: 0;height: 0;vertical-align: top;content: "";top: 5px}
    .article-list .list li .info .desc {display:  none;}
    .article-list .list li .info .type span.tags {display:none}
    .article-list .list li .info .type span.time {float:left;}
}

/*文章内容部分开始*/
.article { display:block;padding:20px;position: relative;overflow: hidden;}
.article.box{box-shadow: 0 5px 10px rgba(0,0,0,0.1)}
.article-hd { display:block;background: #f5f6f7;border-radius: 12px;padding:10px 16px;;overflow: hidden;position: relative;}
.article-hd .title { color: #333333; font-size: 26px;font-weight:bold;line-height: 40px;}
.article-hd .info {line-height: 24px;margin-top:10px;}
.article-hd .info  span {font-size:14px;color:#9EA7B3;}
.article-hd .info .info-user {position:relative;display:inline-block;height:30px;line-height:30px;padding-left:24px;margin-right:30px;vertical-align:top;}
.article-hd .info .info-user i {position:absolute;left:0px;top:5px;width:16px;height:16px;background:url(resources/article-icons.png) no-repeat -130px -2px;}
.article-hd .info .info-browse {position:relative;display:inline-block;height:30px;line-height:30px;padding-left:24px;margin-right:30px;vertical-align:top;}
.article-hd .info .info-browse i {position:absolute;left:0px;top:5px;width:16px;height:16px;background:url(resources/article-icons.png) no-repeat -26px -2px;}
.article-hd .info .info-time {position:relative;display:inline-block;height:30px;line-height:30px;padding-left:24px;vertical-align:top;}
.article-hd .info .info-time i {position:absolute;left:0px;top:5px;width:16px;height:16px;background:url(resources/article-icons.png) no-repeat -52px -2px;}

/*文章内容*/
.article-content {margin-top: 20px;}
.article-content h3 {display:block;line-height:40px;font-size:18px;font-weight:bold;color:#e9422c;border-left:3px solid #e9422c;background:#fafafa;padding-left:15px;margin-bottom: 15px;overflow:hidden;}
.article-content p {color: #333;font-size: 16px;line-height: 2;margin-bottom: 10px;}
.article-content p a{color: #00a4ff;text-decoration: none;}
.article-content p strong {font-size: 16px;font-weight:bold;}
.article-content p img {margin: 20px auto;max-width: 100%;max-height: 100%;}
.article-content p img.img {margin: 0px; }
.article-content p.bz{position:relative;padding-left:40px;margin:0 0 20px 18px;border-left:2px dotted #e4e4e4;}
.article-content p.bz-end:after{position:absolute;bottom:0;left:-13px;display:block;background-color:#fff;color:#ccc;content:"END";font-size:12px;line-height:16px;}
.article-content p.bz b{position:absolute;left:-18px;display:inline-block;width:36px;height:36px;border-radius:18px;background:#ffb700;color:#fff;text-align:center;}
.article-content p.bz b:before{width:1px;height:100px;content:"";}
.article-content p.tips {display: block;width: 100%;padding: 10px;background-color: #fff4f4;border-radius: 12px;}
/*表格*/
.article-content table {border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:20px;width:100%;border:1px solid #E1E6F0;border-bottom:0;}
.article-content table td,.article-con table th{padding:10px 12px;border:1px solid #E1E6F0;text-align:left}
.article-content table th{background-color:#F5F7FA;color:#333;height:40px;font-weight:400;}
.article-content table td{color:#666}
.article-content table td a{color: #00a4ff;text-decoration: none;}
.article-content table td img { display:  inline-block;}
.article-content table tr{background-color:#fff;}
/*列表*/
.article-content * {box-sizing: border-box;list-style: inherit;}
.article-content ul{margin:0 0 20px 20px;}
.article-content li{margin-top: 10px;vertical-align: middle;font-size: 14px;line-height: 2;}
.article-content li strong{font-size: 14px;}
/*特别说明*/
.article-content .marketing {display: block;width: 100%;padding: 12px;background-color: #fff4f4;border-radius: 3px;}
.article-content .marketing .text {margin-bottom: 0px;color: #333;}
/*文章标签*/
.article-tags {display: block;margin-top:20px;}
.article-tags a {display: inline-block;height: 28px;line-height: 28px;background-color: #eff8ff;padding: 0px 10px;color: #666;font-size: 12px;margin-right: 10px;}
.article-tags a:first-child+a{background-color: #fff1ea;}
.article-tags a:first-child+a+a{background-color: #ecffe4;}
.article-tags a:before,.article-tags a:after {content:'#';}
.article-tags a:hover {opacity: .9;}
.article-tags a:last-child {margin-right: 0;}

/*点赞和分享*/
.article-likeshare {display:block;margin-top:20px;}
/*点赞*/
.article-likeshare .like {display:  inline-block;overflow: hidden;}
.article-likeshare .like div {display:  inline-block;padding-left:40px;padding-right:20px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #999;background-color: #fff;border: 1px solid #999;border-radius: 12px;vertical-align: middle;cursor:pointer;position:relative;}
.article-likeshare .like div i {position:absolute;left:20px;top:10px;width:16px;height:16px;cursor:pointer;}
.article-likeshare .like div:hover {border: 1px solid #FF6666;}
.article-likeshare .zan {margin-right:20px;}
.article-likeshare .zan i {background:url(resources/article-icons.png) no-repeat -78px -2px;}
.article-likeshare .zan:hover {color:#FF6666;}
.article-likeshare .zan:hover i {background:url(resources/article-icons.png) no-repeat -156px -2px;}
.article-likeshare .zan.active {color:#FF6666;}

.article-likeshare .zan.active i {background:url(resources/article-icons.png) no-repeat -208px -2px;}
.article-likeshare .cai i {background:url(resources/article-icons.png) no-repeat -104px -2px;}
.article-likeshare .cai i:hover {background:url(resources/article-icons.png) no-repeat -182px -2px;}
.article-likeshare .cai:hover {color:#FF6666;}
.article-likeshare .cai:hover i {background:url(resources/article-icons.png) no-repeat -182px -2px;}
.article-likeshare .cai.active {color:#FF6666;}
.article-likeshare .cai.active i {background:url(resources/article-icons.png) no-repeat -234px -2px;}
/*分享*/
.article-likeshare .share {display: inline-block;float:right;}
.article-likeshare .share .share .label{font-size:14px;color:#999;line-height:30px}
.article-likeshare .share .label,.article-likeshare .share .share-btn{display:inline-block}
/*声明*/
.article-explain {display: block;margin-top:20px;padding: 16px;background-color: #F6F8F9;border-radius: 12px;}
.article-explain p {color: #666;font-size: 12px;text-indent: 0px;line-height:24px;margin-bottom: 0px;}
.article-explain p  span {font-weight:bold;}
/*上一篇 下一篇 返回列表*/
.article-quick {margin-top: 30px;padding-top: 20px;border-top: 1px solid #f3f3f3;overflow: hidden;}
.article-quick a { display: block; color: #333333; font-size: 14px; max-width: 70%; line-height: 28px; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.article-quick span{color:#888}
.article-quick a:hover { color: #e9422c; }
.article-quick a.backlist {width: 180px;color:#888;font-size:14px;text-align: center; line-height: 36px;border:2px solid #e4e8eb;border-radius: 25px;}
.article-quick a.backlist:hover { color:#e9422c;border-color:#e9422c }

@media only screen and (max-width:768px) {
    .article { padding:12px;}
    .article-hd {padding-bottom:10px;}
    .article-hd .title { ont-size: 20px; }
    .article-hd .info {font-size: 12px;line-height: 20px; }
    .article-content {margin-top: 10px;}
    .article-content h3 {font-size:16px;line-height: 24px;}
    .article-content p { font-size: 14px; }
    .article-content img { margin-top: 20px; margin-bottom: 20px; }
    .article-tags a {margin: 0 10px 10px 0;}
    .article-quick {margin-top: 20px;padding-top:20px;}
    .article-quick a { width:100%;font-size: 14px; line-height: 24px; max-width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .article-quick a.backlist {width: 100%; line-height:32px;margin-bottom:10px; }
    .article-likeshare .like ,.article-likeshare .share {display: block;float: none;text-align:center;/* margin:0 auto; */}
    .article-likeshare .like div{display:inline-block;width:46%;margin-bottom:20px;}
}

/*相关文章*/
.related {display:block;background:#fff;padding:0px 20px 20px 20px;position: relative;overflow: hidden;}
.related .related-list {display: block;list-style: none;margin-right: -20px;margin-left: -20px;}
.related .related-list li {width:50%; float:left;height:40px;line-height:40px;padding:0 20px;}
.related .related-list li a{position: relative; display: block; padding: 0px 15px;font-size: 16px; color: #777; border-bottom: 1px dashed #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related .related-list li a:before{position: absolute; top: 50%; left: 0;content: "";margin-top: -2px; width: 5px; height: 5px; border-radius: 50%; background-color:#e9422c;}
.related .related-list li a:hover{color:#e9422c;}
@media only screen and (max-width:768px) {
    .related {padding: 0px 15px 15px}
    .related .related-list li {width:100%;height:36px;line-height:36px;padding:0 20px;}
    .related .related-list li a{font-size: 14px; }
}
@media only screen and (max-width:480px) {
    .related {padding: 0px 10px 10px;}
}

/*文字列表*/
.ul-txt {display:block;padding:6px 16px;position: relative;overflow: hidden;}
.ul-txt li{float: left;width:100%; height:40px;line-height:40px;border-bottom: 1px solid #ebedf0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ul-txt li:last-child {border-bottom:none;padding-bottom:0;}
.ul-txt li a {padding-left: 10px;color:#333;}
.ul-txt li a:hover {color:#e9422c}
.ul-txt li em {display: inline-block;width: 20px;height: 20px;background: #aaa;border-radius: 50%;text-align: center;font-size: 12px;font-family: Arial;font-weight: bold;color: #fff;line-height: 20px;}
.ul-txt li em.n1 {background: #e9422c;color: #fff;}
.ul-txt li em.n2 {background: #ff8547;color: #fff;}
.ul-txt li em.n3 {background: #ffac38;color: #fff;}
.ul-txt .top-pic {display:block;margin-bottom:12px;position: relative;overflow: hidden;}
.ul-txt .top-pic a{display:block;border-radius: 3px;overflow: hidden;position: relative}
.ul-txt .top-pic a img{width: 100%;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;position: relative;}
.ul-txt .top-pic a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.ul-txt .top-pic p {display:block;width:100%;height:40px;line-height:40px;font-size:16px;overflow:hidden;color:#fff;text-align:center;position:absolute;margin-top:-40px;z-index:1;background:rgba(0,0,0,.6)}

/*文字标签*/
.ul-txt li.tag-name { width:50%; float:left;height:30px;line-height:30px;border-bottom: 0px solid #f5f5f5;}
.ul-txt li.tag-name:before{content:"";width:6px;height:6px;background-color:#999;border-radius:50%;position:absolute;margin-top:12px}
/* 文章内容部分开始 end */

/* 标签云 */
.tags-list {display: block;overflow: hidden;}
.tags-list li {display: inline-block;height:30px;line-height:30px;margin: 10px 10px 0 0; color: #999;}
.tags-list li em {font-size: 12px; color: #999; margin-left: 10px;}

/*帮助*/
.help-home-column  {display: block;margin:0px -10px 0;overflow: hidden;position: relative;}
.help-home-column .help-item {float: left;width: 25%;padding: 0 10px 0px;}
.help-home-list{display:block;background:#fff;margin-top:20px;position: relative;overflow: hidden;}
.help-home-list.area{margin:-20px -10px 0px;}
.help-home-list.area li{width: 50%;}
.help-home-list ul {display: block;margin:0px 10px 20px;position: relative;overflow: hidden;}
.help-home-list li{float: left;width: 33.33%;padding: 20px 10px 0;position: relative;overflow: hidden;}
.help-home-list li:before{content:"";width:6px;height:6px;background-color:#e9422c;border-radius:50%;position:absolute;margin-top:8px}
.help-home-list li a{display:block;width: 100%;overflow: hidden;border-bottom:solid 1px #eeeeee;padding-bottom:10px;oz-transition: all 1s ease;-webkit-transition: all 1s ease;transition: all 1s ease;}
.help-home-list li .title { font-size:18px; color:#000;padding-left: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.help-home-list li .text { font-size:14px; color:#777;height: 48px;line-height: 24px;margin:10px 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.help-home-list li .time  {color: #999;font-size: 12px;}
.help-home-list li:hover a{ border-bottom:solid 1px #e9422c}
.help-home-list li:hover .title {color:#e9422c}
@media only screen and (max-width:1200px)  {
    .help-home-column .help-item {width: 50%;padding: 0 10px 0px;margin-bottom:20px;}
    .help-home-list{margin-top:0px;}
    .help-home-list ul {padding: 0px 12px 20px;margin:0px -10px 0;}
    .help-home-list li{float: left;width: 50%;padding: 12px 10px 0;}
}
@media only screen and (max-width:768px) {
    .help-home-column .help-item {width: 100%;padding: 0 10px 0px;margin-bottom:20px;}
    .help-home-list ul {padding: 0px 10px 10px;margin:0px -10px 0;}
    .help-home-list li{width: 100%;padding: 10px 10px 0;}
}

/* 关于我们 */
.about {text-align: center;position: relative;}
.about .about-hd {display:block;margin-bottom: 30px;overflow: hidden;position: relative;}
.about .about-hd .title {font-size: 50px;color: #333;font-family: Montserrat-Bold;margin-bottom: 10px;line-height: 1.8;letter-spacing: 1px;position: relative;}
.about .about-hd .title:after{content: '';position: absolute;left: 50%;bottom: 0;width: 80px;height: 4px;background: #e9422c;margin-left: -40px;}
.about .about-hd .text {font-size: 20px;color: #333;line-height: 2;letter-spacing: 1px;}
.about .about-cont {position: relative;}
.about .about-cont p {font-size: 16px;width: 80%;margin: 15px auto;line-height: 2;color: #666;}

/* 浪三动态 */
.about-news {display:block;margin: -20px -10px 0;position: relative;}
.about-news li{float: left;width:33.3333%;padding: 20px 10px 0;}
.about-news li .link { display: block;padding: 26px;background-color:#ffffff; border: 1px solid #eaeaea; box-shadow:0 0px 10px rgba(0,0,0,.05); }
.about-news li .time { width: 100px; color: #ffffff; font-size: 14px; text-align: center; line-height: 28px; background-color: #e9422c; }
.about-news li .title { color: #333333; font-size: 20px;line-height: 30px;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.about-news li .desc { color: #777777; font-size: 14px;height: 48px;  line-height:24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box;  text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden;}
.about-news li .adorn {display:  inline-block; color: #777777; font-size: 14px; line-height: 24px; text-transform: capitalize; vertical-align: top;position: relative;margin-top: 10px;  }
.about-news li .adorn:after{ content: '\e8d4'; font-family: icon; font-size: 14px;padding-left:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.about-news li:hover .link { box-shadow:0 0px 10px rgba(0,0,0,0.1); }
.about-news li:hover .title { color: #e9422c; }
@media only screen and (max-width:1200px) {
    .about-news li .link {padding: 20px;}
}
@media only screen and (max-width:1024px) {
    .about-news {display:block;margin: -20px -10px 0;overflow:hidden;}
    .about-news li .link {padding: 16px;}
    .about-news li .time { line-height: 24px;}
    .about-news li .title { color: #333333; font-size: 20px; height: 56px; line-height: 28px;margin-top: 10px;}
    .about-news li .adorn {margin-top: 10px;}
}
@media only screen and (max-width:768px) {
    .Ls-news-list li{float: left;width:50%;padding: 20px 10px 0;}
}
@media only screen and (max-width:480px) {
    .about-news {display:block;margin: -20px 0px 0;overflow:hidden;}
    .about-news li{float: left;width:100%;padding: 20px 0px 0;}
}
/* news-list  */
.news-list {display:block;position: relative;overflow: hidden;}
.news-list li {display:block;float:left;width: 100%;padding:20px 0;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.news-list li .pic {display: inline-block;float: right;max-width: 250px;max-height: 150px;margin-left:10px;position: relative;overflow: hidden;}
.news-list li .pic .catname{position: absolute;top: 0px;left: 0;z-index:1;background:rgba(0,0,0,.6)}
.news-list li .pic .catname a{color: #fff;font-size:14px;line-height: 28px;padding: 0 10px;}
.news-list li .pic img{display:block;width:100%;transition: transform 2s;}
.news-list li .pic:hover img{transform: scale(1.1);-ms-transform: scale(1.1);transition:all 1s;}
.news-list li .info {display:block;overflow: hidden;}
.news-list li .info .time { color: #777;font-size:16px; display:block}
.news-list li .info .tit {display:block;color: #000;font-size: 20px;font-weight:700;margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list li .info .tit:hover a{ color:#e9422c;}
.news-list li .info .desc {display: block;font-size:14px;color:#575D6C;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media only screen and (max-width:768px) {
    .news-list li .pic {width: 100%;max-width: 100%;max-height: 100%;margin-bottom:10px;}
    .news-list li .info {width:100%;}
    .news-list li .info.time { font-size:16px;margin-bottom:10px;}
    .news-list li .info .tit {font-size: 20px; margin-bottom:10px;}
}
/*付款方式*/
.payment {display:block;background-color:#fff;border:1px solid #eeeeee;box-shadow: 0px 0px 8px rgba(0,0,0,.07); overflow:hidden;}
.payment-code  {display: block; padding: 20px;margin:-20px -10px 0}
.payment-code .item {float: left; width:50%; padding: 20px 10px 0;}
.payment-code .item .pic {display:block;background-color: #fafafa;border: 1px solid #eee;border-bottom:0;text-align: center;padding:20px;position:relative;}
.payment-code .item .pic img {border: none;vertical-align: middle;max-width: 100%;}
.payment-code .item .pic .tit img{ height: 50px;}
.payment-code .item .pic .tag {position: absolute;right: 0;top: 0;border-right: 30px solid rgba(0,0,0,0);border-top:30px solid rgba(0,0,0,0);border-color: #ff2626 #ff2626 rgba(0,0,0,0) rgba(0,0,0,0);border-style: solid;border-width: 30px;}
.payment-code .item .pic .tag span {position: absolute;left:-2px;top: -18px;transform: rotate(45deg);font-size: 14px;color: #fff;letter-spacing: 1px;line-height: 16px;width: 30px;}
.payment-code .item .pic .ewm {display: block;margin:  20px auto 0;width: auto;}
.payment-code .item .pic .ewm img{width: 180px;height: 180px;border:1px solid #e6e6e6;border-radius:5px;}
.payment-code .item .txt{ padding: 15px; color: #fff; line-height: 28px; text-align: center; font-size: 14px; background: #00aef6;}
.payment-code .item .txt.wx{background: #01b501;}
.payment-text { display:block;margin-top:50px;border: 1px solid #eeeeee;position: relative;overflow: hidden; }
.payment-text .sub {display: block;background: #fafafa;padding: 20px;position: relative;overflow: hidden;}
.payment-text .sub p{display: block;color: #333;font-size:16px;line-height: 32px;}
@media screen and  (max-width:768px){
    .payment-code  {padding: 12px;}
    .payment-code .item {width:100%; }
}

/*联系我们 */
.contact {display:block;position: relative;overflow:hidden; }
.contact li {float:left;display:block;width:50%;}
.contact li .item {margin-top:25px}
.contact li .item .icon {float:left;color:#000;font-size:30px;line-height:36px;margin-right:10px}
.contact li .item .con {display:block;overflow:hidden;}
.contact li .item .con .tit {color:#000;font-size:20px;line-height:28px;margin-bottom:10px;}
.contact li .item .con p {font-size:14px;color:#3d485d;line-height:32px;}
.contact li .item .con p.font {display: block;font-family: 'DINPro-Bold';font-size: 20px;cursor: pointer;}
.contact li .item .con p.font i{font-size: 20px;line-height: 32px;margin-right:5px}
.contact li .item .con .qrcode {display: inline-block;float: left;width: 200px;text-align: center;background: #f5f5f5;padding: 10px;}
.contact li .item .con .qrcode img {display: block;margin: 0 auto 10px;width: 180px;border-radius: 2px;}
.contact li .item .con .qrcode .sub {font-size: 14px;color: #3d485d;text-align: center;display: block;}
@media screen and  (max-width:768px){
    .contact li {width:100%;}
}
/*代理优势*/
.agent-youshi {display:block;position:relative;}
.agent-youshi li{float:left;width:50%;padding-right: 20px;}
.agent-youshi li:last-child{padding-right:0px;}
.agent-youshi li .box{display:block;overflow:hidden;border:1px solid #f0f0f0;box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;background-color:#fff;border-radius: 5px;}
.agent-youshi li .hd{height: 60px; line-height: 60px;text-align:center;background: linear-gradient(to right, #f45b4b, #ea3e41);box-shadow: 0px 5px 16px 0px rgba(198, 210, 219, 0.19);font-size:24px;color:#fff;}
.agent-youshi li .info{padding:0 30px;padding-top:40px;}
.agent-youshi li .info .item{margin-bottom:30px}
.agent-youshi li .info .title{font-size:18px;padding-left:15px;position:relative;font-weight:700;margin-bottom:10px}
.agent-youshi li .info .title::after{position:absolute;left:0;top:50%;width:5px;height:18px;content:'';background-color:#e9422c;border-radius: 2px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.agent-youshi li .info .text{font-size:14px;color:#666;line-height:1.71;max-height:3.4em;overflow:hidden}
.agent-youshi li .info .tags {margin:12px 0;display: flex;}
.agent-youshi li .info .tags span {display:inline-block;padding: 0 10px;background: rgba(225,37,27,.1);margin-right: 10px;border-radius: 4px;font-size: 12px;color: #e9422c;height: 20px;line-height: 20px;text-align: center;cursor: pointer;}
.agent-youshi li .info .tags span:last-child {margin-right: 0;}
@media screen and (max-width:1024px){
    .agent-youshi li .hd{padding: 10px 0;font-size:20px;}
    .agent-youshi li .info{padding:0 20px;padding-top:30px;}
    .agent-youshi li .info .item{margin-bottom:20px}
}
@media screen and (max-width:768px){
    .agent-youshi {overflow:hidden;margin:-15px 0px 0}
    .agent-youshi li{float:left;width:100%;padding:15px 0px 0px}
}
/*合作流程*/
.agent-process {display:block;position: relative;}
.agent-process li{float: left; width: 25%; padding:0 10px 20px}
.agent-process li .box{padding: 30px 100px 30px; background-color: #fff;position: relative;}
.agent-process li .box span.iocn{display:block; position: absolute;  left: 25px;width: 60px;height: 60px;line-height: 60px;text-align:center;border-radius: 50%;box-shadow: 8px 8px 20px 0 rgba(0,0,0,.1);}
.agent-process li .box span.iocn  img{display: inline-block; width: 30px; height: 30px; line-height: 40px; }
.agent-process li .box h3{color: #e9422c;font-size: 28px;font-weight: bold;font-family: Montserrat-Regular;line-height:30px;margin-bottom:10px;}
.agent-process li .box p{ color: #333;font-size: 16px;line-height:20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.agent-process-txt{display:block;background:#fff;margin-bottom:40px;overflow:hidden;}
.agent-process-txt p{display:inline-block;padding:30px 20px;color:#333;font-size:20px;line-height:28px;vertical-align:middle;}
/*按钮*/
.agent-buttonn {display: block;margin-top:20px;text-align:center;overflow: hidden;}
.agent-buttonn a{display: inline-block;vertical-align: middle;width:150px;height:40px;line-height:38px;text-align:center;font-size:14px;color:#fff;background-color: #dc1c1c;border: 1px solid #dc1c1c;border-radius: 2px;}
.agent-buttonn a:after{ content: '\e8d4'; font-family: icon; font-size: 14px;padding-left:5px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.agent-buttonn a:hover:after{ padding-left:10px;;}
.agent-buttonn a:hover{border: 1px solid #ef1f1f;background-color: #ef1f1f;color:#fff;}
@media screen and (max-width:1024px){
    .agent-process li{width: 50%;}
}
@media screen and (max-width:768px){
    .agent-process {margin: 0;}
    .agent-process li{width: 100%;padding: 0 0px 15px;}
    .agent-process li .box span{left: 20px;}
    .agent-process-txt p{font-size:16px;line-height:26px;}
}


.city{display:block;margin-top:20px;overflow: hidden;position: relative;}
.city-box{display:block;margin:20px;position: relative;}
.city-list { padding:20px;margin: -10px -10px 0;}
.city-list li {float:left;width:6.66%;line-height:30px; color: #555;font-size:16px;text-align: center;padding-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.city-list li:hover{ color: #FF3300; font-weight:normal; text-decoration:none; }
@media only screen and (max-width:1200px) {
    .city-list li {width:10%;}
}
@media only screen and (max-width:768px) {
    .city-list li {width:16.66%;}
}
@media only screen and (max-width:480px) {
    .city-list li {width:20%;}
}

.area-list { padding:20px;margin: -10px -10px 0;}
.area-list li {float:left;width:25%;line-height:30px; color: #555;font-size:16px;text-align: center;padding-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.area-list li:hover{ color: #FF3300; font-weight:normal; text-decoration:none; }
@media only screen and (max-width:1200px) {
    .area-list li {width:10%;}
}
@media only screen and (max-width:768px) {
    .area-list li {width:16.66%;}
}
@media only screen and (max-width:480px) {
    .area-list li {width:20%;}
}
/*backtop*/
.Ls-backtop{width:40px;height:40px;background-color:#fff;box-shadow: 0 8px 18px 2px rgba(0, 0, 0, 0.1);border-radius: 50%;position:fixed;bottom:20px;right:10px;z-index:9;display:block;opacity:0;text-align:center;cursor:pointer;}
.Ls-backtop:before{content:'';width:10px;height:10px;border-top:3px solid;border-right:3px solid;border-color:#666;display:block;position:absolute;left:50%;top:50%;margin-top:5px;transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);}
.Ls-backtop:hover:before{border-color:#e9422c;}
.Ls-backtop.show{opacity:1;}


blockquote {font-family: "Consolas", "Courier New", Courier, mono, serif;font-size: 12px;background-color: #f7f7f9;border: 1px solid #eaeaea;width: 100%;margin: 15px 0 15px 0;word-break:break-all; word-wrap:break-word;}
blockquote ol, blockquote ol li, blockquote ol li span {margin: 0;padding: 0;border: none;}
blockquote a, blockquote a:hover {background: none;border: none;padding: 0;margin: 0;}
blockquote ol {list-style: decimal;background-color: #fff !important;margin: 0px 0px 1px 40px !important;padding: 0px;color: #afafaf;}
blockquote ol li {list-style: decimal-leading-zero;list-style-position: outside !important;border-left: 2px solid #6CE26C;background-color: #F8F8F8;color: #afafaf;padding: 0 3px 0 10px !important;margin: 0 !important;line-height: 1.5;}
blockquote ol li.alt {background-color: #FFF;color: inherit;}
blockquote ol li span {color: black;background-color: inherit;}
blockquote .comment, blockquote .comments {color: #008200;background-color: inherit;}
blockquote .string {color: blue;background-color: inherit;}
blockquote .keyword {color: #069;font-weight: bold;background-color: inherit;}
blockquote .blockquoteprocessor {color: gray;background-color: inherit;}
blockquote .dp-xml .cdata {color: #ff1493;}
blockquote .dp-xml .tag, blockquote .dp-xml .tag-name {color: #069;font-weight: bold;}
blockquote .dp-xml .attribute {color: red;}
blockquote .dp-xml .attribute-value {color: blue;}
blockquote .dp-sql .func {color: #ff1493;}
blockquote .dp-sql .op {color: #808080;}
blockquote .dp-rb .symbol {color: #a70;}
blockquote .dp-rb .variable {color: #a70;font-weight: bold;}
blockquote .dp-py .builtins {color: #ff1493;}
blockquote .dp-py .magicmethods {color: #808080;}
blockquote .dp-py .exceptions {color: brown;}
blockquote .dp-py .types {color: brown;font-style: italic;}
blockquote .dp-py .commonlibs {color: #8A2BE2;font-style: italic;}
blockquote .dp-j .annotation {color: #646464;}
blockquote .dp-j .number {color: #C00000;}
blockquote .dp-delphi .number {color: blue;}
blockquote .dp-delphi .directive {color: #008284;}
blockquote .dp-delphi .vars {color: #000;}
blockquote .dp-css .value {color: black;}
blockquote .dp-css .important {color: red;}
blockquote .dp-c .vars {color: #d00;}
blockquote .dp-cpp .datatypes {color: #2E8B57;font-weight: bold;}
blockquote .comment {border: none;padding: 0}
blockquote ol, blockquote ol li {list-style: decimal;}
body.compensate-for-scrollbar {overflow:hidden}
.fancybox-active {height:auto}
.fancybox-is-hidden {left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container {-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container * {box-sizing:border-box}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer {-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg {background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg {opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar {color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar {right:0;top:0}
.fancybox-stage {direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage {overflow:hidden}
.fancybox-slide {-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide::before {content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {display:block}
.fancybox-slide--image {overflow:hidden;padding:44px 0}
.fancybox-slide--image::before {display:none}
.fancybox-slide--html {padding:6px}
.fancybox-content {background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content {animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content {cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content {cursor:zoom-in}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {cursor:grab}
.fancybox-is-grabbing .fancybox-content {cursor:grabbing}
.fancybox-container [data-selectable=true] {cursor:text}
.fancybox-image,.fancybox-spaceball {background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball {z-index:1}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content {background:#000}
.fancybox-slide--map .fancybox-content {background:#e5e3df}
.fancybox-slide--iframe .fancybox-content {background:#fff}
.fancybox-iframe,.fancybox-video {background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe {left:0;position:absolute;top:0}
.fancybox-error {background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p {color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button {background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited {color:#ccc}
.fancybox-button:hover {color:#fff}
.fancybox-button:focus {outline:0}
.fancybox-button.fancybox-focus {outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover {color:#888;cursor:default;outline:0}
.fancybox-button div {height:100%}
.fancybox-button svg {display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path {fill:currentColor;stroke-width:0}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {display:none}
.fancybox-progress {background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small {background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover {color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small {color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display:none}
.fancybox-navigation .fancybox-button {background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div {padding:7px}
.fancybox-navigation .fancybox-button--arrow_left {left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right {padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption {background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}
@supports (padding:max(0px)) {.fancybox-caption {padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}
}
.fancybox-caption--separate {margin-top:-50px}
.fancybox-caption__body {max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {color:#ccc;text-decoration:none}
.fancybox-caption a:hover {color:#fff;text-decoration:underline}
.fancybox-loading {animation:a 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}
@keyframes a {to {transform:rotate(1turn)}
}
.fancybox-animated {transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous {opacity:0;transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next {opacity:0;transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current {opacity:1;transform:translateZ(0)}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current {opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {opacity:0;transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next {opacity:0;transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current {opacity:1;transform:scaleX(1)}
.fancybox-fx-rotate.fancybox-slide--previous {opacity:0;transform:rotate(-1turn)}
.fancybox-fx-rotate.fancybox-slide--next {opacity:0;transform:rotate(1turn)}
.fancybox-fx-rotate.fancybox-slide--current {opacity:1;transform:rotate(0)}
.fancybox-fx-circular.fancybox-slide--previous {opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next {opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current {opacity:1;transform:scaleX(1) translateZ(0)}
.fancybox-fx-tube.fancybox-slide--previous {transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next {transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current {transform:translateZ(0) scale(1)}
@media (max-height:576px) {.fancybox-slide {padding-left:6px;padding-right:6px}
    .fancybox-slide--image {padding:6px 0}
    .fancybox-close-small {right:-6px}
    .fancybox-slide--image .fancybox-close-small {background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}
    .fancybox-caption {padding-left:12px;padding-right:12px}
    @supports (padding:max(0px)) {.fancybox-caption {padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
    }
}
.fancybox-share {background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1 {color:#222;font-size:35px;font-weight:700;margin:0 0 20px}
.fancybox-share p {margin:0;padding:0}
.fancybox-share__button {border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:link,.fancybox-share__button:visited {color:#fff}
.fancybox-share__button:hover {text-decoration:none}
.fancybox-share__button--fb {background:#3b5998}
.fancybox-share__button--fb:hover {background:#344e86}
.fancybox-share__button--pt {background:#bd081d}
.fancybox-share__button--pt:hover {background:#aa0719}
.fancybox-share__button--tw {background:#1da1f2}
.fancybox-share__button--tw:hover {background:#0d95e8}
.fancybox-share__button svg {height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path {fill:#fff}
.fancybox-share__input {background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}
.fancybox-thumbs {background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}
.fancybox-thumbs-x {overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs {display:block}
.fancybox-show-thumbs .fancybox-inner {right:212px}
.fancybox-thumbs__list {font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x .fancybox-thumbs__list {overflow:hidden}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {width:7px}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {background:#2a2a2a;border-radius:10px}
.fancybox-thumbs__list a {-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a::before {border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs__list a:focus::before {opacity:.5}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity:1}
@media (max-width:576px) {.fancybox-thumbs {width:110px}
    .fancybox-show-thumbs .fancybox-inner {right:110px}
    .fancybox-thumbs__list a {max-width:calc(100% - 10px)}
}