@charset "utf-8";
/*!  project : 凯达名门
     ---------style.css---------- 
    |                            |
    |    author  |  yeshiqiu     |
    |    q__q    |  574442979    |
    |    addr    |  sc_chengdu   |
    |    date    |  2019.04.22   |
    |                            |
     --!-_-!--------------!-_-!-- 
*/
.cuna{cursor: not-allowed;}
.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;}
.m-borderarrow .contain s{position: absolute; left: -28px; margin-left: 1px; top: 16px; width: 28px; height: 16px;}
.m-borderarrow .contain s:before,
.m-borderarrow .contain s:after{content: " "; position: absolute; left: 0%; top: 50%; margin-top: -8px;}
.m-borderarrow .contain s:before{margin-left: 0; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent #2b3779 transparent transparent; border-style: dashed solid dashed dashed; font-size: 0;}
.m-borderarrow .contain s:after{margin-left: 2px; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent #fef9ed transparent transparent; border-style: dashed solid dashed dashed; font-size: 0;}
.m-borderarrow .contain:before,
.m-borderarrow .contain:after{border-color: #2b3779; background-color: #fef9ed;}
.m-borderarrow .contain:after{left: 5px; top: 4px; right: -5px; bottom: -4px;}
.m-borderarrow .contain s{position: absolute; right: -28px; margin-right: 1px; top: 16px; width: 28px; height: 16px;}
.m-borderarrow .contain s:before,
.m-borderarrow .contain s:after{content: " "; position: absolute; right: 0%; top: 50%; margin-top: -8px;}
.m-borderarrow .contain s:before{margin-right: 0; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent transparent transparent #e58634; border-style: dashed dashed dashed solid; font-size: 0;}
.m-borderarrow .contain s:after{margin-right: 2px; overflow: hidden; width: 0; height: 0; border-width: 8px 14px; border-color: transparent transparent transparent #f1faf3; border-style: dashed dashed dashed solid; font-size: 0;}
.m-borderarrow .contain:before,
.m-borderarrow .contain:after{border-color: #e58634; background-color: #f1faf3;}
.m-borderarrow .contain:after{left: -5px; top: 4px; right: 5px; bottom: -4px;}
.modalc{display: none; position: fixed; left: 50%; top: 50%; margin-left: -960px; margin-top: -540px; width: 1920px; height: 1080px; z-index: 99; overflow: hidden;}
.ysqueo .modalc .contain{opacity: 0; -webkit-transition: all 330ms ease 0s; transition: all 330ms ease 0s; -webkit-transform: translatey(-66%) scale(0.2); transform: translatey(-66%) scale(0.2);}
.ysqueo .modalc.showup .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
.ysqueo .modalc.hideout .contain{opacity: 0; -webkit-transform: translatey(33%) scale(0.2) !important; transform: translatey(33%) scale(0.2) !important;}
.modalc .contain{z-index: 20; position: absolute; overflow: hidden; left: 50%; top: 50%;}
@-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 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 animatestay{0, 100%{opacity: 1;}}
@keyframes animatestay{0, 100%{opacity: 1;}}
.animatestay{-webkit-animation-name: animatestay; animation-name: animatestay;}
@-webkit-keyframes aninone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
@keyframes aninone{0, 100%{-webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible;}}
.aninone{-webkit-animation-name: aninone; animation-name: aninone; opacity: 1;}
@-webkit-keyframes anicalmdown{}
@keyframes anicalmdown{}
.anicalmdown{-webkit-animation-name: anicalmdown; animation-name: anicalmdown; -webkit-animation-duration: .5s !important; animation-duration: .5s !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none;}
/* 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: top;}
.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{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.op1{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.taps a,
.taplist a,
.tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.taplist .link{display: block;}
.lhd5{height: .5em;}
.reject{cursor: not-allowed;}
.poss{position: static !important;}
.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{display: inline-block; vertical-align: top;}
.vscroll{font-size: 0; overflow-y: auto; overflow-x: hidden;}
.invisible{visibility: hidden; position: absolute !important; 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;}
._pen{pointer-events: none !important;}
.bgct{background-color: transparent !important;}
.enter,
.reset{position: relative; overflow: hidden;}
.enter .iptbtn,
.reset .iptbtn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
/* resetend */
.c1{color: #2b3779;}
.bgc1{background-color: #2b3779;}
.c2{color: #e58634;}
.bgc2{background-color: #e58634;}
.c3{color: #ffaf34;}
.bgc3{background-color: #ffaf34;}
.ca{color: #333333;}
.cb{color: #666666;}
.cs{color: #999999;}
html{min-width: 1280px;}
body{color: #666666; font: 14px/1 "microsoft yahei", "微软雅黑", arial, sans-serif;}
a{color: #333333; -webkit-transition: color 220ms; transition: color 220ms;}
a.on,
a:hover{color: #e58634;}
.w,
.container{width: 1280px;}
.vmbox{font-size: 14px; line-height: 1; font-family: "microsoft yahei", "微软雅黑";}
button,
input,
select,
textarea{font-family: "microsoft yahei", "微软雅黑";}
.info{font-size: 16px; line-height: 28px;}
.imax{font-size: 16px; line-height: 1.625;}
::-moz-selection{background: #cc6c1a; color: #fff; text-shadow: none;}
::selection{background: #cc6c1a; color: #fff; text-shadow: none;}
.scroll-wrap{background-color: #fff;}
.pc ::-webkit-scrollbar{position: absolute; width: 4px; height: 4px; background: rgba(0, 0, 0, 0.1); opacity: .6;}
.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;}
.loading{background-image: url(/uploads/image/pimages/loading.gif);}
.loading-m{background-image: url(/uploads/image/pimages/loading-m.gif);}
.load-error{background-image: url(/uploads/image/pimages/error.gif);}
@font-face{font-family: "helvetica-roman-semib"; src:  format("woff2"),  format("woff"),  format("truetype"),  format("embedded-opentype"),  format("svg"),  format("opentype"); font-weight: normal; font-style: normal;}
/* ------------------- htmls ------------------- */
/* 表单 */
.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: inherit;}
.formitem .skin:-moz-placeholder{color: inherit;}
.formitem .skin::-moz-placeholder{color: inherit;}
.formitem .skin:-ms-input-placeholder{color: inherit;}
.formitem .skin._focus{border-color: #959bbc !important; /* box-shadow: 0 0 1px 2px fade(@c1,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;}
/* 组件 */
.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.025); transform: scale(1.025);}
.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; visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgon .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front{z-index: 3;}
.hbg .behind{z-index: 4;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgon .behind{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgon .front{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; /* *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 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 zoomins{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%, 100%{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%, 100%{opacity: 1;}}
.zoomins{-webkit-animation-name: zoomins; animation-name: zoomins;}
@-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 fadeinlefts{0%{opacity: 0.3; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeinlefts{0%{opacity: 0.3; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeinlefts{-webkit-animation-name: fadeinlefts; animation-name: fadeinlefts;}
@-webkit-keyframes fadeinright{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeinright{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeinright{-webkit-animation-name: fadeinright; animation-name: fadeinright;}
@-webkit-keyframes bodyfeedbackup{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translatey(40px); transform: translatey(40px);}}
@keyframes bodyfeedbackup{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translatey(40px); transform: translatey(40px);}}
.bodyfeedbackup{-webkit-animation-name: bodyfeedbackup; animation-name: bodyfeedbackup; -webkit-animation-duration: .5s; animation-duration: .5s;}
@-webkit-keyframes bodyfeedbackdown{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translatey(-40px); transform: translatey(-40px);}}
@keyframes bodyfeedbackdown{0, 100%{-webkit-transform: none !important; transform: none !important;} 77%{-webkit-transform: translatey(-40px); transform: translatey(-40px);}}
.bodyfeedbackdown{-webkit-animation-name: bodyfeedbackdown; animation-name: bodyfeedbackdown; -webkit-animation-duration: .5s; animation-duration: .5s;}
.abtnsc{position: relative; overflow: hidden; z-index: 1;}
.abtnsc:after{content: " "; position: absolute; border-radius: 50%; left: 50%; top: 50%; margin-left: -120px; margin-top: -120px; background-color: #fff; width: 240px; height: 240px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0); transform: scale(0); pointer-events: none;}
.abtnsc:hover:after{-webkit-transition: all 350ms ease-in 0ms; transition: all 350ms ease-in 0ms; opacity: 0.15; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.abtnbd{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 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; pointer-events: none; border: 0 solid #aaaaaa; border-radius: inherit; opacity: 0;}
.abtnbd:hover:after{border-width: 30px; opacity: 0.2;}
.abtnmask{position: relative; overflow: hidden; background-color: #ffffff \9;}
.abtnmask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.abtnmask:after{z-index: 8 !important; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.abtnmask:hover:after{opacity: .07;}
/* backtotopxxx */
/* 滚动加载 */
.scrollajax #loadstate{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #2b3779; 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: #2b3779; cursor: pointer;}
.scrollajax #loadstate.retry: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%); -webkit-transform: skewx(-25deg) translatex(-149px); transform: skewx(-25deg) translatex(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.scrollajax #loadstate.retry:hover:before{left: 100%; -webkit-transform: skewx(-25deg) translatex(149px); transform: skewx(-25deg) translatex(149px); 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; 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 ;}
.talert .contain .tclose{position: absolute; top: 2px; right: 2px; width: 40px; height: 40px;}
.talert .contain .tclose s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 36px; font-size: 20px; color: #333333; font-family: "microsoft yahei", "微软雅黑", arial, sans-serif; cursor: pointer; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.talert .contain .tclose s:hover{color: #333333;}
.ysqueo .talert .contain .tclose s{overflow: hidden; text-indent: 120%;}
.ysqueo .talert .contain .tclose s:before,
.ysqueo .talert .contain .tclose s:after{pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 20px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #333333;}
.ysqueo .talert .contain .tclose s:before{top: 14px; -webkit-transform: rotate(45deg) translate(3.93502884px, 0); transform: rotate(45deg) translate(3.93502884px, 0); top: 9px;}
.ysqueo .talert .contain .tclose s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(3.93502884px, 0); transform: rotate(-45deg) translate(3.93502884px, 0); bottom: 9px;}
.ysqueo .talert .contain .tclose s:hover:before,
.ysqueo .talert .contain .tclose s:hover:after{background-color: #333333;}
.talert .contain .tclose s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.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: #2b3779; 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{text-align: center;}
.pagelistbox .pagelist{display: inline-block; vertical-align: top; position: relative; overflow: hidden; font-size: 0; padding-top: 60px; padding-bottom: 0;}
.pagelistbox .pagelist ul{position: relative; float: none !important; line-height: 40px;}
.pagelistbox .pagelist ul,
.pagelistbox .pagelist ul li{display: inline-block; vertical-align: top;}
.pagelistbox .pagelist ul li{margin: 0 5px; font-size: 14px;}
.pagelistbox .pagelist a{display: block; border: #c8c8c8 solid 1px; padding-left: 20px; padding-right: 20px; text-align: center; height: 40px; color: #888; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px;}
.pagelistbox .pagelist a:hover,
.pagelistbox .pagelist a.selected{color: #fff; background-color: #e58634;}
.pagelistbox .pagelist a:active{border-color: #fff;}
/* 相册弹窗 */
#albumwindow{position: fixed; left: 0; top: 50%; right: 0; bottom: 50%; z-index: 99; background-color: #fff; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 0; 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; visibility: visible; top: 0; bottom: 0;}
#albumwindow .close.btn{position: absolute; overflow: hidden; z-index: 3; right: 0; top: 0; width: 56px; height: 56px; background-color: #e58634;}
#albumwindow .close.btn s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 50.4px; font-size: 32px; color: #ffffff; font-family: "microsoft yahei", "微软雅黑", arial, sans-serif; cursor: pointer; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
#albumwindow .close.btn s:hover{color: #ffffff;}
.ysqueo #albumwindow .close.btn s{overflow: hidden; text-indent: 120%;}
.ysqueo #albumwindow .close.btn s:before,
.ysqueo #albumwindow .close.btn s:after{pointer-events: none !important; content: " "; position: absolute; left: 12px; width: 32px; height: 4px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #ffffff;}
.ysqueo #albumwindow .close.btn s:before{top: 16px; -webkit-transform: rotate(45deg) translate(6.21320344px, 0); transform: rotate(45deg) translate(6.21320344px, 0); top: 10px;}
.ysqueo #albumwindow .close.btn s:after{bottom: 16px; -webkit-transform: rotate(-45deg) translate(6.21320344px, 0); transform: rotate(-45deg) translate(6.21320344px, 0); bottom: 10px;}
.ysqueo #albumwindow .close.btn s:hover:before,
.ysqueo #albumwindow .close.btn s:hover:after{background-color: #ffffff;}
#albumwindow .close.btn s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
#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;}
#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%;}
#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; visibility: hidden; /* *visibility: visible; */}
#albumwindow .contain .item.on h3{-webkit-transition: all 250ms ease 400ms; transition: all 250ms ease 400ms; opacity: 1; 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: #e58634; text-align: center;}
#albumwindow .ctr s{color: #e58634; 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: #e58634;}
.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: #e58634; -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: #e58634;}
.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;}
/*header*/
.header{position: fixed; left: 0; top: 0; width: 100%; height: 62px; z-index: 21; background-color: #fff; -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.25); /* searchbox */}
.header .container{position: relative; height: 100%;}
.header .logo{float: left; position: relative; top: 50%; margin-top: -21.5px; height: 43px; overflow: hidden;}
.header .logo img{display: block; height: 100%;}
.header .logo:before{content: ""; z-index: 22; position: absolute; overflow: hidden; width: 80px; height: 50px; 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(-103px); transform: skewx(-25deg) translatex(-103px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.header .logo:hover:before{left: 105%; -webkit-transform: skewx(-25deg) translatex(103px); transform: skewx(-25deg) translatex(103px); -webkit-transition: all 900ms ease 0s; transition: all 900ms ease 0s;}
.header .firnav{float: right; position: relative; margin-right: 208px;}
.header .firnav .firitem{float: left; position: relative; z-index: 5; height: 62px; text-align: center; font-size: 14px; border-right: #e9e9e9 solid 1px; border-left: #e9e9e9 solid 1px; margin-left: -1px;}
.header .firnav .firitem:before{content: " "; z-index: -1; position: absolute; left: 0; width: 100%; top: 100%; height: 0; background-color: #e58634; -webkit-transition: 300ms; transition: 300ms;}
.header .firnav .firitem .link1{display: block; height: 28px; line-height: 28px; padding-top: 17px; padding-bottom: 17px; padding-left: 10px; padding-right: 18px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .firnav .firitem .ico{display: inline-block; vertical-align: top; width: 28px; height: 28px;}
.header .firnav .firitem .ico.icot-home{background-image: url(/uploads/image/pimages/icot-home.png);}
.header .firnav .firitem .ico.icot-about{background-image: url(/uploads/image/pimages/icot-about.png);}
.header .firnav .firitem .ico.icot-news{background-image: url(/uploads/image/pimages/icot-news.png);}
.header .firnav .firitem .ico.icot-product{background-image: url(/uploads/image/pimages/icot-product.png);}
.header .firnav .firitem .ico.icot-media{background-image: url(/uploads/image/pimages/icot-media.png);}
.header .firnav .firitem .ico.icot-channel{background-image: url(/uploads/image/pimages/icot-channel.png);}
.header .firnav .firitem .ico.icot-contact{background-image: url(/uploads/image/pimages/icot-contact.png);}
.header .firnav .firitem .secnav{position: absolute; left: 0%; top: 100%; padding: 10px 8px; min-width: 104px; line-height: 28px; white-space: nowrap; -webkit-transform: translatey(10px); transform: translatey(10px); background-color: #e58634; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15);}
.header .firnav .firitem .secnav .link2{position: relative; display: block; color: #fff; font-size: 14px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .firnav .firitem .secnav .secitem{position: relative; z-index: 2;}
.header .firnav .firitem .secnav .block{position: absolute; overflow: hidden; left: 0; top: 0; z-index: 1; height: 28px; width: 100%;}
.header .firnav .firitem .secnav .block s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: .2;}
.header .firnav .firitem:hover .secnav{-webkit-transform: none !important; transform: none !important; -webkit-transition-delay: 100ms; transition-delay: 100ms;}
.header .firnav .firitem.on:before{top: 0; height: 100%; -webkit-transition: top 0ms,height 300ms; transition: top 0ms,height 300ms;}
.header .firnav .firitem.on .ico{background-position: 0 -28px;}
.header .firnav .firitem.on .link1{color: #fff;}
.header .fns{position: absolute; right: 0; top: 50%; margin-top: -19px; height: 38px; padding-left: 45px;}
.header .fns .tel .dt{font-size: 12px; color: #666666; line-height: 16px;}
.header .fns .tel .dd{font-size: 20px; font-family: "simhei", "黑体"; line-height: 22px; color: #e58634;}
.header .fns .tel i{display: inline-block; vertical-align: bottom; -webkit-animation-name: fontsizeup1; animation-name: fontsizeup1; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: steps(1, end); animation-timing-function: steps(1, end); -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%;}
.header .fns .tel i:nth-of-type(1){-webkit-animation-delay: 0s; animation-delay: 0s;}
.header .fns .tel i:nth-of-type(2){-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.header .fns .tel i:nth-of-type(3){-webkit-animation-delay: 1s; animation-delay: 1s;}
.header .fns .tel i:nth-of-type(4){-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.header .fns .tel i:nth-of-type(5){-webkit-animation-delay: 2s; animation-delay: 2s;}
.header .fns .tel i:nth-of-type(6){-webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
.header .fns .tel i:nth-of-type(7){-webkit-animation-delay: 3s; animation-delay: 3s;}
.header .fns .tel i:nth-of-type(8){-webkit-animation-delay: 3.5s; animation-delay: 3.5s;}
.header .fns .tel i:nth-of-type(9){-webkit-animation-delay: 4s; animation-delay: 4s;}
.header .fns .tel i:nth-of-type(10){-webkit-animation-delay: 4.5s; animation-delay: 4.5s;}
.header .fns .tel i:nth-of-type(11){-webkit-animation-delay: 5s; animation-delay: 5s;}
.header .fns .tel i:nth-of-type(12){-webkit-animation-delay: 5.5s; animation-delay: 5.5s;}
@-webkit-keyframes fontsizeup1{0%{-webkit-transform: scale(1.25); transform: scale(1.25);} 7%, 100%{-webkit-transform: scale(1); transform: scale(1);}}
@keyframes fontsizeup1{0%{-webkit-transform: scale(1.25); transform: scale(1.25);} 7%, 100%{-webkit-transform: scale(1); transform: scale(1);}}
.header .fns .tel .fontsizeup1{-webkit-animation-name: fontsizeup1; animation-name: fontsizeup1;}
.header .searchbox{position: absolute; z-index: 22; left: 0; top: 0; height: 38px; width: 38px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .searchbox .formitem{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.header .searchbox .skin{position: absolute; overflow: hidden; right: 0; top: 0; width: 0; padding-left: 38px; height: 38px; line-height: 38px; color: #fff; border-radius: 38px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; background-color: #e58634; white-space: nowrap;}
.header .searchbox .enter{position: absolute; z-index: 6; right: 0; top: 0; width: 38px; height: 38px; background-image: url(/uploads/image/pimages/icot-searchbtn.png); background-size: auto; background-position: center center; background-repeat: no-repeat; background-color: #e58634; border-radius: 38px;}
.header .searchbox.show .skin{width: 200px; height: 38px; padding-left: 18px; padding-right: 38px; -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);}
/* floatrightbar */
.floatrightbar{position: fixed; z-index: 88; right: 0; top: 100%;}
.floatrightbar .item{position: relative; display: block; margin-top: 1px; width: 65px; height: 58px; text-align: center; font-size: 12px;}
.floatrightbar .item:first-child{margin-top: 0;}
.floatrightbar .item .stay{z-index: 2; position: relative; display: block; width: 65px; height: 18px; padding-top: 40px; background-color: #5c5c5c; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.floatrightbar .item .stay,
.floatrightbar .item .stay a{color: #ffffff;}
.floatrightbar .item .ico{position: absolute; top: 2px; left: 50%; margin-left: -18px; width: 36px; height: 36px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.floatrightbar .item .hide{z-index: 5; position: absolute; right: 0; top: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2); box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2);}
.floatrightbar .item .vmbox{color: #fff; font-size: 14px; line-height: 20px; white-space: nowrap; text-align: left;}
.floatrightbar .item .qrcode{width: 96px; height: 96px; background-color: #fff;}
.floatrightbar .item .qrcode img{display: block; width: 100%; height: 100%;}
.floatrightbar .item .sigtxt{padding-left: 56px; height: 58px; white-space: nowrap; width: auto; padding-right: 20px; text-align: left; background-color: #e58634; color: #fff; -webkit-transform: translatex(100%); transform: translatex(100%);}
.floatrightbar .item .sigtxt .ico{top: 7px; margin-left: 0; left: 10px;}
.floatrightbar .item .sigtxt .dt{margin-top: 10px; font-size: 12px;}
.floatrightbar .item .sigtxt .dd{margin-top: 6px; font-size: 18px;}
.floatrightbar .item .backtotop{cursor: default;}
.floatrightbar .item .backtotop.actived{cursor: pointer;}
.floatrightbar .item .backtotop.actived:hover .ico{background-position: 0 -36px !important;}
.floatrightbar .item:hover .stay{background-color: #e58634;}
.floatrightbar .item:hover .stay,
.floatrightbar .item:hover .stay a{color: #ffffff;}
.floatrightbar .item:hover .hide{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important;}
/* modal-guidance */
.modal-guidance{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%;}
.modal-guidance:before,
.modal-guidance:after{z-index: -1; content: " "; position: absolute; top: 0; width: 55%; height: 100%; background-color: #fff; pointer-events: none; -webkit-transition: all 666ms ease 0s; transition: all 666ms ease 0s;}
.modal-guidance:before{left: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.modal-guidance:after{right: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.modal-guidance .process{position: absolute; left: 0; top: 50%; margin-top: -160px; width: 100%; text-align: center; color: #2b3779;}
.modal-guidance .process .logo{height: 122px;}
.modal-guidance .process .welcome{margin-top: 28px; font-size: 20px; font-weight: bold;}
.modal-guidance .process .bar{position: relative; margin-top: 28px; width: 100%; height: 1px; background-color: #e3e3e3;}
.modal-guidance .process .bar s{position: absolute; left: 50%; top: -1px; margin-left: -54px; width: 108px; height: 3px;}
.modal-guidance .process .bar i{display: inline-block; vertical-align: top; height: 3px; width: 0; -webkit-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms; background-color: #2b3779; -webkit-animation-name: anishinycolor1; animation-name: anishinycolor1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -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 anishinycolor1{0%, 100%{opacity: 1; padding-left: 0; padding-right: 0;} 50%{opacity: .2; margin-left: -5px; padding-left: 5px; padding-right: 5px;}}
@keyframes anishinycolor1{0%, 100%{opacity: 1; padding-left: 0; padding-right: 0;} 50%{opacity: .2; margin-left: -5px; padding-left: 5px; padding-right: 5px;}}
.modal-guidance .process .bar i .anishinycolor1{-webkit-animation-name: anishinycolor1; animation-name: anishinycolor1;}
.modal-guidance .process .percent{margin-top: 20px; line-height: 30px;}
.modal-guidance .process .percent b{font-size: 28px; font-weight: bold; font-family: tahoma, sans-serif;}
.modal-guidance .process .percent s{font-size: 16px; font-weight: normal; font-family: arial, sans-serif, "microsoft yahei", "微软雅黑";}
.modal-guidance .process .btn{font-size: 14px;}
.modal-guidance.loaded .bar i{-webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;}
.modal-guidance.closed{-webkit-transition: all 800ms ease 100ms; transition: all 800ms ease 100ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ pointer-events: none;}
.fullpage-overview{position: fixed; left: 0; top: 0; z-index: 20; overflow-y: hidden; overflow-x: auto; width: 100%; height: 100%; background-color: #fae7d6; min-width: 1300px;}
.fullpage-overview > .shade{position: absolute; left: 0; top: 0;}
.fullpage-viewport{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.fullpage-bg{-webkit-transition: -webkit-transform 4000ms ease 200ms; transition: -webkit-transform 4000ms ease 200ms; transition: transform 4000ms ease 200ms; transition: transform 4000ms ease 200ms, -webkit-transform 4000ms ease 200ms; -webkit-transform-origin: 50% 80%; transform-origin: 50% 80%; z-index: -1;}
.fullpage-section{position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2;}
.fullpage-section .vm{z-index: 3;}
.fullpage-section.leaving{pointer-events: none;}
.fullpage-section.on .fullpage-bg{-webkit-transform: scale(1.025); transform: scale(1.025);}
.index:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 21; background-color: #000; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.index.mask000:after{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.4; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.index-banner{position: relative; left: 0; top: 0; width: 100%; height: 100%; height: 100vh; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.index-banner .item{overflow: hidden; position: relative; left: 0; top: 0; width: 100%; height: 100%; height: 100vh;}
.index-banner .item .image,
.index-banner .item .videobg{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%; pointer-events: none;}
.index-banner .item.moveitem{position: absolute;}
.index-banner .pagination{height: 10px; line-height: 10px; position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.index-banner .pagination .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 28px; height: 28px; -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: 0 6px;}
.index-banner .pagination .btn:before,
.index-banner .pagination .btn:after{content: " "; position: absolute; left: 50%; top: 50%; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; border-radius: 50%;}
.index-banner .pagination .btn:before{width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; opacity: .3;}
.index-banner .pagination .btn:after{width: 0; height: 0; margin-left: 0; margin-top: 0; opacity: 1;}
.index-banner .pagination .btn.on:before{width: 28px; height: 28px; margin-left: -14px; margin-top: -14px;}
.index-banner .pagination .btn.on:after{width: 10px; height: 10px; margin-left: -5px; margin-top: -5px;}
.maxh600 .index-banner .pagination{bottom: 32px;}
.ysqueo .index-banner.dir_z .item.come{width: 0; z-index: 30 !important; margin-left: 50%;}
.ysqueo .index-banner.dir_z .item.come.on{margin-left: 0; width: 100%; -webkit-transition: width 800ms ease-out 0s, margin 800ms ease-out 0s; transition: width 800ms ease-out 0s, margin 800ms ease-out 0s;}
.ysqueo .index-banner.dir_z .item.leave{opacity: 1 !important;}
.ysqueo .index-banner.dir_f .item.leave{width: 0; z-index: 30 !important; margin-left: 50%; -webkit-transition: width 800ms ease-out 0s, margin 800ms ease-out 0s; transition: width 800ms ease-out 0s, margin 800ms ease-out 0s;}
.ysqueo .index-banner.dir_f .item.come{opacity: 1 !important;}
.index .vm{padding-top: 62px; text-align: center;}
.index .vmbox{width: 1280px; text-align: left;}
.index-about .vmbox{width: 610px; padding-right: 670px; color: #4b5671;}
.index-about .dt .cn{font-size: 28px; font-weight: bold;}
.index-about .dt .en{margin-top: 20px; font-size: 22px; font-family: "microsoft jhenghei", "微软正黑体", arial, sans-serif; text-transform: uppercase;}
.index-about .dd{margin-top: 60px; font-size: 16px; line-height: 28px;}
.index-about .more{position: relative; overflow: hidden; margin-top: 76px; display: block; width: 148px; height: 50px; line-height: 50px; border-radius: 2px; background-color: #2b3779; color: #fff; font-size: 14px; text-align: center; padding-right: 26px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.index-about .more s{position: absolute; left: 119px; top: 50%; margin-top: -7px; width: 13px; height: 14px; background-image: url(/uploads/image/pimages/btni-about.png); background-size: auto; background-position: -16px 50%; background-repeat: no-repeat; -webkit-transition: width 110ms 180ms,background 300ms,left 300ms 0ms; transition: width 110ms 180ms,background 300ms,left 300ms 0ms;}
.index-about .more:hover{text-indent: 26px; -webkit-transition: 300ms 110ms; transition: 300ms 110ms;}
.index-about .more:hover s{width: 29px; background-position: 0 0; left: 174px; -webkit-transition: width 110ms,background 300ms,left 300ms 110ms; transition: width 110ms,background 300ms,left 300ms 110ms;}
.index-about .qimg{position: absolute; right: 17.03125%; top: 20.56179775%; width: 9.63541667%; height: 36.62921348%;}
.index-about .circle{position: absolute; right: 13.64583333%; bottom: 11.79775281%; width: 18.85416667%; height: 40.6741573%; background-image: url(/uploads/image/pimages/cbgi-about.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat;}
.index-about .circle:after{content: " "; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff;}
.maxh700 .index-about .dt .en{margin-top: 12px;}
.maxh700 .index-about .dd{margin-top: 30px;}
.maxh700 .index-about .more{margin-top: 40px;}
.index-product .vm,
.index-product .vmbox{position: static;}
.index-product .vmbox{width: 350px; padding-right: 930px; color: #fff;}
.index-product .dt{font-size: 36px; font-weight: bold;}
.index-product .dd{margin-top: 25px; font-size: 18px; line-height: 28px;}
.index-product .tags{margin-top: 20px; white-space: nowrap; font-size: 0;}
.index-product .tags li{margin-left: 18px; display: inline-block; vertical-align: top; width: 48px; height: 48px; padding: 9px; border: #fff solid 2px; border-radius: 6px; text-align: center; font-size: 18px; line-height: 24px; white-space: normal;}
.index-product .tags li:first-child{margin-left: 0;}
.index-product .more{margin-top: 42px; position: relative; overflow: hidden; z-index: 15; display: block; width: 228px; height: 38px; line-height: 38px; text-align: center; border-radius: 40px; border: #ffaf34 solid 1px; font-size: 0; white-space: nowrap;}
.index-product .more:before{content: " "; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #ffaf34; z-index: -1; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.index-product .more i,
.index-product .more b{display: inline-block; vertical-align: top; width: 106px; -webkit-transition: all 220ms ease 50ms; transition: all 220ms ease 50ms; font-size: 16px;}
.index-product .more i{color: #fff; padding-left: 8px;}
.index-product .more b{color: #ffaf34; padding-right: 8px;}
.index-product .more:hover:before{left: 50%;}
.index-product .more:hover i{color: #ffaf34;}
.index-product .more:hover b{color: #fff;}
.index-product .fulllink{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11;}
.index-product .padlink{position: absolute; right: 0; top: 0; left: 350px; bottom: 0; z-index: 3;}
.maxh700 .index-product .more{margin-top: 30px;}
.index-photowall .vmbox{text-align: center;}
.index-photowall .fullpage-bg .pa100{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(1.025); transform: scale(1.025);}
.index-photowall .fullpage-bg .pa100.on{-webkit-transition: 800ms opacity,-webkit-transform 4000ms; transition: 800ms opacity,-webkit-transform 4000ms; transition: 800ms opacity,transform 4000ms; transition: 800ms opacity,transform 4000ms,-webkit-transform 4000ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.index-photowall-slide{position: relative; width: 1280px; height: 600px;}
.index-photowall-slide .shade{height: 660px;}
.index-photowall-slide .item{position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.index-photowall-slide .item.moveitem{position: absolute;}
.index-photowall-slide .item .dt{font-size: 38px; color: #333333;}
.index-photowall-slide .item .dd{margin-top: 12px; font-size: 16px; line-height: 24px; color: #666666;}
.index-photowall-slide .item .pic{margin-top: -14px; width: 100%; background-color: transparent;}
.index-photowall-slide .item .more{position: relative; z-index: 12; display: block; margin-left: auto; margin-right: auto; color: #fff;}
.index-photowall-slide .item.leadercare .pic{height: 653px;}
.index-photowall-slide .item.leadercare .more{position: absolute; left: 50%; margin-left: -68px; top: 564px; margin-top: -18px; width: 136px; height: 36px; line-height: 36px; border-radius: 36px; font-size: 16px; background-color: #e58634;}
.index-photowall-slide .item.peer .pic{height: 510px;}
.index-photowall-slide .item.peer .more{position: absolute; left: 50%; margin-left: -50px; top: 460px; width: 100px; height: 38px; padding-top: 49px; background-image: url(/uploads/image/pimages/btni-peer.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; font-size: 14px;}
.index-photowall-slide .item.peer .more s{position: absolute; left: 50%; top: 16px; margin-left: -8px; width: 16px; height: 16px; background-image: url(/uploads/image/pimages/btni-peers.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.index-photowall-slide .item.peer .more:hover s{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.index-photowall-slide .ctr{z-index: 8; position: absolute; top: 50%; margin-top: 8px; width: 44px; height: 44px; line-height: 44px; -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: #aeaeae; text-align: center;}
.index-photowall-slide .ctr s{font-size: 48px; font-weight: bold;}
.index-photowall-slide .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "simsun", "宋体" !important; pointer-events: none;}
.index-photowall-slide .ctr:hover{color: #e0a776;}
.ysqueo .index-photowall-slide .ctr s{overflow: hidden; text-indent: 100%;}
.ysqueo .index-photowall-slide .ctr s:before,
.ysqueo .index-photowall-slide .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 3px; background-color: #aeaeae; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqueo .index-photowall-slide .ctr:hover s:before,
.ysqueo .index-photowall-slide .ctr:hover s:after{background-color: #e0a776;}
.ysqueo .index-photowall-slide .ctr.prev s:before,
.ysqueo .index-photowall-slide .ctr.prev s:after{margin-left: -9px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqueo .index-photowall-slide .ctr.prev s:before{-webkit-transform: rotate(-36deg) translatex(-1.5px); transform: rotate(-36deg) translatex(-1.5px);}
.ysqueo .index-photowall-slide .ctr.prev s:after{-webkit-transform: rotate(36deg) translatex(-1.5px); transform: rotate(36deg) translatex(-1.5px);}
.ysqueo .index-photowall-slide .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translatex(-1.5px); transform: rotate(-45deg) translatex(-1.5px);}
.ysqueo .index-photowall-slide .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translatex(-1.5px); transform: rotate(45deg) translatex(-1.5px);}
.ysqueo .index-photowall-slide .ctr.next s:before,
.ysqueo .index-photowall-slide .ctr.next s:after{margin-left: -15px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqueo .index-photowall-slide .ctr.next s:before{-webkit-transform: rotate(-36deg) translatex(1.5px); transform: rotate(-36deg) translatex(1.5px);}
.ysqueo .index-photowall-slide .ctr.next s:after{-webkit-transform: rotate(36deg) translatex(1.5px); transform: rotate(36deg) translatex(1.5px);}
.ysqueo .index-photowall-slide .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translatex(1.5px); transform: rotate(-45deg) translatex(1.5px);}
.ysqueo .index-photowall-slide .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translatex(1.5px); transform: rotate(45deg) translatex(1.5px);}
.index-photowall-slide .ctr.prev{left: -120px;}
.index-photowall-slide .ctr.next{right: -120px;}
@media screen and (max-width: 1600px){.index-photowall-slide .ctr.prev{left: -88px;} .index-photowall-slide .ctr.next{right: -88px;}}
@media screen and (max-width: 1440px){.index-photowall-slide .ctr.prev{left: -50px;} .index-photowall-slide .ctr.next{right: -50px;}}
@media screen and (max-width: 1320px){.index-photowall-slide{width: 1200px; margin-left: auto; margin-right: auto;} .index-photowall-slide .item.leadercare .pic{height: 590px;} .index-photowall-slide .item.leadercare .more{top: 520px;} .index-photowall-slide .item.peer .pic{height: 480px;} .index-photowall-slide .item.peer .more{top: 450px;}}
.index-news .dt{text-align: center; font-size: 38px; color: #333333;}
.index-news-tab{position: relative; margin-top: 20px; height: 496px;}
.index-news-tab .tg{text-align: center;}
.index-news-tab .tg .btn{display: inline-block; vertical-align: top; color: #666666; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; padding-left: 5px; padding-right: 5px; font-size: 16px; line-height: 32px; margin-left: 10px; margin-right: 10px;}
.index-news-tab .tg .btn.on{color: #e58634;}
.index-news-tab .tt{margin-top: 20px; position: relative; height: 342px;}
.index-news-tab .newsbox{position: absolute; left: 0; top: 40px; width: 1210px; height: 272px; padding: 35px; background-color: #fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); -webkit-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translatey(20px) scale(0.96); transform: translatey(20px) scale(0.96);}
.index-news-tab .newsbox.on{z-index: 20; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; opacity: 1; visibility: visible; top: 0; -webkit-transform: none !important; transform: none !important;}
.index-news-tab .date{height: 54px;}
.index-news-tab .date .d{font-size: 38px; color: #9c9c9c;}
.index-news-tab .date .ym{margin-top: 4px; font-size: 12px; color: #999999;}
.index-news-tab .more{display: block; position: absolute; left: 0; bottom: 0; width: 122px; height: 40px; line-height: 40px; text-align: center; color: #e58634; font-size: 16px; border-radius: 40px; border: #e58634 solid 2px;}
.index-news-tab .more:after{background-color: #e58634;}
.index-news-tab .latest{position: relative; float: left; width: 350px; height: 100%;}
.index-news-tab .latest .tag{position: absolute; right: 0; top: 10px; width: 60px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #e58634; font-size: 16px;}
.index-news-tab .latest .hr{margin-top: 30px; margin-bottom: 25px; background-color: #eeeeee;}
.index-news-tab .latest h3{position: relative; font-size: 16px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-tab .latest p{margin-top: 6px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; color: #999999;}
.index-news-tab .textlist{position: absolute; left: 0; top: 100%; margin-top: 12px;}
.index-news-tab .textlist .item{float: left; position: relative; margin-left: 12px; width: 311px; height: 90px ; background-color: #fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.index-news-tab .textlist .item:first-child{margin-left: 0;}
.index-news-tab .textlist .item .link{display: block; padding: 18px 20px 18px 108px; width: 183px; height: 54px;}
.index-news-tab .textlist .item .date{position: absolute; left: 20px; top: 18px; padding-right: 20px; border-right: #dddddd solid 1px;}
.index-news-tab .textlist .item h3{position: relative; font-size: 14px; font-weight: bold; color: #666666; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.index-news-tab .textlist .item p{line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999999; font-size: 14px;}
.index-news-tab .textlist .item .d,
.index-news-tab .textlist .item .ym,
.index-news-tab .textlist .item .link,
.index-news-tab .textlist .item p{-webkit-transition: color 220ms ease 0s; transition: color 220ms ease 0s;}
.index-news-tab .textlist .item:hover{background-color: #e58634;}
.index-news-tab .textlist .item:hover .d,
.index-news-tab .textlist .item:hover .ym,
.index-news-tab .textlist .item:hover .link,
.index-news-tab .textlist .item:hover h3,
.index-news-tab .textlist .item:hover p{color: #fff;}
.index-news-switch{float: right; width: 825px; height: 272px;}
.index-news-switch .item{position: relative; left: 0; top: 0; width: 350px; height: 272px; padding-left: 475px; background-color: #fff;}
.index-news-switch .item .pic{position: absolute; left: 0; top: 0; width: 440px; height: 272px; background-color: #f1f1f1;}
.index-news-switch .item h3{position: relative; font-size: 16px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-switch .item h3 .link{color: #000;}
.index-news-switch .item h3 .link:hover{color: #e58634;}
.index-news-switch .item p{margin-top: 34px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 130px; color: #999999;}
.index-news-switch .item .more{left: 475px;}
.index-news-switch .item.moveitem{position: absolute;}
.index-news-switch .pagination{position: absolute; bottom: 20px; left: 20px; width: 400px; z-index: 13; height: 10px; line-height: 10px; text-align: right; white-space: nowrap;}
.index-news-switch .pagination .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 5px 5px; -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 5px; border-color: #fff; border-radius: 50%;}
.index-news-switch .pagination .btn.on{border-color: #e58634;}
/* footer */
.footer{position: relative; overflow: hidden; width: 100%; background-color: #f1f1f1; border-top: #e58634 solid 5px;}
.footer.indexfixed{z-index: 22; position: fixed; left: 0; bottom: -800px;}
.footer-t{padding-top: 25px; padding-bottom: 25px;}
.footer-t .fnav{float: left; line-height: 24px;}
.footer-t .fnav .item{float: left; width: 160px; margin-right: 20px;}
.footer-t .fnav .link{color: #333333;}
.footer-t .fnav .link:hover{color: #e58634;}
.footer-t .fnav .dt{font-size: 16px;}
.footer-t .fnav .dd{margin-top: 12px; opacity: .66;}
.footer-t .qrcode{float: right; width: 120px; text-align: center;}
.footer-t .qrcode img{width: 120px; height: 120px;}
.footer-t .qrcode p{margin-top: 8px; color: #999;}
.footer-b{border-top: #e1e1e1 solid 1px; padding-top: 16px; padding-bottom: 16px; line-height: 20px;}
.footer-b .flinks em{color: #666; font-size: 16px;}
.footer-b .flinks .link{color: #999; font-size: 14px;}
.footer-b .flinks .link:hover{color: #e58634;}
.footer-b .copyrights{position: relative; overflow: hidden; margin-top: 10px;}
.footer-b .copyrights,
.footer-b .copyrights a{color: #666666;}
.footer-b .copyrights .link:hover{color: #e58634;}
/* subpage */
.subpage{padding-top: 62px; background-color: #f5f5f5; background-image: url(/uploads/image/pimages/bgs-wrap.jpg); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat;}
.subpage-banner{position: relative; overflow: hidden; height: 590px; z-index: 1;}
.subpage-banner.actived .bg{-webkit-transition: all 6s ease 50ms; transition: all 6s ease 50ms; -webkit-transform: scale(1.025); transform: scale(1.025);}
.subpage-banner .contain{padding-top: 122px; text-align: center; color: #fff;}
.subpage-banner .contain .dt{position: relative; z-index: 2; margin-left: auto; margin-right: auto; width: 208px; height: 189px; padding: 11px 8px; border: #fff solid 3px;}
.subpage-banner .contain .dt .en{display: block; margin-left: auto; margin-right: auto; width: 208px; height: 112px;}
.subpage-banner .contain .dt .cn{margin-left: auto; margin-right: auto; border-top: #f5f5f5 solid 1px; width: 174px; padding-top: 20px; font-size: 32px;}
.subpage-banner .contain .dt:after{content: " "; z-index: -1; position: absolute; left: 7px; top: 7px; right: 7px; bottom: 7px; border: #ffffff solid 1px; opacity: .50; filter: alpha(opacity=50);}
.subpage-banner .contain s{margin-left: auto; margin-right: auto; display: block; margin-top: 38px; margin-bottom: 18px; width: 15px; height: 44px; background-image: url(/uploads/image/pimages/arrows-banner.png); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat; -webkit-animation-name: steps3bg; animation-name: steps3bg; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -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;}
@-webkit-keyframes steps3bg{0%, 100%{background-position: 0 -12px;} 25%, 75%{background-position: 0 -8px;} 50%{background-position: 0 -4px;}}
@keyframes steps3bg{0%, 100%{background-position: 0 -12px;} 25%, 75%{background-position: 0 -8px;} 50%{background-position: 0 -4px;}}
.subpage-banner .contain .steps3bg{-webkit-animation-name: steps3bg; animation-name: steps3bg;}
.subpage-banner .contain .dd .cn{font-size: 36px;}
.subpage-banner .contain .dd .cn i{min-width: 0.5em;}
.subpage-banner .contain .dd .en{margin-top: 15px; font-size: 14px; line-height: 22px; font-family: arial, sans-serif, "microsoft yahei", "微软雅黑"; text-transform: uppercase; opacity: .22; filter: alpha(opacity=22); *zoom: 1;}
.subpage-neck{position: relative; padding-top: 15px; padding-bottom: 15px; height: 30px; line-height: 30px; background-color: #fff; border-bottom: #ddd solid 1px;}
.ysqueo .subpage-neck{-webkit-box-shadow: 1px 1.732px 5px 0px rgba(100, 100, 100, 0.1); box-shadow: 1px 1.732px 5px 0px rgba(100, 100, 100, 0.1); border-bottom: none;}
.subpage-nav{position: relative; float: left;}
.subpage-nav .link{z-index: 2; position: relative; float: left; min-width: 56px; padding-right: 10px; padding-left: 24px; height: 30px; margin-left: 20px; -webkit-transition: background 400ms ease 100ms, all 220ms ease 0s, all 220ms ease 0s; transition: background 400ms ease 100ms, all 220ms ease 0s, all 220ms ease 0s;}
.subpage-nav .link:first-child{margin-left: 0;}
.subpage-nav .link:before,
.subpage-nav .link:after{content: " "; position: absolute; left: 8px; top: 15px; width: 8px; height: 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.subpage-nav .link:before{background-color: #e58634; z-index: -2;}
.subpage-nav .link:after{background-color: #fff; width: 0; z-index: -1; left: 17px;}
.subpage-nav .link.on,
.subpage-nav .link:hover{color: #fff; -webkit-transition: color 200ms ease 150ms; transition: color 200ms ease 150ms;}
.subpage-nav .link.on:after,
.subpage-nav .link:hover:after{width: 8px; left: 9px; -webkit-transition: left 0ms ease 0s, width 220ms ease 200ms; transition: left 0ms ease 0s, width 220ms ease 200ms;}
.subpage-nav .block{position: absolute; overflow: hidden; left: 0; top: 0; z-index: 1; height: 28px; width: 100%;}
.subpage-nav .block s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e58634;}
.subpage-crumbs{float: right; padding-left: 22px; height: 30px; background-image: url(/uploads/image/pimages/icos-location.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;}
.subpage-crumbs,
.subpage-crumbs a{color: #666666;}
.subpage-wrap{padding-top: 55px; padding-bottom: 75px;}
.subpage-wrap .padwrap{background-color: #fff; width: 1204px; padding: 50px 38px 75px; -webkit-box-shadow: 1px 1.732px 5px 0px rgba(159, 159, 159, 0.1); box-shadow: 1px 1.732px 5px 0px rgba(159, 159, 159, 0.1);}
.subpage-head{height: 28px; line-height: 1; padding-left: 22px; border-left: #e58634 solid 6px;}
.subpage-head .cn{position: relative; top: -1px; font-size: 28px; font-weight: bold; color: #333333;}
.subpage-head .en{margin-left: 16px; font-size: 24px; font-family: arial, sans-serif, "microsoft yahei", "微软雅黑"; color: #8a8a8a; text-transform: capitalize;}
/* sabout */
.sabout-section{padding-top: 60px; padding-bottom: 20px; text-align: center;}
.sabout-head{font-size: 38px; color: #333333;}
.sabout-body{margin-top: 36px; font-size: 16px; line-height: 1.625;}
.sabout-body .datas{margin-top: 45px; text-align: center; white-space: nowrap; line-height: 1;}
.sabout-body .datas .col{display: inline-block; vertical-align: top; width: 320px;}
.sabout-body .datas .col .dt{color: #e58634; font-size: 24px;}
.sabout-body .datas .col .dt i{font-size: 66px; font-family: "helvetica-roman-semib", arial, sans-serif;}
.sabout-body .datas .col .dd{margin-top: 15px; font-size: 16px; color: #666666;}
/* sstory */
.sstory-section{position: relative; overflow: hidden; margin-top: 36px; width: 1204px; height: 727px; background-color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sstory-section .txt{z-index: 8; overflow: hidden; position: absolute; right: 0; top: 32px; width: 100%; height: 580px;}
.sstory-section .txt img{position: absolute; right: 0; top: 0; width: 1204px; height: 580px;}
.sstory-section.anistart .bg{-webkit-transform: translatey(50%); transform: translatey(50%);}
.sstory-section.anistart .txt{width: 0;}
.sstory-section.anidid .bg{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 666ms ease 0s; transition: all 666ms ease 0s;}
.sstory-section.anidid .txt{width: 1204px; -webkit-transition: all 2404ms linear 200ms; transition: all 2404ms linear 200ms;}
/* sculture */
.sculture-section{margin-top: 58px; min-height: 430px; background-image: url(/uploads/image/pimages/bgs-culture.jpg); background-size: auto; background-position: 0% 50%; background-repeat: no-repeat;}
.sculture-section .qimg{float: left; position: relative; overflow: hidden; width: 430px; height: 430px;}
.sculture-section .qimg img{position: absolute; left: 0; top: 0; width: 430px; height: 430px;}
.sculture-section .list{float: right; width: 705px; border-top: #e5e4e4 dashed 1px;}
.sculture-section .list .item{position: relative; padding-top: 19px; padding-bottom: 19px; padding-left: 128px; border-bottom: #e5e4e4 dashed 1px; min-height: 40px;}
.sculture-section .list .item .dt{position: relative; float: left; margin-left: -128px; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #333333; background-color: #ebf2fc;}
.sculture-section .list .item .dt:after{content: " "; position: absolute; left: 100%; top: 50%; margin-top: -7px; overflow: hidden; width: 0; height: 0; border-width: 7px 10px; border-color: transparent transparent transparent #ebf2fc; border-style: dashed dashed dashed solid; font-size: 0;}
.sculture-section .list .item .dd{line-height: 40px; font-size: 16px; color: #333333;}
.sculture-section .list .item.i5{min-height: 70px;}
.sculture-section .list .item.i5 .dt{height: 70px; line-height: 70px;}
.sculture-section .list .item.i5 .dd{line-height: 35px;}
.sculture-section.anistart .qimg{height: 0;}
.sculture-section.anidid .qimg{height: 430px; -webkit-transition: all 1200ms ease 0s; transition: all 1200ms ease 0s;}
/* shistory */
.shistory-list{margin-top: 52px; position: relative; overflow: hidden; z-index: 2; padding-top: 10px; padding-bottom: 10px;}
.shistory-list .unfold{display: none; position: absolute; left: 36px; bottom: 35px; font-size: 16px; line-height: 24px;}
.shistory-list .unfold:hover{color: #e58634;}
.shistory-list.overflow{padding-bottom: 70px;}
.shistory-list.overflow .unfold{display: block;}
.shistory-list:before{content: " "; pointer-events: none; z-index: -1; position: absolute; left: 8px; top: 0; bottom: 0; width: 4px; background-color: #dddddd;}
.shistory-list .item{position: relative; padding-left: 36px; padding-bottom: 30px;}
.shistory-list .item .dt{position: relative; font-size: 28px; height: 30px; line-height: 30px; color: #e58634; font-style: italic; font-family: "simhei", "黑体"; font-weight: bold;}
.shistory-list .item .dt i{font-family: arial, sans-serif, "microsoft yahei", "微软雅黑";}
.shistory-list .item .dt:before{content: " "; pointer-events: none; position: absolute; left: -36px; top: 50%; margin-top: -10px; width: 10px; height: 10px; background-color: #fff; border: #e58634 solid 5px; border-radius: 50%;}
.shistory-list .item .dd{position: relative; margin-top: 18px; font-size: 14px; padding: 10px 20px; background-color: #f4f4f4; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.shistory-list .item .dd:before{content: " "; position: absolute; left: -32px; top: 20px; margin-top: -6px; width: 12px; height: 12px; background-color: #a6a6a6; border-radius: 50%;}
.shistory-list .item .dd:after{content: " "; position: absolute; left: -20px; top: 20px; margin-top: -6px; overflow: hidden; width: 0; height: 0; border-width: 6px 10px; border-color: transparent #f4f4f4 transparent transparent; border-style: dashed solid dashed dashed; font-size: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.shistory-list .item .dd p{line-height: 24px; padding-top: 5px; padding-bottom: 5px; border-top: #dedede dashed 1px;}
.shistory-list .item .dd p:first-child{border-top: none;}
.shistory-list .item:hover .dd{background-color: #e4e4e4;}
.shistory-list .item:hover .dd:after{border-right-color: #e4e4e4;}
/* shonor */
.shonor-text-list{margin-top: 12px; position: relative; overflow: hidden; padding-top: 54px; padding-bottom: 54px; line-height: 24px; margin-bottom: -20px; *margin-bottom: 0; font-size: 0;}
.shonor-text-list .item{display: inline-block; vertical-align: top; width: 270px; padding-right: 30px; margin-bottom: 20px; font-size: 14px;}
.shonor .hr{background-color: #ececec;}
.shonor-img-list{margin-top: 60px; position: relative; overflow: hidden; margin-right: -52px; margin-bottom: -40px; *margin-bottom: 0; min-height: 40px;}
.shonor-img-list .item{float: left; position: relative; margin-right: 52px; margin-bottom: 40px; width: 262px; height: 250px;}
.ysqueo .shonor-img-list .item:after{content: " "; position: absolute; bottom: 0px; left: 100% ; width: 0; border-bottom: #e58634 solid 1px;}
.ysqueo .shonor-img-list .item:after{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ysqueo .shonor-img-list .item:hover:after,
.ysqueo .shonor-img-list .item.on:after{left: 0 ; width: 100%; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s;}
.shonor-img-list .item .img{width: 260px; height: 210px; line-height: 210px; font-size: 0; /* &:after,&:before{content:"\00a0";font-size: 0px;visibility:hidden;} */ *font-size: 159px; background-color: #efefef;}
.shonor-img-list .item .img .mask:before{content: " "; z-index: 2; position: absolute; left: 50%; top: 50%; margin: -34px 0 0 -34px; width: 68px; height: 68px; background-image: url(/uploads/image/pimages/icos-zoom.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.shonor-img-list .item .img .mask:after{content: " "; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffdbb1; opacity: .55; filter: alpha(opacity=55); *zoom: 1;}
.shonor-img-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: #e6e6e6 solid 1px; color: #666666; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; height: 39px; line-height: 40px; padding-left: 15px; padding-right: 15px; text-align: center;}
.shonor-img-list .item:hover h3{color: #e58634;}
/* scooperation */
.scooperation-list{margin-top: 44px; position: relative; overflow: hidden; margin-right: -40px; margin-bottom: -36px; *margin-bottom: 0; min-height: 36px;}
.scooperation-list .item{float: left; position: relative; margin-right: 40px; margin-bottom: 36px; width: 271px; height: 152px;}
.scooperation-list .item .img{height: 100%; line-height: 152px; font-size: 0; /* &:after,&:before{content:"\00a0";font-size: 0px;visibility:hidden;} */ text-align: center; *font-size: 115px; background-color: #f5f5f5;}
.scooperation-list .item .img img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
/* snews */
.snews .padwrap{padding: 0 0 75px; width: 1280px;}
.snews-list{margin-bottom: -20px;}
.snews-list .item{position: relative; overflow: hidden; padding: 56px 240px 30px 360px; height: 148px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.snews-list .item .pic{position: absolute; left: 30px; top: 30px; width: 280px; height: 172px; background-color: #f1f1f1;}
.snews-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 30px;}
.snews-list .item .time{position: absolute; top: 56px; right: 50px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: right; width: 108px; line-height: 1.2; color: #c5c5c5;}
.snews-list .item .time .d{font-size: 32px;}
.snews-list .item .time .ym{font-size: 16px;}
.snews-list .item p{margin-top: 30px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; color: #666666; font-size: 14px;}
.snews-list .item .more{position: absolute; right: 50px; bottom: 70px; width: 110px; height: 20px; line-height: 20px; color: #c5c5c5;}
.snews-list .item .more s{position: absolute; right: 0; top: 0; width: 40px; height: 20px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; background-color: #efefef; background-image: url(/uploads/image/pimages/arrows-newsitem.png); background-size: auto; background-position: -40px 50%; background-repeat: no-repeat;}
.snews-list .item .more:hover{color: #e58634 !important;}
.snews-list .item .more:hover s{background-color: #e58634 !important; background-position: 0 0;}
.snews-list .item:hover{z-index: 9; -webkit-box-shadow: 0px 4px 12.88px 1.12px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 12.88px 1.12px rgba(0, 0, 0, 0.14);}
.snews-list .item:hover .time,
.snews-list .item:hover .more{color: #999;}
.snews-list .item:hover .more s{background-color: #eaeaea;}
.snews-hotspot{margin-top: 45px;}
.snews-hotspot .shade{height: 245px;}
.snews-hotspot .item{float: left; position: relative; width: 392px; height: 245px; margin-left: 14px;}
.snews-hotspot .item:first-child{margin-left: 0;}
.snews-hotspot .item:before{content: " "; z-index: 6; position: absolute; left: 50%; top: 90px; margin-left: -19px; width: 38px; height: 38px; background-image: url(/uploads/image/pimages/icos-zoom2.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0.5) translatey(10px); transform: scale(0.5) translatey(10px);}
.snews-hotspot .item:after{content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #1e1e1e; opacity: .70; filter: alpha(opacity=70); *zoom: 1; z-index: 5; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.snews-hotspot .item .pic{width: 392px; height: 245px; background-color: #f1f1f1;}
.snews-hotspot .item h3{position: absolute; left: 0; bottom: 0; z-index: 8; width: 372px; padding-left: 10px; padding-right: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.snews-hotspot .item:hover h3{bottom: 75px;}
.snews-hotspot .item:hover:before{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease 100ms; transition: all 250ms ease 100ms; opacity: 1; visibility: visible;}
.snews-hotspot .item:hover:after{height: 100%;}
/* sview */
.sview .padwrap{padding-top: 40px; padding-bottom: 30px;}
.sview-head{padding-bottom: 24px; border-bottom: #dddddd solid 1px; text-align: center;}
.sview-head h1{font-size: 32px; line-height: 44px; color: #333333;}
.sview-head p{margin-top: 15px; color: #999999; line-height: 16px;}
.sview-head .icoimg{vertical-align: middle; width: 16px; height: 16px;}
.sview-body{padding-top: 30px; padding-bottom: 30px;}
.sview-foot{position: relative; padding: 14px 20px; line-height: 18px; font-size: 14px; height: 18px; background-color: #f5f5f5;}
.sview-foot .ctr{position: relative; overflow: hidden; color: #333333; height: 18px;}
.sview-foot .ctr.prev{float: left;}
.sview-foot .ctr.next{float: right;}
.sview-foot .ctr[href="#"],
.sview-foot .ctr[href=""]{cursor: not-allowed;}
.sview-foot .ctr[href="#"]:after,
.sview-foot .ctr[href=""]:after{display: none;}
.sview-foot .ctr[href="#"]:hover,
.sview-foot .ctr[href=""]:hover{color: #999999;}
.sview-foot .backtolist{position: absolute !important; left: 50%; margin-left: -2em; top: 14px; width: 4em; color: #333333; text-align: center;}
/* hotspot */
.hotspot{position: relative;}
.hotspot-head{height: 30px; line-height: 30px;}
.hotspot-head span{float: left; color: #2f2f2f; font-size: 24px; padding-left: 44px; background-image: url(/uploads/image/pimages/icos-hotspot.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;}
.hotspot-head .next{position: relative; float: right; padding-left: 34px; color: #2f2f2f; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.hotspot-head .next:before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background-image: url(/uploads/image/pimages/icos-refresh.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;}
.hotspot-head .next.refreshnext:before{-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;}
.hotspot-head .next:hover{text-indent: -3px;}
.hotspot .shade{margin-top: 30px;}
.hotspot .package{position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;}
.hotspot .package.moveitem{position: absolute;}
/* sbenifit */
.sbenifit .padwrap{padding-top: 40px;}
.sbenifit .hr{border-top: #d7d7d7 dashed 1px; margin-top: 38px; margin-bottom: 30px;}
.sbenifit-hot{position: relative; overflow: hidden; height: 174px;}
.sbenifit-hot .item{position: relative; left: 0; top: 0; width: 874px; padding-left: 330px; height: 174px; background-color: #fff;}
.sbenifit-hot .item.moveitem{position: absolute;}
.sbenifit-hot .item .pic{position: absolute; left: 0; top: 0; width: 280px; height: 174px; background-color: #f1f1f1;}
.sbenifit-hot .item h3{height: 54px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 54px; font-size: 20px; margin-right: 100px;}
.sbenifit-hot .item .time{position: absolute; right: 0; top: 20px; font-size: 14px; line-height: 18px; color: #999999;}
.sbenifit-hot .item p{margin-top: 8px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px; font-size: 14px; color: #666666;}
.sbenifit-hot .item .more{margin-top: 24px; display: block; width: 136px; height: 36px; line-height: 36px; border-radius: 36px; color: #fff; text-align: center; font-size: 16px; background-color: #e58634;}
.sbenifit-hot .pagination{position: absolute; right: 0; bottom: 10px; z-index: 7; height: 10px; line-height: 10px; text-align: center; white-space: nowrap;}
.sbenifit-hot .pagination .btn{display: inline-block; vertical-align: top; position: relative; overflow: hidden; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 5px 5px; -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 4px; border-color: #ccc; border-radius: 50%;}
.sbenifit-hot .pagination .btn.on{border-color: #e58634;}
.sbenifit-list .item{position: relative; overflow: hidden; z-index: 3; height: 78px; padding-left: 112px; padding-top: 28px;}
.sbenifit-list .item h3{font-size: 16px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.sbenifit-list .item .time{position: absolute; left: 28px; top: 28px; text-align: center; font-family: arial, sans-serif, "microsoft yahei", "微软雅黑";}
.sbenifit-list .item .time .d{font-size: 34px; color: #333333;}
.sbenifit-list .item .time .ym{margin-top: 4px; color: #999999;}
.sbenifit-list .item p{margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px;}
.sbenifit-list .item.even{background-color: #f5f5f5;}
.sbenifit-list .item.even:before{content: " "; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background-color: #e0e0e0; z-index: -1;}
.sbenifit-list .item:after{content: " "; position: absolute; left: 0; top: 100%; width: 4px; height: 0%; background-color: #e58634; z-index: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sbenifit-list .item:hover:after{top: 0; height: 100%; -webkit-transition: height 220ms ease 0s, top 0ms ease 0s; transition: height 220ms ease 0s, top 0ms ease 0s;}
/* sstaff */
.sstaff-info{margin-top: 40px; font-size: 16px; line-height: 30px; color: #333333;}
.sstaff-hot{position: relative; overflow: hidden; margin-top: 40px; background-color: #e0e0e0;}
.sstaff-hot .tt{position: relative; overflow: hidden; float: left; width: 897px; height: 560px;}
.sstaff-hot .tt .item{z-index: 2; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ background-color: #f1f1f1;}
.sstaff-hot .tt .item,
.sstaff-hot .tt .item a,
.sstaff-hot .tt .item .pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sstaff-hot .tt .item h3{display: none;}
.sstaff-hot .tt .item.on{z-index: 8; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.sstaff-hot .tg{margin-right: 25px; margin-top: 21px; float: right; width: 260px; height: 518px; overflow: hidden;}
.sstaff-hot .tg .btn{position: relative; margin-top: 22px; margin-left: 12px; display: block; width: 248px; height: 158px;}
.sstaff-hot .tg .btn:first-child{margin-top: 0;}
.sstaff-hot .tg .btn:after{content: " "; position: absolute; left: -22px; top: 50%; margin-top: -8px; overflow: hidden; width: 0; height: 0; border-width: 8px 11px; border-color: transparent #e58634 transparent transparent; border-style: dashed solid dashed dashed; font-size: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translatex(150%); transform: translatex(150%);}
.sstaff-hot .tg .btn .pic{width: 240px; height: 150px; border: #fff solid 4px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sstaff-hot .tg .btn.on .pic{border-color: #e58634;}
.sstaff-hot .tg .btn.on:after{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.sstaff-hot .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -23px; width: 46px; height: 46px; line-height: 46px; -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; background-color: #000000 \9; display: none; color: #ffffff; text-align: center;}
.sstaff-hot .ctr:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.sstaff-hot .ctr s{font-size: 32px; font-weight: bold;}
.sstaff-hot .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "simsun", "宋体" !important; pointer-events: none;}
.sstaff-hot .ctr:hover{color: #ffffff;}
.ysqueo .sstaff-hot .ctr s{overflow: hidden; text-indent: 100%;}
.ysqueo .sstaff-hot .ctr s:before,
.ysqueo .sstaff-hot .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqueo .sstaff-hot .ctr:hover s:before,
.ysqueo .sstaff-hot .ctr:hover s:after{background-color: #ffffff;}
.ysqueo .sstaff-hot .ctr.prev s:before,
.ysqueo .sstaff-hot .ctr.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqueo .sstaff-hot .ctr.prev s:before{-webkit-transform: rotate(-40deg) translatex(-1px); transform: rotate(-40deg) translatex(-1px);}
.ysqueo .sstaff-hot .ctr.prev s:after{-webkit-transform: rotate(40deg) translatex(-1px); transform: rotate(40deg) translatex(-1px);}
.ysqueo .sstaff-hot .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translatex(-1px); transform: rotate(-45deg) translatex(-1px);}
.ysqueo .sstaff-hot .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translatex(-1px); transform: rotate(45deg) translatex(-1px);}
.ysqueo .sstaff-hot .ctr.next s:before,
.ysqueo .sstaff-hot .ctr.next s:after{margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqueo .sstaff-hot .ctr.next s:before{-webkit-transform: rotate(-40deg) translatex(1px); transform: rotate(-40deg) translatex(1px);}
.ysqueo .sstaff-hot .ctr.next s:after{-webkit-transform: rotate(40deg) translatex(1px); transform: rotate(40deg) translatex(1px);}
.ysqueo .sstaff-hot .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translatex(1px); transform: rotate(-45deg) translatex(1px);}
.ysqueo .sstaff-hot .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translatex(1px); transform: rotate(45deg) translatex(1px);}
.sstaff-hot .ctr.prev{left: 0;}
.sstaff-hot .ctr.next{left: 851px;}
.sstaff-hot:hover .ctr:after{opacity: .5;}
.sstaff-list{position: relative; overflow: hidden; margin-top: 56px; margin-right: -28px; margin-bottom: -30px; *margin-bottom: 0; min-height: 30px;}
.sstaff-list .item{float: left; position: relative; margin-right: 28px; margin-bottom: 30px; width: 280px; height: 225px;}
.ysqueo .sstaff-list .item:after{content: " "; position: absolute; bottom: 0; left: 100% ; width: 0; border-bottom: #e58634 solid 2px;}
.ysqueo .sstaff-list .item:after{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ysqueo .sstaff-list .item:hover:after,
.ysqueo .sstaff-list .item.on:after{left: 0 ; width: 100%; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s;}
.sstaff-list .item .pic{display: block; height: 174px; background-color: #f1f1f1;}
.sstaff-list .item h3{position: relative; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: #ddd solid 2px; height: 49px; line-height: 50px; color: #333333; font-size: 16px;}
/* sproduct */
.sproduct{background: none;}
.sproduct .subpage-wrap{padding-bottom: 0; padding-top: 0;}
.sproduct-classify{padding-top: 68px; padding-bottom: 80px; text-align: center;}
.sproduct-classify .dt{font-size: 36px; color: #333333;}
.sproduct-classify .dt .hr{margin-top: 18px; height: 26px;}
.sproduct-classify .dt .hr:before,
.sproduct-classify .dt .hr:after{content: " "; position: relative; top: 10px; display: inline-block; vertical-align: top; width: 250px; height: 1px; background-color: #4f4f4f;}
.sproduct-classify .dt .hr s{position: relative; display: inline-block; vertical-align: top; width: 42px; height: 27px;}
.sproduct-classify .dt .hr s:before,
.sproduct-classify .dt .hr s:after{content: " "; position: absolute; left: 50%; top: 0; margin-left: -12px;}
.sproduct-classify .dt .hr s:before{z-index: 2; overflow: hidden; width: 0; height: 0; border-width: 5px 12px; border-color: #ffffff transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0;}
.sproduct-classify .dt .hr s:after{z-index: 1; overflow: hidden; width: 0; height: 0; border-width: 27px 12px; border-color: #4d4d4d transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0;}
.sproduct-classify .dd{margin-top: 50px; text-align: center; white-space: nowrap; font-size: 0;}
.sproduct-classify .dd .item{display: inline-block; vertical-align: top; margin-left: 18px; margin-right: 18px; position: relative; overflow: hidden; width: 140px; height: 140px; background-color: #f1f2f3; border-radius: 6px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.sproduct-classify .dd .item .link{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sproduct-classify .dd .item .icoimg{display: block; margin-top: 14px; margin-left: auto; margin-right: auto; width: 50px; height: 50px; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
.sproduct-classify .dd .item h3{font-size: 16px; margin-top: 10px; line-height: 20px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #414141;}
.sproduct-classify .dd .item .more{margin-top: 10px; margin-left: auto; margin-right: auto; display: block; width: 84px; height: 24px; line-height: 24px; text-align: center; color: #666666; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; border-radius: 24px; font-size: 14px;}
.sproduct-classify .dd .item:hover{background-color: #e7e8e9;}
.sproduct-classify .dd .item:hover .icoimg{-webkit-transform: rotatey(-360deg) translatey(3px); transform: rotatey(-360deg) translatey(3px);}
.sproduct-classify .dd .item:hover .more{color: #fff; background-color: #e58634;}
.sproduct-section{padding-top: 90px; padding-bottom: 84px; text-align: center;}
.sproduct-section.even{background-color: #fafbfc; background-image: url(/uploads/image/pimages/bgs-productsection.jpg); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat;}
.sproduct-section.odd{background-color: #fff;}
.sproduct-section .dt{z-index: 2; font-size: 42px; font-weight: bold; color: #666; height: 44px; line-height: 44px; text-align: center; position: relative; }
.sproduct-section .dt .cn{ position: absolute; left: 0; top: 0; width: 100%; height: 50px; z-index: 1;}
.sproduct-section .dt .en{ position: relative; height: 50px; z-index: -1;}
.sproduct-rotatemove{position: relative; margin-top: 55px; width: 1200px; left: 50%; margin-left: -600px; height: 500px;}
.sproduct-rotatemove .box{position: relative; z-index: 1; height: 100%; white-space: nowrap;}
.sproduct-rotatemove .item{display: inline-block; vertical-align: top; position: relative; width: 360px; height: 576px; background-color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sproduct-rotatemove .item .pic{width: 100%; height: 100%; background-color: #f1f1f1;}
.sproduct-rotatemove .item h3{z-index: 8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; line-height: 54px; height: 54px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center; font-size: 18px; background-color: #000000 \9;}
.sproduct-rotatemove .item h3:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0.6; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.sproduct-rotatemove .item.on h3{font-size: 28px; height: 100%; line-height: 576px; -webkit-transition: all 400ms ease 200ms; transition: all 400ms ease 200ms;}
.sproduct-rotatemove .item.rollitem{position: absolute; left: 0; top: 0;}
.sproduct-rotatemove .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -40px; width: 40px; height: 80px; line-height: 80px; -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; background-color: #000000 \9; color: #ffffff; text-align: center;}
.sproduct-rotatemove .ctr:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.sproduct-rotatemove .ctr s{font-size: 36px; font-weight: bold;}
.sproduct-rotatemove .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "simsun", "宋体" !important; pointer-events: none;}
.sproduct-rotatemove .ctr:hover{color: #ffffff;}
.ysqueo .sproduct-rotatemove .ctr s{overflow: hidden; text-indent: 100%;}
.ysqueo .sproduct-rotatemove .ctr s:before,
.ysqueo .sproduct-rotatemove .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqueo .sproduct-rotatemove .ctr:hover s:before,
.ysqueo .sproduct-rotatemove .ctr:hover s:after{background-color: #ffffff;}
.ysqueo .sproduct-rotatemove .ctr.prev s:before,
.ysqueo .sproduct-rotatemove .ctr.prev s:after{margin-left: -7px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqueo .sproduct-rotatemove .ctr.prev s:before{-webkit-transform: rotate(-36deg) translatex(-1px); transform: rotate(-36deg) translatex(-1px);}
.ysqueo .sproduct-rotatemove .ctr.prev s:after{-webkit-transform: rotate(36deg) translatex(-1px); transform: rotate(36deg) translatex(-1px);}
.ysqueo .sproduct-rotatemove .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translatex(-1px); transform: rotate(-45deg) translatex(-1px);}
.ysqueo .sproduct-rotatemove .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translatex(-1px); transform: rotate(45deg) translatex(-1px);}
.ysqueo .sproduct-rotatemove .ctr.next s:before,
.ysqueo .sproduct-rotatemove .ctr.next s:after{margin-left: -11px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqueo .sproduct-rotatemove .ctr.next s:before{-webkit-transform: rotate(-36deg) translatex(1px); transform: rotate(-36deg) translatex(1px);}
.ysqueo .sproduct-rotatemove .ctr.next s:after{-webkit-transform: rotate(36deg) translatex(1px); transform: rotate(36deg) translatex(1px);}
.ysqueo .sproduct-rotatemove .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translatex(1px); transform: rotate(-45deg) translatex(1px);}
.ysqueo .sproduct-rotatemove .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translatex(1px); transform: rotate(45deg) translatex(1px);}
.sproduct-rotatemove .ctr.prev{left: 30px;}
.sproduct-rotatemove .ctr.prev.ctrshow:after{opacity: .4;}
.sproduct-rotatemove .ctr.next{right: 30px;}
.sproduct-rotatemove .ctr.next.ctrshow:after{opacity: .4;}
.sproduct-rotatemove .ctr:hover:after{opacity: .6 !important;}
.sproduct .padwrap{padding: 55px 0 75px; width: 1280px;}
.sproduct-filtrate .panel{position: relative; overflow: hidden; margin-bottom: 10px; height: 34px; padding: 10px 300px 10px 124px; border: #d9d9d9 solid 1px; border-top: #e58634 solid 4px; background-color: #f1f1f1;}
.sproduct-filtrate .panel .dt{position: absolute; left: 24px; top: 50%; margin-top: -10px; height: 20px; line-height: 20px; color: #333333; color: #000; font-weight: bold; font-size: 16px;}
.sproduct-filtrate .panel .dd{height: 34px; line-height: 34px; font-size: 0;}
.sproduct-filtrate .panel .dd > .btn{position: relative; display: inline-block; vertical-align: top; height: 32px; border: #d9d9d9 solid 1px; padding: 0 28px 0 12px; color: #666666; background-color: #fff; margin-right: 16px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; font-size: 14px;}
.sproduct-filtrate .panel .dd > .btn s{position: absolute; right: 5px; top: 8px; width: 17px; height: 17px; background-image: url(/uploads/image/pimages/icos-close.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.sproduct-filtrate .panel .dd > .btn s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.sproduct-filtrate .panel .dd > .btn:hover{border-color: #e58634;}
.sproduct-filtrate .panel .searchbox{position: absolute; right: 8px; top: 9px; z-index: 9; width: 254px; height: 34px;}
.sproduct-filtrate .panel .searchbox .skin{width: 200px; height: 32px; padding-left: 12px; padding-right: 40px; border: #d9d9d9 solid 1px; background-color: #fff; font-size: 14px; color: #666;}
.sproduct-filtrate .panel .searchbox .enter{position: absolute; z-index: 6; right: 1px; top: 1px; width: 32px; height: 32px; background-image: url(/uploads/image/pimages/icos-searchbtn.png); background-size: auto; background-position: center center; background-repeat: no-repeat;}
.sproduct-filtrate .sel-line{position: relative; overflow: hidden; border: #d9d9d9 solid 1px; margin-top: -1px; padding: 12px 12px 12px 124px;}
.sproduct-filtrate .sel-line .sel-param{position: absolute; left: 0; top: 0; width: 109px; height: 100%; background-color: #f1f1f1; border-right: #d9d9d9 solid 1px;}
.sproduct-filtrate .sel-line .sel-param span{position: absolute; left: 36px; top: 50%; margin-top: -10px; height: 20px; line-height: 20px; color: #333333; font-size: 14px; color: #000; font-weight: bold;}
.sproduct-filtrate .sel-line .sel-value{position: relative; overflow: hidden; font-size: 0; min-height: 30px; padding-right: 80px; max-height: 64px; padding-left: 64px;}
.sproduct-filtrate .sel-line .sel-value .getall{position: absolute; left: 0; top: 0;}
.sproduct-filtrate .sel-line .sel-value .btn{display: inline-block; vertical-align: top; margin-right: 4px; margin-bottom: 4px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; font-size: 14px; height: 30px; line-height: 30px; padding-left: 16px; padding-right: 16px; color: #333333;}
.sproduct-filtrate .sel-line .sel-value .btn:hover{color: #e58634;}
.sproduct-filtrate .sel-line .sel-value .btn.on{background-color: #e58634; color: #fff;}
.sproduct-filtrate .sel-line .sel-value .slideall{display: none; position: absolute; right: 0; top: 0; border: #ddd solid 1px; font-size: 12px; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 15px; cursor: pointer; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sproduct-filtrate .sel-line .sel-value .slideall:hover{border-color: #e58634;}
.sproduct-filtrate .sel-line .sel-value .slideall.on{background-color: #e58634; color: #fff;}
.sproduct-filtrate .sel-line .sel-value.liberate{max-height: none;}
.sproduct-list{margin-top: 30px; position: relative; overflow: hidden; margin-right: -25px; margin-bottom: -20px; *margin-bottom: 0; min-height: 20px;}
.sproduct-list .item{float: left; position: relative; margin-right: 25px; margin-bottom: 20px; width: 410px; height: 300px;}
.sproduct-list .item .pic{width: 100%; height: 256px; background-color: #f1f1f1;}
.sproduct-list .item h3{margin-top: 18px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 16px;}
.sproduct-list .item .tag{position: absolute; left: 0; top: 0; z-index: 9; width: 2em; height: 36px; line-height: 18px; font-size: 16px; padding: 7px 9px; color: #fff; background-color: #e58634; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sproduct-view{background: none; padding-bottom: 40px;}
.sproduct-view-head{margin-bottom: 30px;}
.sproduct-view-head h1{position: relative; top: -2px; padding-left: 22px; color: #333; font-size: 34px;}
.sproduct-view-head h1:before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -15px; height: 30px; width: 8px; border-radius: 8px; background-color: #e58634;}
.sproduct-view-intro{padding-top: 68px; padding-bottom: 50px; background-color: #fff;}
.sproduct-view-switch{position: relative; overflow: hidden;}
.sproduct-view-switch .tt{position: relative; overflow: hidden; float: left; width: 1070px; height: 600px;}
.sproduct-view-switch .tt .item{z-index: 2; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ background-color: #fff;}
.sproduct-view-switch .tt .item,
.sproduct-view-switch .tt .item .pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f1f1f1;}
.sproduct-view-switch .tt .item.on{z-index: 8; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.sproduct-view-switch .tg{position: relative; float: right; width: 190px; height: 600px; overflow: hidden;}
.sproduct-view-switch .tg .btn{display: block; position: relative; margin-top: 15px; width: 190px; height: 108px; background-color: #000;}
.sproduct-view-switch .tg .btn:first-child{margin-top: 0;}
.sproduct-view-switch .tg .btn:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #e58634 solid 4px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.sproduct-view-switch .tg .btn .pic{width: 100%; height: 100%; background-color: #f1f1f1; opacity: .8; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sproduct-view-switch .tg .btn.on .pic{opacity: 1;}
.sproduct-view-switch .tg .btn .border{position: absolute; background-color: #e58634; z-index: 11;}
.sproduct-view-switch .tg .btn .border.b_t{left: 100%; right: 0%; top: 0; height: 4px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn .border.b_r{top: 100%; bottom: 0%; right: 0; width: 4px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn .border.b_b{left: 100%; right: 0%; bottom: 0; height: 4px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn .border.b_l{top: 100%; bottom: 0%; left: 0; width: 4px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn.on .b_t{left: 0; right: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn.on .b_r{top: 0; bottom: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn.on .b_b{left: 0; right: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .tg .btn.on .b_l{top: 0; bottom: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.sproduct-view-switch .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -44px; width: 46px; height: 88px; line-height: 88px; -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; background-color: #000000 \9; display: none; color: #ffffff; text-align: center;}
.sproduct-view-switch .ctr:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.sproduct-view-switch .ctr s{font-size: 32px; font-weight: bold;}
.sproduct-view-switch .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "simsun", "宋体" !important; pointer-events: none;}
.sproduct-view-switch .ctr:hover{color: #ffffff;}
.ysqueo .sproduct-view-switch .ctr s{overflow: hidden; text-indent: 100%;}
.ysqueo .sproduct-view-switch .ctr s:before,
.ysqueo .sproduct-view-switch .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqueo .sproduct-view-switch .ctr:hover s:before,
.ysqueo .sproduct-view-switch .ctr:hover s:after{background-color: #ffffff;}
.ysqueo .sproduct-view-switch .ctr.prev s:before,
.ysqueo .sproduct-view-switch .ctr.prev s:after{margin-left: -6px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqueo .sproduct-view-switch .ctr.prev s:before{-webkit-transform: rotate(-40deg) translatex(-1px); transform: rotate(-40deg) translatex(-1px);}
.ysqueo .sproduct-view-switch .ctr.prev s:after{-webkit-transform: rotate(40deg) translatex(-1px); transform: rotate(40deg) translatex(-1px);}
.ysqueo .sproduct-view-switch .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translatex(-1px); transform: rotate(-45deg) translatex(-1px);}
.ysqueo .sproduct-view-switch .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translatex(-1px); transform: rotate(45deg) translatex(-1px);}
.ysqueo .sproduct-view-switch .ctr.next s:before,
.ysqueo .sproduct-view-switch .ctr.next s:after{margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqueo .sproduct-view-switch .ctr.next s:before{-webkit-transform: rotate(-40deg) translatex(1px); transform: rotate(-40deg) translatex(1px);}
.ysqueo .sproduct-view-switch .ctr.next s:after{-webkit-transform: rotate(40deg) translatex(1px); transform: rotate(40deg) translatex(1px);}
.ysqueo .sproduct-view-switch .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translatex(1px); transform: rotate(-45deg) translatex(1px);}
.ysqueo .sproduct-view-switch .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translatex(1px); transform: rotate(45deg) translatex(1px);}
.sproduct-view-switch .ctr.prev{left: 0;}
.sproduct-view-switch .ctr.next{left: 1024px;}
.sproduct-view-switch:hover .ctr:after{opacity: .3;}
.sproduct-view-dt{height: 34px; line-height: 1;}
.sproduct-view-dt .cn{position: relative; top: -1px; font-size: 34px; color: #333333;}
.sproduct-view-dt .en{margin-left: 16px; font-size: 16px; font-family: arial, sans-serif, "microsoft yahei", "微软雅黑"; color: #999; text-transform: uppercase;}
.sproduct-view-parameter .sproduct-view-dt{padding: 30px 22px;}
.sproduct-view-parameter .list .item{position: relative; overflow: hidden; padding-top: 8px; padding-bottom: 8px; min-height: 30px; font-size: 0;}
.sproduct-view-parameter .list .item .col{display: inline-block; vertical-align: top; width: 442px; padding-left: 138px; padding-right: 40px; line-height: 30px;}
.sproduct-view-parameter .list .item .col em{font-size: 22px; color: #333333; float: left; margin-left: -118px;}
.sproduct-view-parameter .list .item .col span{display: inline-block; vertical-align: top; font-size: 18px; line-height: 30px;}
.sproduct-view-parameter .list .item .col:first-child{width: 482px;}
.sproduct-view-parameter .list .item.even{background-color: #eaeaea;}
.sproduct-view-parameter .list .item.odd{background-color: #fff;}
.sproduct-view-detail{background-color: #fff;}
.sproduct-view-detail .sproduct-view-dt{padding: 13px 22px; background-color: #eaeaea;}
.sproduct-view-detail .content{padding-top: 45px; padding-bottom: 20px; font-size: 16px; line-height: 1.875;}
.sproduct-view-detail .sview-foot{background-color: #e58634;}
.sproduct-view-detail .sview-foot a{color: #fff !important;}
.sproduct-hotspot{margin-top: 40px;}
.sproduct-hotspot .shade{height: 300px;}
.sproduct-hotspot .item{float: left; position: relative; margin-left: 25px; margin-bottom: 20px; width: 410px; height: 300px;}
.sproduct-hotspot .item:first-child{margin-left: 0;}
.sproduct-hotspot .item .pic{width: 410px; height: 256px; background-color: #f1f1f1;}
.sproduct-hotspot .item h3{margin-top: 18px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 16px;}
.sproduct-hotspot .item .tag{position: absolute; left: 0; top: 0; z-index: 9; width: 2em; height: 36px; line-height: 18px; font-size: 16px; padding: 7px 9px; color: #fff; background-color: #e58634; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* smedia */
.smedia-hot,
.smedia-list{position: relative; overflow: hidden; margin-top: 40px; margin-bottom: -12px; *margin-bottom: 0;}
.smedia-hot .item,
.smedia-list .item{position: relative; overflow: hidden; float: left; width: 390px; height: 220px; margin-bottom: 12px; cursor: pointer;}
.smedia-hot .item .pic,
.smedia-list .item .pic{width: 100%; height: 100%; background-color: #f1f1f1;}
.smedia-hot .item h3,
.smedia-list .item h3{position: absolute; left: 0; bottom: 0; z-index: 8; right: 0; padding: 50px 20px 0; height: 40px; line-height: 26px; font-size: 16px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-image: url(/uploads/image/pimages/masks-videoitem.png); -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.smedia-hot .item:after,
.smedia-list .item:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: #000; background-image: url(/uploads/image/pimages/icos-play.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(1.5); transform: scale(1.5);}
.smedia-hot .item:hover h3,
.smedia-list .item:hover h3{bottom: -100px;}
.smedia-hot .item:hover:after,
.smedia-list .item:hover:after{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0.65; visibility: visible; -webkit-transform: none !important; transform: none !important;}
.smedia-hot .item:first-child{width: 806px; height: 452px; margin-right: 8px;}
.smedia .hr{margin-top: 40px; background-color: #ececec; height: 6px;}
.smedia-list{margin-right: -17px; margin-top: 40px;}
.smedia-list .item{margin-right: 17px;}
/* modal-videoplayer */
.modal-videoplayer{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90; background-color: #fff;}
.modal-videoplayer .close{position: absolute; top: 0; right: 0; width: 48px; height: 48px; cursor: pointer; z-index: 80; background-color: #000;}
.modal-videoplayer .close s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 43.2px; font-size: 28px; color: #ffffff; font-family: "microsoft yahei", "微软雅黑", arial, sans-serif; cursor: pointer; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.modal-videoplayer .close s:hover{color: #ffffff;}
.ysqueo .modal-videoplayer .close s{overflow: hidden; text-indent: 120%;}
.ysqueo .modal-videoplayer .close s:before,
.ysqueo .modal-videoplayer .close s:after{pointer-events: none !important; content: " "; position: absolute; left: 10px; width: 28px; height: 2px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-color: #ffffff;}
.ysqueo .modal-videoplayer .close s:before{top: 14px; -webkit-transform: rotate(45deg) translate(5.59188309px, 0); transform: rotate(45deg) translate(5.59188309px, 0); top: 9px;}
.ysqueo .modal-videoplayer .close s:after{bottom: 14px; -webkit-transform: rotate(-45deg) translate(5.59188309px, 0); transform: rotate(-45deg) translate(5.59188309px, 0); bottom: 9px;}
.ysqueo .modal-videoplayer .close s:hover:before,
.ysqueo .modal-videoplayer .close s:hover:after{background-color: #ffffff;}
.modal-videoplayer .close s:hover{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}
.modal-videoplayer .player{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #edf7fc;}
/* smarketing */
.smarketing .padwrap{padding-bottom: 30px;}
.smarketing-section{padding-top: 40px; padding-bottom: 30px; text-align: center;}
.smarketing-section .head{font-size: 34px; color: #333333;}
.smarketing-section .info{margin-top: 20px; margin-left: auto; margin-right: auto; width: 650px;}
.smarketing-section .datas{margin-top: 30px; text-align: center; font-size: 0;}
.smarketing-section .datas .col{display: inline-block; vertical-align: top; width: 290px;}
.smarketing-section .datas .col .dt{color: #e58634; font-size: 24px; height: 66px; line-height: 66px;}
.smarketing-section .datas .col .dt i{font-size: 66px; font-family: "helvetica-roman-semib", arial, sans-serif;}
.smarketing-section .datas .col .dt i.fz52{font-family: "microsoft yahei", "微软雅黑", arial, sans-serif; font-size: 52px;}
.smarketing-section .datas .col .dd{margin-top: 10px; font-size: 16px;}
.smarketing-rotatemove{position: relative; margin-top: 44px; width: 1204px; height: 481px;}
.smarketing-rotatemove .box{z-index: 1; white-space: nowrap; -webkit-perspective: 200px; perspective: 200px;}
.smarketing-rotatemove .item{display: inline-block; vertical-align: top; position: relative; width: 360px; height: 576px; background-color: #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.smarketing-rotatemove .item .pic{width: 100%; height: 100%; background-color: #f1f1f1;}
.smarketing-rotatemove .item h3{z-index: 8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; line-height: 54px; height: 54px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: center; font-size: 18px; background-color: #000000 \9;}
.smarketing-rotatemove .item h3:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #000000; opacity: 0.6; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.smarketing-rotatemove .item.rollitem{position: absolute; left: 0; top: 0; -webkit-transition: -webkit-transform 400ms ease 0s; transition: -webkit-transform 400ms ease 0s; transition: transform 400ms ease 0s; transition: transform 400ms ease 0s, -webkit-transform 400ms ease 0s;}
.smarketing-rotatemove .item.rollitem .pic{opacity: 0; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.smarketing-rotatemove .item.l2 .pic{opacity: .5;}
.smarketing-rotatemove .item.l2.pon{-webkit-transform: rotatey(8deg); transform: rotatey(8deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.smarketing-rotatemove .item.l2.non{-webkit-transform: rotatey(-8deg); transform: rotatey(-8deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.smarketing-rotatemove .item.on .pic{opacity: 1;}
.smarketing-rotatemove .item.on h3{font-size: 28px; height: 100%; line-height: 576px; -webkit-transition: all 400ms ease 200ms; transition: all 400ms ease 200ms;}
.smarketing-rotatemove .ctr{z-index: 8; position: absolute; top: 50%; margin-top: -40px; width: 40px; height: 80px; line-height: 80px; -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; background-color: #ffffff \9; color: #ffffff; text-align: center;}
.smarketing-rotatemove .ctr:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: visible; z-index: -1; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0); filter: "alpha(opacity=0)"; *zoom: 1; pointer-events: none; -webkit-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
.smarketing-rotatemove .ctr s{font-size: 48px; font-weight: bold;}
.smarketing-rotatemove .ctr s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "simsun", "宋体" !important; pointer-events: none;}
.smarketing-rotatemove .ctr:hover{color: #ffffff;}
.ysqueo .smarketing-rotatemove .ctr s{overflow: hidden; text-indent: 100%;}
.ysqueo .smarketing-rotatemove .ctr s:before,
.ysqueo .smarketing-rotatemove .ctr s:after{content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; background-color: #ffffff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqueo .smarketing-rotatemove .ctr:hover s:before,
.ysqueo .smarketing-rotatemove .ctr:hover s:after{background-color: #ffffff;}
.ysqueo .smarketing-rotatemove .ctr.prev s:before,
.ysqueo .smarketing-rotatemove .ctr.prev s:after{margin-left: -10px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.ysqueo .smarketing-rotatemove .ctr.prev s:before{-webkit-transform: rotate(-36deg) translatex(-1px); transform: rotate(-36deg) translatex(-1px);}
.ysqueo .smarketing-rotatemove .ctr.prev s:after{-webkit-transform: rotate(36deg) translatex(-1px); transform: rotate(36deg) translatex(-1px);}
.ysqueo .smarketing-rotatemove .ctr.prev:hover s:before{-webkit-transform: rotate(-45deg) translatex(-1px); transform: rotate(-45deg) translatex(-1px);}
.ysqueo .smarketing-rotatemove .ctr.prev:hover s:after{-webkit-transform: rotate(45deg) translatex(-1px); transform: rotate(45deg) translatex(-1px);}
.ysqueo .smarketing-rotatemove .ctr.next s:before,
.ysqueo .smarketing-rotatemove .ctr.next s:after{margin-left: -14px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.ysqueo .smarketing-rotatemove .ctr.next s:before{-webkit-transform: rotate(-36deg) translatex(1px); transform: rotate(-36deg) translatex(1px);}
.ysqueo .smarketing-rotatemove .ctr.next s:after{-webkit-transform: rotate(36deg) translatex(1px); transform: rotate(36deg) translatex(1px);}
.ysqueo .smarketing-rotatemove .ctr.next:hover s:before{-webkit-transform: rotate(-45deg) translatex(1px); transform: rotate(-45deg) translatex(1px);}
.ysqueo .smarketing-rotatemove .ctr.next:hover s:after{-webkit-transform: rotate(45deg) translatex(1px); transform: rotate(45deg) translatex(1px);}
.smarketing-rotatemove .ctr.prev{left: 30px;}
.smarketing-rotatemove .ctr.prev.ctrshow:after{opacity: .1;}
.smarketing-rotatemove .ctr.next{right: 30px;}
.smarketing-rotatemove .ctr.next.ctrshow:after{opacity: .1;}
.smarketing-rotatemove .ctr:hover:after{opacity: .2 !important;}
/* sstore */
.sstore-info{margin-top: 40px; font-size: 16px; line-height: 30px; color: #333333;}
.sstore .province-list{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin-top: 35px; margin-left: -10px; width: 1224px; margin-bottom: -16px; *margin-bottom: 0; min-height: 16px;}
.sstore .province-list .btn{float: left; position: relative; margin-left: 10px; margin-right: 10px; margin-bottom: 16px; width: 114px; height: 38px; border: #d9d9d9 solid 1px; line-height: 38px; text-align: center; font-size: 14px; font-weight: bold; -webkit-transition: none !important; transition: none !important; border-radius: 4px; cursor: not-allowed; background-color: #f1f1f1; color: #333;}
.sstore .province-list .btn[href]{cursor: pointer; background-color: #fff;}
.sstore .province-list .btn[href].on{border-color: #e58634; background-color: #e58634; color: #fff;}
.sstore .citymapsearch{margin-top: 40px; position: relative; z-index: 1; padding-top: 30px; padding-bottom: 50px; border: #a1c88b dotted 1px; width: 1202px; margin-left: auto; margin-right: auto;}
.sstore .citymapsearch ::-webkit-scrollbar{width: 4px; height: 5px;}
.sstore .citymapsearch ::-webkit-scrollbar-track{background: #ababa7;}
.sstore .citymapsearch ::-webkit-scrollbar-thumb{background: #e58634; border-radius: 4px;}
.sstore .citymapsearch ::-webkit-scrollbar-corner{background: #82afff; height: 0; width: 0;}
.sstore .citymapsearch .mapbox{margin-left: auto; margin-right: auto;}
.sstore .citymapsearch .mapbox,
.sstore .citymapsearch .mapbg,
.sstore .citymapsearch .mapimg{position: relative; width: 792px; height: 669px;}
.sstore .citymapsearch .maplist{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sstore .citymapsearch .maplist li{position: absolute; width: 23px; height: 33px;}
.sstore .citymapsearch .maplist li .piece{position: absolute; font-size: 0px; z-index: 8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.sstore .citymapsearch .maplist li .maptext{width: 100px; text-align: center; position: absolute; bottom: -8px; z-index: 10; left: 50%; margin-left: -50px; font-size: 14px; color: #444343; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sstore .citymapsearch .maplist li.active .maptext{color: #fefefe;}
.sstore .citymapsearch .maplist li.active .piece{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.sstore .citymapsearch .maplist li.sx{top: 50.82212257%; left: 59.97474747%;}
.sstore .citymapsearch .maplist li.sx .piece{top: -75px; left: -34px; width: 78px; height: 143px;}
.sstore .citymapsearch .maplist li.nx{top: 42.60089686%; left: 54.54545455%;}
.sstore .citymapsearch .maplist li.nx .piece{top: -14px; left: -12px; width: 46px; height: 70px;}
.sstore .citymapsearch .maplist li.gs{top: 47.83258595%; left: 51.76767677%;}
.sstore .citymapsearch .maplist li.gs .piece{top: -124px; left: -151px; width: 222px; height: 197px;}
.sstore .citymapsearch .maplist li.sc{top: 58.29596413%; left: 49.49494949%;}
.sstore .citymapsearch .maplist li.sc .piece{top: -28px; left: -77px; width: 153px; height: 154px;}
.sstore .citymapsearch .maplist li.zq{top: 61.73393124%; left: 56.18686869%;}
.sstore .citymapsearch .maplist li.zq .piece{top: -12px; left: -9px; width: 73px; height: 77px;}
.sstore .citymapsearch .maplist li.sxx{top: 42.75037369%; left: 65.65656566%;}
.sstore .citymapsearch .maplist li.sxx .piece{top: -42px; left: -13px; width: 54px; height: 110px;}
.sstore .citymapsearch .maplist li.xj{top: 25.85949178%; left: 21.21212121%;}
.sstore .citymapsearch .maplist li.xj .piece{top: -109px; left: -168px; width: 313px; height: 245px;}
.sstore .citymapsearch .maplist li.yn{top: 76.83109118%; left: 44.6969697%;}
.sstore .citymapsearch .maplist li.yn .piece{top: -59px; left: -47px; width: 138px; height: 151px;}
.sstore .citymapsearch .maplist li.gx{top: 79.22272048%; left: 60.98484848%;}
.sstore .citymapsearch .maplist li.gx .piece{top: -15px; left: -60px; width: 118px; height: 89px;}
.sstore .citymapsearch .maplist li.hain{top: 91.77877429%; left: 63.38383838%;}
.sstore .citymapsearch .maplist li.hain .piece{top: 17px; left: -15px; width: 40px; height: 33px;}
.sstore .citymapsearch .maplist li.gd{top: 76.83109118%; left: 69.94949495%;}
.sstore .citymapsearch .maplist li.gd .piece{top: 14px; left: -52px; width: 124px; height: 96px;}
.sstore .citymapsearch .maplist li.hun{top: 67.11509716%; left: 66.66666667%;}
.sstore .citymapsearch .maplist li.hun .piece{top: -9px; left: -39px; width: 84px; height: 103px;}
.sstore .citymapsearch .maplist li.hub{top: 59.94020927%; left: 67.92929293%;}
.sstore .citymapsearch .maplist li.hub .piece{top: -17px; left: -55px; width: 117px; height: 74px;}
.sstore .citymapsearch .maplist li.hen{top: 50.52316891%; left: 69.57070707%;}
.sstore .citymapsearch .maplist li.hen .piece{top: -15px; left: -40px; width: 88px; height: 88px;}
.sstore .citymapsearch .maplist li.fj{top: 71.00149477%; left: 81.43939394%;}
.sstore .citymapsearch .maplist li.fj .piece{top: -6px; left: -37px; width: 66px; height: 86px;}
.sstore .citymapsearch .maplist li.jx{top: 66.66666667%; left: 74.62121212%;}
.sstore .citymapsearch .maplist li.jx .piece{top: -9px; left: -25px; width: 73px; height: 106px;}
.sstore .citymapsearch .maplist li.zj{top: 61.73393124%; left: 82.7020202%;}
.sstore .citymapsearch .maplist li.zj .piece{top: 14px; left: -22px; width: 58px; height: 58px;}
.sstore .citymapsearch .maplist li.ah{top: 57.24962631%; left: 76.51515152%;}
.sstore .citymapsearch .maplist li.ah .piece{top: -32px; left: -26px; width: 73px; height: 93px;}
.sstore .citymapsearch .maplist li.js{top: 53.21375187%; left: 81.43939394%;}
.sstore .citymapsearch .maplist li.js .piece{top: -16px; left: -46px; width: 86px; height: 87px;}
.sstore .citymapsearch .maplist li.sd{top: 44.84304933%; left: 75.12626263%;}
.sstore .citymapsearch .maplist li.sd .piece{top: -14px; left: -18px; width: 100px; height: 68px;}
.sstore .citymapsearch .maplist li.tj{top: 34.82810164%; left: 74.74747475%;}
.sstore .citymapsearch .maplist li.tj .piece{top: 1px; left: -19px; width: 37px; height: 43px;}
.sstore .citymapsearch .maplist li.ln{top: 26.75635277%; left: 84.34343434%;}
.sstore .citymapsearch .maplist li.ln .piece{top: 1px; left: -49px; width: 93px; height: 88px;}
.sstore .citymapsearch .maplist li.heb{top: 39.01345291%; left: 70.95959596%;}
.sstore .citymapsearch .maplist li.heb .piece{top: -59px; left: -12px; width: 83px; height: 122px;}
.sstore .citymapsearch .maplist li.gz{top: 70.25411061%; left: 56.18686869%;}
.sstore .citymapsearch .maplist li.gz .piece{top: -15px; left: -38px; width: 98px; height: 89px;}
.sstore .citymapsearch .maplist li.hlj{top: 66px; right: 70px;}
.sstore .citymapsearch .maplist li.hlj .piece{top: -66px; right: -66px; width: 177px; height: 161px;}
.sstore .citymapsearch .maplist li.xz{top: 49.32735426%; left: 15.78282828%;}
.sstore .citymapsearch .maplist li.xz .piece{top: -42px; left: -95px; width: 307px; height: 197px;}
.sstore .citymapsearch .maplist li.qh{top: 41.85351271%; left: 34.21717172%;}
.sstore .citymapsearch .maplist li.qh .piece{top: -24px; left: -68px; width: 195px; height: 148px;}
.sstore .citymapsearch .maplist li.nmg{top: 31.39013453%; left: 60.60606061%;}
.sstore .citymapsearch .maplist li.nmg .piece{top: -204px; left: -151px; width: 344px; height: 296px;}
.sstore .citymapsearch .maplist li.jl{top: 20.1793722%; left: 86.86868687%;}
.sstore .citymapsearch .maplist li.jl .piece{top: -9px; left: -54px; width: 136px; height: 89px;}
.sstore .citymapsearch .maplist li.tw{top: 79.37219731%; left: 85.22727273%;}
.sstore .citymapsearch .maplist li.tw .piece{top: 0; left: 0; width: 26px; height: 63px;}
.sstore .citymapsearch .maplist li.bj{top: 31.39013453%; left: 71.33838384%;}
.sstore .citymapsearch .maplist li.bj .piece{top: 27px; left: 0px; width: 20px; height: 20px;}
.sstore .citymapsearch .maplist li.sh{top: 55.45590433%; left: 84.5959596%;}
.sstore .citymapsearch .maplist li.sh .piece{top: 40px; left: 0px; width: 10px; height: 10px;}
.sstore .citymapsearch .maplist li.xg{top: 80.71748879%; left: 73.23232323%;}
.sstore .citymapsearch .maplist li.xg .piece{top: 36px; left: -8px; width: 10px; height: 10px;}
.sstore .citymapsearch .maplist li.am{top: 82.2122571%; left: 67.42424242%;}
.sstore .citymapsearch .maplist li.am .piece{top: 31px; left: 23px; width: 10px; height: 10px;}
.sstore .area-filter{margin-top: 40px; padding-bottom: 10px;}
.sstore .area-filter .skin{float: left; position: relative; margin-left: 38px; width: 362px; height: 38px; padding-left: 12px; border-color: #2b3779;}
.sstore .area-filter .skin:first-child{margin-left: 0;}
.ysqueo .sstore .area-filter .skin{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/uploads/image/pimages/bgs-storesfilter.png); background-size: auto; background-position: right 50%; background-repeat: no-repeat;}
.sstore .area-filter .skin.disabled{cursor: not-allowed; border-color: #999; background-color: #f1f1f1; background-image: none;}
.sstore .area-filter .enter{margin-top: 20px; display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; background-color: #2b3779; font-size: 16px; font-weight: bold;}
.sstore.sstores .padwrap{padding-bottom: 5px;}
.sstore-list .item{position: relative; padding: 40px 38px 190px 634px; -webkit-box-shadow: 1px 3px 3px 0px rgba(159, 159, 159, 0.1); box-shadow: 1px 3px 3px 0px rgba(159, 159, 159, 0.1); background-color: #fff; min-height: 200px; margin-top: 36px;}
.sstore-list .item:first-child{margin-top: 0;}
.sstore-list .item .tt{position: absolute; left: 38px; top: 40px; width: 560px; height: 350px; background-color: #ccc;}
.sstore-list .item .tt .pic{background-color: #f1f1f1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.sstore-list .item .tt .pic.on{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.sstore-list .item h3{font-size: 24px; height: 42px; line-height: 42px; font-weight: bold; color: #666666; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sstore-list .item .list{margin-top: 15px;}
.sstore-list .item .list > li{margin-top: 10px; position: relative; padding-left: 84px; font-size: 14px; line-height: 24px; min-height: 24px;}
.sstore-list .item .list > li:first-child{margin-top: 0;}
.sstore-list .item .list > li span{float: left; margin-left: -84px; width: 70px; height: 24px; text-align: center; color: #fff; background-color: #949494; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sstore-list .item .tg{position: absolute; overflow: hidden; right: 38px; bottom: 40px; width: 570px; height: 95px; padding: 19px; border: #dcdcdc solid 1px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.sstore-list .item .tg .overview{min-width: 100%; height: 100%;}
.sstore-list .item .tg .btn{display: inline-block; vertical-align: top; width: 150px; height: 94px; margin-left: 20px; background-color: #f1f1f1;}
.sstore-list .item .tg .btn:before{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #a30010 solid 1px; z-index: 7; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */}
.sstore-list .item .tg .btn:first-child{margin-left: 0;}
.sstore-list .item .tg .btn.on:before{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible;}
.sstore-list .item:hover h3{color: #e58634;}
.sstore-list .item:hover .list > li span{background-color: #e58634;}
.sstore-list .item:hover .tg{border-color: #e58634;}
/* sservice */
.sservice-dt{margin-left: auto; margin-right: auto; margin-top: 40px; width: 824px; padding: 44px 44px 36px; border-bottom: #dedede dashed 1px; font-size: 28px; font-weight: bold; color: #333333; text-align: center;}
.sservice-dd{margin-left: auto; margin-right: auto; width: 824px; text-align: center; font-size: 14px; line-height: 2; padding: 30px 44px;}
.sservice-df{position: relative; width: 1000px; height: 500px; padding-bottom: 524px; margin-left: auto; margin-right: auto;}
.sservice-df .tophalf{position: absolute; left: 0; bottom: 524px; width: 100%; height: 500px; background-image: url(/uploads/image/pimages/bgs-service.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.sservice-df .center{position: absolute; left: 50%; bottom: 20px; margin-left: -200px; width: 400px; text-align: center;}
.sservice-df .center .icoimg{margin-left: auto; margin-right: auto; display: block; width: 94px; height: 94px;}
.sservice-df .center .dt{margin-top: 24px; font-size: 28px; font-weight: bold; color: #333333; text-indent: -0.5em;}
.sservice-df .center .dd{margin-top: 20px; font-size: 14px; color: #333333;}
.sservice-df .dot{position: absolute; text-align: center; width: 80px;}
.sservice-df .dot .icoimg{margin-left: auto; margin-right: auto; display: block; width: 70px; height: 70px;}
.sservice-df .dot p{margin-top: 10px; font-size: 18px; font-weight: bold; color: #333333;}
.sservice-df .dot.i1{left: 83px; bottom: 89px;}
.sservice-df .dot.i2{left: 244px; bottom: 280px;}
.sservice-df .dot.i3{left: 458px; bottom: 346px;}
.sservice-df .dot.i4{left: 674px; bottom: 280px;}
.sservice-df .dot.i5{left: 845px; bottom: 89px;}
.sservice-df .pic{position: absolute; left: 0; bottom: 0; width: 100%; height: 500px;}
.sservice-df.anistart .center,
.sservice-df.anistart .dot{-webkit-transition: all 0ms ease 0ms; transition: all 0ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.sservice-df.anistart .center{-webkit-transform: scale(0); transform: scale(0);}
.sservice-df.anistart .dot{-webkit-transform: translatey(30px); transform: translatey(30px);}
.sservice-df.anidid .center,
.sservice-df.anidid .dot{-webkit-transform: none !important; transform: none !important; -webkit-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; opacity: 1; visibility: visible;}
.sservice-df.anidid .dot.i1{-webkit-transition-delay: 222ms; transition-delay: 222ms;}
.sservice-df.anidid .dot.i2{-webkit-transition-delay: 444ms; transition-delay: 444ms;}
.sservice-df.anidid .dot.i3{-webkit-transition-delay: 666ms; transition-delay: 666ms;}
.sservice-df.anidid .dot.i4{-webkit-transition-delay: 888ms; transition-delay: 888ms;}
.sservice-df.anidid .dot.i5{-webkit-transition-delay: 1110ms; transition-delay: 1110ms;}
/* scontact */
.scontact-list{position: relative; margin-top: 40px; padding-left: 25px; padding-bottom: 30px; padding-right: 200px;}
.scontact-list .dt{padding-bottom: 8px; font-size: 24px; color: #e06222;}
.scontact-list .dt span{margin-left: 10px; display: inline-block; vertical-align: top; width: 298px; height: 24px; background-image: url(/uploads/image/pimages/bgs-contactdt.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-indent: 12px; font-size: 14px; color: #fff; line-height: 24px;}
.scontact-list .dd{position: relative; margin-top: 12px; padding-top: 2px; padding-bottom: 2px; padding-left: 34px; line-height: 20px; font-size: 16px; color: #666666; min-height: 20px;}
.scontact-list .dd .icoimg{position: absolute; left: 0; top: 0; width: 24px; height: 24px;}
.scontact-list .qrcode{position: absolute; right: 0; bottom: 30px; text-align: center; color: #999999;}
.scontact-list .qrcode img{width: 136px; height: 136px; margin-bottom: 5px;}
.scontact-map .tg{position: relative; height: 46px; line-height: 46px; text-align: center;}
.scontact-map .tg .btn{z-index: 1; position: relative; float: left; width: 50%; background-color: #eeeeee; font-size: 18px; color: #333333; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s;}
.scontact-map .tg .btn:after{content: " "; position: absolute; z-index: -1; left: 50%; top: 100%; margin-top: -1px; margin-left: -10px; overflow: hidden; width: 0; height: 0; border-width: 0px 10px; border-color: #eeeeee transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.scontact-map .tg .btn.on{color: #fff; background-color: #e06222;}
.scontact-map .tg .btn.on:after{-webkit-transform: none !important; transform: none !important; border-top-width: 10px; border-top-color: #e06222;}
.scontact-map .mapcontain{width: 100%; height: 400px; margin-top: 22px;}
.scontact-map .mapcontain #ditucontent{width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.scontact-map .mapcontain #ditucontent .bmap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #e58634;}
.scontact-map .mapcontain #ditucontent .bmap_bubble_content{width: 400px !important; font-size: 14px;}
.scontact-map .mapcontain #ditucontent img{max-width: none;}
/* shr */
.shr .padwrap{padding-bottom: 50px;}
.shr-info{margin-top: 40px; font-size: 16px; line-height: 1.75; color: #666666;}
.shr-form{display: none; position: relative; overflow: hidden;}
.shr-form .line{border-top: #dcdcdc solid 1px; height: 60px; line-height: 60px; text-align: left; white-space: nowrap; font-size: 0;}
.shr-form .formitem{position: relative; overflow: hidden; display: inline-block; vertical-align: top; height: 60px; font-size: 14px; border-left: #dedede solid 1px;}
.shr-form .formitem:first-child{border-left: none;}
.shr-form .formitem:before{content: " "; position: absolute; top: 50%; margin-top: -15px; left: 60px; width: 1px; height: 30px; background-color: #dedede; pointer-events: none;}
.shr-form .formitem .focus{float: left; width: 60px; height: 60px;}
.shr-form .formitem .icoimg{display: block; width: 60px; height: 60px;}
.shr-form .formitem .skin{float: left; text-align: left; padding-left: 20px;}
.shr-form .formitem.w1 .skin{width: 254px;}
.shr-form .formitem.w2 .contain{float: right; width: 238px;}
.shr-form .formitem.w2 .filename{width: 254px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;}
.shr-form .formitem.w2 .filebtn{width: 108px; color: #333333; position: static; overflow: visible;}
.shr-form .formitem.w2 .filebtn input{position: absolute; top: -3px; right: -3px; min-width: 100%; min-height: 100%; z-index: 2; font-size: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.shr-form .formitem.w3 .skin{width: 95px;}
.shr-form .formitem.w3 .bindclick{float: left; margin-top: 15px; width: 82px; height: 30px;}
.shr-form .formitem.w3 .refreshvc{float: left; margin-left: 10px; margin-top: 10px; width: 40px; height: 40px; background-image: url(/uploads/image/pimages/icos-refresh.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.shr-form .enter{position: absolute; right: 0; bottom: 0; width: 270px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px; background-color: #e58634; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.shr-form .enter:hover{opacity: .9;}
.shr-list{position: relative; margin-top: 30px; border-top: #e58634 solid 4px; padding-top: 6px;}
.shr-list .dt,
.shr-list .item .show{padding-left: 40px; padding-right: 40px;}
.shr-list .col{position: relative; float: left; width: 150px; text-align: center; font-size: 16px;}
.shr-list .col.col1{width: 105px; margin-right: 30px;}
.shr-list .col.col2{width: 430px; margin-right: 30px;}
.shr-list .col.col3{width: 100px; margin-right: 180px;}
.shr-list .col.col4{width: 106px; margin-right: 144px;}
.shr-list .col.col5{width: 75px;}
.shr-list .dt{position: relative; overflow: hidden; height: 60px; line-height: 60px; background-color: #e58634; color: #fff;}
.shr-list .item{position: relative; overflow: hidden; border-bottom: #dcdcdc solid 1px; background-color: #fff;}
.shr-list .item .spreadbtn{position: relative; overflow: hidden; display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-color: #e58634; border-radius: 50%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.shr-list .item .spreadbtn:before,
.shr-list .item .spreadbtn:after{content: " "; position: absolute; left: 50%; top: 50%; background-color: #fff; -webkit-transition: all 220ms ease 50ms; transition: all 220ms ease 50ms;}
.shr-list .item .spreadbtn:before{width: 1px; height: 12px; margin-left: -0.5px; margin-top: -6px;}
.shr-list .item .spreadbtn:after{width: 12px; height: 1px; margin-left: -6px; margin-top: -0.5px;}
.shr-list .item .spreadbtn:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.shr-list .item .show{position: relative; height: 59px; line-height: 59px;}
.shr-list .item .hide{display: none; border-top: #dcdcdc solid 1px;}
.shr-list .item .hide .imax{padding: 35px 60px; font-size: 14px; line-height: 2;}
.shr-list .item .hide .shr-form{display: block;}
.shr-list .item .hide .f16{font-size: 16px; color: #333333;}
.shr-list .item.unfold .show{background-color: #eeeeee;}
.shr-list .item.unfold .spreadbtn:before{height: 0; margin-top: 0;}
/* smessageboard */
.smessageboard-form{margin-top: 40px;}
.smessageboard-form .line{margin-bottom: 14px; font-size: 0;}
.smessageboard-form .formitem{position: relative; overflow: hidden; float: left; width: 386px; margin-left: 23px;}
.smessageboard-form .formitem:first-child{margin-left: 0;}
.smessageboard-form .formitem.filebtnbox .filename{width: 205px; cursor: default;}
.smessageboard-form .formitem.filebtnbox .filebtn{position: static; overflow: visible; display: inline-block; width: 145px; height: 40px; line-height: 40px; text-align: center; color: #333333; background-color: #eeeeee; font-size: 14px;}
.smessageboard-form .formitem.filebtnbox .filebtn input{position: absolute; top: -3px; right: -3px; min-width: 100%; min-height: 100%; z-index: 2; font-size: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.smessageboard-form .formitem.filebtnbox .filebtn:active{background-color: #ddd;}
.smessageboard-form .formitem.yzm .skin{width: 205px;}
.smessageboard-form .formitem.yzm .bindclick{display: inline-block; vertical-align: top; margin-left: 6px; width: 142px; height: 40px; cursor: pointer;}
.smessageboard-form .skin{border: #d9d9d8 solid 1px; padding: 9px 14px; height: 20px; font-size: 14px; line-height: 20px;}
.smessageboard-form .skin._focus{border-color: #e58634 !important;}
.smessageboard-form input.skin{width: 356px;}
.smessageboard-form textarea.skin{width: 1174px; height: 100px;}
.smessageboard-form .enter{width: 235px; height: 40px; line-height: 40px; text-align: center; background-color: #e58634; color: #fff; font-size: 18px;}
.smessageboard-form .enter:hover{opacity: .9;}
.smessageboard-list{margin-top: 30px; border-top: #eeefef solid 10px;}
.smessageboard-list > .item{padding-left: 105px; padding-right: 15px; padding-top: 50px; padding-bottom: 50px; border-bottom: #d8d8d8 dashed 1px; min-height: 30px; line-height: 30px;}
.smessageboard-list .name{float: left; margin-left: -105px; color: #e58634; font-size: 22px;}
.smessageboard-list h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #333; margin-bottom: 10px;}
.smessageboard-list .info{font-size: 14px; line-height: 24px;}
.smessageboard-list .picbox{margin-top: 20px; height: 160px;}
.smessageboard-list .picbox .pic{float: left; width: 288px; height: 160px; margin-right: 25px;}