.icon-backtop:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -66px -70px; width: 55px; height: 55px; }

.icon-cline:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -256px 0px; width: 22px; height: 31px; }

.icon-dnarrow:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -256px -41px; width: 16px; height: 10px; }

.icon-download:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -138px -65px; width: 46px; height: 47px; }

.icon-insidenav:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: 0px -70px; width: 56px; height: 56px; }

.icon-loadmore:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -98px -136px; width: 31px; height: 31px; }

.icon-mloadmore:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -139px -136px; width: 31px; height: 31px; }

.icon-msearch:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -203px -53px; width: 35px; height: 35px; }

.icon-nav01:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: 0px -136px; width: 46px; height: 42px; }

.icon-qa1:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -203px -140px; width: 32px; height: 32px; }

.icon-qa2:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -56px -136px; width: 32px; height: 32px; }

.icon-return:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -70px 0px; width: 58px; height: 58px; }

.icon-searchbtn:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -203px 0px; width: 43px; height: 43px; }

.icon-toptop01:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -138px 0px; width: 55px; height: 55px; }

.icon-totop_28:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: 0px 0px; width: 60px; height: 60px; }

.icon-upimg:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: 0px -188px; width: 39px; height: 24px; }

.icon-wimg29:before { content: ''; display: block; background-image: url(../default/img/index/sprite.png); background-position: -203px -98px; width: 32px; height: 32px; }

@charset "UTF-8";
/*--公共部分--*/
html { font-size: 16px; }

@media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */ font-size: calc(100% + 2 * (100vw - 375px) / 39); font-size: calc(16px + 2 * (100vw - 375px) / 39); } }

@media screen and (min-width: 414px) { html { /* 414px-1000px每100像素宽字体增加1px(18px-22px) */ font-size: calc(112.5% + 4 * (100vw - 414px) / 586); font-size: calc(18px + 4 * (100vw - 414px) / 586); } }

@media screen and (min-width: 600px) { html { /* 600px-1000px每100像素宽字体增加1px(20px-24px) */ font-size: calc(125% + 4 * (100vw - 600px) / 400); font-size: calc(20px + 4 * (100vw - 600px) / 400); } }

@media screen and (min-width: 1000px) { html { /* 1000px往后是每100像素0.5px增加 */ font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000); font-size: calc(22px + 6 * (100vw - 1000px) / 1000); } }

div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin: 0; padding: 0; font-weight: normal; }

body { font-family: Arial,"微软雅黑"; font-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; }

img { border: 0px; }

ul, li { list-style: none; }

em, i { font-style: normal; }

a { text-decoration: none; color: #333; outline: none; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, area { blr: expression(this.onFocus=this.blur()); }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; }

* { webkit-box-sizing: border-box; box-sizing: border-box; }

input, textarea, select { font-family: "微软雅黑"; outline: none; }

.fl { float: left; }

.fr { float: right; }

.commonweb { padding: 0px 10px; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "Microsoft Yahei"; border-radius: 0; }

* { -webkit-tap-highlight-color: transparent; tap-hightlight-color: transparent; touch-callout: none; -webkit-touch-callout: none; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }

.z-css3 { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; } }

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

.commonleft { float: none; }

.commonright { float: none; }

.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 (min-width: 768px) { .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%; } }

@media (min-width: 992px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .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) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .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%; } }

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

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

@media (min-width: 767px) { .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 991px) { .visible-md { display: block; }
  .hidden-sm { display: block; } }

@media (min-width: 1200px) { .visible-lg { display: block; }
  .hidden-lg { display: block; } }

/* 样式开始*/

/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */
.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 { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

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

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 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 { 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:310px; height: 100%; position: relative; }

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

.swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-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; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.aaaaa { width:360px;float: left;position: relative;}
.aaaaa p img{ width:360px;}


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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

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

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

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

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

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

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

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

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

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

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

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

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

.swiper-container-fade .swiper-slide { pointer-events: none; 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-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@charset "UTF-8";
.rod2 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.rod1 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

.fl { float: left; }

.fr { float: right; }

.headershentang { width: 100%; height: 70px; background-color: #fff; }

.headershent { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 70px; background-color: #fff; z-index: 102;}

.headershent .btnbox { display: none; }

.logoimg { display: block; float: left; margin-top: 15px; }

.logoimg img { max-width: 100%; display: block; height: 40px; }

.searchandlang { float: right; padding-top: 22px; }

.showphonenav { transition: .3s; display: inline-block; width: 28px; height: 23px;  background-image: url(../default/img/index/zstop1.png); background-repeat: no-repeat; background-size: 28px 23px; margin-left: 12px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.showphonenav.closenav { background-color: #575555; background-image: url(../default/img/index/zstop2.png); background-repeat: no-repeat; background-size: 28px 23px; }

.searchtop { display: none; }

.headernav { width: 100%; position: absolute; top: 70px; left: 0; z-index: 10; display: none; overflow-y: auto; overflow-x: hidden; padding-bottom: 200px; background-color: #fff; }

.headernav ul { background-color: #fff; }

.headernav ul li { font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; }

.headernav ul li a { display: block; padding: 10px 20px; color: #333333; }


.subnavcont { display: none; font-size: 14px; }

.headernav .subnavlist a { display: block; padding: 6px 36px; }

.phsearchicon { transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display: inline-block; content: ""; padding: 0 22px; height: 26px; background-color: #575555; background-image: url(../default/img/index/zstop3.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 9px; top: 10px; z-index: 100; cursor: pointer; background-size: 45px; }

.phsearchicon.cur { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

/*底部*/


/*首页*/



.indexbanner { width: 100%; position: relative; overflow: hidden; }

.indexbanner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }
.indexbanner li video{display: block;width: 100%;}
.indexbanner ul { width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.indexbannerbtn { width: 100%; text-align: center;  z-index: 20;padding: 20px 0; }

.indexbannerbtn p span { display: inline-block; width: 30px; height: 3px; background-color: #bebebe; opacity: 1; overflow: hidden; border-radius: 0; margin: 0 3px; cursor: pointer; line-height: 300%; vertical-align: middle; }

.indexbannerbtn p span.swiper-pagination-bullet-active { background: none; opacity: 1; background: #248CFC; }

.indexbanner img { display: block; width: 100%; position: relative; }

.indexone { display: none; }

.indextit { padding: 25px 0 16px; }

.indextit h4 a { font-size: 20px; color: #000; }

.indextit h4 p { color: #248CFC; font-size: 14px; }

.qhtit { margin: 0 -5px; }

.qhtit span { float: left; width: 25%; padding: 10px 5px 0; }

.qhtit span a { font-size: 14px; transition: .5s; color: #cacaca; display: block; width: 100%; border: 1px #e5e5e5 solid; text-align: center; height: 40px; line-height: 38px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.qhtit span.cur a, .qhtit span:hover a { background: #248CFC; color: #fff; }

.twonr { padding: 0 3%; margin: auto; overflow: hidden; }

.twonr li { width: 100%; position: relative; margin-bottom: 20px; }

.twonr li img { width: 100%; display: block; }

.twonr li p { background: url(../default/img/index/s3.jpg) no-repeat left center; padding-left: 20px; position: absolute; bottom: 25px; left: 30px; right: 0; z-index: 100; color: #000; font-size: 18px; color: #fff; }

.indexthree { position: relative; padding-bottom: 30px; }

.aboutimg { display: none; }

.aboutimg img { display: block; }

.threetext { background: #f1f3f6; padding: 20px 3%; margin-bottom: 20px; }

.threetext dt h3 { font-size: 22px; color: #000; line-height: 28px; }

.threetext dd { padding-top: 15px; }

.threetext dd p { color: #8a8480; font-size: 14px; margin-bottom: 20px; }

.threetext dd a { font-size: 14px; color: #000; }

.indexthree li .z_img img { display: block; width: 100%; }

.indexthree li { position: relative; margin-bottom: 15px; }

.indexthree li p { font-size: 20px; color: #fff; font-size: 16px; position: absolute; bottom: 25px; left: 25px; }

.indexthree li p img { display: inline-block; vertical-align: middle; margin-right: 10px; width: 26px; }

.indexthree li p span { padding-left: 10px; }

.indexthree li p span img { width: auto; }

.indexfour { padding-bottom: 25px; }

.fournr { overflow: hidden; }

.fourleft dt img { width: 100%; display: block; }

.fourleft dd { margin-top: 15px; }

.fourleft dd h5 { font-size: 20px; color: #aaaaaa; }

.fourleft dd h3 { font-size: 16px; color: #000; padding: 10px 0 10px; }

.fourleft dd p { font-size: 14px; color: #aaa; margin-bottom: 15px; }

.fourleft dd a { font-size: 14px; color: #248CFC; }

.fourleft ul { padding-top: 10px; }

.fourleft li { padding: 10px 0; border-bottom: 1px #e5e5e5 solid; }

.fourleft li span { color: #aaa; width: 70%; float: left; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fourleft li em { color: #aaa; width: 30%; float: right; height: 18px; font-size: 14px; text-align: right; }

.fourright { margin-top: 20px; }

.fourright li { padding: 10px 0; border-bottom: 1px #e5e5e5 dashed; }

.fourright li h5 { font-size: 18px; color: #aaaaaa; float: left; border-right: 1px #e5e5e5 solid; padding-right: 6%; }

.fourright li h5 p { font-size: 14px; color: #000; text-align: right; }

.fourright li .text { float: left; width: 78%; padding-left: 6%; margin-top: 3px; }

.fourright li .text p { font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.indexfoot { background: #232323; padding: 40px 0 40px; position: relative; z-index: 101; }

.fnav { display: none; }

.foot_te h2 img { display: block; }

.foot_te .item { display: block; padding-top: 15px; }

.foot_te .item img { display: inline-block; width: 20px; vertical-align: -5px; margin-top: 3px;}

.foot_te .item span { display: inline-block; color: #fff; width: 80%; padding-left: 10px; vertical-align: top; }

.backtop { display: none; }

.foot_bottom { padding-top: 15px; }

.foot_bottom h5 { color: #78787a; font-size: 12px; }
.foot_bottom h5 a{color: #78787a; }

.foot_bottom .textbox a { color: #78787a; }

.foot_bottom .textbox { color: #78787a; }

.foot_bottom .textbox .texta { display: none; }

.foot_bottom .textbox .textb { margin-top: 10px; }

.foot_bottom .textbox .textb img { margin-right: 5px; vertical-align: -3px; }

.nybanner { width: 100%; }

.nybanner img { display: block; width: 100%; }

.jmone { padding: 20px 0; overflow: hidden; }

.jmtit { padding-bottom: 25px; }

.jmtit h4 { font-size: 20px; color: #333; text-transform: uppercase; }

.jmtit p { font-size: 14px; color: #248CFC; font-weight:bold;}

.jmonenr li { margin-bottom: 20px; width: 100%; position: relative; }
.jmonenr li img{display: block;width: 100%; }
.jmonenr li h4 { font-size: 18px; color: #000; padding: 15px 0; }

.jmonenr li p { color: #666; }

.jmonenr li span { text-align: right; display: block; font-size: 22px; color: #cacaca; position: absolute; right: 10px; bottom: 0px;display: none; }

.jmtwo { background: #1e1e1e url(../default/img/index/v5.jpg) no-repeat bottom center; background-size: 100%; padding: 30px 0; }

.jmtwo .jmtit h4 { color: #fff; }

.jmtwo .jmtit p { color: #fff; }

.jmtwo li { padding-bottom: 15px; }

.jmtwo li span { width: 15%; padding: 15px; text-align: center; display: block; float: left; font-size: 18px; color: #fff; border: 1px #fff solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.jmtwo li .text { float: left; width: 85%; padding-left: 15px; }

.jmtwo li .text h4 { font-size: 16px; color: #fff; padding-bottom: 10px; }

.jmtwo li .text p { color: #fff; border-bottom: 2px #303030 solid; padding-bottom: 15px; }

.jmtwo li:last-child .text p { border-bottom: 0; }

.jmthree { padding: 30px 0; }

.jmthreenr { position: relative; }

.jmthreenr li { position: relative; }
.jmthreenr li { position: relative; }
.jmthreenr li h5{font-size: 14px;color: #fff;padding: 0 10px; background: url(../default/img/index/xggs1.png) no-repeat;background-size: 100% 40px; width: 100%;height: 40px;line-height: 40px;position: absolute;left: 0;bottom: 0;}



.jmthreenr li .text {display: none; position: absolute; top: 0; left: 0; width: 200px; height: 100px; background: #e8e8e8; text-align: center; }

.jmthreenr li .text h4 { font-size: 14px; color: #333; padding-top: 20px; }

.jmthreenr li .text p { font-size: 16px; color: #333; padding-top: 10px; }

.jmthreenr li .text img { display: none; }

.jmthreenr li p img { display: block; width: 100%; }

.nj1, .nj2 { width: 30px; display: block; z-index: 100; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.nj1 { left: 0; background: url(../default/img/index/nj1.jpg) no-repeat; width: 30px; height: 60px; display: block; background-size: 100%; }

.nj2 { right: 0; background: url(../default/img/index/nj2.jpg) no-repeat; width: 30px; height: 60px; display: block; background-size: 100%; }

.nj1:hover { background: url(../default/img/index/nj1s.jpg) no-repeat; background-size: 100%; }

.nj2:hover { background: url(../default/img/index/nj2s.jpg) no-repeat; background-size: 100%; }

.jmfournr li { float: left; width: 50%; text-align: center; padding: 10px 8px;position: relative; }

.jmfournr li img { display: block; margin: auto; width: 55%;position: relative;z-index: 11; }

.jmfournr li h4 { font-size: 14px; color: #000; padding: 10px 0; }

.jmfournr li p { color: #666; display: none;}


.jmfournr li:nth-child(1)::after,
.jmfournr li:nth-child(3)::after,
.jmfournr li:nth-child(5)::after{position: absolute;content: '';width: 55%;border-top: 1px #ccc dashed;top: 35%;left: 73%;z-index: 10;}





.jmfive { background: url(../default/img/index/ny6.jpg) no-repeat; padding: 30px 0; background-size: 100% 300%; }

.jmfive .jmtit h4 { color: #fff; }

.jmfive .jmtit p { color: #fff; }

.jmfivetit { text-align: center; display: none;}

.jmfivetit h4 { font-size: 24px; color: #fff; padding-bottom: 10px; }

.jmfivetit p { color: #fff; }

.jmbt {display: none;}
.jmbt a { display: block; padding-top: 15px; background: url(../default/img/index/ny4.png) no-repeat; background-size: 100%; height: 100px; width: 100px; margin: 10px auto; text-align: center; line-height: 20px; font-size: 14px; color: #d1be9c; }

.jmbt a { color: #d1be9c; }
.jmfivenrbox{background: rgb(0, 0, 0,0.8);border-radius: 10px; padding-bottom: 20px;padding-top: 10px;}
.jmfiveleft {position: relative;padding-bottom: 20px;margin-bottom: 10px; }
.jmfiveleft::after{position: absolute;content: '';height: 1px;background: #555554;bottom: 0;left: 12%;right: 12%;}

.jmfiveleft p { font-size: 14px; color: #fff; padding-left: 40px; padding-top: 10px; }

.jmfiveright {}

.jmfiveright p { font-size: 16px; color: #fff; padding-left: 40px; padding-top: 10px; }

.jmxiugimgbox{margin-top: 40px;}
.jmxiugimgbox .njt1,.jmxiugimgbox .njt2{top: 50%}
.jmxiugimg{position: relative;}
.jmxiugimg li img{width: 100%;display: block;}

.abc{ height:667px !important;}

.jmsix { padding: 20px 0; }

.jmformleft input { font-size: 14px; color: #333; padding: 10px; background: #e5e5e5; margin-bottom: 10px; width: 100%; }

.jmformright textarea { font-size: 14px; color: #333; background: #e5e5e5; padding: 10px; width: 100%; }

.jmform .yanbtn { margin-top: 20px;    position: absolute; }

.jmform .yanbtn input { border-radius:5px; margin: auto; width: 100px; height: 40px; background: #248cfc; display: block; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }

.jmsenven { padding: 0 0 30px; }

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

.jmsenvennr li img { display: block; width:100%;margin: 0 auto; }

.jmsenvennr li p { font-size: 18px; color: #000; padding-top: 25px; text-align: center; text-transform: uppercase; }

.njt1, .njt2 { width: 30px; display: block; z-index: 100; position: absolute; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.njt1 { left: 0; background: url(../default/img/index/nj1.jpg) no-repeat; width: 30px; height: 60px; display: block; background-size: 100%; }

.njt2 { right: 0; background: url(../default/img/index/nj2.jpg) no-repeat; width: 30px; height: 60px; display: block; background-size: 100%; }

.njt1:hover { background: url(../default/img/index/nj1s.jpg) no-repeat; background-size: 100%; }

.njt2:hover { background: url(../default/img/index/nj2s.jpg) no-repeat; background-size: 100%; }

.jmlast { background: #ececec; padding: 20px 0; }

.jmlast .jmtit { border-bottom: 2px #d4d4d4 solid; margin-bottom: 15px; padding-bottom: 15px; }

.jmlastnr li { padding: 10px 0; border-bottom: 1px #e5e5e5 dashed; }

.jmlastnr li h5 { font-size: 18px; color: #aaaaaa; float: left; border-right: 1px #cacaca solid; padding-right: 6%; }

.jmlastnr li h5 p { font-size: 14px; color: #000; text-align: right; }

.jmlastnr li .text { float: left; width: 76%; padding-left: 6%; margin-top: 3px; }

.jmlastnr li .text p { font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.jmlastnr li .text p a { color: #000; }

.jmlastright { display: none; }

.gyone { padding-bottom: 20px; }

.gyone .gyonebox { padding-top: 30px; margin-top: 30px;  }

.gyonenr h5 { font-size: 24px; color: #248CFC; margin-bottom: 15px; }

.gyonenr .items p { font-size: 14px; color: #585858; }

.gyonenr .items8n p { font-size: 14px; color: #585858; }

.gyonenr .items { padding-bottom: 20px; }

.gyonenr .items8n { padding-bottom: 20px; }

.gyone img { display: block; width: 100%; }

.gytwo { background: url(../default/img/index/iy2.jpg) no-repeat top center; padding-top: 35px; }

.gytwo li { background: #fff; padding: 20px 0; }

.gytwo li img { margin: auto; display: block; width: 80%; padding: 0px 0 20px; }

.gytwo li h4 { border-top: 1px #e5e5e5 solid; text-align: center; padding-top: 20px; font-size: 18px; color: #8d8d8d; padding-bottom: 5px; }

.gytwo li p { text-align: center; color: #8d8d8d; font-size: 14px; }

.gytwonr { overflow: hidden; }

.gytwonrbtn { text-align: center; padding: 30px; }

.gytwoprev { vertical-align: top; margin: 0 10px; display: inline-block; background: url(../default/img/index/r4.png) no-repeat center; width: 40px; height: 40px; border: 1px #d3d1d5 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.gytwonext { vertical-align: top; margin: 0 10px; display: inline-block; background: url(../default/img/index/r3.png) no-repeat center; width: 40px; height: 40px; border: 1px #d3d1d5 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.gytwoprev:hover { background: #248CFC url(../default/img/index/r4s.png) no-repeat center; }

.gytwonext:hover { background: #248cfc url(../default/img/index/r3s.png) no-repeat center; }

.gytwonrbtn p { display: inline-block; display: none; }

.gythree { padding: 30px 0; }

.gythreenr li .text { background: url(../default/img/index/r5.png) no-repeat; width: 100%; height: 35vh; background-size: 100%; padding-top: 20%; padding-left: 30%; }

.gythreenr li .text h4 { font-size: 16px; color: #fff; position: relative; padding-bottom: 10px; }

.gythreenr li .text h4 img { display: inline-block; margin-left: 10px; }

.gythreenr li .text p { font-size: 14px; color: #fff; }

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

.gythreeqh::after { content: ''; position: absolute; top: 45px; left: 0; width: 100%; height: 2px; background: #e5e5e5; }

.gyqhtit { height: 55px; overflow: hidden; }

.gyqhtit li { padding-top: 35px; text-align: center; }

.gyqhtit li p { font-size: 14px; color: #000; background: #fff; width: 50px; margin: auto; line-height: 24px; }

.gyqhtit li.cur { background: url(../default/img/index/r6.png) no-repeat top center; }

.gyqhtit li.cur p { color: #0b3380; }

.nianfnum { display: none; }

.fzbtns { display: none; }

.gylast { background: #e5e5e5; padding: 30px 0 25px; }

.lianxinfobox p { font-size: 14px; padding-bottom: 8px; }

.fenxbtns a { display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin: 0 10px; }

.fenxbtns a:nth-child(1) { background: url(../default/img/index/u1.png) no-repeat center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.fenxbtns a:nth-child(2) { background: url(../default/img/index/u2.png) no-repeat center; transition: .5s; }

.fenxbtns a:nth-child(3) { background: url(../default/img/index/u3.png) no-repeat center; transition: .5s; }

.fenxbtns a:nth-child(4) { background: url(../default/img/index/u4.png) no-repeat center; transition: .5s; }

.fenxbtns a:nth-child(1):hover { background: url(../default/img/index/u1s.png) no-repeat center; transition: .5s; }

.fenxbtns a:nth-child(2):hover { background: url(../default/img/index/u2s.png) no-repeat center; transition: .5s; }

.fenxbtns a:nth-child(3):hover { background: url(../default/img/index/u3s.png) no-repeat center; transition: .5s; }

.fenxbtns a:nth-child(4):hover { background: url(../default/img/index/u4s.png) no-repeat center; transition: .5s; }

.gylasttop { border-bottom: 2px #cecece solid; padding-bottom: 30px; margin-bottom: 30px; }

.gylastbottom .jmformleft input { background: #cecece; }

.gylastbottom .jmformright textarea { background: #cecece; }





input::-webkit-input-placeholder { color: #222; }
.daohxialbox{ background: #fafafa;height: 40px;line-height: 40px;}
.daohxial{overflow: hidden;position: relative;   }
.daohxial li{text-align: center;}
.daohxial li a:hover,.daohxial li.cur a{color: #0b3380;}
.cpleft{position: absolute;left: 0;top: 6px;font-size: 24px;z-index: 101;}
.cpright{position: absolute;right: 0;top:6px;font-size: 24px;z-index: 101;}


.service3-pagination{padding: 15px 0;}

.cefubox{position: fixed;right: 0;bottom: 20%;z-index: 199;display: block;}
  .cefubox li {margin-bottom: 1px;position: relative;}
  .cefubox li:first-child a{border-top-left-radius: 5px;border-top-right-radius: 5px;}
  .cefubox li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
  .cefubox li a{ background: #333333; display: block; width: 45px; height: 40px; }
  .cefubox li a img{display: block;margin:auto ;padding-top: 10px}
  .cefubox li span{display: none;}
  .cefubox li:hover a{width: 125px;margin-left: -80px;background: #248CFC;}
  .cefubox li:last-child:hover a{width: 140px;margin-left: -95px;}
  .cefubox li:hover img{float: left; padding-top: 10px;padding-left: 8px;margin-right: 10px;}
  .cefubox li:hover span{float: left; line-height: 40px;color: #fff;font-size: 14px;display: block;}


  .gytwo li h4{display: none;}
  .gyonemc{padding-bottom: 30px;}
  .gyonemc .jmtit{padding: 25px 3%;}
  .gyonemc .jmtit h4{display: inline-block;font-size: 18px;vertical-align: top}
  .gyonemc .jmtit span{display: inline-block;color: #248CFC;font-size: 18px;padding-left: 52px;background: url(../default/img/index/iy6.jpg) no-repeat left center; }
  .gyonenrmc .textss{padding:0 3%;color: #a8a8a8;font-size: 14px;}
  .gyonenrmc img{display: block;width: 100%;;padding: 25px 0;}









  

  .gytwo li p{padding:0 10px;height: 44px;}
  .gytwo li .imgs{height: auto;}
  .gyone{display: none;}
  .mcdisplay{display: block;}
  .pcdisplay{display: none;}
  .nybannermc img{display: none;}
  .nybannermc .mcdisplay{display: block;}

  .gythreemc img{display: block;width: 100%;;}
  .gythreemc h4{font-size: 18px;color: #248CFC;padding-top: 45px;padding-left: 20px;}
  .gylastmc{ background-size: 100%;padding-top: 30px;background:#e5e5e5 }
  .gylastmc .jmtit{padding-bottom: 18px;}
  .gylastmc .jmtit p{font-size: 18px;}
  .gylasttopmc{padding:0 3%; border-bottom: 2px #cecece solid;padding-bottom: 10px;margin-bottom: 18px; background:#e5e5e5 url(../default/img/index/iy9.jpg) no-repeat top center;background-size: 100%;}
  .gylasttopmc .textsu{font-size: 14px;padding-bottom: 10px;padding-left: 20px;}
  .gylastmc input{background: rgb(0, 0, 0,0.1)}
  .gylastmc textarea{background: rgb(0, 0, 0,0.1);height: 120px;}
  .gylastmc .yanbtn input{border-radius: 5px;}
  .gylastbottommc {padding:0 3%;padding-bottom: 30px; background:#e5e5e5 url(../default/img/index/iy8.jpg) no-repeat bottom center;background-size: 100%;}



   textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
  }
   textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
  }
   textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
  }
   textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
   
  }
  
  .mcheadicons{float: right;padding-top: 22px;padding-right: 30px;}
  .mcheadicons a{display: inline-block;margin-left: 20px;width: 25px;}
  @media (max-width: 321px) { 
    .mcheadicons a{display: none;}
  }
  .indexonemc ul{margin: 0 -6px;}
  .indexonemc li{width: 33.33%;float: left;position: relative;padding: 0 6px 0;margin-bottom: 12px;}
  .indexonemc li img{display: block;width: 100%;;}
  .indexonemc li p{position: absolute;bottom: 10%;left: 0;width: 100%;text-align: center;color: #000;}

  .indextwomc li{padding-bottom: 30px;}
  .indextwomc li img{width: 100%;display: block;border-radius: 6px;}
  .indextwomc li h4{margin-top: 20px; font-size: 18px;color: #000;padding-left: 25px; background:url(../default/img/index/iys1s.jpg) no-repeat left center;}
  .indextwomc li p{color: #767676;padding-left: 25px;padding-top: 6px;}
  
  .indexthreemc img{display: block;width: 100%;;}
  .indexthreemc dd h4{font-size: 18px;color: #000;margin-top: 30px;text-align: center;margin-bottom: 10px;}
  .indexthreemc dd p{font-size: 14px;color: #767676;line-height: 26px;text-align: center;}
  .indexthreemc dd a{display: block;margin: 0 auto;color: #fff;margin-top: 20px;margin-bottom: 20px; width: 150px;height: 50px;line-height: 50px;background: #248CFC;text-align: center;border-radius: 5px;}
  .indexlastmc{background: #f0f0f0;padding: 20px 0;}
  
  .mclasttits a{color: #767676;font-size: 14px; float: left;width: 25%; background:url(../default/img/index/iysi1.jpg) no-repeat right center;text-align: center;}
  .mclasttits a:last-child{background: none;}
  .mclasttits a.cur{color: #000;}
  .mclasttnr{padding-top: 15px;}
  .mclasttnr li img{float: left;width: 35%;}
  .mclasttnr li .mctextboxss{float: left;width: 65%;padding-left: 15px;}
  .mclasttnr li .mctextboxss h4{position: relative;margin-top: 15px;}
  .mclasttnr li .mctextboxss h4 span{font-size: 14px;color: #000;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;width: 80%;height: 15px;line-height: 15px}
  .mclasttnr li .mctextboxss h4 em{font-size: 12px;color: #7e7e7e;position: absolute;right: 0;top: 0;}
  .mclasttnr li{padding: 15px 0;border-bottom: 1px #d9d9d9 solid;}
  .mclasttnr li:last-child{border: 0;}
  .lastmcbb li{padding: 25px 0;border-bottom: 1px #dbdbdb solid;}
  .lastmcbb li h4{text-align: center;color: #000;font-size: 20px;margin-bottom: 10px;}
  .lastmcbb li img{display: block;margin:auto;margin-bottom: 20px;width: auto;}
  .lastmcbb li p{text-align: center;color: #767676;}
  .lastmcbb li a{display: block;margin: 0 auto;color: #fff;margin-top: 20px;margin-bottom: 20px; width: 150px;height: 50px;line-height: 50px;background: #248CFC;text-align: center;border-radius: 5px;}
  .lastmcbb li:nth-child(2) a{font-weight: bold;}
  .lastmcbb li a img{display: inline-block; margin: auto;margin-right: 10px;}
  .lastmcbb li:last-child{border: 0;}

  .footmcbox{background: #f0f0f0;padding-bottom: 20px;}
  .footmcbox .usy1s li a{padding: 20px 0;border-bottom: 1px #d8d8d8 solid; color: #000;font-size: 16px;background:url(../default/img/index/iyy5.png) no-repeat right center;background-size: 12px;}
  .footmcbox .usy2s{padding: 40px 20px 20px;}
  .footmcbox .usy2s li{float: left;width: 25%;}
  .footmcbox .usy2s li img{display: block;width: 80%;margin: auto}
  .footmcbox  p{color: #767676;text-align: center;}
  .footmcbox .lastmcasas{margin: 30px 25px 0;border-top: 1px #d8d8d8 solid;padding-top: 20px;display: none;}
  .footmcbox .lastmcasas a{line-height: 18px;height: 18px;; color: #767676;font-size: 16px;display: block;float: left; border-right: 1px #c8c8c8 solid;width: 33.33%;text-align: center;}
  .footmcbox .lastmcasas a:last-child{border: 0;}


  .zixuntmc{margin-top: 10px;padding-top: 0;background: #fff;}
  .zixuntmc .mczixuntits {background: #f0f0f0;padding:15px 0;}

  .mczixunttnr{padding:0 3%;}
  .mczixuntits a{color: #767676;font-size: 14px; float: left;width: 25%; background:url(../default/img/index/iysi1.jpg) no-repeat right center;text-align: center;}
  .mczixuntits a:last-child{background: none;}
  .mczixuntits a.cur{color: #000;}
  .mczixunttnr{padding-top: 15px;border-bottom: 1px #e5e5e5 solid;}
  .mczixunttnr li .zximgs{float: left;width: 40%;}
  .mczixunttnr li .mctextboxss{float: left;width: 60%;padding-left: 15px;}
  .mczixunttnr li .mctextboxss h4{position: relative;}
  .mczixunttnr li .mctextboxss h4 span{font-size: 14px;color: #a3a3a3;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;width: 80%;}
  .mczixunttnr li .mctextboxss h4 em{position: absolute;right: 0;top: 0;}
  .mczixunttnr li .mctextboxss h4 em img{height: 13px;}
  .mczixunttnr li h5{color: #000;margin: 5px 0 8px;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
  .mczixunttnr li p{color: #676767;line-height: 20px;text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;}
  .mczixunttnr li{padding: 15px 0;border-bottom: 1px #d9d9d9 solid;}
  .mczixunttnr li:last-child{border: 0;}

  .morezxs{display: block;
    margin: 0 auto;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 130px;
    height: 45px;
    line-height: 45px;
    background: #0b318f;
    text-align: center;
    border-radius: 5px;}

  .jmsonemc img{display: block;width: 100%;}
  .jmstwomc img{display: block;width: 100%;padding-top: 20px;}
  .jmstwomc h4{text-align: center;}
  .jmstwomc h4 a{color: #fff;font-size: 24px;}
  .jmstwomc h4 a span{color: #00baff;font-size: 18px;display: block;padding-top: 5px;}
  .jmstwomc{background:url(../default/img/index/jbm5.jpg) no-repeat top center;padding:35px 0;  }
  .jmsthreemc {padding:40px 0 20px;}
  .jmsthreemc h4{padding-bottom: 20px;}
  .jmsthreemc h4 img{display: block;width: 60%;display: block;margin: auto;}
  .jmsthreemc img{display: block;width: 100%;}
  .jmsfourmc{background: #d4dae1;padding:40px 0;}
  .jmsfourmc h4{text-align: center;padding-bottom: 20px;}
  .jmsfourmc h4 a{font-size: 24px;}
  .jmsfourmc h4 p{font-size: 10px;padding-top: 5px;}
  .jmsfourmc ul{margin: 0 -4px;}
  .jmsfourmc li{float: left;width: 33.33%;padding:0 4px;padding-bottom: 10px;}
  .jmsfourmc li  img{display: block;width: 100%;}
  .jmsfourmc li p{text-align: center;height: 40px;line-height: 40px;background: #fff;font-size: 16px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

  .jmsfivemc{background: #fff;padding:30px 0 20px;}
  .jmsfivemc h4{text-align: center;padding-bottom: 20px;}
  .jmsfivemc h4 a{font-size: 24px;}
  .jmsfivemc h4 p{font-size: 10px;padding-top: 5px;}

  .jmsfivemc li{float: left;width: 33.33%;padding-bottom: 10px;}
  .jmsfivemc li  img{display: block;height: 55px;margin: auto;}
  .jmsfivemc li p{text-align: center;height: 40px;line-height: 40px;background: #fff;font-size: 14px;}

  .jmssixmc{background:url(../default/img/index/jbm5.jpg) no-repeat top center;padding:40px 0;}
  .jmssixmc h4{text-align: center;padding-bottom: 20px;}
  .jmssixmc h4 a{font-size: 24px;color: #fff;}
  .jmssixmc h4 p{font-size: 10px;padding-top: 5px;}
  .jmssixmc img{display: block;width: 100%;;}

  .jmsjmmc .jmtit h4{display: none;}

  .jmsjmmc .jmformright textarea{height: 150px;;}











  .indexlastmc .mclasttnr li .mctextboxss h3{font-size: 14px;color: #666;margin-top: 10px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;margin-bottom: 8px;line-height: 18px;
  }

  /* .cptits>li{display: none;}
  .cptits>li.cur{display: block;} */
  .cptits{display: block;}
  .cptits li{display: none;}
  .cptits li.cur{display: block;}
  .cptits img{display: none;}
  .cptits .text{display: none;}
  .cptits .daohxialbox li{display: block;}
@media (min-width: 1199px) { 
  .cptits li{display: block;}
  .cptits .daohxialbox li{display: inline-block;}
  .mclasttnr li .mctextboxss h3{display: none;}
  .jmonepc{ background:url(../default/img/index/jms1.jpg) no-repeat top center;height: 818px;}

  .titspcmore{text-align: center;padding-top: 40px;}
  .titspcmore a{font-size: 36px;line-height: 36px;}
  .titspcmore p{font-size: 12px;color: #666;}
  .jmtwopc{background:url(../default/img/index/jms3.jpg) no-repeat top center;height: 1002px;padding-top: 35px;}
  .jmtwopc img{display: block;margin: auto;margin-top: 40px;}
  .jmtwopc .titspcmore a{color: #fff;}
  .jmtwopc .titspcmore p{color: #00baff;font-size: 18px;}

  .jmthreepc .titspcmore{padding-bottom: 40px;}
  .jmthreepc li{float: left;width: 50%;position: relative;padding-bottom: 20px;}
  .jmthreepc li .boxiitsa{position: absolute;top: 65px;width: 175px;right: 10px;}
  .jmthreepc li .boxiitsa h4{font-size: 24px;color: #000;padding-bottom: 10px;}
  .jmthreepc li .boxiitsa p{color: #000;}

  .jmfourpc{ background:url(../default/img/index/jms12.jpg) no-repeat top center;height: 863px;}

  .jmsfivepc{background: #fff;padding:10px 0 50px;}
  .jmsfivepc .titspcmore{margin-bottom: 30px;}
  .jmsfivepc .titspcmore p{font-size: 18px;} 
  .jmsfivepc ul{padding:0 245px;}
  .jmsfivepc li{float: left;width: 33.33%;padding-bottom: 30px;border-right: 2px #e5e5e5 solid;}
  .jmsfivepc li img{display: block;height: 55px;margin: auto;width: auto;}
  .jmsfivepc li p{text-align: center;height: 40px;line-height: 40px;background: #fff;font-size: 18px;padding-top: 5px;}
  .jmsfivepc li:nth-child(3n){border: 0;}
  .jmsfivepc li:nth-child(4),.jmsfivepc li:nth-child(5),.jmsfivepc li:nth-child(6){padding-bottom: 0;}

  .jmsixpc{background:url(../default/img/index/jms3.jpg) no-repeat top center;height: 686px;}

  .jmsixpc .titspcmore{margin-bottom: 30px;}
  .jmsixpc .titspcmore a{color: #fff;} 
  .jmsixpc .titspcmore p{color: #a3a7b2;text-transform: uppercase;} 
  .jmsixpc ul{margin:0 -5px;}
  .jmsixpc li{float: left;width: 25%;;padding:0 5px 10px;}
  .jmsixpc li img{display: block;width: 100%;}




  .jmsjmmc .jmtit h4{display: block;}
  .zixuntpc{padding-top: 30px;}
  .zixuntleft{float: left; width: 260px; border: 1px #dedede solid; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
  .zixuntleft h4 a{ display: block; border-radius:5px; height: 55px; line-height: 55px; font-size: 18px; color: #fff; background: #248CFC; text-align: center; color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
  .zixuntleft ul{padding:10px 30px; }
  .zixuntleft li{padding:18px 0;border-bottom: 1px #e5e5e5 solid;}
  .zixuntleft li a{font-size: 16px;color: #4c4c4c; background:url(../default/img/index/bxh10.jpg) no-repeat right center;}
  .zixuntleft li a:hover{color: #0b318f;}
  .zixuntleft li:last-child{border-bottom: 0;}

  .zixuntright{float: left;padding-left: 29px;width: 910px;margin-bottom: 55px;}
  .zixuntright .zximgs{width: 280px;height: 160px;display: block;float: left;}
  .zixuntright .mctextboxss{float: left;width: 600px;padding-left: 28px;}
  .zixuntright .mctextboxss h4{color: #000;font-size: 16px;margin: 12px 0;}
  .zixuntright .mctextboxss  p{color: #676767;font-size: 14px;margin-bottom: 38px;}
  .zixuntright .mctextboxss  span{color: #bdbdbd;font-size: 16px;}
  .zixuntright .mctextboxss span img{margin-left: 16px;vertical-align: 1px}
  .zixuntright li:hover h4{color: #0b318f;}
  .zixuntright li{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px #e5e5e5 solid;}

  .zixuntright .zixunbtn p{display: inline-block}
  .zixuntright .zixunbtn p a { opacity: 1;text-align: center; margin: 0 10px; color: #333; line-height: 40px; background: none; display: inline-block; vertical-align: top; width: 40px; height: 40px; border: 1px #d3d1d5 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
  .zixuntright .zixunbtn p a.cur,.zixuntright .zixunbtn p a:hover { background: #0b3380; color: #fff; }
  
  .zixunprev { vertical-align: top; margin: 0 10px; display: inline-block; background: url(../default/img/index/r4.png) no-repeat center; width: 40px; height: 40px; border: 1px #d3d1d5 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

  .zixunnext { vertical-align: top; margin: 0 10px; display: inline-block; background: url(../default/img/index/r3.png) no-repeat center; width: 40px; height: 40px; border: 1px #d3d1d5 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }



  .gyone{display: block;}
  .mcdisplay{display: none;}
  .nybannermc img{display: block;}
  .nybannermc .mcdisplay{display: none;}
  .pcdisplay{display: block;}
  .gytwo li h4{display: block;}
  .gytwo li p{height: auto;}




  .gythreexg{padding-top: 60px;}
  .gythreexg .commonweb{max-width: 1208px;}
  .gythreenrs{position: relative;}
  .gythreenrs .item h4{font-size: 18px;color: #248cfc;padding-bottom: 12px;}
  .gythreenrs .item p{font-size: 12px;color: #585858;}
  .gythreenrs .item{position: absolute;}
  .gythreenrs .item:nth-child(1){top: 0;left: 30px;}
  .gythreenrs .item:nth-child(1) h4{font-weight: bold;}
  .gythreenrs .item:nth-child(2){top: 170px;left: 175px;} 
  .gythreenrs .item:nth-child(3){top: 10px;left: 180px;} 
  .gythreenrs .item:nth-child(4){top: 182px;left: 398px;} 
  .gythreenrs .item:nth-child(5){top: 20px;left: 398px;} 
  .gythreenrs .item:nth-child(6){top: 195px;left: 618px;} 
  .gythreenrs .item:nth-child(7){top: 40px;left: 618px;} 
  .gythreenrs .item:nth-child(8){top: 217px;left: 835px;} 
  .gythreenrs .item:nth-child(9){top: 50px;left: 835px;} 
  .gythreenrs .item:nth-child(10){top: 227px;left: 1060px;} 
  .gythreenrs .item:nth-child(11){top: 60px;left: 1060px;} 
  .gythreenrs .item:nth-child(12){top: 176px;left: 28px;} 










  .phsearchicon { display: none; }
  .subnavcont { padding: 10px 0; background: #fff; position: absolute; left: 0; z-index: 101; top: 73px; font-size: 14px; text-align: center; }
  
  .headernav .subnavlist{max-width: 1200px;margin:auto;position: relative;}
  .headernav ul li .subnavcont::before{ position: absolute; top: 0; left: 0px; width: 0%; content: ''; height: 2px; background: #0b3380; transition:1s ; -webkit-transition:1s ; -moz-transition:1s ; -ms-transition:1s ; -o-transition:1s ; }
  .headernav ul li:hover .subnavcont::before{ width: 100%;  }

  .headernav .subnavlist a { transition:.4s; display: inline-block; margin: 0; height: 45px; line-height: 45px; color: #858585; padding: 0; background: none; border: none; padding: 0 22px; -webkit-transition:.4s; -moz-transition:.4s; -ms-transition:.4s; -o-transition:.4s; }
  .headernav .subnavlist a:last-child { background: none; }
  .headernav .subnavlist a:hover { color: #248CFC; }
 
  .headershentang { border: none; height: 165px; }
  .headershent { height: 165px; position: relative; }
  .headershent .btnbox { display: block; float: left; margin-top: 38px; color: #222; }
  .headershent h1{width: 50%;}
  .headershent .btnbox a { margin-right: 35px; display: inline-block; }
  .headershent .btnbox a img { vertical-align: -8px; margin-right: 6px; }
  .logoimg { margin-top: 0;width: 12%; position: absolute; top: 34px; left: 45%; transform: translatX(-50%); -webkit-transform: translatX(-50%); -moz-transform: translatX(-50%); -ms-transform: translatX(-50%); -o-transform: translatX(-50%); }
  .logoimg img { height: auto; display: block; }
  .searchandlang { padding-top: 0; }
  .showphonenav { display: none; }
  .searchtop { display: block; margin-top: 30px; }
  .searchtop dl { background: url(../default/img/index/s1.jpg) no-repeat bottom center; width: 280px; height: 35px; }
  .searchtop dd { float: left; }
  .searchtop .inputtext input { font-size: 14px; color: #222; width: 260px; }
  .searchtop .inputbtn input { background: url(../default/img/index/sous.png) no-repeat; width: 16px; height: 16px; cursor: pointer; }
  .headernav { margin-top: 24px; position: relative; top: 0; width: auto; padding: 0 0 0; background: none; display: block; overflow: inherit; }
  .headernav::after { position: absolute; top: 12px; left: 0; width: 100%; border-top: 2px #333333 solid; content: ''; z-index: -1; }
  .headernav ul { padding: 0; background: none; display: block; }
  .headernav ul li { border: none; height: 73px;position: relative; display: inline-block; padding-top: 35px; width: 155px; text-align: center; }
  .headernav ul li> a {  transition:.4s; color: #333333; font-size: 14px; display: block; padding: 0; }
  .headernav ul li > a.cur, .headernav ul li a:hover { color: #248CFC; }
  .headernav .navul {display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .headernav .navul::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 74px;
    background: url(../default/img/index/s2.jpg) no-repeat center ;
    transform: translateX(var(--barLeft, 0));
    width: var(--barWidth, 0);
    transition: .2s;
    pointer-events: none;
    -webkit-transform: translateX(var(--barLeft, 0));
    -moz-transform: translateX(var(--barLeft, 0));
    -ms-transform: translateX(var(--barLeft, 0));
    -o-transform: translateX(var(--barLeft, 0));
  } 
  .indexbannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 10%; }

.indexbannerbtn p span { display: inline-block; width: 30px; height: 3px; background-color: white; opacity: 1; overflow: hidden; border-radius: 0; margin: 0 3px; cursor: pointer; line-height: 300%; vertical-align: middle; }

.indexbannerbtn p span.swiper-pagination-bullet-active { background: none; opacity: 1; background: #248CFC; }
  .indexbannerbtn p span { display: inline-block; width: 75px; }
  .indexone { background: #fafafa; border-bottom: 1px #e5e5e5 solid; display: block; }
  .indexone ul { border-left: 1px #e5e5e5 solid; }
  .indexone li { float: left; border-right: 1px #e5e5e5 solid; padding: 25px 0; width: 20%; padding-left: 2%;height: 108px; }
  .indexone li img { display: inline-block; vertical-align: middle; }
  .indexone li:nth-child(3){padding-top: 34px;}

  .cptits li { width: 20%; padding-left: 2%; }
  .cptits li:nth-child(2){padding-top: 25px;}
  .cptits li:nth-child(3){padding-top: 34px;}
  .cptits li .daohxial li{padding-top: 0;}

  .indexone li .text { display: inline-block; padding-left: 15px; vertical-align: -12px; }
  .indexone li .text h4 { font-size: 18px; color: #000; }
  .indexone li .text p { font-size: 12px; color: #bfbfbf; text-transform: uppercase; }
  .indextit { padding: 50px 0 30px; }
  .indextit h4 { float: left; }
  .indextit h4 a { font-size: 30px; }
  .indextit h4 p { font-size: 18px; }
  .qhtit { margin: 0; float: right; }
  .qhtit span { padding: 10px 5px; width: auto; }
  .qhtit span a { color: #cacaca; padding: 0 15px; display: block; width: 100%; border: 1px #e5e5e5 solid; text-align: center; height: 40px; line-height: 38px; }
  /* .qhtit span a.cur, .qhtit span a:hover { background: #232323; color: #d1be9c; } */
  .twonrbox { position: relative; }
  .twonr { padding: 0; height: 680px; }
  .twonr li { position: absolute; }
  .twonr li:nth-child(1) { width: 33.33%; top: 0; left: 0; }
  .twonr li:nth-child(2) { width: 33.33%; left: 33.33%; top: 0; }
  .twonr li:nth-child(3) { width: 33.33%; left: 66.66%; top: 0; }
  .twonr li:nth-child(4) { width: 66.66%; left: 33.33%; top: 300px; }
  .twonr li p { transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
  .twonr li:hover p { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); opacity: 1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -webkit-filter: alpha(opacity=1); }
  .z_img { overflow: hidden; }
  .z_img img { transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
  .z_img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
  .indexthree { position: relative; min-height: 660px; overflow: hidden; }
  .indexthree .commonweb { position: relative; }
  .indexthree ul { position: absolute; right: 0; top: 0; z-index: 101; }
  .indexthree li .z_img img { display: block; width: 400px; height: 300px; }
  .indexthree li { position: relative; margin-bottom: 0px; }
  .indexthree li p { font-size: 20px; color: #fff; font-size: 20px; position: absolute; bottom: 25px; left: 25px; }
  .indexthree li p img { display: inline-block; vertical-align: middle; margin-right: 10px; width: auto; }
  .indexthree li p span { padding-left: 10px; }
  .indexthree li p span img { width: auto; }
  .aboutimg { display: block; position: absolute; top: 0; left: 50%; margin-left: -956px; z-index: 99; }
  .aboutimg img { display: block; }
  .threetext { background: #f1f3f6; padding: 45px 72px; margin-bottom: 0px; position: absolute; top: 410px; z-index: 100; margin-left: -600px; left: 50%; width: 100%; }
  .threetext dt { float: left; padding-right: 35px; }
  .threetext dt h3 { font-size: 24px; color: #000; line-height: 32px; }
  .threetext dd { padding-top: 0px; float: left; width: 352px; padding-left: 40px; border-left: 1px #e5e5e5 solid; }
  .threetext dd p { color: #8a8480; font-size: 14px; margin-bottom: 20px; }
  .threetext dd a { font-size: 14px; color: #000; }
  .indexfour { padding-bottom: 45px; }
  .fourleft { width: 50%; float: left; padding-right: 35px; border-right: 2px #e5e5e5 solid; }
  .fourleft dl { margin: 0 -15px; }
  .fourleft dt { float: left; width: 50%; padding: 0 15px; }
  .fourleft dd { margin-top: 10px; float: left; width: 50%; padding: 0 15px; }
  .fourleft dd h5 { font-size: 24px; }
  .fourleft dd h3 { font-size: 18px; padding: 20px 0 10px; }
  .fourleft dd p { font-size: 14px; margin-bottom: 25px; }
  .fourleft dd a { font-size: 14px; }
  .fourleft ul { padding-top: 20px; }
  .fourleft li { padding: 18px 0; border-bottom: 1px #e5e5e5 solid; }
  .fourleft li span { width: 70%; float: left; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .fourleft li em { width: 30%; float: right; height: 18px; font-size: 14px; text-align: right; }
  .fourright { margin-top: -23px; float: left; width: 50%; padding-left: 35px; }
  .fourright li { padding: 23px 0; position: relative; }
  .fourright li h5 { font-size: 24px; }
  .fourright li h5 p { font-size: 14px; }
  .fourright li .text { width: 75%; margin-top: 12px; }
  .fourright li::before { content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 25px; background: url(../default/img/index/s8.jpg) no-repeat; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-filter: alpha(opacity=0); transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; }
  .fourright li:hover::before { opacity: 1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; -webkit-filter: alpha(opacity=1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
  .indexfoot { background: #232323; padding: 45px 0 75px; }
  .fnav { display: block; position: relative; padding-bottom: 60px; }
  .fnav::after { position: absolute; content: ''; height: 2px; background: #393939; width: 100%; top: 38px; left: 0; }
  .fnav li { float: left; padding-right: 109px; }
  .fnav li:last-child { padding-right: 0; }
  .fnav li h4 { font-size: 18px; color: #fff; padding-bottom: 35px; }
  .fnav li p a { padding-bottom: 8px; display: block; font-size: 14px; color: #aaaaaa; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; }
  .fnav li p a:hover { color: #248CFC; }
  .foot_te { background: #030303; padding: 30px; margin-bottom: 60px; position: relative;}
  .foot_te h2 { float: left; }
  .foot_te h2 img { display: block; }
  .foot_te .item { display: block; padding-top: 15px; padding-left: 50px; float: left;width: 42%; }
  .foot_te .item img { width: auto; }
  .foot_te .item span { width: auto; }
  .backtop { display: block;position: absolute;top: 20px;right: 40px; }
  .backtop i em { display:block; padding:15px 0 0; text-align:center; color:#fff; font-size:14px;}
  .backtop img { display: block; }
  .foot_bottom { padding-top: 0; text-align: center; }
  .foot_bottom h5 { color: #78787a; padding-bottom: 15px; }
  .foot_bottom .textbox a:hover { color: #248CFC; }
  .foot_bottom .textbox .texta { display: block; }
  .foot_bottom .textbox .textb { margin-top: 10px; }
  .foot_bottom .textbox .textb img { margin-right: 5px; vertical-align: -3px; }
  .jmtit { padding-bottom: 45px; }
  .jmtit h4 { font-size: 30px; }
  .jmtit p { font-size: 26px; }
  .jmone { padding-top: 65px; background: url(../default/img/index/ny1.jpg) no-repeat top center; }
  .jmonenr li { float: left; width: 360px; margin-right: 55px;height: 535px;    border-bottom: 2px #000 solid;}
  .jmonenr li .textss{padding-right: 55px;}
  .jmonenr li:last-child { margin-right: 0px; }
  .jmonenr li h4 { font-size: 18px; color: #000; padding-bottom: 20px;padding-top: 50px; }
  .jmonenr li p { color: #666; }
  .jmonenr li span {display: block; transition: .3s; width: 64px; height: 64px; line-height: 64px; text-align: center; display: block; font-size: 36px; font-weight: bold; right: 0px; bottom: 0px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
  .jmonenr li:hover { background: #0b3380; border: 0; }
  .jmonenr li:hover h4 { color: #fff; }
  .jmonenr li:hover p { color: #fff; }
  .jmonenr li:hover span { background: #fff; font-size: 24px; color: #0b3380; font-weight: bold; }

  .jmonenr li:hover .textss{padding-left: 35px; padding-right: 35px; }


  .jmtwo { background: url(../default/img/index/ny2.jpg) no-repeat top center; height: 917px; padding-top: 100px; }
  .jmtwo ul { padding-top: 30px; width: 790px; }
  .jmtwo li { padding-bottom: 30px; }
  .jmtwo li span { width: 70px; height: 70px; font-size: 36px; line-height: 70px; padding: 0; }
  .jmtwo li .text { width: 688px; border-bottom: 2px #303030 solid; float: right; padding-left: 0; padding-bottom: 30px; }
  .jmtwo li .text h4 { font-size: 18px; }
  .jmtwo li .text p { border-bottom: 0; width: 575px; }
  .jmtwo li:last-child .text { border: 0; }
  .jmthree { padding: 70px 0; }

  .jmthreenr li { position: relative; }

  .jmthreenr li h5{font-size: 18px;color: #fff;padding: 0 10px; background: url(../default/img/index/xggs1.png) no-repeat;background-size: 100% 76px; width: 100%;height: 76px;line-height: 76px;position: absolute;left: 0;bottom: 0;}
  

  .jmthreenr li .text img { display: block; margin: auto; }
  .jmthreenr li .text h4 { font-size: 14px; padding-top: 70px; padding-bottom: 10px; }
  .jmthreenr li .text p { font-size: 24px; }
  .jmthreenr li .text { width: 360px; height: 360px; }
  .nj1, .nj2 { width: 40px; height: 70px; }
  .nj1 { left: -40px; }
  .nj2 { right: -40px; }
  .jmfour { background: url(../default/img/index/ny5.jpg) no-repeat center 95px; height: 730px; }
  .jmfournr li { float: left; width: auto; text-align: center; height: 250px; margin-bottom: 80px; padding: 0px; width: 280px; }
  .jmfournr li img { display: block; margin: auto; width: auto; }
  .jmfournr li h4 { font-size: 16px; color: #000; padding: 10px 0; }
  .jmfournr li p { color: #666; display: block;}
  .jmfournr li:nth-child(1) { width: 210px; padding-right: 60px; }
  .jmfournr li:nth-child(2) { width: 210px; margin-right: 60px; }
  .jmfournr li:nth-child(3) { width: 280px; margin-right: 60px; }
  .jmfournr li:nth-child(5) { margin-left: 205px; width: 230px; margin-right: 120px; }
  .jmfournr li:nth-child(5) { width: 190px; margin-right: 90px; }
  .jmfournr li::after{display: none;}
  .jmfive { height: 840px; padding-top: 80px; background-size: 100% 100%; }
  .jmfivetit { text-align: center; margin-top: -100px;display: block; }
  .jmfivetit h4 { font-size: 48px; }
  .jmfivetit p { font-size: 16px; }
  .jmfivenr { position: relative; }
  .jmbt {display: block; z-index: 10; height: 162px; width: 162px; line-height: 30px; font-size: 24px; color: #d1be9c; padding-top: 25px; position: absolute; top: 205px; left: 515px; }
  .jmfivenrbox{background: none;}
  .jmfiveleft { background: url(../default/img/index/ny5.png) no-repeat; background-size: 100%; height: 300px; width: 300px; margin: auto; padding-top: 50px; margin-bottom: 20px; }

.jmfiveleft p { font-size: 14px; color: #0078c6; padding-left: 20%; padding-top: 20px; }

.jmfiveright { background: url(../default/img/index/ny6.png) no-repeat; background-size: 100%; height: 300px; width: 300px; margin: auto; padding-top: 50px; }
.jmxiugimgbox{display: none;}
.jmfiveright p { font-size: 16px; color: #0078c6; padding-left: 20%; padding-top: 20px; }

  .jmfiveleft { height: 578px; width: 578px; padding-top: 168px; margin-bottom: 20px; position: absolute; top: 0px; left: 20px; }
  .jmfiveleft p { font-size: 24px; color: #0b3380; padding-left: 22%; padding-top: 0px; padding-bottom: 45px; }
  .jmfiveright { height: 578px; width: 578px; padding-top: 168px; margin-bottom: 20px; position: absolute; top: 0px; right: 20px; }
  .jmfiveright p { font-size: 24px; color: #fff; padding-left: 22%; padding-top: 0px; padding-bottom: 45px; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .jmsix { padding: 100px 0 0; }
  .jmformleft { float: left; width: 580px; }
  .jmformleft input { padding: 18px; }
  .jmformright { float: right; width: 600px; }
  .jmformright textarea { height: 195px; }
  .jmform .yanbtn { margin-top: 20px; }
  .jmform .yanbtn input { width: 200px; height: 60px; border-radius: 5px;}
  .njt1, .njt2 { width: 40px; height: 70px; }
  .jmlast { background: url(../default/img/index/v4.jpg) no-repeat; height: 646px; padding-top: 50px; }
  .jmlast .jmtit { margin-bottom: 25px; padding-bottom: 30px; }
  .jmlastleft { width: 600px; padding-right: 30px; border-right: 2px #d4d4d4 solid; float: left; }
  .jmlastnr li { padding: 23px 0; position: relative; border-bottom: 1px #8a8480 dashed; }
  .jmlastnr li:last-child { border-bottom: 0; }
  .jmlastnr li h5 { font-size: 24px; }
  .jmlastnr li h5 p { font-size: 14px; }
  .jmlastnr li .text { width: 75%; margin-top: 12px; }
  .jmlastnr li::before { content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 25px; background: url(../default/img/index/s8.jpg) no-repeat; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-filter: alpha(opacity=0); transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; }
  .jmlastnr li:hover::before { opacity: 1; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; -webkit-filter: alpha(opacity=1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
  .jmlastright { display: block; float: right; width: 565px; }
  .gyone { padding-bottom: 60px; }
  .gyone .gyonebox { padding-top: 45px; margin-top: 0px; }
  .gyonenr h5 { font-size: 36px; margin-bottom: 28px; line-height: 42px; }
  .gyonenr .items p { font-size: 14px; color: #585858; }
  .gyonenr .items { padding-bottom: 20px; float: left; }
  .gyonenr .items8n p { font-size: 14px; color: #585858; }
  .gyonenr .items8n { padding-bottom: 20px; float: left; }
  .gyone .jmtit { float: left; width: 155px; }
  .gyone .gyonenr { float: left; width: 1042px; }
  .gyonenr .items:first-child { width: 600px; padding-right: 146px; background: url(../default/img/index/r2.png) no-repeat right top; margin-right: 50px; }
  .gyonenr .items:last-child { width: 390px; }
  .gyonenr .items8n:first-child { }
  .gyonenr .items8n:last-child { width: 1200px; }
  .gyone .imgs { position: relative; }
  .gyone .imgs img { margin-top: -40px; }
  .gytwo { padding-top: 70px; }
  .gytwo li h4 { font-size: 24px; }
  .gytwonrbtn { padding: 70px; }
  .gytwonrbtn p { display: inline-block; vertical-align: top; }
  .gytwonrbtn p span { opacity: 1; margin: 0 10px; color: #333; line-height: 40px; background: none; display: inline-block; vertical-align: top; width: 40px; height: 40px; border: 1px #d3d1d5 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
  .gytwonrbtn p span.swiper-pagination-bullet-active { background: #248CFC; color: #fff; }
  .gythree { padding: 75px 0 105px; }
  .gythree .jmtit { padding-bottom: 10px; }
  .gythreenr { position: relative; }
  .gythreenr li .text { width: 502px; height: 341px; padding-top: 94px; padding-left: 168px; margin-left: 200px; position: relative; z-index: 100; }
  .gythreenr li .text h4 { padding-bottom: 12px; }
  .gythreenr li .text p { font-size: 16px; color: #fff; padding-bottom: 10px; }
  .gythree .commonweb { overflow: hidden; }
  .gyqhtit li { cursor: pointer; }
  .nianfnum { display: block; position: absolute; top: -35px; right: 0; }
  .nianfnum p { font-family: Arial; font-size: 300px; color: #dddddd; font-weight: bold; line-height: 220px; }
  .fzbtns { display: block; position: absolute; bottom: 50px; right: 0; z-index: 100; }
  .gylast { background: url(../default/img/index/rb2.jpg) no-repeat top center; padding: 80px 0 25px; height: 868px; }
  .lianxinfobox p { font-size: 14px; padding-bottom: 12px; }
  .gylasttop { padding-bottom: 130px; border-bottom: 0; }
  .lianxinfo { float: left; width: 750px; }
  .lianxinfo p { width: 350px; font-size: 16px; display: inline-block; }
  .lianxiinfo2 { float: right; }
  .lianxiinfo2 p { text-align: right; font-size: 16px; }


  .cptits{border-top: 1px #e5e5e5 solid;}
  .cptits ul{border: 0;}
  .cptits li{border-right: 0;}
  .cpdaoh{position: relative;}
  .daohxialbox{height: 60px;line-height: 60px;position: absolute;top:110px;left: 0;width: 100%;z-index: 101;display: none;}

  .daohxial ul{text-align: center;display:block}
  .daohxial li{width: auto;display: inline-block;float: none;padding: 0 15px;}
  .daohxial li a{display: inline-block;font-size: 18px;padding: 0 5px;}
  .daohxial li.cur a{color: #0b3380;}
  .cpleft{display: none;}
  .cpright{display: none;}





  .pro_person>div{
    display:inline-block;
    width:18%;
    margin:5px;
    height:300px;
    overflow:hidden;
 }
 .pro_xsperson{
    width:100%;
    text-align:center;
 }
 .pro_xsperson>div{
     display:inline-block;
     width:45%;
     margin:10px 5px;
     height:234px;
     overflow:hidden;
 }
 .pro_text{
    background:#fff;
    text-align:center;
    height:100%;
    font-size:16px;
    padding-top:12px;
 }
 .pro_text div{
    line-height:2;
    font-size:14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#000;
 }
 .pro_text div:nth-child(2){
 text-align:left;
 padding-left:10px;
 font-size:14px;
 color:#888;}
 .pro_text:first-child{
    font-size:19px;
 }
 .pro_person_img{
    overflow:hidden;
 }
 .pro_person_img img{
     transition-function: ease-out;
     transition-duration: 1000ms;
     -webkit-transition-function: ease-out;
     -webkit-transition-duration: 1000ms;
     -moztransition-function: ease-out;
     -moztransition-duration: 1000ms;
     -o-transition-function: ease-out;
     -o-transition-duration: 1000ms;
 }
 .pro_person_img img:hover{
      transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
 }
 .pro_person_img img:hover+div{
    display:block;
 }


 .service3-pagination{padding: 45px 0;}




 .gythreexg{ background: url(../default/img/index/iy3.jpg) no-repeat  top center;height: 785px; }


}


.prolist_new1{background: #f8f8f8;overflow: hidden;padding-top: 20px;padding-bottom: 20px;}
.prolist_new1 li{float: left;width: 100%;padding: 0;text-align: center;width: 100%;margin-bottom: 3%;}
.prolist_new1 li a{display: block;padding: 10% 0 3% 0;}
.prolist_new1 li .topuu{margin: 0 auto;width: 117px;    height: 162.5px;transition: all .5s ease-in-out;position: relative;}
.prolist_new1 li .topuu img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;}
.prolist_new1 li h4 {padding: 7% 0 5px;font-size: 18px;color: #000;}
.prolist_new1 li p{padding-bottom: 8px;font-size: 14px;line-height: 1.6;color: #999;}
.prolist_new1 li span{ width: 28px; height: 28px; display: block; margin: auto; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.prolist_new1 li span img{display: block;width: 100%;margin: auto;}
.prolist_box{background: #fff;}


.js-more{padding-top: 30px;}
.icon-box {
	position: relative
}
.icon-box .icon-line {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e5e5
}
.icon-box .icon {
	position: relative;
	width: 120px;
	margin: 0 auto;
	background-color: #f8f8f8;
	cursor: pointer
}
.icon-box .icon .img{display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 0px 30px rgba(167, 141, 110, 0.2);
  background: url(../default/img/index/next-page2.png) no-repeat center center;
  background-color: #fff;}
.js-more .textas {padding-top: 18px;font-size: 14px;letter-spacing: 2px;color: #000;text-align: center;}

.daohxialbox2{ background: #fafafa;height: 40px;line-height: 40px;}



@media (min-width: 1199px) { 
  .prolist_new1{padding-top: 60px;padding-bottom: 60px;}
  .prolist_new1 li{width: 33.33%;padding:0 15px;position: relative;}
  .prolist_new1 li a{padding: 19% 0 3% 0;transition: all .5s ease-in-out;}
  .prolist_new1 li .topuu{position: relative;width: 180px;height: 250px;margin: 0 auto;}
  .prolist_box{background: #fff;height: 505px;overflow: hidden;}

  .prolist_new1 li h4 {padding:12% 0 5px;font-size: 24px;}
  .prolist_new1 li p{padding-bottom: 15px;font-size: 14px;}
  .prolist_new1 li span{transition: all .5s ease-in-out;width: 32px;height: 32px;display: block;margin: auto;position: absolute;left: 50%; bottom: 7%;    margin-left: -16px;}
  .prolist_new1 li span img{display: block;width: 100%;margin: auto;}

  .prolist_new1 li:hover a{padding-top: 8%;}
  .prolist_new1 li:hover span{bottom: 5%;}

  .daohxialbox2{height: 60px;line-height: 60px;position: absolute;top:110px;left: 0;width: 100%;z-index: 101;display: none;}


  .prod_box3fxiug .prod3_cot{width: 100%;margin-left: 0;}
  .prod_box38nfxiug .prod38n_cot{width: 100%;margin-left: 0;}
  .prod_box3fxiug .prod3_img{right: 0;width: 60%; text-align: left;top: 0;}
  .prod_box38nfxiug .prod38n_img{right: 0;width: 60%; text-align: left;top: 0;}
  .prod_box3fxiug .prod3_wz{right: 10%;left: auto;width: 30%;}
  .prod_box38nfxiug .prod38n_wz{right: 10%;left: auto;width: 30%;}
  .prod_box3fxiug .prod3_li p{white-space: initial;}
  .prod_box38nfxiug .prod38n_li p{white-space: initial;}
  .prod3_li:first-child p{line-height: 50px;}
  .prod38n_li:first-child p{line-height: 50px;}
  .prod_box3fxiug .prod3_cot{height: 100vh;}
  .prod_box38nfxiug .prod38n_cot{height: 92vh;}

  .prod_box21fxiug .prod21_cot{width: 100%;margin-left: 0;}
  .prod_box21fxiug .prod21_img{right: 0;width: 60%; text-align: left;top: 0;}
  .prod_box21fxiug .prod21_wz{right: 10%;left: auto;width: 30%;}
  .prod_box21fxiug .prod21_li p{white-space: initial;}
  .prod21_li:first-child p{line-height: 50px;}
  .prod_box21fxiug .prod21_cot{height: 100vh;}

  
  
}
  



/* 20200527 */
.sec_title{
  width: 100%;
  text-align: center;
}
.sec_title h1{
  margin-bottom: 10px;
  font-size: 24px;
  color: #252525;
  letter-spacing: 1px;
  margin-top: 0;
}
.sec_title p{
  color: #252525;
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 18px;
}
.sec_title p::after{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  height:1px;
  content: "";
  border-bottom: 1px dashed #252525;
  width: 15%;
}
.list_sec8{
  width: 100%;
  margin: 50px 0 0px;
}
.sec8_con{
  width: 100%;
  margin-top: 50px;
}
.sec8_con_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.con_box{
  display: flex;
  justify-content: space-between;
  width: 45%;
}
.con_box_img{
  width: 15%;
}
.con_box_img img{display: block;width: 100%;}
.con_box_cont{
  width: 80%;
  font-size: 14px;
  color: #666666;
  line-height: 25px;
}
@media (min-width: 1199px) { 
  .sec_title h1{
    margin-bottom: 10px;
    font-size: 45px;
    color: #252525;
    letter-spacing: 1px;
    margin-top: 0;
  }
  .sec_title p{
    color: #252525;
    font-size: 30px;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 18px;
  }
}