.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}/* 触发 hasLayout */ 
.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1320px; padding: 0 60px; } }

/* layout start*/
body {
    min-height:500px;
}
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform,-moz-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform,-webkit-transform,-moz-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; -moz-transition-property: transform,height,-moz-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-moz-transform,-o-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -o-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }



.inlang .inlang-a:after, .backtop:before, .inrightmenu-wei:after, .neiermenu-con .swiper-slide.cur:after, .neiermenu-con .swiper-slide:hover:after, .neiprev1, .neinext1 { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; }

img { max-width: 100%; }

.inheader { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; padding: 0 5px 0 15px; height: 60px; background: #fff; }

.inheader.active { background: #fff; -webkit-box-shadow: 0px 1px 0px 0px #e7e7e7; box-shadow: 0px 1px 0px 0px #e7e7e7; }

.inlogo { float: left; height: 100%; line-height: 60px; }

.inlogo img { height: 60%; }

.inlogo .inlogo-wt { display: none; }

.innav-ul { position: fixed; top: 60px; left: 0; z-index: 100; display: none; width: 100%; height: 100%; overflow-y: auto; padding: 20px 15px 80px; border-top: 1px solid #e7e7e7; background: #fff; }

.innav-ul li { border-bottom: 1px solid #e7e7e7; }

.innav-ul li:last-child { border: none; }

.innav-ul li h3 { position: relative; }

.innav-ul li h3.active:after { position: absolute; top: 50%; right: 10px; width: 12px; height: 12px; border-right: 2px solid #161616; border-top: 2px solid #161616; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }

.innav-ul li h3.active .innav-span1 { display: block; }

.innav-ul li h3.active2:after { -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.innav-a { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #161616; }

.innav-span1, .innav-span { position: absolute; top: 0; right: 0; z-index: 10; display: none; width: 40%; height: 100%; }

.innav-ermenu { display: none; }

.innav-menuitem { border-top: 1px solid #e7e7e7; }

.innav-menuitem h4 { position: relative; }

.innav-menuitem h4.active:after { position: absolute; top: 50%; right: 10px; width: 12px; height: 12px; border-right: 2px solid #161616; border-top: 2px solid #161616; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }

.innav-menuitem h4.active .innav-span { display: block; }

.innav-menuitem h4.active2:after { -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.innav-ermenua { display: block; height: 40px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #161616; }

.innav-menuthree { display: none; padding: 0 20px; }

.innav-menuthree a { display: block; width: 100%; height: 36px; line-height: 36px; }

.insearch { position: fixed; left: 0; top: 60px; z-index: 100; display: none; width: 100%; padding: 10px; background: rgba(255, 255, 255, 0.5); }

.insearch form { position: relative; display: block; width: 100%; }

.insearch .insearch-intxt { width: 100%; height: 36px; line-height: 34px; font-size: 14px; color: #161616; padding: 0 45px 0 15px; border: 1px solid #7c7c7c; -webkit-border-radius: 20px; border-radius: 20px; }

.insearch .insearch-intxt::-webkit-input-placeholder { color: #161616; }

.insearch .insearch-intxt:-moz-placeholder { color: #161616; }

.insearch .insearch-intxt::-moz-placeholder { color: #161616; }

.insearch .insearch-intxt:-ms-input-placeholder { color: #161616; }

.insearch .insearch-sub { position: absolute; top: 0; right: 8px; width: 36px; height: 36px; background: url(/skin/images/insearch-sub.png) no-repeat center center; }

.insearch-a { float: right; display: block; height: 100%; width: 30px; background: url(/skin/images/insearch-sub.png) no-repeat center center; }

.mobile-btn { float: right; width: 60px; height: 100%; padding: 10px 12px 0; margin-left: 10px; }

.mobile-btn span { position: relative; display: block; width: 100%; height: 3px; margin: 8px 0 0; -webkit-border-radius: 2px; border-radius: 2px; background: #0d0d0d; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.mobile-btn.active span:nth-child(1) { top: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobile-btn.active span:nth-child(2) { opacity: 0; }

.mobile-btn.active span:nth-child(3) { top: -11px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.inlang { float: right; position: relative; margin-left: 16px; height: 100%; }

.inlang .inlang-a { position: relative; display: block; padding-right: 15px; line-height: 60px; font-size: 14px; color: #161616; }

.inlang .inlang-a:after { position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-top: 8px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }

.inlang-er { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; width: auto; min-width: 100px; padding: 10px 0; white-space: nowrap; text-align: center; background: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0px 0px 1px 1px #e7e7e7; box-shadow: 0px 0px 1px 1px #e7e7e7; }

.inlang-er a { display: block; height: 35px; padding: 0 10px; line-height: 35px; font-size: 14px; color: #161616; }

.intel { display: none; }

.line { display: none; }

.infoot { padding-top: 20px; background: #082c4c; }

.infoot-dl { display: block; border-bottom: 1px solid #21425e; }

.infoot-dl dt { position: relative; display: block; }

.infoot-dl dt a { display: block; line-height: 45px; font-size: 15px; color: #ffffff; }

.infoot-dl dt.active .infoot-span { display: block; }

.infoot-dl dt.active:after { display: block; }

.infoot-dl dt:after { position: absolute; top: 50%; right: 10px; display: none; width: 12px; height: 12px; border-right: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }

.infoot-dl dt.active2:after { -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.infoot-dl dd { display: none; }

.infoot-dl dd a { display: block; line-height: 40px; font-size: 13px; color: #d9e2e9; }

.infoot-span { position: absolute; top: 0; right: 0; z-index: 10; display: none; width: 40%; height: 100%; }

.suzycommonweb { width: 100%; max-width: 1620px; padding: 0 15px; margin-left: auto; margin-right: auto; }

.infoot-erweima { padding-top: 20px; text-align: center; font-size: 0; }

.infoot-erweima img { margin: 0 5px; max-width: 128px; }

.infoot-leftdl { padding-top: 10px; }

.infoot-leftdl dt, .infoot-leftdl dd { line-height: 28px; font-size: 13px; color: #d9e2e9; }

.infoot-leftdl dd { font-size: 0; }
/**  width: 49%; min-width: 148px; **/
.infoot-leftdl dd a { position: relative; padding-right: 2%; margin-right: 2%; font-size: 13px; color: #d9e2e9; display: inline-block; vertical-align: middle; letter-spacing: -1px;}

.infoot-leftdl dd a.infoot-lefta{width: auto;}

.infoot-leftdl dd a.infoot-lefta:after{display:none;}

.infoot-leftdl dd a:nth-child(2n) { margin-right: 0; margin-left: 1%; }

.infoot-leftdl dd a:nth-child(2n):after { display: none; }

.infoot-leftdl dd a:after { position: absolute; top: 50%; right: -3%; width: 1px; height: 10px; background: #d9e2e9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.infoot-line { display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #d9e2e9; }

.infoot-lefth6 { padding-top: 4px; }

.infoot-lefth6 a { display: inline-block; vertical-align: middle; line-height: 28px; font-size: 13px; color: #d9e2e9; }

.infoot-lefth6 .infoot-line { margin: 0 10px; }

.infoot-fen { margin-top: 10px; }

.infoot-fen .bdsharebuttonbox a { display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: center center; -o-background-size: auto auto; background-size: auto auto; }

.infoot-fen .bdsharebuttonbox a.bds_sqq { background-image: url(/skin/images/qq.png); }

.infoot-fen .bdsharebuttonbox a.bds_weixin { background-image: url(/skin/images/weixin.png); }

.infoot-fen .bdsharebuttonbox a.bds_tsina { background-image: url(/skin/images/weibo.png); }

.infoot-link { position: relative; margin-top: 16px; }

.infoot-link .infoot-linka { display: block; width: 100%; height: 42px; line-height: 42px; padding: 0 20px; font-size: 14px; color: #676666; background: #fff; }

.infoot-link .infoot-linka:after { position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; border-left: 1px solid #999999; border-top: 1px solid #999999; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); content: ""; }

.infoot-linkview { position: absolute; bottom: 100%; left: 0; z-index: 10; display: none; width: 100%; padding: 8px 0; background: #fff; border-bottom: 1px solid #082c4c; }

.infoot-linkview a { display: block; line-height: 40px; padding: 0 20px; font-size: 14px; color: #676666; }

.inbottom { padding: 10px 0 20px; margin-top: 20px; border-top: 1px solid #21425e; }

.inbottom-right { text-align: center; }

.inbottom-tel { display: inline-block; line-height: 18px; font-size: 12px; color: #ff9c00; }

.inbottom-tel h6 { line-height: 1; font-size: 24px; color: #ff9c00; }

.inbottom-tel p { -moz-text-align-last: justify; text-align-last: justify; }

.inbottom-left { margin-top: 10px; line-height: 24px; text-align: center; font-size: 13px; color: #d9e2e9; }

.inbottom-left a { color: #d9e2e9; }

.inbanner { position: relative; overflow: hidden; }

.inbanner .swiper-slide { position: relative; overflow: hidden;text-align:center; }

.inbanner-txt1 { position: absolute; top: 28.8172%; left: 50%; z-index: 9; width: 90%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.inbanner-txt1 h2 { line-height: 1; font-size: 20px; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.inbanner-txt1 h3 { margin-top: 10px; line-height: 1; font-size: 14px; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.inbanner-txt1 h2,.inbanner-txt1 h3 { opacity: 0; }

.inbanner .swiper-slide img{transform:scale(1.1);}

.inbanner .swiper-slide img{transition: all 4s;}

.inbanner .swiper-slide.after img{transform:scale(1);}

.inbanner .swiper-slide.after .inbanner-txt1 h2 { opacity: 1; -webkit-animation: fadeInDown 0.5s; -moz-animation: fadeInDown 0.5s; -o-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; }

.inbanner .swiper-slide.after .inbanner-txt1 h3 { opacity: 1; -webkit-animation: fadeInDown 0.5s; -moz-animation: fadeInDown 0.5s; -o-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; }

.inbanner-bat { position: absolute; bottom: 15px; left: 0; z-index: 10; width: 100%; height: 4px; line-height: 4px; text-align: center; }

.inbanner-bat span { display: inline-block; width: 20px; height: 2px; margin: 0 4px; vertical-align: middle; background: #8fa5bf; -webkit-border-radius: 0; border-radius: 0; }

.inbanner-bat span.swiper-pagination-bullet-active { background: #015198; }

.inflmenu { position: fixed; top: 50%; left: 15px; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; }

.inflmenu a { position: relative; display: block; width: 10px; height: 10px; margin: 14px 0; -webkit-border-radius: 50%; border-radius: 50%; background: #e2e2e2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.inflmenu a.cur { background: #015198; }

.inflmenu a.cur:after { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; border: 1px solid #015198; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; content: ""; -webkit-animation: move1 1.5s linear infinite; -moz-animation: move1 1.5s linear infinite; -o-animation: move1 1.5s linear infinite; animation: move1 1.5s linear infinite; }

@-webkit-keyframes move1 { 0% { opacity: 0;
    width: 10px;
    height: 10px; }
  25% { opacity: 0.5;
    width: 12px;
    height: 12px; }
  50% { opacity: 1;
    width: 14px;
    height: 14px; }
  75% { opacity: 0.5;
    width: 16px;
    height: 16px; }
  100% { opacity: 0;
    width: 18px;
    height: 18px; } }

@-moz-keyframes move1 { 0% { opacity: 0;
    width: 10px;
    height: 10px; }
  25% { opacity: 0.5;
    width: 12px;
    height: 12px; }
  50% { opacity: 1;
    width: 14px;
    height: 14px; }
  75% { opacity: 0.5;
    width: 16px;
    height: 16px; }
  100% { opacity: 0;
    width: 18px;
    height: 18px; } }

@-o-keyframes move1 { 0% { opacity: 0;
    width: 10px;
    height: 10px; }
  25% { opacity: 0.5;
    width: 12px;
    height: 12px; }
  50% { opacity: 1;
    width: 14px;
    height: 14px; }
  75% { opacity: 0.5;
    width: 16px;
    height: 16px; }
  100% { opacity: 0;
    width: 18px;
    height: 18px; } }

@keyframes move1 { 0% { opacity: 0;
    width: 10px;
    height: 10px; }
  25% { opacity: 0.5;
    width: 12px;
    height: 12px; }
  50% { opacity: 1;
    width: 14px;
    height: 14px; }
  75% { opacity: 0.5;
    width: 16px;
    height: 16px; }
  100% { opacity: 0;
    width: 18px;
    height: 18px; } }

.inrightmenu { position: fixed; top: 50%; right: 0px; z-index: 100; display: none; -webkit-transform: translateY(-51%); -moz-transform: translateY(-51%); -ms-transform: translateY(-51%); -o-transform: translateY(-51%); transform: translateY(-51%); }

.inrightmenu-item { position: relative; border-bottom: 1px solid #ccdcea; }

.inrightmenu-item:hover .inrightmenu-er { right: 100%; visibility: visible; opacity: 1; }

.inrightmenu-item:first-child .inrightmenu-a { -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; }

.inrightmenu-item:last-child { border: none; }

.inrightmenu-item:last-child .inrightmenu-a { -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; }

.inrightmenu-a { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 0; background: #015198; position:relative;z-index: 15;}

.backtop { line-height: 1; padding-top: 30px; font-size: 14px; color: #ffffff; }

.backtop:before { position: absolute; top: 18px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }

.inrightmenu-qq, .inrightmenu-tel { position: absolute; top: 0%; right: 0; width: auto; white-space: nowrap; }

.inrightmenu-qq a, .inrightmenu-tel a { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 10px 0 50px; margin: 1px 0; font-size: 16px; color: #fff; background: url(/skin/images/inrightmenu-icon1.png) #015198 no-repeat 10px center; }

.inrightmenu-tel a { background-image: url(/skin/images/inrightmenu-icon2.png); }

.inrightmenu-wei { position: absolute; top: 50%; right: 100%; width: 130px; padding-right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.inrightmenu-wei:after { position: absolute; top: 50%; right: 0; border-left: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.inrightmenu-wei img { width: 120px; height: 120px; }

.inrightmenu-er { right: 180%; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.inpro { padding-top: 30px; }

.intitle { text-align: center; font-size: 20px; color: #333333; }

.inpro-view { margin-top: 20px; font-size: 0; }

.inpro-item { display: inline-block; vertical-align: top; width: 50%; transition: width .7s;}

.inpro-item:nth-child(1) { background: #0a5ea9; }

.inpro-item:nth-child(2) { background: #f1c649; }

.inpro-item:nth-child(3) { background: #b5d15e; }

.inpro-item:nth-child(4) { background: #64d7cb; }

.inpro-item:nth-child(5) { display: none; background: #1fa3e3; }

.inpro-item a { display: block; width: 100%; height: 100%; padding: 8.53333% 15px 3.33333% 15px; }

.inpro-itemicon { width: 62px; height: 62px; text-align: center; line-height: 58px; font-size: 0; border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; }

.inpro-itemicon img { max-height: 50%; }

.inpro-itemtext { margin-top: 14px; }

.inpro-itemh3 { height: 30px; line-height: 30px; font-size: 16px; color: #fff; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.inpro-itemdes { margin-top: 5px; font-size: 14px; color: #fff; display: -webkit-box; height: 44px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.incase { padding: 30px 15px 0; overflow:hidden;}

.incase-one { margin-top: 20px; }

.incase-imgcon { position: relative; overflow: hidden; }

.incase-imgcon .swiper-slide { overflow: hidden; }

.inbtn1 { position: absolute; top: 50%; z-index: 10; display: block; width: 20px; height: 20px; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.inprevbtn { left: 15px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }

.innextbtn { right: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; }

.incase-textcon { position: relative; overflow: hidden; padding-bottom: 30px; background: #f5f5f5; }

.incase-textcon .swiper-slide { padding: 20px; overflow: hidden; }

.incase-h3 { line-height: 26px; font-size: 16px; color: #015198; }

.incase-h3 a { color: #015198; }

.incase-textdes { margin-top: 10px; line-height: 22px; font-size: 14px; color: #727272; }

.incase-bat { position: absolute; bottom: 20px; left: 0; z-index: 10; padding: 0 20px; font-size: 0; }

.incase-bat span { width: 10px; height: 10px; vertical-align: middle; margin: 0 14px 0 0; border: 1px solid #015198; -webkit-border-radius: 50%; border-radius: 50%; background: transparent; }

.incase-bat span.swiper-pagination-bullet-active { background: #015198; }

.incase-a { display: block; width: 118px; height: 36px; margin-top: 20px; line-height: 36px; text-align: center; background: #015198; }

.incase-a span { font-size: 14px; color: #fff; margin-right: 10px; }

.more-active { font-size: 0; }

.more-active i, .more-active span { font-style: normal; display: inline-block; vertical-align: middle; }

.inabout { padding: 30px 0 30px; overflow:hidden;}

.inabout-one { margin-top: 20px; }

.inabout-oneright { position: relative; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; }

.inabout-oneright .inabout-img { position: relative; z-index: 2; width: 100%; }

.inabout-oneright .inabout-onea { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.inabout-oneright .inabout-onea img { width: 50px; }

.inabout-oneview { position: absolute; left: 0; top: 0; z-index: 5; display: none; width: 100%; height: 100%; background: #000; }

.inabout-oneview .inabout-video { width: 100%; height: 100%; }

.inabout-onetext { padding-top: 20px; }

.inabout-onetext .incase-a { margin-top: 20px; }

.inabout-h3 { line-height: 30px; font-size: 18px; color: #333333; }

.inabout-h4 { margin-top: 6px; line-height: 28px; font-size: 16px; color: #015198; }

.inabout-h4:before { display: inline-block; vertical-align: middle; width: 40px; height: 2px; margin-right: 20px; background: #015198; content: ""; }

.inabout-textdes { margin-top: 6px; line-height: 28px; font-size: 14px; color: #484848; text-indent: 2em;}

.inabout-onethree { margin-top: 20px; font-size: 0; }

.inabout-one3item { display: inline-block; vertical-align: top; width: 33.3333%; }

.inabout-one3item a { display: inline-block; text-align: center; }

.inabout-one3item:nth-child(1) .inabout-icon { background-image: url(/skin/images/inabout-icon1.png); }

.inabout-one3item:nth-child(2) .inabout-icon { background-image: url(/skin/images/inabout-icon2.png); }

.inabout-one3item:nth-child(3) .inabout-icon { background-image: url(/skin/images/inabout-icon3.png); }

.inabout-icon { width: 50px; height: 50px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; }

.inabout-h5 { margin-top: 6px; line-height: 24px; font-size: 14px; color: #484848; }

.inabout-twoul { margin-top: 20px; font-size: 0; }

.inabout-twoul li { display: inline-block; vertical-align: top; width: 50%; text-align: center; margin-top: 10px; }

.inabout-twoitem { display: inline-block; text-align: center; line-height: 22px; font-size: 14px; color: #484848; }

.inabout-twoitem h3 { line-height: 30px; font-size: 26px; font-weight: bold; color: #015198; }

.innews { padding: 30px 0 30px; background: #f5f5f5; }

.innews-menu { margin-top: 8px; font-size: 0; }

.innews-menu a { display: inline-block; line-height: 30px; margin-right: 20px; font-size: 14px; color: #535353; border-bottom: 2px solid transparent; }

.innews-menu a.cur { border-bottom-color: #015198; }

.innews-view { margin-top: 15px; }

.innews-view.hidevs { height: 0; margin: 0; overflow: hidden; }

.innews-left { overflow: hidden; }

.innews-left .swiper-slide { overflow: hidden; overflow: hidden; }

.innews-left .swiper-slide:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

.innews-left .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; -moz-transition: transform ease 0.5s, -moz-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -moz-transform ease 0.5s, -o-transform ease 0.5s; }

.innews-right { margin-top: 15px; }

.innews-ul li { border-bottom: 1px solid transparent; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.innews-ul li a { display: block; padding: 10px 0; }

.innews-ul li:hover { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); }

.innews-ul li.cur { border-bottom-color: #e0e0e0; }

.innews-ul li.cur .innews-time { opacity: 1; color: #015198;}

.innews-ul li.cur .innews-h3 { color: #015198; }

.innews-h3 { position: relative; padding-right: 80px; height: 30px; line-height: 30px; font-size: 16px; color: #171717; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.innews-time { position: absolute; top: 0; right: 0; font-size: 14px; color: #646464; opacity: 1; }

.innews-des { margin-top: 5px; height: 48px; line-height: 24px; font-size: 14px; color: #636363; display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.neibanner { position: relative; overflow: hidden; }
/**
.neibanner img { position: relative; left: 50%; max-width: none; width: auto; height: 150px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
**/
.neibanner img {width: 100%;}

.neibanner-h2 { position: absolute; top: 50%; left: 50%; z-index: 10; width: 100%; max-width: 1200px; padding: 0 10px; line-height: 1; text-align: center; font-size: 24px; color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.neibanner-h2.txt-ctr{text-align:center;}

.neibanner-h2.txt-l{text-align:left;}

.neibanner-h2.txt-r{text-align:right;}

.neiermenu { background: #fff; }

.neiermenu .commonweb { height: 50px; overflow: visible; }

.neiermenu-con { position: relative; }

.neiermenu-con .swiper-container { height: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 7px; }

.neiermenu-con .swiper-slide { position: relative; width: auto; }

.neiermenu-con .swiper-slide a { display: block; width: 100%; line-height: 50px; padding: 0 15px; font-size: 14px; color: #001425; -webkit-border-radius: 3px; border-radius: 3px; }

.neiermenu-con .swiper-slide.cur a, .neiermenu-con .swiper-slide:hover a { color: #fff; background: #015198; }

.neiermenu-con .swiper-slide.cur:after, .neiermenu-con .swiper-slide:hover:after { position: absolute; top: 100%; left: 50%; z-index: 5; border-top: 7px solid #015198; border-right: 7px solid transparent; border-left: 7px solid transparent; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ""; }

.neibtn1 { position: absolute; top: 50%; z-index: 10; display: none; margin-top: -3.5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.neiprev1 { left: 0; margin-left: -10px; border-right: 7px solid #015198; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }

.neinext1 { right: 0; margin-right: -10px; border-left: 7px solid #015198; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }

.products { padding: 30px 0 30px; background: #f4f4f4; }

.products-list { padding: 20px 0 20px; }

.products-ul { font-size: 0; }

.products-ul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 10px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background: #fff; overflow: hidden; }

.products-ul li:nth-child(2n) { margin-right: 0; }

.products-img { width: 100%; position: relative; height: 0; padding-top: 60.52632%; overflow: hidden; }

.products-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.products-text { padding: 10px 15px 10px; }

.products-h3 { line-height: 26px; font-size: 16px; color: #131313; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.products-des { margin-top: 5px; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 14px; color: #888888; }

.products-title { text-align: center; font-size: 20px; color: #333333; }

.propost-one { padding: 30px 0 30px; }

.propost-oneview { margin-top: 20px; }

.propost-oneimg { position: relative; height: 0; padding-top: 92.5%; overflow: hidden; border: 1px solid #c0c7d2; }

.propost-oneimg img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.propost-onetext { margin-top: 20px; padding-top: 10px; border-top: 2px solid #015198; }

.propost-tit { line-height: 24px; font-size: 18px; color: #333333; }

.propost-onetxt { padding-top: 15px; line-height: 24px; font-size: 14px; color: #666666; }

.propost-oneh4 { margin-bottom: 6px; line-height: 24px; font-size: 14px; color: #333; }

.propost-onedes { padding-bottom: 30px; }

.propost-onedes:last-child { padding-bottom: 0; }

.propost-two { padding: 30px 0 30px; background: #f0f5fb; }

.propost-twomenu { background: #cedff3; font-size: 0; overflow-y: auto; }

.propost-twomenu a { position: relative; display: inline-block; width: 130px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #666666; }

.propost-twomenu a.cur { color: #fff; background: #015198; }

.propost-twomenu a.cur:after { display: none; }

.propost-twomenu a:after { position: absolute; top: 50%; right: 0; width: 1px; height: 18px; margin-top: -9px; background: #cccccc; content: ""; }

.propost-twoitem { padding: 20px 10px; }

.propost-three { position: relative; padding: 0 30px; }

.propost-three .swiper-slide { background: #fff; padding: 20px 10px 15px; border: 1px solid #dadfe7; overflow: hidden; }

.propost-threeimg { width: 100%; position: relative; height: 0; padding-top: 74.28571%; overflow: hidden; }

.propost-threeimg img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.propost-threeh3 { text-align: center; height: 35px; line-height: 35px; font-size: 14px; color: #666666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.propost-btn1 { position: absolute; top: 50%; z-index: 10; display: none; width: 26px; height: 26px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #c1c8d2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.propost-btn1 span { position: relative; display: block; width: 100%; height: 100%; }

.propost-btn1 span:after { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }

.propost-btn1:hover { border-color: #015198; }

.propost-btn1:hover span:after { border-color: #015198; }

.propost-prev1 { left: 0; }

.propost-prev1 span:after { border-bottom: 2px solid #c1c8d2; border-left: 2px solid #c1c8d2; }

.propost-next1 { right: 0; }

.propost-next1 span:after { border-top: 2px solid #c1c8d2; border-right: 2px solid #c1c8d2; }

.propost-four { padding-top: 20px; }

.propost-four .propost-foura { display: block; width: 120px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; background: #015198; }

.softpro-one { position: relative; overflow: hidden; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; }

.softpro-onecon { position: relative; padding-top: 30px;padding-bottom: 30px; z-index: 5; }

.softpro-onetit { text-align: center; }

.softpro-onetit h1 { line-height: 30px; font-size: 20px; color: #1e1e1e; }

.softpro-onedes { margin-top: 10px; line-height: 24px; font-size: 14px; color: #666666; }

.softpro-oneimg { margin-top: 20px; text-align: center; }

.softpro-oneimg img { max-width: 100%; }

.softpro-two { padding: 30px 0 20px; }

.softpro-twoul { font-size: 0; }

.softpro-twoul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 15px; }

.softpro-twoul li:nth-child(2n) { margin-right: 0; }

.softpro-twoicon { width: 60px; height: 60px; margin: 0 auto; }

.softpro-twotext { padding-top: 6px; text-align: center; }

.softpro-twoh3 { line-height: 28px; font-size: 16px; color: #333333; }

.softpro-twodes { margin-top: 3px; line-height: 20px; font-size: 13px; color: #666666; }

.softpro-three { padding: 30px 0 30px; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; background-size: cover; }

.softpro-threecon { position: relative; }

.softpro-threeright { text-align: center; }

.softpro-threeleft { padding-top: 20px; }

.softpro-threeh3 { line-height: 30px; font-size: 20px; color: #333333; }

.softpro-threedes { margin-top: 10px; line-height: 20px; font-size: 14px; color: #666666; }

.softpro-four { position: relative; overflow: hidden;}

.softpro-four > img{width:200%;max-width:none;transform: translateX(-50%);}

.softpro-fourcom{text-align: left;}

.softpro-fourimg { width: auto; max-width: none; height: 200px; }

.softpro-fourtext { padding: 20px 0px; }

.softpro-five { position: relative; }

.softpro-tui { padding: 30px 0 30px; }

.softpro-tuitit { position: relative; padding-bottom: 24px; text-align: center; line-height: 1; font-size: 20px; color: #333333; }

.softpro-tuitit:after { position: absolute; left: 50%; bottom: 0; width: 20px; height: 3px; margin-left: -10px; background: #015198; content: ""; }

.softpro-tuicon { position: relative; margin-top: 20px; padding: 0 20px; }

.softpro-tuiimg { width: 100%; position: relative; height: 0; padding-top: 65.78947%; overflow: hidden; }

.softpro-tuiimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.softpro-tuih3 { margin-top: 14px; line-height: 26px; font-size: 16px; color: #555555; text-align:center;}

.softpro-tuia { margin: 30px auto 0; display: block; width: 100%; max-width: 200px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #ffffff; background: #555; -webkit-border-radius: 5px; border-radius: 5px; }

.softpro-tuiprev, .softpro-tuinext { position: absolute; top: 50%; width: 20px; height: 20px; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.softpro-tuiprev:hover, .softpro-tuinext:hover { border-color: #015198; }

.softpro-tuiprev { left: 0px; border-left: 2px solid #9d9d9d; border-bottom: 2px solid #9d9d9d; }

.softpro-tuinext { right: 0px; border-top: 2px solid #9d9d9d; border-right: 2px solid #9d9d9d; }
.company-banner{overflow: hidden;position:relative;}
.company-banner img { width: 100%;animation:commpad 4s; }

@keyframes commpad{
	0%{
		transform:scale(1.1);
	}
	100%{
		transform:scale(1);
	}
}

.company-one { padding: 30px 0 30px; }

.company-oneh1 { line-height: 30px; font-size: 20px; color: #015198; }

.commany-onedes { margin-top: 16px; line-height: 24px; font-size: 14px; color: #727272; }

.company-oneul { margin-top: 20px; font-size: 0; }

.company-oneul li { display: inline-block; vertical-align: top; width: 33.3333%; }

.commany-onetxt2 { margin-top: 20px; line-height: 24px; font-size: 14px; color: #3f3f3f; }

.company-oneh4 { line-height: 28px; margin-bottom: 6px; font-size: 18px; color: #015198; }

.company-two { overflow: hidden; padding: 30px 0 30px; background: url(/skin/images/company-twobg.jpg) no-repeat bottom left; }

.company-two img { width: 100%; }

.company-twoh2 { line-height: 1; text-align: center; font-size: 20px; color: #015198; }

.company-twoview { margin-top: 45px; }

.company-tworight { position: relative; padding-right: 15px; padding-bottom: 15px; background: url(/skin/images/company-tworightbg.png) no-repeat bottom right/81.05263% 90.47619%; }

.company-twoleft { margin-top: 10px; }

.company-twolefttext { position: relative; padding: 20px 10px 20px; line-height: 26px; font-size: 14px; color: #565656; }

.company-twolefttext:before { position: absolute; top: 0%; right: 100%; opacity: 0.1; line-height: 1; font-size: 40px; color: #565656; content: "“"; }

.company-twolefttext:after { position: absolute; bottom: 0%; left: 100%; opacity: 0.1; line-height: 1; font-size: 40px; color: #565656; content: "”"; }

.font-span1 { font-size: 18px; color: #015198; }

.company-twoname { text-align: right; }

.company-twoname span { position: relative; display: inline-block; vertical-align: middle; }

.company-twoname span:after { position: absolute; right: 100%; top: 50%; width: 68px; height: 1px; margin-right: 12px; background: #000000; content: ""; }

.company-three { padding: 30px 0 30px; background: #f2f7fe; overflow: hidden; }

.company-threeimgcon { position: relative; margin-top: 20px; }

.company-threeimgcon.hidevs { margin: 0; padding: 0; height: 0; visibility: hidden; overflow: hidden; }

.company-threeimgcon .swiper-slide { background: #fff; overflow: hidden; }

.company-3conimg img { width: 100%; }

.company-3context { padding: 20px 20px 60px; }

.company-3condes { line-height: 24px; max-height: 120px; overflow-y: auto; }

.company-3condes::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }

.company-3condes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.company-3condes::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #015198; }

.company-3prev, .company-3next { position: absolute; bottom: 7px; right: 20px; z-index: 10; display: block; width: 45px; height: 45px; border: 1px solid #999999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.company-3prev span, .company-3next span { position: relative; display: block; width: 100%; height: 100%; }

.company-3prev span:after, .company-3next span:after { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }

.company-3prev:hover, .company-3next:hover { border-color: #015198; }

.company-3prev:hover span:after, .company-3next:hover span:after { border-color: #015198; }

.company-3prev { margin-right: 45px; }

.company-3prev span:after { border-bottom: 2px solid #999; border-left: 2px solid #999; }

.company-3next span:after { border-right: 2px solid #999; border-top: 2px solid #999; }

.company-threeline { position: relative; margin-top: 26px; padding: 0 20px; }

.company-threeline:after { position: absolute; top: 10px; left: 50%; width: 120.83333%; height: 2px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #d2d2d2; content: ""; }

.company-threeline .swiper-container { z-index: 3; }

.company-threeline .swiper-slide { padding: 0 10px; overflow: hidden; text-align: center; cursor: pointer; }

.company-threeline .swiper-slide.nav-active .company-3span { border-color: #015198; background: #f2f7fe; }

.company-threeline .swiper-slide.nav-active .company-3h3 { color: #015198; }

.company-3span { position: relative; display: block; width: 20px; height: 20px; margin: 0 auto; border: 2px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; }

.company-3span:after { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: #015198; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; opacity: 1; content: ""; }

.company-3h3 { margin-top: 10px; line-height: 26px; font-size: 18px; color: #4d4d4d; }

.company-4prev, .company-4next { position: absolute; top: 10px; z-index: 10; display: block; width: 20px; height: 20px; border: 1px solid #999999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; display: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.company-4prev span, .company-4next span { position: relative; display: block; width: 100%; height: 100%; }

.company-4prev span:after, .company-4next span:after { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }

.company-4prev:hover, .company-4next:hover { border-color: #015198; }

.company-4prev:hover span:after, .company-4next:hover span:after { border-color: #015198; }

.company-4prev { left: 0; }

.company-4prev span:after { border-bottom: 2px solid #999; border-left: 2px solid #999; }

.company-4next { right: 0; }

.company-4next span:after { border-right: 2px solid #999; border-top: 2px solid #999; }

.Recruitmentsearch04 { padding: 25px 0px; position: relative; }

.Recruitmentsearch04 dl { padding-left: 20px; padding-right: 20px; position: relative; }

.Recruitmentsearch04 dl dt { position: relative; left: 0px; font-size: 16px; color: #1a1a1a; margin: auto; padding-bottom: 15px; }

.Recruitmentsearch04 dl dd label { display: block; position: relative; }

.Recruitmentsearch04 dl dd label input { background: none; border: none; outline: none; display: block; }

.Recruitmentsearch04 dl dd label input.Recruitmentsearchtext { padding: 8px 0 8px 25px; width: 100%; float: left; font-size: 14px; border-bottom: 1px solid #dcdcdc; color: #a3a3a3; background: url(/skin/images/wicon55.png) 0 center no-repeat; margin-bottom: 20px; }

.Recruitmentsearch04 dl dd label input.Recruitmentsearchtext::-webkit-input-placeholder { color: #a3a3a3; }

.Recruitmentsearch04 dl dd label input.Recruitmentsearchtext:-moz-placeholder { color: #a3a3a3; }

.Recruitmentsearch04 dl dd label input.Recruitmentsearchtext::-moz-placeholder { color: #a3a3a3; }

.Recruitmentsearch04 dl dd label input.Recruitmentsearchtext:-ms-input-placeholder { color: #a3a3a3; }

.Recruitmentsearch04 dl dd label input.Recruitmentsearchsubmit { font-size: 16px; color: #ffffff; background-color: #015198; width: 120px; height: 35px; cursor: pointer; margin: 0 auto; }

.zhaopincont01 { padding: 10px 0 25px; }

.zhaopincont01 dl { padding: 25px 20px; border: 1px solid #dfe3e8; position: relative; margin-bottom: 10px; }

.recruit-titbox { padding: 0 18% 0 0; position: relative; cursor: pointer; }

.recruit-titbox .recruit-date { font-size: 14px; color: #999; }

.recruit-titbox .recruit-title h4 { font-size: 16px; color: #333; }

.recruit-titbox .recruit-title .recruit-add { color: #9c9c9c; }

.recruit-titbox .recruit-title .recruit-add span { padding-right: 25px; }

.recruit-titbox .take-up { display: block; position: absolute; right: 0; top: 0; width: 18%; height: 100%; background-image: url(/skin/images/wicon57.png); background-position: center 0; background-repeat: no-repeat; -o-background-size: 20px auto; background-size: 20px auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.recruit-titbox .take-up i { text-align: center; padding-top: 20px; display: block; font-style: normal; color: #015198; opacity: 0; }

.recruit-con { padding: 25px 0 15px; color: #4c4c4c; display: none; }

.zhaopincont01 dl.cur .recruit-title { color: #015198; }

.zhaopincont01 dl.cur .recruit-title .recruit-add { color: #015198; }

.zhaopincont01 dl.cur .recruit-title h4 { color: #015198; }

.zhaopincont01 dl.cur .take-up { background-image: url(/skin/images/wicon56.png); }

.zhaopincont01 dl.cur .take-up i { opacity: 1; }

.sendresume01 { margin-top: 25px; width: 120px; height: 35px; border: 1px solid #dfe3e8; text-align: center; color: #666666; line-height: 34px; display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.sendresume01:hover { background: #015198; color: #fff; border-color: #015198; }

.joinus { padding: 30px 0; }

.coop-one { position: relative; overflow: hidden; }

.coop-one .coop-oneimg { position: absolute; left: 50%; max-width: none; width: auto; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.coop-onecom { position: relative; z-index: 10; padding-top: 30px; padding-bottom: 30px; }

.coop-oneh2 { line-height: 28px; font-size: 20px; color: #0e7fa7; }

.coop-onedes { margin-top: 10px; line-height: 24px; font-size: 14px; color: #6a6a6a; }

.coop-onedesspan { color: #000000; }

.coop-onetxt2 { margin-top: 20px; }

.coop-onedes2 { margin-top: 10px; line-height: 26px; font-size: 16px; color: #646464; }

.coop-twodes { margin-top: 10px; font-size: 14px; line-height: 24px; color: #727272; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 26px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #015198; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

.inter { padding: 30px 0 10px; }

.stnewspost-tit { text-align: center; padding-bottom: 8px; }

.stnewspost-tit h1 { line-height: 26px; font-size: 18px; color: #090403; }

.stnewspost-tit.active { padding: 10px 0 20px; }

.stnewspost-text { padding: 24px 0 0; line-height: 26px; font-size: 14px; color: #090403; border-top: 1px dotted #c5c5c5; }

.sep { padding: 30px 0; }

.result-list { margin-bottom: 20px; }

.full-searchA-wrapper { padding-bottom: 40px; }

.map { margin-top: 20px; width: 100%; height: 200px; }

.map img { max-width: none; }

.contact-one { padding: 30px 0 30px; background: #f8f8f8; }

.contact-onetit { line-height: 32px; font-size: 18px; color: #015198; }

.contact-onetext { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #dcdce5; }

.contact-onea { display: inline-block; padding: 3px 0 3px 24px; margin-right: 10px; line-height: 28px; font-size: 14px; color: #1a1a1a; background-repeat: no-repeat; background-position: 2px 7px; }

.contact-onea.ax1 { background-image: url(/skin/images/oneicon1.png); }

.contact-onea.ax2 { background-image: url(/skin/images/oneicon2.png); }

.contact-onea.ax3 { background-image: url(/skin/images/oneicon3.png); }

.contact-onea.ax4 { background-image: url(/skin/images/oneicon4.png); }

.contact-onea.ax5 { background-image: url(/skin/images/oneicon5.png); }

.contact-one2 { padding-top: 20px; }

.contact-one2h3 { line-height: 26px; font-size: 18px; color: #015198; }

.contact-one2er { margin-top: 10px; font-size: 0; }

.contact-one2er span { display: inline-block; padding: 10px; margin-right: 10px; background: #e5e5e5; }

.contact-one2er span img { width: 124px; height: 124px; }

.contact-three { padding: 30px 0 20px; background: #f7f7f7; }

.contact-threemenu { font-size: 0; }

.contact-threemenu a { position: relative; display: inline-block; vertical-align: top; padding: 0 10px; margin-right: 10px; margin-bottom: 5px; font-size: 14px; color: #0f0f0f; }

.contact-threemenu a:after { position: absolute; top: 50%; left: 0; width: 2px; height: 20px; background: #e6d5da; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; content: ''; }

.contact-threemenu a.cur { font-size: 16px; color: #015198; }

.contact-threemenu a.cur:after { background: #015198; }

.contact-threeview { padding-top: 20px; }

.contact-threeul { font-size: 0; display: none; }

.contact-threeul li { position: relative; width: 100%; display: inline-block; vertical-align: top; padding: 0 20px; margin-bottom: 20px; border-right: 1px solid #eaeaea; }

.contact-threelih3 { position: relative; font-size: 16px; line-height: 1; padding-bottom: 10px; }

.contact-threelih3:after { position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; background: #015198; content: ''; }

.contact-threelides { margin-top: 7px; line-height: 26px; font-size: 14px; color: #676767; }

.contact-threelides::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }

.contact-threelides::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.contact-threelides::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #015198; }

.contact-two { padding: 30px 0 30px; }

.contact-twomap { position: relative; width: 100%; }

.contact-twomap > img { width: 100%; }

.contact-twomapitem li { position: absolute; z-index: 5; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.contact-twomapitem li.li1 { bottom: 82.22997%; left: 77.66234%; }
/**
.contact-twomapitem li.li1 .contact-twotext { color: #015198; }

.contact-twomapitem li.li1 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li2 { bottom: 73.51916%; left: 77.92208%; }

.contact-twomapitem li.li3 { bottom: 67.07317%; left: 74.02597%; }

.contact-twomapitem li.li4 { bottom: 61.32404%; left: 65.97403%; }
/**
.contact-twomapitem li.li4 .contact-twotext { color: #015198; } **/

.contact-twomapitem li.li4 .contact-twoicon { width: 19px; height: 19px; background-image: url(/skin/images/twoicon3.png) !important; }

.contact-twomapitem li.li5 { bottom: 60.97561%; left: 50.64935%; }

.contact-twomapitem li.li6 { bottom: 63.0662%; left: 17.14286%; }

.contact-twomapitem li.li7 { bottom: 58.53659%; left: 67.53247%; }

.contact-twomapitem li.li8 { bottom: 54.70383%; left: 64.41558%; }

.contact-twomapitem li.li9 { bottom: 54.00697%; left: 58.7013%; }

.contact-twomapitem li.li10 { bottom: 50.52265%; left: 50.64935%; }

.contact-twomapitem li.li11 { bottom: 49.65157%; left: 68.18182%; }

.contact-twomapitem li.li12 { bottom: 47.38676%; left: 46.1039%; }

.contact-twomapitem li.li13 { bottom: 48.78049%; left: 32.98701%; }

.contact-twomapitem li.li14 { bottom: 42.16028%; left: 52.07792%; }

.contact-twomapitem li.li15 { bottom: 43.55401%; left: 61.42857%; }

.contact-twomapitem li.li16 { bottom: 40.06969%; left: 72.98701%; }

.contact-twomapitem li.li16 .contact-twotext { right: 100%; left: auto; }

.contact-twomapitem li.li17 { bottom: 39.19861%; left: 76.62338%; }
/**
.contact-twomapitem li.li17 .contact-twotext { color: #015198; }

.contact-twomapitem li.li17 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li18 { bottom: 36.9338%; left: 69.48052%; }

.contact-twomapitem li.li18 .contact-twotext { right: 100%; left: auto; }

.contact-twomapitem li.li19 { bottom: 35.54007%; left: 63.37662%; }

.contact-twomapitem li.li19 .contact-twotext {right: 100%; left: auto; }
/**
.contact-twomapitem li.li19 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li20 { bottom: 35.19164%; left: 47.4026%; }

.contact-twomapitem li.li20 .contact-twotext { right: 100%; left: auto; }
/**
.contact-twomapitem li.li20 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li21 { bottom: 37.45645%; left: 21.2987%; }

.contact-twomapitem li.li22 { bottom: 31.70732%; left: 50.90909%; }

.contact-twomapitem li.li23 { bottom: 33.27526%; left: 74.02597%; }

.contact-twomapitem li.li24 { bottom: 29.26829%; left: 67.14286%; }

.contact-twomapitem li.li25 { bottom: 27.52613%; left: 60.77922%; }

.contact-twomapitem li.li25 .contact-twotext {right: 100%; left: auto; }
/**
.contact-twomapitem li.li25 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li25 .contact-twotext { color: #015198; }

.contact-twomapitem li.li25 .contact-twoicon { position: relative; width: 17px; height: 23px; background-image: url(/skin/images/twoicon4.png); }

.contact-twomapitem li.li26 { bottom: 22.64808%; left: 51.2987%; }

.contact-twomapitem li.li27 { bottom: 22.64808%; left: 71.42857%; }

.contact-twomapitem li.li28 { bottom: 18.4669%; left: 77.92208%; }

.contact-twomapitem li.li29 { bottom: 14.80836%; left: 66.49351%; }
/**
.contact-twomapitem li.li29 .contact-twotext { color: #015198; }

.contact-twomapitem li.li29 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li29 .contact-twotext { color: #015198; }

.contact-twomapitem li.li29 .contact-twoicon { position: relative; width: 17px; height: 23px; background-image: url(/skin/images/twoicon4.png); }

.contact-twomapitem li.li30 { bottom: 16.37631%; left: 63.8961%; }

.contact-twomapitem li.li30 .contact-twotext { right: 100%; left: auto; }
/**
.contact-twomapitem li.li30 .contact-twoicon { background-image: url(../images/twoicon2.png); }**/

.contact-twomapitem li.li31 { bottom: 15.33101%; left: 54.28571%; }

.contact-twomapitem li.li32 { bottom: 18.4669%; left: 43.24675%; }

.contact-twomapitem li.li33 { bottom: 5.4007%; left: 58.7013%; }

.contact-twomapitem li.cur .contact-twotext { color: #015198; }

.contact-twomapitem li.cur .contact-twoicon { position: relative; width: 17px; height: 23px; background-image: url(/skin/images/twoicon4.png); }

.contact-twomapitem li.cur .contact-twoicon:after { position: absolute; top: 100%; left: 50%; width: 50px; height: 50px; background: rgba(1, 81, 152, 0.5); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0); -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0); transform: translate(-50%,-50%) rotateX(75deg) scale(0); opacity: 0; -webkit-animation: move4 1s linear infinite; -moz-animation: move4 1s linear infinite; -o-animation: move4 1s linear infinite; animation: move4 1s linear infinite; content: ''; }

.contact-twomapitem li.cur .contact-twoicon:before { position: absolute; top: 100%; left: 50%; width: 50px; height: 50px; background: rgba(1, 81, 152, 0.5); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0); -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0); transform: translate(-50%,-50%) rotateX(75deg) scale(0); opacity: 0; -webkit-animation: move4 1.5s linear infinite; -moz-animation: move4 1.5s linear infinite; -o-animation: move4 1.5s linear infinite; animation: move4 1.5s linear infinite; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; content: ''; }

.contact-twoicon { width: 10px; height: 12px; background-repeat: no-repeat; background-position: center center; background-image: url(/skin/images/twoicon1.png); }

.contact-twotext { position: absolute; top: 50%; left: 100%; z-index: 6; padding: 0 5px; white-space: nowrap; display: none; line-height: 1; font-size: 12px; color: #929292; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@-webkit-keyframes move4 { 0% { opacity: 0;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0); }
  25% { opacity: .5;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0.25);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.25); }
  50% { opacity: 1;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0.5);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.5); }
  75% { opacity: .5;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0.75);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.75); }
  100% { opacity: 0;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(1);
    transform: translate(-50%,-50%) rotateX(75deg) scale(1); } }

@-moz-keyframes move4 { 0% { opacity: 0;
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0); }
  25% { opacity: .5;
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0.25);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.25); }
  50% { opacity: 1;
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0.5);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.5); }
  75% { opacity: .5;
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0.75);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.75); }
  100% { opacity: 0;
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(1);
    transform: translate(-50%,-50%) rotateX(75deg) scale(1); } }

@-o-keyframes move4 { 0% { opacity: 0;
    transform: translate(-50%,-50%) rotateX(75deg) scale(0); }
  25% { opacity: .5;
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.25); }
  50% { opacity: 1;
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.5); }
  75% { opacity: .5;
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.75); }
  100% { opacity: 0;
    transform: translate(-50%,-50%) rotateX(75deg) scale(1); } }

@keyframes move4 { 0% { opacity: 0;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0);
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0); }
  25% { opacity: .5;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0.25);
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0.25);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.25); }
  50% { opacity: 1;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0.5);
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0.5);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.5); }
  75% { opacity: .5;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(0.75);
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(0.75);
    transform: translate(-50%,-50%) rotateX(75deg) scale(0.75); }
  100% { opacity: 0;
    -webkit-transform: translate(-50%,-50%) rotateX(75deg) scale(1);
    -moz-transform: translate(-50%,-50%) rotateX(75deg) scale(1);
    transform: translate(-50%,-50%) rotateX(75deg) scale(1); } }

.contact-twoviewright { margin-top: 20px; }

.contact-twoviewright .swiper-slide { padding-top: 60px; }

.contact-twoflraview { padding: 0 30px 35px; border: 1px solid #e6e6e6; }

.contact-twoflradius { position: relative; width: 125px; height: 125px; margin: -60px auto 0; border: 10px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }

.contact-twoflh3 { position: absolute; top: 50%; left: 0%; width: 100%; text-align: center; line-height: 1; font-size: 16px; color: #020f1d; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.contact-twofltext { margin-top: 20px;/** max-height: 168px; **/min-height: 168px;line-height: 28px; overflow-y: auto; font-size: 14px; color: #676767; }

.contact-twofltext::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }

.contact-twofltext::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.contact-twofltext::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #015198; }

@media (min-width: 768px) { .suzycommonweb { padding: 0 20px; }
  .softpro-four > img{width:100%;max-width:100%;transform: translateX(0%);}
  .softpro-fourcom{text-align: right;}
  .softpro-fourtext { padding-right: 30%;padding-top: 0;padding-bottom: 0;}
  .softpro-fourcom, .softpro-fivecom { position: absolute; width: 100%; left: 50%; top: 50%; z-index: 5; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .inbanner-txt1 { top: 28.8172%; }
  .inbanner-txt1 h2 { font-size: 26px; }
  .inbanner-txt1 h3 { margin-top: 20px; font-size: 18px; }
  .inbanner-bat { bottom: 25px; }
  .inbanner-bat span { width: 25px; height: 4px; margin: 0 4px; }
  .inflmenu { left: 30px; display: block; }
  .inrightmenu { display: none; }
  .inpro-view { height: 100%; display: inline-block;vertical-align: middle;width: auto;}
  .inpro-item { width: 16.8%; height: 100%;text-align:left; }
  .inpro .suzycommonweb{text-align: center;}
  .inpro-item a { padding: 50.79365% 11.90476% 19.84127% 15.87302%; }
  .inpro-item.cur { width: 32.8%; }
  .inpro-item.cur a { padding: 26.01626% 6.09756% 10.1626% 8.13008%; }
  .inpro-item:nth-child(5) { display: inline-block; background: #20a3e3;}
  .incase { padding-left: 0; padding-right: 0; }
  .incase-imgcon { float: left; width: 50%; }
  .incase-one { background: #f5f5f5; }
  .incase-textcon { background: none; }
  .incase-right { float: right; width: 50%; padding: 5.98958% 8.07292% 0 4.6875%; }
  .incase-textcon .swiper-slide { padding: 0; }
  .incase-bat { padding: 0; bottom: 0; }
  .incase-imgcon .swiper-slide img { position: relative; left: 50%; max-width: none; width: auto; height: 300px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .incase-textdes { height: 88px; overflow-y: auto; }
  .incase-textdes::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }
  .incase-textdes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }
  .incase-textdes::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #015198; }
  .inabout-oneright { float: right; width: 59.06667%; }
  .inabout-onetext { float: left; width: 34.33333%; }
  .inabout-twoul li { width: 25%; }
  .innews-left { float: left; width: 49.66667%; }
  .innews-right { margin-top: 0; float: right; width: 44.13333%; }
  .neibanner img { left: 0%; max-width: 100%; width: 100%; height: auto; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
  .products-ul li { width: 31.66667%; margin-bottom: 20px; margin-right: 2.5%; }
  .products-ul li:nth-child(2n) { margin-right: 2.5%; }
  .products-ul li:nth-child(3n) { margin-right: 0; }
  .propost-oneleft { float: left; width: 50%; }
  .propost-onetext { margin-top: 0; float: right; width: 44.41667%; }
  .softpro-twoul li { width: 30.83333%; margin-right: 3.75%; }
  .softpro-twoul li:nth-child(2n) { margin-right: 3.75%; }
  .softpro-twoul li:nth-child(3n) { margin-right: 0; }
  .softpro-three{padding-top: 0;padding-bottom: 0;}
  .softpro-threeright { width: 51.66667%; float: right; text-align: right; }
  .softpro-threeright img { width: auto; }
  .softpro-threeleft { position: absolute; top: 50%; z-index: 5; padding-top: 0px; width: 37.08333%; padding-left: 3.33333%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .softpro-fourimg { width: 100%; max-width: 100%; height: auto; }
  .softpro-fourtext { padding-right: 0; padding-left: 3.33333%; width: 40.83333%; }
  .softpro-fiveimg { width: 50%; }
  .company-one { background-repeat: no-repeat;background-position:center center;background-size:cover;}
  .company-onetext { width: 54.16667%; }
  .company-tworight { float: right; width: 31.66667%; }
  .company-twoleft { margin-top: 0; float: left; width: 62.08333%; }
  .company-3conimg { float: left; width: 50%; }
  .company-3context { float: right; width: 50%; padding: 8.33333% 5.41667% 7.91667%; }
  .Recruitmentsearch04 dl { max-width: 605px; margin: auto; padding-left: 100px; position: relative; padding-right: 0px; }
  .Recruitmentsearch04 dl dt { position: absolute; left: 0px; padding: 6px 0px 0px 0; font-size: 18px; padding-bottom: 0px; }
  .Recruitmentsearch04 dl dd label { padding: 0 140px 0 0; }
  .Recruitmentsearch04 dl dd label input.Recruitmentsearchtext { margin: 0; }
  .Recruitmentsearch04 dl dd label input.Recruitmentsearchsubmit { position: absolute; right: 0px; top: 0; }
  .zhaopincont01 { margin-top: 10px; }
  .zhaopincont01 dl { padding: 25px 30px; }
  .recruit-titbox { padding: 0 18% 0 5%; }/** 145px **/
  .recruit-titbox .recruit-date { width: 110px; position: absolute; top: 0; left: 0; }
  .recruit-titbox .take-up { -o-background-size: auto auto; background-size: auto auto; }
  .recruit-con { padding: 25px 0 15px 5%; }
  .coop-onecom { position: absolute; top: 50%; left: 50%; z-index: 10; padding-top: 0px; padding-bottom: 0px; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .coop-one .coop-oneimg { position: static; left: 0%; max-width: 100%; width: 100%; height: auto; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
  .sitemapcont2 { padding: 5% 10px; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 45px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #124bbe; }
  .sitemapcont2 { padding: 2% 0 0; overflow: hidden; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #015198; }
  .inter { padding: 30px 0 20px; }
  .contact-threeul li { width: 33.33333%; }
  .contact-threelides { max-height: none; min-height: 130px;} 
  .contact-twoviewleft { float: left; width: 64.16667%; }
  .contact-twoviewright { margin-top: 30px; float: right; width: 32.16667%; } }

@media (min-width: 1024px) { body { padding-top: 0px; }
  .neibody { padding-top: 70px; }
  .inpro-item a,.inpro-item.cur a{padding-top:130px;padding-bottom:50px;}
  .neibody .inheader .inlogo .inlogo-wt { display: none; }
  .neibody .inheader .inlogo .inlogo-bk { display: inline-block; }
  .neibody .inheader .innav-a { color: #161616; }
  .neibody .inheader .insearch-a { background-image: url(/skin/images/insearch-sub.png); }
  .neibody .inheader .intel { color: #015198; background-image: url(/skin/images/intel.png); }
  .neibody .inheader .inlang .inlang-a { color: #161616; }
  .neibody .inheader .inlang .inlang-a:after { border-top-color: #000000; }
  .neibody .inheader .line { background: #0f0f27; bottom: 2px; height: 2px; }
  .neibody .inheader .insearch .insearch-intxt { border-color: #7c7c7c; color: #161616; }
  .neibody .inheader .insearch .insearch-intxt::-webkit-input-placeholder { color: #161616; }
  .neibody .inheader .insearch .insearch-intxt:-moz-placeholder { color: #161616; }
  .neibody .inheader .insearch .insearch-intxt::-moz-placeholder { color: #161616; }
  .neibody .inheader .insearch .insearch-intxt:-ms-input-placeholder { color: #161616; }
  .neibody .inheader .insearch .insearch-sub { background-image: url(/skin/images/insearch-sub.png); }
  .neibody .inheader.active { position: fixed; }
  .inheader { padding: 0 1.5625% 0 1.5625%; height: 70px; background: transparent; }
  .inheader.active, .inheader.active2 { background: #fff; -webkit-box-shadow: 0px 1px 0px 0px #ccc; box-shadow: 0px 1px 0px 0px #ccc; }
  .inheader.active .inlogo .inlogo-wt, .inheader.active2 .inlogo .inlogo-wt { display: none; }
  .inheader.active .inlogo .inlogo-bk, .inheader.active2 .inlogo .inlogo-bk { display: inline-block; }
  .inheader.active .innav-a, .inheader.active2 .innav-a { color: #161616; }
  .inheader.active .insearch-a, .inheader.active2 .insearch-a { background-image: url(/skin/images/insearch-sub.png); }
  .inheader.active .intel, .inheader.active2 .intel { color: #015198; background-image: url(/skin/images/intel.png); }
  .inheader.active .inlang .inlang-a, .inheader.active2 .inlang .inlang-a { color: #161616; }
  .inheader.active .inlang .inlang-a:after, .inheader.active2 .inlang .inlang-a:after { border-top-color: #000000; }
  .inheader.active .line, .inheader.active2 .line { background: #0f0f27; bottom: 0; height: 2px; }
  .inheader.active .insearch .insearch-intxt, .inheader.active2 .insearch .insearch-intxt { border-color: #7c7c7c; color: #161616; }
  .inheader.active .insearch .insearch-intxt::-webkit-input-placeholder, .inheader.active2 .insearch .insearch-intxt::-webkit-input-placeholder { color: #161616; }
  .inheader.active .insearch .insearch-intxt:-moz-placeholder, .inheader.active2 .insearch .insearch-intxt:-moz-placeholder { color: #161616; }
  .inheader.active .insearch .insearch-intxt::-moz-placeholder, .inheader.active2 .insearch .insearch-intxt::-moz-placeholder { color: #161616; }
  .inheader.active .insearch .insearch-intxt:-ms-input-placeholder, .inheader.active2 .insearch .insearch-intxt:-ms-input-placeholder { color: #161616; }
  .inheader.active .insearch .insearch-sub, .inheader.active2 .insearch .insearch-sub { background-image: url(/skin/images/insearch-sub.png); }
  .inlogo { line-height: 70px; }
  .inlogo img { height: auto; }
  .inlogo .inlogo-wt { display: inline-block; }
  .inlogo .inlogo-bk { display: none; }
  .innav-ul { float: left; position: relative; top: 0px; display: block; width: auto; overflow-y: visible; padding: 0 0 0 20px; border-top: none; background: transparent; }
  .innav-ul li { margin: 0 10px; float: left; border-bottom: none; }
  .innav-ul li h3 { position: relative; }
  .innav-a { position: relative; z-index: 1; height: 100%; line-height: 70px; font-size: 16px; color: #fff; }
  .innav-ermenu { position: fixed; top: 70px; left: 0; z-index: 100; display: none; width: 100%; height: auto; border-top: 1px solid #e7e7e7; padding: 16px 5.72917%; background: #fff; text-align: center; -webkit-box-shadow: 0px 1px 0px 0px #e7e7e7; box-shadow: 0px 1px 0px 0px #e7e7e7; }
  .innav-ermenu.inermenu2 { text-align: left;padding: 22px 5.72917% 1.2%;}
  .innav-ermenu.inermenu2 .innav-menuitem { display: block; float: left; width: 25%; margin: 0; padding-right: 10px;margin-bottom: 10px;}
  .innav-ermenu.inermenu2 .innav-ermenucon { padding-left: 7.66667%; }
  .innav-ermenu.inermenu2 .innav-ermenua { display: inline-block; height: auto; line-height: 24px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
  .innav-ermenucon { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; }
  .innav-menuthree { display: block; padding: 13px 0 0; }
  .innav-menuthree a { position: relative; height: auto; line-height: 24px; padding-left: 15px; margin-bottom: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .innav-menuthree a:after { position: absolute; left: 0; top: 10px; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; background: #858585; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; content: ""; }
  .innav-menuthree a:hover { color: #015198; font-weight: 700;}
  .innav-menuthree a:hover:after { background: #015198; }
  .innav-menuitem { display: inline-block; vertical-align: top; border-top: none; margin: 0 20px; }
  .innav-ermenua { height: 36px; padding: 0px; line-height: 36px; font-size: 16px; color: #015198; }
  .mobile-btn { display: none; }
  .insearch { position: fixed; left: auto; right: 1.5625%; top: 70px; z-index: 100; display: none; width: 100%; padding: 0px; max-width: 235px; background: transparent; }
  .insearch .insearch-intxt { font-size: 16px; background: transparent; border-color: #fff; color: #fff; }
  .insearch .insearch-intxt::-webkit-input-placeholder { color: #fff; }
  .insearch .insearch-intxt:-moz-placeholder { color: #fff; }
  .insearch .insearch-intxt::-moz-placeholder { color: #fff; }
  .insearch .insearch-intxt:-ms-input-placeholder { color: #fff; }
  .insearch .insearch-sub { background-image: url(/skin/images/insearch-subwt.png); }
  .insearch-a { background-image: url(/skin/images/insearch-subwt.png); }
  .inlang { margin-left: 16px; }
  .inlang .inlang-a { padding-right: 15px; line-height: 70px; font-size: 14px; color: #fff; }
  .inlang .inlang-a:after { border-top-color: #fff; }
  .intel { float: right; margin-left: 16px; display: block; height: 100%; line-height: 70px; padding-left: 25px; font-size: 20px; color: #fff; background: url(/skin/images/intelwt.png) no-repeat center left/auto 20px; }
  .line { position: absolute; bottom: 15px; height: 3px; display: block; background: #fff; }
  .inlang-er a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .inlang-er a:hover { background: #015198; color: #fff; }
  .suzycommonweb { padding: 0 40px; }
  .infoot { padding-top: 50px; }
  .infoot-dl { float: left; width: 130px; padding-right: 10px; border: none; }
  .infoot-dl:nth-child(5n) { width: auto; max-width: 130px; padding-right: 0; }
  .infoot-dl dt a { display: inline-block; padding-bottom: 8px; line-height: 24px; font-size: 15px; color: #ffffff; border-bottom: 1px solid #21425e; }
  .infoot-dl dd { display: inline-block; padding-top: 16px; }
  .infoot-dl dd a { position: relative; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; width: auto; margin-bottom: 12px; line-height: 22px; }
  .infoot-dl dd a:hover { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); }
  .infoot-erweima { text-align: left; padding-top: 7px; }
  .infoot-erweima img { max-width: 45%; margin: 0 5px 0 0; }
  .infoot-leftdl { padding-top: 24px; }
  .infoot-leftdl dd a:nth-child(2n) { margin-left: 0; }
  .infoot-fen { margin-top: 26px; }
  .infoot-link { max-width: 237px; }
  .inbottom { padding: 20px 0 20px; margin-top: 38px; }
  .inbottom-right { float: right; }
  .inbottom-left { float: left; margin-top: 0px; line-height: 40px; font-size: 14px; }
  .infoot-right { float: right; }
  .infoot-left { float: left; width: 24.66667%; }
  .infoot-linkview { padding: 5px; }
  .infoot-linkview a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .infoot-linkview a:hover { color: #fff; background: #015198; }
  .inbanner-txt1 { width: 54.6875%; }
  .inbanner-txt1 h2 { font-size: 36px; }
  .inbanner-txt1 h3 { margin-top: 30px; font-size: 22px; }
  .inbanner-bat { bottom: 35px; }
  .inbanner-bat span { width: 35px; margin: 0 8px; }
  .inpro { padding-top: 72px; }
  .intitle { font-size: 30px; }
  .inpro-view { margin-top: 52px; }
  .inpro-itemicon { width: 82px; height: 82px; line-height: 78px; transition: all .5s;}
  .inpro-item .inpro-itemicon:hover{transform: rotate(360deg);}
  .inpro-itemtext { margin-top: 34px; }
  .inpro-itemh3 { font-size: 22px; }
  .inpro-itemdes { margin-top: 10px; font-size: 16px; }
  .incase { padding-top: 82px; }
  .incase-one { margin-top: 55px; }
  .inbtn1 { width: 30px; height: 30px; }
  .inprevbtn { left: 35px; }
  .innextbtn { right: 35px; }
  .incase-h3 { line-height: 36px; font-size: 22px; }
  .incase-textdes { line-height: 30px; font-size: 16px; height: 120px; }
  .incase-imgcon .swiper-slide { overflow: hidden; }
  .incase-imgcon .swiper-slide:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .incase-imgcon .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; -moz-transition: transform ease 0.5s, -moz-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -moz-transform ease 0.5s, -o-transform ease 0.5s; }
  .incase-imgcon .swiper-slide img { height: 380px; }
  .inbtn1 { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .inbtn1:hover { border-color: #015198; }
  .more-active:hover i { -webkit-animation: move2 0.8s linear infinite; -moz-animation: move2 0.8s linear infinite; -o-animation: move2 0.8s linear infinite; animation: move2 0.8s linear infinite; }
  @-webkit-keyframes move2 { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(3px); transform: translateX(3px); }
    100% { -webkit-transform: translateX(0px); transform: translateX(0px); } }
  @-moz-keyframes move2 { 0% { -moz-transform: translateX(0); transform: translateX(0); }
    50% { -moz-transform: translateX(3px); transform: translateX(3px); }
    100% { -moz-transform: translateX(0px); transform: translateX(0px); } }
  @-o-keyframes move2 { 0% { -o-transform: translateX(0); transform: translateX(0); }
    50% { -o-transform: translateX(3px); transform: translateX(3px); }
    100% { -o-transform: translateX(0px); transform: translateX(0px); } }
  @keyframes move2 { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); }
    100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } }
  .inabout { padding: 68px 0 52px; }
  .inabout-one { margin-top: 58px; }
  .inabout-onetext { padding-top: 6px; }
  .inabout-onetext .incase-a { margin-top: 40px; }
  .inabout-h3 { line-height: 36px; font-size: 24px; }
  .inabout-h4 { margin-top: 10px; font-size: 20px; }
  .inabout-h4:before { height: 3px; }
  .inabout-textdes { margin-top: 12px; }
  .inabout-onethree { margin-top: 20px; }
  .inabout-onethree a:hover .inabout-h5 { color: #015198; }
  .inabout-onethree .inabout-one3item:nth-child(1) a:hover .inabout-icon { background-image: url(/skin/images/inabout-icon11.png); }
  .inabout-onethree .inabout-one3item:nth-child(2) a:hover .inabout-icon { background-image: url(/skin/images/inabout-icon21.png); }
  .inabout-onethree .inabout-one3item:nth-child(3) a:hover .inabout-icon { background-image: url(/skin/images/inabout-icon31.png); }
  .inabout-h5, .inabout-icon { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .inabout-twoul { margin-top: 20px; }
  .inabout-twoul li { margin-top: 0; }
  .inabout-twoitem { line-height: 36px; font-size: 18px; }
  .inabout-twoitem h3 { line-height: 40px; font-size: 35px; }
  .innews { padding: 45px 0 75px; }
  .innews-menu a { line-height: 40px; margin-right: 70px; font-size: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .innews-menu a:hover { color: #015198; }
  .innews-view { margin-top: 30px; }
  .innews-h3, .innews-time, .innews-ul li { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .neibanner-h2 { text-align: right; font-size: 40px; }
  .neiermenu .commonweb { height: 100px; }
  .neiermenu-con .swiper-container { height: 100px; padding-bottom: 14px; }
  .neiermenu-con .swiper-slide a { line-height: 100px; font-size: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .neiermenu-con .swiper-slide.cur:after { border-top-width: 14px; border-right-width: 14px; border-left-width: 14px; }
  .neiermenu-con .swiper-slide:hover a { background: #015198; color: #fff; }
  .neiermenu-con .swiper-slide:hover:after { border-top-width: 14px; border-right-width: 14px; border-left-width: 14px; }
  .neibtn1 { margin-top: -7px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .neiprev1 { margin-left: -20px; border-right: 12px solid #ccdcea; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
  .neiprev1:hover { border-right-color: #015198; }
  .neinext1 { margin-right: -20px; border-left: 12px solid #ccdcea; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
  .neinext1:hover { border-left-color: #015198; }
  .products { padding: 52px 0 60px; }
  .products-list { padding: 44px 0 28px; }
  .products-ul li { margin-bottom: 32px; }
  .products-text { padding: 25px 30px 62px; }
  .products-h3 { font-size: 18px; }
  .products-des { margin-top: 10px; }
  .products-title { font-size: 30px; }
  .products-ul li { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .products-ul li:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0px 0px 15px -5px #ddd; box-shadow: 0px 0px 15px -5px #ddd; }
  .products-ul li:hover .products-h3 { color: #015198; }
  .products-h3 { -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .propost-one { padding: 65px 0 50px; }
  .propost-oneview { margin-top: 40px; }
  .propost-onetext { padding-top: 7.08333%; }
  .propost-tit { line-height: 38px; font-size: 32px; }
  .propost-onetxt { padding-top: 7.87992%; }
  .propost-oneh4 { margin-bottom: 12px; }
  .propost-two { padding: 50px 0 76px; }
  .propost-twoview { padding: 0 45px; }
  .propost-twomenu a { width: 275px; height: 60px; line-height: 60px; font-size: 16px; }
  .propost-twoitem { display: none; padding: 65px 50px; }
  .propost-twoitem { padding: 65px 50px; }
  .propost-three { padding: 0 45px; }
  .propost-btn1 { width: 36px; height: 36px; }
  .propost-btn1 span:after { width: 10px; height: 10px; }
  .propost-four { padding-top: 60px; }
  .propost-four .propost-foura { width: 150px; height: 50px; line-height: 50px; font-size: 16px; }
  .softpro-onetit h1 { line-height: 36px; font-size: 30px; }
  .softpro-onedes { margin-top: 30px; }
  .softpro-oneimg { max-height: 60%; margin-top: 60px; }
  .softpro-oneimg img { max-width: 100%; }
  .softpro-onecon { width: 100%;padding-bottom: 50px; padding-top: 78px; }
  .softpro-two { padding: 90px 0 50px; }
  .softpro-twoul li { margin-bottom: 45px; }
  .softpro-twoicon{ -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; -moz-transition: transform ease 0.5s, -moz-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -moz-transform ease 0.5s, -o-transform ease 0.5s; }
  .softpro-twoul li:hover .softpro-twoicon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
  .softpro-twoicon { width: 90px; height: 90px; }
  .softpro-twotext { padding-top: 12px; }
  .softpro-twoh3 { font-size: 18px; }
  .softpro-twodes { font-size: 14px; }
  /**
  .softpro-three { padding: 70px 0 68px; }**/
  .softpro-threeh3 { line-height: 40px; font-size: 32px; }
  .softpro-threedes { margin-top: 32px; }
  .softpro-tui { padding: 100px 0 70px; }
  .softpro-tuitit { font-size: 30px; }
  .softpro-tuicon { margin-top: 50px; }
  .softpro-tuicon .swiper-slide { overflow: hidden; }
  .softpro-tuicon .swiper-slide:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06); }
  .softpro-tuicon .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; -moz-transition: transform ease 0.5s, -moz-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -moz-transform ease 0.5s, -o-transform ease 0.5s; }
  .softpro-tuicon .swiper-slide:hover .softpro-tuih3 { color: #015198; }
  .softpro-tuih3 { margin-top: 20px; line-height: 30px; font-size: 18px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .softpro-tuia { margin: 65px auto 0; max-width: 200px; height: 62px; line-height: 62px; font-size: 18px; transition:all .3s;}
  .softpro-tuia:hover{background:#308eda;box-shadow: 0px 0px 7px -5px #015198;}
  .company-one { padding: 9.375% 0 11.19792%; }
  .company-oneh1 { line-height: 40px; font-size: 32px; }
  .commany-onedes { line-height: 30px; font-size: 16px; }
  .company-oneul { margin-top: 65px; }
  .company-oneul li:last-child { text-align: center; }
  .commany-onetxt2 { margin-top: 60px; line-height: 30px; font-size: 16px; }
  .company-oneh4 { font-size: 20px; }
  .company-two { padding: 135px 0 85px; }
  .company-twoh2 { font-size: 32px; }
  .company-tworight { margin-top: 22px; padding-right: 30px; padding-bottom: 30px; }
  .company-twolefttext { padding: 38px 25px 45px; line-height: 32px; font-size: 16px; }
  .company-twolefttext:before { font-size: 100px; }
  .company-twolefttext:after { font-size: 100px; margin-left: -30px; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }
  .font-span1 { font-size: 22px; }
  .company-twoname span:after { margin-right: 24px; }
  .company-three { padding: 50px 0 88px; }
  .company-threeimgcon { margin-top: 42px; }
  .company-3prev, .company-3next { right: 5.41667%; bottom: 7.91667%; }
  .company-threeline { margin-top: 76px; padding: 0px; }
  .company-threeline:after { top: 13px; }
  .company-threeline .swiper-slide:hover .company-3h3 { color: #015198; }
  .company-3span { width: 26px; height: 26px; }
  .company-3h3 { margin-top: 20px; line-height: 40px; font-size: 34px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .company-4prev, .company-4next { top: 13px; width: 45px; height: 45px; }
  .company-4prev span:after, .company-4next span:after { width: 10px; height: 10px; }
  .company-4prev { left: -40px; }
  .company-4next { right: -40px; }
  .company-3context { padding: 10.33333% 5.41667% 7.91667% 8.33333%; }
  .zhaopincont01 { padding: 10px 0 47px; }
  .zhaopincont01 dl { padding: 32px 48px; border: 1px solid #dfe3e8; position: relative; margin-bottom: 10px; }
  .joinus { padding: 35px 0 40px; }
  .zhaopincont01 dl .recruit-title h4 { line-height: 30px; font-size: 20px; }
  .recruit-titbox .recruit-title .recruit-add { line-height: 24px; }
  .recruit-titbox .recruit-title .recruit-add span { padding-right: 40px; }
  .sendresume01 { margin-top: 30px; }
  .coop-twotext { float: right; width: 55.41667%; }
  .coop-onetext { width: 55.41667%; }
  .sitemapcont2 { padding: 6% 10px; overflow: hidden; background: #fff; }
  .sitemapcont2 dl { position: relative; margin-bottom: 36px; }
  .sitemapcont2 dl:last-of-type { margin-bottom: 0; }
  .sitemapcont2 dl dt { font-size: 20px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -17px; }
  .sitemapcont2 dl dt a { color: #015198; }
  .sitemapcont2 dl dt a:hover { color: #015198; }
  .sitemapcont2 dl dd { padding: 3% 3% 1% 3%; border: 1px solid #e6e6e6; font-size: 16px; }
  .sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }
  .sitemapcont2 { padding: 3.5% 30px; }
  .sitemapcont2 dl { margin-bottom: 50px; }
  .inter { padding: 50px 0 70px; }
  .sep { padding: 50px 0 70px; }
  .sep .newspost-tit { padding-bottom: 30px; }
  .result-list { margin-bottom: 30px; }
  .full-searchA-wrapper { padding-bottom: 70px; }
  .map { float: right; margin-top: 0px; width: 57.5%; height: 500px; }
  .contact-one { padding: 82px 0 100px; }
  .contact-oneleft { float: left; width: 35.83333%; padding-top: 20px; }
  .contact-onetit { font-size: 24px; }
  .contact-onetext { padding-top: 18px; padding-bottom: 45px; }
  .contact-onea { padding: 3px 0 3px 30px; font-size: 16px; }
  .contact-one2 { padding-top: 40px; }
  .contact-one2h3 { line-height: 30px; font-size: 24px; }
  .contact-one2er { margin-top: 18px; }
  .contact-three { padding: 75px 0 50px; }
  .contact-threemenu { padding: 0 30px; }
  .contact-threemenu a { padding: 0 15px; margin-right: 40px; font-size: 16px; }
  .contact-threemenu a.cur { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); font-size: 24px; }
  .contact-threemenu a.cur:after { width: 3px; height: 24px; }
  .contact-threeview { padding-top: 80px; }
  .contact-threeul li { padding: 0 5.83333%; margin-bottom: 30px; }
  .contact-threelih3 { font-size: 20px; padding-bottom: 20px; }
  .contact-threelides { margin-top: 14px; }
  .contact-twoviewright { margin-top: 60px; }
  .contact-two { padding: 6.25% 0 9.47917%; }
  .contact-twoflraview { padding: 0 70px 75px; }
  .contact-twotext { display: block; }
  .contact-twomapitem li { cursor: pointer; }
  .inabout-oneright:hover .inabout-img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .inabout-img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } 
  .inrightmenu-er a{transition: all .3s;}
  .inrightmenu-er a{background-color: #015198;}
  }

@media (min-width: 1260px) { .insearch-a { display: none; }
  .insearch { position: static; top: 0; margin-top: 18px; float: right; display: block !important; }
  .suzycommonweb { padding: 0 60px; }
  .infoot { padding-top: 78px; }
  .infoot-dl { width: 170px; }
  .infoot-dl:nth-child(5n) { max-width: 170px; }
  .infoot-dl dt a { font-size: 16px; }
  .infoot-left { padding-left: 3.33333%; }
  .inbottom-right { margin-right: 3%; }
  .inbottom-left { margin-left: 3.33333%; }
  .inbanner-txt1 { width: 78.125%; }
  .inbanner-txt1.txtfl{text-align:left;}
  .inbanner-txt1.txtfr{text-align:right;}
  .inbanner-txt1 h2 { font-size: 44px; }
  .inbanner-txt1 h3 { margin-top: 35px; font-size: 28px; }
  .inbanner-bat { bottom: 45px; }
  .inbanner-bat span { margin: 0 12px; }
  .intitle { font-size: 36px; }
  .incase-textcon { padding-bottom: 44px; }
  .incase-h3 { font-size: 28px; }
  .incase-textdes { margin-top: 8.14159%; }
  .incase-a { margin-top: 12.74336%; }
  .incase-imgcon .swiper-slide img { left: 0; width: 100%; height: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .incase-right { padding-top: 2.60417%; }
  .inabout-h3 { font-size: 28px; }
  .inabout-twoitem h3 { line-height: 55px; font-size: 50px; }
  .inabout-oneright .inabout-onea img { width: auto; }
  .innews-ul li a { padding: 16px 0; }
  .innews-h3 { font-size: 18px; }
  .innews-des { margin-top: 10px; }
  .innews-right .incase-a { margin-top: 20px; }
  .neibanner-h2 { font-size: 60px; }
  .neiermenu .commonweb { height: 140px; }
  .neiermenu-con .swiper-container { height: 140px; }
  .neiermenu-con .swiper-slide a { line-height: 140px; padding: 0 25px; font-size: 20px; }
  .neiprev1 { margin-left: -35px; }
  .neinext1 { margin-right: -35px; }
  .company-3condes { font-size: 16px; line-height: 32px; max-height: 160px; }
  .coop-oneh2 { line-height: 40px; font-size: 32px; }
  .coop-onedes { margin-top: 32px; line-height: 36px; font-size: 18px; }
  .coop-onetxt2 { margin-top: 72px; }
  .coop-onedes2 { margin-top: 32px; line-height: 40px; font-size: 20px; }
  .coop-twodes { margin-top: 80px; font-size: 18px; line-height: 30px; }
  .contact-one2er span { margin-right: 20px; }
  .contact-onea { margin-right: 0; }
  .contact-oneli1 .ax1 { float: left; }
  .contact-oneli1 .ax2 { float: right; } }

@media (min-width: 1400px) { .innav-ul { padding: 0 0 0 40px; }
  .innav-a { font-size: 18px; }
  .infoot-dl { width: 190px; }
  .infoot-dl:nth-child(5n) { max-width: 190px; }
  .inabout-onetext { padding-top: 26px; }
  .inabout-onetext .incase-a { margin-top: 78px; }
  .inabout-h4 { margin-top: 26px; }
  .inabout-onethree { margin-top: 54px; }
  .inabout-twoul { margin-top: 58px; }
  .inabout-twoul li { text-align: left; }
  .innews-ul li a { padding: 20px 0; }
  .innews-right { padding-right: 15%; }
  .neiprev1 { margin-left: -50px; }
  .neinext1 { margin-right: -50px; }
  .softpro-one { height: 100vh; }
  .softpro-onecon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .softpro-oneimg img { max-height: 60vh; }
  .softpro-tuiprev, .softpro-tuinext { width: 30px; height: 30px; }
  .softpro-tuiprev { left: -20px; border-left: 3px solid #9d9d9d; border-bottom: 3px solid #9d9d9d; }
  .softpro-tuinext { right: -20px; border-top: 3px solid #9d9d9d; border-right: 3px solid #9d9d9d; }
  .company-one { padding-top: 50px;padding-bottom: 50px; min-height: 80vh; }
  .company-onetext { height: 100%; } }

@media (min-width: 1600px) { .innav-menuitem { margin: 0 38px; }
  .innav-ermenua { font-size: 16px; }
  .innav-ermenu.inermenu2 .innav-ermenua {font-size:16px;}
  .inheader { padding: 0 1.5625% 0 5.41667%; }
  .intel { margin-left: 36px; padding-left: 40px; font-size: 32px; -o-background-size: auto auto; background-size: auto auto; }
  .innav-ul li { margin: 0 15px; }
  .infoot-dl { width: 200px; }
  .infoot-dl:nth-child(5n) { max-width: 200px; }
  .infoot-left { width: 370px; }
  .infoot-leftdl dd a { width: auto; margin-right: 3.125%; }
  .infoot-leftdl dd a{padding-right: 3.125%;}
  .infoot-leftdl dd a:after { right: -6.25%; }
  .infoot-leftdl dd a:nth-child(2n) { margin-left: 3.125%; }
  .inbanner-txt1 h2 { font-size: 64px; }
  .inbanner-txt1 h3 { margin-top: 55px; font-size: 30px; }
  .incase-right { padding: 5.98958% 15.88542% 0 4.6875%; }
  .inabout-onetext { padding-left: 5.33333%; }
  .inabout-twoul li { padding-left: 5.33333%; }
  .softpro-tuiprev, .softpro-tuinext { width: 50px; height: 50px; }
  .softpro-tuiprev { left: -100px; }
  .softpro-tuinext { right: -100px; }
  .softpro-tuicon { padding: 0px; } }

@media (min-width: 1700px) { .innav-ul { padding: 0 0 0 80px; }
  .innav-ul li { margin: 0 30px; } }

.diy-list > li { margin-bottom: 15px; border: 1px solid #e5e5e5; background: #fff; }

.diy-list > li.active .diy-list-item { background: #015198; }

.diy-list > li.active .diy-list-item i { background: #015198; }

.diy-list > li.active .diy-title, .diy-list > li.active .diy-date { color: #fff; }

.diy-list > li.active .diy-ctrl a { background-color: #3d90da; }

.diy-list .diy-list-item { padding: 10px 15px 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.diy-list .diy-title { font-size: 16px; line-height: 26px; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.diy-list .diy-date { padding: 6px 0 10px; font-size: 14px; line-height: 24px; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.diy-list .diy-ctrl { font-size: 0; line-height: 0; }

.diy-list .diy-ctrl a { display: inline-block; vertical-align: top; padding: 15px 30px; background-repeat: no-repeat; background-position: center; background-color: #bdbdbd; -o-background-size: 20px auto; background-size: 20px auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.diy-list .diy-btn-1 { background-image: url(/skin/images/icon-download.png); }

.solution-container { background: #f4f4f4; padding: 30px 0 35px 0; }

.solution-title { text-align: center; font-size: 24px; letter-spacing: -1px; color: #333333; margin-bottom: 25px; }

.solution-list { margin: 0 -10px;font-size: 0; }

.solution-list li { margin-bottom: 20px;display:inline-block;vertical-align: top; float:none;}

.solution-list a { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }

.solution-thumb { overflow: hidden; position: relative; background: #e6e6e6; }

.solution-thumb img { width: 100%; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }

.solution-info { background: #fff; padding: 15px; }

.solution-info h2 { font-size: 18px; line-height: 30px; color: #131313; margin-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.solution-info p { font-size: 14px;color: #888888; height: 72px; max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.hgy-page { font-size: 0; text-align: center; }

.hgy-page a { display: inline-block; vertical-align: top; border: solid 1px #d8d8d8; width: 36px; height: 36px; margin: 0 2px 3px; text-align: center; line-height: 36px; color: #666; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.hgy-page a.active { border-color: #082c4c; background: #082c4c; color: #fff; }

.hgy-page .page-prev { margin-right: 10px; margin-left: 6px; }

.hgy-page .page-next { margin-left: 10px; margin-right: 6px; }

.solution-area { margin-bottom: 15px; }

.solution-details-container { overflow: hidden; }

.solution-bottom-area { position: relative; overflow: hidden; }

.solution-top { background: #f4f4f4; padding: 30px 15px 35px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solution-top .common-l { margin-bottom: 40px; }

.solution-top .common-l h3 { font-size: 24px; color: #015198; line-height: 1; margin-bottom: 15px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.solution-top .common-l .common-l-content { font-size: 16px; line-height: 30px; color: #727272; }

.solution-top .common-l .common-l-content p { margin-bottom: 10px; }

.solution-bottom { padding: 30px 0 35px 0; }

.solution-bottom-title { text-align: center; font-size: 24px; letter-spacing: -1px; color: #333333; padding-bottom: 15px; position: relative; margin-bottom: 30px; }

.solution-bottom-title::before { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 20px; height: 3px; background-color: #015198; }

.solution-bottom-area { margin-bottom: 15px; }

.solution-bottom-area a { display: block; padding-bottom: 15px; }

.related-thumb { position: relative; overflow: hidden; margin-bottom: 15px; }

.related-thumb img { width: 100%; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }

.related-content h3 { font-size: 18px; color: #555555; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.solution-more a { display: block; text-align: center; line-height: 40px; color: #ffffff; width: 180px; margin: 0 auto; -webkit-border-radius: 4px; border-radius: 4px; background-color: #308eda; }

.common-thumb { text-align: center; }

.solution-bottom-swiper { overflow: hidden; }

.solution-bottom-page { text-align: center; }

.solution-bottom-page span { margin: 0 3px; background: #a1a1a1; opacity: 1; }

.solution-bottom-page .swiper-pagination-bullet-active { background-color: #308eda; }

.solution-bottom-prev, .solution-bottom-next { display: none; }

.download-container { padding: 30px 0 35px 0; background-color: #f4f4f4; }

.FAQ-container { padding: 30px 0 35px 0; background-color: #f4f4f4; }

.FAQ-container .diy-ctrl { display: none; }

.FAQ-container .diy-btn-1 { background-image: url(/skin/images/diy-list-eye.png); }

.FAQ-container .diy-title { padding-left: 35px; }

.FAQ-container .diy-list-item { position: relative; padding: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.FAQ-container .diy-list-item i { position: absolute; width: 32px; height: 32px; background-color: #dfe2e3; -webkit-border-radius: 2px; border-radius: 2px; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.FAQ-container .diy-list-item i::before { content: "Q"; position: absolute; bottom: 0; right: 4px; font-size: 30px; color: #fff; font-style: normal; line-height: 1; }

.FAQ-container .diy-list-content { display: none; padding: 20px 15px; }

.FAQ-container .diy-list-content li { position: relative; padding-left: 35px; margin-bottom: 30px; }

.FAQ-container .diy-list-content li:last-child { margin-bottom: 0; }

.FAQ-container .diy-list-content li::before { content: ""; position: absolute; left: 0; top: 5px; width: 25px; height: 25px; background-image: url(/skin/images/diy-list-answer.png); -o-background-size: 100%; background-size: 100%; }

.FAQ-container .diy-content { line-height: 24px; color: #666666; }

.FAQ-container .diy-content p { margin-bottom: 10px; }

.FAQ-container .diy-content p:last-child { margin-bottom: 0; }

.repair-container { padding-top: 36px; padding-bottom: 34px; }

.repair-area { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 25px 15px 30px 15px; }

.repair-form .form-item { margin-bottom: 12px; }

.repair-form .form-item p { font-size: 16px; color: #525252; margin-bottom: 7px; word-break: break-all; }

.repair-form .form-input-area { height: 36px; line-height: 36px; }

.repair-form .form-input-area > input { -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px rgba(194, 194, 194, 0.4); padding: 0 12px; height: 36px; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.repair-form .form-input-area > input::-webkit-input-placeholder { color: #bdbdbd; }

.repair-form .form-input-area > label { display: inline-block; line-height: 36px; margin-right: 45px; position: relative; padding-left: 23px; font-size: 16px; color: #494949; cursor: pointer; }

.repair-form .form-input-area > label::before { content: ""; position: absolute; left: 0; top: 10px; width: 16px; height: 16px; -webkit-border-radius: 100%; border-radius: 100%; border: solid 1px #d3d3d3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.repair-form .form-input-area > label::after { content: ""; position: absolute; width: 8px; height: 8px; background-color: #124297; -webkit-border-radius: 100%; border-radius: 100%; left: 4px; top: 14px; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.repair-form .form-input-area > label input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; margin: 0; cursor: pointer; }

.repair-form .form-input-area > label.active::before { border-color: #124297; }

.repair-form .form-input-area > label.active::after { opacity: 1; }

.repair-form .form-msg .form-input-area { height: auto; }

.repair-form .form-msg textarea { height: 190px; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px rgba(194, 194, 194, 0.4); padding: 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.repair-form .form-code { width: 200px; }

.repair-form .form-code .form-input-area { font-size: 0; }

.repair-form .form-code .form-input-area input { width: -webkit-calc(100% - 81px); width: -moz-calc(100% - 81px); width: calc(100% - 81px); font-size: 14px; margin-right: 12px; }

.repair-form .form-code .form-input-area a { display: inline-block; vertical-align: top; width: 69px; height: 36px; }

.repair-form .form-code .form-input-area a img { width: 100%; height: 100%; }

.repair-form .repair-submit { width: 146px; height: 36px; background-color: #d1d1d1; -webkit-border-radius: 18px; border-radius: 18px; color: #fff; margin: 30px auto 0 auto; display: block; font-size: 16px; }

.repair-form .repair-submit.active { background-color: #124297; }

.services-container { overflow: hidden; }

.services-list { padding: 30px 0 35px 0; }

.services-list li { width: 32%; margin-right: 2%; }

.services-list li:nth-child(3n) { margin-right: 0; }

.services-list li:last-child { margin-bottom: 0; }

.services-list a { display: block; cursor: auto; padding-bottom: 20px; padding-top: 20px; }

.services-list p { width: 50px; height: 50px; text-align: center; margin: 0 auto 10px auto; line-height: 50px; font-size: 0; }

.services-list img { max-width: 100%; display: inline-block; margin: 0 auto; }

.services-list .services-item-1 a { background: #e3b259; }

.services-list .services-item-2 a { background: #59e3ad; }

.services-list .services-item-3 a { background: #59ade3; }

.services-list h4 { text-align: center; font-size: 14px; letter-spacing: -1px; color: #fff; line-height: 24px; height: 48px; padding: 0 15px; }

.services-mode { position: relative; }

.services-l { position: relative; z-index: 2; background: rgba(229, 240, 245, 0.92); padding: 30px 15px 35px 15px; }

.services-title { font-size: 24px; line-height: 40px; letter-spacing: -1px; color: #303030; margin-bottom: 15px; }

.services-mode-list ul { position: relative; height: 315px; overflow-y: auto; padding-right: 15px; }

.services-mode-list ul::-webkit-scrollbar { width: 2px; height: 400px; background-color: rgba(212, 226, 232, 0.1); }

.services-mode-list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(212, 226, 232, 0); -webkit-border-radius: 3px; border-radius: 3px; background-color: rgba(212, 226, 232, 0.5); width: 1px; }

.services-mode-list ul::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #c4deea; width: 2px; }

.services-mode-list li { margin-bottom: 10px; }

.services-mode-list h4 { font-size: 16px; line-height: 32px; letter-spacing: -1px; color: #000000; }

.services-mode-content p { font-size: 16px; line-height: 32px; letter-spacing: -1px; color: #6a6a6a; }

.services-guarantee { padding: 30px 15px 35px 15px; }

.services-guarantee-l { margin-bottom: 30px; }

.services-guarantee-area h3 { font-size: 20px; line-height: 30px; letter-spacing: -1px; color: #0e7fa7; margin-bottom: 10px;visibility: inherit !important; }

.services-guarantee-list li { margin-bottom: 8px; padding-left: 40px; position: relative; visibility: inherit !important;}

.services-guarantee-list li::before { content: ""; position: absolute; left: 0; top: 11px; width: 22px; height: 6px; }

.services-guarantee-list li:first-child::before { background-color: #fb7a0a; }

.services-guarantee-list li:nth-child(2)::before { background-color: #5192c9; }

.services-guarantee-list li:last-child::before { background-color: #948116; }

.services-guarantee-list li h4, .services-guarantee-list li p { font-size: 14px; line-height: 28px; letter-spacing: -1px; color: #616161; }

.services-guarantee-img { text-align: center; }

.services-bottom { padding: 30px 15px; background-image: url(/skin/images/services-bg.jpg); -o-background-size: cover; background-size: cover; position: relative; }

.services-bottom-list .services-list-item { background: #fff; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px 20px 17px 20px; }

.services-bottom-list li { margin-bottom: 15px; visibility: inherit !important;}

.services-bottom-list li:last-child { margin-bottom: 0; }

.services-bottom-list h3 { font-size: 22px; color: #0e7fa7; margin-bottom: 5px; }

.services-bottom-list .list-content { min-height: 78px; }

.services-bottom-list .list-content p, .services-bottom-list .list-content a { font-size: 16px; line-height: 26px; color: #646464; }

.services-bottom-list li:nth-child(3) a {
    padding-left: 26px;
    background-position: 2px center;
    -o-background-size: 14px;
    background-size: 14px;
    letter-spacing: -1px;
}

.services-bottom-list li:nth-child(3) .to-tel {
    background-image: url(/skin/images/services-tel.png);
}

.services-bottom-list li:nth-child(3) .to-qq {
    background-image: url(/skin/images/services-qq.png);
}

.services-bottom-list li:nth-child(3) .to-email {
    background-image: url(/skin/images/services-email.png);
}

.services-bottom-list li:nth-child(4) .list-content {
    position: relative;
}

.services-bottom-list li:nth-child(4) .list-content p {
    position: absolute;
    right: 0;
    text-align: right;
    top: -35px;
}

.services-bottom-list li:nth-child(4) .list-content img {
    width: 120px;
}

.services-bottom-img { display: none; text-align: center;  visibility: inherit !important;}

.news-list-container { padding-top: 30px; }

.news-list-container .news-tab { font-size: 0; }

.news-list-container .news-tab a { display: inline-block; font-size: 16px; line-height: 40px; padding: 0 20px; border-bottom: solid 1px #d8dde6; color: #4f4f4f; }

.news-list-container .news-tab a.active { color: #ffffff; background-color: #015198; }

.news-list-container .news-recommend-area .newsA3d-topnews-swiper a { background: #f0f5fb; }

.news-list-container .news-recommend-area .newsA3d-topnews-swiper .newsA3d-pages .swiper-pagination-bullet-active { background: #0863b2; }

.news-list-container .news-recommend-area .newsA3d-topnews-swiper .desc { max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.news-list-container .news-recommend-area .full-newsA3d-container { padding-bottom: 0; }

.news-list-container .news-recommend-area .full-newsA3d-wrapper { background: #f0f5fb; }

.news-list-container .news-recommend-area .full-newsA3d-wrapper .date { color: #0863b2; }

.news-list-container .hgy-page { background: #f0f5fb; padding: 15px 0 30px 0; }

.news-details-container .article-dr { font-size: 0; }

.news-details-container .article-dr p { display: inline-block; font-size: 14px; color: #898989; line-height: 32px; margin-right: 20px; padding-left: 25px; -o-background-size: 20px; background-size: 20px; background-position: left center; }

.news-details-container .article-dr .date { background-image: url(/skin/images/news-detail-date.png); }

.news-details-container .article-dr .read { background-image: url(/skin/images/news-detail-read.png); }

.news-details-container .full-newsdetailB-container .full-newsdetailB-area { border-top: solid 1px #e2eaf1; }

.news-details-container .full-newsdetailB-container .newsdetailB-article { border: 0; }

.news-details-container .full-newsdetailB-container .newsdetailB-ctrl .return { background-color: #015198; }

.news-details-container .full-newsdetailB-content { margin-bottom: 30px; }

.news-details-container .newsdetailB-related { padding: 15px 10px; background-color: #f2f2f2; }

.news-details-container .newsdetailB-related .related-cn { font-size: 16px; line-height: 24px; font-weight: bold; color: #444444; }

.news-details-container .newsdetailB-related .related-en { margin-bottom: 15px; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #b2b2b2; }

.news-details-container .newsdetailB-related .related-ctrl { font-size: 0; }

.news-details-container .newsdetailB-related .related-ctrl a { display: block; width: 100%; background-color: #cdcdcd; height: 50px; padding: 0 15px; margin-bottom: 15px; position: relative; }

.news-details-container .newsdetailB-related .related-ctrl a p { width: 70px; font-size: 16px; display: inline-block; vertical-align: middle; line-height: 50px; }

.news-details-container .newsdetailB-related .related-ctrl a h2 { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); font-size: 14px; color: #646464; vertical-align: middle; display: inline-block; max-height: 44px; line-height: 22px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.news-details-container .newsdetailB-related .related-news a { display: block; }

.news-details-container .newsdetailB-related .related-news li { margin-bottom: 20px; }

.news-details-container .newsdetailB-related .related-news .related-news-date { font-size: 16px; line-height: 30px; color: #015198; }

.news-details-container .newsdetailB-related .related-news .related-news-title { color: #444444; margin-bottom: 13px; font-size: 18px; line-height: 24px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.news-details-container .newsdetailB-related .related-news .related-news-desc { margin-bottom: 10px; font-size: 13px; color: #a1a1a1; height: 72px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; max-height: 72px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.news-details-container .newsdetailB-related .related-news .related-news-more { font-size: 13px; line-height: 18px; color: #797a81; }

@media (min-width: 768px) { .solution-top { padding-left: 20px; padding-right: 20px; }
  .FAQ-area .diy-list-item i { left: 15px; }
  .FAQ-area .diy-title { padding-left: 40px; }
  .FAQ-area .diy-list-content { padding: 25px 30px 20px 30px; }
  .FAQ-area .diy-list-content li { padding-left: 40px; }
  .repair-area { padding: 40px 30px 50px 30px; }
  .repair-form { max-width: 933px; margin: 0 auto ; }
  .repair-form .form-item { width: 50%; padding: 0 33px; float: left; }
  .repair-form .form-msg { width: 100%; }
  .repair-form .repair-submit { margin: 29px 0 0 0; }
  .form-bottom { float: left; width: 100%; margin-top: 15px; }
  .services-l { padding-left: 20px; padding-right: 20px; }
  .services-guarantee { padding-left: 20px; padding-right: 20px; }
  .services-bottom { padding-left: 20px; padding-right: 20px; }
  .services-mode-list ul { padding-right: 25px; }
  .services-r img { width: 100%; }
  .services-bottom-list { max-width: 837px; margin: 0 auto; }
  .services-bottom-list ul { margin: 0 -10px; }
  .services-bottom-list li { width: 50%; float: left; padding: 0 10px; margin-bottom: 20px; }
  .services-bottom-list .list-content { height: 78px; }
  .services-bottom-list .list-content p { max-height: 78px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .services-bottom-list li:nth-child(3) a { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 26px; }
  .services-bottom-list li:nth-child(4) .list-content p { height: 141px; max-height: 141px; }
  .news-details-container .newsdetailB-related { padding: 15px 20px; }
  .news-details-container .newsdetailB-related .related-ctrl a { width: 48%; float: left; margin-bottom: 30px; }
  .news-details-container .newsdetailB-related .related-ctrl a:last-child { float: right; }
  .news-details-container .newsdetailB-related .related-news ul { margin: 0 -10px; font-size: 0; }
  .news-details-container .newsdetailB-related .related-news li { width: 50%; padding: 0 10px; display: inline-block; vertical-align: top; } }

@media (min-width: 1024px) { .hgy-page a:hover { border-color: #082c4c; background: #082c4c; color: #fff; }
    .single-page {
        min-height: 700px;
    }
    .hgy-page a:hover::before, .hgy-page a:hover::after {
        border-color: #fff;
    }
  .diy-swiper-btn { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; }
  .diy-swiper-btn::before { content: ""; position: absolute; top: 7px; left: 14px; border-bottom: solid 2px #999; border-left: solid 2px #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 25px; height: 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .diy-swiper-btn:hover::before { border-color: #015198; }
  .diy-list li { margin-bottom: 22px; }
  .diy-list li:last-child { margin-bottom: 0; }
  .diy-list .diy-list-item { position: relative; padding: 0 420px 0 53px; }
  .diy-list .diy-list-item:hover { background-color: #015198; }
  .diy-list .diy-list-item:hover i { background-color: transparent; }
  .diy-list .diy-list-item:hover .diy-title, .diy-list .diy-list-item:hover .diy-date { color: #fff; }
  .diy-list .diy-list-item:hover .diy-btn-1 { background-color: #3d90da; }
  .diy-list .diy-title { padding: 32px 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .diy-list .diy-date { position: absolute; top: 50%; right: 227px; margin-top: -20px; font-size: 16px; }
  .diy-list .diy-ctrl { position: absolute; top: 0; right: 0; z-index: 3; }
  .diy-list .diy-ctrl .diy-btn-1 { padding: 45px; -o-background-size: 32px auto; background-size: 32px auto; }
  .solution-container { padding-top: 52px; padding-bottom: 68px; }
  .solution-title { font-size: 30px; margin-bottom: 50px; }
  .solution-list { margin: 0 -15px;}
  .solution-list li {padding: 0 15px; margin-bottom: 33px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .solution-list li .solution-info h2 { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .solution-list li a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 0 15px -5px #aaa; box-shadow: 0 0 15px -5px #aaa; }
  .solution-list li a:hover .solution-info h2 { color: #015198; }
  .solution-info { padding: 20px 28px 58px 28px;}
  .solution-area { margin-bottom: 37px; }
  .solution-top { display: table; padding-left: 60px; padding-right: 60px; }
  .solution-top .common-l { display: table-cell; vertical-align: middle; padding-right: 44px; width: 45%; }
  .solution-top .common-l h3 { font-size: 32px; margin-bottom: 50px; }
  .solution-top .common-l .common-l-content { font-size: 18px; }
  .solution-top .common-l .common-l-content p { margin-bottom: 30px; }
  .solution-top .common-l .common-l-content p:last-child { margin-bottom: 0; }
  .solution-top .common-r { display: table-cell; vertical-align: middle; }
  .solution-top .common-thumb { margin-top: 25%; }
  .solution-bottom { padding-top: 46px; padding-bottom: 72px; }
  .solution-bottom .solution-bottom-prev { left: 0; }
  .solution-bottom .solution-bottom-next { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .solution-bottom-title { margin-bottom: 49px; font-size: 30px; }
  .solution-bottom-page { display: none; }
  .solution-bottom-area { position: relative; overflow: hidden; padding: 0 50px; margin-bottom: 50px; }
  .solution-bottom-area .related-thumb { margin-bottom: 43px; }
  .solution-bottom-area a:hover h3 { color: #015198; }
  .solution-more a { width: 360px; line-height: 63px; font-size: 18px; }
  .services-container .services-list { padding-top: 78px; padding-bottom: 99px; }
  .services-container .services-list ul { margin: 0 -23px;font-size: 0;text-align:center;}
  .services-container .services-list li { float:none; display:inline-block;vertical-align:top; width: 30%; padding: 0 23px; margin: 0; }
  .services-container .services-list li a { padding-bottom: 34px; padding-top: 45px;border-radius: 10px; }
  .services-container .services-list li p { width: 147px; height: 147px; margin: 0 auto 43px auto; line-height: 147px; }
  .services-container .services-list li h4 { font-size: 24px; line-height: 40px; height: auto; padding: 0 30px; }
  .services-l { width: 50%; padding: 56.5px 40px 93px 40px; }
  .services-l .services-title { margin-bottom: 40px; }
  .services-r { width: 50%; position: absolute; top: 0; right: 0; height: 100%; overflow: hidden; }
  .services-r img { height: 100%; width: auto; max-width: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .services-guarantee { display: table; padding: 66px 60px; }
  .services-guarantee h3 { font-size: 24px; margin-bottom: 26px; }
  .services-guarantee-l { display: table-cell; vertical-align: middle; width: 42.93221%; padding-right: 47px;visibility: inherit !important; }
  .services-guarantee-r { display: table-cell; vertical-align: middle; width: 24.5402%; }
  .services-guarantee-list li { margin-bottom: 34px; }
  .services-guarantee-list li:last-child { margin-bottom: 0; }
  .services-guarantee-list li h4, .services-guarantee-list li p { font-size: 16px; }
  .services-bottom { padding: 80px 0; }
  .services-bottom-list ul { margin: 0 -18.5px; }
  .services-bottom-list li { padding: 0 18.5px; margin-bottom: 33px; }
  .services-bottom-list h3 { font-size: 26px; margin-bottom: 12px; }
  .services-bottom-list .services-list-item { padding: 30px 40px 17px 40px; position: relative; overflow: hidden; }
  .services-bottom-list .services-list-item:hover::after { opacity: 1; }
  .services-bottom-list .services-list-item:hover::before { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .services-bottom-list .services-list-item::after { content: ""; position: absolute; bottom: -13px; right: -3px; width: 81px; height: 81px; background-image: url(/skin/images/services-hvbg.png); -o-background-size: cover; background-size: cover; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .services-bottom-list .services-list-item::before { content: ""; position: absolute; height: 100%; width: 24px; background-image: url(/skin/images/services-hvl.png); -o-background-size: cover; background-size: cover; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); left: 0; top: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .services-bottom-list .list-content { height: 102px; }
  .services-bottom-list .services-list-bx .list-content p { top: -46px; }
  .services-bottom-list .services-list-bx .list-content img { width: 139px; }
  .download-container { padding-top: 55px; padding-bottom: 62px; }
  .download-area { margin-bottom: 62px; }
  .FAQ-container { padding-top: 71px; padding-bottom: 52px; }
  .FAQ-container .diy-list { margin-bottom: 62px; }
  .FAQ-container .diy-ctrl { display: block; }
  .FAQ-container .diy-list-item { padding-left: 71px; }
  .FAQ-container .diy-list-item i { left: 20px; }
  .FAQ-container .diy-list-content { padding-top: 35px; padding-left: 70px; padding-right: 96px; }
  .FAQ-container .diy-list-content > li { padding-left: 63px; }
  .FAQ-container .diy-list-content > li::before { width: 32px; height: 32px; }
  .FAQ-container .diy-list-content p { margin-bottom: 22px; }
  .FAQ-container .diy-list-content .diy-content-list li { margin-bottom: 50px; }
  .FAQ-container .diy-list-content .diy-content-list li:last-child { margin-bottom: 0; }
  .news-list-container { padding-top: 58px; }
  .news-list-container .news-tab a { padding: 0 43px; line-height: 40px; }
  .news-list-container .news-tab a:not(.active):hover { color: #015198; }
  .news-list-container .full-newsA3d-container { padding-top: 33px; }
  .news-list-container .full-newsA3d-container .newsA3d-topnews-swiper { margin-bottom: 46px; }
  .news-list-container .full-newsA3d-container .newsA3d-topnews-swiper a:hover .title, .news-list-container .full-newsA3d-container .newsA3d-topnews-swiper a:hover .more { color: #015198; }
  .news-list-container .full-newsA3d-container .newsA3d-topnews-swiper .desc { margin-bottom: 50px; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper { padding-top: 68px; padding-bottom: 36px; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper ul { margin-right: -33px; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper li { padding-right: 33px; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper li a { overflow: visible; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper li a .back, .news-list-container .full-newsA3d-container .full-newsA3d-wrapper li a .content { -webkit-box-shadow: none; box-shadow: none; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper li a:hover .back, .news-list-container .full-newsA3d-container .full-newsA3d-wrapper li a:hover .content { -webkit-box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.15); box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.15); }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .date { background: #e5edf8; color: #1f1f1f; padding-top: 50px; left: 30px; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .date .dd { position: absolute; top: 5px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .content { padding-top: 26.45503%; padding-bottom: 8.99471%; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .title { margin-bottom: 10px; font-size: 18px; height: 48px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .desc { max-height: 60px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .thumb { height: 100%; }
  .news-list-container .full-newsA3d-container .full-newsA3d-wrapper .thumb img { max-width: none; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .news-list-container .hgy-page { padding-bottom: 74px; }
  .news-details-container .full-newsdetailB-container { padding-top: 62px; padding-bottom: 30px; }
  .news-details-container .full-newsdetailB-container .single-page { padding-right: 27px; padding-left: 126px; margin-bottom: 83px; max-width: none; }
  .news-details-container .full-newsdetailB-container .article-tilte { font-size: 34px; text-align: center; line-height: 1.3; }
  .news-details-container .full-newsdetailB-container .article-dr { text-align: center; }
  .news-details-container .full-newsdetailB-container .article-dr p { padding-left: 42px; -o-background-size: auto; background-size: auto; background-repeat: no-repeat; font-size: 20px; margin-right: 40px; margin-bottom: 38px; }
  .news-details-container .full-newsdetailB-container .article-dr .read { margin-right: 0; }
  .news-details-container .full-newsdetailB-container .newsdetailB-article { width: -webkit-calc(100% - 313px); width: -moz-calc(100% - 313px); width: calc(100% - 313px); padding-top: 43px; margin-bottom: 0; padding-bottom: 0; }
  .news-details-container .full-newsdetailB-container .newsdetailB-bdshare { top: 110px; }
  .news-details-container .full-newsdetailB-container .full-newsdetailB-content { margin-bottom: 0; }
  .news-details-container .full-newsdetailB-container .newsdetailB-ctrl { padding: 0 27px 0 126px; }
  .news-details-container .full-newsdetailB-container .newsdetailB-ctrl .return { position: static; }
  .news-details-container .full-newsdetailB-container .related-ctrl { margin-bottom: 38px; }
  .news-details-container .full-newsdetailB-container .related-ctrl a { width: 100%; margin-bottom: 15px; height: 63px; }
  .news-details-container .full-newsdetailB-container .related-ctrl a:last-child { margin-bottom: 0; }
  .news-details-container .full-newsdetailB-container .related-ctrl a:hover h2 { color: #015198; }
  .news-details-container .full-newsdetailB-container .related-ctrl a p { font-size: 20px; line-height: 63px; width: 80px; }
  .news-details-container .full-newsdetailB-container .related-ctrl a h2 { font-size: 16px; line-height: 22px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .news-details-container .full-newsdetailB-container .related-news li { width: 100%; margin-bottom: 40px; }
  .news-details-container .full-newsdetailB-container .related-news a:hover .related-news-title, .news-details-container .full-newsdetailB-container .related-news a:hover .related-news-more { color: #015198; }
  .news-details-container .full-newsdetailB-container .related-news .related-news-date { font-size: 24px; letter-spacing: -2px; }
  .news-details-container .full-newsdetailB-container .related-news .related-news-title { font-size: 18px; margin-bottom: 10px; }
  .news-details-container .full-newsdetailB-container .related-news .related-news-desc { margin-bottom: 20px; }
  .news-details-container .newsdetailB-related { width: 313px; display: table-cell; vertical-align: top; padding: 40px 20px 50px 20px; position: absolute; top: 43px; right: 0; }
  .news-details-container .newsdetailB-related .related-cn { font-size: 20px; font-weight: normal; letter-spacing: -1px; }
  .news-details-container .newsdetailB-related .related-en { font-size: 18px; letter-spacing: -1px; opacity: 0.5; margin-bottom: 25px; }
  .news-details-container .full-newsdetailB-area { position: relative; }
  .solution-details-container .softpro-tui { padding-top: 56px; }
  .repair-container { padding-top: 76px; padding-bottom: 70px; } }

@media (min-width: 1260px) { .solution-top { padding-right: 10%; padding-left: 10%; }
  .solution-top .common-r { width: 51.2035%; }
  .solution-top .common-l { width: 48.7965%; }
  .solution-bottom { padding-left: 60px; padding-right: 60px; }
  .solution-bottom .commonweb { max-width: 1400px; padding: 0; }
  .solution-bottom-area { padding: 0 100px; }
  .diy-swiper-btn { width: 80px; height: 80px; }
  .diy-swiper-btn::before { width: 50px; height: 50px; top: 14px; left: 26px; }
  .services-list h4 { font-size: 30px; }
  .services-l { padding: 50px 3.3% 50px 10%; }
  .services-mode-list ul { padding-right: 7.2%; height: 350px; }
  .services-mode-list li { font-size: 0; }
  .services-mode-list li h4 { width: 115px; padding-right: 10px; display: inline-block; vertical-align: top; }
  .services-mode-list li .services-mode-content { width: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); width: calc(100% - 115px); display: inline-block; vertical-align: top; }
  .services-title { margin-bottom: 40px; }
  .services-guarantee { padding-top: 133px; padding-bottom: 130px; max-width: 1280px; margin: 0 auto; }
  .services-bottom { padding-top: 120px; padding-bottom: 83px; }
  .services-bottom-list h3 { font-size: 30px; }
  .services-bottom-list .services-list-item { padding-left: 50px; padding-right: 45px; }
  .news-list-container .full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-pages { padding-left: 38px; } }

@media (min-width: 1400px) { .services-l { padding-top: 102px; padding-bottom: 160px; }
  .services-mode-list ul { height: 445px; }
  .services-r img { position: relative; width: auto; height: 100%; max-width: none; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .services-bottom { padding: 169px 0 149px 0; }
  .services-bottom-list { margin-left: 8%; }
  .services-bottom-img { display: block; position: absolute; top: 169px; width: 34.63542%; right: -6%; }
  .services-bottom-img img { height: 446px; width: auto; max-width: none; } }

@media (min-width: 1600px) { .services-bottom-list { margin-left: 18.75%; } }

@media (min-width: 1860px) { .services-bottom-img { right: 0; } }



.full-searchA-wrapper .search-hd { border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-form { padding: 20px 0; }

.full-searchA-wrapper .search-form form { position: relative; display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-right: 80px; border: 1px solid #333;  -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.full-searchA-wrapper .search-form input { display: block; width: 100%; font-size: 14px; line-height: 38px; height: 38px; }

.full-searchA-wrapper .search-form input[type='text'] { padding-left: 36px; background-repeat: no-repeat; background-position: 12px center; -o-background-size: auto 16px; background-size: auto 16px; background-image: url(/skin/images/searchAico.png);  }

.full-searchA-wrapper .search-form input[type='submit'] { position: absolute; right: 0; top: 0; z-index: 3; width: 80px; padding: 0 20px; color: #fff;  background-color: #333;  }

.full-searchA-wrapper .search-cate ul { margin-bottom: -1px; white-space: nowrap; overflow-x: auto; }

.full-searchA-wrapper .search-cate li { display: inline-block; vertical-align: top; margin-right: 10px; }

.full-searchA-wrapper .search-cate a { display: block; font-size: 14px; line-height: 30px; padding: 0 5px; border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-cate .cur a { border-bottom-color: #333;  }

.full-searchA-wrapper .search-result .length { padding: 10px 0; }

.full-searchA-wrapper .search-result .nodata { padding: 20px 0; }

.full-searchA-wrapper .result-list li { padding: 10px 0; border-bottom: 1px solid #ccc;  }

.full-searchA-wrapper .result-list li a { display: block; }

.full-searchA-wrapper .result-list .thumb { float: left; width: 135px; margin-right: 10px; }

.full-searchA-wrapper .result-list .thumb img { max-width: 100%; }

.full-searchA-wrapper .result-list .content { overflow: hidden; }

.full-searchA-wrapper .result-list .content h2 { font-size: 16px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;  }

.full-searchA-wrapper .result-list .desc { font-size: 14px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666;  }

.full-searchA-wrapper .result-list .more { font-size: 14px; line-height: 24px; }

.full-searchA-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

.full-searchA-wrapper .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #015198;  }

.full-searchA-wrapper mark { color: #fff;  background-color: #015198;  }

@media (min-width: 640px) { .full-searchA-wrapper .search-form { padding: 30px 0; }
  .full-searchA-wrapper .result-list li { padding: 15px 0; }
  .full-searchA-wrapper .result-list .thumb { width: 180px; }
  .full-searchA-wrapper .result-list .loadmore { padding: 20px 0; } }

@media (min-width: 1024px) { .full-searchA-wrapper .search-form { padding: 40px 0;  }
  .full-searchA-wrapper .commonweb { max-width: 960px; }
  .full-searchA-wrapper .loadmore { padding: 40px 0;  }
  .full-searchA-wrapper .loadmore a { line-height: 50px; }
  .full-searchA-wrapper .result-list li { padding: 20px 0;  }
  .full-searchA-wrapper .result-list .content h2 { margin-bottom: 10px; font-weight: bold; }
  .full-searchA-wrapper .result-list .thumb { width: 280px;  margin-bottom: 30px;  } }



.full-newsdetailB-container { padding: 30px 0; background-color: #ffffff;  }

.full-newsdetailB-container .article-tilte { margin-bottom: 8px; font-size: 18px; line-height: 26px; color: #333333;  }

.full-newsdetailB-container .date { margin-bottom: 10px; font-size: 16px; line-height: 32px; color: #8e8e8e;  }

.full-newsdetailB-container .newsdetailB-article { position: relative; padding: 38px 0 30px; margin-bottom: 15px; border: 1px solid #d9d9d9;  border-left: 0; border-right: 0; font-size: 14px; line-height: 24px; color: #888888;  }

.full-newsdetailB-container .newsdetailB-article img { max-width: 100%; margin: 0.5em 0; }

.full-newsdetailB-container .newsdetailB-bdshare { position: absolute; right: 0; top: -43px; overflow: hidden; zoom: 1; }

.full-newsdetailB-container .newsdetailB-bdshare a { float: left; display: block; width: 32px; height: 32px; padding: 0; margin: 0 0 0 5px; background-repeat: no-repeat; background-position: center; -o-background-size: cover; background-size: cover; }

.full-newsdetailB-container .newsdetailB-bdshare .bds_weixin { background-image: url(/skin/images/newsdetailBwxico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_tsina { background-image: url(/skin/images/newsdetailBsnico.png);  }

.full-newsdetailB-container .newsdetailB-bdshare .bds_sqq { background-image: url(/skin/images/newsdetailBqqico.png);  }

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl { margin-bottom: 10px; }

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a { display: block; font-size: 14px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666;  }

.full-newsdetailB-container .newsdetailB-ctrl .return { display: block; width: 120px; height: 40px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff;  background-color: #de0012;  }

@media (min-width: 768px) { .full-newsB-container .newsB-list ul { margin: 0 -10px; }
  .full-newsB-container .newsB-list li { width: 50%; padding: 0 10px; margin-bottom: 20px; } }


@media (min-width: 1024px) { .full-newsdetailB-container { padding: 75px 0 78px;  }
  .full-newsdetailB-container .article-tilte { font-size: 24px;  margin: 0 0 18px;  line-height: 32px; }
  .full-newsdetailB-container .date { margin: 0 0 40px;  font-size: 24px; }
  .full-newsdetailB-container .newsdetailB-article { padding: 72px 0 55px; margin-bottom: 42px; }
  .full-newsdetailB-container .single-page { padding: 0 100px; }
  .full-newsdetailB-container .newsdetailB-bdshare { position: absolute; right: auto; left: 0; top: 76px; z-index: 50; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 40px; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; bottom: 55px; }
  .full-newsdetailB-container .newsdetailB-bdshare a { float: none; width: 72px; height: 72px; margin: 0 0 1px 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_weixin:hover { background-image: url(/skin/images/newsdetailBwxicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_tsina:hover { background-image: url(/skin/images/newsdetailBsnicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_sqq:hover { background-image: url(/skin/images/newsdetailBqqicoac.jpg);  }
  .full-newsdetailB-container .newsdetailB-ctrl { position: relative; padding-right: 200px; }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl { margin-bottom: 0; }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a:hover { color: #de0012;  }
  .full-newsdetailB-container .newsdetailB-ctrl .return { position: absolute; right: 0; top: 5px; z-index: 3; width: 145px; height: 50px; line-height: 50px; } }

@media (min-width: 1260px) { .full-newsdetailB-container .single-page { max-width: 840px; padding: 0; margin: 0 auto; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top { position: fixed; left: 50%; margin-left: -600px; }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom { position: absolute; left: 0; top: auto; margin-left: 0; } }



.full-newsA3d-container { padding: 30px 0; background-color: #ffffff;  }

.full-newsA3d-container .newsA3d-title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; text-transform: uppercase; text-align: center; color: #1b1b1b;  }

.full-newsA3d-container .newsA3d-title:after { content: ''; display: block; width: 60px; height: 2px; margin: 15px auto 0; background-color: #cd002b;  }

.full-newsA3d-container .newsA3d-topnews-swiper { margin-bottom: 15px; }

.full-newsA3d-container .newsA3d-topnews-swiper .thumb { overflow: hidden; }

.full-newsA3d-container .newsA3d-topnews-swiper .thumb img { width: 100%; }

.full-newsA3d-container .newsA3d-topnews-swiper a { display: block; background-color: #f2f2f2;  }

.full-newsA3d-container .newsA3d-topnews-swiper .conent { padding: 10px 15px 40px; }

.full-newsA3d-container .newsA3d-topnews-swiper .title { margin-bottom: 5px; font-size: 18px; line-height: 30px; color: #666666;  white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.full-newsA3d-container .newsA3d-topnews-swiper .desc { font-size: 14px; line-height: 24px; color: #888888;  display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.full-newsA3d-container .newsA3d-topnews-swiper .more { display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; color: #666666;  }

.full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-pages { position: absolute; left: 0; bottom: 15px; z-index: 10; width: 100%; font-size: 0; line-height: 0; text-align: center; }

.full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-pages span { opacity: 1; display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; background-color: #d9d9d9;  }

.full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-pages .swiper-pagination-bullet-active { background-color: #de0012;  }

.full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-btn { display: none; width: 52px; height: 52px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; opacity: .5; background-image: url(/skin/images/newsA-swiper-btn.jpg); -o-background-size: cover; background-size: cover; z-index: 2; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-prev { left: 0; }

.full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-next { left: 65%; margin-left: -52px; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.full-newsA3d-container .full-newsA3d-wrapper { padding: 20px 0 10px; background-color: #f2f2f2;  }

.full-newsA3d-container .full-newsA3d-wrapper li { margin-bottom: 15px; }

.full-newsA3d-container .full-newsA3d-wrapper li a { display: block; background-color: #ffffff;  }

.full-newsA3d-container .full-newsA3d-wrapper .thumb { overflow: hidden; }

.full-newsA3d-container .full-newsA3d-wrapper .thumb img { width: 100%; }

.full-newsA3d-container .full-newsA3d-wrapper .content { padding: 15px; }

.full-newsA3d-container .full-newsA3d-wrapper .back .sub { display: none; }

.full-newsA3d-container .full-newsA3d-wrapper .title { font-size: 18px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666;  }

.full-newsA3d-container .full-newsA3d-wrapper .date { padding: 5px 0; font-size: 14px; line-height: 22px; color: #d90000;  }

.full-newsA3d-container .full-newsA3d-wrapper .date .dd { display: inline-block; vertical-align: top; }

.full-newsA3d-container .full-newsA3d-wrapper .date .dd:before { content: '.'; display: inline-block; vertical-align: top; }

.full-newsA3d-container .full-newsA3d-wrapper .desc { font-size: 14px; line-height: 24px; color: #888888;  display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.full-newsA3d-container .full-newsA3d-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

.full-newsA3d-container .full-newsA3d-wrapper .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #cd002b;  }

@media (min-width: 768px) { .full-newsA3d-container .full-newsA3d-wrapper ul { font-size: 0; margin-right: -20px; }
  .full-newsA3d-container .full-newsA3d-wrapper li { display: inline-block; vertical-align: top; width: 50%; padding-right: 20px; }
  .full-newsA3d-container .full-newsA3d-wrapper .title { max-height: none; height: 48px; line-height: 24px; -webkit-line-clamp: 2; } }


@media (min-width: 1024px) { .full-newsA3d-container { padding: 75px 0 0;  }
  .full-newsA3d-container .newsA3d-title { margin: 0 0 78px;  font-size: 30px;  }
  .full-newsA3d-container .newsA3d-title:after { margin: 12px auto 0; }
  .full-newsA3d-container .newsA3d-topnews-swiper { margin-bottom: 58px; }
  .full-newsA3d-container .newsA3d-topnews-swiper .thumb { float: left; width: 65%; }
  .full-newsA3d-container .newsA3d-topnews-swiper .thumb img { -webkit-transition: -webkit-transform ease .7s; transition: -webkit-transform ease .7s; -o-transition: -o-transform ease .7s; -moz-transition: transform ease .7s, -moz-transform ease .7s; transition: transform ease .7s; transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s; }
  .full-newsA3d-container .newsA3d-topnews-swiper a { overflow: hidden; zoom: 1; }
  .full-newsA3d-container .newsA3d-topnews-swiper a:hover .title { color: #de0012;  }
  .full-newsA3d-container .newsA3d-topnews-swiper a:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }
  .full-newsA3d-container .newsA3d-topnews-swiper a:hover .more { color: #de0012;  }
  .full-newsA3d-container .newsA3d-topnews-swiper .conent { overflow: hidden; zoom: 1; padding: 40px 25px 50px; }
  .full-newsA3d-container .newsA3d-topnews-swiper .title { margin-bottom: 24px; font-size: 22px; max-height: 64px; line-height: 32px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
  .full-newsA3d-container .newsA3d-topnews-swiper .desc { margin-bottom: 24px; height: 120px; line-height: 24px; -webkit-line-clamp: 5; }
  .full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-pages { left: 65%; bottom: 42px; width: 35%; text-align: left; padding-left: 25px; }
  .full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-btn { display: block; }
  .full-newsA3d-container .newsA3d-topnews-swiper .newsA3d-btn:hover { opacity: 1; }
  .full-newsA3d-container .full-newsA3d-wrapper { padding: 56px 0 75px; padding: 56px 0 75px;  }
  .full-newsA3d-container .full-newsA3d-wrapper li { margin-bottom: 34px; width: 33.3333%; }
  .full-newsA3d-container .full-newsA3d-wrapper li a { position: relative; overflow: hidden; background: none; }
  .full-newsA3d-container .full-newsA3d-wrapper li a.cur .content, .full-newsA3d-container .full-newsA3d-wrapper li a:hover .content { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 0; }
  .full-newsA3d-container .full-newsA3d-wrapper li a.cur .back, .full-newsA3d-container .full-newsA3d-wrapper li a:hover .back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); opacity: 1; }
  .full-newsA3d-container .full-newsA3d-wrapper .content, .full-newsA3d-container .full-newsA3d-wrapper .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; will-change: transform; background-color: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.15); box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.15); }
  .full-newsA3d-container .full-newsA3d-wrapper .content { position: relative; z-index: 3; padding: 31.74603% 30px 29.10053%; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); opacity: 1; }
  .full-newsA3d-container .full-newsA3d-wrapper .back { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }
  .full-newsA3d-container .full-newsA3d-wrapper .back .sub { display: block; margin: 65px 26px 0; font-size: 20px; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .full-newsA3d-container .full-newsA3d-wrapper .thumb { position: relative; z-index: 10; overflow: hidden; width: 100%; }
  .full-newsA3d-container .full-newsA3d-wrapper .thumb:after { content: ''; display: block; width: 100%; padding-bottom: 56.34921%; }
  .full-newsA3d-container .full-newsA3d-wrapper .thumb img { position: absolute; left: 0; top: 0; z-index: 3; max-width: 120%; min-height: 100%; }
  .full-newsA3d-container .full-newsA3d-wrapper .title { font-size: 20px; margin-bottom: 28px; max-height: 60px; line-height: 30px; -webkit-line-clamp: 2; height: auto; -webkit-transform: all ease .5s; -moz-transform: all ease .5s; -ms-transform: all ease .5s; -o-transform: all ease .5s; transform: all ease .5s; }
  .full-newsA3d-container .full-newsA3d-wrapper .desc { -webkit-transform: opacity ease .5s; -moz-transform: opacity ease .5s; -ms-transform: opacity ease .5s; -o-transform: opacity ease .5s; transform: opacity ease .5s; }
  .full-newsA3d-container .full-newsA3d-wrapper .date { -webkit-transform: opacity ease .5s; -moz-transform: opacity ease .5s; -ms-transform: opacity ease .5s; -o-transform: opacity ease .5s; transform: opacity ease .5s; position: absolute; left: 38px; top: 0; width: 80px; height: 80px; text-align: center; padding: 5px 0; font-size: 12px; color: #ffffff;  background-color: #d90000;  }
  .full-newsA3d-container .full-newsA3d-wrapper .date .dd { display: inline-block; vertical-align: top; font-size: 36px; line-height: 1.2; }
  .full-newsA3d-container .full-newsA3d-wrapper .date .dd:before { display: none; }
  .full-newsA3d-container .full-newsA3d-wrapper .desc { height: 120px; line-height: 24px; -webkit-line-clamp: 5; }
  .full-newsA3d-container .full-newsA3d-wrapper .loadmore { padding: 15px 0;  }
  .full-newsA3d-container .full-newsA3d-wrapper .loadmore a { line-height: 50px; } }

@media (min-width: 1260px) { .full-newsA3d-container .newsA3d-topnews-swiper .conent { padding: 60px 38px 50px; }
  .full-newsA3d-container .newsA3d-topnews-swiper .title { font-size: 24px; max-height: 72px; line-height: 36px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .full-newsA3d-container .newsA3d-topnews-swiper .desc { height: 120px; line-height: 24px; -webkit-line-clamp: 5; }
  .full-newsA3d-container .newsA3d-topnews-swiper .newsA-pages { padding-left: 38px; } 
  }

/* 2019-12-03 分页 */
    .laypage_main .laypage_prev {
        margin-right: 10px;
    }
    .laypage_main .laypage_next {
        margin-left: 10px;
    }
/* 2019-12-03 分页 */

/** 10291212 **/
.imgtext-suzy{
	position:absolute!important;
	left: 0!important;
	top: 0%!important;
	display:block;
	width:auto!important;
	height:auto!important;
	padding-right: 122px;
	text-align: left!important;
}

.suzy-xin{color: #015198;}

.contact-twoviewright .swiper-slide-active .contact-twoflh3{
	color: #015198;
}

.twopd-tp{margin-top:20px;}

.suzylast-onehaview{
	padding-top:0px;
	font-size: 0;
}
.suzylast-onehaview a{
	display:inline-block;
	vertical-align: top;
	height: 34px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
	line-height: 34px;
	font-size: 14px;
	color: #404040;
}
/**
.suzylast-onehaview a:first-child{
	color: #fff;
	background: #0a3a86;
}**/

@media (min-width: 1024px) {
	.services-container .services-list li a{
		transition:all .5s;
		cursor: pointer;
	}
	.services-container .services-list li a:hover{
		transform: translateY(-10px);
		box-shadow: 0 0 15px -5px #888;
	}
	.twopd-tp{margin-top:35px;}

	.suzylast-onehaview{
		padding-top:20px;
	}
	.suzylast-onehaview a{
		height: 34px;
		margin-right: 20px;
		margin-bottom: 15px;
		font-size: 16px;
	}
}

@media (min-width: 1260px) {
	.repair-form{
		width: 100%;
		max-width: none; 
	}
	.repair-area{
		padding: 50px 20px;
	}
	.repair-form .suzy-itemli p{
		min-width:90px;
		float:left;
		text-align: right;
		margin-bottom: 0;
		line-height: 36px;
		text-align-last:justify;
	}
	.repair-form .suzy-itemli .form-input-area{
		overflow:hidden;
	}
	.repair-form .repair-submit{
		margin-top: 0;
	}
	
	.suzy-itemlipd{padding-left:10px;}
	
	.softpro-oneimg{
		-webkit-animation: zoomIn 1s;
		-moz-animation: zoomIn 1s; 
		-o-animation: zoomIn 1s; 
		animation: zoomIn 1s;
	}
	
	
}
/**2019 12 20产品第一屏排版**/
@media (min-width: 1024px){
	.softpro-five.textleft .softpro-fiveimg{
		float:right;
	}
}
@media (min-width: 1024px) {
	.softpro-one.textleft{
		font-size: 0;
	}
	.softpro-one.textleft .softpro-onetit{
		display:inline-block;
		vertical-align: middle;
		width: 50%;
		padding-right: 5%;
		-webkit-animation: fadeInUp 1s;
		-moz-animation: fadeInUp 1s;
		-o-animation: fadeInUp 1s;
		animation: fadeInUp 1s;
	}
	
	.softpro-one.textleft .softpro-oneimg{
		display:inline-block;
		vertical-align: middle;
		width: 50%;
		margin-top:0;
		-webkit-animation: fadeInLeft 1s;
		-moz-animation: fadeInLeft 1s;
		-o-animation: fadeInLeft 1s;
		animation: fadeInLeft 1s;
	}
	
	.softpro-one.textright .softpro-onetit{
		display:inline-block;
		vertical-align: middle;
		width: 50%;
		padding-left: 5%;
		-webkit-animation: fadeInUp 1s;
		-moz-animation: fadeInUp 1s;
		-o-animation: fadeInUp 1s;
		animation: fadeInUp 1s;
	}
	
	.softpro-one.textright .softpro-oneimg{
		display:inline-block;
		vertical-align: middle;
		width: 50%;
		margin-top:0;
		-webkit-animation: fadeInRight 1s;
		-moz-animation: fadeInRight 1s;
		-o-animation: fadeInRight 1s;
		animation: fadeInRight 1s;
	}
	
}

#newBridge .icon-right-center{
	margin-top: 125px!important;
}


/* 20200316修改 */
@media (min-width: 1024px) {
  .inpro-view {
    white-space: nowrap;
  }
  .inpro-item {
    white-space: normal;
  }
}