@charset "utf-8";
/*!  Project : 成都丽妍工坊生化科技有限公司
    +-----------css--------------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2018.08.20   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.pa100{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pr100{position: relative; left: 0; top: 0; width: 100%; height: 100%;}
.bgf{background-color: #fff;}
.bgf1{background-color: #f1f1f1;}
.bgf5{background-color: #f5f5f5;}
.bge{background-color: #eee;}
@-webkit-keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
@keyframes fadeIns{0%{opacity: 0.3;} to{opacity: 1;}}
.fadeIns{-webkit-animation-name: fadeIns; animation-name: fadeIns;}
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate360{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate360{-webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes AniStriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.AniStriking{-webkit-animation-name: AniStriking; animation-name: AniStriking;}
@-webkit-keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes AniOpStriking{0%, 50%, to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 25%, 75%{opacity: .7; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.AniOpStriking{-webkit-animation-name: AniOpStriking; animation-name: AniOpStriking;}
@-webkit-keyframes animateStay{0, 100%{opacity: 1;}}
@keyframes animateStay{0, 100%{opacity: 1;}}
.animateStay{-webkit-animation-name: animateStay; animation-name: animateStay;}
/* baseCss */
.en{word-break: keep-all;}
.tdu{text-decoration: underline;}
.oh{position: relative; overflow: hidden;}
.ma{margin-left: auto; margin-right: auto;}
.dib{display: inline-block; vertical-align: middle;}
.vab{vertical-align: bottom;}
.vat{vertical-align: top;}
.unsel{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.insel{-webkit-user-select: normal ; -moz-user-select: normal ; -ms-user-select: normal ; user-select: normal ;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
.taps a,
.tapList a,
.tap{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.tapList .link{display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.lhd5{height: .5em;}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.tsn{-webkit-transition: none !important; transition: none !important;}
.emptyList{text-align: center; font-size: 120%; background-color: #f5f5f5; color: #222; font-weight: bold;}
.hidePoint{position: absolute; height: 0; visibility: hidden; top: 0; left: 0;}
.viewport{position: relative;}
.hScroll{white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;}
.hScroll .scrollBox,
.hScroll .overview{vertical-align: top; display: inline-block; vertical-align: middle;}
.vScroll{font-size: 0; overflow-y: auto; overflow-x: hidden;}
.invisible{visibility: hidden; position: absolute; z-index: -1;}
.ensp{display: inline-block; vertical-align: middle; width: .5em; height: 1px;}
.cnsp{display: inline-block; vertical-align: middle; width: 1em; height: 1px;}
.c1{color: #0ba971;}
.bgc1{background-color: #0ba971;}
.c2{color: #67f8af;}
.bgc2{background-color: #67f8af;}
.c3{color: #13b67c;}
.bgc3{background-color: #13b67c;}
.ca{color: #222222;}
.cb{color: #666666;}
.cs{color: #999999;}
a{color: #222222;}
a.on{color: #0ba971;}
@media screen and (min-width: 1025px){a:hover{color: #0ba971;}}
@media screen and (max-width: 1024px){a:active{color: #0ba971;}}
body{color: #666666; font: 16px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
@media screen and (max-width: 1024px){body{font-size: 14px;}}
img{vertical-align: middle;}
.vmbox{font-size: 14px; line-height: 1.4333; font-family: "Microsoft YaHei", "微软雅黑";}
.imax{font-size: 16px; line-height: 1.625; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
@media screen and (max-width: 768px){.imax{font-size: 14px; line-height: 1.4333;}}
::-moz-selection{background: #087951; color: #fff; text-shadow: none;}
::selection{background: #087951; color: #fff; text-shadow: none;}
/* htmls */
.m-link{display: none;}
@media screen and (max-width: 1024px){.m-link{display: block; z-index: 11; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);}}
.more.more1{display: block; margin-left: auto; margin-right: auto; margin-top: 2rem; width: 200px; height: 40px; background-color: #0ba971; color: #fff; text-align: center; line-height: 40px;}
@media screen and (max-width: 768px){.more.more1{width: 160px; height: 34px; line-height: 34px;}}
.more.more2,
.scrollAjax #loadState{display: block; margin-top: 2rem; width: 100%; height: 30px; color: #fff; font-size: 16px; line-height: 30px; padding-top: .75rem; padding-bottom: .75rem; background-color: #bfbfbf; text-align: center;}
.more.more2::after,
.scrollAjax #loadState::after{content: " "; margin-left: 5px; display: inline-block; vertical-align: middle; width: 12px; height: 6px; background-image: url(../images/arrow-more.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
@media screen and (min-width: 1025px){.more.more2, .scrollAjax #loadState{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;} .more.more2:hover, .scrollAjax #loadState:hover{background-color: #0ba971;}}
@media screen and (max-width: 1024px){.more.more2, .scrollAjax #loadState{-webkit-transition: all 50ms ease 0s; transition: all 50ms ease 0s;} .more.more2:active, .scrollAjax #loadState:active{background-color: #0ba971;}}
.more.more3{display: block; margin-left: auto; margin-right: auto; margin-top: 2rem; max-width: 90%; width: 9rem; padding: 1rem 3rem; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #bfbfbf;}
@media screen and (min-width: 1025px){.more.more3{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;} .more.more3:hover{background-color: #aaa;}}
@media screen and (max-width: 1024px){.more.more3{-webkit-transition: all 50ms ease 0s; transition: all 50ms ease 0s;} .more.more3:active{background-color: #aaa;}}
.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;}
.Y_ZoomZoon{z-index: 6; position: absolute; background: #000 ; opacity: 0.15; filter: alpha(opacity=15); *zoom: 1; cursor: crosshair;}
.Y_ZoomDiv{z-index: 8; position: absolute; top: 0px; left: 0px; background-color: #fff; border: 1px solid #eae9e9; display: none; text-align: center; overflow: hidden;}
/*模拟滚动条*/
.module-Scrollbox{position: relative; overflow: hidden; height: 100%;}
.module-Scrollbox.y{padding-right: 10px;}
.module-Scrollbox.y .scrollbar{height: 100%; top: 0; background-color: #f1f1f1;}
.module-Scrollbox.y .scrollbar,
.module-Scrollbox.y .scrollbar .thumb,
.module-Scrollbox.y .scrollbar .track{width: 5px;}
.module-Scrollbox.y .scrollbar .thumb{height: 0; right: 0; background-color: #dddddd;}
.module-Scrollbox.x .scrollbar{width: 100%; bottom: 0; background-color: #f1f1f1;}
.module-Scrollbox.x .scrollbar,
.module-Scrollbox.x .scrollbar .thumb,
.module-Scrollbox.x .scrollbar .track{height: 5px;}
.module-Scrollbox.x .scrollbar .thumb{width: 0; left: 0; background-color: #dddddd;}
.module-Scrollbox.x .overview{display: inline-block;}
.module-Scrollbox .scrollbar{/* display: none; */ position: absolute; z-index: 3; right: 0;}
.module-Scrollbox .scrollbar .track{position: relative;}
.module-Scrollbox .scrollbar .thumb{position: absolute; top: 0; cursor: pointer; border-radius: 2.5px; -webkit-transition: all 80ms ease 0s; transition: all 80ms ease 0s;}
.module-Scrollbox .scrollbar .thumb .end{height: 5px; width: 5px;}
.module-Scrollbox .viewport{position: relative; overflow: hidden; width: 100%; height: 100%;}
.module-Scrollbox .overview{position: relative; -webkit-transition: all 150ms ease-in 0s; transition: all 150ms ease-in 0s;}
.module-Scrollbox .disable{display: none;}
@media screen and (max-width: 1024px){.module-Scrollbox{height: auto;} .module-Scrollbox .scrollbar{display: none;}}
/* 组件 */
.ysqUEO .scs.hbgOn img,
.ysqUEO .scst.hbgOn img,
.ysqUEO .scs:hover img,
.ysqUEO .scst:hover img{-webkit-transform: scale(1.02); transform: scale(1.02);}
.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; transition: all 220ms ease 0s;}
.ysqUEO .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.ysqUEO .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.ysqUEO .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.ysqUEO .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.ysqUEO .stereoUp{-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ysqUEO .stereoUp:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.hbg .op0{visibility: hidden; /* *visibility: visible; */ -webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s;}
.hbg:hover .op0,
.hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; /* *visibility: visible; */ visibility: hidden; /* *visibility: visible; */ -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
/* keyframes use */
@-webkit-keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
.rotate180{-webkit-animation-name: rotate180; animation-name: rotate180; -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 fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
@keyframes zoomIns{0%{opacity: 0; -webkit-transform: scale3d(0.77, 0.77, 0.77); transform: scale3d(0.77, 0.77, 0.77);} 50%{opacity: 1;}}
.zoomIns{-webkit-animation-name: zoomIns; animation-name: zoomIns;}
.abtnBg{position: relative; overflow: hidden; z-index: 0;}
.abtnBg:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border-radius: inherit; background-color: rgba(0, 0, 0, 0);}
.abtnBg:hover:after{background-color: rgba(0, 0, 0, 0.08);}
.abtnBg::after{z-index: 7 !important;}
.abtnSc{position: relative; overflow: hidden; z-index: 0;}
.abtnSc:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.08); -webkit-transform: scale(0.6); transform: scale(0.6);}
.abtnSc:hover:after{-webkit-transform: none !important; transform: none !important;}
.abtnSc::after{opacity: 0;}
.abtnSc:hover::after{opacity: 1;}
.abtnBd{position: relative; overflow: hidden; z-index: 0;}
.abtnBd:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border: 0 solid rgba(0, 0, 0, 0.08); border-radius: inherit; opacity: 1;}
.abtnBd:hover:after{border-width: 30px; opacity: 1; filter: alpha(opacity=100);}
.abtnBT{position: relative; overflow: hidden; z-index: 0;}
.abtnBT:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.08); -webkit-transform: translateY(100%); transform: translateY(100%);}
.abtnBT:hover:after{-webkit-transform: none !important; transform: none !important;}
.abtnLR{position: relative; overflow: hidden; z-index: 0;}
.abtnLR:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.08); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.abtnLR:hover:after{-webkit-transform: none !important; transform: none !important;}
.loading{background-image: url(../images/loading.gif);}
.loading-m{background-image: url(../images/loading-m.gif);}
.load-error{background-image: url(../images/error.gif);}
/* backToTopXXX */
/* 自定义响应结构 */
/* ysq _ ROW | TR */
.ysqTr > .ceil,
.ysqRow > .col{position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: background 250ms,color 250ms,-webkit-transform 250ms; transition: transform 250ms,background 250ms,color 250ms; transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box;}
@media screen and (min-width: 1025px){.ysqTr > .ceil3{width: 33.333%;} .ysqTr > .ceil4{width: 25%;} .ysqRow > .col3{width: 32%; margin-left: 2%;} .ysqRow > .col3:nth-child(3n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+4){margin-top: 2%;} .ysqRow > .col4{width: 23.5%; margin-left: 2%;} .ysqRow > .col4:nth-of-type(4n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+5){margin-top: 2%;}}
@media screen and (min-width: 1441px){.ysqRow > .col5{width: 18.4%; margin-left: 2%;} .ysqRow > .col5:nth-child(5n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+6){margin-top: 2%;}}
@media screen and (max-width: 1440px){.ysqRow > .col5{width: 23.5%; margin-left: 2%;} .ysqRow > .col5:nth-child(4n+1){margin-left: 0;} .ysqRow > .col5:nth-child(1n+5){margin-top: 2%;}}
@media screen and (max-width: 1024px){.ysqTr > .ceil4{width: 50%;}}
@media screen and (max-width: 1024px) and (min-width: 481px){.ysqRow > .col3{width: 49%; margin-left: 2%;} .ysqRow > .col3:nth-child(2n+1){margin-left: 0;} .ysqRow > .col3:nth-child(1n+3){margin-top: 2%;}}
@media screen and (max-width: 1024px) and (min-width: 769px){.ysqRow > .col4, .ysqRow > .col5{width: 32%; margin-left: 2%;} .ysqRow > .col4:nth-child(3n+1), .ysqRow > .col5:nth-child(3n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+4), .ysqRow > .col5:nth-child(1n+4){margin-top: 2%;}}
@media screen and (max-width: 768px){.loading{background-size: 80px 16px;}}
@media screen and (max-width: 768px) and (min-width: 481px){.ysqRow > .col4, .ysqRow > .col5{width: 49%; margin-left: 2%;} .ysqRow > .col4:nth-child(2n+1), .ysqRow > .col5:nth-child(2n+1){margin-left: 0;} .ysqRow > .col4:nth-child(1n+3), .ysqRow > .col5:nth-child(1n+3){margin-top: 2%;}}
@media screen and (max-width: 480px){.ysqRow > .col3, .ysqRow > .col4, .ysqRow > .col5{float: none; width: 100%; margin-left: auto !important; margin-right: auto !important; display: block;} .ysqRow > .col3:nth-child(1n+2), .ysqRow > .col4:nth-child(1n+2), .ysqRow > .col5:nth-child(1n+2){margin-top: 10px;} .ysqTr > .ceil4{width: 100%;}}
/* 滚动加载 */
.scrollAjax #loadState.off{background-color: #ddd !important; color: #333; cursor: default; cursor: not-allowed;}
.scrollAjax #loadState.off::after{display: none;}
.scrollAjax #loadState.ing::after{content: " "; background: none; width: auto; height: auto; -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: #0ba971; 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: 30px; height: 30px; padding: 5px; color: #666; font: bold 16px/30px "黑体"; cursor: pointer; text-align: center;}
.TAlert .contain .head{padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;}
.TAlert .contain .body{padding: 15px; font-size: 14px; background-color: #fff; color: #444;}
.TAlert .contain .foot{position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px;}
.TAlert .contain .foot .btn{overflow: hidden; z-index: 0; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px;}
.TAlert .contain .foot .btn:before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.TAlert .contain .foot .btn:hover:before{background-color: rgba(0, 0, 0, 0.1);}
.TAlert .contain .foot .btn.enter{left: 0; background-color: #0ba971; 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;}
.csstransf .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);}
.csstransf .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
.pageListBox .pageList{margin-top: 2rem; margin-bottom: 0rem; position: relative; overflow: hidden; height: 40px; line-height: 40px; font-size: 0; text-align: center;}
.pageListBox .pageList ul{position: relative; float: none !important;}
.pageListBox .pageList ul,
.pageListBox .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageListBox .pageList ul li{margin: 0 6px; font-size: 14px;}
.pageListBox .pageList a{display: block; border: #d8dce0 solid 0; width: 40px; height: 40px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; border-radius: 4px; color: #999; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px;}
.pageListBox .pageList a:hover,
.pageListBox .pageList a.selected{color: #fff; background-color: #0ba971;}
.pageListBox .pageList a:active{border-color: #fff;}
@media screen and (max-width: 768px){.pageListBox .pageList{height: 36px; line-height: 36px;} .pageListBox .pageList a{width: 36px; height: 36px; line-height: 36px;}}
.axd20s{position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ -webkit-transform: translate(0, 100%); transform: translate(0, 100%);}
.axd20s img{width: 100%;}
.axd20s.show{-webkit-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.axd20s .close{z-index: 8; position: absolute; right: 0; top: 0; width: 2.2rem; height: 2.2rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; background-color: rgba(0, 0, 0, 0.2);}
.axd20s .close:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAASFBMVEUAAAD///9KSkoXFxccHBxQUFDt7e3o6Ojg4OAzMzPk5OTd3d3b29tDQ0MvLy/4+Pjx8fHq6urk5OTZ2dnY2NiNjY1VVVWCgoKJVB4sAAAAGHRSTlMA/h4FByLX0MISwr+8Gg3p29PIublUKEYEnrBEAAAAmUlEQVQoz22PSRKEIBAEu+xGFncdnf//VEICOkDrwCGzoALi01MbfzJ5rNJgWRG7HXqpcY+OSIXiiSgJywXz085ik4y32C4xsEmIzW19SicrsQvJDkNNDIY5KNZMC5aJPhIQPig7/OH4hUeYuPFrhYN5xt27TY8YuWp35R+Dto+Ek9CNIeH2xphxEUc8Z1uwCjuTDxe1uZy/AcZ3A7AFrGhaAAAAAElFTkSuQmCC); background-size: 50% 50%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 800ms ease 0s; transition: all 800ms ease 0s;}
.axd20s .close:hover:after{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
/* nav */
.nav{position: fixed; left: 0; top: 0; width: 100%; z-index: 20; background-color: #0c251f; color: #fff;}
.nav .contain{position: relative; height: 100%; padding: 0 1.5625%;}
.nav .bg{display: none; z-index: 5;}
.nav .logo,
.nav .logo2{float: left; position: relative; top: 50%;}
.nav .logo img,
.nav .logo2 img{display: block; height: 100%;}
.nav .logoVr{float: left; position: relative; top: 50%; margin-top: -12px; margin-left: 12px; margin-right: 12px; width: 1px; height: 24px; background-color: #fff;}
.nav .logo{margin-top: -15px; height: 30px;}
.nav .logo2{margin-top: -22px; height: 44px;}
.nav .secNav{display: none;}
.nav .fns{display: none;}
.nav .m-db{display: none !important;}
.fixNav .nav{-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);}
@media screen and (min-width: 1025px){.scroll-wrap{padding-top: 80px;} .nav{height: 80px;} .nav .firNav{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; text-align: center; font-size: 0; white-space: nowrap;} .nav .firItem{vertical-align: top; display: inline-block; vertical-align: middle; /* position: relative; */ line-height: 80px; height: 80px; margin-left: 20px;} .nav .firItem:first-child{margin-left: 0 !important;} .nav .firItem > .link{display: block; font-size: 16px; color: #fff;} .nav .firItem:hover .secNav{z-index: 32;} .nav .firItem.on > .link{font-weight: bold;} .nav .secNav{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */ display: block; position: absolute; top: 100%; left: 50%; margin-left: -1500px; width: 3000px; background-color: #191919; z-index: 30; font-size: 0; text-align: center; -webkit-transform: scaleX(0.9); transform: scaleX(0.9);} .nav .secNav.active{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;} .nav .secItem{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; padding-left: 10px; padding-right: 10px; line-height: 1; color: #aaa; width: 136px; height: 120px; font-size: 14px; padding-bottom: 20px; padding-top: 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;} .nav .secItem:nth-child(1n+2){margin-left: 10px;} .nav .secItem.on, .nav .secItem:hover{background-color: #252525;} .nav .secItem .icoImg{display: block; margin-left: auto; margin-right: auto; width: 40px; height: 30px; margin-top: 8px;} .nav .secItem p{margin-top: 10px; line-height: 20px; white-space: normal;} .nav .navbtn{display: none;} .nav .fns{display: block; float: right; margin-top: 30px; height: 20px; line-height: 20px;} .nav .fns .link{color: #fff; margin-left: 1.04166667vw;} .nav .fns .link:first-child{margin-left: 0;} .nav .fns .icoImg{height: 20px; vertical-align: top;}}
@media screen and (min-width: 1366px){.nav .firItem{margin-left: 40px;} .nav .secItem{width: 152px; font-size: 16px;}}
@media screen and (max-width: 1440px){.nav .logo{margin-top: -12px; height: 24px;}}
@media screen and (max-width: 1440px) and (min-width: 1025px){.nav .firNav{margin-left: 2%;} .nav .firItem{margin-left: 14px;}}
@media screen and (max-width: 1024px){.scroll-wrap{padding-top: 66px;} .nav{height: 66px;} .nav .contain{padding-left: 15px; padding-right: 15px;} .nav .bg{position: fixed !important; background-color: rgba(0, 0, 0, 0.2);} .nav .navbtn{z-index: 10; position: absolute; overflow: hidden; display: block; margin-right: 15px; right: -6px; top: 7px; padding: 6px; width: 40px; height: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .nav .navbtn s{position: absolute; left: 6px; display: block; width: 40px; height: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #0ba971; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .nav .navbtn .i1{top: 12px;} .nav .navbtn .i2{top: 50%; margin-top: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} .nav .navbtn .i3{bottom: 12px;} .nav .navbtn.navShow{position: fixed; z-index: 80; margin-right: 15px;} .nav .navbtn.navShow .i1{-webkit-transform: rotate(45deg) translate(7.866px, 0); transform: rotate(45deg) translate(7.866px, 0); top: 4px;} .nav .navbtn.navShow .i2{-webkit-transform: scale(0) rotate(-360deg); transform: scale(0) rotate(-360deg); opacity: 0;} .nav .navbtn.navShow .i3{-webkit-transform: rotate(-45deg) translate(7.866px, 0); transform: rotate(-45deg) translate(7.866px, 0); bottom: 4px;} .nav .firNav{position: fixed; z-index: 9; left: auto; right: -100%; top: 0; max-width: 65%; width: 480px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; padding-right: 5%; overflow-y: auto; background-color: #fff; opacity: 1; filter: alpha(opacity=100); padding-top: 66px;} .nav .firItem{font-size: 26px; font-size: 1.3rem; line-height: 2.2; border-bottom: #d7e2e8 solid 1px;} .nav .firItem > .link{display: block; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; text-indent: 8px;} .nav .firItem.on > .link{color: #0ba971;} .nav .firItem.on .secNav{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; display: block;} .nav .secNav{display: none; padding: 0 8px 8px !important; line-height: 1.5;} .nav .secNav .col{display: inline;} .nav .secNav .secItem{margin-right: 5px; display: inline-block; white-space: nowrap; color: #777; font-size: .9em;} .nav .secNav .secItem .icoImg{display: none;} .nav .secNav .secItem:active{color: #111;} .nav .secNav .secItem.on{color: #111; text-decoration: underline;} .nav .m-db{display: block !important;}}
@media screen and (max-width: 480px){.scroll-wrap{padding-top: 50px;} .nav{height: 50px;} .nav .logo{margin-top: -10px; height: 20px;} .nav .logo2{margin-top: -20px; height: 40px;} .nav .navbtn{z-index: 10; position: absolute; overflow: hidden; display: block; margin-right: 15px; right: 0px; top: 10px; padding: 0px; width: 30px; height: 30px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .nav .navbtn s{position: absolute; left: 0px; display: block; width: 30px; height: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #0ba971; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .nav .navbtn .i1{top: 5px;} .nav .navbtn .i2{top: 50%; margin-top: -1.5px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} .nav .navbtn .i3{bottom: 5px;} .nav .navbtn.navShow{position: fixed; z-index: 80; margin-right: 15px;} .nav .navbtn.navShow .i1{-webkit-transform: rotate(45deg) translate(5.8995px, 0); transform: rotate(45deg) translate(5.8995px, 0); top: -1.5px;} .nav .navbtn.navShow .i2{-webkit-transform: scale(0) rotate(-360deg); transform: scale(0) rotate(-360deg); opacity: 0;} .nav .navbtn.navShow .i3{-webkit-transform: rotate(-45deg) translate(5.8995px, 0); transform: rotate(-45deg) translate(5.8995px, 0); bottom: -1.5px;}}
/* index */
.index-Section1{position: relative; height: calc(100vh - 80px);}
.index-Section1 .scrollBox{vertical-align: top; display: inline-block; vertical-align: middle; font-size: 0; height: 100%; min-width: 100%;}
.index-Section1 .col{position: relative; z-index: 1; vertical-align: top; display: inline-block; vertical-align: middle; width: 33.33333333%; height: 100%; color: #fff;}
.index-Section1 .col .mask{background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
.index-Section1 .col .contain{position: absolute; z-index: 9; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; padding-left: 10%; padding-right: 10%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index-Section1 .col .icoImg{height: 5rem;}
.index-Section1 .col h2{margin-top: 10px; font-size: 1.2rem;}
.index-Section1 .col .en{margin-top: 10px; font-size: 1.2rem; font-family: Tahoma, sans-serif; text-transform: uppercase;}
.index-Section1 .col .hide{position: relative; overflow: hidden; height: 0; -webkit-transition: all 400ms ease 100ms; transition: all 400ms ease 100ms;}
.index-Section1 .col .info{margin-left: auto; margin-right: auto; max-width: 310px; padding-top: 2rem; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 78px; height: 78px; font-size: 16px; color: #999999;}
.index-Section1 .col .more{display: block; margin-left: auto; margin-right: auto; margin-top: 2rem; width: 10.5rem; height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #0ba971; font-size: .9rem; line-height: 42px; color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.index-Section1 .col .more:hover{background-color: rgba(255, 255, 255, 0.1);}
@media screen and (min-width: 1025px){.index-Section1 .col:hover .mask{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;} .index-Section1 .col:hover .hide{height: 202px;}}
@media screen and (max-width: 1024px){.index-Section1 .col{display: block; height: auto; padding-top: 10%; padding-bottom: 10%; width: 100%;} .index-Section1 .col .contain{position: relative; top: 0; -webkit-transform: none !important; transform: none !important;} .index-Section1 .col .mask{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important; background-color: rgba(0, 0, 0, 0.2);} .index-Section1 .col .hide{height: auto; margin-top: 1.4rem;} .index-Section1 .col .info{padding-top: 0; max-width: 500px; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; height: 72px; color: #eee;} .index-Section1 .col .more{display: none;}}
@media screen and (max-width: 768px){.index-Section1 .col h2{font-size: 18px;} .index-Section1 .col .en{font-size: 18px;}}
.index-Section2{padding-top: 14.58333333%; padding-bottom: 9.89583333%; background-image: url(../images/bg-idxS2.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.index-Section2 .ceil{width: 50%; padding-left: 7.29166667%; padding-right: 7.29166667%;}
@media screen and (max-width: 1024px){.index-Section2{padding-top: 8%; padding-bottom: 8%;} .index-Section2 .ceil{width: 100%;}}
.index-Section3{position: relative; overflow: hidden; padding-top: 1.3rem; padding-bottom: 1.3rem; padding-left: 7.29166667%; padding-right: 7.29166667%; background-color: #e7e7e7;}
.index-Section3 .dt{float: left; height: 30px; line-height: 15px; font-size: 14px; padding-left: 40px; width: 30px; color: #13b67c;}
.index-Section3 .dt .icoImg{float: left; margin-left: -40px;}
.index-Section3 .dd{margin-left: 90px; margin-top: -1px; min-height: 30px; margin-right: -5px; font-size: 14px; line-height: 16px;}
.index-Section3 .dd .link{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 5px;}
@media screen and (max-width: 768px){.index-Section3{padding-left: 15px; padding-right: 15px;} .index-Section3 .dd{margin-left: 82px;}}
.iNews .hotNews{position: relative; padding: 5px; margin: -5px;}
.iNews .hotNews h3{font-size: 1rem; font-weight: bold; color: #000; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iNews .hotNews s{margin-top: 1rem; vertical-align: top; display: inline-block; vertical-align: middle; padding: 4px 8px; font-size: 14px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; color: #fff; background-color: #0ba971;}
.iNews .hotNews p{margin-top: .9rem; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 78px; color: #999999;}
.iNews-Tab{position: relative; margin-top: 3rem;}
.iNews-Tab .Tg{border-bottom: #bfbfbf solid 3px;}
.iNews-Tab .Tg .btn{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 2rem; padding-bottom: 1rem; border-bottom: #bfbfbf solid 3px; margin-bottom: -3px; font-size: 16px; font-weight: bold;}
.iNews-Tab .Tg .btn.on{border-bottom-color: #13b67c;}
.iNews-Tab .Tt{margin-top: 2rem;}
@media screen and (max-width: 1024px){.iNews .iNews-Tab{margin-top: 2rem;} .iNews .iNews-Tab .Tt{margin-top: 1.5rem;}}
@media screen and (max-width: 768px){.iNews .hotNews h3{font-size: 18px;}}
.iContact .dt{float: left; padding-right: 3.5rem; font-size: 20px; font-weight: bold; color: #222222; height: 32px; line-height: 32px; padding-bottom: .4rem; border-bottom: #13b67c solid 2px;}
.iContact .dd{margin-left: 180px; line-height: 1.625;}
.iContact .cList{padding-top: 1.5rem; margin-right: -1.75rem; margin-bottom: -1.75rem;}
.iContact .cList .item{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; padding-left: 40px; line-height: 1; margin-bottom: 1.75rem; margin-right: 1.75rem; min-width: 140px;}
.iContact .cList .item .icoImg{float: left; margin-left: -40px; margin-top: 6px;}
.iContact .cList .item .fb{margin-bottom: 8px;}
.iContact .qrcodes{margin-top: 2rem;}
.iContact .qrcodes .item{vertical-align: top; display: inline-block; vertical-align: middle; text-align: center; color: #222222; line-height: 1.4333; margin-left: 6%;}
.iContact .qrcodes .item:first-child{margin-left: 0;}
.iContact .qrcodes .item img{ display: block; .ma(); margin-bottom: 5px; width: 132px; height: 132px; background-color: #fff;}
@media screen and (max-width: 1440px){.iContact .dt{float: none; vertical-align: top; display: inline-block; vertical-align: middle;} .iContact .dd{margin-top: 1rem; margin-left: 0;} .iContact .cList{margin-bottom: -1rem;} .iContact .cList .item{margin-bottom: 1rem;} .iContact .qrcodes{margin-top: 1rem;} .iContact .qrcodes .item img{width: 100px; height: 100px; }}
@media screen and (max-width: 1024px){.iContact{margin-top: 2rem;} .iContact .dt{font-size: 18px;} .iContact .qrcodes{display: none;}}
.text-List .item{position: relative; height: 26px; font-size: 16px; line-height: 26px;}
.text-List .item .link{color: #999999;}
.text-List .item h3{margin-left: 124px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-List .item span{position: absolute; left: 4px; top: 0;}
.text-List .item:hover .link{color: #222222;}
@media screen and (max-width: 1024px){.text-List .item{font-size: 14px;}}
@media screen and (max-width: 1024px){.text-List .item h3{margin-left: 80px;}}
/* footer */
.footer{padding-top: .4rem; padding-bottom: .4rem; padding-left: 7.29166667%; padding-right: 7.29166667%; background-color: #191919; line-height: 20px; font-size: 14px;}
.footer,
.footer a{color: #494949;}
@media screen and (max-width: 1024px){.footer{padding-left: 15px; padding-right: 15px;} .footer span{float: none; display: block; text-align: center;}}
/* subpage */
.subpage .section{position: relative; z-index: 1;}
.subpage .anchor{display: block; position: absolute; top: -80px;}
@media screen and (max-width: 1024px){.subpage .anchor{top: -66px;}}
/* subBanner */
.subBanner{position: relative; z-index: 1; height: 350px; color: #fff;}
.subBanner .contain{position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 2%; padding-right: 2%; text-align: center;}
.subBanner .contain h2{font-size: 2.5rem; font-weight: bold;}
.subBanner .contain p{margin-top: 2rem; width: 630px; max-width: 88%; margin-left: auto; margin-right: auto; font-size: 1.1rem; line-height: 1.45454545;}
.subBanner .contain .p1{width: 630px;}
.subBanner .contain .p2{width: 610px;}
.subBanner .contain .p3{width: 610px;}
.subBanner .contain .p4{width: 520px;}
.subBanner .contain .p5{width: 540px;}
.subBanner .contain s{display: block; margin-bottom: -1rem; margin-top: 1.5rem; margin-left: auto; margin-right: auto; width: 52px; height: 61px; background-image: url(../images/ico-subBannerArrow.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
@media screen and (max-width: 1024px){.subBanner .contain p{width: 440px;} .subBanner .contain .p1{width: 440px;} .subBanner .contain .p2{width: 540px;} .subBanner .contain .p3{width: 540px;} .subBanner .contain .p4{width: 520px;} .subBanner .contain .p5{width: 540px;}}
@media screen and (max-width: 768px){.subBanner{height: 280px;} .subBanner .contain h2{font-size: 2rem;} .subBanner .contain p{font-size: 14px;} .subBanner .contain s{margin-bottom: -5%; -webkit-transform: scale(0.8); transform: scale(0.8);}}
@media screen and (max-width: 480px){.subBanner .contain p{width: 270px;} .subBanner .contain .p1{width: 270px;} .subBanner .contain .p2{width: 270px;} .subBanner .contain .p3{width: 270px;} .subBanner .contain .p4{width: 270px;} .subBanner .contain .p5{width: 270px;}}
/* sNeck */
.sNeck{line-height: 20px; border-bottom: #bfbfbf solid 1px; background-color: #f5f5f5;}
.sNeck .crumbs{float: left; padding-top: 1rem; padding-bottom: 1rem;}
.sNeck .crumbs .home{vertical-align: top; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(../images/ico-home.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.sNeck .crumbs s{font-family: "SimSun", "宋体" !important;}
.sNeck .L2_Nav{float: right; padding-top: 1rem; padding-bottom: 1rem; white-space: nowrap; overflow-x: auto;}
.sNeck .L2_Nav .scrollBox{vertical-align: top; display: inline-block; vertical-align: middle;}
.sNeck .L2_Nav .link{margin-left: 8px;}
.sNeck .L2_Nav .link.on{font-weight: bold;}
@media screen and (min-width: 1025px){.sNeck .L2_Nav .link:hover{font-weight: bold;}}
@media screen and (max-width: 1024px){.sNeck .L2_Nav .link:active{font-weight: bold;}}
@media screen and (max-width: 768px){.sNeck .crumbs{margin-right: 20px;} .sNeck .L2_Nav{float: none; text-align: right;}}
/* sHead */
.sHead{text-align: center;}
.sHead span{position: relative; z-index: 1; vertical-align: top; display: inline-block; vertical-align: middle; min-width: 184px; padding-left: 1.4rem; padding-right: 1.4rem; height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 26px; border-left: #0ba971 solid 4px; border-right: #0ba971 solid 4px; font-size: 30px; color: #333333;}
.sHead span::before,
.sHead span::after{content: " "; position: absolute; z-index: -1; top: 50%; margin-top: -1px; width: 170px; height: 2px; background-color: #e3e3e3;}
.sHead span::before{right: 100%; margin-right: 4px;}
.sHead span::after{left: 100%; margin-left: 4px;}
@media screen and (max-width: 768px){.sHead span{font-size: 24px; padding-left: 1rem; padding-right: 1rem;}}
@media screen and (max-width: 480px){.sHead span{font-size: 20px; min-width: 140px;}}
/* sAbout */
.sAbout-Section1{padding-top: 3rem; background-image: url(../images/bg-sAboutS1.jpg); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;}
.sAbout-Section1 .content{padding-top: 3.5rem; padding-bottom: 3.5rem; padding-left: 2.5rem; padding-right: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sAbout-Section1 .content .qlogo{max-width: 66%; text-align: center; margin-left: auto; margin-right: auto;}
.sAbout-Section1 .ysqTr .ceil{width: 50%;}
.sAbout-Section1 .ysqTr .pic{height: 0; padding-bottom: 41.66666667%;}
.sAbout-Section1 .ysqTr .txt{padding: 8% 5%; line-height: 1.875;}
@media screen and (max-width: 1024px){.sAbout-Section1 .ysqTr .ceil{width: 100%; float: none;} .sAbout-Section1 .ysqTr .txt{padding: 4% 5%;}}
@media screen and (max-width: 768px){.sAbout-Section1 .content{padding: 3rem 0px;}}
.sAbout-Section2{padding-top: 3.5rem; padding-bottom: 2.5rem; background-color: #efefef; background-image: url(../images/bg-sAboutS2.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sAbout-Section2 .ysqTr{margin-top: 3rem; color: #222222;}
.sAbout-Section2 .ysqTr .ceil{width: 25%; padding-top: 1.5rem; padding-bottom: 2.5rem; height: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.sAbout-Section2 .ysqTr .icoImg{width: 60px; height: 60px;}
.sAbout-Section2 .ysqTr h2{margin-top: 2rem; font-size: 1.2rem;}
.sAbout-Section2 .ysqTr p{position: relative; overflow: hidden; margin-top: 1rem; width: 240px; max-width: 80%; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 1.5;}
@media screen and (max-width: 1024px){.sAbout-Section2 .ysqTr .ceil{height: auto;} .sAbout-Section2 .ysqTr p{font-size: .9rem; height: 3rem;}}
@media screen and (max-width: 768px){.sAbout-Section2 .ysqTr{margin-top: 2rem;} .sAbout-Section2 .ysqTr .ceil{width: 50%; padding-top: 1rem; padding-bottom: 1rem;} .sAbout-Section2 .ysqTr .icoImg{width: 40px; height: 40px;} .sAbout-Section2 .ysqTr h2{margin-top: 1rem; font-size: 20px;} .sAbout-Section2 .ysqTr p{margin-top: 1rem; font-size: 14px; line-height: 20px; height: 40px;}}
@media screen and (max-width: 540px){.sAbout-Section2 .ysqTr h2{font-size: 18px;}}
.sAbout-Section3{padding-top: 3.5rem; padding-bottom: 4rem; background-color: #e5e8ee; background-image: url(../images/bg-sAboutS3.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sAbout-Section3 .list{position: relative; z-index: 1; margin-top: 3rem;}
.sAbout-Section3 .list .vr{position: absolute; z-index: -1; left: 50%; margin-left: -1px; width: 2px; top: 10px; bottom: 10px; background-color: #0ba971;}
.sAbout-Section3 .list .item{position: relative; color: #222222;}
.sAbout-Section3 .list .item:nth-child(1n+2){margin-top: 1.5rem;}
.sAbout-Section3 .list .item::before{content: " "; position: absolute; left: 50%; margin-left: -10px; top: 5px; width: 20px; height: 20px; border-radius: 50%; border: #0ba971 solid 2px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}
.sAbout-Section3 .list .item span{font-size: 30px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; color: #0ba971; font-weight: bold;}
.sAbout-Section3 .list .item .info{line-height: 1.375; min-height: 44px;}
.sAbout-Section3 .list .item .info p{padding-top: 2px; padding-bottom: 2px;}
@media screen and (min-width: 769px){.sAbout-Section3 .list .item.even{padding-right: 50%; text-align: right;} .sAbout-Section3 .list .item.even span{float: right; margin-right: 2rem;} .sAbout-Section3 .list .item.even .info{margin-right: 3rem; padding-right: 70px;} .sAbout-Section3 .list .item.odd{padding-left: 50%; text-align: left;} .sAbout-Section3 .list .item.odd span{float: left; margin-left: 2rem;} .sAbout-Section3 .list .item.odd .info{margin-left: 3rem; padding-left: 70px;}}
@media screen and (max-width: 768px){.sAbout-Section3 .list .vr{left: 0;} .sAbout-Section3 .list .item::before{left: 0; top: 3px; width: 16px; height: 16px; margin-left: -8px;} .sAbout-Section3 .list .item span{float: left; font-size: 24px; margin-left: 2rem;} .sAbout-Section3 .list .item .info{margin-left: 3rem; padding-left: 60px;}}
/* sTai */
.sTai-Section1 .sec1{padding-top: 3rem; background-color: #e6f7ee; background-image: url(../images/bg-sTaiS1-1.jpg); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;}
.sTai-Section1 .oldTreatment{margin-top: 4.16666667%; padding-bottom: 2rem;}
.sTai-Section1 .oldTreatment .dt{text-align: center; color: #222222; font-size: 24px; line-height: 30px;}
.sTai-Section1 .oldTreatment .dd{margin-top: 2rem;}
.sTai-Section1 .oldTreatment .ceil{width: 16.66666667%; padding: 10px 5px; text-align: center;}
.sTai-Section1 .oldTreatment .icoImg{width: 72px; height: 72px;}
.sTai-Section1 .oldTreatment p{position: relative; overflow: hidden; margin-top: 12px; font-size: 20px; line-height: 1.3; height: 52px;}
@media screen and (max-width: 1024px){.sTai-Section1 .oldTreatment .dt{font-size: 22px;} .sTai-Section1 .oldTreatment .dd{margin-top: 1rem;} .sTai-Section1 .oldTreatment p{font-size: .9rem;}}
@media screen and (max-width: 768px){.sTai-Section1 .oldTreatment .ceil{width: 33.33333333%;} .sTai-Section1 .oldTreatment .dt{font-size: 20px;} .sTai-Section1 .oldTreatment .icoImg{width: 60px; height: 60px;} .sTai-Section1 .oldTreatment p{font-size: 15px; line-height: 20px; height: 40px;}}
@media screen and (max-width: 480px){.sTai-Section1 .oldTreatment .ceil{width: 50%;}}
.sTai-Section1 .content{padding-top: 4.16666667%; padding-bottom: 6.25%; text-align: center; line-height: 1.5;}
.sTai-Section1 .content .text1{font-size: 2rem; color: #222222;}
.sTai-Section1 .content .text2{font-size: 2.5rem; color: #0ba971;}
.sTai-Section1 .content .text3{font-size: 1.2rem; color: #0ba971;}
@media screen and (max-width: 768px){.sTai-Section1 .content .text1{font-size: 1.5rem;} .sTai-Section1 .content .text2{font-size: 1.8rem;} .sTai-Section1 .content .text2 img{width: 40px;} .sTai-Section1 .content .text3{font-size: 1rem;}}
.sTai-Section1 .newTrend{background-color: #e5f7ee; background-image: url(../images/bg-sTaiS1-1b.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sTai-Section1 .newTrend .ceil{width: 50%; padding: 15% 1.5%;}
.sTai-Section1 .newTrend .ceil:nth-child(1){text-align: right;}
.sTai-Section1 .newTrend .ceil:nth-child(2){text-align: left;}
.sTai-Section1 .newTrend .ceil .contain{position: relative; font-size: 2rem; line-height: 1.2;}
.sTai-Section1 .newTrend .ceil p{padding-top: .15em; padding-bottom: .15em;}
@media screen and (max-width: 768px){.sTai-Section1 .newTrend .ceil .contain{font-size: 1.4rem;}}
.sTai-Section1 .sec2 .ceil{width: 50%; padding-top: 9.375%; padding-bottom: 6.77083333%; padding-left: 5%; padding-right: 5%; text-align: center; line-height: 1.2;}
.sTai-Section1 .sec2 .dt{font-size: 2rem; color: #0ba971;}
.sTai-Section1 .sec2 .dd{font-size: 1.2rem; margin-top: 6px; margin-bottom: 10px;}
@media screen and (max-width: 768px){.sTai-Section1 .sec2 .ceil{width: 100%;} .sTai-Section1 .sec2 .dd{font-size: 16px;}}
.sTai-Section2 .sec1{padding-top: 3rem; padding-bottom: 4rem; background-color: #609d7e; background-image: url(../images/bg-sTaiS1-2.jpg); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;}
.sTai-Section2 .sec1 .sHead span{color: #fff; border-color: #fff;}
.sTai-Section2 .sec1 .content{margin-top: 2.5rem; color: #fff;}
.sTai-Section2 .sec2{padding-top: 3rem; padding-bottom: 4rem; text-align: center;}
.sTai-Section2 .sec2 .dt{font-size: 1.2rem; color: #222222;}
.sTai-Section2 .sec2 .dd{margin-top: 10px;}
.sTai-Section2 .sec2 .ysqTr{margin-top: 1rem;}
.sTai-Section2 .sec2 .ysqTr .ceil{width: 20%; padding: 1rem 5px; text-align: center;}
.sTai-Section2 .sec2 .ysqTr .icoImg{width: 7rem; height: 7rem; margin-bottom: 1rem;}
.sTai-Section2 .sec2 .ysqTr p{font-size: 1rem;}
@media screen and (max-width: 768px){.sTai-Section2 .sec2 .dt{font-size: 18px;} .sTai-Section2 .sec2 .ysqTr .ceil{width: 25%;} .sTai-Section2 .sec2 .ysqTr .ceil:nth-child(9){margin-left: 25%;} .sTai-Section2 .sec2 .ysqTr .icoImg{width: 100px; height: 100px;} .sTai-Section2 .sec2 .ysqTr p{font-size: 16px;}}
@media screen and (max-width: 480px){.sTai-Section2 .sec2 .ysqTr .ceil{width: 50%;} .sTai-Section2 .sec2 .ysqTr .ceil:nth-child(9){margin-left: 0;} .sTai-Section2 .sec2 .ysqTr .icoImg{width: 120px; height: 120px;} .sTai-Section2 .sec2 .ysqTr p{font-size: 16px;}}
.sTai-Section3{padding-top: 3rem; padding-bottom: 3rem; background-color: #b9efdd; background-image: url(../images/bg-sTaiS1-2b.jpg); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; text-align: center;}
.sTai-Section3 .dt{font-size: 1.5rem; color: #222222;}
.sTai-Section3 .dd{margin-top: 1rem;}
.sTai-Section3 .dd img{max-width: 60%;}
.sTai-Section3 .ysqRow{margin-top: 2rem;}
.sTai-Section3 .ysqRow .col:nth-child(9){display: none;}
.sTai-Section3 .ysqRow .col:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.sTai-Section3 .ysqRow .pic{height: 0; padding-bottom: 100%; background-color: #fff;}
.sTai-Section3 .ysqRow .pic img{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.sTai-Section3 .ysqRow h3{margin-top: 10px; line-height: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width: 1024px){.sTai-Section3 .dt{font-size: 24px;}}
@media screen and (max-width: 1024px) and (min-width: 769px){.sTai-Section3 .ysqRow .col:nth-child(9){display: block;}}
/* sInterest */
.sInterest{padding-top: 6.77083333%; padding-bottom: 5.20833333%; color: #fff; background-image: url(../images/bg-sInterest.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sInterest .dt{font-size: 1.5rem;}
.sInterest .dd{margin-top: 1rem; font-size: 1rem; line-height: 1.2;}
.sInterest .formCheck{position: relative; margin-top: 2rem; padding-right: 200px;}
.sInterest .formCheck .formItem{position: relative; float: left; background-color: #fff; height: 50px;}
.sInterest .formCheck .formItem:nth-child(1n+2)::before{content: " "; position: absolute; left: 0; top: 0; height: 100%; width: 40px; background-image: url(../images/bg-input.png); background-size: auto 100%; background-repeat: no-repeat; pointer-events: none;}
.sInterest .formCheck .formItem .skin{display: block; position: absolute; left: 0; top: 10px; height: 30px; width: 100%; line-height: 30px; padding-left: 38px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0ba971; background-position: 12px 5px; background-repeat: no-repeat;}
.sInterest .formCheck .formItem .skin::-webkit-input-placeholder{color: rgba(11, 169, 113, 0.6);}
.sInterest .formCheck .formItem .skin:-moz-placeholder{color: rgba(11, 169, 113, 0.6);}
.sInterest .formCheck .formItem .skin::-moz-placeholder{color: rgba(11, 169, 113, 0.6);}
.sInterest .formCheck .formItem .skin:-ms-input-placeholder{color: rgba(11, 169, 113, 0.6);}
.sInterest .formCheck .i1{width: 15%;}
.sInterest .formCheck .i1 .skin{background-image: url(../images/ico-iptName.png);}
.sInterest .formCheck .i2{width: 25%;}
.sInterest .formCheck .i2 .skin{background-image: url(../images/ico-iptTel.png);}
.sInterest .formCheck .i3{width: 40%;}
.sInterest .formCheck .i3 .skin{background-image: url(../images/ico-iptText.png);}
.sInterest .formCheck .i4{width: 20%;}
.sInterest .formCheck .i4 .skin{background-image: url(../images/ico-iptVcode.png);}
.sInterest .formCheck .i5{position: absolute; right: 0; top: 0; width: 198px; background: none;}
.sInterest .formCheck .i5 .bindClick{float: left; width: 92px; height: 50px; background-color: #fff;}
.sInterest .formCheck .i5 .enter{float: right; width: 102px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #f3a314; font-size: 16px;}
@media screen and (max-width: 1024px){.sInterest .dt{font-size: 24px;} .sInterest .dd{font-size: 16px;} .sInterest .formCheck{padding-right: 0;} .sInterest .formCheck .formItem{height: 40px;} .sInterest .formCheck .formItem .skin{top: 5px;} .sInterest .formCheck .i1, .sInterest .formCheck .i2{width: 49%;} .sInterest .formCheck .i2{margin-left: 2%;} .sInterest .formCheck .i3{margin-top: 10px; margin-bottom: 10px; width: 100%; height: 98px;} .sInterest .formCheck .i3 .skin{height: 78px; padding-top: 3px; padding-bottom: 3px; line-height: 24px;} .sInterest .formCheck .i4{width: 49%;} .sInterest .formCheck .i5{margin-left: 2%; position: relative; width: 49%;} .sInterest .formCheck .i5::before{height: 40px !important;} .sInterest .formCheck .i5 .bindClick{height: 40px;} .sInterest .formCheck .i5 span{position: absolute; left: 96px; right: 0; top: 0;} .sInterest .formCheck .i5 span .enter{display: block; width: 100%; height: 40px; line-height: 40px;}}
@media screen and (max-width: 480px){.sInterest .dt{font-size: 20px;} .sInterest .dd{font-size: 14px;} .sInterest .formCheck .i1, .sInterest .formCheck .i2, .sInterest .formCheck .i3{width: 100%; margin-left: 0; margin-bottom: 10px; margin-top: 0;} .sInterest .formCheck .i4{width: 49%;} .sInterest .formCheck .i5{margin-left: 2%; position: relative; width: 49%; padding-bottom: 60px;} .sInterest .formCheck .i5 .bindClick{width: 100%;} .sInterest .formCheck .i5 span{top: auto; bottom: 0; left: 0;} .sInterest .formCheck .i5 span .enter{display: block; width: 204.08163265%;}}
/* sDai */
.sDai-Section1,
.sDai-Section2{padding-top: 2.5rem; padding-bottom: 3rem;}
.sDai-Section1 .content,
.sDai-Section2 .content{margin-top: 2rem;}
.sDai-Section2{background-color: #def7ee;}
/* divideLine */
.divideLine{position: relative; padding: 4%; padding-bottom: 4%; text-align: center; font-size: 1.5rem; line-height: 30px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #046f39;}
.divideLine .icoImg{vertical-align: top; margin-right: 1.25rem;}
.divideLine > span{vertical-align: top; display: inline-block; vertical-align: middle; position: relative; padding-right: 30px; margin-right: 1.25rem;}
.divideLine span{color: #fff;}
.divideLine .sHead span{border-color: #fff;}
.divideLine .arrow{position: absolute; left: 50%; top: 100%; margin-top: 12px; margin-left: -19px; width: 22px; height: 13px; background-image: url(../images/arrow-detail.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation: fadeInDown 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; animation: fadeInDown 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;}
@media screen and (max-width: 1024px){.divideLine .arrow{margin-top: 5px; width: 18px; height: 10px;}}
@media screen and (max-width: 768px){.divideLine{padding-top: 30px; padding-bottom: 30px; font-size: 24px;} .divideLine .icoImg{height: 28px;}}
@media screen and (max-width: 480px){.divideLine{font-size: 20px;}}
/* case-List */
.case-List .item{padding-top: 1rem; padding-bottom: 1rem; text-align: center;}
.case-List .item .pic{height: 0; padding-bottom: 100%; background-color: #f5f5f5;}
.case-List .item .pic,
.case-List .item .pic img{-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.case-List .item .contain{position: absolute; z-index: 8; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-30%); transform: translateY(-30%); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; /* *visibility: visible; */}
.case-List .item .contain .btn{display: block; margin-left: auto; margin-right: auto; width: 200px; height: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 80%; font-size: 16px; line-height: 36px; border: #0ba971 solid 2px;}
.case-List .item .contain .btn:first-child{margin-bottom: 1rem;}
.case-List .item .contain .btn.bgc1{color: #fff;}
.case-List .item .contain .btn.bgf{background-color: #fff; color: #222222;}
@media screen and (min-width: 1025px){.case-List .item .contain .btn{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;} .case-List .item .contain .btn:hover{opacity: .9;}}
@media screen and (max-width: 1024px){.case-List .item .contain .btn{-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;} .case-List .item .contain .btn:active{opacity: .9;}}
.case-List .item h3{margin-top: 1.5rem; font-size: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case-List .item p{margin-top: 1rem; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 52px; height: 52px;}
.case-List .item:hover .contain{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
@media screen and (max-width: 768px){.case-List .item h3{font-size: 16px;} .case-List .item p{line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px; height: 44px;}}
@media screen and (max-width: 768px){.case-List{width: 90%; margin-left: auto; margin-right: auto;}}
/* sCooperate */
.sCooperate{padding-top: 3rem;}
.partner8 > .ceil{width: 33.33333333%;}
.partner8 .pic{height: 0; padding-bottom: 100%;}
.partner8 .ysqTr > .ceil{width: 50%;}
@media screen and (max-width: 768px){.partner8 > .ceil{width: 50%;} .partner8 > .ceil:nth-child(2){display: none;}}
@media screen and (max-width: 320px){.partner8 > .ceil{width: 100%;}}
.partner-List .ceil{width: 16.66666667%;}
.partner-List .pic{height: 0; padding-bottom: 100%;}
@media screen and (max-width: 768px){.partner-List .ceil{width: 25%;}}
@media screen and (max-width: 320px){.partner-List .ceil{width: 50%;}}
/* sProduct */
.hotProduct{padding-top: 2.5rem; background-image: url(../images/bg-hotProduct.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-color: #f0f0f0;}
.hotProduct .container{position: relative; background-color: #fff;}
.hotProduct .Tg{position: absolute; right: 10px; top: 10px; text-align: right; z-index: 19;}
.hotProduct .Tg .btn{vertical-align: top; display: inline-block; vertical-align: middle; width: 30px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; text-align: center; margin-left: 4px; border-bottom: #0ba971 solid 2px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.hotProduct .Tg .btn.on{background-color: #0ba971; color: #fff;}
.hotProduct .pic{float: left; width: 50%; height: 100%; background-color: #eee;}
.hotProduct .txt{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; padding: 50px 2rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.hotProduct .txt h3{font-size: 1rem; padding-top: 2px; padding-bottom: 4px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hotProduct .txt p{margin-top: 1rem;}
.hotProduct .txt .more{margin-top: .5rem; display: block; width: 200px; height: 22px; line-height: 22px; padding-top: .4rem; padding-bottom: .4rem; border-bottom: #bfbfbf solid 3px; text-align: center; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.hotProduct .txt .more::after{content: ">"; display: inline-block; vertical-align: bottom; font-family: "SimSun", "宋体" !important; margin-left: 6px; font-size: 20px; font-weight: bold;}
.hotProduct .txt .more:hover{text-indent: 4px; border-bottom-color: rgba(11, 169, 113, 0.5);}
@media screen and (min-width: 769px){.hotProduct .box{height: 18.75rem;} .hotProduct .pic{height: 100%;} .hotProduct .txt p{line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 78px;}}
@media screen and (max-width: 1024px){.hotProduct .txt .more{display: none;}}
@media screen and (max-width: 768px){.hotProduct{padding-bottom: 2rem;} .hotProduct .Tg{/* margin-top: 62.5%; */} .hotProduct .Tg .btn{color: #fff;} .hotProduct .pic{float: none; width: 100%; height: 0; padding-bottom: 62.5%;} .hotProduct .txt{position: relative; width: 100%; -webkit-transform: none !important; transform: none !important; top: 0; padding: 2rem;} .hotProduct .txt h3{font-size: 16px;} .hotProduct .txt p{line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 66px;}}
.sProduct-Info{position: relative; padding-top: 3rem; padding-bottom: 3rem; padding-left: 440px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sProduct-Info .albums{position: relative; float: left; margin-left: -440px; width: 400px;}
.sProduct-Info .albums .bigshow{height: 0; padding-bottom: 100%; background-color: #f1f1f1;}
.sProduct-Info .albums .smalllist{position: relative; overflow: hidden; margin-top: 10px; height: 90px;}
.sProduct-Info .albums .smalllist .box{width: 120% !important;}
.sProduct-Info .albums .smalllist .btn{float: left; width: 90px; height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 10px; border: #e3e3e3 solid 2px;}
.sProduct-Info .albums .smalllist .btn.on{border-color: #0ba971;}
.sProduct-Info .txt{position: relative; overflow: hidden; height: 380px; padding-bottom: 120px;}
.sProduct-Info .txt .tips{width: 200px; height: 40px; max-width: 80%; text-align: center; line-height: 40px; color: #fff; background-color: #0ba971;}
.sProduct-Info .txt h1{font-size: 1.2rem; line-height: 1.5; color: #222222;}
.sProduct-Info .txt .info{height: 200px;}
.sProduct-Info .txt .buyWays{position: absolute; left: 0; bottom: 0;}
.sProduct-Info .txt .buyWays .dt{height: 20px; line-height: 20px; border-left: #0ba971 solid 4px; padding-left: 10px; color: #222222; font-size: 1rem;}
.sProduct-Info .txt .buyWays .dd{margin-top: 1.3rem; font-size: 0;}
.sProduct-Info .txt .buyWays .dd .link{position: relative; z-index: 1; display: inline-block; vertical-align: top; height: 2.2rem; line-height: 2rem; border-width: 2px; border-style: solid; color: #222222; text-indent: 0; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 2.6rem; padding-right: .5rem; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.sProduct-Info .txt .buyWays .dd .link img{position: absolute; left: -2px; top: -2px; height: 2.2rem;}
.sProduct-Info .txt .buyWays .dd .link:hover{background-color: #eee;}
.sProduct-Info .txt .buyWays .dd .link:nth-child(1n+2){margin-left: 1.5rem;}
@media screen and (min-width: 1025px){.sProduct-Info .txt .tips{position: absolute; left: 0; top: 0;} .sProduct-Info .txt h1{margin-top: 70px; margin-bottom: 1.5rem;}}
@media screen and (max-width: 1024px){.sProduct-Info{padding-left: 0;} .sProduct-Info .albums{float: none; margin-left: 0; margin-left: auto; margin-right: auto;} .sProduct-Info .txt{margin-top: 20px; height: auto; padding-bottom: 0;} .sProduct-Info .txt h1{text-align: center;} .sProduct-Info .txt .tips{margin-left: auto; margin-right: auto; margin-top: 10px; height: 30px; line-height: 30px; width: 166px;} .sProduct-Info .txt .info{margin-top: 15px; height: auto;} .sProduct-Info .txt .buyWays{position: relative; margin-top: 15px;} .sProduct-Info .txt .buyWays .dd{margin-top: 8px;}}
@media screen and (max-width: 768px){.sProduct-Info .txt h1{font-size: 20px;} .sProduct-Info .txt .buyWays .dt{font-size: 16px;} .sProduct-Info .txt .buyWays .dd .link{height: 36px; line-height: 32px; padding-left: 44px; padding-right: 8px;} .sProduct-Info .txt .buyWays .dd .link img{height: 36px;}}
@media screen and (max-width: 600px){.sProduct-Info .albums{width: 290px;} .sProduct-Info .albums .smalllist{height: 68px;} .sProduct-Info .albums .smalllist .btn{margin-right: 6px; width: 68px; height: 68px; border-width: 1px;}}
.sProduct-Details{margin-top: 4rem; padding-bottom: 2rem;}
/* sMajor */
.sMajor-Section1{padding-top: 3rem; padding-bottom: 3rem; background-image: url(../images/bg-sMajorS1.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sMajor-Section1 .ysqRow{margin-top: 2rem; text-align: center;}
.sMajor-Section1 .ysqRow .col{width: 32%; padding-bottom: 1rem;}
.sMajor-Section1 .ysqRow .col:nth-child(1n+2){margin-left: 2%;}
.sMajor-Section1 .ysqRow .col .pic{height: 0; padding-bottom: 75%;}
.sMajor-Section1 .ysqRow .col h2,
.sMajor-Section1 .ysqRow .col p{padding-left: 10px; padding-right: 10px;}
.sMajor-Section1 .ysqRow .col h2{font-size: 1.2rem; margin-top: 1rem; color: #222222;}
.sMajor-Section1 .ysqRow .col p{margin-top: 10px;}
@media screen and (min-width: 769px){.sMajor-Section1 .ysqRow .col p{line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; height: 72px;}}
@media screen and (max-width: 768px){.sMajor-Section1 .ysqRow{width: 90%; margin-left: auto; margin-right: auto;} .sMajor-Section1 .ysqRow .col{width: 100%; margin-left: 0 !important;} .sMajor-Section1 .ysqRow .col h2{font-size: 20px;} .sMajor-Section1 .ysqRow .col p{line-height: 20px;}}
@media screen and (max-width: 480px){.sMajor-Section1 .ysqRow{width: auto; margin-left: 15px; margin-right: 15px;}}
.sMajor-Section2{padding-bottom: 1rem;}
.sMajor-Section2 .ysqTr2 .ceil{width: 50%; padding: 5.20833333% 10.41666667%;}
.sMajor-Section2 .ysqTr2 .ceil img{display: block; max-width: 100%; width: 500px; margin-left: auto; margin-right: auto; height: auto; margin-bottom: 2.5rem;}
.sMajor-Section2 .ysqTr2 .ceil .dt{font-size: 24px; line-height: 1.5rem; color: #0ba971;}
.sMajor-Section2 .ysqTr2 .ceil .dd{margin-top: 10px; margin-bottom: 10px; font-size: 16px;}
@media screen and (max-width: 1024px){.sMajor-Section2 .ysqTr2 .ceil{padding: 5% 4%;} .sMajor-Section2 .ysqTr2 .ceil .dt{font-size: 20px; line-height: 26px;}}
@media screen and (max-width: 768px){.sMajor-Section2 .ysqTr2 .ceil{width: 100%;} .sMajor-Section2 .ysqTr2 .ceil .dt{font-size: 18px; line-height: 24px;} .sMajor-Section2 .ysqTr2 .ceil .dd{font-size: 14px;}}
.sMajor-Section2 .ysqTr4{padding-left: 8.33333333%; padding-right: 8.33333333%;}
.sMajor-Section2 .ysqTr4 > .ceil{text-align: center;}
.sMajor-Section2 .ysqTr4 > .ceil > .ceil{padding: 1rem 2%;}
.sMajor-Section2 .ysqTr4 .ceil{width: 50%;}
.sMajor-Section2 .ysqTr4 .icoImg{display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; width: 80px; height: 80px;}
.sMajor-Section2 .ysqTr4 .dt{vertical-align: top; display: inline-block; vertical-align: middle; height: 40px; padding-left: 1rem; padding-right: 1rem; font-size: 1.2rem; line-height: 40px; color: #fff; background-color: #0ba971;}
.sMajor-Section2 .ysqTr4 .dd{margin-top: 1rem; text-align: left; line-height: 26px;}
@media screen and (max-width: 1600px){.sMajor-Section2 .ysqTr4{padding-left: 2%; padding-right: 2%;}}
@media screen and (max-width: 1024px){.sMajor-Section2 .ysqTr4 > .ceil{width: 100%;}}
@media screen and (max-width: 768px){.sMajor-Section2 .ysqTr4 .dt{font-size: 20px;} .sMajor-Section2 .ysqTr4 .dd{line-height: 22px;}}
@media screen and (max-width: 540px){.sMajor-Section2 .ysqTr4 > .ceil > .ceil{width: 100%;}}
.sMajor-Section3{padding-bottom: 3rem;}
.sMajor-Section3 .ysqRow{margin-top: 3rem;}
.sMajor-Section3 .col{width: 32%; text-align: center; padding-bottom: 1rem;}
.sMajor-Section3 .col:nth-child(1n+2){margin-left: 2%;}
.sMajor-Section3 .pic{height: 0; padding-bottom: 133.15789474%; background-color: #e5e5e5;}
.sMajor-Section3 h2{margin-top: 1rem; font-size: 1.2rem; color: #222222; padding-left: 10px; padding-right: 10px;}
.sMajor-Section3 p{margin-top: 8px; line-height: 1.4333; padding-left: 10px; padding-right: 10px;}
@media screen and (max-width: 768px){.sMajor-Section3 .col{width: 100%; margin-left: 0 !important;} .sMajor-Section3 h2{font-size: 18px;}}
.sMajor-Section4{padding-bottom: 2rem;}
.sMajor-Section4 .sHead{padding-bottom: 3rem;}
.sMajor-Section4 .Tg{position: relative; z-index: 9; margin-top: -3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 0; overflow-x: auto;}
.sMajor-Section4 .Tg .scrollBox{vertical-align: top; display: inline-block; vertical-align: middle; min-width: 100%; white-space: nowrap;}
.sMajor-Section4 .Tg .btn{vertical-align: top; display: inline-block; vertical-align: middle; font-size: 16px; height: 3rem; min-width: 33.33333333%; color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px;}
.sMajor-Section4 .Tg .btn.on{background-color: #fff; border-radius: 2px 2px 0 0; color: #0ba971; font-weight: bold;}
.sMajor-Section4 .Tt{padding-top: 2.5rem;}
.sMajor-Section4 .Tt .dt{font-size: 1rem; font-weight: bold; color: #0ba971; margin-bottom: .5rem;}
.sMajor-Section4 .Tt .dd{margin-top: 10px;}
.sMajor-Section4 .Tt .ysqRow{margin-top: 2rem;}
.sMajor-Section4 .Tt .ysqRow .col{width: 49%;}
.sMajor-Section4 .Tt .ysqRow .col:nth-child(2n+2){margin-left: 2%;}
.sMajor-Section4 .Tt .ysqRow .col:nth-child(1n+3){margin-top: 2%;}
@media screen and (max-width: 1024px){.sMajor-Section4 .Tt .dt{font-size: 18px;}}
@media screen and (max-width: 768px){.sMajor-Section4{padding-bottom: 0;} .sMajor-Section4 .Tt .dt{font-size: 16px;}}
@media screen and (max-width: 480px){.sMajor-Section4 .Tt .ysqRow .col{float: none; width: 100%; margin-left: 0 !important;} .sMajor-Section4 .Tt .ysqRow .col:nth-child(1n+2){margin-top: 15px;}}
.sMajor-Section5{padding-top: 3rem; background-color: #f5f5f5; background-image: url(../images/bg-sMajorS5.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.sMajor-Section5 .honor-List{margin-top: 2rem;}
.sMajor-Section5 .honor-List .ceil{width: 25%; padding: 2%; border: #dcdcdc solid 1px; background-color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.sMajor-Section5 .honor-List .ceil .pic{height: 0; padding-bottom: 75%; z-index: 9; opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.sMajor-Section5 .honor-List .ceil .pic img{-o-object-fit: contain; object-fit: contain;}
.sMajor-Section5 .honor-List .ceil .txt{position: absolute; z-index: 5; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.sMajor-Section5 .honor-List .ceil h2{font-size: 1.2rem; color: #0ba971;}
.sMajor-Section5 .honor-List .ceil p{margin-top: 10px; font-size: 1rem;}
.sMajor-Section5 .honor-List .ceil s{display: block; margin-left: auto; margin-right: auto; width: 20px; height: 20px; margin-top: 5%; position: relative;}
.sMajor-Section5 .honor-List .ceil s::before,
.sMajor-Section5 .honor-List .ceil s::after{content: " "; position: absolute; left: 50%; top: 50%; background-color: #0ba971;}
.sMajor-Section5 .honor-List .ceil s::before{width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.sMajor-Section5 .honor-List .ceil s::after{width: 2px; height: 20px; margin-left: -1px; margin-top: -10px;}
.sMajor-Section5 .honor-List .ceil:hover{border-color: #fff;}
.sMajor-Section5 .honor-List .ceil:hover .pic{opacity: 1; -webkit-transform: none !important; transform: none !important;}
@media screen and (max-width: 768px){.sMajor-Section5 .honor-List{margin-left: 5%; margin-right: 5%; padding-bottom: 5%;} .sMajor-Section5 .honor-List .ceil{width: 50%;} .sMajor-Section5 .honor-List .ceil h2{font-size: 20px;} .sMajor-Section5 .honor-List .ceil p{font-size: 16px;}}
@media screen and (max-width: 480px){.sMajor-Section5 .honor-List{margin-left: 15px; margin-right: 15px;} .sMajor-Section5 .honor-List .ceil{width: 100%;}}
.sMajor-Section6 .content{background-color: #ffffff; background-image: url(../images/bg-sMajorS6.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding: 12.5% 0 14.0625%; text-align: center; line-height: 1.433; font-size: 1.2rem;}
.sMajor-Section6 .content .dt .c1{font-size: 2.5rem;}
.sMajor-Section6 .content .dd{margin-top: 10px; color: #222222;}
.sMajor-Section6 .content .dd .dib{padding: 2rem 3rem;}
.sMajor-Section6 .content .imax{font-size: 1.2rem; color: #222222;}
@media screen and (max-width: 768px){.sMajor-Section6 .content{font-size: 20px;}}
@media screen and (max-width: 480px){.sMajor-Section6 .content{font-size: 18px;}}
/* sNews */
.sNews{padding-top: 3rem;}
.news-List .item{position: relative; background-color: #f5f5f5;}
.news-List .item .pic{width: 100%; height: 100%; background-color: #eee;}
.news-List .item .txt{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; padding: 50px 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.news-List .item .txt h3{font-size: 1rem; padding-top: 2px; padding-bottom: 4px; font-weight: bold;line-height: 1.25; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/}
.news-List .item .txt .date{margin-top: .8rem;}
.news-List .item .txt p{margin-top: 8%;}
.news-List .item .txt .more{margin-top: 8%; display: block; margin-left: auto; margin-right: auto; width: 200px; height: 22px; line-height: 22px; padding-top: .4rem; padding-bottom: .4rem; border-bottom: #bfbfbf solid 3px; text-align: center; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.news-List .item .txt .more::after{content: ">"; display: inline-block; vertical-align: bottom; font-family: "SimSun", "宋体" !important; margin-left: 6px; font-size: 20px; font-weight: bold;}
.news-List .item .txt .more:hover{text-indent: 4px; border-bottom-color: rgba(11, 169, 113, 0.5);}
@media screen and (min-width: 769px){.news-List .item{height: 18.75rem;} .news-List .item:nth-child(2n+1){padding-left: 50%;} .news-List .item:nth-child(2n+1) .txt{left: 0;} .news-List .item:nth-child(2n+2){padding-right: 50%;} .news-List .item:nth-child(2n+2) .txt{right: 0;} .news-List .item .pic{height: 100%;} .news-List .item .txt p{line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 52px;}}
@media screen and (max-width: 1024px){.news-List .item .txt .more{display: none;}}
@media screen and (max-width: 768px){.news-List .item .pic{float: none; width: 100%; height: 0; padding-bottom: 62.5%;} .news-List .item .txt{position: relative; width: 100%; -webkit-transform: none !important; transform: none !important; top: 0; padding: 2rem;} .news-List .item .txt h3{font-size: 16px;} .news-List .item .txt p{margin-top: 1rem; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 66px;}}
/* sNews-View */
.sNews-View{padding-bottom: 3rem;}
/* view-Head */
.view-Head{margin-bottom: 1.2rem; padding-top: 3rem; padding-bottom: 1.5rem; border-bottom: #ddd solid 1px; text-align: center;}
.view-Head h1{color: #222222; font-size: 1.5rem; line-height: 1.2;}
.view-Head p{margin-top: .8rem;}
@media screen and (max-width: 768px){.view-Head h1{font-size: 22px;}}
@media screen and (max-width: 480px){.view-Head h1{font-size: 18px;}}
/* brand-List */
.brand-List .item{position: relative; height: 304px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 340px; border-top: #e3e3e3 solid 4px; background-color: #f5f5f5; -webkit-transition: background 220ms ease 0s,border 220ms ease 0s; transition: background 220ms ease 0s,border 220ms ease 0s;}
.brand-List .item:nth-child(1n+2){margin-top: 1.6rem;}
.brand-List .item:nth-child(4n+1) .pic{border-top-color: #0ba971;}
.brand-List .item:nth-child(4n+2) .pic{border-top-color: #1f6838;}
.brand-List .item:nth-child(4n+3) .pic{border-top-color: #950a13;}
.brand-List .item:nth-child(4n+4) .pic{border-top-color: #1f9fe2;}
.brand-List .item .info{font-size: 14px; color: #222222; margin-top: 1.5rem; margin-bottom: 1.5rem; margin-right: 2rem;}
.brand-List .item .pic{position: absolute; left: 0; bottom: 0; width: 300px; height: 300px; background-color: #fff; border-top: #fff solid 4px;}
.brand-List .item .more{display: none; position: absolute; left: 340px; bottom: 30px; width: 200px; height: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 80%; font-size: 16px; line-height: 36px; border: #0ba971 solid 2px; background-color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.brand-List .item .more:hover{color: #fff; background-color: #0ba971;}
@media screen and (min-width: 769px){.brand-List .item .info{line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; max-height: 168px; height: 168px;}}
@media screen and (min-width: 1025px){.brand-List .item .more{display: block;} .brand-List .item:hover{-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); background-color: #fff;}}
@media screen and (max-width: 1024px) and (min-width: 481px){.brand-List .item .info{position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-bottom: 0;}}
@media screen and (max-width: 768px){.brand-List .item{height: 15.2rem; padding-left: 17rem;} .brand-List .item .pic{width: 15rem; height: 15rem;} .brand-List .item .info{line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 88px; height: auto;}}
@media screen and (max-width: 480px){.brand-List .item{overflow: hidden; padding: 0; height: auto; border-top: none;} .brand-List .item .pic{position: relative; width: 100%; height: auto;} .brand-List .item .info{margin-left: 2rem;}}
/* sBrand */
.sBrand-Info{padding-top: 3rem; padding-bottom: 3rem; min-height: 270px;}
.sBrand-Info .pic{float: left; margin-right: 2rem; margin-bottom: .5rem; width: 270px; height: 270px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #0ba971;}
.sBrand-Info h1{margin-bottom: 1rem; font-size: 1.5rem; color: #222222; line-height: 1.33333333;}
.sBrand-Info .slogan{vertical-align: top; display: inline-block; vertical-align: middle; padding-left: 1rem; border-left: #0ba971 solid 4px; line-height: 20px; font-size: 14px;}
.sBrand-Info .dd{margin-top: 1.5rem; line-height: 1.433;}
@media screen and (max-width: 768px){.sBrand-Info .pic{float: none; margin-bottom: 1rem;} .sBrand-Info h1{font-size: 24px;} .sBrand-Info .slogan{border-left: none; padding-left: 0; display: inline;}}
@media screen and (max-width: 540px){.sBrand-Info h1{font-size: 20px;}}
/* sContact */
.sContact-Section1{position: relative; padding-left: 50%;}
.sContact .mapContain{position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.sContact .mapContain #dituContent{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.sContact .mapContain #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #0ba971;}
.sContact .mapContain #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.sContact .mapContain #dituContent img{max-width: none;}
.sContact .iContact{width: 100%; padding: 8.33333333% 14.58333333%;}
@media screen and (max-width: 1024px){.sContact .ysqTr{padding-left: 0;} .sContact .mapContain{position: relative; height: 0; padding-bottom: 60%; width: 100%;} .sContact .mapContain #dituContent .BMap_bubble_content{width: 200px !important;} .sContact .iContact{padding: 0 7.29166667%; padding-bottom: 3rem;}}
/* sJoin */
.sJoin-Section1{position: relative; padding-right: 50%;}
.sJoin-Section1 .pic{position: absolute; right: 0; top: 0; width: 50%; height: 100%;}
.sJoin-Section1 .txt{width: 100%; padding: 7.29166667% 9.375%;}
.sJoin-Section1 h2,
.sJoin-Section1 .dt{font-size: 1.2rem; color: #222222;}
.sJoin-Section1 p{margin-top: 1rem; line-height: 1.4333;}
.sJoin-Section1 .dt{margin-top: 2rem;}
.sJoin-Section1 .dd{margin-top: 1.5rem; margin-right: -5%;}
.sJoin-Section1 .dd .dib{width: 68px; padding-bottom: 8px; margin-right: 5%; margin-bottom: 8px; white-space: nowrap; text-align: center;}
.sJoin-Section1 .dd .icoImg{display: block; width: 36px; height: 32px; margin-left: auto; margin-right: auto; margin-bottom: 8px;}
@media screen and (max-width: 768px){.sJoin-Section1{padding-right: 0;} .sJoin-Section1 .pic{position: relative; width: 100%; height: 0; padding-bottom: 53.125%;} .sJoin-Section1 h2, .sJoin-Section1 .dt{font-size: 18px;}}
.sJoin-Section2{padding-top: 2rem; background-color: #f5f5f5;}
.sJoin-Section2 .dt{font-size: 1.2rem; color: #0ba971;}
.sJoin-Section2 .dd{margin-top: 12px; line-height: 1.433;}
@media screen and (max-width: 768px){.sJoin-Section2 .dt{font-size: 18px;}}
/* hr-List */
.hr-List{margin-top: 2rem;}
.hr-List .item{border: #dedede solid 1px;}
.hr-List .item .show{position: relative; padding: 1.4rem 100px 1.4rem 1.4rem; background-color: #fff;}
.hr-List .item .show::before{content: " "; position: absolute; left: 0; top: 50%; margin-top: -15px; width: 4px; height: 30px; background-color: #0ba971;}
.hr-List .item .show h3{font-size: 16px; line-height: 20px; color: #222222;}
.hr-List .item .show p{margin-top: 8px; color: #837e7e; line-height: 18px;}
.hr-List .item .show .btn{position: absolute; right: 1.5rem; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/arrow-hr.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.hr-List .item .hide{display: none; background-color: #fff;}
.hr-List .item .hide .imax{padding: .5rem 1.4rem 1.4rem; font-size: 14px;}
.hr-List .item.unfold{border-color: #0ba971;}
.hr-List .item.unfold .show .btn{background-image: url(../images/arrow-hrOn.png);}
.hr-List .item:nth-child(1n+2){margin-top: 1.5rem;}
@media screen and (max-width: 768px){.hr-List .item .show{padding-right: 62px;} .hr-List .item .show .btn{width: 30px; height: 30px; margin-top: -15px;}}
/* sSingle */
.sSingle{padding-top: 3rem; padding-bottom: 3rem; background-color: #f9fafd;}
/* indexSpe */
.pic img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}



/* floatFns */
.floatFns .pa100.link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.floatFns{position: fixed; z-index: 14; right: 5px; top: 100%;}
.floatFns .item{position: relative; text-align: center; font-size: 16px; color: #fff; padding: 10px; width: 30px; height: 30px;}
.floatFns .item:nth-child(1n+2){margin-top: 5px;}
.floatFns .item .stay,
.floatFns .item .hide,
.floatFns .item .ico{position: absolute; top: 0; border-radius: 50px; padding: 10px; width: 30px; height: 30px;}
.floatFns .item .stay,
.floatFns .item .hide{right: 0; z-index: 2; -webkit-transition: background 250ms ease-out 0s, opacity 250ms ease-out 0s; transition: background 250ms ease-out 0s, opacity 250ms ease-out 0s;}
.floatFns .item .stay{background-color: #fff;}
.floatFns .item .stay:after{content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: #e5e5e5 solid 1px; z-index: -1; pointer-events: none; background-color: #fff; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; border-radius: inherit;}
.floatFns .item .hide{background-color: #0ba971; color: #fff; -webkit-transition: all 250ms ease-out 0ms; transition: all 250ms ease-out 0ms; opacity: 0; visibility: hidden; min-width: 30px;}
.floatFns .item .ico{left: 0; background-image: url(../images/g.png); background-size: 52px auto; background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-indent: -999px;}
.floatFns .item.sigTxt .hide{white-space: nowrap; width: auto !important; text-align: left; padding-left: 50px; padding-right: 20px; line-height: 30px;}
.floatFns .item.qrcode .outDiv{position: absolute; right: 100%; top: 0; margin-right: 5px; width: auto; -webkit-box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14); background-color: #fff; color: #666666;}
.floatFns .item.qrcode .outDiv .pic{width: 60px; height: 60px; padding: 0.8rem;}
@media screen and (min-width: 1025px) {
  .floatFns .item:hover {
    z-index: 9;
  }
  .floatFns .item:hover .stay:after,
  .floatFns .item:hover .hide:after {
    background-color: #0ba971;
    border-color: #0ba971;
  }
  .floatFns .item:hover .stay {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .floatFns .item:hover .hide {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 1024px) {
  .floatFns .item,
  .floatFns .item .stay,
  .floatFns .item .hide,
  .floatFns .item .ico {
    padding: 10px;
    width: 20px;
    height: 20px;
    min-width: 0;
  }
  .floatFns .item .ico {
    background-size: 44px;
  }
  .floatFns .item.sigTxt .hide {
    padding: 10px;
    width: 20px !important;
  }
  .floatFns .item.sigTxt p {
    display: none;
  }
  .floatFns .item.qrcode {
    display: none;
  }
  .floatFns .item.qrcode .outDiv {
    display: none;
  }
  .floatFns .item:active {
    z-index: 9;
  }
  .floatFns .item:active .stay:after,
  .floatFns .item:active .hide:after {
    background-color: #0ba971;
    border-color: #0ba971;
  }
  .floatFns .item:active .stay {
    -webkit-transition: all 0ms ease-out 0ms;
    transition: all 0ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .floatFns .item:active .hide {
    -webkit-transition: all 0ms ease-out 0ms;
    transition: all 0ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
}