@charset "utf-8";
/*!  Project : 成都万里寻财税咨询有限公司
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  337676937    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2019.06.14   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.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 #358198 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: #358198; 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 #ecb608; 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: #ecb608; background-color: #f1faf3;}
.m-borderArrow .contain:after{left: -5px; top: 4px; right: 5px; bottom: -4px;}
@-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; 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;}
/* resetEnd */
.c1{color: #358198;}
.bgc1{background-color: #358198;}
.c2{color: #ecb608;}
.bgc2{background-color: #ecb608;}
.c3{color: #ebebeb;}
.bgc3{background-color: #ebebeb;}
.ca{color: #333333;}
.cb{color: #666666;}
.cs{color: #999999;}
html{min-width: 1200px; max-width: 1920px;}
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: #358198;}
.w,
.container{width: 1200px;}
.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: 24px;}
.imax{font-size: 16px; line-height: 1.8571;}
::-moz-selection{background: #286172; color: #fff; text-shadow: none;}
::selection{background: #286172; 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);}
.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(../images/loading.gif);}
.loading-m{background-image: url(../images/loading-m.gif);}
.load-error{background-image: url(../images/error.gif);}
/* ------------------- htmls ------------------- */
.more.more1{position: relative; overflow: hidden; display: block; margin-left: auto; margin-right: auto; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; width: 144px; height: 48px; line-height: 48px; border: #e8a606 solid 1px; border-radius: 50px;}
.more.more1 .tel{position: absolute; left: 0; top: 0; z-index: 1; padding-left: 24px; padding-right: 18px; font-size: 16px; color: #e8a606; white-space: nowrap; width: 188px;}
.more.more1 .btn{position: absolute; left: -1px; top: -1px; z-index: 2; width: 144px; height: 48px; font-size: 18px; font-weight: bold; text-align: center; color: #fff; background-color: #e8a606; border-radius: 50px; border: #e8a606 solid 1px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.more.more1:hover{padding-left: 230px;}
.more.more1:hover .btn{left: 230px;}
/* 表单 */
.formItem{position: relative;}
.formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.formItem .skin::-webkit-input-placeholder{color: #999999;}
.formItem .skin:-moz-placeholder{color: #999999;}
.formItem .skin::-moz-placeholder{color: #999999;}
.formItem .skin:-ms-input-placeholder{color: #999999;}
.formItem .skin._focus{border-color: #2e9fd9 !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 .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,
.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, all 220ms ease 0s, all 220ms ease 0s; transition: all 250ms ease 0ms, all 220ms ease 0s, all 220ms ease 0s; opacity: 0; /* *visibility: visible; */ visibility: hidden; /* *visibility: visible; */}
/* keyframes use */
@-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 fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%, 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;}
.ysqUEO .abtnSc{position: relative; overflow: hidden; z-index: 1;}
.ysqUEO .abtnSc:after{z-index: -1; 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;}
.ysqUEO .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;}
.ysqUEO .abtnBd{overflow: hidden; z-index: 0;}
.ysqUEO .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;}
.ysqUEO .abtnBd:hover:after{border-width: 30px; opacity: 0.2;}
.ysqUEO .abtnMask{position: relative; overflow: hidden; background-color: #000000 \9;}
.ysqUEO .abtnMask:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 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;}
.ysqUEO .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;}
.ysqUEO .abtnMask:hover:after{opacity: .1;}
/* backToTopXXX */
/* 滚动加载 */
.scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #358198; 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: #358198; 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: #358198; 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: 45px; padding-bottom: 0;}
.pageListBox .pageList ul{position: relative; float: none !important; line-height: 32px;}
.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 ul .ctr a,
.pageListBox .pageList ul .start a,
.pageListBox .pageList ul .end a{font-weight: bold; font-size: 14px; font-family: "SimSun", "宋体" !important;}
.pageListBox .pageList a{display: block; border: #c8c8c8 solid 1px; padding-left: 13px; padding-right: 13px; text-align: center; height: 32px; border-radius: 1px; 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;}
.pageListBox .pageList a:hover,
.pageListBox .pageList a.selected{color: #fff; background-color: #358198;}
.pageListBox .pageList a:active{border-color: #fff;}
/*header*/
.scroll-wrap{padding-top: 164px;}
.header{position: fixed; left: 50%; margin-left: -960px; width: 1920px; top: 0; z-index: 51; height: 164px; background-color: #fff; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.18);}
.header,
.header .top{-webkit-transition: all 220ms ease 200ms; transition: all 220ms ease 200ms;}
.foldNav .header{height: 64px;}
.foldNav .header .top{margin-top: -100px;}
.foldNav .header .firNav .link{color: #333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.foldNav .header .firNav .link:hover{color: #358198;}
.header .top{position: relative; height: 99px; border-bottom: #c6c6c6 solid 1px;}
.header .top .container{height: 100%;}
.header .top .logo{float: left; position: relative; top: 50%; margin-top: -22.5px; height: 45px;}
.header .top .logo img{display: block; height: 100%;}
.header .top .logo .words{position: absolute; left: 100%; top: 0;}
.header .top .tel{float: right; margin-top: 25px; color: #358198; text-align: right; font-size: 0;}
.header .top .tel .dt{display: inline-block; padding-left: 35px; height: 22px; line-height: 22px; background-image: url(../images/icot-tel.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; font-size: 14px;}
.header .top .tel .dd{margin-top: 6px; font-size: 26px; font-weight: bold; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑";}
.header .top .tel .dd 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 .top .tel .dd i:nth-of-type(1){-webkit-animation-delay: 0s; animation-delay: 0s;}
.header .top .tel .dd i:nth-of-type(2){-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.header .top .tel .dd i:nth-of-type(3){-webkit-animation-delay: 1s; animation-delay: 1s;}
.header .top .tel .dd i:nth-of-type(4){-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.header .top .tel .dd i:nth-of-type(5){-webkit-animation-delay: 2s; animation-delay: 2s;}
.header .top .tel .dd i:nth-of-type(6){-webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
.header .top .tel .dd i:nth-of-type(7){-webkit-animation-delay: 3s; animation-delay: 3s;}
.header .top .tel .dd i:nth-of-type(8){-webkit-animation-delay: 3.5s; animation-delay: 3.5s;}
.header .top .tel .dd i:nth-of-type(9){-webkit-animation-delay: 4s; animation-delay: 4s;}
.header .top .tel .dd i:nth-of-type(10){-webkit-animation-delay: 4.5s; animation-delay: 4.5s;}
.header .top .tel .dd i:nth-of-type(11){-webkit-animation-delay: 5s; animation-delay: 5s;}
.header .top .tel .dd i:nth-of-type(12){-webkit-animation-delay: 5.5s; animation-delay: 5.5s;}
@-webkit-keyframes fontSizeUp1{0%{-webkit-transform: scale(1.2); transform: scale(1.2);} 7%, 100%{-webkit-transform: scale(1); transform: scale(1);}}
@keyframes fontSizeUp1{0%{-webkit-transform: scale(1.2); transform: scale(1.2);} 7%, 100%{-webkit-transform: scale(1); transform: scale(1);}}
.header .firNav{height: 20px; min-width: 1200px; text-align: center; font-size: 0; padding-top: 22px; padding-bottom: 22px;}
.header .firNav .firItem{display: inline-block; vertical-align: top; position: relative; z-index: 5; height: 20px; line-height: 20px; text-align: center; width: 150px; border-right: #d4d4d4 solid 1px; border-left: #d4d4d4 solid 1px; margin-left: -1px;}
.header .firNav .firItem:first-child{margin-left: 0;}
.header .firNav .firItem .link1{position: relative; margin-top: -22px; padding-top: 22px; padding-bottom: 22px; height: 20px; display: block; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; line-height: 1; font-size: 16px;}
.header .firNav .firItem .link1{display: block; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.header .firNav .firItem .secNav{position: absolute; left: 50%; margin-left: -75px; top: 100%; padding-top: 10px; padding-bottom: 10px; width: 150px; line-height: 26px; white-space: nowrap; -webkit-transform: translateY(10px); transform: translateY(10px); background-color: #fff; -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: #999; 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.on .link,
.header .firNav .firItem .secNav .secItem:hover .link{color: #358198;}
.header .firNav .firItem:hover .secNav{-webkit-transform: none !important; transform: none !important;}
.header .firNav .firItem.on .link1{color: #358198;}
.floatFns{position: fixed; right: 0; top: 100%; z-index: 80;}
.floatFns .item{position: relative; margin-right: -78px; display: block; margin-bottom: 1px; text-indent: 62px; width: 136px; height: 60px; line-height: 60px; background-color: #358198; border-radius: 30px 0 0 30px; -webkit-box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.floatFns .item .icoImg{position: absolute; left: 10px; top: 50%; margin-top: -22px; width: 44px; height: 44px; -webkit-transition: all 1000ms ease 0s; transition: all 1000ms ease 0s;}
.floatFns .item span{color: #fff; font-weight: bold; font-size: 16px;}
.floatFns .item:hover{margin-right: 0;}
.floatFns .item:hover .icoImg{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.index-banner{position: relative; width: 100%; height: 605px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.index-banner .item{position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff;}
.index-banner .item img{position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 100%;}
.index-banner .item.moveItem{position: absolute;}
.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 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 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 1200ms ease 0s,margin 1200ms ease 0s; transition: width 1200ms ease 0s,margin 1200ms ease 0s;}
.ysqUEO .index-banner.dir_f .item.come{opacity: 1 !important;}
.index-banner .pagination{height: 20px; line-height: 20px; position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.index-banner .pagination .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 16px; height: 20px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-indent: 32px; font-size: 0; margin: 0 15px; vertical-align: top;}
.index-banner .pagination .btn:before,
.index-banner .pagination .btn:after{content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../images/icoi-banner.png); background-repeat: no-repeat; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.index-banner .pagination .btn:before{background-position: right bottom;}
.index-banner .pagination .btn:after{background-position: 0 bottom; height: 0;}
.index-banner .pagination .btn.on:after{height: 100%;}
.index-head{position: relative; padding-top: 80px; padding-bottom: 60px; text-align: center;}
.index-head .dt{font-size: 0;}
.index-head .dt:before,
.index-head .dt:after{content: " "; display: inline-block; vertical-align: middle; width: 142px; height: 6px; background-image: url(../images/bgi-headLine.png); background-repeat: no-repeat;}
.index-head .dt:before{background-position: left 0;}
.index-head .dt:after{background-position: right 0;}
.index-head .dt span{display: inline-block; vertical-align: middle; margin-left: 15px; margin-right: 15px; font-size: 36px; font-weight: bold; color: #111;}
.index-head .dd{margin-top: 15px; font-size: 16px; line-height: 22px; color: #666666;}
.index-business{padding-bottom: 100px; background-image: url(../images/bgi-business.jpg); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.index-business-list{margin-bottom: 60px; padding-top: 30px; font-size: 0; white-space: nowrap; text-align: center;}
.index-business-list .item{display: inline-block; vertical-align: top; font-size: 14px; border-left: #dddddd solid 1px; border-right: #dddddd solid 1px; width: 298px; margin-left: -1px;}
.index-business-list .item:first-child{margin-left: 0;}
.index-business-list .item:hover .icoImg{-webkit-transform: translateY(-4px) rotateY(360deg); transform: translateY(-4px) rotateY(360deg);}
.index-business-list .dt{margin-top: -25px; margin-bottom: 35px;}
.index-business-list .dt .link{color: #111; font-size: 24px; line-height: 32px;}
.index-business-list .dt .link:hover{color: #358198;}
.index-business-list .dt .icoImg{display: block; margin-left: auto; margin-right: auto; margin-bottom: 32px; width: 86px; height: 86px; line-height: 86px; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.index-business-list .dd{height: 28px; line-height: 28px; margin-top: 4px;}
.index-business-list .dd .link{color: #666;}
.index-business-list .dd .link:hover{color: #358198;}
.index-axdvantage{background-color: #4a4a4b; height: 840px; background-image: url(../images/bgi-axdvantage.jpg); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.index-axdvantage .index-head .dt span{color: #fff;}
.index-axdvantage .index-head .dd{color: #e3e3e3;}
.index-axdvantage-circle{position: relative; height: 480px;}
.index-axdvantage-circle .center{z-index: 1; position: absolute; left: 50%; top: 0; width: 480px; height: 480px; margin-left: -240px;}
.index-axdvantage-circle .center .bg,
.index-axdvantage-circle .center .dot{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.index-axdvantage-circle .center .bg{-webkit-animation-duration: 36s; animation-duration: 36s;}
.index-axdvantage-circle .center .border{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.index-axdvantage-circle .center .pie{position: absolute; left: 50%; top: 50%; width: 404px; height: 404px; margin-left: -202px; margin-top: -202px; z-index: 1;}
.index-axdvantage-circle .center .dot{position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; width: 100px; height: 100px; border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.index-axdvantage-circle .center .item{position: absolute; left: 50%; top: 50%; z-index: 3; width: 80px; height: 72px; text-align: center; color: #fff; font-size: 18px;}
.index-axdvantage-circle .center .item .icoImg{display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 40px; height: 40px;}
.index-axdvantage-circle .center .item.i1{margin-left: -40px; margin-top: -164px;}
.index-axdvantage-circle .center .item.i2{margin-left: 88px; margin-top: -36px;}
.index-axdvantage-circle .center .item.i3{margin-left: -40px; margin-top: 88px;}
.index-axdvantage-circle .center .item.i4{margin-left: -164px; margin-top: -36px;}
.index-axdvantage-circle > .item{position: absolute; width: 340px; height: 150px; text-align: center; color: #fff;}
.index-axdvantage-circle > .item .line{position: absolute; width: 308px; height: 98px; background-image: url(../images/bgi-axd-lines.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none;}
.index-axdvantage-circle > .item .dt{margin-left: auto; margin-right: auto; width: 126px; height: 34px; line-height: 34px; font-size: 16px; border-radius: 5px;}
.index-axdvantage-circle > .item .dd{margin-top: 22px; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 88px;}
.index-axdvantage-circle > .item.i1{left: 0; top: 0; padding-top: 60px;}
.index-axdvantage-circle > .item.i1 .line{top: 1px; left: 50%; margin-left: -18px; background-position: left top;}
.index-axdvantage-circle > .item.i1 .dt{background-color: #f69b5b;}
.index-axdvantage-circle > .item.i2{right: 0; top: 0; padding-top: 60px;}
.index-axdvantage-circle > .item.i2 .line{top: 1px; right: 50%; margin-right: -18px; background-position: right top;}
.index-axdvantage-circle > .item.i2 .dt{background-color: #35c9c6;}
.index-axdvantage-circle > .item.i3{right: 0; bottom: 0; padding-bottom: 60px;}
.index-axdvantage-circle > .item.i3 .line{bottom: 1px; right: 50%; margin-right: -18px; background-position: right bottom;}
.index-axdvantage-circle > .item.i3 .dt{background-color: #7089cd;}
.index-axdvantage-circle > .item.i4{left: 0; bottom: 0; padding-bottom: 60px;}
.index-axdvantage-circle > .item.i4 .line{bottom: 1px; left: 50%; margin-left: -18px; background-position: left bottom;}
.index-axdvantage-circle > .item.i4 .dt{background-color: #5193d4;}
.index-about{padding-top: 80px; padding-bottom: 100px;}
.index-about-head{background-image: url(../images/bgi-aboutHead.png); background-size: auto; background-position: right 50%; background-repeat: no-repeat;}
.index-about-head h1{font-size: 32px; font-weight: bold;}
.index-about-head p{margin-top: 10px; font-size: 16px; color: #999999;}
.index-about-body{margin-top: 26px; padding-left: 510px; min-height: 260px;}
.index-about-body .pic{float: left; margin-left: -510px; width: 462px; height: 260px; background-color: #f1f1f1;}
.index-about-body .info{padding-top: 5px; color: #333333;}
.index-about-body .list{margin-top: 26px;}
.index-about-body .list > li{position: relative; margin-top: 20px; padding-left: 78px; font-size: 15px; line-height: 24px; padding-top: 2px; padding-bottom: 2px;}
.index-about-body .list > li:first-child{margin-top: 0;}
.index-about-body .list .dt{position: absolute; left: 0; top: 50%; margin-top: -14px; width: 58px; height: 28px; line-height: 28px; border-radius: 28px; text-align: center; color: #fff; background-color: #ebb300;}
.index-news{padding-top: 80px; padding-bottom: 100px; background-image: url(../images/bgi-news.jpg); background-size: auto; background-position: 50% top; background-repeat: no-repeat;}
.index-news-head{font-size: 36px; line-height: 42px; font-weight: bold; color: #fff;}
.index-news-tab{position: relative; padding-top: 45px;}
.index-news-tab .Tg{position: absolute; right: 0; top: -30px; text-align: right; font-size: 0;}
.index-news-tab .Tg .btn{display: inline-block; vertical-align: top; margin-left: 10px; width: 98px; height: 28px; line-height: 28px; border: #ffffff solid 1px; color: #fff; text-align: center; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; font-size: 14px;}
.index-news-tab .Tg .btn.on{background-color: #ecb608; border-color: #ecb608;}
.index-news-list{position: relative; overflow: hidden; height: 380px;}
.index-news-list .item{position: relative; float: left; width: 346px; height: 75px; padding: 264px 19px 39px; margin-left: 21px; background-color: #fff; border: #e2e2e2 solid 1px;}
.index-news-list .item:first-child{margin-left: 0;}
.index-news-list .item .pic{position: absolute; left: -1px; top: -1px; width: 386px; height: 240px; background-color: #f1f1f1;}
.index-news-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 20px; color: #333333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.index-news-list .item h3:hover{color: #358198;}
.index-news-list .item p{margin-top: 14px; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; height: 48px; color: #666666;}
.index-news-list .item .more{position: absolute; right: 19px; bottom: 19px; color: #999999; font-size: 12px;}
.ysqUEO .index-news-list .item .link:after{content: " "; position: absolute; bottom: -1px; left: 100% ; width: 0; border-bottom: #358198 solid 4px;}
.ysqUEO .index-news-list .item .link:after{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ysqUEO .index-news-list .item .link:hover:after,
.ysqUEO .index-news-list .item .link.on:after{left: 0 ; width: 100%; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s;}
.index-news-list .item .link:hover .more{color: #358198;}
.footer-t{padding-top: 40px; padding-bottom: 46px; background-color: #ebebeb;}
.footer-t .dt{position: relative; overflow: hidden; font-size: 16px; line-height: 20px; height: 20px; margin-bottom: 24px; color: #358198;}
.footer-t .vr{float: left; margin-top: 10px; margin-left: 80px; margin-right: 80px; width: 1px; height: 178px; background-color: #358198; opacity: .15; filter: alpha(opacity=15); *zoom: 1;}
.footer-messageBoard{float: left; width: 452px; margin-right: -12px;}
.footer-messageBoard .item{position: relative; float: left; height: 40px; line-height: 40px; margin-bottom: 10px;}
.footer-messageBoard .item .focusLeft{position: absolute; left: 13px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; pointer-events: none;}
.footer-messageBoard .item .skin{height: 20px; line-height: 20px; border: #dddddd solid 1px; padding: 9px 29px 9px 44px; background-color: #fff; font-size: 14px;}
.footer-messageBoard .item.w1{width: 214px; margin-right: 12px;}
.footer-messageBoard .item.w1 .skin{width: 139px;}
.footer-messageBoard .item.w2{width: 440px;}
.footer-messageBoard .item.w2 .skin{width: 365px;}
.footer-messageBoard .item.yzm{font-size: 0;}
.footer-messageBoard .item.yzm .skin{width: 91px;}
.footer-messageBoard .item.yzm .bindClick{vertical-align: top; margin-left: 10px; width: 90px; height: 40px;}
.footer-messageBoard .item.yzm .refreshVC{display: inline-block; vertical-align: top; margin-left: 5px; width: 40px; height: 40px; background-image: url(../images/icofm-refresh.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.footer-messageBoard .item.yzm .aftPD{margin-left: -314px;}
.footer-messageBoard .item .aftPD{margin-left: -30px; width: 30px; text-align: center;}
.footer-messageBoard .enter{position: absolute; right: 0; bottom: 0; width: 124px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #358198; font-size: 14px;}
.footer-messageBoard .enter .iptBtn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.footer-nav{float: left; width: 220px; margin-right: -50px;}
.footer-nav .dd{font-size: 0;}
.footer-nav .dd .link{display: inline-block; vertical-align: top; margin-right: 50px; width: 60px; color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 16px;}
.footer-nav .dd .link:hover{color: #358198;}
.footer-qrcode{float: left; font-size: 0; padding-top: 28px;}
.footer-qrcode .item{display: inline-block; vertical-align: top; width: 88px; text-align: center;}
.footer-qrcode .item:first-child{margin-right: 60px;}
.footer-qrcode .item p{font-size: 16px; color: #358198;}
.footer-qrcode .item img{display: block; margin-top: 14px; width: 88px; height: 88px;}
.footer-b{padding-top: 15px; padding-bottom: 15px; background-color: #e0e0e0; line-height: 20px;}
/* subpage */
.subpage-banner{z-index: 1; position: relative; height: 400px; background-color: #f1f1f1;}
.subpage-banner .pic{height: 400px; pointer-events: none;}
.subpage-banner .contain{padding-top: 150px; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.subpage-banner .contain .cn{font-size: 40px; font-weight: bold;}
.subpage-banner .contain .en{margin-top: 15px; font-size: 16px; text-transform: uppercase;}
.subpage-nav{position: relative; height: 68px; text-align: center; font-size: 0; border-bottom: #e6e6e6 solid 1px;}
.subpage-nav .link{position: relative; z-index: 5; display: inline-block; vertical-align: top; height: 68px; line-height: 68px; padding-left: 10px; padding-right: 10px; margin-left: 60px; margin-right: 60px; font-size: 16px;}
.subpage-nav .block{position: absolute; overflow: hidden; left: 50%; top: 0; z-index: 1;}
.subpage-nav .block s{position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #358198;}
.subpage .wrap{padding-top: 40px; padding-bottom: 66px;}
.subpage .index-head .dt span{font-weight: normal; font-size: 30px; padding-left: 12px; padding-right: 12px;}
.spe4 .sidebar{float: left; width: 240px;}
.spe4 .mainbody{float: right; width: 900px;}
.spe4 .sidenav{width: 240px;}
.spe4 .sidenav .dt{width: 216px; height: 70px; padding: 25px 0 0 24px;}
.spe4 .sidenav .dt .cn{font-size: 20px; font-weight: bold; color: #fff;}
.spe4 .sidenav .dt .en{margin-top: 10px; text-transform: capitalize; font-size: 14px; color: #fff; opacity: .40; filter: alpha(opacity=40); *zoom: 1;}
.spe4 .sidenav .dd{height: 49px; border-bottom: #d4d4d4 solid 1px;}
.spe4 .sidenav .dd .link{position: relative; display: block; height: 49px; line-height: 50px; padding-left: 30px; padding-right: 30px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.ysqUEO .spe4 .sidenav .dd .link:after{content: " "; position: absolute; bottom: -1px; left: 100% ; width: 0; border-bottom: #ffffff solid 2px;}
.ysqUEO .spe4 .sidenav .dd .link:after{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.ysqUEO .spe4 .sidenav .dd .link:hover:after,
.ysqUEO .spe4 .sidenav .dd .link.on:after{left: 0 ; width: 100%; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s;}
.spe4 .sidenav .dd .dot{position: absolute; left: 15px; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-radius: 6px; background-color: #b9b9b9; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.spe4 .sidenav .dd .arrow{position: absolute; right: 10px; top: 50%; margin-top: -10px; line-height: 22px; font-family: "SimSun", "宋体" !important; font-weight: bold; color: #9b9b9b;}
.spe4 .sidenav .dd.on .link:after{left: 0 ; width: 100% ;}
.spe4-head{padding-top: 20px; padding-bottom: 25px; background-size: auto; background-position: 0 bottom; background-repeat: no-repeat;}
.spe4-head .cn{font-size: 22px; color: #333333;}
.spe4-head .en{margin-top: 15px; font-size: 12px; color: #bcbcbc; text-transform: uppercase;}
.spe4-body{padding-top: 36px; padding-bottom: 26px;}
.spe4-qaList{border: solid 1px;}
.spe4-qaList .item{border-top: solid 1px;}
.spe4-qaList .item:first-child{border-top: none;}
.spe4-qaList .item .dt{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; padding: 22px 60px 22px 95px; color: #333333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; line-height: 30px; background-color: #ffffff; cursor: pointer;}
.spe4-qaList .item .dt:before{content: " "; position: absolute; left: 35px; top: 22px; width: 30px; height: 30px; background-size: auto; background-position: 0 top; background-repeat: no-repeat;}
.spe4-qaList .item .dt:after{content: ">"; position: absolute; right: 30px; top: 50%; margin-top: -10px; font-family: "SimSun", "宋体" !important; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 20px; font-weight: bold; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.spe4-qaList .item .dd{display: none; background-color: #e9e9e9; padding: 30px 35px 30px 120px; line-height: 24px; min-height: 24px;}
.spe4-qaList .item .dd span.ci{float: left; margin-left: -85px;}
.spe4-qaList .item.unfold .dt{color: #fff;}
.spe4-qaList .item.unfold .dt:before{background-position: 0 bottom;}
.spe4-qaList .item.unfold .dt:after{color: #fff !important; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.register .ci{color: #4ea2ea;}
.register .sidenav .dt{background-color: #4ea2ea;}
.register .sidenav .dd .link:after{border-bottom-color: #4ea2ea !important;}
.register .sidenav .dd.on .link:after,
.register .sidenav .dd:hover .link:after{border-bottom-color: #4ea2ea !important;}
.register .sidenav .dd.on .link,
.register .sidenav .dd:hover .link,
.register .sidenav .dd.on .arrow,
.register .sidenav .dd:hover .arrow{color: #4ea2ea !important;}
.register .sidenav .dd.on .dot,
.register .sidenav .dd:hover .dot{background-color: #4ea2ea !important;}
.register .spe4-head{background-image: url(../images/bgs-register-line.png);}
.register-section1{position: relative; overflow: hidden; font-size: 0; margin-right: -20px; margin-bottom: -16px; *margin-bottom: 0; min-height: 16px;}
.register-section1 .item{position: relative; margin-right: 20px; margin-bottom: 16px; display: inline-block; vertical-align: top; font-size: 16px; text-align: center; padding-left: 64px; padding-right: 29px; min-width: 115px; height: 36px; line-height: 36px; border: #4ea2ea dashed 1px;}
.register-section1 .item i{position: absolute; left: 0; top: 0; width: 36px; height: 36px; border-right: #4ea2ea dashed 1px; text-align: center; font-size: 16px; color: #459eea;}
.register-section2{position: relative; overflow: hidden; font-size: 0; margin-right: -22px; margin-bottom: -16px; *margin-bottom: 0; min-height: 16px;}
.register-section2 .item,
.register-section2 .arrow{display: inline-block; vertical-align: top; margin-right: 22px; margin-bottom: 16px;}
.register-section2 .item{position: relative; padding: 15px; width: 60px; height: 60px; background-image: url(../images/bgs-register-section2Item.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; line-height: 60px; font-size: 0; *font-size: 45px; /* &:after,&:before{content:"\00a0";font-size: 0px;visibility:hidden;} */ text-align: center;}
.register-section2 .item img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.register-section2 .item .vmbox{color: #fff; font-size: 14px; line-height: 16px; font-weight: bold;}
.register-section2 .arrow{width: 68px; height: 90px; background-image: url(../images/bgs-register-section2Arrow.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.register-section3{position: relative; overflow: hidden; font-size: 0; margin-right: -44px; margin-bottom: -20px; *margin-bottom: 0; min-height: 20px;}
.register-section3 .item{display: inline-block; vertical-align: top; margin-right: 44px; position: relative; margin-bottom: 20px; margin-left: 58px; min-width: 180px; padding-right: 20px; height: 37px; line-height: 38px; font-size: 16px; border-bottom: #d0d0d0 solid 1px;}
.register-section3 .item i{float: left; margin-left: -58px; width: 36px; height: 38px; background-image: url(../images/bgs-register-section3.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-align: center; padding-right: 2px; line-height: 38px; font-size: 16px; font-weight: bold; color: #fff;}
.register .spe4-qaList{border-color: #4ea2ea;}
.register .spe4-qaList .item{border-top-color: #4ea2ea;}
.register .spe4-qaList .item .dt:before{background-image: url(../images/icos-register-qaList.png);}
.register .spe4-qaList .item .dt:after{color: #4ea2ea;}
.register .spe4-qaList .item.unfold .dt{background-color: #4ea2ea;}
.accountant .ci{color: #ee8844;}
.accountant .sidenav .dt{background-color: #ee8844;}
.accountant .sidenav .dd .link:after{border-bottom-color: #ee8844 !important;}
.accountant .sidenav .dd.on .link:after,
.accountant .sidenav .dd:hover .link:after{border-bottom-color: #ee8844 !important;}
.accountant .sidenav .dd.on .link,
.accountant .sidenav .dd:hover .link,
.accountant .sidenav .dd.on .arrow,
.accountant .sidenav .dd:hover .arrow{color: #ee8844 !important;}
.accountant .sidenav .dd.on .dot,
.accountant .sidenav .dd:hover .dot{background-color: #ee8844 !important;}
.accountant .spe4-head{background-image: url(../images/bgs-accountant-line.png);}
.accountant-section1 .item{margin-top: 14px; padding: 20px; background-color: #fff; -webkit-box-shadow: 0px 0px 20.88px 3.12px rgba(179, 179, 179, 0.35); box-shadow: 0px 0px 20.88px 3.12px rgba(179, 179, 179, 0.35);}
.accountant-section1 .item:first-child{margin-top: 0;}
.accountant-section1 .item .dt{width: 146px; height: 30px; background-image: url(../images/bgs-accountant-section1Dt.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-indent: 20px; color: #fff; line-height: 30px; font-weight: bold;}
.accountant-section1 .item .dd{padding: 15px 20px 0;}
.accountant-section1 .item .dd p{margin-top: 5px; font-size: 14px; line-height: 24px;}
.accountant-section1 .item .dd p:first-child{margin-top: 0;}
.accountant-section1 .item .dd p .status{color: #ee8844;}
.accountant-section2{position: relative; overflow: hidden; font-size: 0; margin-right: -44px; margin-bottom: -20px; *margin-bottom: 0; min-height: 20px;}
.accountant-section2 .item{display: inline-block; vertical-align: top; margin-right: 44px; position: relative; margin-bottom: 20px; margin-left: 58px; min-width: 180px; padding-right: 20px; height: 37px; line-height: 38px; font-size: 16px; border-bottom: #d0d0d0 solid 1px;}
.accountant-section2 .item i{float: left; margin-left: -58px; width: 36px; height: 38px; background-image: url(../images/bgs-accountant-section2.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; text-align: center; padding-right: 2px; line-height: 38px; font-size: 16px; font-weight: bold; color: #fff;}
.accountant-section4{position: relative; overflow: hidden;}
.accountant-section4 .us,
.accountant-section4 .else{width: 408px;}
.accountant-section4 .us .dt,
.accountant-section4 .else .dt{width: 100%; height: 63px; background-image: url(../images/bgs-accountant-section4.png); background-repeat: no-repeat; font-size: 18px; font-weight: bold; color: #fff; text-align: center; line-height: 54px;}
.accountant-section4 .us .dd,
.accountant-section4 .else .dd{margin-left: auto; margin-right: auto; width: 264px; padding: 20px 45px 45px; border: dashed 1px; border-top: none; text-align: center;}
.accountant-section4 .us .dd p,
.accountant-section4 .else .dd p{margin-top: 15px; padding: 6px 10px; border-bottom: #d7d7d7 dashed 1px; font-size: 14px; line-height: 24px;}
.accountant-section4 .us .dd p:first-child,
.accountant-section4 .else .dd p:first-child{margin-top: 0;}
.accountant-section4 .us{float: left;}
.accountant-section4 .us .dt{background-position: left 0;}
.accountant-section4 .us .dd{border-color: #ee8844;}
.accountant-section4 .else{float: right;}
.accountant-section4 .else .dt{background-position: right 0;}
.accountant-section4 .else .dd{border-color: #c6c6c6;}
.accountant-section5{position: relative; overflow: hidden; margin-right: -45px; margin-bottom: -20px; *margin-bottom: 0; min-height: 20px; font-size: 0;}
.accountant-section5 .item{display: inline-block; vertical-align: top; position: relative; margin-right: 45px; margin-bottom: 20px; min-width: 180px; height: 18px; line-height: 18px; font-size: 14px; font-weight: bold; color: #fff; padding: 15px 30px 15px 60px; background-color: #ee8844; border-radius: 48px;}
.accountant-section5 .item i{position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 36px; font-weight: bold; font-size: 14px; color: #ee8844; background-color: #fff;}
.accountant .spe4-qaList{border-color: #ee8844;}
.accountant .spe4-qaList .item{border-top-color: #ee8844;}
.accountant .spe4-qaList .item .dt:before{background-image: url(../images/icos-accountant-qaList.png);}
.accountant .spe4-qaList .item .dt:after{color: #ee8844;}
.accountant .spe4-qaList .item.unfold .dt{background-color: #ee8844;}
.permission .ci{color: #a698e3;}
.permission .sidenav .dt{background-color: #a698e3;}
.permission .sidenav .dd .link:after{border-bottom-color: #a698e3 !important;}
.permission .sidenav .dd.on .link:after,
.permission .sidenav .dd:hover .link:after{border-bottom-color: #a698e3 !important;}
.permission .sidenav .dd.on .link,
.permission .sidenav .dd:hover .link,
.permission .sidenav .dd.on .arrow,
.permission .sidenav .dd:hover .arrow{color: #a698e3 !important;}
.permission .sidenav .dd.on .dot,
.permission .sidenav .dd:hover .dot{background-color: #a698e3 !important;}
.permission .spe4-head{background-image: url(../images/bgs-permission-line.png);}
.permission-section1{position: relative; overflow: hidden; font-size: 0; margin-right: -20px; margin-bottom: -14px; *margin-bottom: 0; min-height: 14px;}
.permission-section1 .item{position: relative; display: inline-block; vertical-align: top; min-width: 415px; margin-right: 20px; margin-bottom: 14px; padding-left: 25px; font-size: 16px; line-height: 24px; color: #333333;}
.permission-section1 .item:before{content: " "; position: absolute; left: 3px; top: 50%; margin-top: -4px; width: 8px; height: 8px; background-color: #a698e3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.permission-section4{position: relative; overflow: hidden; margin-right: -60px; margin-bottom: -20px; *margin-bottom: 0; min-height: 20px; font-size: 0;}
.permission-section4 .item{display: inline-block; vertical-align: top; position: relative; margin-right: 60px; margin-bottom: 20px; min-width: 330px; height: 18px; line-height: 18px; font-size: 14px; font-weight: bold; color: #fff; padding: 15px 30px 15px 60px; background-color: #a698e3; border-radius: 48px;}
.permission-section4 .item i{position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 36px; font-weight: bold; font-size: 14px; color: #a698e3; background-color: #fff;}
.permission .spe4-qaList{border-color: #a698e3;}
.permission .spe4-qaList .item{border-top-color: #a698e3;}
.permission .spe4-qaList .item .dt:before{background-image: url(../images/icos-permission-qaList.png);}
.permission .spe4-qaList .item .dt:after{color: #a698e3;}
.permission .spe4-qaList .item.unfold .dt{background-color: #a698e3;}
.service .ci{color: #ff746e;}
.service .sidenav .dt{background-color: #ff746e;}
.service .sidenav .dd .link:after{border-bottom-color: #ff746e !important;}
.service .sidenav .dd.on .link:after,
.service .sidenav .dd:hover .link:after{border-bottom-color: #ff746e !important;}
.service .sidenav .dd.on .link,
.service .sidenav .dd:hover .link,
.service .sidenav .dd.on .arrow,
.service .sidenav .dd:hover .arrow{color: #ff746e !important;}
.service .sidenav .dd.on .dot,
.service .sidenav .dd:hover .dot{background-color: #ff746e !important;}
.service .spe4-head{background-image: url(../images/bgs-service-line.png);}
.service-section1{position: relative; overflow: hidden; font-size: 0; margin-bottom: -16px; *margin-bottom: 0; min-height: 16px;}
.service-section1 .item{position: relative; display: inline-block; vertical-align: top; min-width: 220px; margin-bottom: 16px; padding: 6px 30px 6px 50px; font-size: 16px; line-height: 24px; color: #333333; min-height: 24px;}
.service-section1 .item i{position: absolute; left: 0; top: 0; background-color: #ff746e; background-image: -webkit-linear-gradient(-90deg, #ff746e 0%, #ffa6a2 100%); border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 16px; font-weight: bold;}
.service-section2{position: relative; overflow: hidden; font-size: 0; margin-right: -3px; margin-bottom: -16px; *margin-bottom: 0; min-height: 16px;}
.service-section2 .item,
.service-section2 .arrow{display: inline-block; vertical-align: top; margin-right: 3px; margin-bottom: 16px;}
.service-section2 .item{position: relative; padding: 15px; width: 93px; height: 94px; background-image: url(../images/bgs-service-section2Item.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; line-height: 94px; font-size: 0; *font-size: 71px; /* &:after,&:before{content:"\00a0";font-size: 0px;visibility:hidden;} */ text-align: center;}
.service-section2 .item img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.service-section2 .item .vmbox{font-size: 14px; line-height: 22px; width: 5em;}
.service-section2 .arrow{width: 26px; height: 124px; background-image: url(../images/bgs-service-section2Arrow.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.service-section3{position: relative; overflow: hidden; margin-right: -60px; margin-bottom: -20px; *margin-bottom: 0; min-height: 20px; font-size: 0;}
.service-section3 .item{display: inline-block; vertical-align: top; position: relative; margin-right: 60px; margin-bottom: 20px; min-width: 330px; height: 18px; line-height: 18px; font-size: 14px; font-weight: bold; color: #fff; padding: 15px 30px 15px 60px; background-color: #ff746e; border-radius: 48px;}
.service-section3 .item i{position: absolute; left: 10px; top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 36px; font-weight: bold; font-size: 14px; color: #ff746e; background-color: #fff;}
.service .spe4-qaList{border-color: #ff746e;}
.service .spe4-qaList .item{border-top-color: #ff746e;}
.service .spe4-qaList .item .dt:before{background-image: url(../images/icos-service-qaList.png);}
.service .spe4-qaList .item .dt:after{color: #ff746e;}
.service .spe4-qaList .item.unfold .dt{background-color: #ff746e;}
/* news */
.news-list .item{position: relative; padding: 40px 145px 40px 415px; height: 190px; border-bottom: #eaeaea solid 1px; background-color: #fff; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.news-list .item .pic{position: absolute; left: 35px; top: 40px; width: 340px; height: 190px; background-color: #f1f1f1;}
.news-list .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 44px; line-height: 44px; font-size: 20px;}
.news-list .item h3 .link{color: #358198;}
.news-list .item p{margin-top: 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 66px; height: 66px;}
.news-list .item .aside{position: absolute; left: 415px; bottom: 50px; font-size: 12px; line-height: 22px; color: #999999;}
.news-list .item .aside > span{margin-right: 30px; display: inline-block; vertical-align: top; padding-left: 20px; background-position: 0 center; background-repeat: no-repeat;}
.news-list .item .aside .time{background-image: url(../images/icos-time.png);}
.news-list .item .aside .pv{background-image: url(../images/icos-pv.png);}
.news-list .item .more{position: absolute; right: 0; top: 0; width: 80px; height: 270px;}
.news-list .item .more:before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -100px; width: 1px; height: 200px; background-color: #eaeaea;}
.news-list .item .more s{position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; -webkit-transition: all 800ms ease 0s; transition: all 800ms ease 0s;}
.news-list .item .more s:before,
.news-list .item .more s:after{content: " "; position: absolute; left: 50%; top: 50%; background-color: #c0c0c0; -webkit-transition: all 220ms ease 50ms; transition: all 220ms ease 50ms;}
.news-list .item .more s:before{width: 2px; height: 24px; margin-left: -1px; margin-top: -12px;}
.news-list .item .more s:after{width: 24px; height: 2px; margin-left: -12px; margin-top: -1px;}
.news-list .item .more:hover{background-color: #fabf01;}
.news-list .item .more:hover s{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.news-list .item .more:hover s:before,
.news-list .item .more:hover s:after{background-color: #fff;}
.news-list .item:hover{z-index: 9; -webkit-box-shadow: 0px 0px 13.12px 2.88px rgba(137, 137, 137, 0.31); box-shadow: 0px 0px 13.12px 2.88px rgba(137, 137, 137, 0.31);}
/* view */
.view-head{padding-top: 20px; padding-bottom: 20px; border-bottom: #cccccc solid 1px; text-align: center;}
.view-head h1{font-size: 30px; line-height: 40px; color: #333333;}
.view-head .aside{margin-top: 15px;}
.view-head .aside > span{margin-right: 30px; display: inline-block; vertical-align: top; padding-left: 20px; background-position: 0 center; background-repeat: no-repeat;}
.view-head .aside .time{background-image: url(../images/icos-time.png);}
.view-head .aside .pv{background-image: url(../images/icos-pv.png);}
.view-body{padding-top: 30px; padding-bottom: 30px;}
.view-foot{position: relative; padding-top: 25px; padding-bottom: 25px; margin-top: 20px; border-top: #bcbcbc solid 1px; border-bottom: #bcbcbc solid 1px; line-height: 20px; font-size: 16px; height: 20px;}
.view-foot .ctr{color: #358198;}
.view-foot .ctr.prev{float: left;}
.view-foot .ctr.next{float: right;}
.view-foot .ctr[href="#"],
.view-foot .ctr[href=""]{cursor: not-allowed; color: #999999;}
.view-foot .ctr[href="#"]:after,
.view-foot .ctr[href=""]:after{display: none;}
.view-foot .backToList{position: absolute !important; left: 50%; margin-left: -47px; top: 25px; padding-left: 30px; width: 64px; color: #358198; text-align: center; background-image: url(../images/icos-backToList.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}
.view-foot .backToList:hover{background-position: 2px center;}
/* about */
.about .wrap{padding-top: 0;}
.about-body{padding-bottom: 20px;}
.about .culture-list{font-size: 0; text-align: center;}
.about .culture-list .item{display: inline-block; vertical-align: top; margin-left: 40px; padding: 34px 19px 19px; border: solid 1px #358198; width: 168px; height: 313px; border-radius: 15px; text-align: center; background-image: url(../images/bgs-culture.png); background-size: auto; background-position: 50% bottom; background-repeat: no-repeat;}
.about .culture-list .item:first-child{margin-left: 0;}
.about .culture-list .item .icoImg{display: block; margin-left: auto; margin-right: auto; width: 100px; height: 100px;}
.about .culture-list .item .dt{margin-top: 10px; font-size: 26px; color: #358198;}
.about .culture-list .item .hr{margin-top: 26px; width: 40px; height: 2px; margin-left: auto; margin-right: auto; background-color: #358198;}
.about .culture-list .item .dd{margin-top: 24px; font-size: 14px; line-height: 22px;}
/* contact */
.contact .wrap{padding-top: 0;}
.contact-body{padding-bottom: 20px;}
.contact-list{font-size: 0; text-align: center;}
.contact-list .item{display: inline-block; vertical-align: top; padding: 6px 35px; width: 228px; height: 146px; border-left: #dddddd solid 1px; border-right: #dddddd solid 1px; margin-left: -1px;}
.contact-list .item:first-child{margin-left: 0;}
.contact-list .item .icoImg{display: block; margin-left: auto; margin-right: auto; width: 56px; height: 56px;}
.contact-list .item .dt{margin-top: 15px; font-size: 18px; color: #333333;}
.contact-list .item .dd{margin-top: 10px; font-size: 14px; line-height: 20px;}
.contact-form{margin-top: 50px; margin-left: -23px; padding: 11px 93px; width: 1060px; height: 640px; background-image: url(../images/bgs-contactForm.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.contact-form .formCheck{margin-right: -20px;}
.contact-form .item{position: relative; float: left; line-height: 40px; margin-bottom: 20px;}
.contact-form .item .skin{height: 20px; line-height: 20px; border: #dddddd solid 1px; padding: 9px 14px; background-color: #fff; font-size: 14px; border-radius: 4px;}
.contact-form .item.w1{width: 340px; margin-right: 20px;}
.contact-form .item.w1 .skin{width: 310px;}
.contact-form .item.w2{width: 1060px;}
.contact-form .item.w2 .skin{width: 1030px;}
.contact-form .item.w2 textarea.skin{height: 110px;}
.contact-form .item.yzm{font-size: 0;}
.contact-form .item.yzm .skin{width: 220px; border-radius: 4px 0 0 4px; padding-right: 104px;}
.contact-form .item.yzm .bindClick{vertical-align: top; margin-top: 1px; margin-left: -90px; width: 88px; height: 38px; border-radius: 0 4px 4px 0; border-left: #dddddd solid 1px;}
.contact-form .item.yzm .refreshVC{display: inline-block; vertical-align: top; margin-left: 22px; font-size: 14px; height: 40px; line-height: 46px;}
.contact-form .item.yzm .refreshVC:hover{color: #358198;}
.contact-form .item.yzm .aftPD{margin-left: -314px;}
.contact-form .item .aftPD{margin-left: -30px; width: 30px; text-align: center;}
.contact-form .btns{position: absolute; right: 0; top: 0;}
.contact-form .btns .btn{display: inline-block; vertical-align: top; margin-left: 15px; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border-radius: 40px;}
.contact-form .btns .iptBtn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.contact-form .btns .enter{background-color: #358198;}
.contact-form .btns .reset{background-color: #7d7d7d;}
.contact-map{width: 100%; height: 540px; margin-top: -20px;}
.contact-map #dituContent{width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.contact-map #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #358198;}
.contact-map #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.contact-map #dituContent img{max-width: none;}
._pen .contact-map{pointer-events: none;}