@charset "utf-8";@font-face {font-family: "DINPro-Medium";src: url("../fonts/DINPro-Medium.woff2") format("woff2"),url("../fonts/DINPro-Medium.woff") format("woff"),url("../fonts/DINPro-Medium.ttf") format("truetype"),url("../fonts/DINPro-Medium.eot") format("embedded-opentype"),url("../fonts/DINPro-Medium.svg") format("svg");font-weight: normal;font-style: normal;}
.fontsp {font-family: "DINPro-Medium";}
* {box-sizing: border-box;margin: 0;padding: 0;font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body {margin: 0;position: relative;overflow-x: hidden;color: #4c4645}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;line-height: 1.2em;font-weight: normal;}
ol,ul {list-style: none}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
a {color: #4c4645;background-color: transparent;-webkit-tap-highlight-color: transparent;text-decoration: none;}
a:active,a:hover {outline: 0;text-decoration: none}
a:hover {color: #005edc}
abbr[title] {border-bottom: 1px dotted}
b,strong {font-weight: 700}
dfn {font-style: italic}
mark {color: #000;background: #ff0}
small {font-size: 80%}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sup {top: -.5em}sub {bottom: -.25em}
address,cite,dfn,em,var,i {font-style: normal;}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {height: 1px;background: #ddd;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
pre {overflow: auto}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em}
blockquote,q {quotes: none}blockquote:after,blockquote:before,q:after,q:before {content: '';content: none}:focus {outline: 0}
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit}
button {overflow: visible;border: none}
button,select {text-transform: none}button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0}
input {line-height: normal;-webkit-appearance: none}
input[type=checkbox],input[type=radio] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height: auto}
input[type=search] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid silver}
legend {padding: 0;border: 0}
textarea {overflow: auto}optgroup {font-weight: 700}
table {border-spacing: 0;border-collapse: collapse}
td,th {padding: 0}
@media print {*,:after,:before {color: #000 !important;text-shadow: none !important;background: 0 0 !important;-webkit-box-shadow: none !important;box-shadow: none !important}
a,a:visited {text-decoration: underline}
a[href]:after {content: " ("attr(href) ")"}
abbr[title]:after {content: " ("attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after {content: ""}
blockquote,pre {border: 1px solid #999;page-break-inside: avoid}
thead {display: table-header-group}
img,tr {page-break-inside: avoid}
img {max-width: 100% !important}
h2,h3,p {orphans: 3;widows: 3}
h2,h3 {page-break-after: avoid}}
.none {display: none}
.check:checked,.check:not(:checked) {position: absolute;left: -9999px;opacity: 0}
.check:checked+label,.check:not(:checked)+label {position: relative;display: inline-block;height: 14px;font-size: 14px;cursor: pointer;padding-left: 20px;}
.check+label:after,.check+label:before {position: absolute;top: 2px;left: 0;z-index: 0;width: 16px;height: 13px;border-radius: 3px;content: '';background: #000}
.check:checked+label:after {background: #ca140d}
.radio:checked+label,.radio:not(:checked)+label {position: relative;display: inline-block;height: 16px;font-size: 14px;line-height: 16px;cursor: pointer;padding-left: 20px}
.radio+label:after,.radio+label:before {position: absolute;top: -1px;left: 0;z-index: 0;width: 16px;height: 16px;border-radius: 50%;content: ''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before {border: 1px solid #888}
.radio:checked,.radio:not(:checked) {position: absolute;left: -9999px;opacity: 0}
.radio:checked+label:before {border: 1px solid #d9a65c}
.radio:checked+label:after {width: 8px;height: 8px;border-radius: 50%;background: #d9a65c;top: 3px;left: 4px}
.line2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}/*图片放大*/.pic-scale .pic,.img-scale{position: relative; overflow: hidden;}
.img-scale img,.pic-scale img{-webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;}
.img-scale:hover img,.pic-scale:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.img-scale.scale2:hover img,.pic-scale.scale2:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}::-webkit-input-placeholder {color: 999;opacity: .54}::-webkit-file-upload-button {font: inherit;-webkit-appearance: button}/*::selection{background:#0662d4;color:#fff}::-moz-selection{background:#0662d4;color:#fff}::-webkit-selection{background:#0662d4;color:#fff}*/
.clearfix:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content: "."}
.l {float: left}
.r {float: right}
.fl {float: left !important}
.fr {float: right !important}
.bor {border: 1px dashed #999}
.poab {position: absolute}
.pore {position: relative}
.texto {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.imgInline {display: inline-block !important;vertical-align: middle}
.imgMargin {margin: 0 auto}
.imgW100 {width: 100%}
.text-r {text-align: right}
.text-m {text-align: center}
.text-bold {font-weight: 700;}
.text-light {font-weight: 100;}
.text-up {text-transform: uppercase;}
.flex {display: flex;justify-content: space-between;flex-wrap: wrap}
.flex-left {display: flex;flex-wrap: wrap}
.flex-center {display: flex;flex-wrap: wrap;justify-content: center;}
.flex-right {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.flex-v-center {display: -webkit-flex;display: flex;flex-direction: column;justify-content: center}
.flex-v-bottom {display: -webkit-flex;display: flex;flex-direction: column;justify-content: space-between;}
.trans {transition: all .5s}
.trans-mask {display: block;overflow: hidden;width: 100%;cursor: pointer;position: relative;}
.trans-mask img {-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.trans-mask:hover img {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}
.bg-mask .pic {overflow: hidden;}
.bg-mask .pic a {background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic a {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bgimg {background-repeat: no-repeat;background-position: center;background-size: cover;}
.wp {width: 91.3%;margin: 0 auto;max-width: 1440px}
.greybg {background: #f2f2f2}
.textup {text-transform: uppercase}
.co {color: #005edc}
.co-fff {color: #fff !important}
.fixdbody {position: fixed;top: 0;left: 0;right: 0;bottom: 0}
.m-show {display: none}
.filter-page {filter: blur(5px);}
@media screen and (max-width:980px) {
.pc-show {display: none}
.m-show {display: block}}
.trans-line:before {content: '';position: absolute;width: 60px;height: 100%;margin-top: 0px;margin-left: -120px;overflow: hidden;z-index: 6;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg)}
.trans-line:hover:before {-webkit-animation: aniBlink .6s ease-out forwards;-moz-animation: aniBlink .6s ease-out forwards;-o-animation: aniBlink .6s ease-out forwards;animation: aniBlink .6s ease-out forwards}
@keyframes aniBlink {from {margin-left: -50%}to {margin-left: 120%}
}
@-webkit-keyframes aniBlink {from {margin-left: -50%}to {margin-left: 120%}}
/*body{padding-top: 120px}*/
.header {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 120px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .2)}
.header .logo {width: 19%;border-right: 1px solid #ddd; padding-right:2%;}
.header .topR {width: 80%;padding-left: 2%;padding-right: 3%}
.topRa {padding-top: 15px;margin-bottom: 30px;font-size: 14px;color: #767676}
.topRa .links span {margin: 0 10px}
.topRa .links a {color: #767676}
.topRa .links a:hover,.topRa .links a.co {color: #005edc}
.topRa .toptel {margin-left: 40px;font-size: 16px;color: #444}
.topRa .toptel i {color: #e00025;font-size: 18px;margin-right: 5px}
.header .mian-nav ul {width: calc(100% - 120px);}
.header .mian-nav ul li.first i {font-size: 30px}
.header .mian-nav ul li {position: relative;font-size: 16px;text-align: center;margin-right: 38px;transition: .3s;line-height: 30px;cursor: pointer;}
.header .mian-nav ul li>a {position: relative;}
.header .mian-nav ul li.on>a {color: #005edc}
.header .mian-nav ul li:hover>a {color: #005edc}
.header .mian-nav ul li>a span {display: block;font-size: 14px;text-align: center;color: #999999;margin-top: 5px}
.header .Search {width: 120px}
.header .Search a.serbtn {display: none}
.header .Search input {width: 100%;border: 1px solid #ddd;border-radius: 5px;height: 32px;line-height: 32px;padding: 0 5px 0 32px;font-size: 14px}
.header .Search button {position: absolute;left: 0;top: 0;z-index: 10;width: 30px;height: 32px;background: transparent;color: #888;line-height: 32px}
.header .sub-nav {position: absolute;top: 100%;left: 50%;z-index: 99;display: none;min-width: 150px;transform: translateX(-50%);padding-top: 19px}
.header .sub-nav .sub-nav-h {text-align: center;background: #e2edf8;padding: 5px 0}
.header .sub-nav .sub-nav-h a {display: block;font-size: 14px;line-height: 40px}
.header .sub-nav .sub-nav-h a:hover {background: #ffffff;color: #005edc}
.header .mian-nav ul li:hover .sub-nav {display: block}
.menu-btn {z-index: 999;overflow: hidden;margin-left: 20px;width: 36px;height: 36px;background: 0 0;text-indent: -5260px;opacity: 1;position: relative;z-index: 999;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3 {position: absolute;top: 50%;right: 0;display: block;width: 36px;height: 2px;background: #005edc;transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;transition-property: transform, width, margin, background-color}
.menu-btn .line-1 {margin-top: -11px;width: 30px}
.menu-btn .line-3 {margin-top: 11px;width: 30px}
.drawerMenu-open .menu-btn .line-1 {visibility: hidden}
.drawerMenu-open .menu-btn .line-2 {margin-top: 0 !important;width: 100%;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.drawerMenu-open .menu-btn .line-3 {margin-top: 0 !important;width: 100%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.searchbtn {width: 40px;line-height: 38px;text-align: center;font-size: 24px;color: #005edc}
.mobNav {position: fixed;top: 50px;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, .95);z-index: 98;padding-top: 53px;padding: 40px 5% 30px;display: none}
.mobNav ul {height: 70vh;overflow: auto}
.mobNav ul li {padding: 15px 0;border-bottom: 1px solid #ddd}
.mobNav ul li:last-child {border-bottom: 0}
.mobNav ul li .navp a {font-size: 15px;color: #666;font-weight: bold;}
.mobNav ul li .navp i {display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px}
.mobNav ul li.on .navp a{color: #005edc}
.mobNav ul li.on .navp i {transform: rotate(-45deg);}
.mobNav ul li .subNavm {margin-top: 10px;padding-left: 10px;display: none}
.mobNav ul li .subNavm a {display: block;line-height: 30px;font-size: 14px}
.headerm {display: none;padding: 10px 0;position: fixed;left: 0;/*right: 0;*/width: 100%;top: 0;z-index: 99;box-shadow: 0 0 10px rgba(0, 0, 0, .2);background: #fff;height: 60px}
.headerm .logo img {height: 40px}
.serm {height: 20px;display: inline-block;}
.main-banner{ padding-top:120px;}
@media screen and (max-width:1620px) {.header .mian-nav ul li {margin-right: 20px}}
@media screen and (max-width:1440px) {.header .mian-nav ul {width: auto}
.header .Search {width: auto}
.header .Search a.serbtn {display: block;position: static;height: 30px;line-height: 30px;font-size: 22px;transform: translateY(-5px);color: #777}
.header .Search form {display: none;}}
@media screen and (max-width:1360px) {.header .mian-nav ul li {margin-right: 15px}}
@media screen and (max-width:1015px) {
body{padding-top:40px}
.header {display: block}
.headerm {display: none;}
.main-banner{ padding:0px;}
.header .logo {width: 13.4%;border-right: 1px solid #ddd; float:left;}
.header .topR {width: 86.6%;padding-left:1%;padding-right:1%; float:right; margin-top:5px;}
.topRa{ display:none;}
.header {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: auto;background: #fff;box-shadow: none;}
}

@media screen and (max-width:1000px) {body{padding-top: 60px}
.header {display: none}
.headerm {display: block;}}
@media screen and (max-width:880px) {}
@media screen and (max-width:640px) {body{padding-top: 55px}
.main-banner{ padding-top:0px;}
.menu-btn {transform: translateY(-2px);}
.headerm {height: 55px}
.headerm .logo img {height: 35px}}
.footer {background: #2f3135;color: #97a1b2;font-size: 14px;padding-top: 35px}
.footer a {color: #97a1b2;-webkit-transition: color .2s;-o-transition: color .2s;transition: color .2s;}
.footb {padding-bottom: 30px}
.footb .aleft {/*width: calc(100% - 280px)*/}
.footb .aleft .fnav {margin-bottom: 25px}
.footb .aleft .fnav li.first {cursor: pointer;}
.footb .aleft .fnav li.first i {font-size: 30px;color: #fff}
.footb .aleft .fnav li {font-size: 16px;margin-right: 28px;transition: .3s;line-height: 30px}
.footb .aleft .links {margin-bottom: 50px;font-size: 16px}
.footb .aleft .links span {margin: 0 15px}
.footb .aleft .fnav a {color: #c6ccd6;font-size: 16px;-webkit-transition: color .2s;-o-transition: color .2s;transition: color .2s;}
.footb .aleft .fnav a:hover,.footer a:hover {color: #fff;}
.footb .aleft .frlink a {margin: 5px 15px 5px 0;display: inline-block;}
.foot-qr {text-align: center;}
.foot-qr p {margin-top: 12px;}
.footb .aright p {margin-top: 14px}
.footb .aright .footzx a {font-size: 16px;line-height: 40px;background: #005edc;display: inline-block;width: 180px;height: 40px;color: #fff;border-radius: 3px;text-align: center;margin-bottom: 10px}
.footb .aright .footzx a i {margin-right: 10px}
.footc {background: #282a2d;padding: 16px 0;color: #97a1b2}
.footc .aleft a {margin-right: 15px}
.footc .aright a {margin-left: 15px;}
@media screen and (max-width:1440px) {.footb .aleft .fnav li {font-size: 15px;margin-right: 18px;}}
@media screen and (max-width:1024px) {.footb .aleft .links {margin-bottom: 30px;}
.footb .aleft .fnav {/*display: none*/}
.footb .aleft {width: 100%;margin-bottom: 30px}
.footb .aright {width:50%;text-align: left;margin-top: 0px;}
}
@media screen and (max-width:980px) {.footb .aleft .links {font-size: 15px}
.footb .aleft .links span {margin: 0 12px}
.footc .aleft {width: 100%;margin-bottom: 15px}
.footc .aright {width: 100%}
.footc .aright a {margin-left: 0;margin-right: 0}
.footb .aleft .fnav {display: none}}
/*.in-banner .swiper-slide{height:calc(100vh - 120px);background-position:center;background-repeat:no-repeat;background-size: cover}*/
.in-banner .swiper-slide img.ba {display: none}
.in-banner .swiper-pagination-bullets {bottom: 30px;right: 0}
.in-banner .swiper-pagination-bullet {margin: 0 15px !important}
.in-banner .swiper-pagination-bullet {width: auto;height: auto;display: inline-block;background: transparent;opacity: 1;transition: .3s;font-size: 16px;color: #fff;font-family: "DIN-Medium";}
.in-banner .swiper-pagination-bullet-active {font-size: 24px}
.in-banner .swiper-button-prev {left: 5%;width: 50px;height: 50px;opacity: .5;transition: .3s;border-radius: 50%;background: #fff;color: #203654;text-align: center;line-height: 50px;font-size: 0;}
.in-banner .swiper-button-next {right: 5%;width: 50px;height: 50px;opacity: .5;transition: .3s;border-radius: 50%;background: #fff;color: #203654;text-align: center;line-height: 50px;font-size: 0;}
.in-banner .swiper-button-prev i {font-size: 25px}
.in-banner .swiper-button-next i {font-size: 25px}
.in-banner .swiper-button-prev:hover,.in-banner .swiper-button-next:hover {opacity: 1}
.in-banner .bamask {position: absolute;left: 0;right: 0;bottom: 0;z-index: 10;height: 20%}
.in-banner .bamask img {height: 100%;width: 100%}
@media screen and (max-width:1000px) {/*.in-banner .swiper-slide{height:60vh}*/}
@media screen and (max-width:768px) {/*.in-banner .swiper-slide{height:35vh}*/.main-banner{ padding-top:0px;}
}
@media screen and (max-width:640px) {
.main-banner{ padding-top:0px;}
.in-banner .swiper-pagination-bullet {margin: 0 10px !important}
.in-banner .swiper-pagination-bullets {bottom: 15px;right: 0}/*.in-banner .swiper-slide{height: 30vh}*/.in-banner .swiper-pagination-bullet {font-size: 14px;}
.in-banner .swiper-pagination-bullet-active {font-size: 20px}
.in-banner .swiper-button-prev,.in-banner .swiper-button-next {width: 30px;height: 30px;margin-top: -15px;line-height: 30px}
.in-banner .swiper-button-prev i {font-size: 14px}
.in-banner .swiper-button-next i {font-size: 14px}}
/**/
.homeA .aleft {width: 33.3333%;min-height: 200px;background: url(../images/abbg.jpg) no-repeat 50%;background-size: cover;padding: 60px 3.5% 60px 5%;color: #fff}
.homeA .aleft h4 {font-size: 48px;margin-bottom: 20px}
.homeA .aleft p {font-size: 14px;margin-bottom: 40px;opacity: .6;line-height: 1.8em}
.homeA .aleft a {border: 1px solid #fff;border-left: 0;border-right: 0;color: #fff;font-size: 18px;padding: 10px 10px 10px 0}
.homeA .aleft a i {margin-left: 50px;color: #fff;font-size: 22px;display: inline-block}
.homeA .aleft a:hover i {transform: translateX(10px)}
.homeA .aright {width: 66.666666%;background: url(../images/abbg1.png) no-repeat 50%;background-size: 100% 100%}
.homeA .aright .arighta {height: calc(100% - 100px);padding: 0 8%}
.homeA .aright .arighta ul li .fontsp {font-size: 60px}
.homeA .aright .arightb {height: 100px;border-top: 1px solid #ddd;line-height: 98px}
.homeA .aright .arightb a {width: 50%;text-align: center;font-size: 24px}
.homeA .aright .arightb a i.iconcanguan,.homeA .aright .arightb a i.icondianhua {margin-right: 20px;font-size: 35px;vertical-align: -5px}
.homeA .aright .arightb a i.iconjiantour {margin-left: 20px;font-size: 26px;display: inline-block}
.homeA .aright .arightb a:first-child {border-right: 1px solid #ddd}
.homeA .aright .arightb a:hover i.iconjiantour {transform: translateX(10px)}
.homeB {padding: 95px 0}
.homeB .aleft {width: 280px;background: url(../images/probg.png) no-repeat top;background-size: cover;padding: 50px 0 50px 28px;color: #fff;}
.homeB .aleft .tabNav li {cursor: pointer;font-size: 18px;text-align: center;padding: 15px;}
.homeB .aleft .tabNav li.cur {background: #fff;color: #e00025;border-left: 5px solid #e00025}
.homeB .aleft .alefta {margin-bottom:20px}
.homeB .aleft .alefta h3 {font-size: 28px;margin-bottom: 14px}
.homeB .aleft .alefta p {font-size: 14px;margin-bottom: 10px;opacity: .5}
.homeB .aleft .aleftb {margin-bottom:20px}
.homeB .aleft .aleftc1,.homeB .aleft .aleftc2 {display: none}
.homeB .aleft .aleftc {text-align: center;padding-right: 28px}
.homeB .aleft .aleftc .a1 {background: #fff;color: #005edc;display: inline-block;padding: 8px 40px;border-radius: 3px;width: 100%;margin-bottom: 15px}
.homeB .aleft .aleftc .a1 i {font-size: 22px;margin-right: 10px;vertical-align: -2px}
.homeB .aleft .aleftc .a2 {background: #fff;color: #005edc;display: inline-block;padding: 8px 40px;border-radius: 3px;width: 100%;margin-bottom: 30px}
.homeB .aleft .aleftc .a2 i {font-size: 22px;margin-right: 5px;vertical-align: -3px}
.homeB .aleft .aleftc .fontsp {font-size: 22px;margin-top: 10px}
.homeB .aleft .aleftc .icondianhua1 {font-size: 24px;margin-right: 10px;vertical-align: -3px}
.homeB .aright {width: calc(100% - 315px)}
.homeB .aright .arighta {margin-bottom: 25px}
.homeB .aright .arighta h4 {font-size: 24px}
.homeB .aright .arighta i {font-size: 18px;margin-left: 15px;vertical-align: -2px}
.homeB .aright .arightb ul {padding-right: 1px}
.homeB .aright .arightb ul:after {content: "";width: 32%}
.homeB .aright .arightb ul li {width: 32%;margin-bottom: 10px}
.homeB .aright .arightb ul li .trans-mask {border: 1px solid #ddd;display: flex}
.homeB .aright .arightb ul li img {margin: 0 auto; max-height:100%; max-width:100%;}
.homeB .aright .arightb ul li h4 {text-align: center;padding: 15px}
.homeC {padding: 60px 0;background: url(../images/advbg.jpg) no-repeat 50%;background-size: cover}
.homeC .atop {margin-bottom: 40px}
.homeC .atop .aleft h3 {position: relative;padding-top: 25px;color: #fff;margin-bottom: 20px}
.homeC .atop .aleft h3 span {font-size: 48px;position: absolute;top: 0;left: 0;z-index: 0;opacity: .2}
.homeC .atop .aleft h3 em {position: relative;font-size: 32px;z-index: 5}
.homeC .atop .aleft p {color: #fff;opacity: .8}
.homeC .atop .aright a {border: 1px solid #fff;border-left: 0;border-right: 0;color: #fff;opacity: .6;font-size: 18px;padding: 14px 10px 14px 0}
.homeC .atop .aright a i {margin-left: 50px;color: #fff;font-size: 22px}
.homeC .atop .aright a:hover {opacity: 1;padding-right: 0}
.homeC .acenter {margin-bottom: 40px}
.homeC .acenter .item h4 {font-size: 24px;line-height: 1.5em}
.homeC .acenter .item p {font-size: 24px;margin-bottom: 45px}
.homeC .acenter .item p span {font-size:50px}
.homeC .acenter .item .en {color: #81868e;opacity: .5}
.homeC .acenter .a1 {height: 560px;background: url(../images/advbg1.jpg) no-repeat bottom;background-size: cover;width: 33.2%;border-radius: 3px;padding: 30px 30px 35px 50px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.homeC .acenter .a1:hover,.homeC .acenter .b0 .item:hover {-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);box-shadow:0 15px 30px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.homeC .acenter .a1 i {display: block;margin: 40px 0 50px}
.homeC .acenter .a1 h4 {margin-bottom: 130px}
.homeC .acenter .a1 .cn {color: #fff}
.homeC .acenter .b0 {width: 65.3%;height: 560px}
.homeC .acenter .b0 .item {-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.homeC .acenter .b1,.homeC .acenter .b2 {height: 270px;background: #fff;width: 48.9%;border-radius: 3px;padding: 45px 40px 50px 50px}
.homeC .acenter .b3 {height: 270px;background: url(../images/advbg2.jpg) no-repeat 0;width: 100%;margin-top: 20px;border-radius: 3px;padding: 45px 40px 50px 50px;background-size: cover}
.homeC .afoot {text-align: center;color: #fff}
.homeC .afoot span.fontsp {font-size: 21px;margin-left: 10px}
.homeC .afoot i {font-size: 26px;vertical-align: -3px}

.homeD {padding: 100px 0 80px}
.homeD .tit,.home-about .tit {margin-bottom: 45px}
.homeD .tit h3,.home-about .tit h3 {font-size: 50px;color: #333;margin-bottom: 15px;position: relative;padding-top: 30px}
.homeD .tit h3 span,.home-about .tit h3 span {font-size: 48px;color: #eee;display: block;top: 0;position: absolute;left: 50%;transform: translateX(-50%)}
.homeD .tit h3 em,.home-about .tit h3 em {position: relative;z-index: 10;font-weight: 700}
.homeD .tit p,.home-about .tit p {color: #81868e}
.homeDa .swiper-slide a {display: block}
.homeDa {padding: 10px 0 40px}
.homeDa .swiper-slide {background: #fff;width:32%;padding: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, .2)}
.homeDa .swiper-button-prev {left: 10%}
.homeDa .swiper-button-next,.homeDa .swiper-button-prev {width: 50px;height: 50px;opacity: .5;transition: .3s;border-radius: 50%;background: #005edc;color: #fff;text-align: center;line-height: 50px;font-size: 0;}
.homeDa .swiper-button-next {right: 10%}
.homeDa .swiper-button-next i,.homeDa .swiper-button-prev i {font-size: 25px}
.homeDa .swiper-button-next:hover,.homeDa .swiper-button-prev:hover {opacity: 1}

.homeE {max-width: 1600px;margin: 0 auto;min-height: 200px;background: url(../images/linebg.png) no-repeat 50%;background-size: cover;padding: 50px 0}
.homeE .aleft h5 {font-size: 24px;color: #333;position: relative;padding-top: 30px}
.homeE .aleft h5 span {font-size: 40px;color: #ddd;display: block;line-height: 1em;position: absolute;top: 0;z-index: 0}
.homeE .aleft h5 em {position: relative;z-index: 10}
.homeE .aleft h4 {font-size: 36px;margin-bottom: 45px;font-weight: 700}
.homeE .aleft .a1 {background: #005edc;color: #fff;display: inline-block;padding: 10px 40px;border-radius: 3px;vertical-align: middle;}
.homeE .aleft .a1 i {font-size: 20px;margin-right: 10px;vertical-align: -2px}
.homeE .aleft .a2 {font-size: 22px;margin-left: 20px;display: inline-block;vertical-align: middle;}
.homeE .aleft .a2 i {font-size: 28px;margin-right: 5px;vertical-align: -3px}
.homeE .aleft {width: 36%}
.homeE .aright {width: 60%}
.homeE .aright .item em,.homeE .aright .item span {font-size: 72px}
.homeE .aright .item i {font-size: 24px}
.homeF {padding: 110px 0 125px}
.homeF .tit {margin-bottom: 34px}
.homeF .tit h3 {font-size: 36px;position: relative}
.homeF .tit h3 span {font-size: 32px;color: #f0f0f0;display: block;line-height: 1em;position: absolute;top: -15px;z-index: 0}
.homeF .tit h3 em {position: relative;z-index: 10}
.homeF .tit a {padding-top: 15px}
.homeF .item {width: 31.6%;position: relative}
.homeF .item .pic {height: 320px}
.homeF .item .list {border: 1px solid #ddd}
.homeF .item .list .first h4 {font-size: 18px;padding: 20px 0;border-bottom: 1px solid #ddd;margin: 0 5% 20px}
.homeF .item .list ul {padding-bottom: 20px}
.homeF .item .list ul li.li {margin: 0 5%;line-height: 40px;position: relative;padding-left: 10px}
.homeF .item .list ul li.li:after {content: "·";position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.homeF .aright .list {height: calc(100% - 77px)}
.homeF .aright .list ul li {padding: 35px 0;border-bottom: 1px solid #ddd;margin: 0 5%}
.homeF .aright .list ul li:last-child {border-bottom: 0}
.homeF .aright .list ul li h4 {display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 15px}
.homeF .aright .list ul li h4 a {width: calc(100% - 30px);font-size: 18px}
.homeF .aright .list ul li h4 i {font-size: 24px}
.homeF .aright .list ul li p {padding-left: 30px;color: #777;font-size: 14px}
.homeF .aright .list ul {padding-bottom: 0}
.oh{overflow: hidden;}
@media screen and (max-width:1366px) {.homeB .aleft .alefta,.homeB .aleft .aleftb {margin-bottom: 50px}
.homeB .aleft .tabNav li {font-size: 17px;padding: 20px 0;text-align: center;margin-bottom: 0}
.homeE .aleft h5 {font-size: 20px;padding-top: 20px}
.homeE .aleft h5 span {font-size: 30px}
.homeE .aleft h4 {font-size: 30px;margin-bottom: 25px}
.homeE .aleft .a1 {padding: 8px 30px;font-size: 15px}
.homeE .aleft .a1 i {font-size: 20px}
.homeE .aleft .a2 {font-size: 18px;margin-left: 10px}
.homeE .aleft .a2 i {font-size: 24px}
.homeE .aright .item em,.homeE .aright .item span {font-size: 62px}
.homeE .aright .item i {font-size: 24px}}
@media screen and (max-width:1280px) {.homeC .acenter .item h4,.homeC .acenter .item p {font-size: 18px}
.homeC .acenter .a1 {padding: 30px 30px 35px}
.homeC .acenter .b1,.homeC .acenter .b2,.homeC .acenter .b3 {padding: 45px 30px 50px}
.homeC .acenter .item p span {font-size:30px}}
@media screen and (max-width:1024px) {
.homeA .aleft {width: 100%;min-height: 200px;padding: 60px 3.5% 60px 5%}
.homeA .aright {width: 100%}
.homeA .aright .arighta {height: auto;padding: 50px 8%}
.homeB .aleft {width: 100%;padding: 40px 5% 0;margin-bottom: 30px}
.homeB .aright {width: 100%}
.homeB .aleft .aleftb {margin-bottom: 0}
.homeB .aleft .tabNav {display: flex;flex-wrap: wrap;justify-content: space-between}
.homeB .aleft .tabNav li {font-size: 15px;padding: 12px 0 12px 5px;width: 25%}
.homeB .aleft .aleftc {display: none;padding-right: 0;text-align: left}
.homeB .aleft .aleftc1,.homeB .aleft .aleftc2 {display: block}
.homeB .aleft .aleftc2 .a2 {margin-bottom: 0}
.homeB .aleft .aleftc1 .c1 {display: none}
.homeB .aleft .aleftc1 .fontsp {opacity: 1}
.homeB .aleft .alefta,.homeE .aleft {margin-bottom: 30px}
.homeE .aleft,.homeE .aright {width: 100%}
.homeF .tit h3 {font-size: 30px}
.homeF .tit h3 span {font-size: 28px}
.homeF .item .pic {height:150px}
}
@media screen and (max-width:980px) {.homeA .aleft {padding:20px 5%}
.homeA .aright .arighta {height: auto;padding: 40px 5%}
.homeA .aleft h4 {font-size:30px}
.homeA .aleft a {font-size: 15px}
.homeA .aleft a i {margin-left: 30px;font-size: 18px}
.homeA .aright .arighta ul li .fontsp {font-size: 40px}
.homeA .aright .arightb {height: 80px;line-height: 78px}
.homeA .aright .arightb a {font-size: 18px}
.homeA .aright .arightb a i.iconcanguan,.homeA .aright .arightb a i.icondianhua {font-size: 28px}
.homeA .aright .arightb a i.iconjiantour {font-size: 20px}
.homeC .acenter .a1 {width: 100%;margin-bottom: 20px;height: auto}
.homeC .acenter .a1 i {display: block;margin: 0 0 20px}
.homeC .acenter .b0 {width: 100%;height: auto}
.homeC .acenter .b1,.homeC .acenter .b2,.homeC .acenter .b3 {height: auto;padding: 30px}
.homeD .tit {margin-bottom: 35px;overflow: hidden;}
.homeD .tit h3, .home-about .tit h3 {font-size: 40px;padding-top: 25px}
.homeD .tit h3 span, .home-about .tit h3 span {font-size: 38px}
.homeF {padding: 60px 0 30px}
.homeF .item {width: 100%;position: relative;margin-bottom: 50px}
.homeF .item .pic {height: 280px}}
@media screen and (max-width:767px) {.homeA .aright .arighta ul li {width: 48%;margin-bottom: 20px}
.homeE .aright .item em,.homeE .aright .item span {font-size: 42px}
.homeE .aright .item i {font-size: 20px}}
@media screen and (max-width:640px) {
.homeA .aright .arightb {height: 60px;line-height: 58px}
.homeA .aright .arightb a {font-size: 15px}
.homeA .aright .arightb a i.iconcanguan,.homeA .aright .arightb a i.icondianhua {font-size: 20px;vertical-align: -2px;margin-right: 5px}
.homeA .aright .arightb a i.iconjiantour {font-size: 16px;margin-left: 5px}
.homeA .aright .arightb a:hover i.iconjiantour {transform: translateX(0)}
.homeA .aright .arighta ul li p {font-size: 14px}
.homeA .aright .arighta {height: auto;padding: 40px 5% 20px}
.homeB {padding: 65px 0}
.homeB .aleft .tabNav li {font-size: 14px;padding: 12px 5px;width: 33.3333%;flex-direction: unset;}
.homeB .aleft .aleftc .a1,.homeB .aleft .aleftc .a2 {padding: 8px 10px;font-size: 14px;width: 100%;display: block;text-align: center}
.homeB .aleft .aleftc .a1 i,.homeB .aleft .aleftc .a2 i {font-size: 18px}
.homeB .aright .arightb ul li {width: 48%;margin-bottom: 10px}
.homeB .aleft .aleftc2 {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 20px}
.homeB .aleft .aleftc2 div {width: 48%}
.homeC .atop .aleft {width: 60%}
.homeC .atop .aleft h3 {padding-top: 20px}
.homeC .atop .aleft h3 span {font-size: 32px}
.homeC .atop .aleft h3 em {font-size: 26px}
.homeC .atop .aleft p {font-size: 14px}
.homeC .atop .aright a {font-size: 15px;padding: 10px 0}
.homeC .atop .aright a i {margin-left: 10px;font-size: 18px}
.homeC .atop .aright a:hover {opacity: 1;padding-right: 0}
.homeC .acenter .a1 h4 {margin-bottom: 60px}
.homeC .acenter .b1 {width: 100%;margin-bottom: 20px}
.homeC .acenter .b2 {width: 100%}
.homeC .acenter .item p span {font-size: 40px}
.homeC .acenter .item p {margin-bottom: 25px}
.homeC .afoot span.a1 {display: block;margin-bottom: 10px}
.homeD {padding: 60px 0 50px}
.homeD .tit {margin-bottom: 35px}
.homeD .tit h3, .home-about .tit h3 {font-size: 26px;padding-top: 20px}
.homeD .tit h3 span, .home-about .tit h3 span {font-size: 32px}
.homeDa .swiper-slide {width: 60%}
.partner-list li {height: 55px;}
.homeD,.homeC,.homeE,.homeA {overflow: hidden;}
.homeDa .swiper-button-next,.homeDa .swiper-button-prev {display: none}
.homeE .aright .item {width: 50%;margin-bottom: 20px}
.homeE .aleft h4 {font-size: 24px;margin-bottom: 20px}
.homeE .aleft .a1 {padding: 8px 30px;font-size: 14px}
.homeE .aleft .a1 i {font-size: 20px}
.homeE .aleft .a2 {font-size: 18px;margin-left: 10px}
.homeE .aleft .a2 i {font-size: 24px}
.homeF .item .list .first h4 {font-size: 16px;padding: 16px 0;margin: 0 5% 18px}
.homeF .item .list ul li.li {line-height: 36px;font-size: 15px}
.homeF .aright .list {height: auto}
.homeF .aright .list ul {padding: 15px 0}
.homeF .aright .list ul li {padding: 25px 0}
.homeF .aright .list ul li h4 a {width: calc(100% - 26px);font-size: 16px}
.homeF .aright .list ul li h4 i {font-size: 20px}
.homeF .aright .list ul li p {padding-left: 26px}}
@media screen and (max-width:480px) {.homeE .aleft .a2 {display: block;margin-top: 20px;font-size: 26px}
.homeE .aleft .a2 i {font-size: 30px;vertical-align: -3px}
.homeE .aright .item {/*width: 100%*/font-size: 14px;}
.homeE .aright .item em, .homeE .aright .item span {font-size: 36px;}
.home-about {margin-top: 0;padding-top: 50px;padding-bottom: 50px;}}
@media screen and (max-width:320px) {.homeA .aright .arighta ul li p {font-size: 12px}
.homeB .aleft .aleftc .a1,.homeB .aleft .aleftc .a2 {font-size: 13px}
.homeC .atop .aright a {font-size: 14px;padding: 8px 0}
.homeC .atop .aright a i {margin-left: 5px;font-size: 16px}}
/**/
.hidden_search .text {width: 100%;height: 40px;padding: 0;font-size: 14px;color: #444;background: none;border: none;font-family: "Microsoft Yahei";}
.hidden_search .btn {display: block;cursor: pointer;position: absolute;right: 0;top: 0;height: 40px;width: 40px;border: none;border-radius: 50%;overflow: hidden;font-size: 24px;color: #005edc;background: transparent;}
.hidden_search .search_wrap {border: 1px solid #e4eaec;border-radius: 20px;position: relative;padding-right: 45px;padding-left: 20px;width: 95%}
.hidden_search .close_btn {position: absolute;right: 20px;top: 50%;width: 26px;height: 26px;transform: translateY(-50%);-webkit-transition: 0.5s;transition: 0.5s;font-size: 26px;color: #777}
.hidden_search .close_btn:hover {color: #005edc;}
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, .7);visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999;opacity: 0;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {position: relative;padding: 30px 40px 30px 30px;background: #fff;width: 60%;margin: 0 auto;top: 50%;margin-top: -58px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.is-visible .cd-popup-container {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.cd-popup0,.cd-popup1,.cd-popup2,.cd-popup3 {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999;}
.cd-popup0.is-visible,.cd-popup1.is-visible,.cd-popup2.is-visible,.cd-popup3.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container0,.cd-popup-container1,.cd-popup-container2,.cd-popup-container3 {position: relative;padding: 40px;background: #fff;width: 60%;margin: 0 auto;top: 20%;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-container1 {top: 10%;}
.is-visible .cd-popup-container0,.is-visible .cd-popup-container1,.is-visible .cd-popup-container2,.is-visible .cd-popup-container3 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.sear_p {float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;}
.sear_txt {float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;}
@media screen and (max-width: 600px) {.cd-popup-container {width: 90%}
.hidden_search .text {font-size: 14px}
.cd-popup-container {padding: 20px 50px 20px 10px}}
#browser-modal {width: 100%;height: 100%;top: 0;left: 0;text-align: center;color: #303233;position: fixed;z-index: 9999;}
#browser-modal .browser-modal-cover {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: #111;opacity: .9;z-index: -1}
#browser-modal .browser-content {width: 700px;margin-top: 120px;margin-left: auto;margin-right: auto;padding-bottom: 80px;padding-top: 50px;background-color: #fff;border-radius: 5px}
#browser-modal .browser-content .browser-dpc-logo img {height: 42px;margin: 45px auto 40px}
#browser-modal .browser-content .browser-text-title {text-transform: uppercase;font-size: 24px}
#browser-modal .browser-content .browser-text-desc {margin-top: 30px;margin-bottom: 20px;font-size: 14px}
#browser-modal .browser-content .browser-list {width: 600px;margin: 20px auto;height: 130px}
#browser-modal .browser-content .browser-item {float: left;width: 150px;padding-top: 20px;padding-bottom: 20px;margin-left: auto;margin-right: auto}
#browser-modal .browser-content .browser-item .iconfont {width: 100px;height: 100px;margin: 0 auto;font-size: 80px;line-height: 80px;margin-bottom: 10px;}
#browser-modal .browser-content .browser-item .iconchrome {background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox {background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera {background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge {background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a {cursor: pointer;display: block}
#browser-modal .browser-content .browser-item a img {display: block;margin: 0 auto;max-width: 100px;width: 100px;height: 100px}
#browser-modal .browser-content .browser-item a h4 {text-align: center;margin-top: 20px;font-size: 18px;font-weight: 700}/*ie11 css hack*/
@media all and (-ms-high-contrast:none) {*: :-ms-backdrop,}
/*ie11注意里面的标点符号*//*ie10 css hack*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {}
.zj-left {width: 260px;height: 100%;overflow-y: auto;position: fixed;left: 0;top: 0;background: #fff;z-index: 999;border-right: 1px solid #ddd;transition: all .5s;opacity: 0;transform: translateX(-100%)}
.zj-left-on {opacity: 1 !important;transform: translateX(0) !important}
.zj-left .tit {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 10px 6% 16px;}
.zj-left h6 {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 16px 6%;font-size: 16px;border-bottom: 1px solid #ddd;cursor: pointer;}
.zj-left h6:hover {color: #0084c7}
.zj-left h6 img {opacity: .5;width: 15px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.zj-left h6.on img {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.zj-left .tit img {width: 60px;height: auto;}
.zj-left .tit .clone {width: 20px;height: 20px;background: url('../images/j-c.png') no-repeat;background-size: 100% 100%;cursor: pointer;}
.zj-left ul {padding: 12px 0;background: #f1f1f1;display: none;}
.zj-left li {line-height: 2.5;box-sizing: border-box;padding: 0 10%;}
.zj-left li a {display: block;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zj-left li:hover {background: #3676b8;}
.zj-left li:hover a {color: #fff;}
.link {transition: 0.52s;position: relative;overflow: hidden;}
.anim {transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}
.link:hover .anim {animation: anim-out 0.75s;}
.link:hover .anim:after {animation: anim-out-pseudo 0.75s;}
@keyframes anim-out-pseudo {0% {background: rgba(0, 0, 0, 0.25);}100% {background: transparent;}}
@keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}
/* 在线客服样式 */
.sz-kefu{position:fixed;width:50px;right:0;top:50%;z-index:100;margin-top: -100px;}
.sz-kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;}
.sz-kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#005edc;overflow:hidden;opacity:.8;}
.sz-kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}
.sz-kefu ul li .sidebox:hover{opacity:1;}
.sz-kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.sz-kefu ul li .sidetop:hover{opacity:1;}
.sz-kefu ul li img{float:left;}
.sz-kefu ul li .sidebox3{font-size:16px;}
.sz-kefu ul li .kImg{padding:13px;}
.sz-kefu .kf_wx{position:absolute; top:0;left:-140px;width:110px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;box-sizing: content-box;}
.sz-kefu .kf_wx img{display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.sz-kefu .qq{position:absolute;z-index:2;right:-150px;top:-39px;}
.sz-kefu .qq .qqbox{border:1px solid #005edc;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;text-align:center;padding-bottom:5px;}
.sz-kefu .qq h5{height:35px;line-height:35px;background:#005edc;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.sz-kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.sz-kefu .qq h5 i:hover{transform: rotate(90deg);}
.sz-kefu .qq a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #005edc;margin:5px 15px}
@media screen and (max-width: 768px) {.sz-kefu {display: none;}}
/*移动端咨询*/
.menu-footer {display: none;width: 100%;height: 45px;line-height: 45px;text-align: center;background: rgba(0,0,0,0.7);font-size: 0;position: fixed;left: 0;bottom: 0;z-index: 99999;}
.menu-footer a {position: relative;float: left;width: 50%;color: #fff;font-size: 14px;}
.menu-footer img {display: inline-block;vertical-align: middle;width: 14px;margin-top: -2px;margin-right: 5px;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}
@media (max-width: 640px) {.footer {padding-bottom: 45px;}.menu-footer {display: block;}}