@charset "utf-8";
.pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;}
.bgf{background-color: #fff;}
.bgf1{background-color: #f1f1f1;}
.bgf5{background-color: #f5f5f5;}
.bge{background-color: #eee;}
@-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
.fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;}
@-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;}
@-webkit-keyframes animateStay{0, 100%{opacity: 1;}}
@keyframes animateStay{0, 100%{opacity: 1;}}
.animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;}
/* baseCss */
.en{word-break: keep-all;}
.tdu{text-decoration: underline;}
.oh{position: relative; overflow: hidden;}
.ma{margin-left: auto; margin-right: auto;}
.dib{display: inline-block; vertical-align: middle;}
.vab{vertical-align: bottom;}
.vat{vertical-align: top;}
.unsel{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.insel{-webkit-user-select: normal ; -moz-user-select: normal ; -ms-user-select: normal ; user-select: normal ;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
.taps a,
.tapList a,
.tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.tapList .link{display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.lhd5{height: .5em;}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.tsn{-webkit-transition: none !important; transition: none !important;}
.emptyList{text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold;}
.hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;}
.viewport{position: relative;}
.hScroll{white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;}
.hScroll .scrollBox,
.hScroll .overview{vertical-align: top; display: inline-block; vertical-align: middle;}
.vScroll{font-size: 0; overflow-y: auto; overflow-x: hidden;}
.invisible{visibility: hidden; position: absolute; z-index: -1;}
.ensp{display: inline-block; vertical-align: middle; width: .5em; height: 1px;}
.cnsp{display: inline-block; vertical-align: middle; width: 1em; height: 1px;}
/* resetEnd */
.c1{color: #ff9702;}
.bgc1{background-color: #ff9702;}
.c2{color: #d61919;}
.bgc2{background-color: #d61919;}
.ca{color: #333333;}
.cb{color: #666666;}
.cs{color: #999999;}
html{min-width: 1024px; max-width: 1920px;}
body{color: #333333;font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
a{color: #333333;}
a.on,
a:hover{/* color: #ff9702 */color:#121212;}
.fff{color:#fff}
.vmbox{font-size: 14px; line-height: 1.4333; font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 14px; line-height: 1.7143;}
.imax{font-size: 14px; line-height: 1.7143; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
@media screen and (max-width: 768px){.imax{font-size: 14px; line-height: 1.4333;}}
::-moz-selection{background: #3f983f; color: #fff; text-shadow: none;}
::selection{background: #3f983f; color: #fff; text-shadow: none;}
.pc ::-webkit-scrollbar{position: absolute; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.1);}
.pc ::-webkit-scrollbar-thumb{width: 4px; height: 4px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.25);}
.pc ::-webkit-scrollbar-track{background: #ababa7;}
.pc ::-webkit-scrollbar-corner{background: transparent; height: 0; width: 0;}
/* 清理浮动 */
.clearFloat {zoom: 1; /* for IE6 IE7 */}
.clearFloat:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.overflow{	overflow: hidden;}
.display{	display: block;}
.floatLeft {	float: left;}
.floatRight {float: right;}
.w400{	width: 300px;	margin: 0 auto;}
.itnews,.itnews ul li{height: 30px;line-height: 30px;	list-style: none;}
.itnews ul li a {color:#121212; font-size:16px}
.itnews ul li a:hover {color:#ff0000;}
.loading{background-image: url(../images/loading.gif);}
.loading-m{background-image: url(../images/loading-m.gif);}
.load-error{background-image: url(../images/error.gif);}
@font-face{font-family: "Neutraface2Display-Titling"; src: url("fonts/Neutraface2Display-Titling.woff2") format("woff2"), url("fonts/Neutraface2Display-Titling.woff") format("woff"), url("fonts/Neutraface2Display-Titling.ttf") format("truetype"), url("fonts/Neutraface2Display-Titling.eot") format("embedded-opentype"), url("fonts/Neutraface2Display-Titling.svg") format("svg"), url("fonts/Neutraface2Display-Titling.otf") format("opentype"); font-weight: normal; font-style: normal;}
@font-face{font-family: "Swiss721BT-BoldCondensed"; src: url("fonts/Swiss721BT-BoldCondensed.woff2") format("woff2"), url("fonts/Swiss721BT-BoldCondensed.woff") format("woff"), url("fonts/Swiss721BT-BoldCondensed.ttf") format("truetype"), url("fonts/Swiss721BT-BoldCondensed.eot") format("embedded-opentype"), url("fonts/Swiss721BT-BoldCondensed.svg") format("svg"), url("fonts/Swiss721BT-BoldCondensed.otf") format("opentype"); font-weight: normal; font-style: normal;}
@font-face{font-family: "Intro Cond Black Free"; src: url("fonts/Intro Cond Black Free.woff2") format("woff2"), url("fonts/Intro Cond Black Free.woff") format("woff"), url("fonts/Intro Cond Black Free.ttf") format("truetype"), url("fonts/Intro Cond Black Free.eot") format("embedded-opentype"), url("fonts/Intro Cond Black Free.svg") format("svg"), url("fonts/Intro Cond Black Free.otf") format("opentype"); font-weight: normal; font-style: normal;}
.fen1{font-family: "Neutraface2Display-Titling", Arial, sans-serif;}
.fen2{font-family: "Swiss721BT-BoldCondensed", Arial, sans-serif;}
.fen3{font-family: "Intro Cond Black Free", Arial, sans-serif;}
/* ------------------- htmls ------------------- */
.TopLine{position: relative; top: -1px;}
.hr1,
.index-head .hr{margin: 20px 0; width: 80px; height: 4px; margin-left: auto; margin-right: auto; background-color: #ff9702;}
.more1{display: block; width: 132px; height: 32px; line-height: 32px; text-align: center; color: #ff9702; border: #ff9702 solid 2px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.more1:hover{color: #fff; background-color: #ff9702;}
.btn1,
.axdwords.t1 .btn,
.sCase-tail .dt .btn,
.sNews-view .view-follow .btn{text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.btn1 span,
.axdwords.t1 .btn span,
.sCase-tail .dt .btn span,
.sNews-view .view-follow .btn span{display: inline-block; position: relative; overflow: hidden; width: 9em; white-space: nowrap; text-indent: 0; -webkit-transition: all 800ms ease 0s; transition: all 800ms ease 0s;}
.btn1 strong,
.axdwords.t1 .btn strong,
.sCase-tail .dt .btn strong,
.sNews-view .view-follow .btn strong{display: inline-block; width: 9em; text-align: center; text-indent: 0;}
.btn1:hover span,
.axdwords.t1 .btn:hover span,
.sCase-tail .dt .btn:hover span,
.sNews-view .view-follow .btn:hover span{text-indent: -10em;}
.border444 .border,
.index-news-list .item .border{position: absolute; background-color: #ff9702;}
.border444 .border.b_t,
.index-news-list .item .border.b_t{left: 0%; right: 100%; top: -1px; height: 1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444 .border.b_r,
.index-news-list .item .border.b_r{top: 0%; bottom: 100%; right: -1px; width: 1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444 .border.b_b,
.index-news-list .item .border.b_b{left: 0%; right: 100%; bottom: -1px; height: 1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444 .border.b_l,
.index-news-list .item .border.b_l{top: 0%; bottom: 100%; left: -1px; width: 1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444:hover .b_t,
.index-news-list .item:hover .b_t{left: -1px; right: -1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444:hover .b_r,
.index-news-list .item:hover .b_r{top: -1px; bottom: -1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444:hover .b_b,
.index-news-list .item:hover .b_b{left: -1px; right: -1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.border444:hover .b_l,
.index-news-list .item:hover .b_l{top: -1px; bottom: -1px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.axdwords{position: relative; overflow: hidden;}
.axdwords.t1{padding: 16px 3.64583333%; color: #fff; background-color: #ff9702; font-size: 34px; line-height: 42px;}
.axdwords.t1 .btn{float: right; width: 204px; height: 42px; background-color: #fff; color: #ff9702; font-size: 16px;}
.axdwords.t1 .btn:hover{-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.32); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.32); -webkit-transform: translateX(-1%); transform: translateX(-1%);}
@media screen and (max-width: 1920px){.axdwords.t1{font-size: 30px;}
.fzjg {min-height:450px}
.fzjg li{width:47%;float:left;margin:20px 1.5%;background-color: #53b753;height:80px;line-height:80px;border-radius:0 27px 0 27px}
.fzjg li:hover{background-color: #39a739;}
.fzjg li a,.fzjg li:hover a {color:#fff;font-size:40px;font-weight:700;padding:0 20px}
.fzjg li a s {float:right;padding-right:20px}
.fzjg li:hover s {color:#fff600 }
}
@media screen and (max-width: 1400px){
.fzjg {min-height:350px}
.fzjg li{width:46%;float:left;margin:20px 2%;background-color: #53b753;height:60px;line-height:60px;border-radius:0 27px 0 27px}
.fzjg li:hover{background-color: #39a739;}
.fzjg li a,.fzjg li:hover a {color:#fff;font-size:36px;font-weight:700;padding:0 20px}
.fzjg li a s {float:right;padding-right:20px}
.fzjg li:hover s {color:#fff600;}
}
.casePic,
.index-case-list .item .pic,
.sCase-list .item .pic,
.sBusiness-relCases .body .item .pic{background-color: #f1f1f1;}
.casePic .contain,
.index-case-list .item .pic .contain,
.sCase-list .item .pic .contain,
.sBusiness-relCases .body .item .pic .contain{position: absolute; z-index: 10; width: 100%; text-align: center; color: #fff; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ top: 50%; -webkit-transform: translateY(-20%); transform: translateY(-20%);}
.casePic .contain .icoImg,
.index-case-list .item .pic .contain .icoImg,
.sCase-list .item .pic .contain .icoImg,
.sBusiness-relCases .body .item .pic .contain .icoImg{display: inline-block; position: relative; width: auto; height: 5em; max-width: 12em; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; pointer-events: auto !important;}
.casePic .contain h3,
.index-case-list .item .pic .contain h3,
.sCase-list .item .pic .contain h3,
.sBusiness-relCases .body .item .pic .contain h3{margin-top: .75em; margin-left: 2em; margin-right: 2em; margin-bottom: 1em; position: relative; line-height: 1.25; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.casePic .contain:after,
.index-case-list .item .pic .contain:after,
.sCase-list .item .pic .contain:after,
.sBusiness-relCases .body .item .pic .contain:after{content: " "; display: block; margin-left: auto; margin-right: auto; width: 38px; height: 38px; border-radius: 50%; border: #ffffff solid 1px; background-image: url(../images/arrow-pdtItem.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-transform: rotate(90deg) translateX(10px) scale(0.8); transform: rotate(90deg) translateX(10px) scale(0.8);}
.casePic:hover .contain,
.index-case-list .item .pic:hover .contain,
.sCase-list .item .pic:hover .contain,
.sBusiness-relCases .body .item .pic:hover .contain{-webkit-transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, -webkit-transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms; transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.casePic:hover .contain:after,
.index-case-list .item .pic:hover .contain:after,
.sCase-list .item .pic:hover .contain:after,
.sBusiness-relCases .body .item .pic:hover .contain:after{-webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); opacity: 1; -webkit-transition: opacity 300ms ease 340ms, -webkit-transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, -webkit-transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, transform 400ms ease 440ms; transition: opacity 300ms ease 340ms, transform 400ms ease 440ms, -webkit-transform 400ms ease 440ms;}
@media screen and (max-width: 1600px){.casePic .contain:after, .index-case-list .item .pic .contain:after, .sCase-list .item .pic .contain:after, .sBusiness-relCases .body .item .pic .contain:after{display: none;}}
.casePic:after,
.index-case-list .item .pic:after,
.sCase-list .item .pic:after,
.sBusiness-relCases .body .item .pic:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: rgba(18,18,18,.95); opacity: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; }
.casePic:hover:after,
.index-case-list .item .pic:hover:after,
.sCase-list .item .pic:hover:after,
.sBusiness-relCases .body .item .pic:hover:after{opacity: 1; -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%); clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);}
.casePic .css3,
.index-case-list .item .pic .css3,
.sCase-list .item .pic .css3,
.sBusiness-relCases .body .item .pic .css3{position: absolute; z-index: 9; left: 1em; top: 1em; right: 1em; bottom: 1em;}
.casePic .border,
.index-case-list .item .pic .border,
.sCase-list .item .pic .border,
.sBusiness-relCases .body .item .pic .border{position: absolute; z-index: 1; background-color: #ff9702;}
.casePic .border.b_t,
.index-case-list .item .pic .border.b_t,
.sCase-list .item .pic .border.b_t,
.sBusiness-relCases .body .item .pic .border.b_t{left: 0%; right: 100%; top: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic .border.b_r,
.index-case-list .item .pic .border.b_r,
.sCase-list .item .pic .border.b_r,
.sBusiness-relCases .body .item .pic .border.b_r{top: 0%; bottom: 100%; right: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic .border.b_b,
.index-case-list .item .pic .border.b_b,
.sCase-list .item .pic .border.b_b,
.sBusiness-relCases .body .item .pic .border.b_b{left: 0%; right: 100%; bottom: 0; height: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic .border.b_l,
.index-case-list .item .pic .border.b_l,
.sCase-list .item .pic .border.b_l,
.sBusiness-relCases .body .item .pic .border.b_l{top: 0%; bottom: 100%; left: 0; width: 1px; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic:hover .b_t,
.index-case-list .item .pic:hover .b_t,
.sCase-list .item .pic:hover .b_t,
.sBusiness-relCases .body .item .pic:hover .b_t{left: 0; right: 0; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic:hover .b_r,
.index-case-list .item .pic:hover .b_r,
.sCase-list .item .pic:hover .b_r,
.sBusiness-relCases .body .item .pic:hover .b_r{top: 1em; bottom: 1em; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic:hover .b_b,
.index-case-list .item .pic:hover .b_b,
.sCase-list .item .pic:hover .b_b,
.sBusiness-relCases .body .item .pic:hover .b_b{left: 0; right: 0; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic:hover .b_l,
.index-case-list .item .pic:hover .b_l,
.sCase-list .item .pic:hover .b_l,
.sBusiness-relCases .body .item .pic:hover .b_l{top: 1em; bottom: 1em; -webkit-transition: all 340ms linear 150ms; transition: all 340ms linear 150ms;}
.casePic.imgLoaded,
.index-case-list .item .pic.imgLoaded,
.sCase-list .item .pic.imgLoaded,
.sBusiness-relCases .body .item .pic.imgLoaded{background-color: #eee;}
.fullSubBanner .contain,
.sCase .subpage-banner .contain,
.sBusiness .subpage-banner .contain{position: absolute; left: 0; width: 48%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 6.25%; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;}
.fullSubBanner .dt,
.sCase .subpage-banner .dt,
.sBusiness .subpage-banner .dt{line-height: 1.11111111;}
.fullSubBanner .dt p:nth-child(1n+2),
.sCase .subpage-banner .dt p:nth-child(1n+2),
.sBusiness .subpage-banner .dt p:nth-child(1n+2){margin-top: 10px;}
.fullSubBanner .hr,
.sCase .subpage-banner .hr,
.sBusiness .subpage-banner .hr{margin-left: 5px; margin-top: 24px; width: 52px; height: 3px; background:#ff9702 /* background-image: url(../images/bgt-firItem.png); background-size: auto; background-position: 0% 50%; background-repeat: no-repeat; */}
.fullSubBanner .hr,
.sCase .subpage-banner .hr,
.sBusiness .subpage-banner .hr{-webkit-animation-name: bgSlideH; animation-name: bgSlideH; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
/* 相册弹窗 */
#albumWindow{position: fixed; left: 0; top: 50%; right: 0; bottom: 50%; z-index: 9991; background-color: #fff; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
.no-supports #albumWindow{-webkit-transform: none !important; transform: none !important;}
#albumWindow.visible{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; top: 0; bottom: 0;}
#albumWindow .close.btn{position: absolute; z-index: 3; right: 0; top: 0; width: 56px; height: 56px; text-align: center; line-height: 56px; font-size: 30px; color: #fff; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; background-color: #ff9702;}
#albumWindow .ablumName{position: absolute; color: #333; font-size: 16px; top: -56px; line-height: 56px; left: 0;}
#albumWindow .serialNum{position: absolute; left: 0; right: 0; text-align: center; font-size: 22px; color: #999; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑";}
#albumWindow .serialNum s{color: #777;}
#albumWindow .contain{position: absolute; z-index: 1; left: 56px; right: 56px; top: 56px; bottom: 26px; background-color: #f1f1f1;}
#albumWindow .contain .list0{position: absolute; left: 0; top: 0; width: 300%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff;}
#albumWindow .contain .item{float: left; position: relative; width: 1200px; height: 100%; text-align: center;}
#albumWindow .contain .item .img{width: 100%; overflow-x: hidden; overflow-y: auto; padding-bottom: 0 !important; margin-bottom: 48px !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 5px !important;}
#albumWindow .contain .item .img img{height: auto !important; max-height: none !important;}
#albumWindow .contain .item h3{position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #666; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
#albumWindow .contain .item.on h3{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
#albumWindow .contain .tips{width: 100%; text-align: center; color: #aaa; font-size: 12px;}
#albumWindow .ctr{position: absolute; top: 50%; margin-top: -70px; width: 50px; height: 140px; background-color: #f4f4f4; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; opacity: .8; line-height: 140px; color: #ff9702; text-align: center;}
#albumWindow .ctr s{color: #ff9702; font-size: 42px; font-weight: bold;}
#albumWindow .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;}
#albumWindow .ctr:hover{color: #ff9702;}
.ysqUEO #albumWindow .ctr s{overflow: hidden; text-indent: 100%;}
.ysqUEO #albumWindow .ctr s:before,
.ysqUEO #albumWindow .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 21px; height: 2px; background-color: #ff9702; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO #albumWindow .ctr:hover s:before,
.ysqUEO #albumWindow .ctr:hover s:after{background-color: #ff9702;}
.ysqUEO #albumWindow .ctr.prev s:before,
.ysqUEO #albumWindow .ctr.prev s:after{margin-left: -8.5px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO #albumWindow .ctr.prev s:before{-webkit-transform: rotate(-36deg) translateX(-1px); transform: rotate(-36deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.prev s:after{-webkit-transform: rotate(36deg) translateX(-1px); transform: rotate(36deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-1px); transform: rotate(-42deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-1px); transform: rotate(42deg) translateX(-1px);}
.ysqUEO #albumWindow .ctr.next s:before,
.ysqUEO #albumWindow .ctr.next s:after{margin-left: -12.5px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO #albumWindow .ctr.next s:before{-webkit-transform: rotate(-36deg) translateX(1px); transform: rotate(-36deg) translateX(1px);}
.ysqUEO #albumWindow .ctr.next s:after{-webkit-transform: rotate(36deg) translateX(1px); transform: rotate(36deg) translateX(1px);}
.ysqUEO #albumWindow .ctr.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(1px); transform: rotate(-42deg) translateX(1px);}
.ysqUEO #albumWindow .ctr.next:hover s:after{-webkit-transform: rotate(42deg) translateX(1px); transform: rotate(42deg) translateX(1px);}
#albumWindow .ctr.prev{left: 0;}
#albumWindow .ctr.next{right: 0;}
#albumWindow .ctr.reject{display: none;}
#albumWindow .ctr:active{opacity: 1;}
#albumWindow .ctr:hover{background-color: #f5f5f5;}
.formItem{position: relative;}
.formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.formItem .skin::-webkit-input-placeholder{color: #999999;}
.formItem .skin:-moz-placeholder{color: #999999;}
.formItem .skin::-moz-placeholder{color: #999999;}
.formItem .skin:-ms-input-placeholder{color: #999999;}
.formItem .skin._focus{border-color: #ff9702 !important; -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.15);}
.formItem.red .skin{color: #f00 ; border-color: #f00 ;}
.formItem.red .skin::-webkit-input-placeholder{color: #ff0000;}
.formItem.red .skin:-moz-placeholder{color: #ff0000;}
.formItem.red .skin::-moz-placeholder{color: #ff0000;}
.formItem.red .skin:-ms-input-placeholder{color: #ff0000;}
.vd-box{position: relative; overflow: hidden;}
.vd-box .pic,
.vd-box .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.vd-box .play{z-index: 2; background-color: rgba(0, 0, 0, 0.75); background-image: url(../images/ico-play.png); background-size: 3.5rem 3.5rem; background-position: 50% 50%; background-repeat: no-repeat;}
.vd-box .video{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: #000;}
/* 组件 */
.ysqUEO .hbg .zd{-webkit-transform: scale(1.5); transform: scale(1.5);}
.ysqUEO .hbg:hover .zd,
.ysqUEO .hbg.hbgOn .zd{-webkit-transform: scale(1); transform: scale(1);}
.ysqUEO .scs.hbgOn img,
.ysqUEO .scst.hbgOn img,
.ysqUEO .scs:hover img,
.ysqUEO .scst:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.ysqUEO .scs img{-webkit-transition-duration: 800ms; transition-duration: 800ms;}
.ysqUEO .scst img{-webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.ysqUEO .tfy3,
.ysqUEO .tfx3,
.ysqUEO .tfy-3,
.ysqUEO .tfx-3{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.ysqUEO .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.ysqUEO .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.ysqUEO .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.ysqUEO .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.ysqUEO .stereoUp{-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO .stereoUp:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.hbg .op0{visibility: hidden; /* *visibility: visible; */ -webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s;}
.hbg:hover .op0,
.hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{-webkit-transition: all 250ms ease 0ms, all 220ms ease 0s, all 220ms ease 0s; transition: all 250ms ease 0ms, all 220ms ease 0s, all 220ms ease 0s; opacity: 0; filter: alpha(opacity=0); *zoom: 1; /* *visibility: visible; */ visibility: hidden; /* *visibility: visible; */}
/* keyframes use */
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
@keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
.zoomIns{-webkit-animation-name: zoomIns; animation-name: zoomIns;}
.AnflashOver{position: relative; overflow: hidden; -webkit-animation-duration: 333ms; animation-duration: 333ms;}
.AnflashOver:before{-webkit-animation-name: AnflashOver; animation-name: AnflashOver; -webkit-animation-duration: 333ms; animation-duration: 333ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));}
@-webkit-keyframes AnflashOver{0%{-webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px);} to{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px);}}
@keyframes AnflashOver{0%{-webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px);} to{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px);}}
@-webkit-keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;}
@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
@keyframes AniShiny{0%{opacity: 0;} to{opacity: 1;}}
.AniShiny{-webkit-animation-name: AniShiny; animation-name: AniShiny;}
@-webkit-keyframes bgSlideH{0%{background-position: 0 center;} 100%{background-position: 100% center;}}
@keyframes bgSlideH{0%{background-position: 0 center;} 100%{background-position: 100% center;}}
.bgSlideH{-webkit-animation-name: bgSlideH; animation-name: bgSlideH;}
@-webkit-keyframes breathX{0%, to{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 25%{-webkit-transform: scale(0.85); transform: scale(0.85); opacity: .6;} 50%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 75%{-webkit-transform: scale(1.15); transform: scale(1.15); opacity: .7;}}
@keyframes breathX{0%, to{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 25%{-webkit-transform: scale(0.85); transform: scale(0.85); opacity: .6;} 50%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 75%{-webkit-transform: scale(1.15); transform: scale(1.15); opacity: .7;}}
.breathX{-webkit-animation-name: breathX; animation-name: breathX;}
@-webkit-keyframes fadeIn{0%{opacity: 0;} to{opacity: 1;}}
@keyframes fadeIn{0%{opacity: 0;} to{opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes updown2dot{0%, 100%{-webkit-transform: none !important; transform: none !important;} 25%{-webkit-transform: translate(0, 200%); transform: translate(0, 200%);} 50%{-webkit-transform: translate(-200%, 200%); transform: translate(-200%, 200%);} 75%{-webkit-transform: translate(-200%, 0); transform: translate(-200%, 0);}}
@keyframes updown2dot{0%, 100%{-webkit-transform: none !important; transform: none !important;} 25%{-webkit-transform: translate(0, 200%); transform: translate(0, 200%);} 50%{-webkit-transform: translate(-200%, 200%); transform: translate(-200%, 200%);} 75%{-webkit-transform: translate(-200%, 0); transform: translate(-200%, 0);}}
.updown2dot{-webkit-animation-name: updown2dot; animation-name: updown2dot;}
.abtnSc{position: relative; overflow: hidden; z-index: 1;}
.abtnSc:after{z-index: -1; content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin-left: -120px; margin-top: -120px; border-width: 120px; border-color: #fff; border-style: dashed; width: 0; height: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.1; filter: alpha(opacity=10); *zoom: 1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0.1); transform: scale(0.1); pointer-events: none;}
.abtnSc:hover:after{-webkit-transition: all 350ms ease-in 0ms; transition: all 350ms ease-in 0ms; opacity: 0.15; filter: alpha(opacity=15); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.abtnBg{position: relative; overflow: hidden; z-index: 0;}
.abtnBg:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0);}
.abtnBg:hover:after{background-color: rgba(0, 0, 0, 0.08);}
.abtnMask{position: relative; overflow: hidden; z-index: 0;}
.abtnMask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0);}
.abtnMask:hover:after{background-color: rgba(0, 0, 0, 0.08);}
.abtnMask:after{z-index: 7 !important;}
.abtnBd{position: relative; overflow: hidden; z-index: 0;}
.abtnBd:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border: 0 solid rgba(0, 0, 0, 0.08); border-radius: inherit; opacity: 1;}
.abtnBd:hover:after{border-width: 30px; opacity: 1; filter: alpha(opacity=100);}
.abtnBT{position: relative; overflow: hidden; z-index: 0;}
.abtnBT:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.08); -webkit-transform: translateY(100%); transform: translateY(100%);}
.abtnBT:hover:after{-webkit-transform: none !important; transform: none !important;}
.abtnLR{position: relative; overflow: hidden; z-index: 0;}
.abtnLR:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.08); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.abtnLR:hover:after{-webkit-transform: none !important; transform: none !important;}
.fzx108{font-size: 108px;}
.fzx138{font-size: 138px;}
@media screen and (max-width: 1440px){.fzx138{font-size: 102px;}}
@media screen and (max-width: 1280px){.fzx138{font-size: 90px;}}
.fzx92{font-size: 92px;}
@media screen and (max-width: 1440px){.fzx92{font-size: 72px;}}
@media screen and (max-width: 1280px){.fzx92{font-size: 66px;}}
.fzx72{font-size: 72px;}
@media screen and (max-width: 1440px){.fzx72{font-size: 58px;}}
@media screen and (max-width: 1280px){.fzx72{font-size: 48px;}}
.fzx64,
.sAbout-section4 .head,
.sBusiness-ec .sBusiness-introduction .foot .col .numCountUp{font-size: 64px;}
@media screen and (max-width: 1440px){.fzx64, .sAbout-section4 .head, .sBusiness-ec .sBusiness-introduction .foot .col .numCountUp{font-size: 50px;}}
@media screen and (max-width: 1280px){.fzx64, .sAbout-section4 .head, .sBusiness-ec .sBusiness-introduction .foot .col .numCountUp{font-size: 36px;}}
.fzx56,
.sAbout-head .en{font-size: 56px;}
@media screen and (max-width: 1440px){.fzx56, .sAbout-head .en{font-size: 44px;}}
@media screen and (max-width: 1280px){.fzx56, .sAbout-head .en{font-size: 34px;}}
.fzx48,
.index-head .dt,
.index-head .dot7x7,
.sCase-tail .dt h2,
.sCase-view-section2 .head .cn,
.sContact-head .en,
.sContact-head .cn,
.sBusiness-ec .sBusiness-introduction .foot .col .p1,
.sBusiness-mobile .sBusiness-service .item .dt,
.sBusiness-sem .sBusiness-service .dt,
.sBusiness-sem .sBusiness-service .list .col{font-size: 48px;}
@media screen and (max-width: 1440px){.fzx48, .index-head .dt, .index-head .dot7x7, .sCase-tail .dt h2, .sCase-view-section2 .head .cn, .sContact-head .en, .sContact-head .cn, .sBusiness-ec .sBusiness-introduction .foot .col .p1, .sBusiness-mobile .sBusiness-service .item .dt, .sBusiness-sem .sBusiness-service .dt, .sBusiness-sem .sBusiness-service .list .col{font-size: 38px;}}
@media screen and (max-width: 1280px){.fzx48, .index-head .dt, .index-head .dot7x7, .sCase-tail .dt h2, .sCase-view-section2 .head .cn, .sContact-head .en, .sContact-head .cn, .sBusiness-ec .sBusiness-introduction .foot .col .p1, .sBusiness-mobile .sBusiness-service .item .dt, .sBusiness-sem .sBusiness-service .dt, .sBusiness-sem .sBusiness-service .list .col{font-size: 32px;}}
.fzx40,
.index-about .right .slogan,
.sComments-description .en,
.sBusiness-section .head .en,
.sBusiness-website .sBusiness-introduction .foot .col .cn{font-size: 40px;}
@media screen and (max-width: 1440px){.fzx40, .index-about .right .slogan, .sComments-description .en, .sBusiness-section .head .en, .sBusiness-website .sBusiness-introduction .foot .col .cn{font-size: 34px;}}
@media screen and (max-width: 1280px){.fzx40, .index-about .right .slogan, .sComments-description .en, .sBusiness-section .head .en, .sBusiness-website .sBusiness-introduction .foot .col .cn{font-size: 30px;}}
.fzx36,
.fMessageBoard .dt,
.sCase-tail .dd .link .contain,
.sCase-view-section1 h1,
.sMessageBoard-section2 .line,
.sBusiness-fullpage .item .description .dt,
.sBusiness-operation .sBusiness-service .body .dt{font-size: 40px;}
@media screen and (max-width: 1440px){.fzx36, .fMessageBoard .dt, .sCase-tail .dd .link .contain, .sCase-view-section1 h1, .sMessageBoard-section2 .line, .sBusiness-fullpage .item .description .dt, .sBusiness-operation .sBusiness-service .body .dt{font-size: 34px;}}
@media screen and (max-width: 1280px){.fzx36, .fMessageBoard .dt, .sCase-tail .dd .link .contain, .sCase-view-section1 h1, .sMessageBoard-section2 .line, .sBusiness-fullpage .item .description .dt, .sBusiness-operation .sBusiness-service .body .dt{font-size: 30px;}}
.fzx32,
.sNews-view .yun-seo .tag1,
.sNews-view .yun-seo .tag3,
.sBusiness-mobile .sBusiness-service .item .dd,
.sBusiness-sem .sBusiness-service .list .col h4{font-size: 32px;}
@media screen and (max-width: 1440px){.fzx32, .sNews-view .yun-seo .tag1, .sNews-view .yun-seo .tag3, .sBusiness-mobile .sBusiness-service .item .dd, .sBusiness-sem .sBusiness-service .list .col h4{font-size: 26px;}}
@media screen and (max-width: 1280px){.fzx32, .sNews-view .yun-seo .tag1, .sNews-view .yun-seo .tag3, .sBusiness-mobile .sBusiness-service .item .dd, .sBusiness-sem .sBusiness-service .list .col h4{font-size: 24px;}}
.fzx28,
.fContact .left .ds,
.sCase-tail .dt .btn,
.sContact-section2 .inner .dt,
.sComments-section .dt,
.sAbout-section4 .body .item .dt,
.sBusiness-relCases .foot,
.sBusiness-ec .sBusiness-service .body .item .dt{font-size: 28px;}
@media screen and (max-width: 1440px){.fzx28, .fContact .left .ds, .sCase-tail .dt .btn, .sContact-section2 .inner .dt, .sComments-section .dt, .sAbout-section4 .body .item .dt, .sBusiness-relCases .foot, .sBusiness-ec .sBusiness-service .body .item .dt{font-size: 22px;}}
@media screen and (max-width: 1280px){.fzx28, .fContact .left .ds, .sCase-tail .dt .btn, .sContact-section2 .inner .dt, .sComments-section .dt, .sAbout-section4 .body .item .dt, .sBusiness-relCases .foot, .sBusiness-ec .sBusiness-service .body .item .dt{font-size: 20px;}}
.fzx24,
.fContact .left .dt,
.fContact .right .dt,
.sCase .subpage-banner .dd .p1,
.sCase-view-section1 .outerLink,
.sCase-view-section1 .btns,
.sCase-view-section2 .foot .ctr,
.sCase-view-section2 .foot .link,
.sNews-view .yun-seo .tag4,
.sContact-head .btn,
.sComments-description .cn,
.sAbout-head .cn,
.sMessageBoard-section2 .enter,
.sBusiness .subpage-banner .dd .p1,
.sBusiness-section .head .cn,
.sBusiness-ec .sBusiness-introduction .foot .col .p2,
.sBusiness-mobile .sBusiness-service .item .df,
.sBusiness-seo .sBusiness-service .body .item .dt,
.sBusiness-sem .sBusiness-service .dd,
.sBusiness-operation .sBusiness-axdvantage .body .dt{font-size: 24px;}
@media screen and (max-width: 1440px){.fzx24, .fContact .left .dt, .fContact .right .dt, .sCase .subpage-banner .dd .p1, .sCase-view-section1 .outerLink, .sCase-view-section1 .btns, .sCase-view-section2 .foot .ctr, .sCase-view-section2 .foot .link, .sNews-view .yun-seo .tag4, .sContact-head .btn, .sComments-description .cn, .sAbout-head .cn, .sMessageBoard-section2 .enter, .sBusiness .subpage-banner .dd .p1, .sBusiness-section .head .cn, .sBusiness-ec .sBusiness-introduction .foot .col .p2, .sBusiness-mobile .sBusiness-service .item .df, .sBusiness-seo .sBusiness-service .body .item .dt, .sBusiness-sem .sBusiness-service .dd, .sBusiness-operation .sBusiness-axdvantage .body .dt{font-size: 20px;}}
@media screen and (max-width: 1280px){.fzx24, .fContact .left .dt, .fContact .right .dt, .sCase .subpage-banner .dd .p1, .sCase-view-section1 .outerLink, .sCase-view-section1 .btns, .sCase-view-section2 .foot .ctr, .sCase-view-section2 .foot .link, .sNews-view .yun-seo .tag4, .sContact-head .btn, .sComments-description .cn, .sAbout-head .cn, .sMessageBoard-section2 .enter, .sBusiness .subpage-banner .dd .p1, .sBusiness-section .head .cn, .sBusiness-ec .sBusiness-introduction .foot .col .p2, .sBusiness-mobile .sBusiness-service .item .df, .sBusiness-seo .sBusiness-service .body .item .dt, .sBusiness-sem .sBusiness-service .dd, .sBusiness-operation .sBusiness-axdvantage .body .dt{font-size: 18px;}}
.fzx20,
.casePic,
.sNews-view .yun-seo .tag2,
.sNews-view .yun-seo .tag5,
.sBusiness-website .sBusiness-service .body .item .dt,
.sBusiness-seo-item7 .body .itemPackage .contain .cn,
.index-case-list .item .pic,
.sCase-list .item .pic,
.sBusiness-relCases .body .item .pic{font-size: 20px;}
@media screen and (max-width: 1440px){.fzx20, .casePic, .sNews-view .yun-seo .tag2, .sNews-view .yun-seo .tag5, .sBusiness-website .sBusiness-service .body .item .dt, .sBusiness-seo-item7 .body .itemPackage .contain .cn, .index-case-list .item .pic, .sCase-list .item .pic, .sBusiness-relCases .body .item .pic{font-size: 18px;}}
@media screen and (max-width: 1280px){.fzx20, .casePic, .sNews-view .yun-seo .tag2, .sNews-view .yun-seo .tag5, .sBusiness-website .sBusiness-service .body .item .dt, .sBusiness-seo-item7 .body .itemPackage .contain .cn, .index-case-list .item .pic, .sCase-list .item .pic, .sBusiness-relCases .body .item .pic{font-size: 16px;}}
.fzx18,
.index-head .dd,
.index-head .hr,
.footer .aptitude,
.sContact-section2 .inner .dd,
.sComments-description .dd,
.sAbout-section2,
.sMessageBoard-section1 .formItem .checkbox,
.sBusiness-introduction .body,
.sBusiness-sem-cases .dd,
.sBusiness-operation .sBusiness-service .body .dd,
.sBusiness-operation .sBusiness-axdvantage .body .dd{font-size: 18px;}
@media screen and (max-width: 1440px){.fzx18, .index-head .dd, .index-head .hr, .footer .aptitude, .sContact-section2 .inner .dd, .sComments-description .dd, .sAbout-section2, .sMessageBoard-section1 .formItem .checkbox, .sBusiness-introduction .body, .sBusiness-sem-cases .dd, .sBusiness-operation .sBusiness-service .body .dd, .sBusiness-operation .sBusiness-axdvantage .body .dd{font-size: 16px;}}
@media screen and (max-width: 1280px){.fzx18, .index-head .dd, .index-head .hr, .footer .aptitude, .sContact-section2 .inner .dd, .sComments-description .dd, .sAbout-section2, .sMessageBoard-section1 .formItem .checkbox, .sBusiness-introduction .body, .sBusiness-sem-cases .dd, .sBusiness-operation .sBusiness-service .body .dd, .sBusiness-operation .sBusiness-axdvantage .body .dd{font-size: 15px;}}
.fzx16,
.more1,
.modal-nav .right .tail .dt,
.index-about .left .ds,
.index-about .right .keywords,
.index-news-switch .item p,
.fMessageBoard .ds,
.fContact .left .dd,
.fContact .right .dd,
.sCase-view-section1 .imax,
.sNews-hotnews .item h3,
.sNews-view .relative-news .list .item h3,
.sComments-section .dd .item.q34 h3,
.sAbout-head .aside,
.sAbout-section1 .description,
.sAbout-section4 .body .item .dd,
.sBusiness-fullpage .item .description .df .col,
.sBusiness-fullpage .ctrBox .pagination .btn,
.sBusiness .subpage-banner .dd .p2,
.sBusiness-website .sBusiness-introduction .foot .col .en,
.sBusiness-website .sBusiness-service .body .item .dd,
.sBusiness-ec .sBusiness-service .body .item .dd,
.sBusiness-seo-item7 .body .itemPackage .contain .info{font-size: 16px;}
@media screen and (max-width: 1440px){.fzx16, .more1, .modal-nav .right .tail .dt, .index-about .left .ds, .index-about .right .keywords, .index-news-switch .item p, .fMessageBoard .ds, .fContact .left .dd, .fContact .right .dd, .sCase-view-section1 .imax, .sNews-hotnews .item h3, .sNews-view .relative-news .list .item h3, .sComments-section .dd .item.q34 h3, .sAbout-head .aside, .sAbout-section1 .description, .sAbout-section4 .body .item .dd, .sBusiness-fullpage .item .description .df .col, .sBusiness-fullpage .ctrBox .pagination .btn, .sBusiness .subpage-banner .dd .p2, .sBusiness-website .sBusiness-introduction .foot .col .en, .sBusiness-website .sBusiness-service .body .item .dd, .sBusiness-ec .sBusiness-service .body .item .dd, .sBusiness-seo-item7 .body .itemPackage .contain .info{font-size: 14px;}}
.lh2,
.sAbout-head .aside,
.sAbout-section1 .description,
.sAbout-section2,
.sBusiness-fullpage .item .description .dd,
.sBusiness-introduction .body,
.sBusiness-seo .sBusiness-service .body .item .dd,
.sBusiness-seo-item7 .body .itemPackage .contain .info{line-height: 2;}
@media screen and (max-width: 1440px){.lh2, .sAbout-head .aside, .sAbout-section1 .description, .sAbout-section2, .sBusiness-fullpage .item .description .dd, .sBusiness-introduction .body, .sBusiness-seo .sBusiness-service .body .item .dd, .sBusiness-seo-item7 .body .itemPackage .contain .info{line-height: 1.5;}}
.ptHeader,
.fullSubBanner,
.sMessageBoard-section1 .dt,
.sCase .subpage-banner,
.sBusiness .subpage-banner{padding-top: 130px;}
@media screen and (max-width: 1440px){.ptHeader, .fullSubBanner, .sMessageBoard-section1 .dt, .sCase .subpage-banner, .sBusiness .subpage-banner{padding-top: 118px;}}
.container,
.w{-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 3.64583333%;}
@media screen and (min-width: 1025px){.pc-hide{display: none !important;}}
@media screen and (max-width: 1024px){.m-hide{display: none !important;}}
/* 自定义响应结构 */
/* ysq _ ROW | TR */
.ysqTr,
.ysqRow{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ysqTr > .ceil,
.ysqRow > .col{position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: transform 250ms,background 250ms,color 250ms; transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ysqTr > .ceil3{width: 33.333%;}
.ysqTr > .ceil4{width: 25%;}
.ysqRow > .col3{width: 32%; margin-left: 2%;}
.ysqRow > .col3:nth-child(3n+1){margin-left: 0;}
.ysqRow > .col3:nth-child(1n+4){margin-top: 2.5%;}
.ysqRow > .col4{width: 23.5%; margin-left: 2%;}
.ysqRow > .col4:nth-child(4n+1){margin-left: 0;}
.ysqRow > .col4:nth-child(1n+5){margin-top: 2.5%;}
@media screen and (min-width: 1441px){.ysqRow > .col5{width: 18.4%; margin-left: 2%;} .ysqRow > .col5:nth-child(5n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+6){margin-top: 2%;}}
@media screen and (max-width: 1440px){.ysqRow > .col5{width: 23.5%; margin-left: 2%;} .ysqRow > .col5:nth-child(4n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+5){margin-top: 2%;}}
/* 滚动加载 */
.scrollAjax #loadState{position: relative; width: 100%; height: 40px; margin: 2.24719101% auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #ff9702; color: #fff; font-size: 16px;}
.scrollAjax #loadState.off{background-color: #ddd; color: #333; cursor: default; cursor: not-allowed;}
.scrollAjax #loadState.ing:after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
.scrollAjax #loadState.retry{overflow: hidden; background-color: #000000; cursor: pointer;}
.scrollAjax #loadState.retry:before{content: ""; position: absolute; overflow: hidden; width: 320px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-389px); transform: skewX(-25deg) translateX(-389px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.scrollAjax #loadState.retry:hover:before{left: 100%; -webkit-transform: skewX(-25deg) translateX(389px); transform: skewX(-25deg) translateX(389px); top: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.scrollAjax .pageList{display: none;}
/* 模态窗 */
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; max-width: 80%; width: 400px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ; max-width: 90%;}
.TAlert .contain .Tclose{position: absolute; top: 2px; right: 2px; width: 30px; height: 30px; padding: 5px; color: #666; font: bold 16px/30px "黑体"; cursor: pointer; text-align: center;}
.TAlert .contain .head{padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;}
.TAlert .contain .body{padding: 15px; font-size: 14px; background-color: #fff; color: #444;}
.TAlert .contain .foot{position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px;}
.TAlert .contain .foot .btn{overflow: hidden; z-index: 0; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px;}
.TAlert .contain .foot .btn:before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.TAlert .contain .foot .btn:hover:before{background-color: rgba(0, 0, 0, 0.1);}
.TAlert .contain .foot .btn.enter{left: 0; background-color: #ff9702; color: #fff;}
.TAlert .contain .foot .btn.close{right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333;}
.TAlert .contain .foot .btn.w100{border-left: none;}
.ysqUEO .TAlert .contain{opacity: 0; -webkit-transition: all 330ms ease 0s; transition: all 330ms ease 0s; -webkit-transform: translateY(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);}
.ysqUEO .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
.pageListBox .pageList{margin-top: 3%; position: relative; overflow: hidden; height: 34px; line-height: 32px; font-size: 0; text-align: center;}
.pageListBox .pageList ul{position: relative; float: none !important;}
.pageListBox .pageList ul,
.pageListBox .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageListBox .pageList ul li{margin: 0 4px;font-size: 14px;}
.pageListBox .pageList ul .ctr a,
.pageListBox .pageList ul .start a,
.pageListBox .pageList ul .end a{font-weight: bold; font-size: 14px; font-family: "SimSun", "宋体" !important;}
.pageListBox .pageList a{display: block; border: #d8dce0 solid 1px;/*  width: 32px;  */height: 32px;padding:0 12px;  font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; border-radius: 3px; color: #999; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.pageListBox .pageList a:hover,
.pageListBox .pageList a.selected{color: #fff; background-color: #ff9702; border-color: #ff9702;}
.pageListBox .pageList a:active{border-color: #fff !important;}
.scroll-wrap.idx .header{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100);  visibility: hidden; /* *zoom: 1;*visibility: visible; */}
.scroll-wrap.idx._vv .header{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; /* opacity: 0.8; filter: alpha(opacity=80); */ visibility: visible;}
.scroll-wrap.sub .header{position: absolute;}
.scroll-wrap.sub.fixedNav .header{position: fixed;}
.header,
.firNavBox{height: 88px; line-height: 88px;}
@media screen and (max-width: 1440px){
.header, .firNavBox{height: 80px; line-height: 80px;}
.header{padding-top: 5px; padding-bottom: 5px; min-width: 1024px; position: fixed; left: 0; top: 0; width: 100%; z-index: 50; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
}
.header{padding-top: 5px; padding-bottom: 5px; min-width: 1024px; position: fixed; left: 0; top: 0; width: 100%; z-index: 50; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .contain{height: 100%; padding-left: 3.64583333%; padding-right: 3.64583333%;}
.header .logo{float: left; position: relative; z-index: 8; top: 50%; margin-top: -34px; height: 68px; /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */}
.header .logo img{position: absolute; left: 0; top: 0; display: block; height: 68px;/* width:225px; */opacity: 1; filter: alpha(opacity=100);}
.header .logo .back{z-index: 3 -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; ;/* opacity: 0; filter: alpha(opacity=0); visibility: visible; *zoom: 1;*/ visibility: hidden; }
.fixedNav .header{-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); background-color: rgba(255,255,255,1);/* opacity: 0.85; filter: alpha(opacity=85); */ padding-top: 0; padding-bottom: 0;}
.fixedNav .header .logo .back{-webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms;  opacity: 1; filter: alpha(opacity=100);  visibility: visible;}
.fixedNav .header .firNav .firItem:before{margin-top: 22px; width: 100%; height: 8px; background-image: url(../images/bgt-firItem.png); background-size: auto 8px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden;}
.fixedNav .header .firNav .link1{color: #222;}
.fixedNav .header .navbtn s{background-color: #ff9702;}
@media screen and (max-width: 1440px){.header .logo{margin-top: -28px; height: 68px;}}
@media screen and (max-width: 1280px){.header .firNav .firItem{margin-left: 10px; margin-right: 10px;}}
.firNavBox{position: absolute; z-index: 2; right: 3.64583333%; top: 0; left: 3.64583333%; height: 100%; padding-right: 132px;}
.firNavBox .firNav{float: right; position: relative; padding-right: 3.75vw; font-size: 0; white-space: nowrap; text-align: right;}
.firNavBox .firNav .firItem{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; margin-left: 10px; margin-right: 10px; margin-left: 1.25vw; margin-right: 1.25vw;}
.firNavBox .firNav .firItem:before,
 .firNavBox .firNav .firItem:after{content: " "; position: absolute; top: 45%; left: 0;} 
.firNavBox .firNav .firItem:before{margin-top: 22px; width: 100%; height: 8px; background-image: url(../images/bgt-firItem.png); background-size: auto 8px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
/*.firNavBox .firNav .firItem:after{left: 100%; margin-top: 25px; height: 2px; background-color: #faf108; width: 0; -webkit-transition: width 300ms,left 300ms; transition: width 300ms,left 300ms;}*/
.firNavBox .firNav .firItem.on .link1,.firNavBox .firNav .firItem:hover .link1{color: #ff9702;}
.firNavBox .firNav .firItem.on:before{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;margin-top: 22px; width: 100%; height: 8px; background-image: url(../images/bgt-firItem.png); background-size: auto 8px; background-position: 50% 50%; background-repeat: no-repeat; }
.firNavBox .firNav .firItem:hover:after{left: 0; width: 100%; -webkit-transition: width 300ms,left 0ms; transition: width 300ms,left 0ms;}
.firNavBox .firNav .firItem:first-child:before{width: 25px; left: 50%; margin-left: -12.5px;}
.firNavBox .firNav .link1{display: block; font-size: 18px; color: #fff;}
/* 二级栏目 */
.firNavBox .secNav {
  display: none;
} 
 .firNavBox .secNav {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    z-index: 30;
    font-size: 0;
    line-height: 0;
	cursor:hand;

  }
  .firNavBox .secNav .col {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;	
	text-align: left;
    background-color:rgba(240, 240, 240, .95);
    min-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .firNavBox .secNav  s {
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent rgba(240, 240, 240,.95);
	top:-20px;
	left:45%;
	position: absolute;text-align:center
	
}

  .firNavBox .secNav .secItem {
    position: relative;
    display: block;
    padding: 5px 15px;
	line-height: 50px;height:50px;cursor: pointer;
  }
  .firNavBox .secNav .secItem .link2 {
    color:#333 /* #121212 */;
  }
  .firNavBox .secNav .secItem:hover {
    background-color: rgba(255, 151, 2, .1);
  }
 .firNavBox .secNav .secItem:hover .link2 {color:#000}
  
    .firNavBox .firNav .firItem:hover .secNav {
    display: block;top:80px;
  }
  .firNavBox .secNav .secItem {
    display: inline-block;
    white-space: nowrap;
  }
/* 二级结束 */

.firNavBox .navbtn{z-index: 10; position: absolute; overflow: hidden; padding: 5px; width: 30px; height: 30px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; right: 1.875vw; top: 50%; margin-top: -20px; margin-right: 104px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.firNavBox .navbtn s{position: absolute; left: 5px; display: block; width: 30px; height: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease, left .3s ease, width .3s ease; transition: transform .3s ease, opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.firNavBox .navbtn .i1{top: 7px;}
.firNavBox .navbtn .i2{width: 18px; top: 50%; margin-top: -1.5px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.firNavBox .navbtn .i3{bottom: 7px;}
.firNavBox .navbtn:hover{background-color: rgba(0, 0, 0, 0.05);}
.firNavBox .navbtn:hover .i2{left: 21px; width: 14px !important; -webkit-animation-name: none; animation-name: none;}
.firNavBox .scheme{position: absolute; right: 0; top: 50%; margin-top: -21px; width: 104px; height: 42px; border-radius: 42px; line-height: 42px; text-align: center; color: #fff; background-color: #ff9702; font-size: 18px;}
@media screen and (max-width: 1440px){.firNavBox{padding-right: 116px;} .firNavBox .firNav .firItem{margin-left: 12px; margin-right: 12px; margin-left: 1.04166667vw; margin-right: 1.04166667vw;} .firNavBox .navbtn{margin-right: 88px;} .firNavBox .scheme{font-size: 14px; width: 88px; margin-top: -20px; height: 40px; line-height: 40px;}}
/* modal-nav */
.modal-nav{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; -webkit-transition: all 250ms ease 300ms; transition: all 250ms ease 300ms;  *zoom: 1; visibility: hidden; /* *visibility: visible; */ min-width: 1024px;}
.modal-nav .left,
.modal-nav .right{z-index: 1; position: absolute; top: 0; width: 50%; height: 100%; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.modal-nav .left{left: 0;   -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.modal-nav .logo{position: absolute; top: 50px; top: 4.62962963vh; left: 7.29166667%;}
.modal-nav .right{right: 0;   background-color: rgba(0, 0, 0, 0.5);  -webkit-transform: translateX(100%); transform: translateX(100%);}
.modal-nav .right .tail{position: absolute; left: 8.29166667%; right: 7.29166667%; bottom: 50px; bottom: 4.62962963vh; color: #fff;}
.modal-nav .right .tail .dt{margin-bottom: 1em;}
.modal-nav .right .tail .dd{line-height: 24px;}
.modal-nav .right .tail .dd .col{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 14px;}
.modal-nav .right .tail .dd .col:last-child{margin-right: 0;}
.modal-nav .right .tail .dd em{color: #fff;}
.modal-nav .right .tail .dd .btn{display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; width: 66px; text-align: center; color: #fff; background-color: #ff9702; border-radius: 20px; font-size: 12px; margin-left: 4px;}
.modal-nav .close{position: absolute; top: 50px; top: 4.62962963vh; right: 7.29166667%; height: 44px; line-height: 44px; color: #fff; font-size: 14px; text-transform: uppercase; padding-right: 40px;}
.modal-nav .close s{position: absolute; right: 0; top: 50%; margin-top: -15px; overflow: hidden; padding: 5px; width: 20px; height: 20px; -webkit-transition: all 1500ms ease 0s; transition: all 1500ms ease 0s;}
.modal-nav .close s:before,
.modal-nav .close s:after{content: " "; position: absolute; left: 5px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #fff; pointer-events: none;}
.modal-nav .close s:before{-webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 4px;}
.modal-nav .close s:after{-webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 4px;}
.modal-nav .close:hover s{-webkit-transform: rotate(720deg); transform: rotate(720deg);}
.modal-nav-list{position: absolute; left: 8.29166667%; right: 7.29166667%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #7f7f7f; margin-top: -4%;}
.modal-nav-list .item{position: relative;}
.modal-nav-list .item:nth-child(1n+2){margin-top: 6%; margin-top: 3.7037037vh;}
.modal-nav-list .item.on .link1,
.modal-nav-list .item:hover .link1{color: #ff9702;}
.modal-nav-list .item.on s,
.modal-nav-list .item:hover s{width: 5.20833333%; width: 2.60416667vw; background-color: #ff9702;}
.modal-nav-list .link{color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.modal-nav-list .dt .link1,
.modal-nav-list .dd{position: relative; padding-left: 6.25%; padding-left: 3.125vw; padding-right: 9.16666667%; padding-right: 4.58333333vw;}
.modal-nav-list .dt{position: relative; cursor: pointer;}
.modal-nav-list .dt i{position: absolute; left: 0; top: 50%; margin-top: -0.7em; height: 1em; font-size: 16px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; color: #fff; line-height: 1;padding:4px;background-color:#ff9702}
.modal-nav-list .dt .link1{display: block; font-size: 18px; line-height: 22px;}
.modal-nav-list .dt s{position: absolute; right: 0; top: 50%; margin-top: -1px; width: 2.08333333%; width: 1.04166667vw; height: 2px; background-color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.modal-nav-list .dd{display: none; margin-top: 2.5%; margin-top: 1.04166667vw; line-height: 20px; font-size: 14px;}
.modal-nav-list .dd .link2{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 1em; padding-top: 2px; padding-bottom: 0;}
.modal-nav-list .dd .link2:hover{color: #ff9702;}
.navShow .modal-nav{-webkit-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.navShow .modal-nav .left,
.navShow .modal-nav .right{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; opacity: 1;}
@media screen and (max-width: 1440px){.modal-nav-list .dt .link1{font-size: 16px;}}
/* floatRight */
.floatRight{position: fixed; z-index: 31; right: 2px; top: 150%; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.floatRight .item{display: block; position: relative; min-width: 38px; height: 38px; line-height: 38px; margin-bottom: 1px;}
.floatRight .item .stay{position: absolute; left: 0; top: 0; z-index: 2; width: 38px; height: 38px; line-height: 38px; background-color: #ff9702; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.floatRight .item .come{position: absolute; right: 38px; top: 0; min-width: 65px; text-align: left; color: #fff; -webkit-transform: translateX(-3px); transform: translateX(-3px);}
.floatRight .item .icoImg{width: 38px; height: 38px; display: block;}
.floatRight .item .qrcode{width: 120px; height: 120px; padding: 5px ; background-color: #ff9702; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);}
.floatRight .item .qrcode img {width: 100%;height: 100%;}
.floatRight .item:hover .stay{opacity: 1; background-color: #ff9702;}
.floatRight .item:hover .come{-webkit-transform: none !important; transform: none !important;}
.floatRight .item .write .hr{position: absolute; left: 12px; bottom: 9px; width: 16px; height: 1px; background-color: #fff; pointer-events: none;}
/* index */
.index-head{margin-bottom: 3.125%; text-align: center;}
.index-head{padding-top: 0%; padding-bottom: 2%;}
.index-head .dt{/* color: #444; */display: inline-block; position: relative; font-weight: bold;}
.index-head .dd{/* color: #9c9c9c; */margin-top: 1.25em; line-height: 20px;}
.index-head .hr{margin-left: auto; margin-right: auto; margin-top: 1em;}
.index-head .hang{position: absolute; left: 100%; bottom: 100%; margin-left: 20px; margin-left: 1.04166667vw; margin-bottom: -14px; width: 16px; height: 16px; border-radius: 20px; border: #5dae02 solid 2px; pointer-events: none;}
.menuName {width:100%;height: 86px; text-align:center;font-weight: bold;text-transform:uppercase; color:#f2f2f2;/*margin-left:5vw;position: absolute; right: 0;  top: 0; */}
.index-head .dot5x5{position: absolute; left: 100%; top: 0; margin-top: -10px; margin-left: 20px; margin-left: 1.04166667vw; width: 86px; height: 86px; background-image: url(../images/bgi-5x5Dot.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;pointer-events: none;}
.index-head .dot7x7{position: absolute; left: 100%; top: 0; margin-top: -24px; margin-left: -0.8em; width: 126px; height: 126px; background-image: url(../images/bgi-7x7Dot.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;}
.index-head .dot7x7:after{content: " "; position: absolute; top: 33px; right: -7px; width: 16px; height: 16px; border-radius: 20px; border: #77e077 solid 2px; -webkit-animation-name: updown2dot; animation-name: updown2dot; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(2); animation-timing-function: steps(2); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@media screen and (max-width: 1440px){.index-head .dot7x7{-webkit-transform: scale(0.8); transform: scale(0.8);}}
.index-firstScreen{z-index: 32; position: relative; overflow: hidden; width: 100%; height: 100; height: 100vh; background-color: #f2f2f2; min-height: 600px; /* banner */}
.index-firstScreen .tx-tit{z-index: 30;width:100%;position: absolute;color:#fff;font-size:16px;text-align:center;bottom:19%;}
.index-firstScreen:after{content: " "; z-index: 30; position: absolute; left: 50%; bottom: 13.125%; margin-left: -18px; width: 35px; height: 31px; background-image: url(../images/arrow-sbusinessDown2.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;}
.index-firstScreen .topBar{z-index: 22; position: absolute; left: 0; top: 0; width: 100%; padding-top: 0.78125vw; padding-bottom: 0.78125vw; min-width: 1024px;}
.index-firstScreen .topBar .firNavBox{position: relative; float: left;}
.index-firstScreen .topBar .firNavBox .navbtn:hover{background-color: rgba(255, 255, 255, 0.05);}
.index-firstScreen .rightBar{z-index:10;position:absolute;left:0;bottom:0;height:10vh;width:100%;padding-left:0;padding-right:0;background-color:rgba(0,0,0,.5);}
.index-firstScreen .rightBar .logobox{position:absolute; right:0; top:0; width:195%; height:0; padding-bottom:181.66666667%; background-color: #fff;}
.index-firstScreen .rightBar .column{position:absolute; left:0; bottom:0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* .index-firstScreen .rightBar .column .slogan{display: block; margin-left: auto; margin-right: auto; width: 1em; font-size: 14px; color: #999; line-height: 20px; text-align: right;} */
.index-firstScreen .rightBar .column .vr{position:relative; height:10vh;  /* border-top:rgba(255,255,255,.2) 1px solid;  */ margin-left:auto; margin-right:auto;width:100%;}
.index-firstScreen .rightBar .column .vr s{position:absolute; left:0; bottom:0; width:100%; height:0; background-color:rgba(18,18,18,.6);}
.index-firstScreen .rightBar .column .sNum{padding-bottom: 0.92592593vh; font-size: 20px; color: #fff; font-family: "Swiss721BT-BoldCondensed", Arial, sans-serif; text-align: center;}
.index-firstScreen .rightBar .column .sNum .sum{font-size: 42px;}
.index-firstScreen .rightBar .column .sNum .now{display: block; font-size: 48px; margin-top: 1.85185185vh; color: #ffffff;}
.index-firstScreen .rightBar .column .sNum .now .numPipe{display: inline-block; vertical-align: middle; position: relative; overflow: hidden; width: 0.5em; height: 1em;}
.index-firstScreen .rightBar .column .sNum .now .numAniE{position: absolute; left: 0; top: 0;}
.index-firstScreen .rightBar .column .sNum .now.AniRun .numAniE{-webkit-animation-play-state: running; animation-play-state: running;}
@media (max-height: 700px){.index-firstScreen .rightBar .column .vr{height: 4.62962963vh; margin-top: 1.85185185vh; margin-bottom: 1.85185185vh;}}
.index-firstScreen.AniStart .rightBar,
.index-firstScreen.AniStart .logobox,
.index-firstScreen.AniStart .column{-webkit-transition: all 0ms ease 0ms; transition: all 0ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.index-firstScreen.AniDid .rightBar,
.index-firstScreen.AniDid .logobox,
.index-firstScreen.AniDid .column,
.index-firstScreen.AniDid .pagination,
.index-firstScreen.AniDid .ctrbox{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.index-firstScreen.AniDid .rightBar{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 300ms; animation-delay: 300ms;}
.index-firstScreen.AniDid .logobox{-webkit-animation-name: zoomIns; animation-name: zoomIns; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-delay: 800ms; animation-delay: 800ms; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.index-firstScreen.AniDid .column{-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-delay: 700ms; animation-delay: 700ms;}
.index-firstScreen .banner{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.index-firstScreen .banner .item{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent;}
.index-firstScreen .banner .item img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: all 4000ms ease 0s; transition: all 4000ms ease 0s;}
/* 首页切图 */
.index-firstScreen .banner .item p	{font-size:64px;font-weight:600;letter-spacing:5px;z-index:23;position:relative;margin:380px auto;width:1000px;text-align:center;color:#fff;/* text-shadow:3px 2.5px 0 rgba(0,0,0,.4);  */}
.index-firstScreen .banner .item.on .contain{-webkit-transition: all 250ms ease 300ms; transition: all 250ms ease 300ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.index-firstScreen .banner .item.on .contain.t1{-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.index-firstScreen .banner .item.on .contain.t1 .hr{width: 16.25%; -webkit-transition: all 400ms ease 200ms; transition: all 400ms ease 200ms;}
.index-firstScreen .banner .item.come{z-index: 50 !important; -webkit-animation: clipSectorIn .7s linear ; animation: clipSectorIn .7s linear ;}
@-webkit-keyframes clipSectorIn{0%{-webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);} 55%{-webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%); clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);} 100%{-webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%); clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);}}
@keyframes clipSectorIn{0%{-webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);} 55%{-webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%); clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);} 100%{-webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%); clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);}}
.index-firstScreen .banner .item .video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; background-color: #000; pointer-events: none;}
.index-firstScreen .banner .item .video::-webkit-media-controls,
.index-firstScreen .banner .item .video::-moz-media-controls,
.index-firstScreen .banner .item .video::-webkit-media-controls-enclosure{display: none !important;}
.index-firstScreen .banner .item .video::-webkit-media-controls-panel,
.index-firstScreen .banner .item .video::-webkit-media-controls-panel-container,
.index-firstScreen .banner .item .video::-webkit-media-controls-start-playback-button{display: none !important; -webkit-appearance: none;}
.index-firstScreen .banner .contain{position: absolute; top: 50%; left: 4.64583333%; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translate(-88%, -50%); transform: translate(-88%, -50%);}
.index-firstScreen .banner .contain.t1{color: #fff;}
.index-firstScreen .banner .contain.t1 .en{font-size: 64px; font-family: "Neutraface2Display-Titling", Arial, sans-serif;}
.index-firstScreen .banner .contain.t1 .cn{margin-top: 20px; font-size: 45px;}
.index-firstScreen .banner .contain.t1 .hr{margin-top: 44px; width: 0; height: 4px; background-color: #ff9702; margin-left: 5px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.index-firstScreen .banner .pagination{z-index: 20; position: absolute; left: 4.64583333%; bottom: 4%; height: 20px; line-height: 20px; text-align: center; white-space: nowrap;}
.index-firstScreen .banner .pagination .btn{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 1; width: 20px; height: 20px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; border-radius: 50%; text-indent: 150%; *text-indent: 0; *font-size: 0; margin-right: 10px;}
.index-firstScreen .banner .pagination .btn:before,
.index-firstScreen .banner .pagination .btn:after{content: " "; position: absolute; left: 50%; top: 50%; border-radius: 50%;}
.index-firstScreen .banner .pagination .btn:before{width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background-color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.index-firstScreen .banner .pagination .btn:after{width: 0; height: 0; margin-left: 0; margin-top: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ background-color: rgba(255, 151, 2, 0.4);}
.index-firstScreen .banner .pagination .btn.on:before{background-color: #ff9702;}
.index-firstScreen .banner .pagination .btn.on:after{width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.2; filter: alpha(opacity=20); visibility: visible; -webkit-animation-name: AniShiny; animation-name: AniShiny; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: steps(2); animation-timing-function: steps(2); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.index-firstScreen .banner .ctrbox{z-index: 25; position: absolute; right: 4.6875%; bottom: 4%; white-space: nowrap; font-size: 0; line-height: 26px;}
.index-firstScreen .banner .ctrbox > s{display: inline-block; vertical-align: middle; font-size: 50px;color:#fff; margin-left: 30px; margin-right: 30px; margin-left: 1.875vw; margin-right: 1.875vw; }
.index-firstScreen .banner .ctrbox .ctr{position: relative; vertical-align: top; display: inline-block; vertical-align: middle; width: 20px; height: 26px; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s;   text-align: center;}
.index-firstScreen .banner .ctrbox .ctr s{color: #fff; font-size: 50px; font-weight: bold;}
.index-firstScreen .banner .ctrbox .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;}
.index-firstScreen .banner .ctrbox .ctr:hover{color: #ff9702;}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr s{overflow: hidden; text-indent: 100%;}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr s:before,
.ysqUEO .index-firstScreen .banner .ctrbox .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background-color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr:hover s:before,
.ysqUEO .index-firstScreen .banner .ctrbox .ctr:hover s:after{background-color: #ff9702;}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.prev s:before,
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.prev s:before{-webkit-transform: rotate(-40deg) translateX(-0.5px); transform: rotate(-40deg) translateX(-0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.prev s:after{-webkit-transform: rotate(40deg) translateX(-0.5px); transform: rotate(40deg) translateX(-0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translateX(-0.5px); transform: rotate(-45deg) translateX(-0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translateX(-0.5px); transform: rotate(45deg) translateX(-0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.next s:before,
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.next s:after{margin-left: -8px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.next s:before{-webkit-transform: rotate(-40deg) translateX(0.5px); transform: rotate(-40deg) translateX(0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.next s:after{-webkit-transform: rotate(40deg) translateX(0.5px); transform: rotate(40deg) translateX(0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translateX(0.5px); transform: rotate(-45deg) translateX(0.5px);}
.ysqUEO .index-firstScreen .banner .ctrbox .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translateX(0.5px); transform: rotate(45deg) translateX(0.5px);}

.index-business{position: relative; z-index: 1; padding: 6.64583333% 3.64583333%;   background-image: url(../images/index-case-bg.jpg); background-repeat: no-repeat;background-size: 100% 100%;} 
.index-business .menuName{color:rgba(255,255,255,.1)}
/* .index-business:after{content: " "; z-index: -1; position: absolute; left: 0; bottom: 0; width: 1920px; height: 10px; background-image: url(../images/bgi-business.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;} */
.index-business:before{content: " "; z-index: -1; position: absolute; right: 20px; top: 20px; width: 86px; height: 86px; background-image: url(../images/bgi-6x6Dot.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;}
.index-business-list{position: relative; overflow: hidden; width: 100%;}
.index-business-list.x{padding-bottom: 15px;}
.index-business-list.x .scrollbar{width: 100%; bottom: 0; background-color: #f1f1f1;}
.index-business-list.x .scrollbar,
.index-business-list.x .scrollbar .thumb,
.index-business-list.x .scrollbar .track{height: 4px;}
.index-business-list.x .scrollbar .thumb{width: 0; left: 0; background-color: #ff9900; opacity: .8;}
.index-business-list .scrollbar{display: none; position: absolute; z-index: 3; right: 0;}
.index-business-list .scrollbar .track{position: relative;}
.index-business-list .scrollbar .thumb{position: absolute; top: 0; cursor: pointer; border-radius: 2px; -webkit-transition: all 80ms ease 0s; transition: all 80ms ease 0s;}
.index-business-list .scrollbar .thumb .end{height: 4px; width: 4px;}
.index-business-list .viewport{position: relative; overflow: hidden; width: 100%; height: 100%;}
.index-business-list .disable{display: none;}
.index-business-list .overview{position: relative; display: inline-block; -webkit-transition: all 150ms ease-in 0s; transition: all 150ms ease-in 0s; white-space: nowrap; font-size: 0; text-align: left; min-width: 100%;}
.index-business-list .link{position: relative; overflow: hidden; z-index: 1; vertical-align: top; display: inline-block; vertical-align: middle; font-size: 14px; width: 290px; height: 400px;  padding-top:15px; padding-left:15px;padding-right:15px; padding-bottom:30px; background-color:rgba(255,255,255,1); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; white-space: normal; margin-left: 0px; text-align: center;}
.index-business-list .link:first-child{margin-left: 0;}
.index-business-list .link:after{content: " "; z-index: -1; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background-color:#0054a5; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; pointer-events: none;}
.index-business-list .link .ico{margin-left: auto; margin-right: auto;overflow: hidden; display: block; width: 280; height: 210px; max-height:210px;background-size: auto; background-position: center top; background-repeat: no-repeat; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.index-business-list .link .dt{margin-top: 25px; color: #000; font-size: 20px; line-height: 30px;height:60px; font-weight: bold;overflow: hidden;}
.index-business-list .link .dd{margin: 20px; color: #999; font-size: 14px; line-height: 28px;text-align:left}
.index-business-list .link .dt,
.index-business-list .link .dd{-webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.index-business-list .link .bg{pointer-events: none; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transition-delay: 1ms; transition-delay: 1ms;}
 .index-business-list .link .bg:before,
.index-business-list .link .bg:after{content: " "; position: absolute; background-repeat: no-repeat; background-position: 0 0;}
.index-business-list .link .bg:before{right: 6px; top: 8px; width: 34px; height: 48px;  }
.index-business-list .link .bg:after{left: 6px; bottom: 4px; width: 48px; height: 20px; } 
.index-business-list .link:hover .dt,
.index-business-list .link:hover .dd{color: #fff; -webkit-transition: all 200ms ease 50ms; transition: all 200ms ease 50ms;}
.index-business-list .link:hover .ico{/* background-position: center bottom; */ transform: scale(1.03);transition: all 0.6s;}
.index-business-list .link:hover:after{height: 100%; background-color: #0054a5;}
.index-business-list .link:hover .bg{-webkit-transition-delay: 400ms; transition-delay: 400ms;}
@media screen and (min-width: 1601px){.index-business-list .overview{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;} .index-business-list .overview:after{display: none;} .index-business-list .link{margin-left: 15px;}}
@media screen and (max-width: 1440px){.index-business-list .link{height: 400px; margin-left: 40px; } .index-business-list .link .dt{margin-top: 25px; font-size: 22px; line-height: 34px;} .index-business-list .link .dd{margin:25px; line-height: 24px;}}
@media screen and (max-width: 1280px){.index-business-list .link{width: 220px; height: 320px;} .index-business-list .link .dt{font-size: 20px; line-height: 30px;} .index-business-list .link .dd{margin:25px; line-height: 22px;} .index-business-list .link .arrow{bottom: 30px;}}
.index-case{padding: 4.64583333% 3.64583333%;background:#fff /* background-image:url(../images/index-case.jpg)  ;  background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 1000ms ease 0s; transition: all 1000ms ease 0s;*/}
.index-case .head{position: relative; margin-bottom: 40px; text-align: center;}
.index-case .head .dt{font-size: 36px; margin-bottom: .8em; color: #fff; font-weight: bold; line-height: 40px;}
.index-case .head .dd{font-size: 16px; line-height: 2;}
@media screen and (max-width: 1280px){.index-case .head .dt{font-size: 30px;} .index-case .head .dd{font-size: 14px; line-height: 24px;} .index-case .head .btn{padding-left: 66px;} .index-case .head .btn span{left: 66px;}}
.index-case-list{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.index-case-list:after{display: none;}
.index-case-list .itemPackage{position: relative; overflow: hidden; float: left; width: 102%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.index-case-list  .item{ position: relative; overflow: hidden; width: 32.3%; height: auto; font-size: 20px;margin-bottom:1%;margin-right:1%;}

.index-case-list .item img {border:2px solid #eee}
.index-case-list .item .pic,
.index-case-list .item .more{display: block; height: 0; padding-bottom: 75%;}
.index-case-list .item .more{position: relative; background-color: #ff9702; color: #fff; text-align: center; background-image: url(../images/bgi-casemore.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 1000ms ease 0s; transition: all 1000ms ease 0s;}
.index-case-list .item .more span{position: absolute; left: 0; top: 50%; margin-top: -60px; width: 100%; padding-top: 102px;}
.index-case-list .item .more span:before{content: " "; position: absolute; left: 50%; top: 0; margin-left: -40px; width: 81px; height: 81px; background-image: url(../images/btni-casemore.png); background-size: 100% 100%; background-position: 50% 0; background-repeat: no-repeat; -webkit-transition: all 1200ms ease 50ms; transition: all 1200ms ease 50ms;}
.index-case-list .item .more:hover{background-size: 125% 125%;}
.index-case-list .item .more:hover span:before{-webkit-transform: rotate(540deg); transform: rotate(540deg);}
@media screen and (max-width: 1440px){.index-case-list .item{font-size: 18px;} .index-case-list .item .more span{margin-top: -50px; padding-top: 84px;} .index-case-list .item .more span:before{margin-left: -33px; width: 66px; height: 66px;}}
.index-about{background-image: url(../images/bgi-about.jpg); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; position: relative; overflow: hidden; padding: 6.34583333% 3.64583333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;min-height:800px}
.index-about:after{display: none;}
.index-about .left{float: left; width: 68%;padding-right:5% }
.index-about .left .dt{ color: #444;   font-size: 28px; }
.index-about .left .hr{margin: 20px 0; width: 80px; height: 4px; margin-left: 30px;  background-color: #ff9702;}
.index-about .left .dd{margin-top: 2em; color: #999; font-size: 14px;}
.index-about .left .dt strong{font-size: 36px;}
.index-about .left .ds{margin: 1em 2.0em 0 0; color: #666; font-size:20px;line-height:2.2;padding-top:40px}
.index-about .left .more{margin-top: 3em;}
.guolist{ margin: 40px auto; overflow: hidden; width: 100%;
	 position: relative; z-index: 1; font-size: 0;}
.guolist li{ display: inline-block; width: 25%;}
.guolist li a{ display: block; height: 76px; position: relative;}
.guolist h3{ float: left; font-size: 70px; color: #555; text-align: center; position: relative;
	width: 120px; height: 76px; line-height: 76px; font-family: 'arial'; font-weight: bold;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.guolist h3 i{ font-size: 24px;}
.guolist li .txt{ float: left; font-size: 16px; color: #555; line-height: 26px; padding: 17px 0 7px; margin-left: 20px;}
.guolist li h3:before{ content: ''; position: absolute; right: 0; top:24px; z-index: 0; width: 1px; height: 40px; background-color: #ff9702;}
.guolist p.txt2{ color: #999}
.guolist li:hover h3{ color: #ff9702;}
.guolist li:hover p.txt1{ color: #ff9702;}
 .fguolist li a{ height: auto;}
.fguolist h3{ float: none; text-align: left; width: auto; height: 84px; line-height: 84px;}
.fguolist li h3:before{ right: auto; left:0; top:auto; bottom: 0; width: 56px; height: 1px; background-color: #000;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fguolist li .txt{ float: none; margin-left: 0; padding: 8px 0;}
.fguolist li:hover h3:before{ width: 108px; background-color: #ff9702;}
.index-about .right{float: right; width: 30.05617978%; text-align: right; color: #ff9702; -webkit-perspective: 100px; perspective: 100px;}
.index-about .right .slogan{position: relative; max-width: 100%;   text-align: center; padding:100px 0}
.index-about .right .slogan .bg{  background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat;}
.index-about .right .slogan .q{ width:100%;padding:10px;background-color:rgba(255,255,255,.5)}
.index-about .right .slogan .p1{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 10px 5px; white-space: nowrap; background-color: #fff; text-align: center; color: #ff9702; width: 80%;}
.index-about .right .slogan .p2{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.index-about .right .keywords{margin-top: 3%; text-align: center; line-height: 1.5;}
.index-about .right .keywords .link{vertical-align: top; display: inline-block; vertical-align: middle; padding-bottom: 0; color: #ff9702; margin-bottom: .5em;}
@media screen and (max-width: 1440px){.index-about .left .dt{font-size: 16px;}}
@media screen and (max-width: 1280px){.index-about .left .dd{margin-top: 1.5em;} .index-about .left .ds{margin-top: 1.5em;} .index-about .left .ds br{display: none;} .index-about .left .more{margin-top: 2em;}}
.index-cooperate{background-color: #fff; padding: 4.64583333% 3.64583333%;}
.index-cooperate .index-head{padding-top: 2%; padding-bottom: 2%;}
.index-cooperate .index-head .dt{color: #444;}
.index-cooperate .index-head .dd{color: #9c9c9c;}
.index-cooperate-list{min-height:300px;position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.index-cooperate-list:after{display: none;}
.index-cooperate-list .item{position: relative; float: left; width: 20%; margin-left: 0.33333333%; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; overflow: hidden;}
.index-cooperate-list .item:nth-child(1n+3){margin-top: 0.33333333%;}
.index-cooperate-list .item:nth-child(1n+3):after{content: " "; position: absolute; right: 101.19047619%; bottom: 101.19047619%; width: 30px; height: 30px; background-image: url(../images/bgi-cooperateItem.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; opacity: .2; margin-right: .5px; margin-bottom: .5px; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);}
.index-cooperate-list .item:nth-child(4n+1){margin-left: 0;}
.index-cooperate-list .item:nth-child(4n+1):after{display: none;}
.index-cooperate-list .item .pic{height: 0; padding-bottom: 59.67741935%;}
.index-cooperate-list .item .pic img{-o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; top: 15.09009009%; height: 69.81981982%;}
.index-cooperate-list .item:before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0%; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.index-cooperate-list .item:hover:before{left: 105%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); -webkit-transition: all 900ms ease 0s; transition: all 900ms ease 0s;}
@media screen and (max-width: 1440px){.index-cooperate-list .item:nth-child(1n+8):after{width: 24px; height: 24px;}}
.index-news{padding: 2.64583333% 2.64583333%;background:#f5f5f25}
.ysqUEO .index-news .index-head .hang{width: 20px; height: 20px; border: none; background-image: -webkit-gradient(linear, 0% center, 100% center, from(#6defe1), to(#ff9702));}
.ysqUEO .index-news .index-head .hang:after{content: " "; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; background-color: #fff; border-radius: 50%;}
.index-news-contain{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.index-news-contain:after{display: none;}
.index-news-switch{position: relative; overflow: hidden; float: left; width: 34.26966292%; min-width: 400px; border-top: #ff9702 solid 4px; border-bottom: #ff9702 solid 4px; padding-bottom: 56px; height: 478px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index-news-switch .item{width: 100%; height: 100%; overflow: hidden; background-color: #fff; padding-bottom: 15px;}
.index-news-switch .item.moveItem{position: absolute; left: 0; top: 0;}
.index-news-switch .item .pic{width: 100%; height: 0; padding-bottom: 56.2295082%; background-color: #f1f1f1;}
.index-news-switch .item h3{margin-top: 6%; font-size: 18px; line-height: 22px; font-weight: bold; color: #333333;}
.index-news-switch .item p{margin-top: 4%; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 112px; height: 112px; color: #999999;}
.index-news-switch .item .time{display: none; position: absolute; right: 0; margin-top: -22px; width: 120px; height: 120px; background-color: #ff9702; border-radius: 6px; color: #fff; text-align: center;}
.index-news-switch .item .time .d{padding-top: 14px; font-size: 64px;}
.index-news-switch .item .time .ym{margin-top: 6px; font-size: 18px;}
.index-news-switch .item.on{position: relative;}
.index-news-switch .pagination{position: absolute; bottom: 45px; left: 0; width: 100%; z-index: 3; height: 8px; line-height: 8px; text-align: left; white-space: nowrap; padding-left: 4px;}
.index-news-switch .pagination .btn{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin-right: 16px; border-color: #fff; border-radius: 50%;}
.index-news-switch .pagination .btn.on{border-color: #ff9702;}
@media screen and (max-width: 1440px){.index-news-switch{padding-bottom: 40px; height: 436px;} .index-news-switch .item h3{font-size: 16px;} .index-news-switch .item p{line-height: 20px; height: 80px;} .index-news-switch .item .time{width: 100px; height: 100px;} .index-news-switch .item .time .d{font-size: 48px;} .index-news-switch .pagination{bottom: 25px;}}
.index-news-list{margin-left: 25px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.index-news-list:after{display: none;}
.index-news-list .item{z-index: 1; position: relative; float: left; width: 49%; border: #e4e4e4 solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 42px 30px 42px 120px;}
.index-news-list .item:nth-child(1n+3){margin-top: -1px;}
.index-news-list .item:nth-child(2n+2){margin-left: 2%;}
.index-news-list .item h3{font-size: 18px; color: #333333; line-height: 22px;}
.index-news-list .item p{margin-top: 8px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px; height: 44px; font-size: 14px; color: #999999;}
.index-news-list .item .time{position: absolute; left: 30px; top: 40px; color: #555; text-align: center;}
.index-news-list .item .time .d{font-size: 50px;}
.index-news-list .item .time .ym{margin-top: 8px; font-size: 15px;}
.index-news-list .item:hover{z-index: 9;}
@media screen and (max-width: 1440px){.index-news-list .item{padding-top: 35px; padding-bottom: 35px; padding-left: 110px; padding-right: 25px;} .index-news-list .item h3{font-size: 16px;} .index-news-list .item .time{left: 25px; top: 35px;} .index-news-list .item .time .d{font-size: 44px;}}
.index-news .more{margin-top: 3%; margin-left: auto; margin-right: auto;}
.index-partner{z-index: 1; position: relative; padding: 35px 3.64583333%; background-color: #f6f6f6;}
.index-partner:after{content: " "; z-index: -1; position: absolute; right: 3.64583333%; margin-right: 30px; top: 0; background-image: url(../images/bgi-partner.png); background-size: auto 100%; background-position: right 50%; background-repeat: no-repeat; width: 1000px; height: 100%;}
.index-partner .contain{background-color: #ffffff; padding: 13px 30px; min-height: 20px; line-height: 20px;}
.index-partner .dt{float: left; font-size: 16px;}
.index-partner .dd{margin-left: 86px; margin-right: -10px;}
.index-partner .dd .link{color: #999; vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 20px; padding-bottom: 0;}
/* fMessageBoard */
.fMessageBoard{padding: 3.14583333% 3.64583333%; background-image: url(../images/bgf-messageBoard.jpg);}
.fMessageBoard .ds{margin-top: 1em; line-height: 1.5;}
.fMessageBoard .formCheck{position: relative; overflow: hidden; margin-top: 1.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; padding-right: 170px;}
.fMessageBoard .formCheck:after{display: none;}
.fMessageBoard .formCheck .formItem{float: left; position: relative; height: 54px; margin-right: 10px; line-height: 54px; color: #333333;}
.fMessageBoard .formCheck .formItem .skin{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: #41a541 solid 1px; font-size: 16px; text-indent: 16px; line-height: 52px; background-color: #fff;}
.fMessageBoard .formCheck .formItem .skin._focus{border-color: #999 !important;}
.fMessageBoard .formCheck .formItem.i1,
.fMessageBoard .formCheck .formItem.i2{width: 28.02547771%;}
.fMessageBoard .formCheck .formItem.i3{width: 42.03821656%;}
.fMessageBoard .formCheck .formItem .aftPD{left: auto; right: 0%; width: 40px; text-align: center;}
.fMessageBoard .formCheck .enter{position: absolute; right: 0; top: 0; width: 170px; height: 54px; line-height: 54px; background-color: #ff9702; color: #fff; font-size: 18px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; /* font-weight: bold; */}
.fMessageBoard .formCheck .enter:hover{-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 1440px){.fMessageBoard .formCheck{padding-right: 150px;} .fMessageBoard .formCheck .enter{width: 150px;} .fMessageBoard .formCheck .formItem .skin{height: 46px; line-height: 46px;} .fMessageBoard .formCheck .formItem.i1{width: 180px;} .fMessageBoard .formCheck .formItem.i2{width: 240px;} .fMessageBoard .formCheck .formItem.i3{width: 80%;} .fMessageBoard .formCheck .formItem, .fMessageBoard .formCheck .enter{height: 46px; line-height: 46px;}}
/* fContact */
.fContact{position: relative; overflow: hidden; padding: 3.14583333% 3.64583333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.fContact:after{display: none;}
.fContact.skin2{background-color: #f3f9f4;}
.fContact .left{float: left; width: 42.69662921%;}
.fContact .left .dt{color: #ff9702; font-weight: bold;}
.fContact .left .ds{margin-top: 15px; color: #ff9702; font-weight: bold;}
.fContact .left .dd{margin-top: 15px; line-height: 1.625;}
.fContact .right{float: right; width: 55%; text-align: right;}
.fContact .right .qrcode{float: right; padding: 10px; background-color: #e3ebe4; text-align: center;}
.fContact .right .qrcode img{display: block; margin-bottom: 8px; width: 100px; height: 100px;}
.fContact .right .pr{padding-right: 4%; margin-right: 120px;}
.fContact .right .dt{color: #ff9702; font-weight: bold;}
.fContact .right .ds{margin-top: 15px;}
.fContact .right .ds .qqServe{vertical-align: top; display: inline-block; vertical-align: middle; margin-left: 8px; text-indent: 29px; position: relative; width: 86px; height: 32px; line-height: 30px; border: solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; color: #ff9702; font-size: 12px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.fContact .right .ds .qqServe:before{content: " "; position: absolute; left: 9px; top: 8px; width: 14px; height: 14px; background-image: url(../images/icof-qq.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.fContact .right .ds .qqServe:hover{background-color: rgba(18, 18, 18, 0.2);}
.fContact .right .ds .qqServe.offline{border-color: #d2d2d2; color: #999;}
.fContact .right .ds .qqServe.offline:before{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.fContact .right .ds .qqServe.offline:hover{background-color: #f1f1f1;}
.fContact .right .dd{margin-top: 15px; line-height: 1.625;}
/* fPartner */
.fPartner{padding: 2% 3.64583333%; background-color: #242b36; line-height: 18px;}
.fPartner .link{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 1em; color: #656d79;}
/* footer */
.footer{background-color:#2B3144;color: #898E9D; padding-left:45px;padding-right:45px;}
.footer h3{font-weight:700;border-bottom:1px solid rgba(100, 100, 100, 0.2);border-top:1px solid rgba(100, 100, 100, 0.2);line-height:120px;line-height:120px;text-align:center;color: #fff; }
.footer .copyright {clear:both;height:60px;line-height:60px;border-top:1px solid rgba(100, 100, 100, 0.2);}
.footer .copyright,.footer .copyright span a{font-size:15px;color: #898E9D;}
.footer ul {}
.footer dl { float:left;padding:50px 0 50px 5px;width:12%;}
.footer dt {margin-bottom:10px}
.footer dt dd img{}
.footer dt a,.footer dl dd a{ color: #898E9D;}
.footer dl dd {height:30px;line-height:30px;font-size:15px;}
.footer dl dd a{background: url(../images/arrow-ft.png) no-repeat;height:30px;line-height:30px;font-size:15px;padding-left:13px}
/* subpage */
.subpage{position: relative; overflow: hidden; z-index: 1;}
.subpage-banner{position: relative; overflow: hidden; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; height: 500px; /* padding-bottom: 38.54166667%; */}
.subpage-main{position: relative; z-index: 3; padding: 3% 3.64583333%;}
.subpage-main + .sCase-tail .dt{margin-top: -3%;}
.subpage-nav{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; font-size: 0; white-space: nowrap; background-color: rgba(0, 0, 0, .5);top:-70px;z-index:4;height:70px}
/* .subpage-nav:after{display: none;} */


.subpage-nav .link{position: relative; z-index: 2; vertical-align: top; display: inline-block; vertical-align: middle; width: 33.33333333%; padding-top: 15px; padding-bottom: 15px; text-align: center; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; line-height: 1.4;}
.subpage-nav .link .cn{font-size: 20px; color: #ff9702;font-family: Arial, "Microsoft YaHei", "微软雅黑";}
.subpage-nav .link .en{font-size: 12px; color: #ff9702; font-family: Arial, sans-serif;text-transform : Uppercase}
.subpage-nav .block{position: absolute; overflow: hidden; left: 0; top: 0; z-index: 1;}
.subpage-nav .block s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff;}
@media screen and (max-width: 1440px){.subpage-nav .link{padding-top: 15px; padding-bottom: 15px;} .subpage-nav .link .cn{font-size: 16px;}}
/* sCase */
.sCase{background-color: #fff;}
.sCase .subpage-banner .tx-tit{z-index: 30;width:100%;position: absolute;color:#fff;font-size:16px;text-align:center;bottom:9%;}
.sCase .subpage-banner:after{content: " "; z-index: 11; position: absolute; left: 50%; bottom: 3.125%; margin-left: -18px; width: 35px; height: 31px; background-image: url(../images/arrow-sbusinessDown2.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;}
.sCase .subpage-banner .dd{margin-left: 2px; margin-top: 1em; line-height: 1.5;}
@media screen and (min-width: 1600px){.sCase .subpage-banner .p1{width: 650px;}}
.sCase-list .itemPackage{position: relative; overflow: hidden;}
.sCase-list .itemPackage:nth-child(1n+2){margin-top: 0.84269663%;}
.sCase-list .itemPackage:nth-child(4n+1) .item,
.sCase-list .itemPackage:nth-child(4n+3) .item{width: 32.77153558%;}
.sCase-list .itemPackage:nth-child(4n+2) .item:nth-child(1){width: 66.38576779%;}
.sCase-list .itemPackage:nth-child(4n+2) .item:nth-child(1n+2){width: 32.77153558%;}
.sCase-list .itemPackage:nth-child(4n+2) .item:nth-child(3){margin-top: 0.63202247%;}
.sCase-list .itemPackage:nth-child(4n+4) .item{float: right;}
.sCase-list .itemPackage:nth-child(4n+4) .item:nth-child(1){width: 66.38576779%;}
.sCase-list .itemPackage:nth-child(4n+4) .item:nth-child(1n+2){width: 32.77153558%; margin-left: 0; margin-right: 0.84269663%;}
.sCase-list .itemPackage:nth-child(4n+4) .item:nth-child(3){margin-top: 0.63202247%;}
.sCase-list .item{float: left;}
.sCase-list .item:nth-child(1n+2){margin-left: 0.84269663%;}
.sCase-list .item .pic{height: 0; padding-bottom: 75%;}
.sCase-tail{background-color: #999;}
.sCase-tail .dt{padding: 3.64583333% 3.64583333% 2.64583333%; color: #333; text-align: center;}
.sCase-tail .dt h2{line-height: 1.2;}
.sCase-tail .dt .btn{vertical-align: top; display: inline-block; vertical-align: middle; margin-top: 1em; padding: .4em 1.25em; border: #888 solid 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; color: #333333;}
.sCase-tail .dt .btn strong{color: #ff9702;}
.sCase-tail .dd{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; font-size: 0; white-space: nowrap;}
.sCase-tail .dd:after{display: none;}
.sCase-tail .dd .link{position: relative; vertical-align: top; display: inline-block; vertical-align: middle; width: 50%;}
.sCase-tail .dd .link .pic{height: 0; padding-bottom: 31.25%; background-color: #f1f1f1;}
.sCase-tail .dd .link .pic img{-webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 666ms ease 0s; transition: all 666ms ease 0s;}
.sCase-tail .dd .link .contain{z-index: 8; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1.5; color: #fff; padding: .5em 2em; border: #ffffff solid 1px; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
.sCase-tail .dd .link:hover .pic img{-webkit-transform: none !important; transform: none !important;}
.sCase-tail .dd .link:hover .contain{padding: .5em 2.5em; -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3); box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.3);}
@media screen and (max-width: 1440px){.sCase-tail .dd .link .contain{line-height: 1.25;}}
.sCase-banner{position: relative; width: 100%; height: 600px; height: 100vh; background-color: #a4b3b8;}
.sCase-banner .arrowTips{z-index: 8; position: absolute; left: 0; bottom: 36px; width: 100%; text-align: center; font-size: 20px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; color: #fff; padding-bottom: 58px; pointer-events: none;}
.sCase-banner .arrowTips s{position: absolute; left: 50%; bottom: .25em; width: 58px; height: 58px; margin-left: -29px; background-image: url(../images/arrow-sCaseBanner.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation: fadeInDowns 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: fadeInDowns 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;}
@media screen and (max-width: 1440px){.sCase-banner{ height: 100vh; }}
.sCase .toolsPN{position: fixed; z-index: 22; left: 0; bottom: 36px; width: 100%; height: 0;}
.sCase .toolsPN .ctr{position: absolute; top: 0; width: 50px; height: 50px; line-height: 50px; overflow: hidden; border-radius: 50px; color: #ffffff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center;}
.sCase .toolsPN .ctr i{z-index: 1; position: absolute; top: 0; width: 50px; height: 50px; text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sCase .toolsPN .ctr i:before{content: " "; z-index: -1; position: absolute; top: 0; width: 50px; height: 50px; background-color: #fff; opacity: .5; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; border-radius: 50px;}
.sCase .toolsPN .ctr s{font-family: "SimSun", "宋体" !important; color: #fff; font-size: 30px; font-weight: bold;}
.sCase .toolsPN .ctr b{z-index: 0; position: absolute; top: 0; width: 134px; height: 50px; border-radius: 50px; font-size: 16px; color: #fff; background-color: #2e2e2e; text-align: center; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
.sCase .toolsPN .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;}
.sCase .toolsPN .ctr:hover{color: #ffffff;}
.ysqUEO .sCase .toolsPN .ctr s{overflow: hidden; text-indent: 100%;}
.ysqUEO .sCase .toolsPN .ctr s:before,
.ysqUEO .sCase .toolsPN .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO .sCase .toolsPN .ctr:hover s:before,
.ysqUEO .sCase .toolsPN .ctr:hover s:after{background-color: #ffffff;}
.ysqUEO .sCase .toolsPN .ctr.prev s:before,
.ysqUEO .sCase .toolsPN .ctr.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .sCase .toolsPN .ctr.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);}
.ysqUEO .sCase .toolsPN .ctr.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);}
.ysqUEO .sCase .toolsPN .ctr.prev:hover s:before{-webkit-transform: rotate(-46deg) translateX(-0.5px); transform: rotate(-46deg) translateX(-0.5px);}
.ysqUEO .sCase .toolsPN .ctr.prev:hover s:after{-webkit-transform: rotate(46deg) translateX(-0.5px); transform: rotate(46deg) translateX(-0.5px);}
.ysqUEO .sCase .toolsPN .ctr.next s:before,
.ysqUEO .sCase .toolsPN .ctr.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .sCase .toolsPN .ctr.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);}
.ysqUEO .sCase .toolsPN .ctr.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);}
.ysqUEO .sCase .toolsPN .ctr.next:hover s:before{-webkit-transform: rotate(-46deg) translateX(0.5px); transform: rotate(-46deg) translateX(0.5px);}
.ysqUEO .sCase .toolsPN .ctr.next:hover s:after{-webkit-transform: rotate(46deg) translateX(0.5px); transform: rotate(46deg) translateX(0.5px);}
.sCase .toolsPN .ctr.prev{left: 6.64583333%;}
.sCase .toolsPN .ctr.prev b{left: -168px; padding-left: 34px;}
.sCase .toolsPN .ctr.prev:hover b,
.sCase .toolsPN .ctr.prev i,
.sCase .toolsPN .ctr.prev i:before{left: 0;}
.sCase .toolsPN .ctr.next{right: 6.64583333%;}
.sCase .toolsPN .ctr.next b{right: -168px; padding-right: 34px;}
.sCase .toolsPN .ctr.next:hover b,
.sCase .toolsPN .ctr.next i,
.sCase .toolsPN .ctr.next i:before{right: 0;}
.sCase .toolsPN .ctr[href="#"]{display: none;}
.sCase .toolsPN .ctr:hover{color: #fff; width: 168px;}
.sCase .toolsPN .ctr:hover i:before{background-color: #ff9702 !important; opacity: 1;}
.sCase .toolsPN .ctr:hover b{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.sCase .toolsPN.followed .ctr{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.sCase .toolsPN.followed .ctr i:before{background-color: #aaa; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.11); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.11);}
.sCase .toolsPN.followed .ctr.prev{left: 4.64583333%;}
.sCase .toolsPN.followed .ctr.next{right: 4.64583333%;}
@media screen and (max-width: 1440px){.sCase .toolsPN .ctr b{font-size: 14px;}}
.sCase-view-section1{padding-top: 12%; text-align: center;}
.sCase-view-section1 p{font-weight: 600; color:rgba(255,255,255,.8);}
.sCase-view-section1 .hr{margin: 20px 0; width: 60px; height: 4px; margin-left: auto; margin-right: auto; background-color: #ff9702;}
.sCase-view-section1 .imax{margin-top: 1.75em; margin-left: auto; margin-right: auto; width: 1200px; max-width: 90%; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
.sCase-view-section1 .outerLink{margin: 1em; text-align: center;}
.sCase-view-section1 .outerLink .link{color: #666;}
.sCase-view-section1 .outerLink .link:hover{color: #ff9702;}
.sCase-view-section1 .btns{margin-top: 1.5em; margin-bottom: 1.5em; text-align: center;}
.sCase-view-section1 .btns .btn{margin-left: .5em; margin-right: .5em; vertical-align: top; display: inline-block; vertical-align: middle; padding: .4em 1em .4em .75em; color: #fff; border-radius: 3px;}
.sCase-view-section1 .btns .btn .icoImg{margin-right: .3em; width: 1.25em; height: 1.25em; font-size: 1em; vertical-align: middle;}
.sCase-view-section1 .btns .btn s{font-size: 14px;}
.sCase-view-section2{padding: 4% 0; background-color: #f6f6f6;}
.sCase-view-section2 .contain{width: 1200px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 1440px){.sCase-view-section2 .contain{width: 86%;}}
.sCase-view-section2 .head{position: relative;}
.sCase-view-section2 .head .cn{color: #333;}
.sCase-view-section2 .head .en{color: #c5c4c4; margin-top: 20px; text-transform: uppercase;}
.sCase-view-section2 .head .warning{position: absolute; right: 0; top: 0; padding-top: 5px; line-height: 1.5; text-align: right;}
.sCase-view-section2 .head .en,
.sCase-view-section2 .head .warning{font-size: 24px;}
@media screen and (max-width: 1280px){.sCase-view-section2 .head .en, .sCase-view-section2 .head .warning{font-size: 20px;} .sCase-view-section2 .head .en{margin-top: 14px;}}
.sCase-view-section2 .body{margin-top: 30px; padding-top: 36px; border-radius: 4px 4px 0 0; background-color: #fff; background-image: url(../images/bgs-caseViewportT.png); background-size: auto; background-position: 0 0; background-repeat: no-repeat; -webkit-box-shadow: 0px 8px 41.4px 4.6px rgba(4, 0, 0, 0.1); box-shadow: 0px 8px 41.4px 4.6px rgba(4, 0, 0, 0.1);}
.sCase-view-section2 .body img{width: 100%; min-height: 50vh;}
.sCase-view-section2 .foot{position: relative; margin-top: 4%; text-align: center; padding-left: 300px; padding-right: 300px; height: 64px;}
.sCase-view-section2 .foot .ctr{position: absolute; top: 0; width: 122px; height: 56px; line-height: 56px; background-size: auto 100%; background-position: 50% 50%; background-repeat: no-repeat; text-align: left; padding: 4px 50px; text-align: center;}
.sCase-view-section2 .foot .ctr.prev{left: 4px; padding-left: 94px; background-image: url(../images/arrow-sCasefootL.png); background-position: left 50%; border-right: #888 solid 2px;}
.sCase-view-section2 .foot .ctr.next{right: 4px; padding-right: 94px; background-image: url(../images/arrow-sCasefootR.png); background-position: right 50%; border-left: #888 solid 2px;}
.sCase-view-section2 .foot .ctr[href="#"]{cursor: not-allowed; color: #333333; opacity: .6;}
.sCase-view-section2 .foot .link{line-height: 1.5;}
.sCase-view-section2 .foot .link p{font-size: 16px;}
@media screen and (max-width: 1280px){.sCase-view-section2 .foot{height: 58px;} .sCase-view-section2 .foot .ctr{width: 96px; height: 50px; line-height: 50px;}}
/* sNews */
.sNews-hotnews{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sNews-hotnews:after{display: none;}
.sNews-hotnews .itemPackage{position: relative; overflow: hidden; float: left; width: 49%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sNews-hotnews .itemPackage:after{background-color: rgba(0, 92, 43, 0.75);}
.sNews-hotnews .itemPackage:nth-child(2n+2){margin-left: 2%;}
.sNews-hotnews .itemPackage:nth-child(1n+3){margin-top: 2%;}
.sNews-hotnews .itemPackage:first-child .item{width: 100%;}
.sNews-hotnews .item{float: left; position: relative; overflow: hidden; width: 48%; height: auto;}
.sNews-hotnews .item:nth-child(2n+2){margin-left: 4%;}
.sNews-hotnews .item:nth-child(1n+3){margin-top: 2.25287356%;}
.sNews-hotnews .item .pic{height: 0; padding-bottom: 66.32183908%; background-color: #f1f1f1;}
.sNews-hotnews .item h3{z-index: 11; position: absolute; left: 0; bottom: 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box;font-size:16px; color: #fff; background-color: rgba(10, 18, 46, 0.75); width: 100%; height: 50px; line-height: 50px; padding: 0 10px;}
.sNews-hotnews .item:after {background-color: rgba(0, 92, 43, 0.75); position: absolute; overflow: hidden;top: 0; bottom: 0; left:0;right:0;z-index: 12;} 
@media screen and (max-width: 1440px){.sNews-hotnews .item h3{height: 36px; line-height: 36px;}}
.sNews .index-news-list{margin-left: 0;}
.sNews .index-news-list .item:nth-child(1n+3){margin-top: 2%;}
.sNews-view{position: relative; overflow: hidden;}
.sNews-view .left{position: relative; overflow: hidden; margin-right: 400px;}
.sNews-view .view-head{position: relative;}
.sNews-view .view-head h1{line-height: 40px; padding-left: 14px; border-left: #ff9702 solid 6px; font-size: 28px; color: #333; margin-right: 114px;}
.sNews-view .view-head .backToList{position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; width: 96px; text-align: center; background-color: #e6e6e6; color: #333;}
.sNews-view .view-head .hr{margin-top: 10px; margin-bottom: 15px; background-color: #e6e6e6;}
.sNews-view .view-head .aside{padding: 10px 20px; background-color: #f3f3f3; color: #333; line-height: 18px;}
.sNews-view .view-body{margin-top: 30px;}
.sNews-view .view-follow{position: relative; overflow: hidden; margin-top: 36px; border-top: #c5c5c5 solid 1px; border-bottom: #c5c5c5 solid 1px; padding-top: 20px; padding-bottom: 20px; color: #666;}
.sNews-view .view-follow .tel{float: left; padding-left: 66px; height: 46px; line-height: 46px; background-image: url(../images/icos-viewtel.png); background-size: auto 100%; background-position: 0 50%; background-repeat: no-repeat; font-size: 24px;}
.sNews-view .view-follow .btn{float: right; border: #999 solid 2px; color: #333; height: 42px; line-height: 42px; padding-left: 36px; padding-right: 36px; font-size: 20px;}
.sNews-view .view-foot{position: relative; overflow: hidden; padding-top: 2%; padding-bottom: 2%; line-height: 20px; font-size: 14px; white-space: nowrap;}
.sNews-view .view-foot .ctr{position: relative; max-width: 45%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 20px;}
.sNews-view .view-foot .ctr.prev{float: left;}
.sNews-view .view-foot .ctr.next{float: right;}
.sNews-view .view-foot .ctr[href="#"],
.sNews-view .view-foot .ctr[href=""]{cursor: not-allowed; color: #999;}
.sNews-view .right{float: right; width: 360px;}
.sNews-view .relative-news .dt{position: relative; line-height: 40px; padding-left: 14px; border-left: #ff9702 solid 6px; font-size: 28px; color: #333;}
.sNews-view .relative-news .hr{margin-top: 10px; margin-bottom: 15px; background-color: #e6e6e6;}
.sNews-view .relative-news .list .item{position: relative; border-bottom: #e6e6e6 solid 1px;}
.ysqUEO .sNews-view .relative-news .list .item:after{content: " "; position: absolute; bottom: 0; left: 100% ; width: 0; border-bottom: #ff9702 solid 1px;}
.ysqUEO .sNews-view .relative-news .list .item:after{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ysqUEO .sNews-view .relative-news .list .item:hover:after,
.ysqUEO .sNews-view .relative-news .list .item.on:after{left: 0 ; width: 100%; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s;}
.sNews-view .relative-news .list .item:nth-child(1n+2){margin-top: 16px;}
.sNews-view .relative-news .list .item .pic{height: 0; padding-bottom: 56.32183908%; background-color: #f1f1f1;}
.sNews-view .relative-news .list .item h3{color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 3;}
.sNews-view .relative-news .list .item:hover h3{color: #ff9702;}
.sNews-view .yun-seo{margin-top: 24px; font-size: 0; padding-bottom: 15px;}
.sNews-view .yun-seo .line{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; width: 100%;}
.sNews-view .yun-seo .line:after{display: none;}
.sNews-view .yun-seo .line:nth-child(1n+2){margin-top: 2%;}
.sNews-view .yun-seo .link{vertical-align: top; display: inline-block; vertical-align: middle; line-height: 36px; height: 36px;}
.sNews-view .yun-seo .link:after{bottom: 4px;}
.sNews-view .yun-seo .tag1{color: #ff9702;}
.sNews-view .yun-seo .tag2{color: #666666;}
.sNews-view .yun-seo .tag3{color: #333333;}
.sNews-view .yun-seo .tag4{color: #033;}
.sNews-view .yun-seo .tag5{color: #ff9702;}
@media screen and (max-width: 1440px){.sNews-view .left{margin-right: 310px;} .sNews-view .right{width: 280px;} .sNews-view .view-follow{padding-top: 15px; padding-bottom: 15px;} .sNews-view .view-follow .tel{height: 36px; line-height: 36px; padding-left: 56px; font-size: 20px;} .sNews-view .view-follow .btn{height: 32px; line-height: 32px; font-size: 16px;}}
/* sContact */
.sContact .subpage-main{padding: 3% 0;}
.sContact-section{position: relative; overflow: hidden;}
.sContact-section .contain{padding-top: 3.125%; padding-bottom: 3.125%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sContact-section .contain:after{display: none;}
.sContact-section .pic{display: block; width: 91.66666667%; height: 0; padding-bottom: 41.28440367%; background-color: #f1f1f1;}
.sContact-section.even .pic{margin-right: 8.33333333%;}
.sContact-section.odd .pic{margin-left: 8.33333333%;}
.sContact-head:before,
.sContact-body:after{display: none; content: " "; position: absolute; width: 64px; height: 51px; width: 3.33333333vw; height: 2.65625vw; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;}
.sContact-head{float: left; width: 31%; padding-left: 16.14583333%; color: #333333; line-height: 1.08333333;}
.sContact-head:before{left: 3.64583333%; top: 0; margin-top: 5.20833333%; background-image: url(../images/icos-quoteLT.png);}
.sContact-head .en{font-family: "Intro Cond Black Free", Arial, sans-serif; font-weight: bold; text-transform: uppercase;}
.sContact-head .cn{margin-bottom: .45em; margin-top: .3em;}
.sContact-head .aside{font-size: 14px; white-space: nowrap;}
.sContact-head .btn{display: block; margin-top: 2em; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #ff9702; overflow: hidden; position: relative;}
.sContact-head .btn:before{content: " "; position: absolute; overflow: hidden; width: 0; height: 0; left: 50%; top: 50%; padding-top: 0%; padding-left: 0%; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.4)); pointer-events: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sContact-head .btn:hover:before{-webkit-transform: scale(2.25) translate(-22.22222222%, -22.22222222%); transform: scale(2.25) translate(-22.22222222%, -22.22222222%); padding-top: 80%; padding-left: 80%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
@media screen and (max-width: 1440px){.sContact-head{padding-left: 9.375%;}}
.sContact-body{float: right; margin-right: 3.64583333%; width: 52.08333333%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sContact-section1 .sContact-body:after{right: 3.64583333%; bottom: 0; background-image: url(../images/icos-quoteRB.png);}
.sContact-section1 .inner{padding-right: 300px; padding-right: 15.625vw; line-height: 1.5; color: #666666;}
.sContact-section1 .inner .qrcode{position: absolute; right: 3.64583333%; bottom: 0; margin-bottom: 7.29166667%; margin-right: 66px; margin-right: 3.4375vw; background-color: #eeeeee; text-align: center; padding: 25px; padding: 1.30208333vw;}
.sContact-section1 .inner .qrcode img{width: 7.8125vw; height: 7.8125vw; margin-bottom: 2%;}
.sContact-section1 .inner ._block{display: block; height: 50px; height: 2.60416667vw;}
.sContact-section1 .inner .lh2,
.sContact-section1 .inner .sAbout-head .aside,
.sContact-section1 .inner .sAbout-section1 .description,
.sContact-section1 .inner .sAbout-section2,
.sContact-section1 .inner .sBusiness-fullpage .item .description .dd,
.sContact-section1 .inner .sBusiness-introduction .body,
.sContact-section1 .inner .sBusiness-seo .sBusiness-service .body .item .dd,
.sContact-section1 .inner .sBusiness-seo-item7 .body .itemPackage .contain .info{line-height: 2;}
@media screen and (max-width: 1280px){.sContact-section1 .inner .qrcode{padding: 10px; font-size: 12px;} .sContact-section1 .inner .qrcode img{width: 100px; height: 100px;}}
.sContact-section2 .inner{line-height: 2; color: #333333;}
.sContact-section2 .inner .dt{font-weight: bold;}
.sContact-section2 .inner .dd{margin-top: .5em;}
.sContact-section2 .inner ._block{display: block; height: 60px; height: 3.125vw;}
/* sComments */
.sComments .subpage-main{padding: 0 ;}
.sComments-description{position: relative; padding: 4.16666667% 3.64583333%; text-align: center;}
.sComments-description:before{content: " "; pointer-events: none; position: absolute; left: 50%; top: -32px; width: 4px; height: 64px; background-color: #ff9702;}
.sComments-description .en{font-family: "Neutraface2Display-Titling", Arial, sans-serif; text-transform: uppercase;}
.sComments-description .cn{margin-top: .5em;}
.sComments-description .dd{margin-top: 1%; margin-left: auto; margin-right: auto; width: 1240px; max-width: 88%; line-height: 1.75;}
@media screen and (max-width: 1440px){.sComments-description:before{height: 48px; top: -24px;}}
.sComments-section{padding: 3.125% 3.64583333%; background-image: url(../images/bgs-comments.png); background-size: auto 100%; background-repeat: repeat-x;}
.sComments-section .dt{position: relative; text-align: center; color: #ff9702;}
.sComments-section .dt s{display: block; margin-left: auto; margin-right: auto; margin-bottom: -8px; margin-top: 1.25%; overflow: hidden; width: 0; height: 0; border-width: 8px 8px; border-color: #ff9702 transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0;}
.sComments-section .dd{position: relative; overflow: hidden; width: 100%; margin-top: 2%; padding-bottom: 3.125%;}
.sComments-section .dd.x .scrollbar{left: 31.25%; width: 37.5%; bottom: 0; background-color: #eeeeee;}
.sComments-section .dd.x .scrollbar,
.sComments-section .dd.x .scrollbar .thumb,
.sComments-section .dd.x .scrollbar .track{height: 5px;}
.sComments-section .dd.x .scrollbar .thumb{width: 0; left: 0; background-color: #ff9702; opacity: .8;}
.sComments-section .dd .scrollbar{position: absolute; bottom: 0; z-index: 3;}
.sComments-section .dd .scrollbar .track{position: relative;}
.sComments-section .dd .scrollbar .thumb{position: absolute; top: 0; cursor: pointer; border-radius: 2.5px; -webkit-transition: all 80ms ease 0s; transition: all 80ms ease 0s;}
.sComments-section .dd .scrollbar .thumb .end{height: 5px; width: 5px;}
.sComments-section .dd .viewport{position: relative; overflow: hidden; width: 100%; height: 100%;}
.sComments-section .dd .disable{display: none;}
.sComments-section .dd .overview{position: relative; display: inline-block; -webkit-transition: all 150ms ease-in 0s; transition: all 150ms ease-in 0s; white-space: nowrap; font-size: 0; text-align: center; min-width: 100%;}
.sComments-section .dd .item{position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 280px; height: 372px; margin-right: 20px;}
.sComments-section .dd .item .pic{height: 0; padding-bottom: 139.13043478%; border: #e2e2e2 solid 1px; background-color: #f5f5f5; padding: 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sComments-section .dd .item .pic img{-o-object-fit: contain; object-fit: contain;}
.sComments-section .dd .item.q34{height: auto;}
.sComments-section .dd .item.q34 .pic{height: 0; padding-bottom: 75%;}
.sComments-section .dd .item.q34 h3{margin: 10px 10px 0; text-align: center; line-height: 1.25; white-space: normal;}
@media screen and (max-width: 1440px){.sComments-section .dd .item{width: 240px; height: 318px; margin-right: 12px;}}
/* sAbout */
.sAbout .subpage-main{padding: 0;}
.sAbout-pad{position: relative; padding: .84583333%  3.85416667%;}
@media screen and (max-width: 1440px){.sAbout-pad{padding: .84583333%  3.85416667%;}}
.sAbout-head{color: #000;}
.sAbout-head .en{line-height: 1; font-family: "Intro Cond Black Free", Arial, sans-serif;}
.sAbout-head .cn{margin-top: .5em; line-height: 1.58333333;}
.sAbout-head .aside{margin-top: 2em;}
.sAbout-section1:before,
.sAbout-section1:after{content: " "; position: absolute; width: 64px; height: 51px; width: 3.33333333vw; height: 2.65625vw; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;}
.sAbout-section1:before{left: 3.64583333%; top: 0%; margin-top: 4.64583333%; background-image: url(../images/icos-quoteLT.png);}
.sAbout-section1:after{right: 3.64583333%; bottom: 0%; margin-bottom: 4.64583333%; background-image: url(../images/icos-quoteRB.png);}
.sAbout-section1 .contain{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sAbout-section1 .contain:after{display: none;}
.sAbout-section1 .sAbout-head{padding-top: 6.25%; width: 25%;}
.sAbout-section1 .sAbout-body{width: 68.26666667%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start;}
.sAbout-section1 .sAbout-body:after{display: none;}
.sAbout-section1 .qImg{width: 55%;}
.sAbout-section1 .description{width: 36%;}
.sAbout-section2{background-color: #ff9702; color: #fff;}
.sAbout-section3 .line{position: relative; overflow: hidden; padding-top: 2.23333333%; padding-bottom: 7.23333333%;}
.sAbout-section3 .line:nth-child(2){margin-top: 2%;}
.sAbout-section3 .line:nth-child(3){margin-top: 4%;}
.sAbout-section3 .line .pic{position: relative; background-color: #f1f1f1; width: 35.66666667%; height: 0; padding-bottom: 23%; overflow: visible;}
.sAbout-section3 .line .pic:after{content: " "; position: absolute; left: 0; bottom: 0; margin-left: 5%; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: #ff9702 solid 4px; background-color: #fff; z-index: -1;}
.sAbout-section3 .line .sAbout-head{width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 2.24719101%; padding-right: 1.68539326%;}
.sAbout-section3 .line:nth-child(2n+1) .pic{float: left;}
.sAbout-section3 .line:nth-child(2n+1) .pic:after{margin-bottom: 5%;}
.sAbout-section3 .line:nth-child(2n+1) .sAbout-head{float: right;}
.sAbout-section3 .line:nth-child(2n+2) .pic{float: right; margin-right: 2.23333333%;}
.sAbout-section3 .line:nth-child(2n+2) .pic:after{margin-bottom: -5%;}
.sAbout-section3 .line:nth-child(2n+2) .sAbout-head{float: left; text-align: right;}
.sAbout-section4 .head{position: relative; overflow: hidden; padding: 8.33333333% 3.64583333%; background-image: url(../images/bgs-contact4.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; color: #fff; text-align: center; font-weight: bold; text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
.sAbout-section4 .head img{display: block; margin-left: auto; margin-right: auto; margin-top: .6em; width: 1005px; max-width: 60%;}
.sAbout-section4 .body{position: relative; overflow: hidden; padding-top: 4.16666667% !important; padding-bottom: 4.16666667% !important; height: 400px;}
.sAbout-section4 .body .item{-webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; color: #333333; margin-top: 50px;}
.sAbout-section4 .body .item .dd{margin-top: 1em; line-height: 22px; min-height: 44px;}
.sAbout-section4 .body .item:nth-child(2n+1){float: left; padding-right: 244px; text-align: right;}
.sAbout-section4 .body .item:nth-child(2n+2){float: right; padding-left: 244px; text-align: left;}
.sAbout-section4 .body .center{position: absolute; left: 50%; top: 0; margin-top: 4.16666667%; margin-left: -162px; width: 324px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sAbout-section4 .body .center .pic{height: 0; padding-bottom: 100%; background-color: #f1f1f1; border-radius: 50%;}
.sAbout-section4 .body .center .pendulum{z-index: 9; position: absolute; left: 50%; top: 20%; width: 2px; height: 90%; background-color: #fff; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; overflow: visible; -webkit-animation-name: AniPendulum; animation-name: AniPendulum;}
.sAbout-section4 .body .center .pendulum .dot1,
.sAbout-section4 .body .center .pendulum .dot2{position: absolute; pointer-events: none; left: 50%; margin-left: -10px; width: 20px; height: 20px; border-radius: 10px;}
.sAbout-section4 .body .center .pendulum .dot1{top: -10px; background-color: #fff;}
.sAbout-section4 .body .center .pendulum .dot2{top: 105%; background-color: #ffdb60;}
.sAbout-section4 .body .center .pendulum,
.sAbout-section4 .body .center .pendulum:after{-webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.sAbout-section4 .body .center .pendulum:after{content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 11.11111111%; background-color: #000; -webkit-animation-name: heightChange; animation-name: heightChange;}
@-webkit-keyframes AniPendulum{0%, 100%{-webkit-transform: rotate(30deg); transform: rotate(30deg);} 50%{-webkit-transform: rotate(-30deg); transform: rotate(-30deg);}}
@keyframes AniPendulum{0%, 100%{-webkit-transform: rotate(30deg); transform: rotate(30deg);} 50%{-webkit-transform: rotate(-30deg); transform: rotate(-30deg);}}
.sAbout-section4 .body .center .AniPendulum{-webkit-animation-name: AniPendulum; animation-name: AniPendulum;}
@-webkit-keyframes heightChange{0%, 50%, 100%{height: 18.13586424%;} 25%, 75%{height: 11.11111111%;}}
@keyframes heightChange{0%, 50%, 100%{height: 18.13586424%;} 25%, 75%{height: 11.11111111%;}}
.sAbout-section4 .body .center .heightChange{-webkit-animation-name: heightChange; animation-name: heightChange;}
@media screen and (max-width: 1440px){.sAbout-section4 .body{height: 320px;} .sAbout-section4 .body .item{margin-top: 40px;} .sAbout-section4 .body .item:nth-child(2n+1){padding-right: 190px;} .sAbout-section4 .body .item:nth-child(2n+2){padding-left: 190px;} .sAbout-section4 .body .center{width: 280px; margin-left: -140px;} .sAbout-section4 .body .center .pendulum .dot1, .sAbout-section4 .body .center .pendulum .dot2{width: 16px; margin-left: -8px; height: 16px;}}
.sAbout-section5{padding-top: 0;}
.sAbout-section5 .list{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sAbout-section5 .list:after{display: none;}
.sAbout-section5 .list .item{position: relative; float: left; width: 16.66666667%; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1%; overflow: hidden;}
.sAbout-section5 .list .item:nth-child(1n+7):after{content: " "; position: absolute; right: 100%; bottom: 100%; width: 30px; height: 30px; background-image: url(../images/bgi-cooperateItem.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; opacity: .2; margin-right: .5px; margin-bottom: .5px; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);}
.sAbout-section5 .list .item:nth-child(6n+1){margin-left: 0;}
.sAbout-section5 .list .item:nth-child(6n+1):after{display: none;}
.sAbout-section5 .list .item .pic{height: 0; padding-bottom: 59.67741935%;}
.sAbout-section5 .list .item .pic img{-o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; top: 15.09009009%; height: 69.81981982%;}
.sAbout-section5 .list .item:before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0%; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.sAbout-section5 .list .item:hover:before{left: 105%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); -webkit-transition: all 900ms ease 0s; transition: all 900ms ease 0s;}
@media screen and (max-width: 1440px){.sAbout-section5 .list .item:nth-child(1n+8):after{width: 24px; height: 24px;}}
/* sMessageBoard */
.sMessageBoard{background-color: #fff;}
.sMessageBoard .topLine{margin-top: -1px;}
.sMessageBoard-section1{padding: 5.20833333% 3.64583333%; text-align: center;}
.sMessageBoard-section1 .dt{padding-bottom: 2.08333333%;}
.sMessageBoard-section1 .formItem{margin-top: 4.16666667%; font-size: 0;}
.sMessageBoard-section1 .formItem .focus{line-height: 1.6; display: block; margin-bottom: .5em;}
.sMessageBoard-section1 .formItem .checkbox{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; margin: .5em 1em;}
.sMessageBoard-section1 .formItem .checkbox label{padding-left: 1.8em;}
.sMessageBoard-section1 .formItem .checkbox input{position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1em; height: 1em; pointer-events: none;}
.sMessageBoard-section1 .formItem textarea.skin{display: block; margin-left: auto; margin-right: auto; padding: 8px 14px; width: 600px; height: 110px; line-height: 24px; font-size: 16px; border: #aaaaaa solid 1px; border-radius: 4px;}
.sMessageBoard-section2{padding-top: 4.47916667%; padding-bottom: 5.20833333%; background-color: #f5f5f5; text-align: center;}
.sMessageBoard-section2 .dt{padding-bottom: .5em;}
.sMessageBoard-section2 .line{width: 862px; margin-top: .5em; margin-left: auto; margin-right: auto; line-height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sMessageBoard-section2 .line:after{display: none;}
.sMessageBoard-section2 .skin{border: #dddddd solid 1px; width: 396px; height: 38px; line-height: 38px; padding: 6px 12px; background-color: #fff; font-size: 16px; border-radius: 4px;}
.sMessageBoard-section2 .yzm{font-size: 0;}
.sMessageBoard-section2 .yzm .skin{width: 150px;}
.sMessageBoard-section2 .yzm .bindClick{margin-left: 8px; margin-right: 15px; border: #dddddd solid 1px; width: 110px; height: 50px; background-color: #fff; vertical-align: top;}
.sMessageBoard-section2 .yzm .refreshVC{font-size: 16px; color: #666; vertical-align: top; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sMessageBoard-section2 .yzm .refreshVC:hover{color: #ff9702;}
.sMessageBoard-section2 .enter{width: 172px; height: 52px; border-radius: 4px; background-color: #ff9702; color: #fff;}
@media screen and (max-width: 1440px){.sMessageBoard-section2 .line{line-height: 44px; width: 752px;} .sMessageBoard-section2 .skin{width: 336px; height: 30px; line-height: 30px;} .sMessageBoard-section2 .yzm .bindClick{height: 42px;}}
/* sBusiness */
.sBusiness{background-color: #fff;}
.sBusiness .subpage-main{padding: 0;}
.sBusiness-fullpage{position: relative; overflow: hidden; width: 100%; height: 100vh;}
.sBusiness-fullpage .item{position: relative; overflow: hidden; width: 100%; height: 100vh; background-position: center; background-size: auto; padding: 100px 3.64583333%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sBusiness-fullpage .item .qImg{position: absolute; top: 0; width: 50%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
.sBusiness-fullpage .item .description{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; width: 46.35416667%; padding-left: 4.42708333%; padding-right: 4.42708333%;}
.sBusiness-fullpage .item .description,
.sBusiness-fullpage .item .description a{color: #ffffff;}
.sBusiness-fullpage .item .description .dt{font-weight: bold;}
.sBusiness-fullpage .item .description .dd{margin-top: 4.16666667%; font-size: 16px;}
.sBusiness-fullpage .item .description .df{margin-top: 5.20833333%; padding-top: 10px; white-space: nowrap; font-size: 0;}
.sBusiness-fullpage .item .description .df .col{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 20px; text-align: center; line-height: 20px; width: 80px; height: 120px;}
.sBusiness-fullpage .item .description .df .col .icoImg{display: block; margin-left: auto; margin-right: auto; width: 80px; height: 80px; background-color: #fff; margin-bottom: 10px; white-space: normal;}
.sBusiness-fullpage .item .description .df .col p{margin-left: -10px; width: 100px;}
.sBusiness-fullpage .item .description .df .col:hover .icoImg{-webkit-transform: scale(1.1); transform: scale(1.1);}
.sBusiness-fullpage .item:nth-child(2n+1) .qImg{right: 0;}
.sBusiness-fullpage .item:nth-child(2n+1) .description{left: 3.64583333%;}
.sBusiness-fullpage .item:nth-child(2n+2) .qImg{left: 0;}
.sBusiness-fullpage .item:nth-child(2n+2) .description{right: 3.64583333%;}
.sBusiness-fullpage .item.moveItem{position: absolute; left: 0; top: 0;}
.sBusiness-fullpage .item.moveItem .qImg{-webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
.sBusiness-fullpage .item.moveItem.on .qImg{-webkit-transform: translateY(0) !important; transform: translateY(0) !important; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.sBusiness-fullpage.dir_z .moveItem .qImg{-webkit-transform: translateY(33%); transform: translateY(33%);}
.sBusiness-fullpage.dir_f .moveItem .qImg{-webkit-transform: translateY(-33%); transform: translateY(-33%);}
.sBusiness-fullpage .ctrBox{position: absolute; right: 3.64583333%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; color: #fff; width: 24px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
.sBusiness-fullpage .ctrBox.show{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.sBusiness-fullpage .ctrBox .ctr{display: block; width: 100%; height: 20px; background-position: center; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sBusiness-fullpage .ctrBox .ctr.prev{background-image: url(../images/arrow-sbusinessUp.png);}
.sBusiness-fullpage .ctrBox .ctr.prev:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
.sBusiness-fullpage .ctrBox .ctr.next{background-image: url(../images/arrow-sbusinessDown.png);}
.sBusiness-fullpage .ctrBox .ctr.next:hover{-webkit-transform: translateY(5px); transform: translateY(5px);}
.sBusiness-fullpage .ctrBox .pagination{padding-top: 15px; padding-bottom: 15px;}
.sBusiness-fullpage .ctrBox .pagination .btn{display: block; line-height: 20px; padding-top: 5px; padding-bottom: 5px; color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; opacity: .66; text-align: center;}
.sBusiness-fullpage .ctrBox .pagination .btn.on{opacity: 1;}
.sBusiness-fullpage:after{content: " "; z-index: 11; position: absolute; left: 50%; bottom: 3.125%; margin-left: -18px; width: 35px; height: 31px; background-image: url(../images/arrow-sbusinessDown2.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate; animation: fadeInDowns 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite backwards alternate;}
.sBusiness .subpage-banner .subpage-nav{position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%;}
.sBusiness .subpage-banner .dd{margin-left: 2px; margin-top: 1em; line-height: 1.5;}
.sBusiness-section{position: relative; padding: 5.46875% 3.64583333%;}
.sBusiness-section:before,
.sBusiness-section:after{content: " "; position: absolute; left: 50%; margin-left: -2px; width: 4px; height: 0; padding-bottom: 4%;}
.sBusiness-section:before{top: 0;}
.sBusiness-section:after{bottom: 0; margin-bottom: -2%;}
.sBusiness-section .head{padding-bottom: 2%; text-align: center;}
.sBusiness-section .head .en{font-family: "Neutraface2Display-Titling", Arial, sans-serif;}
.sBusiness-section .head .cn{margin-top: 5px; font-weight: bold;}
.sBusiness-section:nth-child(1n+2):before{display: none;}
.sBusiness-section:last-child:after{display: none;}
.sBusiness-introduction{z-index: 6; text-align: center;}
.sBusiness-introduction .head{padding-top: 2%;}
.sBusiness-introduction .body{color: #666666; width: 1024px; max-width: 80%; margin-left: auto; margin-right: auto;}
.sBusiness-introduction .foot{margin-top: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start;}
.sBusiness-introduction .foot:after{display: none;}
.sBusiness-introduction .foot .vr{display: inline-block; vertical-align: middle; background-color: #e4e4e4;}
.sBusiness-service{z-index: 5;}
.sBusiness-service .body{margin-top: 1%;}
.sBusiness-relCases{padding-bottom: 3.64583333%;}
.sBusiness-relCases .body{position: relative; overflow: hidden; margin-top: 1%;}
.sBusiness-relCases .body .item{float: left; position: relative; overflow: hidden; width: 24.625%; height: auto; font-size: 20px; margin-left: 0.5%;}
.sBusiness-relCases .body .item:nth-child(4n+1){margin-left: 0;}
.sBusiness-relCases .body .item:nth-child(1n+5){margin-top: 0.5% ;}
.sBusiness-relCases .body .item .pic{height: 0; padding-bottom: 75%;}
.sBusiness-relCases .foot{margin-top: 3%; text-align: center;}
.sBusiness-relCases .foot .link{vertical-align: top; display: inline-block; vertical-align: middle; border: #ff9702 solid 2px; padding: .5em 1em; margin-left: .8em; margin-right: .8em; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; color: #ff9702;}
.sBusiness-relCases .foot .link:hover{background-color: #ff9702; color: #fff;}
.sBusiness-website .sBusiness-section:before,
.sBusiness-website .sBusiness-section:after{background-color: #74caf5;}
.sBusiness-website .sBusiness-introduction .foot .vr{height: 80px;}
.sBusiness-website .sBusiness-introduction .foot .col{display: inline-block; vertical-align: middle; padding: 10px 1.12359551%; white-space: nowrap;}
.sBusiness-website .sBusiness-introduction .foot .col .cn{color: #333333;}
.sBusiness-website .sBusiness-introduction .foot .col .en{margin-top: 6px; color: #999999; text-transform: uppercase;}
@media screen and (max-width: 1440px){.sBusiness-website .sBusiness-introduction .foot .vr{height: 72px;}}
.sBusiness-website .sBusiness-service{background-color: #4787f1; background-image: url(../images/bgs-business-website-service.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sBusiness-website .sBusiness-service .head{color: #fff;}
.sBusiness-website .sBusiness-service .body{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sBusiness-website .sBusiness-service .body:after{display: none;}
.sBusiness-website .sBusiness-service .body .item{width: 23.59550562%; padding: 2.24719101%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-bottom: solid 10px; text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sBusiness-website .sBusiness-service .body .item:nth-child(1n+2){margin-left: 1.79775281%;}
.sBusiness-website .sBusiness-service .body .item .icoImg{display: block; margin-left: auto; margin-right: auto; width: 128px; height: 128px;}
.sBusiness-website .sBusiness-service .body .item .dt{margin-top: 1.5em; line-height: 1.5; color: #333333; font-weight: bold;}
.sBusiness-website .sBusiness-service .body .item .hr{margin-top: 8%; width: 40px; height: 4px; margin-left: auto; margin-right: auto; -webkit-transition: all 220ms ease 50ms; transition: all 220ms ease 50ms;}
.sBusiness-website .sBusiness-service .body .item .dd{margin-top: 6%; line-height: 1.625;}
.sBusiness-website .sBusiness-service .body .item:nth-child(1){border-color: #74caf5;}
.sBusiness-website .sBusiness-service .body .item:nth-child(1) .hr{background-color: #74caf5;}
.sBusiness-website .sBusiness-service .body .item:nth-child(2){border-color: #f08282;}
.sBusiness-website .sBusiness-service .body .item:nth-child(2) .hr{background-color: #f08282;}
.sBusiness-website .sBusiness-service .body .item:nth-child(3){border-color: #ffcc9f;}
.sBusiness-website .sBusiness-service .body .item:nth-child(3) .hr{background-color: #ffcc9f;}
.sBusiness-website .sBusiness-service .body .item:nth-child(4){border-color: #6fddb5;}
.sBusiness-website .sBusiness-service .body .item:nth-child(4) .hr{background-color: #6fddb5;}
.sBusiness-website .sBusiness-service .body .item:hover{-webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);}
.sBusiness-website .sBusiness-service .body .item:hover .hr{padding-left: 10px; padding-right: 10px;}
@media screen and (max-width: 1440px){.sBusiness-website .sBusiness-service .body .item{border-bottom-width: 6px;} .sBusiness-website .sBusiness-service .body .item .icoImg{width: 108px; height: 108px;} .sBusiness-website .sBusiness-service .body .item .hr{height: 3px;}}
.sBusiness-ec .sBusiness-section:before,
.sBusiness-ec .sBusiness-section:after{background-color: #ffc342;}
.sBusiness-ec .sBusiness-introduction .foot{padding-left: 10%; padding-right: 10%;}
.sBusiness-ec .sBusiness-introduction .foot .vr{height: 120px;}
.sBusiness-ec .sBusiness-introduction .foot .col{display: inline-block; vertical-align: middle; padding: 10px 1.12359551%; width: 24%; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sBusiness-ec .sBusiness-introduction .foot .col .dib{text-align: left;}
.sBusiness-ec .sBusiness-introduction .foot .col .p1{color: #56aeed;}
.sBusiness-ec .sBusiness-introduction .foot .col .numCountUp{font-weight: bold; font-family: "Intro Cond Black Free", Arial, sans-serif;}
.sBusiness-ec .sBusiness-introduction .foot .col .p2{margin-top: 6px; color: #666666; text-transform: uppercase;}
@media screen and (max-width: 1440px){.sBusiness-ec .sBusiness-introduction .foot .vr{height: 96px;}}
.sBusiness-ec .sBusiness-service{background-color: #eef8ff;}
.sBusiness-ec .sBusiness-service .body{padding-left: 2%; padding-right: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sBusiness-ec .sBusiness-service .body:after{display: none;}
.sBusiness-ec .sBusiness-service .body .item{position: relative; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2%;}
.sBusiness-ec .sBusiness-service .body .item .ico{position: relative; z-index: 1; float: left; margin-right: 8%;}
.sBusiness-ec .sBusiness-service .body .item .ico .icoImg{width: 182px; height: 182px;}
.sBusiness-ec .sBusiness-service .body .item .ico:before,
.sBusiness-ec .sBusiness-service .body .item .ico:after{z-index: -1; content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0px 1px 10px 0px rgba(4, 0, 0, 0.22); box-shadow: 0px 1px 10px 0px rgba(4, 0, 0, 0.22); -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sBusiness-ec .sBusiness-service .body .item .ico:before{opacity: .5;}
.sBusiness-ec .sBusiness-service .body .item .ico:after{opacity: .33; margin-left: 5%; margin-top: 5%;}
.sBusiness-ec .sBusiness-service .body .item .dt{padding-top: .4em; line-height: 1.71428571; color: #333333; font-weight: bold;}
.sBusiness-ec .sBusiness-service .body .item .dd{margin-top: 1em; line-height: 1.625; color: #666666;}
@media screen and (max-width: 1440px){.sBusiness-ec .sBusiness-service .body .item .ico .icoImg{width: 144px; height: 144px;}}
.sBusiness-ec .sBusiness-service .body .item:hover .ico:before{margin-left: 5%; margin-top: 5%;}
.sBusiness-ec .sBusiness-service .body .item:hover .ico:after{margin-left: 0; margin-top: 0;}
.sBusiness-mobile .sBusiness-section:before,
.sBusiness-mobile .sBusiness-section:after{background-color: #ffc342;}
.sBusiness-mobile .sBusiness-service{overflow: hidden; position: relative; z-index: 1; padding: 0;}
.sBusiness-mobile .sBusiness-service .item{float: left; position: relative; width: 100%;}
.sBusiness-mobile .sBusiness-service .item:after{content: " "; position: absolute; background-image: url(../images/bgs-business-3x3sj.png); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none; width: 174px; width: 9.0625vw; height: 166px; height: 8.64583333vw;}
.sBusiness-mobile .sBusiness-service .item .vr{content: " "; position: absolute; left: 50%; bottom: 0; margin-bottom: -2%; margin-left: -2px; width: 4px; height: 0; padding-bottom: 4%; background-color: #ffc342;}
.sBusiness-mobile .sBusiness-service .item .qImg{position: absolute; width: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; pointer-events: none;}
.sBusiness-mobile .sBusiness-service .item .contain{padding: 0% 5% 5%; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sBusiness-mobile .sBusiness-service .item .num{display: block; font-size: 120px; color: #eee; font-family: "Intro Cond Black Free", Arial, sans-serif; letter-spacing: 5px;}
.sBusiness-mobile .sBusiness-service .item .dt{margin-top: 8px; font-weight: bold;}
.sBusiness-mobile .sBusiness-service .item .dd{line-height: 1.433; margin-top: .5em; margin-bottom: 1em;}
.sBusiness-mobile .sBusiness-service .item .df{line-height: 1.83333333;}
.sBusiness-mobile .sBusiness-service .item.item1{z-index: 6; background-color: #f18038; color: #fff; padding-top: 15%;}
.sBusiness-mobile .sBusiness-service .item.item1 .qImg{left: 0; bottom: 0; margin-bottom: -10%;}
.sBusiness-mobile .sBusiness-service .item.item1 .num{opacity: .1;}
.sBusiness-mobile .sBusiness-service .item.item1 .contain{float: right;}
.sBusiness-mobile .sBusiness-service .item.item1:after{opacity: .1; right: 5.64583333%; top: 0; margin-top: 6%; width: 219px; width: 11.40625vw; height: 210px; height: 10.9375vw;}
.sBusiness-mobile .sBusiness-service .item.item2{z-index: 3; background-color: #fff; padding-top: 20.83333333%;}
.sBusiness-mobile .sBusiness-service .item.item2 .qImg{right: 0; bottom: 0 ; width: 56.66666667%;}
.sBusiness-mobile .sBusiness-service .item.item2 .contain{float: left; padding-bottom: 15.625%; width: 44%;}
.sBusiness-mobile .sBusiness-service .item.item2:after{left: 23.4375%; top: 0; margin-top: 15%;}
.sBusiness-mobile .sBusiness-service .item.item3{background-color: #fff; padding-top: 15%;}
.sBusiness-mobile .sBusiness-service .item.item3 .qImg{left: 0; bottom: 0;}
.sBusiness-mobile .sBusiness-service .item.item3 .contain{float: right;}
.sBusiness-mobile .sBusiness-service .item.item3:after{left: 73.4375%; top: 0; margin-top: 9.5%;}
@media screen and (max-width: 1440px){.sBusiness-mobile .sBusiness-service .item.item1{padding-top: 10%;} .sBusiness-mobile .sBusiness-service .item.item2{padding-top: 15.83333333%;} .sBusiness-mobile .sBusiness-service .item.item2:after{margin-top: 12%;} .sBusiness-mobile .sBusiness-service .item.item3{padding-top: 10%;} .sBusiness-mobile .sBusiness-service .item.item3:after{margin-top: 7%;}}
.sBusiness-seo .sBusiness-section:before,
.sBusiness-seo .sBusiness-section:after{background-color: #22e184;}
.sBusiness-seo .sBusiness-service{background-color: #f2f2f2;}
.sBusiness-seo .sBusiness-service .body{padding: 3.37078652% 0 4.49438202%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; background-color: #fff; background-image: url(../images/bgs-business4-service.png); background-size: 100% auto; background-position: 50% bottom; background-repeat: no-repeat;}
.sBusiness-seo .sBusiness-service .body:after{display: none;}
.sBusiness-seo .sBusiness-service .body .item{position: relative; vertical-align: top; display: inline-block; vertical-align: middle; width: 25%; padding: 10px 5%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.sBusiness-seo .sBusiness-service .body .item:nth-child(1n+2):before{content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-right: #eaeaea dashed 2px;}
.sBusiness-seo .sBusiness-service .body .item .icoImg{margin-left: auto; margin-right: auto; display: block; width: 70px; height: 70px;}
.sBusiness-seo .sBusiness-service .body .item .dt{margin-top: 1em; color: #333333; line-height: 1.433;}
.sBusiness-seo .sBusiness-service .body .item .hr{margin-top: 6%; margin-bottom: 8%; width: 30px; height: 2px; margin-left: auto; margin-right: auto; background-color: #22e184; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.sBusiness-seo .sBusiness-service .body .item .dd{font-size: 14px; color: #8e8e8e;}
.sBusiness-seo .sBusiness-service .body .item:hover .hr{padding-left: 5px; padding-right: 5px;}
@media screen and (max-width: 1440px){.sBusiness-seo .sBusiness-service .body .item{padding-left: 2%; padding-right: 2%;} .sBusiness-seo .sBusiness-service .body .item .icoImg{width: 60px; height: 60px;}}
.sBusiness-seo-item7 .body{position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sBusiness-seo-item7 .body:after{display: none;}
.sBusiness-seo-item7 .body .itemPackage{position: relative; float: left; width: 24.5%; margin-left: 0.66666667%;}
.sBusiness-seo-item7 .body .itemPackage .item{z-index: 1; position: relative; background-color: #1a81ff; text-align: center;}
.sBusiness-seo-item7 .body .itemPackage .item:nth-child(1n+2){margin-top: 2.72108844%;}
.sBusiness-seo-item7 .body .itemPackage .pic{z-index: -1; opacity: .5; height: 0; padding-bottom: 46.34146341%; width: 100%;}
.sBusiness-seo-item7 .body .itemPackage .mask{background-color: rgba(34, 225, 132, 0.78);}
.sBusiness-seo-item7 .body .itemPackage .contain{position: absolute; z-index: 9; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 90%;}
.sBusiness-seo-item7 .body .itemPackage .contain .en{font-size: 14px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; margin-top: 8px;}
.sBusiness-seo-item7 .body .itemPackage:nth-child(4) .item,
.sBusiness-seo-item7 .body .itemPackage:nth-child(4) .pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
@media screen and (max-width: 1200px){.sBusiness-seo-item7 .body .itemPackage .contain .cn{font-size: 14px;}}
.sBusiness-sem .sBusiness-section:before,
.sBusiness-sem .sBusiness-section:after{background-color: #34beff;}
.sBusiness-sem .sBusiness-service{text-align: center; background-color: #f6f6f6;}
.sBusiness-sem .sBusiness-service .dd{margin-top: 1em; line-height: 1.6;}
.sBusiness-sem .sBusiness-service .list{margin-top: 3.125%; margin-left: 6%; margin-right: 6%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; border: #d9d9d9 solid 1px; border-left: none;}
.sBusiness-sem .sBusiness-service .list:after{display: none;}
.sBusiness-sem .sBusiness-service .list .col{position: relative; float: left; width: 25%; padding: 2% 0; border-left: #d9d9d9 solid 1px; text-align: left;}
.sBusiness-sem .sBusiness-service .list .col i{position: relative; display: block; color: #34beff; padding-left: 10%; padding-right: 10%; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑";}
.sBusiness-sem .sBusiness-service .list .col h4{padding-left: 10%; padding-right: 10%; margin-top: .5em;}
.sBusiness-sem-cases{padding: 3.75% 4.64583333% 2.08333333%; text-align: center; color: #333; background-color: #fff; background-image: url(../images/bgs-business4-cases.png); background-size: 100% auto; background-position: 50% bottom; background-repeat: no-repeat;}
.sBusiness-sem-cases .dd{margin-bottom: 2.5em; line-height: 1.6;}
.sBusiness-sem-cases .hr{margin-left: auto; margin-right: auto; width: 32px; height: 3px; background-color: #34beff;}
.sBusiness-sem-cases-switch{position: relative; overflow: hidden; margin-top: 2%;}
.sBusiness-sem-cases-switch .shade{margin-left: auto; margin-right: auto; width: 1024px; max-width: 90%;}
.sBusiness-sem-cases-switch .box{position: relative !important; margin-left: auto; margin-right: auto; height: 0; padding-bottom: 63.4765625%;}
.sBusiness-sem-cases-switch .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sBusiness-sem-cases-switch .item img{width: 100%; height: 100%;}
.sBusiness-sem-cases-switch .ctr{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: #e4e4e4; border-radius: 50%; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; color: #ffffff; text-align: center;}
.sBusiness-sem-cases-switch .ctr s{font-family: "SimSun", "宋体" !important; color: #fff; font-size: 30px; font-weight: bold;}
.sBusiness-sem-cases-switch .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "SimSun", "宋体" !important; pointer-events: none;}
.sBusiness-sem-cases-switch .ctr:hover{color: #ffffff;}
.ysqUEO .sBusiness-sem-cases-switch .ctr s{overflow: hidden; text-indent: 100%;}
.ysqUEO .sBusiness-sem-cases-switch .ctr s:before,
.ysqUEO .sBusiness-sem-cases-switch .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO .sBusiness-sem-cases-switch .ctr:hover s:before,
.ysqUEO .sBusiness-sem-cases-switch .ctr:hover s:after{background-color: #ffffff;}
.ysqUEO .sBusiness-sem-cases-switch .ctr.prev s:before,
.ysqUEO .sBusiness-sem-cases-switch .ctr.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqUEO .sBusiness-sem-cases-switch .ctr.prev s:before{-webkit-transform: rotate(-36deg) translateX(-0.5px); transform: rotate(-36deg) translateX(-0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.prev s:after{-webkit-transform: rotate(36deg) translateX(-0.5px); transform: rotate(36deg) translateX(-0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.prev:hover s:before{-webkit-transform: rotate(-42deg) translateX(-0.5px); transform: rotate(-42deg) translateX(-0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.prev:hover s:after{-webkit-transform: rotate(42deg) translateX(-0.5px); transform: rotate(42deg) translateX(-0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.next s:before,
.ysqUEO .sBusiness-sem-cases-switch .ctr.next s:after{margin-left: -9px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqUEO .sBusiness-sem-cases-switch .ctr.next s:before{-webkit-transform: rotate(-36deg) translateX(0.5px); transform: rotate(-36deg) translateX(0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.next s:after{-webkit-transform: rotate(36deg) translateX(0.5px); transform: rotate(36deg) translateX(0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.next:hover s:before{-webkit-transform: rotate(-42deg) translateX(0.5px); transform: rotate(-42deg) translateX(0.5px);}
.ysqUEO .sBusiness-sem-cases-switch .ctr.next:hover s:after{-webkit-transform: rotate(42deg) translateX(0.5px); transform: rotate(42deg) translateX(0.5px);}
.sBusiness-sem-cases-switch .ctr.prev{left: 0;}
.sBusiness-sem-cases-switch .ctr.next{right: 0;}
.sBusiness-sem-cases-switch .ctr:hover{background-color: #c4c4c4;}
.sBusiness-sem-cases-switch .pagination{position: relative; margin-top: 20px; width: 100%; z-index: 3; height: 12px; line-height: 12px; text-align: center; white-space: nowrap; padding: 2px;}
.sBusiness-sem-cases-switch .pagination .btn{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 6px 6px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 10px; border-color: #e4e4e4; border-radius: 50%;}
.sBusiness-sem-cases-switch .pagination .btn.on{border-color: #34beff;}
.sBusiness-operation .sBusiness-section:before,
.sBusiness-operation .sBusiness-section:after{background-color: #5fb4fb;}
.sBusiness-operation .sBusiness-service{background-color: #f1f9ff;}
.sBusiness-operation .sBusiness-service .body{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;}
.sBusiness-operation .sBusiness-service .body:after{display: none;}
.sBusiness-operation .sBusiness-service .body .item{position: relative; overflow: hidden; width: 50%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;}
.sBusiness-operation .sBusiness-service .body .item:after{display: none;}
.sBusiness-operation .sBusiness-service .body .contain{margin-left: 4%; text-align: left;}
.sBusiness-operation .sBusiness-service .body .icoImg{float: left; width: 216px; height: 206px;}
.sBusiness-operation .sBusiness-service .body .dd{margin-top: 1em; line-height: 1.66666667;}
@media screen and (max-width: 1440px){.sBusiness-operation .sBusiness-service .body .icoImg{width: 158px; height: 150px;}}
@media screen and (max-width: 1280px){.sBusiness-operation .sBusiness-service .body .icoImg{width: 108px; height: 103px;}}
.sBusiness-operation .sBusiness-axdvantage{background-color: #fff;}
.sBusiness-operation .sBusiness-axdvantage .body{margin-left: auto; margin-right: auto; width: 1280px; max-width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; line-height: 1.5;}
.sBusiness-operation .sBusiness-axdvantage .body:after{display: none;}
.sBusiness-operation .sBusiness-axdvantage .body .item{position: relative; overflow: hidden; width: 33%; text-align: center;}
.sBusiness-operation .sBusiness-axdvantage .body .icoImg{margin-left: auto; margin-right: auto; display: block; width: 129px; height: 129px;}
.sBusiness-operation .sBusiness-axdvantage .body .dt{margin-top: 1em;}
.sBusiness-operation .sBusiness-axdvantage .body .dd{margin-top: .5em;}
@media screen and (max-width: 1440px){.sBusiness-operation .sBusiness-axdvantage .body .icoImg{width: 110px; height: 110px;}}
@media screen and (min-width: 1025px){.footer .section > .container{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start;} .footer .section > .container:after{display: none;}}
.footer .f-vr{margin-left: 10px !important; margin-right: 10px !important;}
.footer .f-Partner img{display: block; margin-left: auto; margin-right: auto; width: 164px;}
.footer .f-Partner img:nth-child(1n+2){margin-top: 2px;}
@media screen and (max-width: 1024px){.footer .f-Partner{display: block; margin-top: 10px;}}