@charset "UTF-8";
@font-face{font-family: 'thyFont1';src: url("../fonts/simpds.ttf");}
@font-face{font-family: 'thyFont2';src: url("../fonts/BEBAS.ttf");}
@font-face{font-family: 'thyFont3';src: url("../fonts/Questrial-Regular.ttf");}
@font-face{font-family: 'Cabin-Regular';font-style: normal;font-stretch: normal;font-display: swap;src: url('../fonts/Cabin-Regular.ttf') format('truetype');}
body{font-family: 'Cabin-Regular', Arial, Candal, sans-serif !important;}
main{width: 94%;max-width: 1600px;margin: 0 auto;display: block;*zoom: 1;}
main:before, main:after{content: " ";display: table;}
main:after{clear: both;}
html{background: #fff;overflow-x: hidden;width: 100%;}
/*样式重置*/
html{line-height: 1.15;-webkit-text-size-adjust: 100%;}
h1{font-size: 2em;margin: .67em 0;}
hr{box-sizing: content-box;height: 0;overflow: visible;}
pre{font-family: monospace,monospace;font-size: 1em;}
a{background-color: transparent;}
abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong{font-weight: bolder;}
code, kbd, samp{font-family: monospace,monospace;font-size: 1em;}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
img{border-style: none;}
button, input, optgroup, select, textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input{overflow: visible;}
button, select{text-transform: none;}
[type=button], [type=reset], [type=submit], button{-webkit-appearance: button;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style: none;padding: 0;}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: .35em .75em .625em;}
legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline;}
textarea{overflow: auto;}
[type=checkbox], [type=radio]{box-sizing: border-box;padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]{-webkit-appearance: textfield;outline-offset: -2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit;}
details{display: block;}
summary{display: list-item;}
template{display: none;}
[hidden]{display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video{margin: 0;padding: 0;}
body{max-width: 1920px;margin: auto;padding-top: 100px;background: #f4f4f4;}
body.index{padding: 0;background: none;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style: normal;font-weight: normal;}
ins{text-decoration: none;}
li{list-style: none;}
table{font-size: inherit;font: 100%;border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;font-variant: normal;}
legend{color: #000;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{border: 0;padding: 0;margin: 0;*font-size: 100%;line-height: 1.2;}
a img, img{-ms-interpolation-mode: bicubic;}
sub, sup{vertical-align: baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{display: block;}
pre{white-space: pre-wrap;}
textarea{resize: none;overflow: auto;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{outline: 0;}
button, input{outline: 0;}
input[type=password]::-ms-reveal{display: none;}
input::-ms-clear{display: none;}
input:-ms-input-placeholder{color: #999;}
/*样式重置*/
a:hover{color: #f5a101;}
a:active{color: #f5a101;}
/*滚动条*/
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
/*头部*/
#needHeaderBac{background: white;}
#needHeaderBac .header_logo .logo1{display: inline-block;}
#needHeaderBac .header_logo .logo2{display: none;}
#needHeaderBac #tNav .tNav .navName{color: #333;}
.pc_header{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;height: 100px;background: rgba(0,0,0,.2);backdrop-filter: blur(5px);border-bottom: 1px solid rgba(255,255,255,0);transition: all .5s ease;/* Firefox 4*//* Safari 和 Chrome*//* Opera*/box-sizing: border-box;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);}
.pc_header .box{max-width: 90%;display: flex;align-items: center;margin: auto;}
.pc_header .header_logo{width: 23%;height: 100%;z-index: 20;display: flex;align-items: center;overflow: visible;}
.pc_header .header_logo a{display: block;}
.pc_header .header_logo .logo1{display: none;max-width: 100%;}
.pc_header .header_logo .logo2{display: inline-block;max-width: 100%;}
.pc_header .header_mail{width: 12%;display: flex;justify-content: flex-end;align-items: center;}
.pc_header .header_mail a{color: #fff;font-size: 16px;line-height: 40px;width: auto;display: flex;justify-content: center;align-items: center;padding: 0 30px;border-radius: 50px;background: #f5a101;}
.pc_header .header_lang{width: 10%;position: relative;}
.pc_header .header_lang .lang{position: relative;width: 100px;float: right;}
.pc_header .header_lang span{display: block;width: 100px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;background: #f4f4f4;color: #666;cursor: pointer;}
.pc_header .header_lang ul{position: absolute;width: 100%;padding: 4px;background: #fff;border: 1px solid #ccc;box-sizing: border-box;opacity: 0;visibility: hidden;transform: translate3d(0, 10px, 0);transition: all .5s ease;}
.pc_header .header_lang ul li a{display: block;color: #595959;font-size: 13px;line-height: 30px;padding-left: 30px;background: url(../images/cn.png) center left no-repeat;background-size: 20px;}
.pc_header .header_lang ul li a.en{background-image: url(../images/en.png);}
.pc_header .header_lang .lang:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.pc_header .box{max-width:96%;}
.pc_header .header_mail a{font-size: 14px;line-height: 35px;padding: 0 20px;}}
@media only screen and (max-width: 1024px){
.pc_header{width:100%;max-width:100%;height:70px;line-height:70px;background:rgba(255,255,255,1);border-bottom:1px solid rgba(27,36,43,0);backdrop-filter: none;}
.pc_header .box{max-width: 100%;justify-content: space-between;}
.pc_header .header_logo{width: 21.34%;}
.pc_header .header_logo .logo1{display: inline-block;transform: scale(.9);}
.pc_header .header_logo .logo2{display: none;}}
@media only screen and (max-width: 768px){
.pc_header .header_logo{width: 55%;}}
#tNav{width: 65%;display: flex;justify-content: flex-end;padding-right: 2%;box-sizing: border-box;}
@media only screen and (min-width: 1025px){
#tNav .navLi.tplink8{display:none;}
#tNav .tNavBox{width:100%;height:auto;overflow:visible;background: none;}
#tNav .navBtn{display:none;}
#tNav .navSliBtn{display:none;}
#tNav .iconJt{display:none;}
#tNav .navUl{width: 100%;display: flex;justify-content: center;padding-right: 2%;}
#tNav .navLi{padding: 0;min-width: 10%;display: inline-block;font-size: 1rem;margin: 0 1vw;position:relative;}
#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before{width:100%;opacity: 1;}
#tNav .tNavH{position:relative;}
#tNav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color: #f5a101;opacity: 0;transition:all .5s ease;}
#tNav .tNav{width:100%;margin:0 auto;overflow: visible;}
#tNav .tNav .navName{position:relative;display:block;padding:0;line-height: 100px;font-size:1.2rem;color:#fff;text-align:center;transition:all .5s ease;}
#tNav .tNav.active .navName:hover{color:#f5a101;}
#tNav .tNav.active .navName{color:#333;font-family: 'Cabin-Regular', cursive !important;}
#tNav .navName::after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #f5a101;font-weight:bold;display:none;}
#tNav .navLi:hover .navName{transform: translateY(0%);}
#tNav .slidBox{position: absolute;left: -25%;right: 0;width: 150%;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;transform: translate3d(0, 20px, 0);transition: all .5s ease;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.075);border-top: none;}
#tNav .navLi:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#tNav .navSbox{position: relative;float: none;width: 100%;margin-left: 0%;height: auto;overflow: hidden;font-size: 0;white-space: nowrap;}
#tNav .navSli{width: 100%;float: none;font-size: 14px;position: relative;text-align: center;}
#tNav .navSli:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ececec;transition: all .5s ease;-webkit-transition: all .5s ease;}
#tNav .navSlink{display:block;color: #333;line-height: 40px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#tNav .oneName{font-size:26px;padding-bottom: 15px;color: #000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#tNav .tNavSummry{line-height: 24px;width:100%;height: auto;overflow:hidden;color: #666666;font-size: 14px;max-width: 420px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
#tNav .tNavMore{display:block;position: relative;height: auto;padding-top: 25px;border-top: 1px dashed #cccccc;margin-top: 20px;cursor:pointer;}
#tNav .txt{color:#000;transition:all .5s ease;}
#tNav .leanMore{margin-left:2rem;transition:all .5s ease;}
#tNav .tNavMore:hover .txt{color:#21478b;margin-left:10px;}
#tNav .tNavMore:hover .leanMore{color:#21478b;}
#tNav .navSimg{position:relative;width:100%;height:160px;overflow:hidden;}
#tNav .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height: 100%;transition: all .5s ease;}
#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}
#tNav .navSli:hover .navSlink{color: #f5a101;}
#tNav .navSli:hover .navSlink::after{width: 100%;opacity: 1;}}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
#tNav .tNav{width: 100%;margin: 0 auto;overflow: visible;}
#tNav .tNav .navName{font-size: 16px;}}
@media only screen and (max-width: 1024px){
#tNav{width: 45%;padding: 0;}
#tNav .leftBox,.pc_header .header_mail,.header_lang{display:none;}
#tNav .navSimg{display:none;}
#tNav .tNavBox{position:relative;height:70px;background:none;}
#tNav .navBtn{position: absolute;top: 1rem;right: 1rem;background: #f5a101;width: 40px;height: 40px;padding: 10px;line-height: 73px;box-sizing: border-box;}
#tNav .navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}
#tNav .navBtnImg{display: block;width: 90%;height: 70%;}
#tNav .tNav{position:fixed;top: 70px;left:0;right:0;height: 0;overflow: hidden;z-index:999;background: #fff;transition:all .5s ease;}
#tNav .tNavHeight{height: 100%;}
#tNav .slidBox{display:none;}
#tNav .navUl{width: calc(100% - 40px);margin: auto;overflow:hidden;}
#tNav .navLi{border-bottom: 1px solid #ececec;position: relative;}
#tNav .tNavH{position: relative;height: 46px;line-height: 46px;font-size: 14px;font-weight:normal;transition: all .5s ease;}
#tNav .navName,#needHeaderBac #tNav .tNav .navName{display: block;width: calc(100% - 46px);height: 100%;color: #333;}
#tNav .iconJt{position:absolute;top: 0;width: 46px;height: 100%;right: 0;display:flex;justify-content:center;align-items:center;color: #CBCBCB;font-size:0.875rem;transform: rotate(-90deg);transition:all .5s ease;}
#tNav .iconJtRotate{transform: rotate(0);}
#tNav .navSliBtn{height:40px;width:100%;text-align:center;}
#tNav .hs{height: 100%;}
#tNav .navSli{position: relative;padding-left: 15px;font-size: 0.875rem;line-height: 44px;}
#tNav .navSli::before {content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #dcdcdc;position: absolute;top: 51%;left: 0;transform: translateY(-50%);}
#tNav .navSlink{display:block;width:100%;height:100%;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#tNav .navLi.tplink8{border-bottom:none;}
#tNav .navLi.tplink8 .slidBox{display:block !important;}
#tNav .navLi.tplink8 .tNavH{display:none;}
#tNav .navLi.tplink8 .navSbox{padding-top:30px;display: flex;flex-direction: row;justify-content: center;}
#tNav .navLi.tplink8 .navSli{padding-left: 0;border: 1px solid rgba(255,255,255,.2);width: 38px;text-align: center;margin: 0 2vw;}}
.banner{position: relative;}
.banner .swiper-slide{position: relative;pointer-events: auto;}
.banner .swiper-slide .slide-inner{width: 100%;height: 100vh;}
.banner .swiper-slide .bannerPic{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .bannerPic{transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0, 0, 100px);}
.banner .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0, 0, 0px);}
.banner .swiper-pagination{bottom: 15vh;}
.banner .swiper-pagination-bullet{position: relative;width: 8px;height: 8px;background-color: #fff;margin: 0 10px!important;opacity: .5;}
.banner .swiper-pagination-bullet:after{content: "";width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;background: transparent;border: 1px solid #f5a101;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.banner .swiper-pagination-bullet-active{opacity: 1;background-color: #f5a101;}
.banner .swiper-pagination-bullet-active:after{opacity: 1;transform: scale(1);}
.banner_nav{position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,.5);backdrop-filter: blur(5px);z-index: 2;}
.banner_nav ul{display: flex;height: 13vh;}
.banner_nav ul li{width: 100%;text-align: center;border-right: 1px solid rgba(255,255,255,.2);}
.banner_nav ul li:first-child{border-left: 1px solid rgba(255,255,255,.2);}
.banner_nav ul li a{display: flex;height: 100%;justify-content: center;align-items: center;flex-direction: column;}
.banner_nav ul li .img{width: 4vh;height: auto;}
.banner_nav ul li .img img{max-width: 100%;height: 100%;transition: all 1s;}
.banner_nav ul li h3{color: #fff;font-size: 1.6vh;margin-top: 2vh;}
.banner_nav ul li:hover .img img{transform:rotateY(360deg);}
@media only screen and (max-width: 1280px){
.banner .swiper-pagination{bottom: 10vh;}
.banner .swiper-slide .slide-inner{height: 100%;}
.banner_nav ul{height: 100px;}
.banner_nav ul li .img{width: 30px;}
.banner_nav ul li h3{font-size: 14px;margin-top: 5%;}}
@media only screen and (max-width: 1024px){
body,body.index{padding-top: 70px;}
.banner .swiper-pagination{bottom: 4%;}
.banner .swiper-pagination-bullet{margin: 0 5px!important;}
.banner .swiper-pagination-bullet:after,.banner_nav{display: none;}}

.in_class{width: 100%;background-image: linear-gradient(0deg, #F9F9F9 8%, #F7F7F7 31%, #EDEDEE 44%, #E8E8E9 77%);}
.in_class .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.in_class .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.in_class .slick-list:focus{outline: none;}
.in_class .slick-list.dragging{cursor: pointer;cursor: hand;}
.in_class .slick-slider .slick-track,
.in_class .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.in_class .slick-track{position: relative;top: 0;left: 0;display: flex;margin-left: auto;margin-right: auto;}
.in_class .slick-track:before,
.in_class .slick-track:after{display: table;content: '';}
.in_class .slick-track:after{clear: both;}
.in_class .slick-loading .slick-track{visibility: hidden;}
.in_class .slick-slide{display: none;height: 100%;min-height: 1px;}
.in_class .slick-slide img{display: block;}
.in_class .slick-slide.slick-loading img{display: none;}
.in_class .slick-slide.dragging img{pointer-events: none;}
.in_class .slick-initialized .slick-slide{display: flex;justify-content: center;align-items: center;}
.in_class .slick-loading .slick-slide{visibility: hidden;}
.in_class .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.in_class .slick-arrow.slick-hidden{display: none;}
.in_class .slick-arrow{display: none;}
.in_class .box_item .banner-name{font-size: 34px;color: #333333;opacity: 0.34;margin-bottom: 30px;}
.in_class .box_item .ImgBefore{width: 100%;height: 0px;position: relative;padding-bottom: 37%;margin: 0 auto;transition: all .8s;}
.in_class .box_item .ImgBefore img{width: 100%;height: 100%;display: block;object-fit: cover;position: absolute;left: 0;top: 0;}
.in_class .box_item .banner-description .banner-docs{font-size: 20px;color: #333333;margin-top: 20px;}
.in_class .box_item .banner-description .banner-docs span{font-family: inherit;color: inherit;}
.in_class .box_item{text-align: center;background-image: linear-gradient(0deg, #F9F9F9 8%, #F7F7F7 31%, #EDEDEE 44%, #E8E8E9 77%);transition: all .5s;transform: skewX(-10deg);height: 800px;width: calc(100% / 3);position: relative;}
.in_class .box_item:nth-child(2n){position: relative;z-index: 1;}
.in_class .box_item .Bag{transform: skewX(10deg);position: relative;z-index: 1;}
.in_class .box_item:nth-child(2n) .border-left,
.in_class .box_item:nth-child(2n) .border-right{width: 8px;height: 105%;background: #fff;position: absolute;top: 0;z-index: 1;}
.in_class .box_item:nth-child(2n) .border-left{left: 0;}
.in_class .box_item:nth-child(2n) .border-right{right: 0;}
.in_class .box_item .moreBtn{display: inline-block;background: #f5a101;border-radius: 17px;padding: 9px 34px;font-size: 14px;color: #FFFFFF;margin-top: 30px;font-family: unset;}
.in_class .box_item .banner-description{transition: all .8s;opacity: 0;height: 0;}
.in_class .box_item .banner-description .cont{display: none;}
.in_class .Box{position: relative;}
.in_class .Box .ImgBag{position: relative;}
.in_class .box_item:last-child .border-right{width: 0;}
.in_class .Box .box_left,
.in_class .Box .box_right{display: none;}
@media (min-width:1280px) and (max-width:1920px){.in_class .box_item .banner-name{font-size: 24px;}
.in_class .box_item .banner-description .banner-docs{padding: 0 60px;}}
@media (min-width:900px){.in_class .box_item .banner-name.active{font-size: 42px;color: #333333;opacity: 1;}
.in_class .box_item .banner-description.active{opacity: 1;height: unset;}
.in_class .box_item .Bag.active{transform: skewX(10deg);}
.in_class .box_item.active{transform: skewX(-10deg);width: 70% !important;}
.in_class .box_item .banner-description .cont.active{display: block;}}
@media (min-width:900px) and (max-width:1280px){.in_class .box_item .ImgBefore{width: 100%;}
.in_class .box_item .banner-name{font-size: 22px;}
.in_class .box_item .banner-name.active{font-size: 24px;}
.in_class .box_item{height: 600px;box-sizing: border-box;}
.in_class .box_item{transform: skewX(-4deg);}
.in_class .box_item.active{transform: skewX(-4deg);width: 100% !important;}
.in_class .box_item .Bag.active{transform: skewX(4deg);}
.in_class .box_item .Bag{transform: skewX(4deg);}
.in_class .box_item .banner-description .banner-docs{padding: 0 20px;}
.in_class .box_item .banner-name{padding: 0 20px;}}
@media (max-width:899px){.in_class .box_item{transform: unset;height: unset;padding: 50px 0;}
.in_class .box_item .Bag{transform: unset;}
.in_class .box_item .ImgBefore{width: 500px !important;}
.in_class .box_item .banner-description{opacity: 1;height: auto}
.in_class .box_item .banner-description .cont{display: block;}
.in_class .box_item:nth-child(2n) .border-left, .in_class .box_item:nth-child(2n) .border-right{display: none;}
.in_class .box_item .banner-name{opacity: 1;}
.in_class .box_item .banner-name{margin-bottom: 20px;}
.in_class .box_item .Bag .bagimg{width: 100%;position: relative;}
.in_class .box_item .ImgBefore{position: relative;z-index: 1;}
.in_class .box_item .moreBtn{margin-top: 15px;}
.in_class .Box_item .banner-name, .in_class .Box_item .banner-description{padding: 0 20px;}
.in_class .Box .box_left, .in_class .Box .box_right{width: 30px;height: 30px;position: absolute;background: #FFFFFF;box-shadow: 0 1px 4px 0 #d7d7d7;top: 50%;transform: translateY(-50%);z-index: 2;border-radius: 50%;display: block;cursor: pointer;text-align: center;line-height: 30px;color: #f5a101;}
.in_class .Box .box_left{left: 20px;}
.in_class .Box .box_right{right: 20px;}
.in_class .Box .box_left i, .in_class .Box .box_right i{display: block;font-size: 12px;transform: rotate(90deg);}
.in_class .Box .box_right i{transform: rotate(-90deg);}}
@media (max-width:510px){.in_class .box_item .ImgBefore{width: 250px !important;}
.in_class .box_item .banner-name{font-size: 22px;}
.in_class .box_item .banner-description .banner-docs{font-size: 16px;}
.in_class .Box .box_left, .in_class .Box .box_right{width: 22px;height: 22px;line-height: 22px;}
.in_class .box_item .moreBtn{padding: 4px 15px;font-size: 13px;}}
@media (min-width: 475px){.in_class .box_item .banner-name.active{font-size: 30px!important;font-weight: 600!important;}}
@media(max-width:510px){.in_class .box_item .moreBtn{padding:8px 29px;font-size:14px}}
@media(min-width:1000px){.in_class .box_item .Bag{width: 80%;}
.in_class .box_item .Bag.active{width: 100%;}}
.in_class .box_item .banner-name{font-size: 20px !important;}

.in_solve{padding: 4rem 0;}
.in_solve .tit h3{width: 100%;color: #333;font-size: 40px;line-height: 1.25;}
.in_solve .tit span{display: block;width: 40px;height: 3px;margin-top: 20px;background: #f5a101;}
.in_solve .tit p{color: #666;font-size: 16px;line-height: 1.6;padding-top: 10px;padding-bottom: 30px;}
.in_solve .tit h3{font-size: 30px;}
.in_solve .tit p{font-size: 14px;}
.in_solve .box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.in_solve .txt{width: 49%;}
.in_solve .txt p{color: #666;font-size: 14px;line-height: 2.3;text-align: justify;margin: 20px 0 30px;}
.in_solve .more{position: relative;max-width: 150px;text-align: center;border-radius: 5px;border: 1px solid #f5a101;transition: all .5s ease;z-index: 1;box-sizing: border-box;overflow: hidden;}
.in_solve .more a{color: #f5a101;position: relative;z-index: 3;font-size: 14px;line-height: 38px;text-align: center;display: block;transition: all .5s ease;}
.in_solve .more:hover a{color: #fff;}
.in_solve .more:after{content:'';position:absolute;top: -105%;left: 0;width:100%;height:100%;background: #f5a101;z-index:2;transition:all .5s ease;}
.in_solve .more:hover:after{top: 0;}
.in_solve .img{width: 49%;overflow: hidden;}
.in_solve .img img{width: 100%;height: auto;transition: all .5s ease;}
.in_solve .img:hover img{transform: scale(1.1);}
.in_solve ul{display: flex;flex-wrap: nowrap;width: 100%;margin-top: 20px;}
.in_solve ul li{position: relative;width: calc(100% / 4);margin-right: 20px;overflow: hidden;}
.in_solve ul li:last-child{margin-right: 0;}
.in_solve ul li figure{width: 100%;padding-bottom: 75%;}
.in_solve ul li figure img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.in_solve ul li h3{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 3;text-align: center;padding: 0 10px;background: rgba(0,0,0,.6);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
.in_solve ul li:hover figure img{transform: scale(1.1);}
@media only screen and (max-width: 1024px){
.in_solve{padding: 3rem 0;}
.in_solve .txt p{font-size: 13px;margin: 15px 0 20px;}}
@media only screen and (max-width: 768px){
.in_solve{padding: 2rem 0;}
.in_solve .tit{display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}
.in_solve .tit h3{font-size: 24px;}
.in_solve .box{display: block;}
.in_solve .txt,.in_solve .img{width: 100%;}
.in_solve .txt p{font-size: 14px;}
.in_solve .more{margin: auto;}
.in_solve .img{margin-top: 3%;}
.in_solve ul{flex-wrap: wrap;margin-top: 3%;}
.in_solve ul li{width: calc(97% / 2);margin-right: 3%;}
.in_solve ul li:nth-child(2n){margin-right: 0;}
.in_solve ul li:nth-last-child(-n+2){margin-top: 3%;}
.in_solve ul li h3{font-size: 14px;line-height: 2.5;}}

.in_about{padding: 4rem 0;background: #f1f1f1;}
.in_about .youshi{display: flex;flex-wrap: wrap;margin: -10px;}
.in_about .youshi li{width: calc(100% / 4 - 20px);margin: 10px;padding: 25px 15px;border-radius: 10px;background: #fff;box-shadow: 0 1px 11px 0px rgb(0 0 0 / 10%);box-sizing: border-box;cursor: pointer;transition: all .5s ease;}
.in_about .youshi li .box{display: flex;align-items: center;}
.in_about .youshi li .icon{width: 87px;height: 87px;flex: none;}
.in_about .youshi li .icon img{width: 100%;height: 100%;display: block;object-fit: contain;transition: all .5s ease;}
.in_about .youshi li .txt{margin-left: 20px;}
.in_about .youshi li .txt h3{color: #333;font-size: 17px;font-weight: 700;line-height: 1.7em;text-align: left;transition: all .5s ease;}
.in_about .youshi li .txt p{color: #666;font-size: 14px;line-height: 27px;transition: all .5s ease;}
.in_about .youshi li:hover{background: #f5a101;}
.in_about .youshi li:hover .icon img{filter: grayscale(100%) brightness(200%);}
.in_about .youshi li:hover .txt h3,
.in_about .youshi li:hover .txt p{color: #fff;}
.in_about .company{padding-top: 4rem;width: calc((100% - 1440px) / 2 + 1440px);margin-left: auto;}
.in_about .company .box{margin-left: auto;padding-left: 40px;}
.in_about .company .box .top{display: flex;align-items: center;}
.in_about .company .box .top .txt{width: 45%;}
.in_about .company .box .top .txt .bag{width: 85%;}
.in_about .company .box .top .txt .tit a{width: 100%;display: block;}
.in_about .company .box .top .txt .tit a img{max-width: 100%;height: 100%;object-fit: contain;display: block;}
.in_about .company .box .top .txt .tit{position: relative;margin-bottom: 20px;}
.in_about .company .box .top .txt .tit h3{color: #033187;font-size: 35px;font-weight: bold;font-style: italic;letter-spacing: 2px;position: absolute;bottom: 0;left: 0;}
.in_about .company .box .top .txt .tit h3 span{color: #f5a101;}
.in_about .company .box .top .txt .con{margin-bottom: 50px;}
.in_about .company .box .top .txt .con h3{color: #333;font-size: 30px;font-weight: bold;margin-bottom: 15px;}
.in_about .company .box .top .txt .con p{color: #595959;font-size: 14px;line-height: 32px;text-align: justify;}
.in_about .company .box .top .txt .more{max-width: 150px;text-align: center;border-radius: 50px;background: #f5a101;transition: all .5s ease;z-index: 1;box-sizing: border-box;overflow: hidden;}
.in_about .company .box .top .txt .more a{display: flex;color: #fff;font-size: 14px;line-height: 38px;text-align: center;transition: all .5s ease;justify-content: center;align-items: center;}
.in_about .company .box .top .img{width: 55%;overflow: hidden;}
.in_about .company .box .top .img a{width: 100%;height: 0;padding-bottom: 70%;display: block;position: relative;}
.in_about .company .box .top .img a img{width: 100%;height: 100%;left: 0;top: 0;position: absolute;object-fit: cover;transition: all .5s ease;}
.in_about .company .box .top .img a:hover img{transform: scale(1.1);}
.in_about.ab{background: none;}
.in_about.ab .company{padding-top: 0;}
.in_about.ab .company .box .top .txt .tit h3{color: #333;font-style: normal;}
.in_about.ab .company .box .top .txt .con{margin: 0;padding-right: 10px;max-height: 355px;overflow: auto;}
@media (max-width:1439px){.in_about .company{width: 100%;}}
@media (max-width:1280px){.in_about.ab .company .box .top .txt .con{max-height: 300px;}
.in_about .company .box .top .txt .con p{line-height: 27px;}}
@media (max-width:1200px){.in_about .company{width: 94%;max-width: 1600px;margin: 0 auto;}
.in_about .company .box{padding: 0;}
.in_about .company .box{width: 100%;}
.in_about .company .box .top .txt .bag{width: 90%;}}
@media only screen and (max-width: 1024px){
.in_about{padding: 3rem 0;}
.in_about .youshi li{width: calc(100% / 2 - 20px);margin: 10px;}
.in_about .company{padding-top: 3rem;}
.in_about.ab .company .box .top .txt .con{max-height: 220px;}}
@media (max-width:768px){
.in_about{padding: 2rem 0;}
.in_about .youshi{margin: -1.5%;}
.in_about .youshi li{width: calc(100% / 2 - 3%);margin: 1.5%;padding: 10px;}
.in_about .youshi li .icon{width: 28%;max-width: 60px;height: auto;}
.in_about .youshi li .txt{margin-left: 10px;}
.in_about .youshi li .txt h3{font-size: 15px;}
.in_about .youshi li .txt p{font-size: 12px;line-height: 20px;}
.in_about .company{padding-top: 2rem;}
.in_about .company .box .top{flex-direction: column;}
.in_about .company .box .top .txt,
.in_about .company .box .top .img{width: 100%;}
.in_about .company .box .top .txt .bag{width: 100%;margin-bottom: 20px;}
.in_about .company .box .top .txt .tit h3{font-size: 30px;}
.in_about .company .box .top .txt .con,.in_about.ab .company .box .top .txt .con{margin-bottom: 20px;padding: 0;max-height: none;}
.in_about .company .box .top .txt .con h3{font-size: 26px;}
.in_about .company .box .top .txt .more{margin: auto;}}
.in_about .company .box .top .txt .more a:after{content:"▶";display: inline-block;color: #fff;font-size: 12px;margin-left: 5%;}
@media (max-width:510px){.in_about .company .box .top .txt .bag .tit a{height: 80px;}}

.in_number{background: url(../images/bg_num.jpg) center no-repeat;background-size: cover;}
.in_number ul{display: flex;height: 240px;align-items: center;}
.in_number li{width: 100%;color: #fff;padding: 0 40px;text-align: center;border-right: 1px dashed rgba(255, 255, 255, 0.22);box-sizing: border-box;}
.in_number li:last-child{border-right: 0;}
.in_number li .icon{width: 50px;height: 50px;margin: 0 auto;margin-bottom: 15px;}
.in_number li .icon img{width: 100%;height: 100%;display: block;object-fit: contain;}
.in_number li .counter{font-size: 58px;color: #f5a101;font-weight: bold;display: inline-block;vertical-align: top;}
.in_number li p{color: #fff;font-size: 18px;font-weight: bold;}
.in_number li .mark{color: #fff;font-size: 18px;opacity: .6;font-weight: bold;display: inline-block;vertical-align: top;}
@media only screen and (max-width: 1280px) and (min-width: 1025px){
.in_number li{padding: 0 30px;}
.in_number li .counter{font-size: 50px;}}
@media only screen and (max-width: 1024px){
.in_number ul{height: 200px;}
.in_number li{padding: 0 20px;}
.in_number li .icon{width: 40px;height: 40px;}
.in_number li .counter{font-size: 36px;}
.in_number li .mark,
.in_number li p{font-size: 17px;}}
@media only screen and (max-width: 768px){
.in_number ul{height: auto;flex-wrap: wrap;padding: 3% 0;}
.in_number li{width: calc(100% / 2);padding: 10px;}
.in_number li+li+li{border-top: 1px dashed rgba(255, 255, 255, 0.22);}
.in_number li:nth-child(2n){border-right: 0;}
.in_number li .icon{width: 30px;height: 30px;margin-bottom: 10px;}
.in_number li .counter{font-size: 30px;}
.in_number li .mark,
.in_number li p{font-size: 15px;}}

.in_news .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.in_news .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.in_news .slick-list:focus{outline: none;}
.in_news .slick-list.dragging{cursor: pointer;cursor: hand;}
.in_news .slick-slider .slick-track,
.in_news .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.in_news .slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.in_news .slick-track:before,
.in_news .slick-track:after{display: table;content: '';}
.in_news .slick-track:after{clear: both;}
.in_news .slick-loading .slick-track{visibility: hidden;}
.in_news .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.in_news .slick-slide img{display: block;}
.in_news .slick-slide.slick-loading img{display: none;}
.in_news .slick-slide.dragging img{pointer-events: none;}
.in_news .slick-initialized .slick-slide{display: block;}
.in_news .slick-loading .slick-slide{visibility: hidden;}
.in_news .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.in_news .slick-arrow.slick-hidden{display: none;}
.in_news .slick-arrow{display: none;}
.in_news .slick-dots li button:before{display: none;}
.in_news .slick-dots li button{display: none;}
.in_news .slick-dots li:hover{opacity: 1;}
.in_news .slick-dots .slick-active{background: #666666;opacity: 1;border-radius: 50%;}
.in_news .slick-dots li{width: 10px;height: 10px;border-radius: 50%;margin: 0 5px;transition: .3s;background: #666666;opacity: 0.3;}
.in_news .slick-dots{width: 100%;display: flex;flex-wrap: nowrap;justify-content: center;position: relative;bottom: 0;height: 10px;align-items: center;list-style: none;margin: 0;padding: 0;margin-top: 30px;cursor: pointer;}
.in_news{padding: 4rem 0;}
.in_news .Top_left .Top_img{width: 400px;height: 123px;}
.in_news .Top_left .Top_img a{height: 100%;display: block;}
.in_news .Top_left .Top_img img{width: 100%;height: 100%;display: block;object-fit: contain;}
.in_news .Top_left{position: relative;border-top-right-radius: 28px;display: flex;align-items: end;}
.in_news .Top_left .Top_text{position: absolute;top: 50%;transform: translateY(-25%);font-size: 30px;line-height: 60px;color: #333333;font-weight: bold;font-style: italic;}
.in_news .Top_left .Bag{border-top-right-radius: 72px;background: #fff;padding: 30px 80px 0 80px;box-shadow: 0px -6px 6px 0px rgb(0 0 0 / 6%);}
.in_news .Top_left .sanjiao{width: 0;height: 0;border-style: solid;border-width: 130px 0 0 100px;border-color: transparent transparent transparent #fff;margin-left: -19px;}
.in_news .Box .Top{display: flex;align-items: end;padding: 0 40px 0 0px;}
.in_news .Box .Top .Top_right{display: flex;width: 100%;margin-left: -40px;}
.in_news .Box .Top .Top_right .Top_list{display: flex;width: 80%;}
.in_news .Box .Top .Top_right .Top_list .Top_item{width: calc(100% / 2);font-size: 16px;color: rgba(46, 46, 46, 0.45);text-align: center;background: #fff;padding: 40px 20px;transform: skewX(38deg);box-shadow: 0px -6px 6px 1px rgb(0 0 0 / 6%);box-sizing: border-box;font-style: italic;transition: all .5s ease;}
.in_news .Box .Top .Top_right .Top_list .Top_item.active{background: #f5a101;color: #fff;}
.in_news .Box .Top .Top_right .Top_list .Top_item .backstage-blocksEditor-wrap{transform: skewX(-38deg);-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.in_news .Box .Top .Top_right .Top_btn{width: 30%;transform: skewX(38deg);border-top-right-radius: 18px;box-shadow: 0px -6px 6px 1px rgb(0 0 0 / 6%);display: flex;align-items: center;justify-content: space-around;padding: 20px;}
.in_news .Box .Top .Top_right .Top_btn .blocks-button{display: inline-flex;font-size: 16px;color: #f5a101;font-style: italic;align-items: center;}
.in_news .Box .Top .Top_right .Top_btn .blocks-button i{margin-left: 5px;}
.in_news .Box .Top .Top_right .Top_btn .backstage-blocksEditor-wrap{transform: skewX(-38deg);}
.in_news .Box .Bottom .Bottom_new .flexlist{display: flex;flex-wrap: wrap;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item{width: calc(100% / 4 - 20px);margin: 0 10px;box-sizing: border-box;background: #FFFFFF;margin-bottom: 20px;cursor: pointer;position: relative;border-radius: 5px;transition: all .5s ease;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item>a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item:hover{box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%);}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .imgBox{width: 100%;height: 0;padding-bottom: 75%;position: relative;border-radius: 5px;overflow: hidden;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .imgBox img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;transition: all .5s ease;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item:hover .imgBox img{transform: scale(1.1);}
.in_news .Box .Bottom{margin-top: 35px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox{margin-top: 20px;padding: 0 20px;padding-bottom: 20px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .ArticlePicList_ItemContentInnerH5>a{font-size: 17px;color: #333333;display: inline-block;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .ArticlePicList_ItemContentInnerH5{margin-bottom: 15px;font-size: 17px;min-height: 44px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 600;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox>p{font-size: 14px;color: #666;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag{position: relative;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .round{width: 44px;height: 44px;border: 50%;border-radius: 50%;background: #FFFFFF;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 21%);position: absolute;bottom: 15px;right: 10px;transition: all .5s ease;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .round i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #f5a101;transition: all .5s ease;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item:hover .Bag .round{background-color:#f5a101}
.in_news .Box .Top .Top_right_one{display: none;}
.in_news .Box .Top .Top_right_one .textFirst .Top_svg svg path{color: #f5a101;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .href{display: none;}
.in_news .Box .Top .Top_right .slick-list{overflow: unset;}
.in_news .Box .Top .Top_right .slick-slide{height: auto;float: unset;}
.in_news .Box .Top .Top_right .slick-track{display: flex;}
.in_news .Box .Bottom .Top_btn{display: none;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time{position: absolute;top: 0px;right: 30px;background: #f5a101;text-align: center;padding: 10px 15px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time .DD{font-size: 20px;color: #FFFFFF;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time .MM{font-size: 12px;color: #FFFFFF;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item:hover .Bag .round i{color: #fff;}
.in_news .Box .Top .Top_right .Top_btn .blocks-button svg path{fill: currentColor;}
.in_news .pagination{margin: 20px auto 0;justify-content: center;display: flex;}
.in_news .pagination ul{display: flex;}
.in_news .pagination ul li{width: 30px;height: 30px;border: 1px solid #242827;display: flex;align-items: center;justify-content: center;margin: 0 5px;cursor: pointer;opacity: 0.39;}
.in_news .pagination ul li a{color: #242827;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.in_news .pagination ul li.active{color: #000;opacity: 1;}
.in_news .pagination li>a#nextPage{margin-left: 0px;}
@media (max-width:1235px){.in_news .Top_left .Top_img{width: 200px;height: 100px;}
.in_news .Top_left .Bag{padding: 30px 30px 0 10px;}
.in_news .Box .Top .Top_right{margin-left: -33px;}
.in_news .Top_left .sanjiao{border-width: 108px 0 0 100px;}
.in_news .Box .Top .Top_right .Top_list .Top_item{padding: 20px;}
.in_news .Box .Top{padding: 0 40px 0 0px;}
.in_news{padding: 20px 0px;}
.in_news .Box .Top .Top_right .Top_list .Top_item{font-size: 14px;}
.in_news .Box .Top .Top_right .Top_btn .blocks-button{font-size: 14px;}}
@media (max-width: 1024px){.in_news{padding: 3rem 0;}}
@media (max-width:900px){.in_news .Box .Top .Top_right .Top_list .Top_item{font-size: 12px;}
.in_news .Box .Top .Top_right .Top_btn .blocks-button{font-size: 12px;}
.in_news .Box .Top .Top_right .Top_btn .blocks-button svg{width: 9px;height: 8px;display: inline-block;}}
@media (max-width:768px){.in_news{padding: 2rem 0;}
.in_news .Top_left .sanjiao{display: none;}
.in_news .Top_left .Bag{border-top-right-radius: unset;width: 100%;padding: 0;box-shadow: unset;}
.in_news .Box .Top .Top_right .Top_btn{display: none;}
.in_news .Box .Top .Top_right{margin-left: unset;}
.in_news .Box .Top{flex-direction: column;align-items: unset;padding: 0 10px;}
.in_news .Top_left .Top_text{top: unset;transform: unset;bottom: 0;}
.in_news .Box .Top .Top_right .Top_list{width: 100%;flex-direction: column;}
.in_news .Box .Top .Top_right .Top_list .Top_item{width: 100%;transform: unset;box-shadow: unset;text-align: left;}
.in_news .Box .Top .Top_right .Top_list .Top_item .backstage-blocksEditor-wrap{transform: unset;}
.in_news .Box .Top .Top_right{display: none;}
.in_news .Box .Top .Top_right_one{display: block;position: relative;}
.in_news .Box .Top .Top_right_one .baglist{width: 100%;position: absolute;z-index: 1;top: 100%;background: #FFFFFF;padding: 20px 10px;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);box-sizing: border-box;transform: scale3d(1, 0, 1);transform-origin: top;visibility: hidden;opacity: 0;transition: all .3s;}
.in_news .Box .Top .Top_right_one .baglist.active{transform: scale3d(1, 1, 1);transform-origin: top;visibility: visible;opacity: 1;}
.in_news .Box .Top .Top_right_one .baglist .Top_item{font-size: 16px;color: #333333;margin: 15px 0;}
.in_news .Box .Top .Top_right_one .textFirst .Top_item{font-size: 16px;color: #f5a101;}
.in_news .Box .Top .Top_right_one .textFirst{display: flex;justify-content: space-between;padding: 0 20px 10px 20px;border-bottom: 1px solid rgba(216, 216, 216, 0.48)}
.in_news .Top_left{margin-bottom: 20px;}
.in_news .Box .Bottom .Bottom_new .flexList{flex-direction: column;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item{width: calc(100% - 20px);display: flex;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .round{display: none;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag{width: 50%;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox{width: 50%;display: flex;flex-direction: column;justify-content: space-between;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox>p{display: none;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .href{display: inline-block;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .href>a{border: 1px solid #f5a101;border-radius: 17px;color: #f5a101;padding: 7px 17px;}
.in_news .Box .Bottom .Top_btn{display: inline-flex;justify-content: center;width: 100%;}
.in_news .Box .Bottom .Top_btn .backstage-componet-bd{text-align: center;border: 1px solid #f5a101;border-radius: 17px;}
.in_news .Box .Bottom .Top_btn .backstage-componet-bd>a{font-size: 14px;color: #f5a101;padding: 8px 25px;display: inline-flex;align-items: center;}
.in_news .Box .Bottom .Top_btn .backstage-componet-bd>a i{margin-left: 5px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .href{display: block;}
.in_news .Box .Top .Top_right_one .textFirst .Top_svg{cursor: pointer;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .ArticlePicList_ItemContentInnerH5{font-size: 15px;min-height: auto;margin-bottom: 10px;-webkit-line-clamp: 3;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time{top: 0;}
.in_news .Box .Top .Top_right_one .textFirst .Top_svg svg path,
.in_news .Box .Bottom .Top_btn .backstage-componet-bd>a svg path,
.in_news .Box .Top .Top_right .Top_btn .blocks-button svg path{fill: currentColor;color: #f5a101;}
.in_news .Top_left{box-shadow: unset;}
.in_news .pagination{display: none;}}
@media (max-width:510px){.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .href>a{border-radius: 10px;padding: 3px 8px;font-size: 12px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox{margin: unset;padding: 10px;}
.in_news .Box .Bottom{margin-top: 20px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .ArticlePicList_ItemContentInnerBox .ArticlePicList_ItemContentInnerH5>a{font-size: 14px;}
.in_news .Top_left .Top_text{font-size: 28px;}
.in_news .Top_left .Top_img{width: 150px;height: 60px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time{right: 10px;padding: 5px 9px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time .DD{font-size: 13px;}
.in_news .Box .Bottom .Bottom_new .ArticlePicList_Item .Bag .time .MM{font-size: 10px;}}

.newListBox{padding: 4rem 0;}
.nuew_list{display: flex;flex-wrap: wrap;margin: -15px -12px;}
.nuew_list li{width: calc(33.33333333% - 24px);margin: 15px 12px;background: #fff;box-sizing: border-box;transition: all .5s ease;}
.nuew_list li .box{position: relative;padding: 20px 30px;}
.nuew_list li .box:after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 5px;background: #f5a101;transition: all .5s ease;}
.nuew_list li .title{color: #333;font-size: 18px;line-height:1.2;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all .5s ease;}
.nuew_list li .lin{position:relative;width:100%;height:1px;background:#ededed;margin: 10px 0;}
.nuew_list li .time{color: #777;font-size:14px;line-height:1.5;}
.nuew_list li .txt{color: #777;font-size: 14px;line-height: 24px;text-align: justify;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.nuew_list li .pic{position:relative;width:100%;height: 0;padding-bottom:62%;overflow:hidden;}
.nuew_list li .pic img{position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition:all .5s ease;}
.nuew_list li:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,0.12);}
.nuew_list li:hover .pic img{transform: scale(1.1);}
.nuew_list li:hover .title{color:#f5a101;}
.nuew_list li:hover .box:after{width:100%;}
@media only screen and (max-width: 1024px){
.newListBox{padding: 3rem 0;}
.nuew_list{margin: -15px -10px;}
.nuew_list li{width: calc(33.33333333% - 20px);margin: 15px 10px;}
.nuew_list li .box{padding: 15px 20px;}
.nuew_list li .title{font-size: 17px;}
.nuew_list li .time{font-size: 13px;}
.nuew_list li .lin{margin: 8px 0;}
.nuew_list li .txt{font-size: 13px;}}
@media only screen and (max-width: 768px){
.newListBox{padding: 2rem 0;}
.nuew_list{margin: -10px;}
.nuew_list li{width: calc(50% - 20px);margin: 10px;}}
@media only screen and (max-width: 510px){
.nuew_list{margin: -10px 0;}
.nuew_list li{width: 100%;margin: 10px 0;}}

footer{border-top: 7px solid #f5a101;background: #222;}
footer .f_bottom{display: flex;flex-wrap: wrap;margin: 90px 0 50px;}
footer .left{display: flex;flex-wrap: wrap;width: calc(60% - 1px);border-right: 1px solid rgba(255, 255, 255, 0.22);}
footer .left dl{width: 25%;}
footer .left dl dt{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 15px;}
footer .left dl i{display: none;}
footer .left dl dd a{font-size: 15px;line-height: 2.6;color: rgba(255, 255, 255, 0.6);}
footer .right{width: 40%;}
footer .right .box{width: 85%;margin-left: auto;}
footer .right .logo{display: flex;align-items: center;width: 100%;height: 64px;}
footer .right .logo img{max-width: 100%;max-height: 100%;object-fit: cover;}
footer .right .search{display: flex;margin: 20px 0;}
footer .right .search input{width: calc(100% - 90px);padding-left: 15px;border: none;color: rgba(68, 68, 68, 0.75);font-size: 13px;border-radius: 5px 0 0 5px;}
footer .right .search button{width: 75px;height: 45px;color: #fff;background: #f5a101;border: none;cursor: pointer;border-radius: 0 5px 5px 0;}
footer .right .search button .forward{font-size: 30px;}
footer .right .lianxi{display: flex;flex-wrap: wrap;}
footer .right .lianxi li{display: flex;width: 50%;color: #bab9b9;font-size: 14px;margin-bottom: 15px;}
footer .right .lianxi li:last-child{width: 100%;}
footer .right .share{display: flex;}
footer .right .share i{position: relative;width: 40px;height: 40px;color: #fff;font-size: 20px;line-height: 40px;text-align: center;margin-right: 10px;border-radius: 50%;}
footer .right .share .fa-weixin{background: #28c445;}
footer .right .share .fa-qq{background: #68a5e1;}
footer .right .share .fa-weibo{background: #e71f19;}
footer .right .share i a{position: absolute;left: 0;width: 100%;height: 100%;}
footer .copyright{display: flex;color: #bab9b9;line-height: 2.6;padding: 18px 0;border-top: 1px solid rgba(255, 255, 255, 0.22);justify-content: space-between;}
footer .copyright .fl ul{display: flex;}
footer .copyright .fl ul li{margin-right: 16px;}
footer .copyright .fr span{margin-left: 15px;}
footer .copyright a{color: inherit;}
@media only screen and (max-width: 1280px){
footer .left dl dt{font-size: 14px;}
footer .left dl dd a{font-size: 13px;}
footer .right .lianxi li{width: 100%;}}
@media only screen and (max-width: 1024px) and (min-width: 769px){
footer .left dl{width: 33.33%;}
footer .left dl:last-child{/* display: none; */}}
@media only screen and (max-width: 768px){
footer .f_bottom{margin: 0;padding-top: 20px;}
footer .left{width: 100%;padding: 20px 0;margin: 0;order: 2;border-top: 1px solid rgba(255, 255, 255, 0.22);border-right: none;}
footer .left dl{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 16px;}
footer .left dl:first-child{margin-top: 0;}
footer .left dl dt{font-size: 16px;margin: 0;}
footer .left dl i{display: block;color: #fff;cursor: pointer;font-size: 12px;height: 12px;transition: all .5s ease;}
footer .left dl i.iconJtRotate{transform: rotate(180deg);}
footer .left dl dd{display: none;width: 100%;margin-top: 10px;}
footer .right{width: 100%;margin: 20px 0;order: 1;}
footer .right .box{width: 100%;}
footer .copyright{flex-wrap: wrap;padding: 16px 0;}
footer .copyright .fl{width: 100%;padding-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
footer .copyright .fl ul{flex-wrap: wrap;}
footer .copyright .fl ul li{position: relative;width: 33.33%;margin: 0;}
footer .copyright .fl ul li::before {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #AAB2B5;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);}
footer .copyright .fl ul li a{display: block;width: calc(100% - 20px);height: 100%;margin-right: 0;margin-left: auto;white-space: nowrap;}
footer .copyright .fr{display: flex;flex-wrap: wrap;padding-top: 16px;justify-content: flex-start;}
footer .copyright .fr span{margin: 0;margin-right: 15px;}
footer .copyright .fr span:first-child{width: 100%;margin: 0;}}

/*内页*/
.nybanner{position: relative;height: auto;overflow: hidden;}
.nybanner img{width: 100%;height: 100%;object-fit: cover;}
.nybanner .tit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}
.nybanner .tit .cn,
.nybanner .tit .en{position: absolute;top: 50%;transform: translateY(-50%);}
.nybanner .tit.solution .cn,
.nybanner .tit.solution .en{left: 50%;transform: translate(-50%,-50%);margin: 0;line-height: normal;text-align: center;}
.nybanner .tit .cn{font-size: 2.8vw;font-weight: bold;line-height: 120%;margin: 0 3%;}
.nybanner .tit .cn p{font-size: 1.2vw;font-weight: normal;margin-top: .5vw;}
.nybanner .tit .en{width: 15.5vw;max-width: 100%;}
.nybanner .tit.solution .en{width: 49vw;transform: translate(-50%,-70%);}
.nybanner .tit .en img{width: auto;max-width: 100%;}
@media only screen and (max-width: 1024px){
.nybanner .tit .cn{font-size: 3.8vw;}
.nybanner .tit .en{width: 20vw;}}
@media only screen and (max-width: 768px){
.nybanner{height: 150px;}}
@media only screen and (max-width: 510px){
.nybanner .tit .cn{font-size: 7vw;margin: 0 5.5%;}
.nybanner .tit .en{width: 38vw;}}

.location{width: 100%;position: relative;background: #fff;border-bottom: 1px solid #ddd;}
.location>main{display: flex;align-items: center;}
.ny_class{position: relative;width: 70.34%;z-index: 9;}
.location.pro .ny_class{display: none;}
.ny_class ul{text-align: left;display: flex;flex-wrap: nowrap;}
.ny_class ul li{display: inline-block;color: #fff;width: auto;vertical-align: top;}
.ny_class ul li a{position: relative;color: #333;font-size: 17px;line-height: 65px;padding: 0px 30px;display: block;transition: 0.3s ease 0s;}
.ny_class ul li a:before{position:absolute;content:'';left:50%;bottom:0px;width:0%;height:3px;background-color:none;transition:all .3s;}
.ny_class ul li a:after{content:"";position:absolute;width:1px;height:15px;display:block;background:#ccc;top:50%;margin-top:-7px;right:0px;}
.ny_class ul li:last-child a:after{display:none;}
.ny_class ul li a:hover,.ny_class ul li a.cur{color: #f5a101;}
.ny_class ul li a:hover:before,.ny_class ul li a.cur:before{width:80%;left:10%;background-color: #f5a101;}
.ny_class .btn-pre,.ny_class .btn-next{position: absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 50px;line-height: 50px;text-align: center;z-index: 999;color: #f5a101;cursor: pointer;display: none;}
.ny_class .btn-pre{left: 0;}
.ny_class .btn-next{right: 0;}
.weizhi{color: #555;box-sizing: border-box;}
.location .weizhi{width: 29.659999999999997%;text-align: right;}
.location.pro .weizhi{width: 100%;text-align: left;line-height: 65px;}
.weizhi span{position: relative;padding-left: 25px;}
.weizhi span .fa{position: absolute;top: 0;left: 0;color: #f5a101;font-size: 18px;}
.weizhi a{color: #555;}
.weizhi span+a{color: #f5a101;}
.weizhi a:hover{color: #f5a101;}
.weizhi em:after{padding: 0 5px;content:">>";color:#999;font-size: 12px;font-family:宋体;display: inline-block;}
@media only screen and (max-width: 1200px){
.ny_class ul li a{font-size: 14px;}}
@media only screen and (max-width: 1024px){
.location>main{display: block;}
.ny_class{width: auto;border-bottom: 1px solid #ddd;}
.location .weizhi,.location.pro .weizhi{width: 100%;text-align: left;padding: 10px 0;line-height: 30px;}}
@media only screen and (max-width: 768px){
.ny_class{padding: 0;border: 0;}
.ny_class ul li a{padding: 0px 20px;height: 62px;line-height: 62px;}
.ny_class .btn-pre,.ny_class .btn-next{display: none;}
.location .weizhi{display: none;}
.location.pro .weizhi{display: block;}}

.ny_tit{position: relative;text-align: center;margin-bottom: 2rem;}
.ny_tit h3{position: relative;color: #333;font-size: 34px;font-weight: bold;padding-bottom: 15px;}
.ny_tit h3:after{content:"";position:absolute;left: 50%;bottom: 0;margin-left: -30px;width: 60px;height: 5px;border-radius: 10px;background: #f5a101;}
.ny_tit p{color: #787878;font-size: 16px;line-height: 1.6;padding: 10px 0;}
.ny_tit .en{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.ny_tit .en img{max-height: 10vw;}
@media only screen and (max-width: 1024px){
.ny_tit{margin-bottom: 1.5rem;}
.ny_tit .en img{max-height: 5vw;}}
@media only screen and (max-width: 768px){
.ny_tit{margin-bottom: 1rem;}
.ny_tit h3{font-size: 22px;}
.ny_tit p{font-size: 14px;}
.ny_tit .en img{max-height: 7.5vw;}}

.ab_why{padding-top: 4rem;}
.ab_why  .ny_tit .en{top: 0;transform: translateX(-50%);}
.ab_why .content{width: 100%;height: 100%;}
.ab_why .content .bookmark-pack{width: 1020px;height: auto;margin: auto;display: flex;justify-content: space-between;}
.ab_why .bookmark-pack .bookmark{position: relative;width: 180px;height: 180px;border: 1px solid #f5a101;border-radius: 50%;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;cursor: pointer;transition: all .5s ease;}
.ab_why .bookmark-pack .bookmark::before{content: '';display: block;width: 21px;height: 21px;position: absolute;bottom: -16px;left: 50%;transform: translate(-50%, 0);background-color: #f5a101;clip-path: polygon(0 20%, 50% 100%, 100% 20%);opacity: 0;transition: all .5s ease;}
.ab_why .bookmark-pack .bookmark.active{background-color: #f5a101;}
.ab_why .bookmark-pack .bookmark.active::before{opacity: 1;}
.ab_why .bookmark-pack .bookmark .iconTitle{width: 80%;text-align: center;display: flex;align-items: center;justify-content: center;}
.ab_why .bookmark-pack .bookmark .iconTitle span i{color: #f5a101;font-size: 42px;transition: all .5s ease;}
.ab_why .bookmark-pack .bookmark .title{width: 80%;text-align: center;font-size: 18px;font-weight: bold;line-height: 1.3;color: #f5a101;margin-top: 8%;transition: all .5s ease;}
.ab_why .bookmark-pack .bookmark.active .iconTitle span i{color: #fff;}
.ab_why .bookmark-pack .bookmark.active .title{color: #fff;}
.ab_why .module-pack{width: 100%;height: auto;background-color: #fff;margin-top: 2rem;padding-bottom: 4rem;}
.ab_why .module-pack .module{display: none;margin-top: 65px;}
.ab_why .module-pack .module.active{display: block;}
/* 模块1*/
.ab_why .module-0 .title{font-size: 28px;font-weight: bold;color: #f5a101;text-align: center;}
.ab_why .module-pack .module-0 .docs{font-size: 16px;line-height: 2;color: #333333;text-align: center;margin: 15px 0 30px;}
.ab_why .module-pack .module-0 .swiper-slide{font-size: 0px;transition: none !important;}
.ab_why .module-pack .module-0 .swiper-slide img{border-radius: 10px 10px 0px 0px;}
.ab_why .module-pack .module-0 img{width: 100%;height: 100%;object-fit: cover;}
/* 模块2*/
.ab_why .module-1 .title{font-size: 28px;font-weight: bold;color: #f5a101;text-align: center;}
.ab_why .module-pack .module-1 .docs{font-size: 17px;line-height: 2;color: #333333;text-align: center;margin: 15px 0 20px;}
.ab_why .module-pack .module-1 .top{display: flex;justify-content: space-between;}
.ab_why .module-pack .module-1 .top .left{position: relative;width: calc(50% - 68px);color: #fff;padding: 30px;background: #f5a101;box-shadow: 0 2px 10px 0 #ECECEC;border-radius: 5px;}
.ab_why .module-pack .module-1 .top .left .img,
.ab_why .module-pack .module-1 .top .right .img{position: absolute;right: 0;bottom: 0;}
.ab_why .module-pack .module-1 .top .right{position: relative;width: calc(50% - 68px);color: #333;padding: 30px;background: #FFFFFF;box-shadow: 0 2px 10px 0 #ECECEC;border-radius: 5px;}
.ab_why .module-pack .module-1 .top .hint{font-size: 18px;line-height: 2;margin-bottom: 10px;}
.ab_why .module-pack .module-1 .top .left .navigation,
.ab_why .module-pack .module-1 .top .right .navigation{position: relative;z-index: 1;}
.ab_why .module-pack .module-1 .top ul li{width: calc(100% + 0px);display: flex;padding: 10px;border-radius: 4px;transform: translateX(-10px);transition: all .5s ease;}
.ab_why .module-pack .module-1 .top ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.ab_why .module-pack .module-1 .top ul li picture{display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;margin-top: 4px;font-size: 12px;}
.ab_why .module-pack .module-1 .top .left ul li picture{color: #f5a101;background-color: #fff;border-radius: 50%;flex-shrink: 0;}
.ab_why .module-pack .module-1 .top .right ul li picture{color: #fff;background-color: #f5a101;border-radius: 50%;}
.ab_why .module-pack .module-1 .top ul li .banner-description{margin-left: 10px;width: calc(100% - 18px);}
.ab_why .module-pack .module-1 .top ul li .banner-description .banner-docs{line-height: 1.6;}
.ab_why .module-pack .module-1 .bottom{overflow: hidden;margin-top: 100px;}
.ab_why .module-pack .module-1 .bottom .swiperModule1{position: relative;/* height: 711px; */}
.ab_why .module-pack .module-1 .bottom .swiperModule1::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 20%;height: 100%;background: linear-gradient(to right, rgba(244, 248, 250, 0.7), rgba(244, 248, 250, 0.6), rgba(244, 248, 250, 0.3), rgba(244, 248, 250, 0));z-index: 9;}
.ab_why .module-pack .module-1 .bottom .swiperModule1::after{content: '';display: block;position: absolute;top: 0;right: 0;width: 20%;height: 100%;background: linear-gradient(to left, rgba(244, 248, 250, 0.7), rgba(244, 248, 250, 0.6), rgba(244, 248, 250, 0.3), rgba(244, 248, 250, 0));z-index: 9;}
.ab_why .module-pack .module-1 .bottom .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: initial;opacity: 0 !important;font-size: 0;z-index: 1;margin-top: auto;margin-bottom: 0;/* height: calc(100% - 130px);width: 429px;*/width: 520px;height: 100%;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom30{opacity: 1 !important;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom60{opacity: 1 !important;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom30 picture{transform: scale(0.8) translateY(50px);}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom60 picture{transform: scale(0.8) translateY(10px);}
.ab_why .module-pack .module-1 .bottom .swiper-slide-active{width: 520px;height: 100%;z-index: 9;filter: drop-shadow(0 10px 10px rgba(110, 159, 190, 1));opacity: 1 !important;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.swiper-slide-prev,
.ab_why .module-pack .module-1 .bottom .swiper-slide.swiper-slide-next{z-index: 8;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.swiper-slide-active picture{transform: scale(1);}
.ab_why .module-pack .module-1 .bottom .swiper-slide picture{display: block;width: 100%;height: 100%;padding: 6%;transform: scale(0.8);box-sizing: border-box;background: url(../images/honor_bg.png) center no-repeat;background-size: cover;}
.ab_why .module-pack .module-1 .bottom .swiper-slide picture img{width: 100%;height: 100%;object-fit: cover;}
.ab_why .module-pack .module-1 .bottom .swiper-button{width: 46px;height: 46px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-image: none;box-shadow: 0 0 7px rgba(0, 0, 0, 0.2)}
.ab_why .module-pack .module-1 .bottom .swiper-button::after{display: none;}
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-prev i,
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-next i{color: #f5a101;font-size: 24px;transform: rotate(90deg);}
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-next i{transform: rotate(-90deg);}
/* 模块3*/
.ab_why .module-2 .title{font-size: 28px;font-weight: bold;color: #f5a101;text-align: center;margin-bottom: 10px;}
.ab_why .module-pack .module-2 .navigation ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ab_why .module-pack .module-2 .navigation ul li{width: calc(50% - 10px);background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);border-radius: 5px;margin-top: 20px;transition: all .5s ease;}
.ab_why .module-pack .module-2 .navigation ul li:hover{background: #f5a101;}
.ab_why .module-pack .module-2 .navigation ul li .module2-li-pack{display: flex;margin: 40px 56px;}
.ab_why .module-pack .module-2 .navigation ul li .image{width: 50px;height: 50px;}
.ab_why .module-pack .module-2 .navigation ul li .image img{max-width: 100%;max-height: 100%;object-fit: cover;transition: all .5s ease;}
.ab_why .module-pack .module-2 .navigation ul li .banner-description{display: flex;width: calc(100% - 80px);margin-left: 30px;align-items: center;}
.ab_why .module-pack .module-2 .navigation ul li .banner-docs{font-size: 16px;color: #333;line-height: 1.7;transition: all .5s ease;}
.ab_why .module-pack .module-2 .navigation ul li:hover .image img{filter: grayscale(100%) brightness(200%);}
.ab_why .module-pack .module-2 .navigation ul li:hover .banner-docs{color: #fff;}
/* 模块4*/
.ab_why .module-pack .module-3{position: relative;}
.ab_why .module-pack .module-3 .background-img{width: 64%;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);}
.ab_why .module-pack .module-3 .background-img figure{position: relative;width: 100%;padding-bottom: 64%;}
.ab_why .module-pack .module-3 .background-img figure img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.ab_why .module-pack .module-3 .fixedText{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: calc(47% - 84px);min-height: 250px;padding: 42px;background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);}
.ab_why .module-3 .fixedText .title{font-size: 28px;font-weight: bold;color: #f5a101;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ab_why .module-pack .module-3 .fixedText .docs{color: #333;font-size: 16px;line-height: 2;text-align: justify;margin-top: 15px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
@media (max-width: 1200px){.ab_why .module-pack .module-1 .bottom .swiperModule1{/* height: 500px; */}
.ab_why .module-pack .module-1 .bottom .swiper-slide{width: 366px;}}
@media (max-width: 1080px){.ab_why .content .bookmark-pack{width: 800px;}
.ab_why .bookmark-pack .bookmark{width: 140px;height: 140px;}
.ab_why .bookmark-pack .bookmark .title{font-size: 16px;}}
@media (max-width: 900px){.ab_why .pack_copy{display: none !important;}
.ab_why .content .bookmark-pack{display: none;}
.ab_why .module-pack{margin-top: 0;background-color: #fff;padding-bottom: 2rem;}
.ab_why .module-pack .module{display: block;margin-bottom: 30px;}
.ab_why .module-pack .module-0{margin: 0;padding: 30px 20px;width: 100%;margin-left: -20px;}
.ab_why .module-pack .module-0 .title{text-align: left;}
.ab_why .module-pack .module-0 .docs{font-size: 15px;text-align: justify;margin: 15px 0 20px;}
.ab_why .module-pack .module-1 .title{text-align: left;}
.ab_why .module-pack .module-1 .docs{text-align: left;}
.ab_why .module-pack .module-1 .top{flex-wrap: wrap;}
.ab_why .module-pack .module-1 .top .left{width: calc(100% - 60px);}
.ab_why .module-pack .module-1 .top .right{width: calc(100% - 60px);margin-top: 20px;}
.ab_why .module-pack .module-1 .top ul li .banner-description .banner-docs{font-size: 15px;}
.ab_why .module-pack .module-1 .top ul li .banner-description .banner-docs{font-size: 14px;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom60{opacity: 0 !important;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom30 picture{transform: scale(0.8) translateY(30px);}
.ab_why .module-pack .module-1 .bottom .swiper-slide{width: 360px;}
.ab_why .module-pack .module-1 .bottom .swiperModule1::before{background: transparent;}
.ab_why .module-pack .module-1 .bottom .swiperModule1::after{background: transparent;}
.ab_why .module-pack .module-2{margin: 0;padding: 30px 20px;width: 100%;margin-left: -20px;background: #f4f4f4;}
.ab_why .module-pack .module-2 .title{text-align: left;}
.ab_why .module-pack .module-2 .navigation ul li{width: 100%;}
.ab_why .module-pack .module-2 .navigation ul li .module2-li-pack{flex-wrap: wrap;align-items: center;margin: 20px;}
.ab_why .module-pack .module-2 .navigation ul li .banner-description{width: calc(100% - 70px);margin-left: 20px;}
.ab_why .module-pack .module-2 .navigation ul li .banner-docs{font-size: 15px;line-height: 1.5;}
.ab_why .module-pack .module-3{margin-top: 30px;margin-bottom: 0;}
.ab_why .module-pack .module-3>.background-img{display: none;}
.ab_why .module-pack .module-3 .background-img{width: 100%;margin-bottom: 10px;border-radius: 6px;overflow: hidden;}
.ab_why .module-pack .module-3 .fixedText{position: relative;top: 0;right: 0;transform: translateY(0);width: 100%;min-height: auto;padding: 20px;margin-left: -20px;box-shadow: none;}
.ab_why .module-pack .module-3 .fixedText .docs{font-size: 15px;display: block;}
.ab_why .module-pack .module-1 .bottom{position: relative;width: 100%;margin: 0;}
.ab_why .module-pack .module-1 .bottom .navigation{width: calc(100% - 130px);margin: 30px auto 0px;}
.ab_why .module-pack .module-1 .bottom .swiperModule1{position: initial;height: auto;}
.ab_why .module-pack .module-1 .bottom .swiper-button{width: 30px;height: 30px;}
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-prev{left: 6px !important;}
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-next{right: 6px !important;}
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-prev i,
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-next i{font-size: 16px;}}
@media (max-width: 768px){.ab_why{padding-top: 2rem;}}
@media (max-width: 770px){.ab_why .module-pack .module-1 .bottom .swiper-slide{width: 300px;}}
@media (max-width: 500px){.ab_why .module-pack .module-0 .swiper-pagination-bullet{width: 30px;}
.ab_why .module-pack .module-1 .bottom .swiper-button{width: 25px;height: 25px;}
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-prev i,
.ab_why .module-pack .module-1 .bottom .swiper-button.swiper-button-next i{font-size: 14px;}
.ab_why .module-pack .module-1 .bottom .swiper-slide{width: 280px;transform: translateX(0) !important;}
.ab_why .module-pack .module-1 .bottom .swiper-slide.bottom30{opacity: 0 !important;}
.ab_why .module-pack .module-1 .bottom .swiper-slide picture{transform: scale(1) !important;}}
@media (max-width: 400px){.ab_why .module-pack .module-1 .bottom .swiper-slide{width: 200px;}}

.ab_partner{padding: 4rem 0;background: url(../images/partner_bg.png) center no-repeat;background-size: cover;}
.ab_partner .list{display: flex;flex-wrap: wrap;margin: -12px;}
.ab_partner .list li{width: calc(100% / 5 - 24px);margin: 12px;cursor: pointer;transition: all .5s ease;}
.ab_partner .list li .img{position: relative;width: 100%;padding-bottom: 43.5%;border-radius: 5px;overflow: hidden;background: #fff;}
.ab_partner .list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 5% 0;object-fit: contain;box-sizing: border-box;transition: all .5s ease;}
.ab_partner .list li:hover{box-shadow: 0 0 30px -20px #000;}
.ab_partner .list li:hover .img img{transform: scale(1.1);}
@media only screen and (max-width: 1024px){.ab_partner{padding: 3rem 0;}
.ab_partner .list{margin: -8px;}
.ab_partner .list li{width: calc(100% / 5 - 16px);margin: 8px;}}
@media only screen and (max-width: 768px){.ab_partner{padding: 2rem 0;}}
@media only screen and (max-width: 510px){.ab_partner .list{margin: -5px;}
.ab_partner .list li{width: calc(100% / 3 - 10px);margin: 5px;}
.ab_partner .list li:last-child{display: none;}}

.ab_culture{padding: 4rem 0;background: #fff;}
.ab_culture ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 2rem;}
.ab_culture ul li{position: relative;width: calc(33.3% - 20px);display: flex;flex-direction: column;align-items: center;padding: 30px 2% 40px;box-sizing: border-box;background: #f4f4f4;cursor: pointer;transition: all .5s ease-out;z-index: 1;}
.ab_culture ul li:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #f5a101;opacity: 0;transition: all .5s ease-out;z-index: -1;}
.ab_culture ul li .icon{width: 90px;height: 90px;}
.ab_culture ul li .icon img{width: 100%;height: 100%;object-fit: contain;}
.ab_culture ul li h3{color: #333;font-size: 20px;font-weight: bold;padding: 15px 0;transition: all .5s ease-out;}
.ab_culture ul li p{color: #666;font-size: 16px;line-height: 1.5;text-align: center;margin-bottom: 20px;transition: all .5s ease-out;}
.ab_culture ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .3);transform: translateY(-10px);}
.ab_culture ul li:hover:before{height: 100%;opacity: 1;}
.ab_culture ul li:hover h3,
.ab_culture ul li:hover p{color: #fff;}
@media only screen and (max-width: 1280px){.ab_culture ul li p{font-size: 14px;}}
@media only screen and (max-width: 1024px){.ab_culture{padding: 3rem 0;}}
@media only screen and (max-width: 768px){.ab_culture{padding: 2rem 0;}}
@media only screen and (max-width: 510px){.ab_culture ul{padding-top: 1rem;}
.ab_culture ul li{width: 100%;margin-bottom: 20px;}
.ab_culture ul li:last-child{margin: 0;}
.ab_culture ul li p{font-size: 14px;}}

.ab_workshop{padding: 4rem 0;}
.ab_workshop .box{display: flex;align-items: center;margin-bottom: 3rem;}
.ab_workshop .ny_tit{width: 50%;text-align: left;margin: 0;}
.ab_workshop .ny_tit h3:after{left: 0;margin: 0;}
.ab_workshop .ny_tit .en{left: 0;transform: none;}
.ab_workshop .number{width: 50%;display: flex;}
.ab_workshop .number li{width: 33.33%;text-align: center;padding: 10px 0;}
.ab_workshop .number li+li{border-left: 1px solid #ddd;}
.ab_workshop .number li .num{color: #f5a101;font-size: 48px;font-weight: bold;}
.ab_workshop .number li .num .counter{}
.ab_workshop .number li .num .plus{}
.ab_workshop .number li h3{color: #333;font-size: 16px;}
@media only screen and (max-width: 1024px){.ab_workshop{padding: 3rem 0;}
.ab_workshop .box{align-items: flex-start;margin-bottom: 2rem;}
.ab_workshop .number li .num{font-size: 38px;}}
@media only screen and (max-width: 768px){.ab_workshop{padding: 2rem 0;}
.ab_workshop .box{display: block;margin-bottom: 1rem;}
.ab_workshop .ny_tit,
.ab_workshop .number{width: 100%;}
.ab_workshop .number li{padding: 5px 0;}
.ab_workshop .number li .num{font-size: 30px;}
.ab_workshop .number li h3{font-size: 14px;}}

.ab_workshop .siteblocks-header-banner{position: relative;}
.ab_workshop .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.ab_workshop .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.ab_workshop .slick-list:focus{outline: none;}
.ab_workshop .slick-list.dragging{cursor: pointer;cursor: hand;}
.ab_workshop .slick-slider .slick-track,
.ab_workshop .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.ab_workshop .slick-track{position: relative;top: 0;left: 0;display: flex;margin-right: auto;}
.ab_workshop .slick-track:before,
.ab_workshop .slick-track:after{display: table;content: '';}
.ab_workshop .slick-track:after{clear: both;}
.ab_workshop .slick-loading .slick-track{visibility: hidden;}
.ab_workshop .slick-slide{display: none;float: left;height: auto;min-height: 1px;}
.ab_workshop .slick-slide img{display: block;}
.ab_workshop .slick-slide.slick-loading img{display: none;}
.ab_workshop .slick-slide.dragging img{pointer-events: none;}
.ab_workshop .slick-initialized .slick-slide{display: block;}
.ab_workshop .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.ab_workshop .slick-arrow.slick-hidden{display: none;}
.ab_workshop .wrapper{width: calc(100% + 10px);padding-top: 10px;margin-left: -10px;}
.ab_workshop .tile{margin-left: 10px;width: calc(100% / 8 - 10px);outline: none;position: relative;}
.ab_workshop .imgMask{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;cursor: pointer;background: #fff;opacity: 0;transition: opacity 175ms linear;}
.ab_workshop .tile .line{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;border: 2px solid #f5a101;box-sizing: border-box;opacity: 0;z-index: 1;transition: all .5s ease-out;}
.ab_workshop .tile.active .line{opacity: 1;}
.ab_workshop .tile:hover .imgMask{opacity: 0.3;}
.ab_workshop .imgBox{position: relative;width: 100%;padding-bottom: 61.5%;}
.ab_workshop .imgWra{width: 100%;height: 100%;}
.ab_workshop .imgBox img{position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;}
.ab_workshop .slick-dots{width: 100%;display: flex;justify-content: center;margin-top: 20px;}
.ab_workshop .slick-dots li{width: 34px;height: 5px;margin: 0 2px;background: #f5a101;transition: .3s;cursor: pointer;opacity: 0.2;}
.ab_workshop .slick-dots li button{display: none;}
.ab_workshop .slick-dots .slick-active{opacity: 0.4;}
.ab_workshop .bigBox{width: 100%;height: 448px;position: relative;overflow: hidden;}
.ab_workshop .bigTile{width: calc(60% - 10px);position: absolute;top: 0;left: 100%;opacity: 0;}
.ab_workshop .next-up:hover .before{opacity: 0.45;}
.ab_workshop .next-up .before{opacity: 0.7;visibility: visible;}
.ab_workshop .before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: #f5a101;transition: opacity 350ms linear, visibility 350ms linear;visibility: hidden;cursor: pointer;}
.ab_workshop .bigTile .imgWra{width: 100%;height: 448px;}
.ab_workshop .imgWra img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.ab_workshop .bottom{position: relative}
.ab_workshop .bigNext{position: absolute;right: 20px;top: 168px;z-index: 3;cursor: pointer;transform: rotate(-90deg);}
.ab_workshop .bigNext i{color: #fff;font-size: 100px;}
@media screen and (max-width:1200px){.ab_workshop .bigBox{height: 375px;}
.ab_workshop .bigTile .imgWra{width: 100%;height: 375px;}
.ab_workshop .bigNext{top: 132px;}}
@media screen and (max-width:900px){.ab_workshop .bigTile .imgWra{width: 100%;height: 278px;}
.ab_workshop .bigBox{height: 278px;}
.ab_workshop .bigNext{top: 100px;}
.ab_workshop .bigNext i{font-size: 80px;}}
@media screen and (max-width:480px){
.ab_workshop .bigNext{display: none;}
.ab_workshop .bigTile{width: 100%;}
.ab_workshop .before{display: none;}}

.nr_page{margin: 4rem 0;}
.nr_page .title{max-width: 80%;font-size: 30px;font-weight: bold;color: #373c41;text-align: center;word-break: break-all;margin: auto;}
.nr_page .status{color: #595959;font-size: 14px;text-align: center;padding-bottom: 20px;margin-top: 20px;overflow: hidden;border-bottom: 1px solid #ddd;}
.nr_page .status a{color: #595959;}
.nr_page .status span{margin-right: 20px;}
.nr_page .intro{color: #595959;font-size: 14px;padding: 10px;white-space: normal;background: #f2f2f2;margin-bottom: 20px;}
.nr_page .content{padding: 20px 0;text-align: justify;word-break: break-word !important;overflow: hidden;}
.nr_page .content p{font-size: 16px;color: #666;padding-bottom: 15px;line-height: 1.8;}
.nr_page .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.nr_page .key{color: #595959;}
.nr_page .key span{color: #595959;}
.nr_page .key p{display: inline-block;}
.nr_page .key button{font-size: 14px;margin: 2px;padding: 6px 5px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.nr_page .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.nr_page .reLink{display: flex;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.nr_page .prev,.nr_page .next{width: 50%;color: #595959;line-height: 1.5;}
.nr_page .prev a,.nr_page .next a{color: #595959;}
.nr_page .next{text-align: right;}
.nr_page .relevant{margin-top: 30px;}
.nr_page .relevant .tit{background-color: #f5a101;}
.nr_page .relevant .tit h3{color: #fff;font-size: 18px;line-height: 50px;font-weight: bold;padding: 0 15px;}
.nr_page .relevant ul{display: flex;padding: 20px 0;border: 1px solid #f0f0f0;}
.nr_page .relevant ul li{width: calc(100% / 3);padding: 20px 10px;box-sizing: border-box;}
.nr_page .relevant ul li .box{display:block;width:100%;height:100%;position:relative;transition:all .5s ease;}
.nr_page .relevant ul li .img{width:100%;height:0px;position:relative;padding-bottom:62%;}
.nr_page .relevant ul li .img img{position:absolute;width:100%;height:100%;top: 0;left: 0;object-fit: cover;}
.nr_page .relevant ul li .txt{width:100%;height:150px;padding:20px 10px;box-sizing: border-box;}
.nr_page .relevant ul li span{color:#999;}
.nr_page .relevant ul li h3{height:40px;line-height:40px;font-weight:200;color:#333;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.nr_page .relevant ul li .line{border-top-color:#f5a101;border-top-width:1px;border-top-style:solid;margin:10px 0;width:5%;transition:all .5s ease;}
.nr_page .relevant ul li p{font-size:0.875rem;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.6;color:#999;overflow-wrap: break-word;}
.nr_page .relevant ul li:hover .box{transform:translateY(-15px);}
.nr_page .relevant ul li:hover .line{width:100%;}
@media only screen and (max-width: 768px){
.nr_page{margin: 2rem 0;}
.nr_page .title{max-width: 100%;font-size: 18px;line-height: 1.6;margin: 10px 0;}
.nr_page .status{margin: 0;padding: 0;border: 0;line-height: 24px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.nr_page .status span:first-child{display: none;}
.nr_page .intro{display: none;}
.nr_page .content{padding: 10px 0;}
.nr_page .content p{font-size: 14px;}
.nr_page .key button{font-size: 12px;padding: 5px 3px;}
.nr_page .reLink{display: block;margin: 3vw auto;padding: 0;border: 0;}
.nr_page .reLink span{font-weight: bold;}
.nr_page .prev,.nr_page .next{width: auto;text-align: left;background: #f2f2f2;padding: 10px;margin: 2vw auto;}
.nr_page .relevant{margin-top: 20px;}
.nr_page .relevant ul{display: block;padding: 0;}
.nr_page .relevant ul li{width: 100%;padding: 10px;}
.nr_page .relevant ul li:hover .box{transform:translateY(0);}
.nr_page .relevant ul li:hover .line{width: 5%;}}

.imgListBox{margin: 4rem 0;}
.img_list{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.img_list li{width: calc( 100% / 4 - 1.95%);margin-right: 2.6%;margin-bottom: 2.6%;padding: 10px;background: #ededed;box-sizing: border-box;transition: 0.3s ease 0s;}
.img_list li:nth-child(4n){margin-right: 0;}
.img_list li .img{width: 100%;position: relative;padding-bottom: 67.5%;overflow: hidden;}
.img_list li .img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.5s linear 0s;}
.img_list li h3{color: #666;font-size: 16px;text-align: center;padding: 3% 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: 0.3s ease 0s;}
.img_list li:hover img{transform: scale(1.1);}
.img_list li:hover h3{color: #f5a101;background: #ffffff;}
@media only screen and (max-width: 1500px){.img_list li h3{font-size: 14px;}}
@media only screen and (max-width: 768px){
.imgListBox{margin: 2rem 0;}
.img_list li,.img_list li:nth-child(4n){width: calc( 100% / 2 - 2%);margin-right: 4%;margin-bottom: 4%;padding: 5px;}
.img_list li:nth-child(2n){margin-right: 0;}
.img_list li h3{padding: 2vw;}}

.solvelist ul li{background: url(../images/solution_bg.jpg) center no-repeat;background-size: cover;}
.solvelist ul li .box{display: flex;}
.solvelist ul li:nth-child(2n) .box{flex-direction: row-reverse;}
.solvelist ul li .img{width: 50%;}
.solvelist ul li .img figure{position: relative;width: 100%;padding-bottom: 75%;overflow: hidden;}
.solvelist ul li .img figure img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.solvelist ul li .txt{width: 50%;display: flex;align-items: center;background: rgba(1,12,32,.84);}
.solvelist ul li .txt .con{width: 100%;padding: 0 12%;box-sizing: border-box;}
.solvelist ul li .txt .con h3{color: #fff;font-size: 34px;font-weight: bold;transition: all .5s ease;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.solvelist ul li .txt .con p{color: #fff;line-height: 32px;text-align: justify;margin: 15px 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.solvelist ul li .txt .con .more{max-width: 180px;text-align: center;border-radius: 50px;background: #f5a101;border: 1px solid #f5a101;transition: all .5s ease;box-sizing: border-box;overflow: hidden;}
.solvelist ul li .txt .con .more a{display: flex;color: #fff;font-size: 16px;line-height: 45px;text-align: center;box-sizing: border-box;transition: all .5s ease;justify-content: center;align-items: center;}
.solvelist ul li .txt .con .more a:after{content:"▶";display: inline-block;color: unset;font-size: 12px;margin-left: 5%;}
.solvelist ul li:hover .img img{transform: scale(1.1);}
.solvelist ul li:hover .txt .con h3{color: #f5a101;}
.solvelist ul li .txt .con .more:hover{background: none;}
.solvelist ul li .txt .con .more:hover a{color: #f5a101;}
.solvelist .view{display: flex;justify-content: center;margin-bottom: -7px;padding: 55px 0;background: #f5a101;}
.solvelist .view a{display: block;color: #333;font-size: 20px;line-height: 65px;text-align: center;padding: 0 4.5%;border-radius: 50px;background: #fff;}
@media only screen and (max-width: 1024px){
.solvelist ul li .txt .con{padding: 0 10%;}
.solvelist ul li .txt .con h3{font-size: 28px;}
.solvelist ul li .txt .con p{line-height: 28px;margin: 10px 0;}
.solvelist ul li .txt .con .more{max-width: 150px;}
.solvelist ul li .txt .con .more a{font-size: 14px;line-height: 38px;}  
.solvelist .view{padding: 35px 0;}
.solvelist .view a{font-size: 16px;line-height: 50px;}}
@media only screen and (max-width: 768px){
.solvelist ul li .txt .con{padding: 0 8%;}
.solvelist ul li .txt .con h3{font-size: 24px;}
.solvelist ul li .txt .con p{font-size: 13px;line-height: 26px;margin: 10px 0;}
.solvelist ul li .txt .con .more{max-width: 130px;}
.solvelist ul li .txt .con .more a{font-size: 12px;line-height: 34px;}
.solvelist .view{padding: 25px 0;}
.solvelist .view a{font-size: 14px;line-height: 40px;}}
@media only screen and (max-width: 510px){
.solvelist ul li .box,
.solvelist ul li:nth-child(2n) .box{flex-direction: column;}
.solvelist ul li .img,
.solvelist ul li .txt{width: 100%;}
.solvelist ul li .txt .con{padding: 8%;}
.solvelist ul li .txt .con h3{font-size: 22px;}
.solvelist ul li .txt .con .more{max-width: 120px;}
.solvelist ul li .txt .con .more a{line-height: 30px;}
.solvelist .view{padding: 20px 0;}
.solvelist .view a{font-size: 13px;line-height: 35px;padding: 0 10%;}}

.contact{padding: 4rem 0;}
.contact ul{display: flex;flex-wrap: wrap;margin: -15px;}
.contact ul li{width: calc(100% / 3 - 30px);display: flex;margin: 15px;padding: 35px 0;border-radius: 5px;background: #fff;box-shadow: 0 1px 11px 0px rgb(0 0 0 / 10%);box-sizing: border-box;cursor: pointer;transition: all .5s ease;flex-direction: column;align-items: center;text-align: center;}
.contact ul li .icon{width: 90px;height: 90px;padding: 20px;background: #f5a101;border-radius: 50%;box-sizing: border-box;}
.contact ul li .icon img{width: 100%;height: 100%;object-fit: contain;}
.contact ul li h3{width: 100%;font-size: 18px;margin-top: 30px;}
.contact .inner_form .layui-btn{color: #fff;background-color: #f5a101;border-color: #f5a101;}
@media only screen and (max-width: 1280px) and (min-width: 1025px){
.contact ul{margin: -10px;}
.contact ul li{width: calc(100% / 3 - 20px);margin: 10px;padding: 25px 0;}
.contact ul li .icon{width: 70px;height: 70px;padding: 15px;}
.contact ul li .icon img{width: 100%;height: 100%;object-fit: contain;}
.contact ul li h3{font-size: 15px;margin-top: 20px;}}
@media only screen and (max-width: 1024px){
.contact{padding: 3rem 0;}
.contact ul{margin: -10px;}
.contact ul li{width: calc(100% / 3 - 20px);margin: 10px;padding: 15px 0;}
.contact ul li .icon{width: 60px;height: 60px;padding: 10px;}
.contact ul li h3{display: flex;font-size: 14px;height: 37px;margin-top: 15px;align-items: center;justify-content: center;}}
@media only screen and (max-width: 768px){
.contact{padding: 3rem 0;}
.contact ul{margin: -1.5%;}
.contact ul li{width: calc(100% / 1 - 3%);margin: 1.5%;padding: 20px 0;}
.contact ul li .icon{width: 50px;height: 50px;}
.contact ul li h3{margin-top: 10px;}}

.contact_map{padding: 4rem 0;background: #fff;}
.contact_map iframe{width: 100%;height: 500px;}
@media only screen and (max-width: 1024px){
.contact_map{padding: 3rem 0;}
.contact_map iframe{width: 100%;height: 400px;}}
@media only screen and (max-width: 768px){
.contact_map{padding: 2rem 0;}
.contact_map iframe{width: 100%;height: 300px;}}

.inner_form{display: flex;flex-wrap: wrap;}
.inner_form .layui-form-item{float: left;width: 31%;margin-right: 2%;clear: none;transition: all .3s ease;}
.inner_form .layui-form-text,.inner_form .btn{float: none;width: 100%;margin-right: 0;}
.inner_form .layui-input,.inner_form .layui-textarea{color: #333;border-radius: 4px;border-color: #ccc;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
.inner_form .layui-input:hover,.inner_form .layui-textarea:hover,
.inner_form .layui-input:focus,.inner_form .layui-textarea:focus{border-color: #f5a101!important;}
.inner_form .layui-textarea{min-height: 240px;resize: none;}
.inner_form .Code{width: 34%;margin-right: 0;}
.inner_form .Code input{display: inline-block;width: 73%;margin-right: 2%;}
.inner_form .Code img{vertical-align: top;width: 25%;height: 36px;background: #fff;object-fit: contain;}
.inner_form .layui-btn{width: 100%;color: #f5a101;font-size: 18px;text-transform: uppercase;background: none;border: 1px solid #f5a101;transition: all .5s ease;}
.inner_form .layui-btn:hover{color: #fff;background-color: #f5a101;border-color: #f5a101;opacity: 1;}
@media only screen and (max-width: 768px){
.inner_form .layui-form-item{float: none;width: 100%;margin-right: 0;}
.inner_form .layui-input:hover,.inner_form .layui-textarea:hover,
.inner_form .layui-input:focus,.inner_form .layui-textarea:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245, 161, 1, 0.6);}}

.page{text-align: center;padding: 30px 0;}
.page:before, .page:after{content: " ";display: table;}
.page:after{clear: both;}
.page a,.page span{min-width: 35px;color: #666;font-size: 14px;display: inline-block;margin: 5px;text-align: center;line-height: 33px;border: 1px solid #ddd;background: #fff;border-radius: 50%;box-sizing: border-box;transition: all .5s ease;}
.page a:hover,.page span{color: #fff;background: #f5a101;border-color: #f5a101;}
@media only screen and (max-width: 768px){
.page{padding: 20px 0;}}

.pro_box{padding: 4rem 0;}
.pro_box>main{display: flex;}
.pro_box .pro_fl{width: 25%;flex: none;}
.pro_box .pro_class{background: #fff;}
.pro_box .pro_class .tit{position: relative;color: #fff;font-size: 18px;font-weight: bold;line-height: 60px;padding: 0 15px;background: #f5a101;border-bottom: 1px solid #fff;}
.pro_box .pro_class .btn{position: absolute;top: 10px;right: 15px;padding: 9px 5px;border: 1px solid #fff;border-radius: 4px;box-sizing: border-box;display: none;}
.pro_box .pro_class .btn span{display: block;width: 22px;height: 2px;background: #fff;border-radius: 1px;}
.pro_box .pro_class .btn span+span{margin-top: 4px;}
.pro_box .pro_class .class .list{border-bottom: 1px solid #ececec;position: relative;}
.pro_box .pro_class .class .list:last-child{border: 0;}
.pro_box .pro_class .class .list h3{position: relative;font-size: 14px;line-height: 50px;transition: all .5s ease;}
.pro_box .pro_class .class .list h3 a{display: block;width: calc(100% - 46px);color: #333;font-size: 16px;padding-left: 15px;box-sizing: border-box;transition: all .5s ease;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_box .pro_class .class .list .icon{position: absolute;top: 0;width: 46px;height: 100%;right: 0;display: flex;justify-content: center;align-items: center;color: #CBCBCB;font-size: 0.875rem;transform: rotate(-90deg);transition: all .5s ease;cursor: pointer;}
.pro_box .pro_class .class ul{display: none;padding: 0 15px;border-top: 1px solid #ececec;}
.pro_box .pro_class .class ul li{position: relative;padding-left: 15px;font-size: 14px;line-height: 45px;}
.pro_box .pro_class .class ul li:before {content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #dcdcdc;position: absolute;top: 51%;left: 0;transform: translateY(-50%);}
.pro_box .pro_class .class ul li a{display: block;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_box .pro_class .class .active h3{background: #f5a101;}
.pro_box .pro_class .class .active h3 a{color: #fff;}
.pro_box .pro_class .class .active .icon{color: #fff;transform: rotate(0);}
.pro_box .pro_class .class ul li a.cur{color: #f5a101;}
.pro_box .pro_fr{width: calc(100% - 25%);margin: 0 0 0 30px;}
.pro_box .list_box .list{display: flex;flex-wrap: wrap;margin-left: -15px;}
.pro_box .list_box .list li{width: calc(100% / 3);padding-left: 15px;padding-bottom: 15px;box-sizing: border-box;}
.pro_box .list_box .list li .box{padding: 5px;background: #fff;}
.pro_box .list_box .list li .img{position: relative;overflow: hidden;width: 100%;height: auto;border-bottom: 0;padding-bottom: 100%;box-sizing: border-box;}
.pro_box .list_box .list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.pro_box .list_box .list li .tit{padding: 15px 0;text-align: center;}
.pro_box .list_box .list li .tit span{display: block;font-size: 16px;color: #f5a101;font-weight: bold;margin-bottom: 5px;}
.pro_box .list_box .list li .tit h3{color: #333;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_box .list_box .list li .btn{display: flex;justify-content: space-between;margin-top: 15px;padding: 0 15px;}
.pro_box .list_box .list li .btn a{display: flex;width: 47%;color: #fff;line-height: 38px;border: 1px solid #f5a101;border-radius: 5px;background: #f5a101;box-sizing: border-box;justify-content: center;align-items: center;}
.pro_box .list_box .list li .btn a+a{color: #f5a101;border: 1px solid #f5a101;background: none;}
.pro_box .list_box .list li .btn a .fa{font-size: 16px;margin-right: 5px;}
.pro_box .list_box .list li:hover .img img{transform: scale(1.1);}

.pro_box .show_box{display: flex;flex-flow: row wrap;align-items: flex-start;padding: 20px 0 30px;overflow: hidden;}
.pro_box .gallery{float: left;width: 450px;}
.pro_box .gallery .gallery-top .swiper-slide{cursor: pointer;}
.pro_box .gallery .gallery-top .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.pro_box .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.pro_box .gallery .thumbs{position: relative;margin-top: 20px;padding: 0 33px;overflow: hidden;}
.pro_box .gallery .gallery-thumbs .swiper-slide{width: calc( 96.1% / 4);margin-right: 5px;border: .15rem solid #eee;box-sizing: border-box;transition: all .5s ease;}
.pro_box .gallery .gallery-thumbs .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;cursor: pointer;}
.pro_box .gallery .gallery-thumbs .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.pro_box .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color: #f5a101;}
.pro_box .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.pro_box .swiper-pagination .swiper-pagination-bullet:hover:after{transform: scale(2);}
.pro_box .swiper-pagination .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #fff;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
.pro_box .gallery .swiper-button-prev:hover,.pro_box .gallery .swiper-button-next:hover{opacity: .35;}
.pro_box .gallery .swiper-button-disabled{pointer-events: auto !important;}
.pro_box .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;}
.pro_box .gallery .swiper-button-next{left: auto;right: 0;}

.pro_box .info{float: left;min-width: 200px;padding-left: 38px;flex: 1;}
.pro_box .info .box{margin-bottom: 20px;}
.pro_box .info .box span{display: block;color: #f5a101;font-size: 20px;}
.pro_box .info .box h3{color: #262626;font-size: 26px;line-height: 1.4;font-weight: bold;padding: 10px 0;}
.pro_box .info .txt{color: #666;font-size: 14px;line-height: 1.8;text-align: justify;padding: 20px 0px;word-break: break-word;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.pro_box .info .btn{display: flex;padding-bottom: 10px;white-space: nowrap;}
.pro_box .info .btn a{display: inline-block;max-width: 45%;color: #f5a101;font-size: 14px;line-height: 1.572;text-align: center;padding: 0.6vw 3vw;margin-right: 1vw;border: 1px solid #f5a101;box-sizing: border-box;transition: all .5s ease;}
.pro_box .info .btn a:hover{color: #fff;background: #f5a101;}
.pro_box .info .tel{display: flex;font-family: arial;font-size: 14px;height: 40px;margin-top: 10px;line-height: 40px;white-space: nowrap;}
.pro_box .info .tel a{color: #707070;}
.pro_box .info .tel a:first-child{margin-right: 20px;}
.pro_box .info .tel i{color: #f5a101;font-size: 18px;vertical-align: middle;}
.pro_box .info .tel a:hover{color: #f5a101;}

.pro_box .pro_show{width: 100%;margin-top: 20px;}
.pro_box .pro_show .tit{color: #fff;font-size: 26px;line-height: 70px;font-weight: bold;text-align: center;background: #f5a101;height: 70px;box-sizing: border-box;}
.pro_box .pro_show .content{padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.pro_box .pro_show .content p{color: #666;font-size: 16px;text-align: justify;padding-bottom: 15px;line-height: 1.8;}
.pro_box .pro_show .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.pro_box .pro_show .key{color: #595959;padding: 20px 0;}
.pro_box .pro_show .key span{color: #595959;}
.pro_box .pro_show .key p{display: inline-block;}
.pro_box .pro_show .key button{color: #595959;font-size: 14px;margin: 2px;padding: 7px 10px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.pro_box .pro_show .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.pro_box .pro_show .reLink{display: flex;padding: 20px 0;overflow: hidden;}
.pro_box .pro_show .prev,.pro_box .pro_show .next{width: 50%;color: #595959;line-height: 1.5;}
.pro_box .pro_show .prev a,.pro_box .pro_show .next a{color: #595959;}
.pro_box .pro_show .next{text-align: right;}

.pro_box .pro_show .frame{margin-top: 30px;}
.pro_box .pro_show .frame .titi{background-color: #f5a101;}
.pro_box .pro_show .frame .titi h3{color: #fff;font-size: 18px;line-height: 50px;font-weight: bold;padding: 0 15px;}
.pro_box .pro_show .frame>.box{padding: 20px;border: 1px solid #f0f0f0;}
 
.pro_box .pro_show .pro_relevant{padding: 5px;padding-bottom: 30px;}
.pro_box .pro_show .pro_relevant li{width: 100%;position: relative;}
.pro_box .pro_show .pro_relevant li .box{padding: 5px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 9%);}
.pro_box .pro_show .pro_relevant li .img{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.pro_box .pro_show .pro_relevant li .img img{position: absolute;top: 0;left: 0;transform: scale(1);width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.pro_box .pro_show .pro_relevant li h3{color: #333;font-size: 15px;line-height: 3;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s ease;}
.pro_box .pro_show .pro_relevant li:hover .img img{transform: scale(1.1);}
.pro_box .pro_show .pro_relevant li:hover h3{color: #f5a101;}
.pro_box .pro_show .swiper-pagination{bottom: 0;}

@media only screen and (max-width: 1400px){
.pro_box .gallery{width: 350px;}}
@media only screen and (max-width: 1200px){
.pro_box .gallery{width: 300px;}}
@media only screen and (max-width: 1080px){
.pro_box .gallery{float: none;width: 100%;}
.pro_box .info{float: none;width: 100%;padding: 0;padding-top: 40px;}}

@media only screen and (max-width: 1024px){
.pro_box{padding: 3rem 0;}
.pro_box>main{display: block;}
.pro_box .pro_fl,.pro_box .pro_fr{width: 100%;margin: 0;}
.pro_box .pro_class .tit{font-size: 20px;line-height: 24px;padding: 15px 20px;}
.pro_box .pro_class .tit .btn{display: block;}
.pro_box .pro_class .class{display: none;}
.pro_box .pro_fr{margin-top: 1rem;}
.pro_box .list_box .list{margin-left: -10px;}
.pro_box .list_box .list li{padding-left: 10px;padding-bottom: 10px;}
.pro_box .list_box .list li .tit{padding: 10px 0;}
.pro_box .list_box .list li .tit span{font-size: 14px;}
.pro_box .list_box .list li .tit h3{font-size: 16px;}
.pro_box .list_box .list li .btn{padding: 0 10px;}
.pro_box .list_box .list li .btn a{line-height: 33px;}
.pro_box .gallery .thumbs{display: none;}
.pro_box .info{padding: 0;}
.pro_box .info .box{margin: 15px 0;}
.pro_box .info .box h3{font-size: 20px;font-weight: bold;}
.pro_box .info .txt{padding: 14px 0px;}
.pro_box .info .btn{justify-content: space-between;}
.pro_box .info .btn a{width: 100%;line-height: 2.5;margin: 0;}
.pro_box .pro_show .tit{font-size: 20px;line-height: 50px;height: 50px;}
.pro_box .pro_show .content p{font-size: 14px;line-height: 24px;}
.pro_box .pro_show .content{padding: 10px 0px;}
.pro_box .pro_show .key{padding: 10px 0px;}
.pro_box .pro_show .key button{font-size: 12px;padding: 5px 3px;}
.pro_box .pro_show .reLink{padding: 0;background: rgba(0, 0, 0, 0.02);}
.pro_box .pro_show .prev,.pro_box .pro_show .next{padding: 10px 0;text-align: center;}
.pro_box .pro_show .prev a,.pro_box .pro_show .next a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_box .pro_show .next{text-align: center;border-left: 1px solid rgba(0, 0, 0, 0.04);}
.pro_box .pro_show .frame{margin-top: 20px;}
.pro_box .pro_show .frame>.box{padding: 10px;}
.pro_box .pro_show .pro_relevant li h3{font-size: 14px;line-height: 2;}}
@media only screen and (max-width: 768px){
.pro_box{padding: 2rem 0;}
.pro_box .list_box .list li{width: calc(100% / 2);}
.pro_box .list_box .list li .tit{padding: 5px 0;}
.pro_box .list_box .list li .tit span{font-size: 12px;}
.pro_box .list_box .list li .tit h3{font-size: 14px;}
.pro_box .list_box .list li .btn{padding: 0 5px;}
.pro_box .list_box .list li .btn a{font-size: 12px;line-height: 28px;}
.pro_box .list_box .list li .btn a .fa{display: none;}}

/*右侧悬浮*/
.right_bar{position:fixed;top: 50%;right:0;margin-top: -101px;width:50px;height:203px;z-index:10;display: none;}
.right_bar li{width:62px;height:50px;z-index:20;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{position:absolute;left:0;}
.right_bar li.rtbar_li1{top:0;width:172px;}
.right_bar li.rtbar_li2{position:absolute;top:51px;left:0;}
.right_bar li.rtbar_li3{position:absolute;top:102px;left:0;width:126px;}
.right_bar li.rtbar_li4{top:153px;}
.rtbar_li4{position:absolute;top:153px;left:0;}
.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color: #f5a101;opacity:0.8;border-radius:6px;}
.right_bar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px;}
.right_bar li a:hover{background-color: #f5a101;opacity:1;}
.rtbar_shwx{display:none;position:absolute;top:-120px;left:-160px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.rtbar_shwx img{width: 150px;padding: 5px;background-color:#FFF;}
.rtbar_shwx{top:-50px;}
.f_kslj{position: fixed;bottom: -70px;width: 100%;z-index: 1000;background: #f5a101;box-shadow: 0 -3px 4px rgb(0 0 0 / 10%);backdrop-filter: blur(5px);transition: all .5s;}
.f_kslj ul{display: flex;height: 60px;align-items: center;}
.f_kslj ul li{width: 100%;}
.f_kslj ul li a{color: #fff;text-align: center;display: block;}
.f_kslj ul li a i{display: block;font-size: 18px;margin-bottom: 5px;}
@media all and (max-width:768px){footer{padding-bottom: 60px;}
.f_kslj{bottom: 0;}}

/*在线客服*/
[class^="gncms_"],[class^="gncms_"] *{box-sizing: border-box;}
.gncms_kefu{width:550px;height: 210px;position:fixed;right: -190px;margin-right:0;bottom: 0;margin-bottom:0;background: url(../images/kfbj.png) no-repeat;border-bottom: 2px solid #f5a101;z-index: 9999;box-shadow:rgba(0,0,0,0.28) 3px 0px 10px;transition:all 0.6s ease;transform: scale(0);border-radius:1000px;opacity:0;}
.gncms_kefu.l{left: -190px;}
.gncms_kefu.on{right:50%;margin-right:-275px;bottom:50%;margin-bottom:-100px;transform:scale(1);opacity:1;border-radius: 10px;}
.gncms_kefu.l.on{left: 50%;margin-left: -275px;margin-right: 0;}
.gncms_kefu:after{content:"";position:absolute;width:245px;height: 260px;background: url(../images/kfbj.png) 0 bottom no-repeat;right:0;bottom: 0;}
.gncms_kefu .pa{text-align: justify;padding:30px 60px 0 60px}
.gncms_kefu .titlean{font-size:20px;color: #f5a101;font-weight:bold}
.gncms_kefu .txt{color: #666;font-size:15px;line-height:25px;padding:5px 0 10px 0}
.gncms_kefu .txt a{color: #666;}
.gncms_kefu .txt span{color: #f5a101;font-size: 18px;font-weight:bold;}
.gncms_kefu .button{height:36px}
.gncms_kefu a{display:block;width:110px;height:32px;float:left;border-radius:3px;overflow:hidden;text-align:center;line-height: 30px;font-size:14px;background:#fff;border:1px solid #d3d3d3;margin-right:13px;color: #666;}
.gncms_kefu a.on{background: #f5a101;border: 1px solid #f5a101;color:#fff;font-weight:bold}
.gncms_Open{position:fixed;width:140px;height: 180px;padding-bottom: 40px;background: url(../images/kfbj.png) right -330px no-repeat;right: 20px;bottom: 20px;z-index: 10000;opacity: 0;visibility: hidden;transition: all .5s;animation: myBreath 1.5s linear infinite;}
.gncms_Open.l{left: 20px;}
.gncms_Open.on{opacity: 1;visibility: visible;}
.gncms_Open h3{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;font-size: 20px;font-weight: bold;line-height: 40px;text-align: center;border-radius: 3px;background: #f5a101;}
@keyframes myBreath {0%{transform: scale(0.88);}50%{transform: scale(1);}100%{transform: scale(0.88);}}
@media only screen and (max-width: 768px){.gncms_kefu,.gncms_Open{display: none;}}