锘緻charset "utf-8";
/*!  Project : 澶╅懌瀹夊叏
    +-----------css--------------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2018.05.25   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.tdu { text-decoration: underline; }
.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%; }
.lhd5 { height: .5em; }
.invisible { visibility: hidden; position: absolute; z-index: -1; }
.ts { -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.tsn { -webkit-transition: none !important; transition: none !important; }
.bgf { background-color: #fff; }
.bgf1 { background-color: #f1f1f1 !important; }
.bgf5 { background-color: #f5f5f5 !important; }
.bge { background-color: #eee !important; }
.c1 { color: #019d9f; }
.bgc1 { background-color: #019d9f; }
.c2 { color: #0586d2; }
.bgc2 { background-color: #0586d2; }
.ca { color: #333333; }
.bgca { background-color: #333333; }
.cb { color: #666666; }
.bgcb { background-color: #666666; }
.cs { color: #999999; }
.bgcs { background-color: #999999; }
a { color: #333333; }
a.on { color: #019d9f; }
@media screen and (min-width: 1025px) {
a:hover {
color: #019d9f;
}
}
@media screen and (max-width: 1024px) {
a:active {
color: #019d9f;
}
}
body { color: #666666; font: 14px/1 "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif; }
img { vertical-align: middle; }
.vmbox { font-size: 14px; line-height: 1.4333; font-family: "Microsoft YaHei", "寰蒋闆呴粦"; }
.info { font-size: 14px; line-height: 32px; }
.imax { font-size: 16px; line-height: 24px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
@media screen and (max-width: 768px) {
.imax {
font-size: 14px;
}
}
::-moz-selection {
background: #0466a0;
color: #fff;
text-shadow: none;
}
::selection {
background: #0466a0;
color: #fff;
text-shadow: none;
}
.more.moreA { width: 9rem; height: 2rem; line-height: 2rem; background-color: #0586d2; background-image: -webkit-gradient(linear, 0% center, 100% center, from(#019d9f), to(#0586d2)); color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.more.moreA:hover { background-position: 9rem 0; }
.more.moreB { display: block; margin-left: auto; margin-right: auto; width: 9rem; height: 2.5rem; line-height: 2.5rem; color: #333333; background-color: #ddd; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-align: center; }
.more.moreB:hover { background-color: #d1d1d1; }
.tduh:hover { text-decoration: underline; }
.pic { background-color: #f5f5f5 !important; }
/* 缁勪欢 */
.padPic { position: relative; overflow: hidden; width: 100%; height: 0; }
.padPic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
/* 琛ㄥ崟 */
.formItem { position: relative; }
.formItem .aftPD { position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.formItem .skin::-webkit-input-placeholder {
color: #999999;
}
.formItem .skin:-moz-placeholder {
color: #999999;
}
.formItem .skin::-moz-placeholder {
color: #999999;
}
.formItem .skin:-ms-input-placeholder {
color: #999999;
}
.formItem .skin._focus { border-color: #2e9fd9 !important; /* box-shadow: 0 0 1px 2px fade(@c1,15%); */ }
.formItem.red .skin { color: #f00; border-color: #f00; }
.formItem.red .skin::-webkit-input-placeholder {
color: #ff0000;
}
.formItem.red .skin:-moz-placeholder {
color: #ff0000;
}
.formItem.red .skin::-moz-placeholder {
color: #ff0000;
}
.formItem.red .skin:-ms-input-placeholder {
color: #ff0000;
}
/* 缁勪欢 */
.ysqUEO .scs img { -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; }
.ysqUEO .scs.hbgOn img, .ysqUEO .scs:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); }
.ysqUEO .scst img { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ysqUEO .scst.hbgOn img, .ysqUEO .scst:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); }
.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 { visibility: hidden; *visibility: visible;
-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
/* keyframes use */
@-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 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 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-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -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 fadeInDowns { 0% {
opacity: 0.3;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDowns { 0% {
opacity: 0.3;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDowns { -webkit-animation-name: fadeInDowns; animation-name: fadeInDowns; }
@-webkit-keyframes fadeInLefts { 0% {
opacity: 0.3;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLefts { 0% {
opacity: 0.3;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLefts { -webkit-animation-name: fadeInLefts; animation-name: fadeInLefts; }
@-webkit-keyframes fadeInRights { 0% {
opacity: 0.3;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRights { 0% {
opacity: 0.3;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRights { -webkit-animation-name: fadeInRights; animation-name: fadeInRights; }
.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.05);
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.05);
-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.05);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.abtnLR:hover::after {
-webkit-transform: none !important;
transform: none !important;
}
.loading { background-image: url(../images2019/loading.gif); }
.loading-m { background-image: url(../images2019/loading-m.gif); }
.load-error { background-image: url(../images2019/error.gif); }
/* 鑷畾涔夊搷搴旂粨鏋 */
/* ysq _ ROW | TR */
.ysqTr, .ysqRow { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ysqTr .ceil, .ysqRow .col { position: relative; overflow: hidden; z-index: 1; float: left; -webkit-transition: background 250ms, color 250ms, -webkit-transform 250ms; transition: background 250ms, color 250ms, -webkit-transform 250ms; transition: transform 250ms, background 250ms, color 250ms; transition: transform 250ms, background 250ms, color 250ms, -webkit-transform 250ms; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ysqTr .ceil3 { width: 33.333%; }
.ysqTr .ceil4 { width: 25%; }
.ysqTr .ceil6 { width: 16.6666%; }
@media screen and (min-width: 1025px) {
.ysqRow .col3 {
width: 32%;
}
.ysqRow .col3:nth-child(3n+2), .ysqRow .col3:nth-child(3n+3) {
margin-left: 2%;
}
.ysqRow .col3:nth-child(1n+4) {
margin-top: 3%;
}
.ysqRow .col4, .ysqRow .col4-2 {
width: 23.5%;
}
.ysqRow .col4:nth-child(4n+2), .ysqRow .col4-2:nth-child(4n+2), .ysqRow .col4:nth-child(4n+3), .ysqRow .col4-2:nth-child(4n+3), .ysqRow .col4:nth-child(4n+4), .ysqRow .col4-2:nth-child(4n+4) {
margin-left: 2%;
}
.ysqRow .col4:nth-child(1n+5), .ysqRow .col4-2:nth-child(1n+5) {
margin-top: 2%;
}
}
@media screen and (min-width: 1441px) {
.ysqRow .col5 {
width: 18.4%;
}
.ysqRow .col5:nth-child(5n+2), .ysqRow .col5:nth-child(5n+3), .ysqRow .col5:nth-child(5n+4), .ysqRow .col5:nth-child(5n+5) {
margin-left: 2%;
}
.ysqRow .col5:nth-child(1n+6) {
margin-top: 2%;
}
}
@media screen and (max-width: 1440px) {
.ysqRow .col5 {
width: 23.5%;
margin-left: 0;
}
.ysqRow .col5:nth-child(4n+2), .ysqRow .col5:nth-child(4n+3), .ysqRow .col5:nth-child(4n+4) {
margin-left: 2%;
}
.ysqRow .col5:nth-child(1n+5) {
margin-top: 2%;
}
}
@media screen and (max-width: 1024px) {
.ysqRow .col3 {
width: 49%;
}
.ysqRow .col3:nth-child(2n+2) {
margin-left: 2%;
}
.ysqRow .col3:nth-child(1n+3) {
margin-top: 2%;
}
.ysqRow .col4, .ysqRow .col5 {
width: 32%;
}
.ysqRow .col4:nth-child(3n+1), .ysqRow .col5:nth-child(3n+1) {
margin-left: 0;
}
.ysqRow .col4:nth-child(3n+2), .ysqRow .col5:nth-child(3n+2), .ysqRow .col4:nth-child(3n+3), .ysqRow .col5:nth-child(3n+3) {
margin-left: 2%;
}
.ysqRow .col4:nth-child(1n+4), .ysqRow .col5:nth-child(1n+4) {
margin-top: 2%;
}
.ysqRow .col4-2 {
width: 23.5%;
}
.ysqRow .col4-2:nth-child(4n+2), .ysqRow .col4-2:nth-child(4n+3), .ysqRow .col4-2:nth-child(4n+4) {
margin-left: 2%;
}
.ysqRow .col4-2:nth-child(1n+5) {
margin-top: 2%;
}
.ysqTr .ceil4 {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.ysqRow .col4, .ysqRow .col4-2, .ysqRow .col5 {
width: 49%;
}
.ysqRow .col4:nth-child(2n+1), .ysqRow .col4-2:nth-child(2n+1), .ysqRow .col5:nth-child(2n+1) {
margin-left: 0;
}
.ysqRow .col4:nth-child(2n+2), .ysqRow .col4-2:nth-child(2n+2), .ysqRow .col5:nth-child(2n+2) {
margin-left: 2%;
}
.ysqRow .col4:nth-child(1n+3), .ysqRow .col4-2:nth-child(1n+3), .ysqRow .col5:nth-child(1n+3) {
margin-top: 2%;
}
.loading {
background-size: 80px 16px;
}
}
@media screen and (max-width: 480px) {
.ysqRow .col3, .ysqRow .col4, .ysqRow .col4-2, .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 .col4-2:nth-child(1n+2), .ysqRow .col5:nth-child(1n+2) {
margin-top: 2%;
}
.ysqTr .ceil4 {
width: 100%;
}
}
/* 婊氬姩鍔犺浇 */
.scrollAjax #loadState { position: relative; width: 200px; height: 40px; margin: 2rem auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #019d9f; color: #fff; font-size: 16px; }
.scrollAjax #loadState.off { background-color: #ddd; color: #333; cursor: default; cursor: not-allowed; }
.scrollAjax #loadState.ing::after {
content: " ";
-webkit-animation-name: dotMove;
animation-name: dotMove;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: steps(4);
animation-timing-function: steps(4);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes dotMove { 0%, 100% {
content: ".";
}
33% {
content: "..";
}
66% {
content: "...";
}
}
@keyframes dotMove { 0%, 100% {
content: ".";
}
33% {
content: "..";
}
66% {
content: "...";
}
}
.scrollAjax #loadState.retry { overflow: hidden; background-color: #019d9f; 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; *display: inline;
*zoom: 1;
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: #019d9f; 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; }
/* nav */
.nav { position: fixed; left: 0; top: 0; width: 100%; z-index: 20; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #fff; }
.nav .contain { position: relative; height: 100%; padding: 0 2.60416667%; }
.nav .bg { display: none; z-index: 5; }
.nav .logo { float: left; position: relative; top: 50%; margin-top: -27px; height: 54px; }
.nav .logo img { display: block; height: 100%; }
.nav .secNav { display: none; }
.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); background-color: #fff; }
@media screen and (min-width: 1025px) {
.scroll-wrap {
padding-top: 110px;
}
.nav {height: 76px;padding-top: 34px;}
.nav .nless {
position: absolute;
left: 0;
right: 0;
top: -34px;
width: 100%;
height: 34px;
line-height: 34px;
background-color: #0e6eb8;
}
.nav .nless, .nav .nless a {
color: #ffffff;
}
.nav .firNav {
position: absolute;
right: 2.60416667%;
margin-right: -10px;
bottom: 0;
text-align: right;
left: 200px;
margin-left: 2.60416667%;
white-space: nowrap;
}
.nav .firItem {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
position: relative;
line-height: 76px;
height: 76px;
margin-left: 1.5%;
background-image: url(../images2019/line-FirNavItem.png);
background-repeat: no-repeat;
background-position: 0px 76px;
}
.nav .firItem > .link {
display: block;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
}
.nav .firItem.on, .nav .firItem:hover {background-position: 0px bottom;-webkit-transition: all 220ms ease 0s;transition: all 220ms ease 0s;}
.nav .firItem.currclass{background-position: 0px bottom;-webkit-transition: all 220ms ease 0s;transition: all 220ms ease 0s;}
.nav .secNav {
position: absolute;
top: 100%;
left: 0;
padding: 20px;
z-index: 30;
background-color: #f1f1f1;
font-size: 0;
line-height: 0;
text-align: left;
}
.nav .secNav .col {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
white-space: nowrap;
font-size: 14px;
line-height: 20px;
}
.nav .secNav .col:nth-child(1n+2) {margin-left: 30px;}
.nav .secItem {
position: relative;
display: block;
padding: 5px 10px;
min-width: 78px;
background-image: url(../images2019/bg-SecNavLink.png);
background-size: 100% 100%;
background-position: -118px 50%;
background-repeat: no-repeat;
-webkit-transition: all 220ms ease 0s;
transition: all 220ms ease 0s;
}
.nav .secItem:nth-child(1n+2) {
margin-top: 10px;
}
.nav .secItem.on, .nav .secItem:hover {color: #fff;background-position: 0 0;}
.nav .secItem.currclass{color: #fff;background-position: 0 0;}

.nav .navbtn {display: none;}
}
@media screen and (min-width: 1366px) {
.nav .firItem {
margin-left: 3%;
}
}
@media screen and (max-width: 1024px) {
.scroll-wrap {
padding-top: 70px;
}
.nav {
height: 70px;
}
.nav .bg {
position: fixed !important;
background-color: rgba(0, 0, 0, 0.2);
}
.nav .nless {
display: none;
}
.nav .navbtn {
z-index: 10;
position: absolute;
overflow: hidden;
display: block;
right: -6px;
margin-right: 2.60416667%;
top: 9px;
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: #019d9f;
-webkit-transition: opacity .3s ease, -webkit-transform .5s ease;
transition: opacity .3s ease, -webkit-transform .5s ease;
transition: transform .5s ease, opacity .3s ease;
transition: transform .5s ease, opacity .3s ease, -webkit-transform .5s 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;
}
.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.4) rotate(180deg);
transform: scale(0.4) rotate(180deg);
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;
right: -100%;
top: 0;
max-width: 55%;
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: 70px;
}
.nav .firItem {
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: #019d9f;}
.nav .firItem.on .secNav {display: block;}



.nav .secNav {padding: 0 8px 8px;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:active {color: #111;}
.nav .secNav .secItem.on {color: #111;text-decoration: underline;}
}
@media screen and (max-width: 768px) {
.scroll-wrap {
padding-top: 60px;
}
.nav {
height: 60px;
}
.nav .logo {
margin-top: -20px;
height: 40px;
}
.nav .navbtn {
top: 4px;
}
}
/* banner */
.banner { position: relative; width: 100%; height: 0; padding-bottom: 47.91666667%; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.banner .shade { position: absolute; left: 0; top: 0; }
.banner .item { position: relative; width: 100%; height: 100%; background-color: #fff; }
.banner .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.banner .item .contain { padding-left: 5%; padding-right: 5%; text-align: center; top: 50%; -webkit-transform: translateY(-80%); transform: translateY(-80%); -webkit-transition: all 0 ease 0ms; transition: all 0 ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1;
visibility: hidden; *visibility: visible;
}
.banner .item .contain .dt { font-size: 3rem; line-height: 1.1; font-weight: bold; background-image: -webkit-gradient(linear, 0% center, 100% center, from(#00fcff), to(#00a0ff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #0586d2; }
.banner .item .contain .hr { width: 130px; height: 4px; margin-left: auto; margin-right: auto; margin-top: 2rem; margin-bottom: 1.6rem; background-color: #fff; }
.banner .item .contain .dd { color: #fff; line-height: 1.3; }
.banner .item .contain .cn { font-size: 1.7rem; }
.banner .item .contain .en {
margin-top: .8rem; font-size: 1rem; }
.banner .item.leave { height: 0; z-index: 20 !important; -webkit-transition: height 1200ms ease-out 0s, margin 1200ms ease-out 0s; transition: height 1200ms ease-out 0s, margin 1200ms ease-out 0s; }
.banner .item.on { opacity: 1 !important; }
.banner .item.on img { -webkit-transform: scale(1.025); transform: scale(1.025); -webkit-transition: all 4s ease 0s; transition: all 4s ease 0s; }
.banner .item.on .contain { -webkit-transition: all 400ms ease 50ms; transition: all 400ms ease 50ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.banner.dir_f .item.leave { margin-top: 100%; }
.banner .ctr { position: absolute; z-index: 3; top: 50%; margin-top: -25px; width: 50px; height: 50px; border-radius: 50px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; font-size: 24px; line-height: 50px; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-family: "SimSun", "瀹嬩綋"; }
.banner .ctr:active { background-color: rgba(0, 160, 233, 0.9); }
.banner .ctr.reject { display: none; }
.banner .ctr.prev { left: 2.60416667%; }
.banner .ctr.prev::before {
content: "<";
}
.banner .ctr.next { right: 2.60416667%; }
.banner .ctr.next::before {
content: ">";
}
.banner .icon { height: 10px; line-height: 10px; position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap; }
.banner .icon .btn { display: inline-block; position: relative; z-index: 1; width: 8px; height: 8px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border: #fff solid 1px; border-radius: 50%; text-indent: 100%; *text-indent: 0;
*font-size: 0;
margin: 0 6px; background-color: #fff; opacity: .50; filter: alpha(opacity=50); *zoom: 1;
vertical-align: top; }
.banner .icon .btn s { position: absolute; left: 0; top: 0; left: 50%; top: 50%; margin-left: 0; margin-top: 0; width: 0; height: 0; border: #fff solid 1px; border-radius: 50%; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1;
visibility: hidden; *visibility: visible;
}
.banner .icon .btn.on { opacity: 1; filter: alpha(opacity=100); }
.banner .icon .btn.on s { margin-left: -8px; margin-top: -8px; padding: 3px; width: 8px; height: 8px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
@media screen and (max-width: 1024px) {
.banner {padding-bottom: 70%;}
.banner .item .contain .dt {font-size: 2.6rem;}
.banner .item .contain .cn {font-size: 1.4rem;}
}
@media screen and (max-width: 480px) {
.banner .item .contain .dt {font-size: 22px;}
.banner .item .contain .cn {font-size: 14px;}
.banner .ctr {margin-top: -20px;width: 40px;height: 40px;border-radius: 40px;font-size: 20px;line-height: 40px;}
}
/* iAbout */
.iAbout { position: relative; z-index: 2; padding: 3.125% 2.60416667%; text-align: center; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); }
.iAbout .dt .cn { color: #0586d2; font-size: 1.5rem; line-height: 1.1; letter-spacing: .6px; background-image: -webkit-linear-gradient(left, #205bab, #019d9f, #0586d2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.iAbout .dt .en { font-size: 14px; color: #999999; text-transform: uppercase; margin-top: 8px; }
.iAbout .dd { max-width: 670px; font-size: 16px; line-height: 1.4333; color: #333333; text-align: left; }
@media screen and (min-width: 1281px) and (max-width: 1600px) {
.iAbout .contain {padding-left: 470px;padding-right: 210px;}
.iAbout .dt {position: absolute;left: 0;top: 0;}
.iAbout .dd {max-width: none;}
.iAbout .more {position: absolute;right: 0;top: 5px;}
}
@media screen and (min-width: 1601px) {
.iAbout .dt, .iAbout .dd, .iAbout .more {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.iAbout .dd {margin-left: 5.20833333%;margin-right: 5.20833333%;}
}
@media screen and (max-width: 1280px) {
.iAbout {padding: 3rem 2.5rem;}
.iAbout .dd {margin-left: auto;margin-right: auto;margin-top: 1rem;margin-bottom: .8rem;text-align: center;}
.iAbout .more {display: block;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 768px) {
.iAbout {padding: 20px 15px;}
.iAbout .dt .cn {font-weight: bold;}
.iAbout .dt .en {font-size: 12px;}
.iAbout .dd {font-size: 14px;}
.iAbout .more {width: 140px;height: 34px;line-height: 34px;}
}
/* iBusiness */
.iBusiness { position: relative; overflow: hidden; }
.iBusiness .ceil { width: 50%; }
.iBusiness .ceil .contain { position: absolute; overflow: hidden; z-index: 2; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5.20833333%; color: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.iBusiness .ceil .contain .cn { font-size: 32px; line-height: 1.2; }
.iBusiness .ceil .contain .en {
margin-top: .8rem; font-size: 14px; opacity: .30; filter: alpha(opacity=30); text-transform: uppercase; *zoom: 1;
}
.iBusiness .ceil .contain .info {
margin-top: .9rem; max-height: 52px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.iBusiness .ceil .contain .more { margin-top: 0; display: block; width: 120px; height: 0; line-height: 30px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1;
visibility: hidden; *visibility: visible;
}
.iBusiness .ceil .screen { position: relative; z-index: 0; width: 100%; height: 0; padding-bottom: 54.6875%; background-size: cover !important; background-position: center center; }
.iBusiness .ceil .vs-m { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; }
.iBusiness .ceil::after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: #fff solid 0;
-webkit-transition: all 220ms ease 0s;
transition: all 220ms ease 0s;
z-index: 1;
}
.iBusiness .ceil.bgi { text-align: center; }
.iBusiness .ceil.bgi .info { display: none !important; }
.iBusiness .ceil.bgi .more { margin-left: auto; margin-right: auto; }
.iBusiness .ceil.bgi .more.moreA:hover { background-position: 120px 0; }
.iBusiness .ceil.bgc { text-align: left; }
.iBusiness .ceil.bgc .more { text-align: center; background-color: #fff; }
.iBusiness .ceil.bgc .more:hover { background-color: #f1f1f1; }
.iBusiness .ceil.ic1 .more { color: #799dcd; }
.iBusiness .ceil.ic1 .screen { background-color: #799dcd; }
.iBusiness .ceil.ic2 .more { color: #205bab; }
.iBusiness .ceil.ic2 .screen { background-color: #205bab; }
.iBusiness .ceil.ic3 .more { color: #019d9f; }
.iBusiness .ceil.ic3 .screen { background-color: #019d9f; }
.iBusiness .ceil.ic4 .more { color: #0097cf; }
.iBusiness .ceil.ic4 .screen { background-color: #0097cf; }
@media screen and (min-width: 1025px) {
.iBusiness .ysqTr.pl3 {
padding-left: 33.33333333%;
}
.iBusiness .ysqTr.pl3 .fullHeight {
left: 0;
}
.iBusiness .ysqTr.pr3 {
padding-right: 33.33333333%;
}
.iBusiness .ysqTr.pr3 .fullHeight {
right: 0;
}
.iBusiness .ceil.fullHeight {
position: absolute;
top: 0;
width: 33.3333%;
}
.iBusiness .ceil.fullHeight .screen {
padding-bottom: 109.375%;
}
.iBusiness .ceil:hover::after {
-webkit-transition: all 250ms ease 0ms;
transition: all 250ms ease 0ms;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
border-width: .25rem;
}
.iBusiness .ceil:hover .more {
margin-top: 1.2rem;
height: 30px;
-webkit-transition: all 250ms ease 0ms;
transition: all 250ms ease 0ms;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
}
@media screen and (max-width: 1366px) {
.iBusiness .ceil .contain .cn {
font-size: 28px;
}
.iBusiness .ceil .contain .en {
margin-top: 2%;
}
.iBusiness .ceil .contain .info {
margin-top: 2.5%;
max-height: 44px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.iBusiness .ceil .contain .more {
width: 100px;
}
.iBusiness .ceil .contain .more.moreA:hover {
background-position: 100px 0;
}
.iBusiness .ceil:hover .more {
margin-top: .8rem;
}
}
@media screen and (max-width: 1280px) {
.iBusiness .ceil .contain .cn {
font-size: 22px;
}
}
@media screen and (max-width: 1024px) {
.iBusiness .ysqTr {
padding-top: 27.34375%;
}
.iBusiness .ceil.fullHeight {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.iBusiness .ceil.fullHeight .screen {
padding-bottom: 27.34375%;
}
.iBusiness .ceil .contain {
text-align: center;
}
.iBusiness .ceil .contain .cn {
font-size: 20px;
}
.iBusiness .ceil .contain .info {
display: block !important;
}
.iBusiness .ceil .vs-m {
display: block;
}
}
@media screen and (max-width: 768px) {
.iBusiness .ceil .contain {
text-align: center;
}
.iBusiness .ceil .contain .info {
font-size: 12px;
display: none !important;
}
}
@media screen and (max-width: 480px) {
.iBusiness {
padding: 15px;
}
.iBusiness .ysqTr {
padding-top: 0;
}
.iBusiness .ceil {
width: 100%;
background-color: #000;
}
.iBusiness .ceil.fullHeight {
position: relative;
}
.iBusiness .ceil.fullHeight .screen {
padding-bottom: 54.6875%;
}
.iBusiness .ceil .contain .cn {
font-size: 22px;
}
.iBusiness .ceil .contain .info {
font-size: 14px;
display: block !important;
}
.iBusiness .ceil .screen {
opacity: .9;
}
}
/* iLinkA */
.iLinkA { position: relative; display: block; padding: 1.6rem 0; background-color: #00349a; text-align: center; background-image: url(../images2019/bg-iLinkA.jpg); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.iLinkA span { display: inline-block; margin-left: auto; margin-right: auto; position: relative; padding: 1rem 2rem; border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 10px; color: #fff; font-size: 1.5rem; background-color: rgba(0, 52, 154, 0.2); }
.iLinkA span::after {
content: " ";
position: absolute;
top: -0.75rem;
left: 50%;
margin-left: -1.25rem;
width: 1.5rem;
height: 1.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
background-color: #00349a;
background-image: url(../images2019/ico-link.png);
background-size: 1.5rem 1.5rem;
background-position: 50% 50%;
background-repeat: no-repeat;
}
/* iNews */
.iNews { padding-top: 3rem; padding-bottom: 2.5rem; }
.iNews-Head { text-align: center; }
.iNews-Head span { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; position: relative; padding-left: 2.5rem; padding-right: 2.5rem; height: 45px; line-height: 45px; font-size: 1.5rem; font-weight: bold; color: #333333; }
.iNews-Head span::before, .iNews-Head span::after {
content: " ";
position: absolute;
height: 100%;
width: 133px;
background-size: 100% 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.iNews-Head span::before {
right: 100%;
background-image: url(../images2019/bg-iNewsHeadL.png);
}
.iNews-Head span::after {
left: 100%;
background-image: url(../images2019/bg-iNewsHeadR.png);
}
.iNews-Body { margin-top: 2rem; }
.iNews-Body .more { margin-top: 2.5rem; }
@media screen and (max-width: 1024px) and (min-width: 481px) {
.iNews .news-List .item:nth-child(1n+3) {
display: none;
}
}
.news-List .item { position: relative; overflow: hidden; }
.news-List .item .pic { height: 0; padding-bottom: 75%; }
.news-List .item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-List .item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-List .item .txt { position: relative; top: 0; z-index: 2; padding: 1.5rem; margin: -1rem 1rem 0; border: #ddd solid 1px; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.news-List .item .txt .title { font-size: 18px; font-weight: bold; max-height: 52px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; color: #333333; }
.news-List .item .txt .info { margin-top: 1rem; font-size: 14px; max-height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; color: #999999; }
.news-List .item .txt .more { position: relative; display: block; margin-top: 1rem; color: #333333; }
.news-List .item .txt .more i { position: relative; }
.news-List .item .txt .more::after {
content: " ";
position: absolute;
left: 60px;
right: 0;
top: 50%;
height: 1px;
background-color: #dddddd;
}
.news-List .item .txt, .news-List .item .pic img { -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; }
.news-List .item:hover .pic img { -webkit-transform: scale(1.025); transform: scale(1.025); }
.news-List .item:hover .txt { top: -1rem; border-color: transparent; background-image: url(../images2019/bg-newsItem.png); }
.news-List .item:hover .txt .title, .news-List .item:hover .txt .info, .news-List .item:hover .txt .more { color: #fff; }
.news-List .item:hover .txt .more::after {
background-color: #fff;
}
@media screen and (max-width: 768px) {
.news-List .item .txt .title {
font-size: 16px;
max-height: 48px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 48px;
}
}
/* backToTop */
.backToTop { position: fixed; z-index: 91; left: 2.60416667%; bottom: 5px; width: 50px; height: 50px; background-image: url(../images2019/ico-BackToTop.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 250ms ease 50ms; transition: all 250ms ease 50ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1;
visibility: hidden; *visibility: visible;
}
.backToTop.show { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
@media screen and (max-width: 1024px) {
.backToTop {
left: 0;
}
}
/* footer */
.footer { background-color: #333; }
.footer, .footer a { color: #ffffff; }
.footer .section { position: relative; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.footer .section .f-Clist { float: left; font-size: 1rem; line-height: 2; }
.footer .section .f-Clist .icoImg { height: 54px; margin-bottom: 10px; }
.footer .section .f-Nav .link { position: relative; line-height: 24px; height: 24px; white-space: nowrap; color: #ddd; }
.footer .section .f-Nav .link:nth-child(2n+1) {
float: left;
}
.footer .section .f-Nav .link:nth-child(2n+2) {
float: right;
}
.footer .section .f-Nav .link:nth-child(1n+3) {
margin-top: 1rem;
}
.footer .section .qrcode { float: right; text-align: right; }
.footer .section .qrcode .item { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; text-align: center; margin-left: 24px; line-height: 34px; }
.footer .section .qrcode .item img { width: 120px; height: 120px; }
@media screen and (min-width: 481px) {
.footer .section .f-Nav {
width: 16rem;
}
.footer .section .f-Nav .link {
width: 7.8rem;
text-indent: 2.5rem;
}
.footer .section .f-Nav .link::before {
content: " ";
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
height: 1px;
width: 0;
background-color: #666666;
-webkit-transition: all 220ms ease 0s;
transition: all 220ms ease 0s;
margin-right: 6px;
}
.footer .section .f-Nav .link:hover::before {
width: 2rem;
}
}
@media screen and (min-width: 1025px) {
.footer .section .f-Nav {
position: absolute;
left: 50%;
top: 2.5rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (max-width: 1024px) {
.footer .section .qrcode {
display: none;
}
.footer .section .f-Nav {
float: right;
}
}
@media screen and (max-width: 480px) {
.footer .section .f-Clist {
float: none;
font-size: 14px;
text-align: center;
}
.footer .section .f-Nav {
margin-top: 10px;
text-align: center;
}
.footer .section .f-Nav .link {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
float: none !important;
margin-top: 0 !important;
}
}
.footer .copyrights { padding-top: 15px; padding-bottom: 15px; line-height: 20px; background-color: #222222; }
@media screen and (max-width: 768px) {
.footer .copyrights span {
float: none;
}
}
/* subpage */
.subpage { position: relative; padding-bottom: 2.5rem; }
/* sbanner */
.sbanner { position: relative; height: 400px; margin-bottom: 2.5rem; }
.sbanner .contain { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; }
.sbanner .contain .en { font-style: italic; font-size: 2rem; font-family: Arial, sans-serif, "Microsoft YaHei", "寰蒋闆呴粦"; text-transform: uppercase; }
.sbanner .contain .cn { margin-left: auto; margin-right: auto; margin-top: 10px; width: 8rem; height: 2rem; line-height: 2rem; font-size: 1rem; background-image: url(../images2019/bg-SbannerCn.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; }
@media screen and (max-width: 1024px) {
.sbanner {height: 0;padding-bottom: 39.0625%;}
}
/* subNav */
.subNav { position: relative; font-size: 0; margin-top: -2.5rem; margin-bottom: 2.5rem; }
.subNav::after {content: " ";position: absolute;left: 0;width: 100%;bottom: 0;border-bottom: #ddd solid 2px;}
.subNav .container { z-index: 2; position: relative; overflow: hidden; }
.subNav .contain { display: inline-block; *display: inline;*zoom: 1;vertical-align: top; white-space: nowrap; }
.subNav .link { position: relative; display: inline-block; *display: inline;*zoom: 1;
vertical-align: top; padding-top: 1.5rem; padding-bottom: 1.5rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; font-size: 16px; float:left;}
.subNav .link:nth-child(1n+2) {margin-left: 2.5rem;}
.subNav .link::after {content: " ";position: absolute;left: 0;width: 100%;bottom: 0;}
.subNav .link{font-size:18px;}
.subNav .link.on::after {border-bottom: #0586d2 solid 2px;}

/*鏂伴椈涓績褰撳墠瀛愭爮鐩珮浜?/
.subNav .link.currclass{color:#019d9f; font-size:18px;}
.subNav .link.currclass:after {border-bottom: #0586d2 solid 2px;}


@media screen and (max-width: 1280px) {
.subNav .link:nth-child(1n+2) {margin-left: 1.5rem;}
}
@media screen and (max-width: 768px) {
.subNav {font-size: 14px;}
}
/* sAbout */
.sAbout { margin-top: -2.5rem; }
.sAbout .section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.sAbout .section:nth-child(2n+2) {
background-color: #f1f1f1;
}
.sAbout .section .sHead { margin-bottom: 1.5rem; text-align: center; }
.sAbout .section .sHead .dib { position: relative; padding-left: 2rem; padding-right: 2rem; }
.sAbout .section .sHead .dib .cn { font-size: 20px; color: #333333; }
.sAbout .section .sHead .dib .en { font-size: 14px; color: #999999; margin-top: 10px; text-transform: uppercase; }
.sAbout .section .sHead .dib::before, .sAbout .section .sHead .dib::after {
content: " ";
position: absolute;
top: 50%;
width: 3rem;
height: 1px;
background-color: #dddddd;
}
.sAbout .section .sHead .dib::before {
right: 100%;
}
.sAbout .section .sHead .dib::after {
left: 100%;
}
.sAbout .section .imax { color: #333333; font-size: 14px; }
.sAbout-Section1 .container { position: relative; }
.sAbout-Section1 .pic { width: 58.33333333%; height: 394px; }
.sAbout-Section1 .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sAbout-Section1 .txt { position: absolute; right: 0; top: 0; width: 37.5%; height: 100%; }
.sAbout-Section1 .txt .contain { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sAbout-Section1 .txt .dt .cn { color: #0586d2; font-size: 1.5rem; line-height: 1.1; letter-spacing: .6px; background-image: -webkit-linear-gradient(left, #205bab, #019d9f, #0586d2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sAbout-Section1 .txt .dt .en { font-size: 14px; color: #999999; text-transform: uppercase; margin-top: 8px; }
.sAbout-Section1 .txt .dd { position: relative; margin-top: 1rem; padding-top: 2rem; padding-bottom: 2rem; }
.sAbout-Section1 .txt .dd::before, .sAbout-Section1 .txt .dd::after {
content: " ";
position: absolute;
width: 66.66666667%;
height: 1px;
background-color: #dddddd;
}
.sAbout-Section1 .txt .dd::before {
top: 0;
left: 0;
}
.sAbout-Section1 .txt .dd::after {
bottom: 0;
right: 0;
}
@media screen and (max-width: 1024px) {
.sAbout-Section1 .txt, .sAbout-Section1 .pic {
width: 47%;
height: 300px;
}
}
@media screen and (max-width: 768px) {
.sAbout-Section1 .pic, .sAbout-Section1 .txt {
width: 100%;
height: auto;
}
.sAbout-Section1 .pic img {
position: relative;
width: 100%;
height: auto;
}
.sAbout-Section1 .txt {
position: relative;
margin-top: 15px;
}
.sAbout-Section1 .txt .contain {
top: 0;
-webkit-transform: none !important;
transform: none !important;
}
.sAbout-Section1 .txt .dd {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.sAbout-Section3 .ysqRow { margin-bottom: 1rem; }
.sAbout-Section3 .ysqRow img { width: 100%; }
.sAbout-Section4 .ceil { text-align: center; white-space: nowrap; height: 3rem; position: relative; overflow: hidden; }
.sAbout-Section4 .numCountUp { font-size: 3rem; color: #0586d2; }
@media screen and (max-width: 768px) {
.sAbout-Section4 .ceil {
text-align: left;
}
.sAbout-Section4 .block {
display: none;
}
.sAbout-Section4 .ceil {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: auto;
margin-top: 0 !important;
padding-left: 5px;
padding-right: 5px;
}
.sAbout-Section4 .numCountUp {
font-size: 2rem;
}
}
.sAbout-Section5 { margin-bottom: -2.5rem; }
.sAbout-Section5 .col { padding: 1.5rem; height: 150px; color: #fff; }
.sAbout-Section5 .bg { -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; }
.sAbout-Section5 .col1 { width: 100%; }
.sAbout-Section5 .col2 { width: 49%; margin-top: 2%; }
.sAbout-Section5 .col2:nth-child(1n+2) {
margin-left: 2%;
}
.sAbout-Section5 .dt { border-left: #fff solid 4px; padding-left: .75rem;
font-size: 18px; }
.sAbout-Section5 .dd { font-size: 14px; line-height: 24px; margin-top: 1rem; color: #fff !important; }
@media screen and (max-width: 768px) {
.sAbout-Section5 .col {
float: none;
width: 100%;
height: auto;
margin-left: 0 !important;
}
}
/* sView */
.sView { margin-top: -2.5rem; }
.sView .view-Head { padding-top: 1rem; padding-bottom: 1rem; background-color: #fff; text-align: center; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); }
.sView .view-Head .title { font-size: 1.3rem; line-height: 2rem; font-weight: bold; color: #666666; }
.sView .view-Head .aside { margin-top: .8rem;
}
.sView .view-Body { padding-top: 1.5rem; padding-bottom: 2rem; border-bottom: #ddd solid 1px; }
.sView .view-Foot { text-align: right; padding-top: 1rem; }
.sView .view-Foot .btn { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; margin-top: 10px; width: 8rem; height: 2rem; line-height: 2rem; font-size: 14px; color: #fff; text-align: center; background-image: url(../images2019/bg-SbannerCn.png); background-repeat: repeat-x; background-size: cover; background-position: 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.sView .view-Foot .btn:hover { background-position: 8rem 0; }
/* sBusiness */
.sBusiness .colA { padding: 1.5rem; color: #fff; }
.sBusiness .colA .bg { -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; }
.sBusiness .colA.col1 { width: 100%; height: 400px; }
.sBusiness .colA.col2 { width: 49%; margin-top: 2%; height: 350px; }
.sBusiness .colA.col2:nth-child(1n+2) {
margin-left: 2%;
}
.sBusiness .dt { border-left: #fff solid 4px; padding-left: .75rem;
font-size: 18px; }
.sBusiness .dd { font-size: 14px; line-height: 24px; margin-top: 1rem; color: #fff !important; }
.sBusiness .df { margin-top: 1.2rem; }
.sBusiness .df span { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; border: #fff solid 1px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sBusiness .df span:hover { background-color: #fff; color: #333; }
@media screen and (max-width: 1024px) {
.sBusiness .df span {
height: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 768px) {
.sBusiness .dt {
font-size: 16px;
}
.sBusiness .colA {
float: none;
width: 100% !important;
height: auto !important;
margin-left: 0 !important;
}
}
/* case-List */
.case-List .item { overflow: visible; }
.case-List .item .link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; display: block; }
.case-List .item .pic { height: 0; padding-bottom: 75%; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.case-List .item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.case-List .item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.case-List .item .title { font-size: 18px; padding-top: .8rem;
padding-bottom: 1rem; }
.case-List .item:hover { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); }
.case-List .item:hover .pic { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
/* sQuestion */
.sQuestion .aside { color: #0586d2; text-align: center; line-height: 1.2; }
.sQuestion .aside .cn { font-size: 30px; font-weight: bold; }
.sQuestion .aside .en { font-size: 18px; opacity: .7; margin-top: .4rem;
text-transform: uppercase; }
.sQuestion .aside .more { display: block; margin-left: auto; margin-right: auto; margin-top: 1.4rem; padding-top: .2rem;
padding-bottom: .2rem;
}
@media screen and (max-width: 768px) {
.sQuestion .aside .cn {
font-size: 1.5rem;
}
.sQuestion .aside .en {
font-size: 1rem;
}
}
.question-List { margin-top: 2.5rem; }
.question-List .item { padding: 1.5rem; border: #ddd solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.question-List .item:nth-child(1n+2) {
margin-top: 30px;
}
.question-List .item .question { position: relative; padding-bottom: 1rem; border-bottom: #ddd solid 1px; padding-right: 110px; line-height: 24px; }
.question-List .item .question .title { font-size: 18px; font-weight: bold; color: #333333; }
.question-List .item .question .Qer { position: absolute; right: 0; top: 0; }
.question-List .item .answer { margin-top: 1rem; }
.question-List .item .answer .dt { width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #0586d2; }
.question-List .item .answer .dd {
margin-top: .5rem; line-height: 24px; }
.question-List .item:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 480px) {
.question-List .item .question {
padding-right: 0;
}
.question-List .item .question .Qer {
position: relative;
margin-top: .5rem;
}
}
/* .sQuest */
.sQuest { margin-top: -2.5rem; }
.sQuest .dt { padding-top: 1.2rem; padding-bottom: 1rem; background-color: #fff; text-align: center; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); font-size: 1.3rem; font-weight: bold; color: #666666; }
.sQuest .dd { margin-top: 2.5rem; font-size: 0; }
.formCheck { font-size: 0; }
.formCheck .formItem { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; width: 20rem; padding-left: 70px; padding-right: 10px; line-height: 40px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; }
.formCheck .formItem .focus { float: left; margin-left: -70px; width: 70px; text-align: right; }
.formCheck .formItem .contain { position: absolute; left: 70px; right: 0; top: 0; height: 40px; }
.formCheck .formItem .skin { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; border: #ddd solid 1px; }
.formCheck .formItem .radio { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; height: 40px; }
.formCheck .formItem .radio label { padding-right: 10px; }
.formCheck .formItem.areaItem { height: 100px; width: 100%; margin-top: 1.5rem; }
.formCheck .formItem.areaItem .skin { height: 100px; line-height: 24px; padding: 8px 12px; text-indent: 0; }
.formCheck .formItem.yzm { margin-top: 2rem; width: 100%; padding: 0; text-align: center; font-size: 0; white-space: nowrap; }
.formCheck .formItem.yzm .skin { width: 150px; padding-left: 44px; background-image: url(../images2019/ico-vCode.png); background-size: 20px 23px; background-position: 13px 50%; background-repeat: no-repeat; }
.formCheck .formItem.yzm .refreshVC { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; width: 40px; height: 40px; background-image: url(../images2019/ico-refresh.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.formCheck .formItem.yzm .bindClick { width: 108px; height: 38px; vertical-align: top; border: #ddd solid 1px; }
.formCheck .formItem .enter { margin-left: 1.5rem; width: 150px; height: 40px; line-height: 40px; text-align: center; background-color: #0586d2; color: #fff; font-size: 14px; }
@media screen and (max-width: 1280px) {
.formCheck .formItem {
width: 16rem;
}
}
@media screen and (max-width: 1024px) {
.formCheck .formItem:nth-child(1), .formCheck .formItem:nth-child(2) {
width: 49%;
}
.formCheck .formItem:nth-child(2) {
margin-left: 2%;
}
.formCheck .formItem:nth-child(3) {
width: 100%;
}
.formCheck .formItem:nth-child(1n+3) {
margin-top: 1rem;
}
}
@media screen and (max-width: 768px) {
.formCheck .formItem {
width: 100% !important;
}
.formCheck .formItem:nth-child(2) {
margin-left: 0;
margin-top: 1rem;
}
.formCheck .formItem.yzm {
text-align: right;
}
.formCheck .formItem.yzm .skin {
width: 140px;
padding-left: 34px;
background-position: 8px center;
}
.formCheck .formItem .enter {
display: block;
width: 100%;
margin-top: 1rem;
margin-left: 0;
}
}
/* sHr */
.sHr-Section2 { margin-top: 3rem; }
.sHr-Section2 .head { width: 100%; height: 50px; line-height: 50px; color: #fff; background-color: #0586d2; margin-bottom: 1rem; font-size: 20px; text-align: center; }
.sHr-Section2 .noPad .formItem { padding: 0; width: 49%; }
.sHr-Section2 .noPad .formItem:nth-child(2) {
margin-left: 2%;
margin-top: 0;
}
.sHr-Section2 .noPad .formItem:nth-child(1n+3) {
margin-top: 1rem;
}
.sHr-Section2 .noPad .formItem.areaItem { width: 100%; }
.sHr-Section2 .noPad .formItem.yzm { width: 100%; text-align: right; }
@media screen and (max-width: 768px) {
.sHr-Section2 .head {
height: 40px;
line-height: 40px;
font-size: 16px;
}
.sHr-Section2 .noPad .formItem {
width: 100% !important;
}
.sHr-Section2 .noPad .formItem:nth-child(2) {
margin-left: 0;
margin-top: 1rem;
}
}
.hr-List .item { width: 48%; padding-left: 10px; padding-top: 10px; }
.hr-List .item .contain, .hr-List .item .title, .hr-List .item .info { -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; }
.hr-List .item .contain { display: block; padding: 1.5rem; border: #666 solid 1px; left: 0; top: 0; }
.hr-List .item::before {
content: " ";
position: absolute;
z-index: 0;
left: 0;
top: 0;
right: 10px;
bottom: 10px;
border: #ddd solid 1px;
}
.hr-List .item:nth-child(2n+2) {
margin-left: 4%;
}
.hr-List .item:nth-child(1n+3) {
margin-top: 4%;
}
.hr-List .item .title { font-size: 20px; font-weight: bold; color: #333333; }
.hr-List .item .info { margin-top: 1rem; max-height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; color: #999999; }
.hr-List .item .more { margin-top: 1rem; display: block; position: relative; color: #019d9f; }
.hr-List .item .more::after {
content: " ";
position: absolute;
left: 60px;
right: 0;
top: 50%;
height: 1px;
background-color: #019d9f;
-webkit-transition: all 220ms ease 0s;
transition: all 220ms ease 0s;
}
.hr-List .item .more:hover::after {
left: 54px;
}
.hr-List .item:hover .contain { left: -10px; top: -10px; background-color: #333; }
.hr-List .item:hover .contain .title { color: #fff; }
.hr-List .item:hover .contain .info { color: #fff; opacity: .7; }
@media screen and (max-width: 768px) {
.hr-List .item {
width: 100%;
margin: 0 !important;
}
.hr-List .item:nth-child(1n+2) {
margin-top: 20px !important;
}
.hr-List .item .title {
font-size: 16px;
}
}
/* sContact */
.sContact-Section1 .dt { padding-bottom: 1rem; border-bottom: #ddd solid 1px; }
.sContact-Section1 .dt .cn { color: #0586d2; font-size: 1.5rem; line-height: 1.1; letter-spacing: .6px; background-image: -webkit-linear-gradient(left, #205bab, #019d9f, #0586d2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sContact-Section1 .dt .en { font-size: 14px; color: #999999; text-transform: uppercase; margin-top: 8px; }
.sContact-Section1 .dd { margin-top: 1rem; font-size: 0; }
.sContact-Section1 .dd .col { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; width: 400px; padding-right: 20px; margin-top: .5rem;
margin-bottom: .5rem;
font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 80px; line-height: 30px; }
.sContact-Section1 .dd .col span { float: left; margin-left: -80px; width: 66px; text-indent: 16px; color: #fff; background-image: url(../images2019/bg-cListItem.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; }
.sContact .mapContain { width: 100%; height: 20rem; margin-top: 1.5rem; }
.sContact .mapContain #dituContent { 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: #019d9f; }
.sContact .mapContain #dituContent .BMap_bubble_content { width: 260px !important; font-size: 14px; line-height: 18px; }
.sContact .mapContain #dituContent img { max-width: none; }
/* 渚ц竟鍔熻兘鏍 */
.floatBar { position: fixed; left: 10px; top: 40%; -webkit-transition: top 220ms ease 0s; transition: top 220ms ease 0s; z-index: 20; width: 40px; padding-left: 5px; padding-right: 5px; background-color: #0586d2; color: #fff; }
.floatBar .close { position: absolute; top: -51px; left: 0; width: 50px; height: 50px; background-image: url(../images2019/ico-close.png); background-color: #0586d2; background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1;
visibility: hidden; *visibility: visible;
-webkit-transform: translateY(10px); transform: translateY(10px); }
.floatBar:hover .close { -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; }
.floatBar .dd { display: block; position: relative; border-top: #fff solid 1px; }
.floatBar .dd .icoImg { display: block; width: 40px; height: 40px; }
.floatBar .dd:first-child { border-top: none; }
.floatBar .dd .stay { position: relative; z-index: 2; padding-top: 5px; padding-bottom: 5px; height: 40px; line-height: 40px; }
.floatBar .dd .stay .ico { display: block; width: 40px; height: 40px; background-repeat: no-repeat; }
.floatBar .dd .stay .bg { z-index: -1; width: 48px; height: 48px; left: -4px; top: 1px; }
.floatBar .dd .triangle { display: none; position: absolute; left: -10px; top: 20px; overflow: hidden; width: 0; height: 0; border-width: 5px 5px; border-color: transparent #1083c6 transparent transparent; border-style: dashed solid dashed dashed; font-size: 0; }
.floatBar .dd .hide { position: absolute; z-index: 1; left: 50px; top: 1px; bottom: 1px; -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: translateX(5px); transform: translateX(5px); white-space: nowrap; background-color: #0586d2; }
.floatBar .dd .hide .item { color: #fff; /* &:hover{.c1();} */ }
.floatBar .dd.qq .stay .ico { background-image: url(../images2019/ico-frQQ.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.floatBar .dd.qq .item { padding: 5px 20px; line-height: 38px; font-weight: bold; color: #ffea00; }
.floatBar .dd:hover .stay { color: #333; }
.floatBar .dd:hover .stay .bg { background-color: #0586d2; }
.floatBar .dd:hover .hide { -webkit-transition: all 300ms cubic-bezier(0.28, 0.41, 0.13, 1.73) 0ms; transition: all 300ms cubic-bezier(0.28, 0.41, 0.13, 1.73) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important; z-index: 3; }
.floatBar .dd:hover .triangle { display: block; }
.sAbout-Section1 .pic { float: left; margin-right: 20px; margin-bottom: 10px; }
.sAbout-Section1 .txt { position: relative; width: auto; height: auto; }
.sAbout-Section1 .txt .contain { top: 0; -webkit-transform: translateY(0); transform: translateY(0); }
.sAbout-Section1 .txt .dt { text-align: right; line-height: 1.2; }
.sAbout-Section1 .txt .dd { padding: 0; text-align: justify; }
.sAbout-Section1 .txt .dd:before, .sAbout-Section1 .txt .dd:after { display: none; }
 @media screen and (max-width: 1280px) {
 .sAbout-Section1 .txt .dt .cn {
font-size: 1.25rem;
}
 .sAbout-Section1 .txt .dt .en {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
 .sAbout-Section1 .pic {
float: none;
margin: 0;
}
 .sAbout-Section1 .txt .dt {
text-align: left;;
}
}