.icon-backtop:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -65px -220px; width: 55px; height: 55px; }

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

.icon-contact4:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -186px -220px; width: 45px; height: 45px; }

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

.icon-download:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -130px -220px; width: 46px; height: 47px; }

.icon-insidenav:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -220px -138px; width: 56px; height: 56px; }

.icon-loadmore:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: 0px -285px; width: 31px; height: 31px; }

.icon-mloadmore:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -241px -220px; width: 31px; height: 31px; }

.icon-msearch:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -105px; width: 35px; height: 35px; }

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

.icon-qa1:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -150px; width: 32px; height: 32px; }

.icon-qa2:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -192px; width: 32px; height: 32px; }

.icon-qcode:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: 0px 0px; width: 210px; height: 210px; }

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

.icon-searchbtn:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -52px; width: 43px; height: 43px; }

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

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

.icon-upimg:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -41px -285px; width: 39px; height: 24px; }

.icon-wimg29:before { content: ''; display: block; background-image: url(../images/sprite.png); background-position: -290px -234px; width: 32px; height: 32px; }

@charset "UTF-8";
/*--公共部分--*/
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-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 { outline: none; }

.fl { float: left; }

.fr { float: right; }

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

.row2 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.row3 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }

.row4 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; }

.row5 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; }

.commonweb { padding: 0px 10px; }
.commonweb img{ max-width:100%; }


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

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="checkbox"], input[type="radio"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; 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: 1180px; 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; } }

/* 样式开始*/

@charset "UTF-8";
/*--公共部分--*/
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-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; }

img { border: 0px; }

.show { display: block !important; }

.hide { display: none !important; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ text-decoration: none; color: #333; outline: none; cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

ul, li { list-style: none; }

em, i { font-style: normal; }

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; }

* { box-sizing: border-box; }

input, textarea, select { outline: none; }

.fl { float: left; }

.fr { float: right; }

.doinner, .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; border-radius: 0; }

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

.whzyinouttext17::-webkit-input-placeholder { color: #fff; font-size: 14px; opacity: 0.5; }

.whzyinouttext17::-moz-input-placeholder { color: #fff; font-size: 14px; opacity: 0.5; }

.whzyinouttext17::-ms-input-placeholder { color: #fff; font-size: 14px; opacity: 0.5; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -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) { .doinner, .commonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .doinner { padding: 0; }
  .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: 520px) { .col-xss-6, .col-xss-9, .col-xss-3 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-xss-6 { width: 50%; }
  .col-xss-9 { width: 75%; }
  .col-xss-3 { width: 25%; } }

@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-20 { width: 20%; }
  .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-2s { width: 12.5%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1199px) { .commonweb { margin: 0px auto; max-width: 1250px; 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-32 { width: 20%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

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

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

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

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

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

/* layout start*/

/** 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 { -webkit-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: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; 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 { -webkit-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; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; 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; }

.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; -webkit-transition: .3s; 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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

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

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

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

.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 { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

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

.hm-header { background: #fff; position: fixed; width: 100%; top: 0; left: 0; z-index: 99; }

body { padding-top: 60px; }

.header-web { max-width: 1300px; margin: 0 auto; padding: 0 15px; position: relative; }

.logo { float: left; padding: 10px 0; width: 18%; }

.logo img { height: 34px; }

.nav { position: fixed; height: 100%; background: #fff; top: 60px; left: 0; width: 100%; border-top: 1px solid #ccc; display: none; }

.nav.show { display: block; }

.nav ul li { position: relative; padding: 0; border-bottom: 1px solid #ccc; }

.nav ul li h4 {font-size: 16px;}

.nav ul li h4 a { padding: 10px 30px; display: block; }

.header-right { position: absolute; right: 15px; padding-top: 13px; }

.header-right a { color: #666; display: inline-block; vertical-align: middle; }

.search-btn { display: inline-block; width: 30px; background-image: url(../images/winco01.png); background-position: center center; background-repeat: no-repeat; }

.search-btn, .sitebtn { height: 30px; line-height: 30px; vertical-align: middle; }

.sitebtn { padding-right: 15px; position: relative; }

.sitebtn:after { content: ""; position: absolute; top: 8px; right: 0; width: 6px; height: 6px; border-right: 1px solid #666666; border-top: 1px solid #666666; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.headeritem { position: fixed; right: 0; top: 60px; width: 100%; z-index: 9; display: none; }

.search { border: 1px solid #ddd; }

.search .search-text { width: 100%; padding: 11px; color: #666; }

.search .sreach-btn { width: 40px; height: 37px; position: absolute; right: 0; top: 0; background-image: url(../images/winco01.png); background-position: center center; background-repeat: no-repeat; background-color: #ffffff; }

.siteweb { border-top: 1px solid #ddd; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 10px 20px; }

.siteweb a { padding: 3px 0; color: #333; display: block; }

.sub-nav { padding: 0 0 10px; display: none; }

.sub-nav a {padding: 10px 40px;display: block;text-align: left;font-size: 12px;}

.mobnav-btn { width: 35px; height: 30px; overflow: hidden; cursor: pointer; position: relative; }

.mobnav-btn span { top: 50%; margin-top: -2px; }

.mobnav-btn span:first-child { content: ""; top: 6px; left: 0; }

.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 5px; position: absolute; background: #666666; -webkit-transition: all 0.5s ease; width: 27px; height: 2px; border-radius: 3px; transition: all 0.5s ease; }

.mobnav-btn.g_close span { opacity: 0; }

.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; }

.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; }

.arrorright-btn { position: absolute; width: 175px; right: 0; top: 0; height: 43px; }

.nav ul li.cur .arrorright-btn:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; }

.arrorright-btn:after { content: ""; position: absolute; top: 13px; right: 15px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.arrorright-btn.show:after { opacity: 0; }

.indexmianbody .footer-top { background: rgba(0, 0, 0, 0.5); }

.indexmianbody .footer-bottom { background: rgba(0, 0, 0, 0.65); }

.footer-top { background: #333333; padding: 20px 0; }

.footerweb { max-width: 1300px; margin: 0 auto; padding: 0 15px; }

.footer-top ul li.li1 h3 { padding: 10px 0; position: relative; border-bottom: 1px solid #ddd; }

.footer-top ul li.li1 h3 a { font-size: 16px; color: #fff; }

.footer-sub { padding-bottom: 5px; display: none; }

.footer-sub a {display: block;color: #ffffff85;font-size: 13px;padding: 5px 0;}

.footer-top ul li.li2 { padding-top: 20px; font-size: 16px; color: #fff; text-align: center; }

.footer-top ul li.li2 h3 { margin-bottom: 20px; }

.footer-top ul li.li2 img { max-width: 100%;  margin: 0px 2px; }

.footer-top ul li.li2 .telnum { padding-top: 14px; }

.footer-top ul li.li2 .telnum em { color: #E1B167; font-size: 22px; vertical-align: middle; }

.plus.icon { position: absolute; right: 15px; top: 11px; color: #fff; position: absolute; margin-left: 3px; margin-top: 10px; }

.plus.icon:before { content: ''; position: absolute; width: 15px; height: 1px; background-color: #fff; }

.plus.icon:after { content: ''; position: absolute; width: 15px; height: 1px; background-color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.footer-top ul li h3.cur .plus.icon:after { opacity: 0; }

.footer-bottom { padding: 20px 0; background: #1F1F1F; font-size: 13px; color: #999999; text-align: center; overflow: hidden; }

.footer-bottom a { color: #999999; }

.footer-bottom a:hover { color: #1745ba; }

.share-box, .footerline { display: inline-block; vertical-align: top; }

.footerline a { padding: 0 2px; }

.share-box a { width: 26px !important; height: 26px !important; background-repeat: no-repeat; background-position: 0 0 !important; display: inline-block; vertical-align: middle; margin: 0 3px !important; float: none !important; padding: 0 !important; }

.share-box a.xweibo { background-image: url(../images/xweibo.png); }

.share-box a.tweibo { background-image: url(../images/tweibo.png); }

.share-box a.weixin { background-image: url(../images/weixin.png); }

.footer-left { padding-bottom: 10px; }

.zdsbacktop { z-index: 100; position: fixed; right: 20px; bottom: 10%; width: 30px; height: 30px; border-radius: 100%; display: block; display: none; background-color: #000000; }

.zdsbacktop:after { display: block; content: ""; width: 6px; height: 6px; border-left: 2px solid #ffffff; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -3px; border-bottom: 2px solid #ffffff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.indexbannerwrap { position: relative; }

.indexnews { height: 42px; line-height: 42px; color: #fff; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; right: 0; z-index: 10; }

.indexnews a { color: #fff; font-size: 14px; }

.indexnews .commonweb { position: relative; padding-left: 130px; height: 45px; overflow: hidden; }

.indexnews .name { font-size: 15px; font-weight: bold; position: absolute; top: 50%; left: 10px; height: 42px; margin-top: -21px; padding-left: 30px; background: url(../images/newsicon1.png) no-repeat left center; padding-right: 7px; }

.indexnews .swiper-container { height: 42px; position: relative; padding-left: 103px; margin-right: 30px; }

.indexnews .swiper-container ul { height: 442px; }

.indexnews .swiper-container ul li { height: 42px; line-height: 42px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

.indexnews .name:after { content: ""; display: block; width: 2px; background-color: #d3d3d3; height: 16px; position: absolute; top: 50%; right: 0px; margin-top: -7px; }

.indexnews .newxlose { position: absolute; right: 15px; background: url(../images/close.png) no-repeat center center; width: 14px; height: 14px; top: 50%; margin-top: -7px; }

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

.indexbanner li { width: 100%; position: relative; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; }

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

.indexbannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 1; bottom: 12px; }

.indexbannerbtn span { display: inline-block; width: 10px; height: 10px; background: #ccc; overflow: hidden; margin: 0 5px; cursor: pointer; opacity: 1; }

.indexbannerbtn span.swiper-pagination-bullet-active { background: #E1B167; }

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

.indexmianbody {background-repeat: no-repeat;background-position: top center;background-size: cover;background-color: #124d71;}

.indexcontOne { padding: 20px 0; }

.indexcontOne .ullist { padding-top: 20px; }

.indexcontOne li { padding: 0; margin: 5px 0 10px; overflow: hidden; }

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

.indexcontOne li .imgbox { position: relative; overflow: hidden; }

.indexcontOne li .textbox { position: absolute; color: #fff; top: 46px; left: 34px; overflow: hidden; font-weight: bold; font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; }

.indextoptext { text-align: center; }
.indextoptext h4 {font-size: 20px;font-weight: bold;color: #ffffff;margin-bottom: 5px; position:relative; line-height:2;}

.indextoptext h4:before {content: '';position: absolute;bottom: 0;width: 40px;height:2px;background: #fff;z-index: 1;left: 50%;margin-left: -20px;}

.indextoptext h3 {font-size: 18px;color: #ffffff;opacity: 0.6;text-transform: uppercase;font-family: Helvetica,Arial;font-weight: 100;line-height:1.5; }

.innerbanner { width: 100%; position: relative; }

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

.indexcontTwo { padding: 20px 0; }

.indexcontTwo .ullist { overflow: hidden; padding-top: 20px; }

.indexcontTwo ul { margin: 0 -13px; }

.indexcontTwo li { padding: 0 13px; overflow: hidden; margin-bottom: 15px; }

.indexcontTwo li h3.name { background-image: url(../images/h3bg.jpg); background-repeat: no-repeat; background-position: left center; background-size: 100% 100%; height: 50px; line-height: 50px; padding: 0 25px; position: relative; color: #fff; font-size: 16px; }

.indexcontTwo li p.img img { display: block; width: 100%; margin: 0 auto; /*-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1);*/ }

.indexcontTwo li p.img { position: relative; overflow: hidden; }

.indexcontTwo li h3.name img { display: block; width: 31px; height: 33px; position: absolute; top: 50%; margin-top: -16px; right: 25px; }

.indexcontThree { padding: 20px 0; }

.indexcontThree .ullist { overflow: hidden; padding-top: 20px; }

.indexcontThree ul { text-align: center; }

.indexcontThree li { display: inline-block; width: 32%; margin-bottom: 10px; }

.indexcontThree li div.content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all ease-in .3s; transition: all ease-in .3s; }

.indexcontThree li p.img { width: 80px; height: 80px; background-color: #fff; border-radius: 100%; margin: 0 auto; }

.indexcontThree li img { display: none; width: 80px; height: 80px; margin: 0 auto; border-radius: 100%; }

.indexcontThree li img.img1 { display: block; }

.indexcontThree li img.img2 { display: none; }

.indexcontThree li div.text { color: #fff; padding-top: 10px; }

.indexcontThree li div.text h3 { font-size: 16px; line-height: 26px; height: 26px; overflow: hidden; }

.indexcontThree li div.text p { font-size: 12px; color: #dbdbdb; line-height: 22px; height: 44px; overflow: hidden; }

.indexcontFour { padding: 20px 0; }

.indexrecommend { padding: 20px 0; position: relative; }

.indexrecommend .imgbox { overflow: hidden; }

.indexrecommend .imgbox img { display: block; width: 100%; margin: 0 auto; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.indexrecommend .text { background-color: #fff; width: 100%; position: relative; padding: 40px 25px 15px; text-align: center; }

.indexrecommend .text p.img { width: 70px; height: 70px; background-color: #fff; border-radius: 100%; position: absolute; left: 50%; margin-left: -35px; top: 0; margin-top: -35px; }

.indexrecommend .text p.img img { display: none; width: 70px; height: 70px; margin: 0 auto; border-radius: 100%; }

.indexrecommend .text p.img img.img1 { display: block; }

.indexrecommend .text p.img img.img2 { display: none; }

.indexrecommend .text h4 { font-size: 16px; line-height: 26px; height: 26px; overflow: hidden; font-weight: bold; }

.indexrecommend .text p { font-size: 14px; line-height: 21px; color: #666; height: 63px; }

.indexrecommend .swiper-button-next, .indexrecommend .swiper-button-prev { width: 33px; height: 60px; }

.indexrecommend .swiper-button-next.swiper-button-white { background-image: url(../images/right.png); background-size: 20px 40px; }

.indexrecommend .swiper-button-prev.swiper-button-white { background-image: url(../images/left.png); background-size: 20px 40px; }

.indexcontFive { padding: 20px 0; }

.indexcontFive .indexnew { padding: 20px 0 0; }

.indexcontFive .indexnewL { position: relative; }

.indexcontFive .indexnewL a { display: block; position: relative; overflow: hidden; }

.indexcontFive .indexnewL img { display: block; width: 100%;max-height: 375px; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.indexcontFive .indexnewL .name { font-size: 17px; line-height: 32px; margin-top: 12px; }

.indexcontFive .indexnewL .text { font-size: 14px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 0 25px; text-align: left; height: 40px; line-height: 40px; width: 100%; }

.indexcontFive .indexnewL .timebox { position: absolute; z-index: 3; top: 0; left: 20px; width: 58px; height: 58px; padding: 5px 2px; text-align: center; background-color: #E1B167; color: #fff; font-size: 12px; }

.indexcontFive .indexnewL .timebox .today { display: block; font-size: 28px; line-height: 28px; font-weight: bold; }

.indexcontFive .indexnew .newslist { margin-top: 20px; }

.indexcontFive .newslist ul li { margin-bottom: 15px; padding-bottom: 16px; background: url(../images/bg_04.png) no-repeat center bottom; background-size: 100% 1px; }

.indexcontFive .newslist ul li:nth-last-child(1) { background: none; }

.indexcontFive .newslist ul li .textbox { display: block; padding-left: 70px; position: relative; }

.indexcontFive .newslist ul li .timebox { width: 58px; height: 58px; padding: 5px 2px; text-align: center; background-color: #fff; font-size: 13px; float: left; }

.indexcontFive .newslist ul li .timebox .today { display: block; font-size: 28px; line-height: 28px; font-weight: bold; color: #666; }

.indexcontFive .newslist ul li .timebox .yearmonth { display: block; height: 20px; line-height: 20px; overflow: hidden; color: #999999; }

.indexcontFive .newslist ul li .name { font-size: 15px; line-height: 20px; color: #fff; height: 20px; text-align: left; }

.indexcontFive .newslist ul li .text { font-size: 14px; line-height: 20px; height: 40px; color: #d1d1d1; text-align: left; }

.indexcontFive .newslist ul li:hover .timebox { background-color: #E1B167; }

.indexcontFive .newslist ul li:hover .timebox .today { color: #fff; }

.indexcontFive .newslist ul li:hover .timebox .yearmonth { color: #fff; }

.productcont403 { color: #333333; position: relative; padding: 36px 0; background-color: #ffffff; }

.proDetailstopleft403 { border: 1px solid #ccc; position: relative; padding: 0; }

.Detailstopleftimg403 { overflow: hidden; position: relative; padding-bottom: 6px; }

.Detailstopleftimg403 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; }

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

.productdtdot403 { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 13px !important; }

.productdtdot403 span { display: inline-block; width: 10px; height: 10px; background-color: #cccccc; overflow: hidden; margin: 0 5px; cursor: pointer; border-radius: 100%; opacity: 1; }

.productdtdot403 span.swiper-pagination-bullet-active { background-color: #0055a5; }

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

.proDetailstopright403 { position: relative; padding-top: 27px; }

.proDetailstopright403 dl { margin: 0px; }

.proDetailstopright403 dl dt { font-size: 20px; line-height: 22px; padding-bottom: 20px; border-bottom: 1px solid #ccc; color: #1a45a8; font-weight: bold; }

.proDetailstopright403 dl dd { font-size: 14px; padding: 30px 0px; line-height: 30px; border-bottom: 1px solid #ccc; color: #666666; }

.proDetailstopright403 dl dd span.Special { font-size: 16px; padding-right: 10px; }

.subnavlistcont02 { background-color: #f2f2f2; position: relative; }

.subnavlist02 { background-color: #f2f2f2; }

.subnavlist02 .commonweb { display: none; }

.subnavlist02 ul li { font-size: 16px; text-align: center; }

.subnavlist02 ul li a { display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 18px; position: relative; }

.subnavlist02 ul li a:hover { background: #1a45a8; color: #ffffff; font-weight: bold; }

.subnavlist02 ul li a.cur { background-color: #1a45a8; color: #ffffff; font-weight: bold; }

.zsannavbtn02 { padding: 15px; color: #333333; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn02 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

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

.subscrollleft02, .subscrollright02 { display: none; }

.prowilltbtn { background-color: #f4f4f4; }

.prowilltbtn li { float: left; width: 25%; height: 40px; line-height: 40px; text-align: center; }

.prowilltbtn li a { display: block; font-size: 12px; }

.prowilltbtn li:hover a, .prowilltbtn li.cur a { background-color: #1745ba; color: #FFF; }

.protogcontent { padding: 32px 0; color: #666666; display: none; }

.h12 { height: 10px; }

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

.NySolutionswrap { background-color: #f2f2f2; padding: 20px 0; }

.NySolutionswrap .textbox { padding: 15px; }

.NySolutionswrap dl { background-color: #fff; }

.NySolutionswrap li { margin-bottom: 15px; }

.NySolutionswrap dd h3 { color: #333; font-size: 16px; line-height: 26px; margin-bottom: 3px; font-weight: bold; }

.NySolutionswrap dd p { font-size: 14px; line-height: 24px; color: #666; }

.NySolutionswrap dd span { display: block; width: 119px; height: 29px; border: 1px solid #ccc; color: #666; line-height: 29px; text-align: center; margin-top: 10px; text-transform: uppercase; }

@media (min-width: 768px) { .indexcontOne { overflow: hidden; }
  .indexcontOne ul { margin: 0 -5px; position: relative; }
  .indexcontOne li { width: 50%; margin: 7px 0; padding: 0 7px; }
  .indexcontOne li .textbox { font-size: 16px; }
  .indextoptext h4 { font-size: 26px; }
  .indextoptext h3 { font-size: 20px; }
  .indexcontThree li { width: 19%; }
  .indexcontFive .indexnewL .timebox .today { font-size: 40px; line-height: 40px; }
  .indexcontFive .newslist ul li .textbox { padding-left: 100px; }
  .indexcontFive .newslist ul li .timebox { width: 68px; height: 68px; }
  .indexcontFive .newslist ul li .timebox .today { font-size: 40px; line-height: 40px; }
  .indexcontFive .newslist ul li .name { font-size: 18px; }
  .indexcontFive .newslist ul li .text { -webkit-line-clamp: 2; height: 40px; margin-top: 10px; }
  .zsannavbtn02 { display: none; }
  .subnavlist02 .commonweb { display: block; position: relative; }
  .subnavlist02 { display: block; background: none; }
  .subnavscroll02 { position: absolute; left: 0; bottom: 0; background-color: #1a45a8; }
  .subnavlist02 .commonweb ul { width: 100%; font-size: 0; text-align: center; }
  .subnavlist02 ul li { width: auto; display: inline-block; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; display: -ms-flexbox; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }
  .subnavlist02 ul li a { width: auto; padding: 22px 40px; margin: 0; color: #ffffff; }
  .subnavlist02 ul li a:hover:after { display: inline-block; content: ""; border-left: 6px solid #f2f2f2; border-bottom: 6px solid #f2f2f2; border-top: 6px solid transparent; border-right: 6px solid transparent; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); position: absolute; left: 50%; bottom: -6px; margin-left: -6px; }
  .subnavlist02 ul li a.cur:after { display: inline-block; content: ""; border-left: 6px solid #f2f2f2; border-bottom: 6px solid #f2f2f2; border-top: 6px solid transparent; border-right: 6px solid transparent; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); position: absolute; left: 50%; bottom: -6px; margin-left: -6px; }
  .subscrollleft02, .subscrollright02 { width: 34px; height: 62px; position: absolute; bottom: 0; cursor: pointer; z-index: 10; background-color: #0c339a; }
  .subscrollleft02 { left: 0; }
  .subscrollright02 { right: 0; }
  .subscrollleft02::before, .subscrollright02::before { display: block; content: ""; width: 20px; height: 20px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
  .subscrollleft02::before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 22px 0 0 12px; }
  .subscrollright02::before { transform: rotate(135deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin: 20px 0 0 1px; }
  .NySolutionswrap dd { padding: 0; }
  .NySolutionswrap dd h3 { font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; }
  .NySolutionswrap dd p { height: 140px; font-size: 16px; line-height: 28px; }
  .NYsolutionslists li dl { background-color: #fff; }
  .NYsolutionslists li dt { padding: 0; position: relative; }
  .NYsolutionslists li dt:after { content: ''; display: block; width: 0; height: 0; border-top: 25px solid transparent; border-right: 20px solid #fff; border-bottom: 25px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -25px; } }

@media (min-width: 992px) { .indexnews .swiper-container { height: 42px; position: relative; }
  .indexcontFive .indexnew { padding: 66px 0; }
  .indexcontFive .indexnewL { padding-right: 20px; }
  .indexcontFive .indexnew .newslist { margin-top: 0; padding-left: 20px; padding-top: 4px; }
  .indexcontFive .newslist ul li { padding-bottom: 18px; margin-bottom: 18px; }
  .indexcontFive .newslist ul li:last-child { margin-bottom: 10px; }
  .NySolutionswrap li { padding: 0; margin: 0; }
  .NySolutionswrap .dlright dl dt { float: right; }
  .NySolutionswrap .dlright dl dt { float: right; }
  .NySolutionswrap li:hover dl { background-color: #0055a5; }
  .NySolutionswrap li:hover dl dt:after { border-right: 20px solid #0055a5; }
  .NySolutionswrap .dlright dl dt:after { left: 0; right: auto; border-left: 20px solid #fff; border-right: 0; }
  .NySolutionswrap .dlright:hover dl dt:after { border-right: 0; border-left: 20px solid #0055a5; }
  .NySolutionswrap li:hover dd h3, .NySolutionswrap li:hover dd p { color: #fff; }
  .NySolutionswrap li:hover dd span { color: #e5e5e5; border: 1px solid #fff; } }

@media (min-width: 1024px) { .hm-header { position: static; }
  body { padding-top: 0; }
  .logo { padding: 15px 0 0; }
  .logo img { height: 50px; }
  .nav { float: left; width: 82%; padding: 0 142px 0 2%; display: block; position: static; border-top: 0; }
  .nav ul li { float: left; border-bottom: 0; padding: 0 .5%; }
  .nav ul li h4 a { padding: 0 5px; height: 86px; line-height: 86px; }
  .nav ul li h4 a:hover, .nav ul li h4 a.cur { color: #1745ba; border-bottom: 4px solid #1B46B7; }
  .header-right { border-left: 1px solid #dddddd; position: absolute; right: 15px; padding-top: 0; }
  .indexmianbody { background-image: url(../images/indexbg.jpg); background-color: transparent; }
  .search-btn { width: 50px; }
  .search-btn, .sitebtn { height: 90px; line-height: 90px; }
  .sitebtn { padding-right: 15px; }
  .sitebtn:after { top: 41px; }
  .headeritem { position: absolute; right: 0; top: 90px; }
  .siteweb { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 10px 20px; border-top: 0; }
  .siteweb a { padding: 3px 0; display: block; }
  .siteweb a:hover { color: #1745ba; }
  .headeritem { position: absolute; top: 80px; width: 200px; right: -80px; }
  .sub-nav {position: absolute;top: 86px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 145px;padding: 0;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);z-index: 99;background: #fff;}
  .sub-nav a { padding: 10px 5px; text-align: center; border-bottom: 1px solid #dddddd; }
  .sub-nav a:hover { background: #1B46B7; color: #fff; }
  .header-right a.mobnav-btn { display: none; }
  .arrorright-btn { display: none; }
  .headeritem { position: absolute; top: 86px; width: 200px; right: -50px; }
  .search { width: 240px; }
  .footer-top { padding: 25px 0 35px; }
  .footer-top ul li { padding-right: 3.7%; float: left; }
  .footer-top ul li.li1 h3 { border-bottom: 0; padding-top: 0; }
  .footer-sub { padding-bottom: 0; display: block; }
  .footer-sub a { padding-top: 0; }
  .footer-sub a:hover { color: #C61B2B; }
  .footer-top ul li.li2 { border-left: 1px solid #6A6A6A; padding: 0 0 0 2.2%; }
  .plus.icon:after, .plus.icon:before { opacity: 0; }
  .footer-bottom { padding: 10px 0; text-align: left; }
  .footer-left { float: left; padding-bottom: 0; }
  .footer-right { float: right; }
  .indexbannerbtn span { display: inline-block; width: 14px; height: 14px; background: #FFF; overflow: hidden; margin: 0 5px; cursor: pointer; }
  .indexcontOne { padding: 90px 0 77px; }
  .indexcontOne .ullist { padding-top: 56px; }
  .indexcontOne li .textbox { font-size: 20px; height: 22px; line-height: 22px; top: 52px; }
  /*.indexcontOne li:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }*/
  .indexcontOne li { width: 33.33%; }
 /* .indexcontOne li:nth-child(1), .indexcontOne li:nth-child(4) { margin-right: 5px; }
  .indexcontOne li:nth-child(2), .indexcontOne li:nth-child(5) { float: right; margin-left: 5px; }
  .indexcontOne li:nth-child(3) { position: absolute; left: 50%; top: 0; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .indexcontOne li:nth-child(3) .textbox { height: 46px; line-height: 46px; }
  */
  .indexcontTwo { padding: 30px 0 77px; }
  .indexcontTwo .ullist { padding-top: 63px; }
  /*.indexcontTwo li:hover p.img img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }*/
  .indexcontTwo li h3.name { height: 60px; line-height: 60px; }
  .indexcontTwo li:hover h3.name { background-image: none; background-color: #E1B167; }
  .indexcontThree { padding: 26px 0; }
  .indexcontThree .ullist { padding-top: 65px; }
  .indexcontThree li p.img { width: 100px; height: 100px; }
  .indexcontThree li img { width: 100px; height: 100px; }
  .indexcontThree li div.text h3 { font-size: 18px; }
  .indexcontThree li div.text p { font-size: 14px; }
  .indexcontThree li:hover p.img { background-color: #E1B167; }
  .indexcontThree li:hover img.img1 { display: none; }
  .indexcontThree li:hover img.img2 { display: block; }
  .indexcontThree li:hover div.content { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
  .indexcontFour { padding: 29px 0; }
  .indexrecommend { padding: 63px 0; }
  .indexrecommend .swiper-button-next.swiper-button-white { background-size: 33px 60px; }
  .indexrecommend .swiper-button-prev.swiper-button-white { background-size: 33px 60px; }
  .indexrecommend li:hover .text p.img { background-color: #E1B167; }
  .indexrecommend li:hover .text p.img img.img1 { display: none; }
  .indexrecommend li:hover .text p.img img.img2 { display: block; }
  .indexrecommend li:hover .text { background-color: #E1B167; }
  .indexrecommend li:hover .text h4, .indexrecommend li:hover .text p { color: #fff; }
  .indexrecommend li:hover .imgbox img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }
  .indexcontFive .indexnewL .text { font-size: 18px; height: 56px; line-height: 56px; }
  .indexcontFive .indexnewL:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }
  .productcont403 { padding: 62px 0 27px; }
  .proDetailstopleft403 { float: left; width: 41%; }
  .proDetailstopright403 { padding-left: 46%; }
  .proDetailstopright403 dl dd { font-size: 16px; line-height: 30px; padding: 31px 0 52px; }
  .proDetailstopright403 dl dt { font-size: 30px; line-height: 30px; padding-bottom: 25px; }
  .h12 { height: 12px; }
  .prowilltbtn li { height: 51px; line-height: 51px; width: 14%; }
  .prowilltbtn li a { font-size: 16px; }
  .protogcontent .description { font-size: 16px; line-height: 30px; }
  .NySolutionswrap { padding: 64px 0 64px; }
  .NySolutionswrap .textbox { padding: 45px 24px 0 24px; }
  .NySolutionswrap dd h3 { margin-bottom: 16px; }
  .NySolutionswrap dd span { margin-top: 19px; } }

@media (min-width: 1180px) { .footer-top ul li { padding-right: 4.8%; }
  .footerweb { padding: 0 30px; }
  .zdsbacktop { width: 50px; height: 50px; }
  .indextoptext h4 { font-size: 32px; margin-bottom: 0; }
  .indextoptext h3 { font-size: 26px; }
  .indexcontFive .newslist ul li { padding-bottom: 29px; margin-bottom: 29px; } }

@media (min-width: 1199px) { .indexcontOne li:nth-child(3) .textbox { height: 48px; line-height: 48px; }
  .indexcontThree li p.img { width: 134px; height: 134px; }
  .indexcontThree li img { width: 134px; height: 134px; } }

@media (min-width: 1200px) { .logo img { height: 58px; } }

@media (min-width: 1360px) { .header-web { padding: 0; }
  .nav ul li {padding: 0;}
  .nav ul li h4 a { padding: 0 18px; }
  .nav { padding-left: 1%; }
  .footerweb { padding: 0; }
  .footer-top ul li { padding-right: 6.1%; }
  .indexcontFive .newslist ul li { margin-bottom: 25px; padding-bottom: 25px; }
  .indexcontFive .newslist ul li .timebox { width: 90px; height: 90px; padding: 15px; }
  .indexcontFive .newslist ul li .textbox { padding-left: 120px; padding-top: 10px; }
  .indexcontFive .newslist ul li .text { margin-top: 13px; }
  .indexnews .name { left: 0; } }

@media (min-width: 1600px) { .indexrecommend .swiper-button-next { right: -74px; }
  .indexrecommend .swiper-button-prev { left: -74px; } }

.feedback > .commonweb { overflow: hidden; }

.feedback { padding-top: 10px; font-size: 16px; }

.feedback h3 { font-size: 18px; color: #333; font-weight: bold; padding-left: 45px; line-height: 25px; background: url(../images/icon11.png) left center no-repeat; margin-bottom: 40px; }

.feedback img { width: 100%; display: block; margin-bottom: 30px; }

.feedback li { padding-top: 20px; overflow: hidden; }

.feedback p { border-bottom: 1px solid #ccc; color: #999; position: relative; padding-left: 95px; height: 35px; line-height: 30px; padding-bottom: 5px; }

.feedback p .s1 { position: absolute; left: 0; top: 0; }

.feedback input { font-size: 18px; height: 28px; line-height: 28px; }

.feedback .textarea { padding-left: 0; height: auto; border-bottom: none; }

.feedback .textarea .s1 { position: static; display: block; }

.feedback .textarea textarea { width: 100%; resize: none; border: 1px solid #ccc; min-height: 120px; margin-top: 5px; padding: 10px; }

.feedback .file { padding-left: 0; }

.feedback .file span { display: block; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow: hidden; padding-right: 40px; }

.feedback .file span:after { content: '+'; display: block; font-size: 35px; font-weight: lighter; position: absolute; right: 0; top: 0; }

.colorblud { color: #eb1b1b; }

.feedback .filetext { position: absolute; top: 0; right: 30px; width: 59%; }

.feedback input[type=file] { position: absolute; width: 67%; right: 0; top: 0; cursor: pointer; opacity: 0; }

.feedback .feedbackbtn { text-align: center; padding: 20px 0 50px; }

.feedback .feedbackbtn input { width: 100px; height: 35px; line-height: 35px; display: inline-block; background-color: #9c9c9c; color: #fff; text-align: center; font-size: 18px; margin: 0 25px; cursor: pointer; }

.feedback .feedbackbtn input[type=submit] { background-color: #E1B167; }

.feedback .yzm { position: absolute; right: 0; top: 0; bottom: 0; line-height: 54px; }

.feedback .yzm em { display: inline-block; height: 100%; position: static; }

.feedback .yzm em img { max-height: 100%; }

.feedback .yzmwrap { padding-left: 0; }

@media (min-width: 767px) { .feedback { padding-top: 20px; }
  .feedback img { margin-bottom: 40px; }
  .feedback .feedbackbtn { padding: 30px 0 60px; }
  .feedback .feedbackbtn input { width: 150px; height: 55px; line-height: 55px; font-size: 20px; }
  .feedback .textarea textarea { min-height: 140px; } }

@media (min-width: 991px) { .feedback { padding-top: 30px; }
  .feedback img { margin-bottom: 50px; }
  .feedback .feedbackbtn { padding: 40px 0 70px; }
  .feedback li { padding: 20px 50px 20px; }
  .feedback .textarea textarea { min-height: 160px; } }

@media (min-width: 1024px) { .feedback { padding-top: 10px; font-size: 18px; }
  .feedback h3 { margin-bottom: 40px; margin-top: 20px; }
  .feedback img { margin-bottom: 60px; }
  .feedback ul { margin: 0 -50px; }
  .feedback .feedbackbtn { padding: 50px 0 80px; }
  .feedback li { padding: 20px 50px 30px; }
  .feedback .textarea textarea { min-height: 180px; }
  .feedback .file span:after { top: -5px; } }

.sitemapcont2 { padding: 50px 0 20px; overflow: hidden; background: #fff; }

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

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

.sitemapcont2 dl dt a { color: #0055a5; }

.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; }

.sitemapcont2 dl dd a:hover { color: #0055a5; }

@media (min-width: 767px) { .sitemapcont2 { padding: 5% 30px; }
  .sitemapcont2 dl { margin-bottom: 50px; }
  .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; } }


/*20180329*/
.indexnews { z-index:8;}
@media(min-width:1024px) {
    .footer-top ul li { padding-right:0.7%;}
    .footer-top ul li.li2 { padding-left:7px;}

  .NySolutionswrap .dlright dl dt:after { left: 0; right: auto; border-left: 20px solid #fff; border-right: 0; }
  .NySolutionswrap .dlright:hover dl dt:after { border-right: 0; border-left: 20px solid #0055a5; }

  .NySolutionswrap .dlright dl dt { float: right; }
  .NySolutionswrap .dlright dl dt { float: right; }
    .NYsolutionslists li:nth-child(4n-1) dl dt:after { left: 0; right: auto; border-left: 20px solid #fff; border-right: 0; }
    .NYsolutionslists li:nth-child(4n-0) dl dt:after { left: 0; right: auto; border-left: 20px solid #fff; border-right: 0; }
.NYsolutionslists li:nth-child(4n-1) dl dt { float: right; }
.NYsolutionslists li:nth-child(4n-1) dl dd { float: left; }
.NYsolutionslists li:nth-child(4n-0) dl dt { float: right; }
.NYsolutionslists li:nth-child(4n-0) dl dd { float: left; }

  .NySolutionswrap  li:nth-child(4n-1):hover dl dt:after,.NySolutionswrap  li:nth-child(4n-0):hover dl dt:after { border-right: 0; border-left: 20px solid #0055a5; }
}
@media(min-width:1199px) {
    .footer-top ul li { padding-right:2.1%;}
}
@media(min-width:1360px) {
    .footer-top ul li { padding-right:3%;}
    .footer-top ul li.li2 { padding-left:1%;float: right;}
}

/*20180330*/
.indexcontOne li p.img img.img1{ display:block;}
.indexcontOne li p.img img.img2{display:none;}
@media(min-width:1024px){
    .indexcontOne li:hover p.img img.img1 { display:none;}
    .indexcontOne li:hover p.img img.img2 { display:block;}
}

/*20180427*/
.bd_weixin_popup .bd_weixin_popup_main { padding:10px !important;}
.indexcontTwo li p.img img { display: block; width: 100%; margin: 0 auto;
-webkit-transition:all ease 0.7s;
		-moz-transition: all ease 0.7s;	
		-ms-transition: all ease 0.7s;
		-o-transition:all ease 0.7s;
		transition: all ease 0.7s;
}
@media(min-width:1024px) {
.indexcontTwo li:hover p.img img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }
}


/*20180502*/
.footer-links{ border-bottom: 1px solid #333333; padding-bottom: 10px;margin-bottom: 10px;}
.footer-links a{ display: inline-block;}
.footer-links a em{ padding:0 10px;}