@charset "UTF-8";
html, body { -webkit-overflow-scrolling: touch; -o-overflow-scrolling: touch; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0; }

a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none; }
* {
  box-sizing: border-box;
  font-size: 0.416rem;
  font-family: 'Heiti SC', HelveticaNeue, Droidsansfallback, 'Droid Sans';
}


a:link, a:active, a:visited, a:hover { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

button { border-radius: 0px; -webkit-border-radius: 0px; outline: none; }

input { border-radius: 0; outline: none; -webkit-tap-highlight-color: transparent; }

input[type='submit'] { border-radius: 0px; -webkit-border-radius: 0px; outline: none; -webkit-appearance: none; }

input:-ms-clear { display: none; }

input, textarea { border: 0; }

textarea { resize: none; -webkit-appearance: none; outline: none; font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans","微软雅黑"; }

img { border: 0; vertical-align: middle; }

ul, li { list-style: none; }


a:link, a:visited { color: #333; text-decoration: none; }

a:hover, a:active { color: #0056b8; text-decoration: none; }

img { MAX-WIDTH: 100% !important; HEIGHT: auto !important; _width: expression(this.width > 100% ? "100%" :this.width) !important; }
a:active, a:hover {
  text-decoration: none;
}

body {
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  background: #edf1fa;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  /* background-color: #f6f7f9;*/
}


.clearfix:after {
  content: '';
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.clearfix {
  zoom: 1; }

video {
  width: 100%;
}


.homebg {
  position: relative;
  background: #f1f1f1;
}

.homebg:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0px;
  background: url(../images/homeBg.png) no-repeat left top;
  height: 20rem;
  background-size: 100%;
  width: 100%;
  margin-left: -50%;
}

.header {
  padding: 0.4rem 0.4rem 0.3368rem 0.4rem;
  position: relative;
  z-index: 3;
}

.head-left {
  float: left;
}

.head-left a {
  display: block;
  width: 4.2668rem;
}

.head-left img {
  width: 100%;
}

.head-right {
  display: block;
  float: right;
  width: 3.38667rem;
  height: 0.82667rem;
  border: 1px solid #e7d2a7;
  background: #fff3d6;
  box-shadow: 0px 0.04rem 0px 0px #cc9f67;
  border-radius: 0.4rem;
  font-size: 0.4rem;
  font-weight: 400;
  color: #cc9f67 !important;
  line-height: 0.37333rem;
  padding-top: 0.22667rem;
  padding-left: 1.44rem;
  position: relative;
  transition: all 0.3s;
  margin-top: 0.16rem;
}

.head-right:hover {
  box-shadow: 0px 0.06667rem 0px 0px #cc9f67;
}

.head-right img {
  display: block;
  width: 0.8rem;
  height: 0.57333rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.4rem;
}

.header .ul-hd {
  overflow: hidden;
  margin-top: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  overflow: auto;
}

.nav {
  position: relative;
  color: #fff;
  width: 100%;
}

.nav .ul-hd {
  display: -webkit-box;
  overflow-x: scroll;
  width: 88%;
  position: relative;
}

//.nav::after {
  display: block;
  background: url(../images/m_aft.png) no-repeat;
  content: '';
  position: absolute;
  width: 1.2rem;
  height: 0.928rem;
  right: 12%;
  top: 0.13472rem;
}

.nav.hide::after {
  display: none;
}

.nav .ul-hd li {
  text-align: center;
  margin-right: 0.464rem;
}

.nav .ul-hd li a {
  font-size: 0.4533rem;
  color: #333;
  line-height: 2.5em;
  display: inline-block;
  position: relative;
}

.nav .active a::after {
  background: -webkit-linear-gradient(left, #20467f, #3b73ae);
  background: -o-linear-gradient(right, #20467f, #3b73ae);
  background: -moz-linear-gradient(right, #20467f, #3b73ae);
  background: linear-gradient(to right, #20467f, #3b73ae);
  position: absolute;
  height: 0.048rem;
  width: 0.736rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: '';
  bottom: 0.128rem;
  border-radius: 10px;
}

.nav .box {
  position: relative;
}

.nav .rbg {
  display: block;
  line-height: 2em;
  text-align: center;
  font-size: 0.384rem;
  color: #fff;
  position: absolute;
  top: 0.24rem;
  right: 0.8rem;
  width: 0.864rem;
  z-index: 1;
}

.nav .rbg img {
  width: 0.608rem;
  position: absolute;
  right: -0.8rem;
  top: 0.08rem;
}

.homebg .nav .ul-hd li a {
  color: #fff;
}

.dh-hide {
  display: none;
  position: absolute;
  top: 3.36rem;
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 999999999999999999;
}

.dh-hide .nav-t2 {
  padding: 0.13472rem 0.40416rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  box-sizing: border-box;
  -wekit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.nav-t2 dt {
  overflow: hidden;
  border-bottom: 1px solid #e2e1e6;
  padding: 0.06736rem 0 0.192rem;
  font-size: 0.384rem;
  margin-bottom: 0.24rem;
}

.nav-t2 dt span {
  float: left;
}

.nav-t2 dt .close {
  float: right;
  height: 0.384rem;
  width: 0.384rem;
  margin-right: 0.08rem;
  background: url(../images/nav-ti-close.png) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}

.nav-t2 dd {
  overflow: hidden;
  margin: 0 -0.06736rem;
}

.nav-t2 dd p {
  float: left;
  width: 25%;
}

.nav-t2 dd a {
  display: block;
  background-color: #f5f8ff;
  border: 1px solid #f2f2f2;
  border-radius: 0.06736rem;
  font-size: 0.384rem;
  box-sizing: border-box;
  -wekit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #444;
  margin: 0 0.06736rem 0.13472rem;
  padding: 0.1936rem 0;
  text-align: center;
}


.container { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0px 0px; position: relative;background:#d8e4ec }
.cont { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0px 0px; position: relative;}


/* zxy-btmswt */
.zxy-btmswt {
  padding: 0 0.26667rem;
  z-index: 50;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 750px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  height: 1.50667rem;
  overflow: hidden;
  display: none;
}

.zxy-btmswt .zxybtm-fl {
  margin-right: 0.26667rem;
  background: linear-gradient(0deg, #1d447c, #3b7bbf);
  border-radius: 0.4rem 0.4rem 0px 0px;
  float: left;
  width: 3.94667rem;
  height: 100%;
  padding-top: 0.33333rem;
}

.zxy-btmswt .zxybtm-fl a {
  display: block;
  background: url(../images/zxy-ej.png) no-repeat left 0.4rem center;
  background-size: 0.64rem;
  padding-left: 1.33333rem;
  cursor: pointer;
}

.zxy-btmswt .zxybtm-fl a span {
  display: block;
  font-size: 0.34667rem;
  line-height: 1;
  color: #fff;
  margin-bottom: 0.13333rem;
  font-weight: 300;
}

.zxy-btmswt .zxybtm-fl a strong {
  display: block;
  font-size: 0.42667rem;
  color: #fff;
  line-height: 1;
}

.zxy-btmswt .zxybtm-fr {
  background: linear-gradient(0deg, #f72621, #ff7541);
  border-radius: 0.4rem 0.4rem 0px 0px;
  float: right;
  width: 5.25333rem;
  height: 100%;
  padding-top: 0.33333rem;
}

.zxy-btmswt .zxybtm-fr a {
  display: block;
  background: url(../images/zxy-dh.gif) no-repeat left 0.4rem center;
  background-size: 0.64rem;
  padding-left: 1.33333rem;
  cursor: pointer;
}

.zxy-btmswt .zxybtm-fr a span {
  display: block;
  font-size: 0.34667rem;
  line-height: 1;
  color: #fff;
  margin-bottom: 0.13333rem;
  font-weight: 300;
}

.zxy-btmswt .zxybtm-fr a strong {
  display: block;
  font-size: 0.42667rem;
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
}

/* zxy-btmswt */
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0rem;
  line-height: 1;
}


#gotoTop {
  width: 35px;
  height: 35px;
  bottom: 130px;
  background: url(../images/totop.png) no-repeat;
  background-size: 35px;
  right: 10px;
  cursor: pointer;
  position: fixed;
  z-index: 999;
}



.wrapper {
    max-width: 750px;
    margin: 0 auto;
    width: 100%
}

.index_banner .ban_big p a,.index_banner .ban_small li span:before,.index_banner .ban_small li:before{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

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

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

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


.index_banner {
    padding-top: 2.09333rem;
    padding-bottom: .64rem;
    position: relative
}

.index_banner:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 3.64rem;
    bottom: -2.4rem;
    background-color: #ecf2f6;
    z-index: -1
}

.index_banner .banner_text {
    padding-left: .4rem;
    padding-right: .4rem
}

.index_banner .banner_text h1 {
    letter-spacing: .05333rem;
    color: #343434;
    font-size: .77333rem;
    font-weight: bold;
    line-height: .8rem
}

.index_banner .banner_text p {
    color: #f34d45;
    font-size: .37333rem;
    line-height: .53333rem;
    margin-top: .24rem
}

.index_banner .ban_big {
    margin-top: .45333rem;
    position: relative;
    padding-bottom: .42667rem
}

.index_banner .ban_big .ban_cp {
    display: block;
    padding-top: .08rem;
    position: relative
}

.index_banner .ban_big .ban_cp:before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    right: -30px;
    height: 1.2rem;
    background-position: center top;
    background-size: auto 1.2rem;
    background-repeat: no-repeat;
    z-index: -1
}

.index_banner .ban_big .ban_cp img {
    display: block;
    width: 9.2rem;
    margin-left: auto;
    margin-right: auto
}

.index_banner .ban_big .ban_jaw:before {
    background-image: url(../images/Cleaning_machine.png)
}

.index_banner .ban_big .ban_sand:before {
    background-image: url(../images/dryer_maghine.png)
}

.index_banner .ban_big .ban_cone:before {
    background-image: url(../images/Frying_machine.png)
}

.index_banner .ban_big:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5rem;
    width: 100%;
    height: 2.54667rem;
    background: url(../images/ban_shadow.png) center bottom no-repeat;
    background-size: 100% 100%
}

.index_banner .ban_big p {
    margin-top: .42667rem
}

.index_banner .ban_big p a {
    color: #343434;
    font-size: .61333rem;
    line-height: .8rem;
    display: block;
    font-weight: bold;
    text-align: center
}

.index_banner .ban_big p a:hover {
    color: #f34d45
}

.index_banner .ban_big .zx_btn {
    cursor: pointer;
    margin-top: .21333rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 2.66667rem;
    height: .85333rem;
    background-color: #f34d45;
    background-image: linear-gradient(180deg, #ea4025 0%, #db2d1d 100%);
    border-radius: .13333rem;
    line-height: .85333rem;
    letter-spacing: .02667rem;
    color: #ffffff;
    text-align: center;
    font-size: .4rem;
    position: relative
}

.index_banner .ban_big .zx_btn:before {
    content: '';
    display: block;
    position: absolute;
    left: -.24rem;
    right: -.24rem;
    bottom: -.46667rem;
    height: 1.02667rem;
    background-size: 100% 100%;
    z-index: -1
}

.index_banner .ban_small {
    padding: .37333rem .96rem 0
}

.index_banner .ban_small:after {
    content: '';
    display: block;
    clear: both
}

.index_banner .ban_small li {
    position: relative;
    float: left;
    width: 2.48rem;
    height: 1.86667rem;
    border-radius: .13333rem
}

.index_banner .ban_small li span {
    display: block;
    padding-top: .16rem;
    text-align: center;
    position: relative
}

.index_banner .ban_small li span img {
    width: 2.09333rem
}

.index_banner .ban_small li span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #eaeef1;
    z-index: -1;
    border-radius: .13333rem
}

.index_banner .ban_small li span:after {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #eaeef1;
    z-index: -1;
    border-radius: .13333rem
}

.index_banner .ban_small li:before {
    content: '';
    display: block;
    width: .33333rem;
    height: .24rem;
    position: absolute;
    left: 50%;
    margin-left: -.16rem;
    top: -.37333rem;
    background: url(../images/ban_arrow.png) center center no-repeat;
    background-size: 100% auto;
    opacity: 0;
    visibility: hidden
}

.index_banner .ban_small li+li {
    margin-left: .30667rem
}

.index_banner .ban_small .active:before {
    opacity: 1;
    visibility: visible
}

.index_banner .ban_small .active span:before {
    background-image: linear-gradient(180deg, #34495e 0%, #fff 100%)
}

.homeproclasstit { clear: both; display: block; text-align: center; }

.homeproclasstit h2 { clear: both; display: block; background: url(../images/m_homeicon02.png) no-repeat center bottom; background-size: 3.53333rem; font-size: 0.64rem; color: #2b3444; font-weight: bold; text-align: center; line-height: 1; }

.homeproclasstit h2 a { color: #2b3444; line-height: 1; }

.homeproclasstit h4 { clear: both; display: block; background: url(../images/m_homeicon02.png) no-repeat center bottom; background-size: 3.53333rem; font-size: 0.64rem; color: #2b3444; font-weight: bold; text-align: center; line-height: 1; }

.homeproclasstit h4 a { color: #2b3444; line-height: 1; }

.homeproclasstit p { clear: both; display: inline-block; font-size: 0.37333rem; color: #2b3444; border: 2px solid #2b3444; border-radius: 0.37333rem; line-height: 0.48rem; padding: 0.10667rem 0.26667rem; margin-top: 0.24rem; }

.homeproclass { clear: both; padding-bottom: 0.6rem; }

.homeproclass .homeproclasstop { clear: both; display: block; padding-top: 0.66667rem; padding-bottom: 0.8rem; }

.homeproclass .homeproclasstop li { float: left; width: 20%; text-align: center; }

.homeproclass .homeproclasstop li span { display: inline-block; width: 73.33333%; background: rgba(231, 240, 248, 0.45); background: -webkit-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: -o-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); border: 2px solid rgba(255, 255, 255, 0.45); box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36); border-radius: 0.28rem; color: #2b3444; font-size: 0.4rem; line-height: 1.04rem; text-align: center; cursor: pointer; }

.homeproclass .homeproclasstop li.active span { background: #1d5086; background: -webkit-linear-gradient(left, #1d5086 30%, #3669a4); background: -o-linear-gradient(left, #1d5086 30%, #3669a4); background: linear-gradient(to right, #1d5086 30%, #3669a4); box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36); color: #fff; }

.homeproclass .homeproclassbom { background: #ecf2f6; border-radius: 0.72rem; padding-top: 1.06667rem; position: relative; }

.homeproclass .homeproclassbom:before { content: ''; position: absolute; left: 50%; top: 0.4rem; width: 0.93333rem; height: 0.13333rem; margin-left: -0.46667rem; background: #d8e4ec; border-radius: 0.06667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem { position: relative; transform: translateX(-100%); position: absolute; opacity: 0; top: 0rem; left: 0; animation: leavel 1s 1; -webkit-animation: leavel 1s 1; }

.homeproclass .homeproclassbom .homeproclassbomitem ul { padding-bottom: 1.06667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li { float: left; width: 44%; margin-left: 4%; background: url(../images/m_homeicon03.png) no-repeat center bottom; background-size: 100%; padding-bottom: 0.46667rem; margin-top: 0.66667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li:first-child, .homeproclass .homeproclassbom .homeproclassbomitem ul li:first-child + li { margin-top: 0rem; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li .homeproclassbompic { clear: both; display: block; width: 100%; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li .homeproclassbompic img { clear: both; display: block; width: 100%; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li h3 { clear: both; display: block; line-height: 1; padding: 0.13333rem 0.2rem 0.26667rem 0.2rem; text-align: center; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li h3 a { clear: both; display: inline-block; line-height: 1; font-size: 0.4rem; color: #2b3444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li p { text-align: center; font-size: 0.32rem; line-height: 1; color: #5c6c89; padding: 0rem 0.13333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox { padding: 0rem 0.4rem; position: relative; margin-bottom: 0.66667rem; margin-top: 0.26667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox .homeproclassbomitemboxpic { position: absolute; left: 0.4rem; top: 0rem; overflow: hidden; width: 5.06667rem; border-radius: 0.42667rem; box-shadow: 0rem 0.04rem 0.17333rem rgba(200, 46, 50, 0.11); overflow: hidden; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox .homeproclassbomitemboxpic img { width: 100%; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div { clear: both; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div h3 { margin-left: 5.46667rem; line-height: 1; padding: 0.26667rem 0rem; font-size: 0.48rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div h3 a { color: #2b3444; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div p { margin-left: 5.46667rem; line-height: 1; font-size: 0.32rem; color: #5c6c89; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url(../images/m_homeicon06.jpg) no-repeat left bottom; background-size: 3.21333rem; padding-bottom: 0.24rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div em { clear: both; display: block; border-radius: 0.42667rem; background: #fff; padding-left: 5.46667rem; padding-top: 0.24rem; padding-bottom: 0.24rem; margin-top: 0.26667rem; margin-left: 0.24rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div em img { clear: both; display: block; width: 3.10667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem.active { position: static; top: auto; left: 0; opacity: 1; transform: translateX(0); animation: enterin 1s 1; -webkit-animation: enterin 1s 1; }


.homecase { padding-bottom: 1.13333rem; }

.homecase .homecasetop { clear: both; display: block; padding-top: 0.66667rem; }

.homecase .homecasetop li { float: left; width: 33.3%; text-align: center; }

.homecase .homecasetop li a { display: inline-block; width: 73.33333%; background: rgba(231, 240, 248, 0.45); background: -webkit-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: -o-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); border: 2px solid rgba(255, 255, 255, 0.45); box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36); border-radius: 0.28rem; color: #2b3444; font-size: 0.4rem; line-height: 1.04rem; text-align: center; cursor: pointer; }

.homecase .homecasebom { padding: 0rem 0.4rem; }

.homecase .homecasebom li { clear: both; display: block; position: relative; margin-top: 1.06667rem; }

.homecase .homecasebom li .homecasebompic { clear: both; display: block; border-radius: 0.57333rem 0.57333rem 0rem 0rem; overflow: hidden; }

.homecase .homecasebom li .homecasebompic img { width: 100%; }

.homecase .homecasebom li > span { position: absolute; left: 0.26667rem; top: 0.26667rem; width: 1.28rem; height: 1.28rem; background: -webkit-linear-gradient(90deg, #bfccd9, #e6eff8); background: -o-linear-gradient(90deg, #bfccd9, #e6eff8); background: linear-gradient(90deg, #bfccd9, #e6eff8); box-shadow: 0.17333rem 0.17333rem 0.24rem 0px rgba(37, 42, 46, 0.72), -0.06667rem -0.06667rem 0.13333rem 0px rgba(255, 255, 255, 0.46); border-radius: 50%; }

.homecase .homecasebom li > span span { clear: both; display: block; margin: 0.06667rem; width: 1.14667rem; height: 1.14667rem; text-align: center; background: -webkit-linear-gradient(90deg, #e3eef9, #c8d4e0); background: -o-linear-gradient(90deg, #e3eef9, #c8d4e0); background: linear-gradient(90deg, #e3eef9, #c8d4e0); border-radius: 50%; padding-top: 0.06667rem; }

.homecase .homecasebom li > span span img { clear: both; display: block; width: 0.73333rem; margin: 0 auto; }

.homecase .homecasebom li > span span strong { clear: both; display: block; color: #2b3444; font-size: 0.26667rem; line-height: 1; margin-top: -0.04rem; }

.homecase .homecasebom li .homecasebombox { background: #ecf2f6; border-radius: 0rem 0rem 0.57333rem 0.57333rem; overflow: hidden; padding: 0.26667rem 0.4rem 0.73333rem 0.4rem; position: relative; }

.homecase .homecasebom li .homecasebombox:after { content: ''; position: absolute; left: -1.25333rem; bottom: -1.53333rem; width: 3.64rem; height: 3.64rem; border-radius: 50%; background: #f6f9fb; }

.homecase .homecasebom li .homecasebombox h3 { position: relative; z-index: 3; }

.homecase .homecasebom li .homecasebombox h3 a { clear: both; display: inline-block; color: #2b3444; font-size: 0.42667rem; font-weight: bold; }

.homecase .homecasebom li .homecasebombox p { clear: both; background: url(../images/m_homeicon07.png) no-repeat left center; background-size: 0.21333rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.34667rem; padding-left: 0.37333rem; color: #5c6c89; line-height: 0.66667rem; position: relative; z-index: 3; }

.homecase .homecasebom li .homecasebombox p span { font-weight: bold; font-size: 0.37333rem; }

.homecase .homecasebom li .homecasebombox > span { position: absolute; z-index: 3; bottom: 0rem; right: 0rem; padding-left: 2.53333rem; }

.homecase .homecasebom li .homecasebombox > span a { clear: both; display: inline-block; width: 2.4rem; height: 1.73333rem; background: #1d5086; background: -webkit-linear-gradient(left, #1d5086 30%, #3669a4); background: -o-linear-gradient(left, #1d5086 30%, #3669a4); background: linear-gradient(to right, #1d5086 30%, #3669a4); border-radius: 0.57333rem 0rem 0.57333rem 0rem; color: #fff; text-align: center; line-height: 1; font-size: 0.32rem; padding-top: 0.42667rem; }

.homecase .homecasebom li .homecasebombox > span a strong { clear: both; display: block; line-height: 1; font-size: 0.4rem; padding-bottom: 0.10667rem; }

.homecase .homecasebom li .homecasebombox > span span { position: absolute; bottom: 0.13333rem; left: 0rem; font-size: 0.32rem; color: #d3313a; padding-right: 1.25333rem; line-height: 0.53333rem; background: url(../images/m_homeicon20.png) no-repeat right center; background-size: 1.09333rem; }

.hometwotit {
    clear: both;
    display: block;
    background: url(../images/n_hometwoicon01.png) no-repeat center bottom;
    background-size: 5.61333rem;
    font-size: .64rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding-top: .13333rem
}

.homefour {
    position: relative;
    padding: 1.33333rem 0rem 0rem 0rem;
    z-index: 2
}

.homefour .homefourbox {
    clear: both;
    display: block;
    margin-top: -.50667rem;
    position: relative;
    overflow: hidden
}

.homefour .homefourbox .homefourboxpic {
    clear: both
}

.homefour .homefourbox .homefourboxpic img {
    width: 100%
}

.homefour .homefourbox .homefourboxul {
    position: absolute;
    left: 4.8rem;
    top: 3.26667rem
}

.homefour .homefourbox .homefourboxul li {
    text-align: left;
    position: relative
}

.homefour .homefourbox .homefourboxul li i {
    clear: both;
    display: block;
    font-size: .37333rem;
    color: #ffefce;
    line-height: .53333rem;
    font-style: normal;
    opacity: 1;
    transition: all 0.5s
}

.homefour .homefourbox .homefourboxul li span {
    position: absolute;
    top: -.29333rem;
    left: .53333rem;
    background-size: 4.29333rem;
    width: 4.29333rem;
    height: 1.22667rem;
    line-height: 1.22667rem;
    padding-left: .26667rem;
    color: #f7ce76;
    font-size: .34667rem;
    opacity: 0;
    transition: all 0.5s
}

.homefour .homefourbox .homefourboxul li:first-child+li {
    margin-top: 3.06667rem;
    margin-left: .26667rem
}

.homefour .homefourbox .homefourboxul li:first-child+li+li {
    margin-top: 2.26667rem;
    margin-left: 2.8rem
}

.homefour .homefourbox .homefourboxul li:first-child+li+li.active span {
    left: .13333rem;
    top: -.56rem;
    background: url(../images/n_homefouricon04.png) no-repeat left top;
    background-size: 2.2rem;
    width: 2.2rem;
    height: 1.73333rem;
    line-height: .66667rem;
    padding: .26667rem .13333rem 0rem .33333rem
}

.homefour .homefourbox .homefourboxul li:first-child+li+li+li {
    margin-top: 1.86667rem;
    margin-left: 3.46667rem
}

.homefour .homefourbox .homefourboxul li:first-child+li+li+li.active span {
    top: -.46667rem;
    left: -.26667rem;
    background: url(../images/n_homefouricon03.png) no-repeat left top;
    background-size: 1.86667rem;
    width: 1.86667rem;
    height: 1.6rem;
    line-height: .6rem;
    padding: .06667rem .2rem 0rem .2rem
}

.homefour .homefourbox .homefourboxul li.active i {
    opacity: 0
}

.homefour .homefourbox .homefourboxul li.active span {
    opacity: 1;
    left: .13333rem
}


.homekh {
    padding-top: .8rem;
    background-color: #d8e4ec;
    position: relative;
    padding-bottom: .8rem
}

.homekh .kh_title {
    text-align: center
}

.homekh .kh_title .intro {
    color: #323233;
    font-size: .32rem;
    line-height: 1.2;
    margin-top: .24rem
}

.homekh .kh_title .more {
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin-top: .42667rem;
    font-size: .36rem;
    line-height: .74667rem;
    letter-spacing: .01333rem;
    width: 4rem;
    height: .74667rem;
    text-align: center;
    border-radius: .37333rem;
    background-color: #dd4f50;
    background-image: linear-gradient(-90deg, #e47a53 0%, #e16552 46%, #dd4f50 64%)
}

.homekh .kh_img {
    margin-top: .10667rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.homekh .kh_img .kh_list_01 {
    font-size: 0;
    white-space: nowrap;
    width: 18.29333rem;
    margin-left: -8.8rem;
    -webkit-animation: scrollToLeft 20s linear infinite;
    animation: scrollToLeft 20s linear infinite
}

.homekh .kh_img .kh_list_01 img {
    display: inline-block;
    vertical-align: top;
    width: 9.14667rem
}

.homekh .kh_img .kh_list_02 {
    font-size: 0;
    margin-top: -.2rem;
    white-space: nowrap;
    width: 24.58667rem;
    margin-left: -13.33333rem;
    -webkit-animation: scrollToLeft 26.9s linear infinite;
    animation: scrollToLeft 26.9s linear infinite
}

.homekh .kh_img .kh_list_02 img {
    display: inline-block;
    vertical-align: top;
    width: 12.29333rem
}

.homekh .kh_img .kh_list_03 {
    margin-top: -.2rem;
    font-size: 0;
    white-space: nowrap;
    width: 18.66667rem;
    margin-left: -9.06667rem;
    -webkit-animation: scrollToLeft 19.6s linear infinite;
    animation: scrollToLeft 19.6s linear infinite
}

.homekh .kh_img .kh_list_03 img {
    display: inline-block;
    vertical-align: top;
    width: 9.33333rem
}

.homekh .kh_coop {
    margin-top: .10667rem;
    position: relative;
    z-index: 1
}

.homekh .kh_coop .tit {
    color: #ffffff;
    font-size: .36rem;
    line-height: 1.2;
    text-align: center
}

.homekh .kh_coop .coop_img {
    margin-top: .29333rem;
    width: 8.98667rem;
    margin-left: auto;
    margin-right: auto
}

.homekh:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/home_kh_bg.png) left bottom no-repeat;
    background-size: 100% auto
}
.homenew { clear: both; display: block; position: relative; padding: 0.8rem 0.4rem; padding-bottom: 1.33333rem; }

.homenew:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius: 0rem 0.72rem 0.72rem 0rem; background: #b7cad7; }

.homenew li { clear: both; display: block; padding-left: 2rem; margin-top: 0.73333rem; position: relative; z-index: 2; overflow: hidden; }

.homenew li:first-child { margin-top: 0rem; }

.homenew li:after { content: ''; position: absolute; left: 1.16rem; top: 0.37333rem; width: 0.86667rem; height: 0.18667rem; background: url(../images/m_homeicon09.png) no-repeat center center; background-size: 100%; }

.homenew li .homenewtime { position: absolute; left: 0rem; top: 0rem; font-size: 0.37333rem; color: #fff; line-height: 0.42667rem; text-align: center; width: 1.2rem; display: block; }

.homenew li .homenewtime i { clear: both; display: block; font-style: normal; }

.homenew li .homenewclass { float: right; font-size: 0.32rem; line-height: 0.66667rem; color: #5c6c89; }

.homenew li .homenewkey { float: left; font-size: 0.34667rem; line-height: 0.66667rem; color: #fff; background: #f7a837; border-radius: 0.33333rem; padding: 0rem 0.2rem; }

.homenew li h3 { clear: both; display: block; text-align: left; font-weight: normal; padding-bottom: 0.2rem; }

.homenew li h3 a { clear: both; display: block; font-size: 0.37333rem; line-height: 0.48rem; color: #2b3444; }


.homeform {
    padding: 1.12rem .53333rem .66667rem;
    background-color: #e8f5fd
}

.homeform .form_title {
    position: relative;
    padding-left: 1.84rem;
    background: url(../images/home_form_kf.png) left bottom no-repeat;
    background-size: 1.89333rem 1.90667rem
}

.homeform .form_title .title {
    font-size: .50667rem;
    line-height: 1;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-color: #dd4f50;
    background-image: -webkit-linear-gradient(left, #dd4f50, #e47a53, #dd4f50)
}

.homeform .form_title .intro {
    font-size: .32rem;
    line-height: 1.1;
    color: #666;
    margin-top: .21333rem
}

.homeform .form_title .intro_tel {
    color: #323233;
    font-size: .37333rem;
    line-height: 1.1;
    margin-top: .34667rem
}

.homeform .form_title .intro_tel .tel {
    font-size: .48rem;
    display: inline-block;
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left, #dd4f50, #e47a53, #dd4f50)
}

.homeform .massagecon {
    margin-top: .58667rem
}

.homeform .massagecon .input_item {
    position: relative
}

.homeform .massagecon .input_item:before {
    content: "";
    display: block;
    position: absolute;
    left: .24rem;
    top: .30667rem;
    width: .56rem;
    height: .56rem;
    background-image: url(../images/home_form_name.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.homeform .massagecon .input_item input,.homeform .massagecon .input_item textarea {
    font-size: .37333rem;
    color: #323233;
    width: 100%;
    height: 1.17333rem;
    line-height: 1.12rem;
    padding-left: .93333rem;
    border-radius: .26667rem;
    border: solid .02667rem #7c7c7c;
    outline: none;
    resize: none;
    background: transparent;
    display: block
}

.homeform .massagecon .input_item input::placeholder,.homeform .massagecon .input_item textarea::placeholder,.homeform .massagecon .input_item input::-webkit-input-placeholder,.homeform .massagecon .input_item textarea::-webkit-input-placeholder {
    color: rgba(50,50,51,0.4)
}

.homeform .massagecon .input_tel,.homeform .massagecon .input_note {
    margin-top: .4rem
}

.homeform .massagecon .input_tel:before {
    background-image: url(../images/home_form_tel.png)
}

.homeform .massagecon .input_note:before {
    top: .34667rem;
    background-image: url(../images/home_form_msg.png)
}

.homeform .massagecon .input_note textarea {
    height: 3.17333rem
}

.homeform .massagecon .msbtn {
    margin-top: .53333rem;
    cursor: pointer;
    width: 3.46667rem;
    margin-left: auto;
    margin-right: auto;
    animation: textgrow 1.2s linear infinite
}

.homeform .massagecon .msbtn input {
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    font-size: .4rem;
    background-color: #dd4f50;
    background-image: -webkit-linear-gradient(left, #dd4f50, #e47a53, #dd4f50);
    border-radius: .26667rem
}
.footer {
    padding: .26667rem .26667rem;
    font-size: .29333rem;
    color: #707070;
    line-height: 0.54rem;
    text-align: center
}


/*动画*/
.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}



@keyframes shake {
    0% {
        transform: rotate(0deg)
    }

    6% {
        transform: rotate(-15deg)
    }

    12% {
        transform: rotate(0deg)
    }

    18% {
        transform: rotate(15deg)
    }

    24% {
        transform: rotate(0deg)
    }

    30% {
        transform: rotate(-15deg)
    }

    36% {
        transform: rotate(0deg)
    }

    42% {
        transform: rotate(15deg)
    }

    48% {
        transform: rotate(0deg)
    }
}


@-webkit-keyframes textgrow {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes textgrow {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes scrollToLeft {
    from {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
}

@keyframes scrollToLeft {
    from {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
}

@-webkit-keyframes scrollToRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
}

@keyframes scrollToRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }
}


@keyframes jumpmove {
    0% {
        background-position: 0% 0%
    }

    24.999% {
        background-position: 0% 0%
    }

    25% {
        background-position: 33.33% 0%
    }

    49.999% {
        background-position: 33.33% 0%
    }

    50% {
        background-position: 66.66% 0%
    }

    74.999% {
        background-position: 66.66% 0%
    }

    75% {
        background-position: 100% 0%
    }

    99.999% {
        background-position: 100% 0%
    }

    100% {
        background-position: 0% 0%
    }
}

@keyframes textup {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(5px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-5px)
    }

    100% {
        transform: translateY(0)
    }
}





@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes leavel { 0% { transform: translateX(0%);
    position: static;
    opacity: 1; }
  50% { transform: translateX(0%);
    position: static;
    opacity: 0; }
  100% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; } }

@-webkit-keyframes leavel { 0% { transform: translateX(0%);
    position: static;
    opacity: 1; }
  50% { transform: translateX(0%);
    position: static;
    opacity: 0; }
  100% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; } }

@keyframes enterin { 0% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; }
  50% { transform: translateX(-100%);
    position: absolute;
    opacity: 1; }
  100% { transform: translateX(0%);
    position: static;
    opacity: 1; } }

@-webkit-keyframes enterin { 0% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; }
  50% { transform: translateX(-100%);
    position: absolute;
    opacity: 1; }
  100% { transform: translateX(0%);
    position: static;
    opacity: 1; }
}

.pro_head {
  height: 1.2rem;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-boxflex;
  display: -webkit-flex;
  padding: 0 0.4rem;
}

.dh_mb {
  line-height: 1.2rem;
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #1d427a;
}

.dh_mb .home {
  width: 0.66016rem;
  vertical-align: middle;
  margin-top: -0.06672rem;
  margin-right: 0.13472rem;
}

.dh_mb .tit a, .dh_mb .tit span {
  color: #1d427a;
  padding: 0 0.40416rem 0 0.32rem;
}

.dh_mb .tit a:after {
  position: absolute;
  display: block;
  background: url(../images/mb_jt.png) no-repeat;
  content: '';
  vertical-align: top;
  width: 0.47152rem;
  height: 1.17216rem;
  background-size: cover;
  right: -0.2rem;
  top: -0.39072rem;
}

.dh_mb .tit a {
  position: relative;
}

.pro_head .menuBtn {
  flex: 1;
  text-align: right;
}

.pro_head .menuBtn img {
  width: 0.608rem;
  margin-top: 0.352rem;
}

.dh-hidetwo {
  top: 1.2rem;
}


.insidetit h1,.insidetit h2,.proone {
    position: relative
}

.insidetit h1 {
    clear: both;
    display: block;
    color: #2b3444;
    font-size: .6933333333rem;
    line-height: 1.1;
    z-index: 5
}

.insidetit h2 {
    clear: both;
    display: block;
    color: #2b3444;
    font-size: .6666666667rem;
    line-height: 1.1;
    z-index: 5
}

.insidetit p {
    color: #5c6c89;
    font-size: .3466666667rem;
    line-height: 1.1;
    padding-top: .2666666667rem
}


.proone {
    padding: 0.7333333333rem .4rem 0rem;
    background: #d8e4ec;
    background: -webkit-linear-gradient(top,#f7f9fb,#d8e4ec 100%);
    background: -o-linear-gradient(top,#f7f9fb,#d8e4ec 100%);
    background: linear-gradient(to bottom,#f7f9fb,#d8e4ec 100%);
    padding-bottom: .8266666667rem
}

.proone:before {
    content: "";
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    right: 0rem;
    width: 30.4%;
    border-radius: .72rem 0rem 0rem .72rem;
    border: 2px solid rgba(255,255,255,.45);
    background: #e7f0f8;
    background: -webkit-linear-gradient(0deg,rgba(231,240,248,.45),rgba(207,226,244,.45));
    background: -o-linear-gradient(0deg,rgba(231,240,248,.45),rgba(207,226,244,.45));
    background: linear-gradient(0deg,rgba(231,240,248,.45),rgba(207,226,244,.45));
    box-shadow: -.32rem -.32rem .5466666667rem .0666666667rem rgba(255,255,255,.45)
}

.proone.prooneli:before {
    bottom: -1rem
}

.proone .proonebox {
    clear: both;
    padding-top: .4rem;
    padding-bottom: .2rem;
    position: relative;
    z-index: 5
}

.proone .proonebox .prooneboxpic {
    clear: both;
    display: block;
    margin: 0rem -.4rem -.5333333333rem;
    position: relative
}

.proone .proonebox .prooneboxpic:after,.proone .proonebox .prooneboxpic:before {
    content: "";
    position: absolute;
    top: .44rem;
    height: 2.6666666667rem
}

.proone .proonebox .prooneboxpic:after {
    background: #e6edf3;
    left: .4rem;
    width: .4rem
}

.proone .proonebox .prooneboxpic:before {
    background:linear-gradient(0deg, #1d447c, #3b7bbf);
    left: 0rem;
    right: 0rem
}

.proone .proonebox .prooneboxpic img {
    position: relative;
    z-index: 3
}

.proone .proonebox h3 {
    clear: both;
    background: url(../images/m_numicon02.png) left center no-repeat;
    background-size: .2666666667rem;
    padding-left: .4666666667rem;
    color: #2b3444;
    font-size: .5066666667rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
    margin-bottom: .5333333333rem
}

.proone .proonebox p,.protwo li h3 a {
    clear: both;
    font-size: .4rem;
    line-height: 1.1
}

.proone .proonebox p {
    color: #5c6c89;
    text-align: left
}

.proone .proonebox p strong {
    color: #ff4842
}

.proone .proonebox .prooneboxbtn {
    position: absolute;
    right: -.4rem;
    z-index: 10;
    bottom: 0rem;
    background: #d7323b;
    background: -webkit-linear-gradient(left,#d7323b 30%,#701034);
    background: -o-linear-gradient(left,#d7323b 30%,#701034);
    background: linear-gradient(to right,#d7323b 30%,#701034);
    border-radius: .2666666667rem 0rem 0rem .6666666667rem;
    overflow: hidden;
    font-size: .4533333333rem;
    color: #fff;
    line-height: .64rem;
    font-weight: 700;
    padding: .2666666667rem .6266666667rem
}

.homeproclasstit {
    clear: both;
    display: block;
    text-align: center
}

.homeproclasstit h2 {
    background: url(../images/m_homeicon02.png) center bottom no-repeat;
    background-size: 3.5333333333rem	
}

.homeproclasstit h2 a {
    color: #2b3444;
    line-height: 1;
	font-size:.6933333333rem;
	font-weight:700;
}

.homeproclasstit h4 {
    background: url(../images/m_homeicon02.png) center bottom no-repeat;
    background-size: 3.5333333333rem
}

.homeproclasstit h4 a {
    color: #2b3444;
    line-height: 1
}

.homeproclasstit p {
    clear: both;
    display: inline-block;
    font-size: .3733333333rem;
    color: #2b3444;
    border: 2px solid #2b3444;
    border-radius: .3733333333rem;
    line-height: .48rem;
    padding: .1066666667rem .2666666667rem;
    margin-top: .24rem
}


.protwo {
    padding-top: .3333333333rem
}

.protwo li {
    float: left;
    width: 4.4rem;
    margin-left: .4rem;
    background: url(../images/protwobg.png) center bottom no-repeat;
    background-size: 4.4rem;
    margin-top: .5333333333rem
}

.protwo li .protwopic {
    clear: both;
    display: block;
    margin: 0rem .1333333333rem .24rem;
    border-radius: .4rem;
    overflow: hidden
}

.protwo li h3 {
    clear: both;
    display: block;
    padding-bottom: .16rem;
    line-height: 1.1;
    text-align: center
}

.protwo li h3 a {
    display: block;
    color: #2b3444;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.prothree a,.protwo li p {
    color: #5c6c89;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.protwo li p {
    font-size: .32rem;
    line-height: 1.1
}

.prothree {
    padding-left: 2%;
    padding-bottom: .8rem;
	padding-top:0.8rem;
}

.prothree a {
    float: left;
    background: rgba(207,226,244,.45);
    background: -webkit-linear-gradient(top,rgba(207,226,244,.45),rgba(231,240,248,.45));
    background: -o-linear-gradient(top,rgba(207,226,244,.45),rgba(231,240,248,.45));
    background: linear-gradient(to bottom,rgba(207,226,244,.45),rgba(231,240,248,.45));
    border: 2px solid rgba(255,255,255,.45);
    box-shadow: -.32rem -.32rem .5466666667rem .0666666667rem rgba(255,255,255,.45),.2133333333rem .2133333333rem .6666666667rem 0rem rgba(58,75,98,.18);
    border-radius: .4rem;
    font-size: .3466666667rem;
    margin-left: 2.0408163265%;
    margin-bottom: .4rem;
    width: 29.9319727891%;
    padding: .24rem .1333333333rem;
    line-height: .5333333333rem
}


.prolisttop {
    background: url(../images/n_homeonebg.png) no-repeat right top #e3edf7;
    background-size: 9.05333rem;
    border-radius: 0rem 0rem 0rem 0rem;
    overflow: hidden;
    padding: 1.06667rem .4rem 1.73333rem .4rem
}

.prolisttop .prolisttoptit {
    clear: both;
    line-height: 1;
    font-size: .66667rem;
    font-weight: bold;
    color: #414f60
}

.prolisttop .prolisttoptit img {
    width: 3.10667rem
}

.prolisttop .prolisttoptxt {
    clear: both;
    display: block;
    line-height: 1.6;
    text-align: left;
    color: #414f60;
    font-size: .4rem;
    padding-top: .43333rem;
    padding-bottom: .43333rem;
    padding-left: .13333rem
}
.prolisttop:after {
    content: '';
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
    background: url(../images/n_propageicon03.png) no-repeat center bottom;
    background-size: 100%;
    height: 2.45333rem
}

.prolistbom {
    position: relative;
    margin-top: -.53333rem;
    padding: 0rem .4rem;
	background:#fff;
}

.prolistbom .prolistbomtab {
    clear: both;
    position: relative;
	margin-top:0.5rem
}

.prolistbom .prolistbomtab ul {
    clear: both;
    display: block;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    padding: 0;
    overflow: auto;
    overflow-x: scroll
}

.prolistbom .prolistbomtab ul li {
    float: left;
    padding: .26667rem .2rem
}

.prolistbom .prolistbomtab ul li a {
    clear: both;
    display: block;
    background: url(../images/n_propageicon04.png) no-repeat left top;
    background-size: 100% 100%;
    font-size: .42667rem;
    color: #95a1b7;
    border-radius: .26667rem;
    width: auto;
    height: 1.2rem;
    padding: 0 0.33rem;
    text-align: center;
    line-height: 1.2rem;
    position: relative
}

.prolistbom .prolistbomtab ul li.active a {
    background-image: url(../images/n_propageicon05.png);
    box-shadow: -0.08rem -0.08rem 0.12rem 0rem rgba(234,245,251,0.82),0.08rem 0.08rem 0.15rem rgba(13,62,99,0.22);
    color: #29313b;
    font-weight: bold
}

.prolistbom .prolistbomul {
    clear: both;
    margin-left: -7.24638%;
    padding-top: .46667rem
}

.prolistbom .prolistbomul li {
    float: left;
    margin-left: 6.75676%;
    width: 43.24324%;
    background: #f2f8fe;
    border-radius: .4rem;
    overflow: hidden;
    margin-bottom: .8rem;
    padding: .13333rem
}

.prolistbom .prolistbomul li .prolistbomulpic {
    clear: both;
    display: block;
    box-shadow: 0rem 0rem 0.17333rem 0rem rgba(79,112,136,0.88);
    border-radius: .26667rem;
    margin-bottom: .2rem;
    overflow: hidden
}

.prolistbom .prolistbomul li .prolistbomulpic img {
    width: 100%
}

.prolistbom .prolistbomul li .prolistbomulbox {
    padding: .2rem .06667rem
}

.prolistbom .prolistbomul li .prolistbomulbox h3 {
    clear: both;
    display: block;
    line-height: 1;
    padding-bottom: .13333rem
}

.prolistbom .prolistbomul li .prolistbomulbox h3 a {
    clear: both;
    display: block;
    color: #333333;
    font-size: .4rem;
    line-height: .53333rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.prolistbom .prolistbomul li .prolistbomulbox p {
    clear: both;
    display: block;
    text-align: left;
    font-size: .32rem;
    color: #445974;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .4rem;
    padding: .13333rem 0rem
}

.prolistbom .searchlisttop {
    clear: both;
    margin-left: -7.24638%;
    padding-top: .46667rem
}

.prolistbom .searchlisttop li {
    float: left;
    margin-left: 6.75676%;
    width: 43.24324%;
    overflow: hidden;
    margin-bottom: .53333rem
}

.prolistbom .searchlisttop li span {
    clear: both;
    display: block;
    background: #f2f8fe;
    border: 1px solid #e5ebf3;
    border-radius: .13333rem;
    text-align: center;
    font-size: .34667rem;
    box-shadow: -0.04rem -0.08rem 0.12rem 0rem rgba(255,255,255,0.82) inset,0.05333rem 0.05333rem 0.10667rem 0rem rgba(13,62,99,0.22) inset
}

.prolistbom .searchlisttop li.on span {
    background: #eb4242;
    border: 1px solid #eb4242;
    color: #fff;
    box-shadow: none
}

.prolistbom .searchlistbom .searchlistbomitem {
    clear: both;
    margin-left: -7.24638%;
    display: none;
    overflow: hidden
}

.prolistbom .searchlistbom .searchlistbomitem.on {
    display: block
}

.prolistbom .searchlistbom .searchlistbomitem li {
    float: left;
    margin-left: 6.75676%;
    width: 43.24324%;
    background: #f2f8fe;
    border-radius: .4rem;
    overflow: hidden;
    margin-bottom: .8rem;
    padding: .13333rem
}

.prolistbom .searchlistbom .searchlistbomitem li .searchlistbompic {
    clear: both;
    display: block;
    box-shadow: 0rem 0rem 0.17333rem 0rem rgba(79,112,136,0.88);
    border-radius: .26667rem;
    margin-bottom: .2rem;
    overflow: hidden
}

.prolistbom .searchlistbom .searchlistbomitem li .searchlistbompic img {
    width: 100%
}

.prolistbom .searchlistbom .searchlistbomitem li .searchlistbombox {
    padding: .2rem .06667rem
}

.prolistbom .searchlistbom .searchlistbomitem li .searchlistbombox h3 {
    clear: both;
    display: block;
    padding-bottom: .13333rem
}

.prolistbom .searchlistbom .searchlistbomitem li .searchlistbombox h3 a {
    clear: both;
    display: block;
    color: #333333;
    font-size: .37333rem;
    line-height: .53333rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.prolistbom .searchlistbom .searchlistbomitem li .searchlistbombox p {
    clear: both;
    display: block;
    text-align: left;
    font-size: .32rem;
    color: #445974;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .4rem;
    padding: .13333rem 0rem
}

.prolistbom .searchlistbom .searchlistbomitem li.searchlistend {
    clear: both;
    display: block;
    width: 100%;
    width: 87.83784%;
    text-align: center;
    font-size: .37333rem;
    line-height: .8rem;
    background: none
}

.prolistbom {padding-bottom: 0.1rem}

.caselisttop {
    background: url(../images/n_homeonebg.png) no-repeat right top #e3edf7;
    background-size: 9.05333rem;
    border-radius: 1.6rem 0rem 0rem 0rem;
    overflow: hidden;
    padding: .93333rem .4rem 1.06667rem .4rem
}

.caselisttop .caselisttoptit {
    clear: both;
    display: block;
    line-height: 1;
    padding-left: .13333rem;
    font-size: .66667rem;
    font-weight: bold;
    color: #414f60;
    text-align: left
}

.caselisttop .caselisttoptit img {
    width: 3.10667rem
}

.caselisttop .caselisttoptxt {
    clear: both;
    display: block;
    line-height: .69333rem;
    text-align: left;
    color: #414f60;
    font-size: .4rem;
    padding-top: .53333rem;
    padding-bottom: .53333rem;
    padding-left: .13333rem
}

.caselisttop:after {
    content: '';
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
    background: url(../images/n_propageicon03.png) no-repeat center bottom;
    background-size: 100%;
    height: 2.45333rem
}

.caselisttop:before {
    content: '';
    position: absolute;
    bottom: 1.04rem;
    right: .4rem;
    background: url(../images/n_caseicon01.png) no-repeat center bottom;
    background-size: 100%;
    height: 3.70667rem;
    width: 3.16rem
}

.cont-list { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0px 0px; position: relative;background:#fff; }
.cplist {
    padding-top: .3333333333rem
}

.cplist li {
    float: left;
    width: 4.4rem;
    margin-left: .4rem;
    background-size: 4.4rem;
    margin-top: .5333333333rem;
    background: #f4f7ff;
    background-image: linear-gradient(to top right, #e2e5e9, #f9f8f8);
	box-shadow: .47vw .83vw .47vw 0 rgba(19, 19, 19, 0.27);
    position: relative;
}

.cplist li .protwopic {
    clear: both;
    display: block;
    margin: 0rem .1333333333rem .24rem;
    border-radius: .4rem;
    overflow: hidden
}

.cplist li h3 {
    clear: both;
    display: block;
    padding-bottom: .16rem;
    line-height: 1.1;
    text-align: center
}

.cplist li h3 a {
    display: block;
    color: #2b3444;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}


.cplist li p {
    font-size: .32rem;
    line-height: 1.1
}

/*产品中心*/
.fenye {
  padding: 50px 0;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  padding-bottom: 1.8rem;
}

.fenye .pagination {
  padding: 10px 0;
  border-radius: 5px
}

.fenye .pagination a {
  color: #555;
  margin: 0 3px 3px 0;
  text-decoration: none;
  display: inline;
  text-align: center
}

.fenye a {
  padding: 16px 15px;
  border: #d8d8d8 1px solid;
  color: #555;
  display: inline-table;
  border-radius: 4px
}

.fenye .pagination a.thisclass {
  font-weight: 700;
  margin-top: 2px;
  background: #1d437b;
  padding: 16px 15px;
  border: #3c74af 1px solid;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  color: #fff;
  border-radius: 4px
}

.fenye .pagination a.disable,.fenye .pagination span.pageinfo {
  padding: 16px 15px;
  border: #d8d8d8 1px solid;
  color: #555;
  cursor: pointer;
  border-radius: 4px
}

.fenye .pagination a.thisclass {
  color: #fff
}

.fenye .pagination a:hover {
  background: #1d437b;
  color: #fff;
  background: -webkit-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(right,#1d437b,#3c74af);
  background: -moz-linear-gradient(left,#1d437b,#3c74af);
  background: -o-linear-gradient(left,#1d437b,#3c74af);
  background: linear-gradient(to right,#1d437b,#3c74af);
  border-radius: 4px
}





.banner {
    padding-top: .48rem
}

.banner .bannerswiper {
    width: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-left: .4rem;
    padding-top: .18667rem
}

.banner .swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin-top: 10px
}

.banner .swiper-slide {
    width: 87.0667%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    padding: .05333rem 0rem .16rem 0rem;
    padding: 0rem 4.2%;
    overflow: hidden
}

.banner .swiper-slide.swiper-slide-active {
    transform: scale(1.0888)
}

.banner .swiper-slide .bannerbox {
   background: linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45));
    border: 2px solid rgba(255, 255, 255, 0.45);
    box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36);
    border-radius: 0.28rem;
    background-size: 100%;
    border-radius: .66667rem;
    width: 100%;
    margin: 0 auto .93333rem;
    display: block;
    position: relative;
    height: 100%
}

.banner .swiper-slide.swiper-slide-active .bannerbox {
    box-shadow: 0rem 0.33333rem 0.37333rem rgba(29, 80, 134, 0.47)
}

.bannerbox .bannericon {
    position: absolute;
    left: 50%;
    width: 93.1192%;
    transform: translateX(-49%);
    top: .46667rem
}

.bannerbox .bannericon img {
    width: 100%
}

.bannerbox .banneri01,
.bannerbox .bannertit {
    position: absolute;
    z-index: 2
}

.bannerbox .bannerpic {
    padding-top: 1.56rem;
    width: 94.1718%;
    margin: 0 auto
}

.bannerbox .banneri01 {
    background:linear-gradient(to right, #1d5086 30%, #3669a4);
    color: #fff;
    width: 2.04rem;
    line-height: .66667rem;
    border-radius: 0rem .33333rem .33333rem 0rem;
    text-align: center;
    left: 0rem;
    top: .66667rem;
    font-size: .38667rem
}

.bannerbox .bannertit {
    right: .74667rem;
    top: .70667rem;
    color: #0056b8;
    font-weight: bold;
    font-size: .50667rem;
    line-height: 1
}
.bannerbox .bannertit a {
    right: .74667rem;
    top: .70667rem;
    color: #333;
    font-weight: bold;
    font-size: .50667rem;
    line-height: 1
}



.contact-baner {
  position: relative;
}

.contact-baner .bt {
  position: absolute;
  top: 0.67376rem;
  left: 0.40416rem;
}

.contact-baner .bt p img {
  width: 9.136rem;
  display: block;
}

.contact-baner .bt strong {
  font-size: 0.48512rem;
  display: inline-block;
  font-family: '微软雅黑';
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5e3bd), to(#d0b886));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  z-index: 9;
}

.cont-kf .pic {
  text-align: center;
  margin-top: -3.70528rem;
  position: relative;
}

.circle-border {
  position: absolute;
  left: 50%;
  bottom: 0.272rem;
  width: 5.38944rem;
  height: 5.38944rem;
  display: flex;
  margin-left: -2.544rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: url(../images/xz.png) no-repeat;
  -ms-transform: rotate(-100deg);
  -moz-transform: rotate(-100deg);
  -webkit-transform: rotate(-100deg);
  -o-transform: rotate(-100deg);
  transform: rotate(-100deg);
  background-size: cover;
}

.circle-core {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

@keyframes spin {
  from {
      transform: rotate(0);
  }

  to {
      transform: rotate(359deg);
  }
}

.cont-kf .pic::after {
  background: url(../images/hb_bg.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 4.39248rem;
  content: '';
  display: block;
  position: absolute;
  bottom: -2.49264rem;
}

.cont-kf .pic img {
  width: 7.5992rem;
  display: block;
  margin: 0 auto;
}

.cont-kf ul li {
  float: left;
  text-align: center;
  width: 50%;
  position: relative;
}

.cont-kf ul li:first-child::after {
  background: url(../images/s_bg.png) no-repeat;
  width: 1px;
  height: 1.28rem;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: -0.13472rem;
}

.cont-kf ul li strong {
  font-size: 0.48512rem;
  background-color: #1d427a;
  background-image: -webkit-gradient(linear, 0 0, 150 0, from(#1d427a), to(#3e77b2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  z-index: 9;
}

.cont-kf ul li a, .cont-kf ul li p {
  background-color: #1d427a;
  background-image: -webkit-gradient(linear, 0 0, 150 0, from(#1d427a), to(#3e77b2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  margin-top: 0.01347rem;
}

.cont-san {
  position: relative;
  margin-top: 1.48208rem;
}

.cont-san img {
  width: 9.52592rem;
  height: 1.3608rem;
  display: block;
  margin: 0 auto;
}

.cont-san p {
  font-size: 0.384rem;
  color: #cc9f67;
  position: absolute;
}

.cont-san .one {
  left: 0.192rem;
  top: 0.20208rem;
}

.cont-san .two {
  left: 3.68rem;
  top: -0.26944rem;
}

.cont-san .three {
  right: 0.72rem;
  top: -0.60624rem;
}
.msg-show {
  padding: 0.96rem 0.48rem 1.44rem;
  margin: 0.8rem 0.32rem;
  background: url(../images/msg-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 0.08rem;
  -moz-border-radius: 0.08rem;
  -ms-border-radius: 0.08rem;
  -o-border-radius: 0.08rem;
  border-radius: 0.08rem;
}

.msg-show strong {
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.1;
}

.msg-show p {
  color: #fff;
  font-size: 0.416rem;
  line-height: 1.5;
  margin-top: 0.24rem;
  width: 72%;
}

.msg-form {
  position: relative;
  margin-top: 1.12rem;
}

.msg-pic {
  position: absolute;
  right: 0.16rem;
  top: -1.8rem;
  width: 3.2rem;
}

.msg-pic img {
  width: 100%;
  height: auto;
}

.msg-form .item {
  padding: 0.32rem;
  line-height: 0.64rem;
  margin-bottom: 0.64rem;
  -webkit-border-radius: 0.128rem;
  -moz-border-radius: 0.128rem;
  -ms-border-radius: 0.128rem;
  -o-border-radius: 0.128rem;
  border-radius: 0.128rem;
  background-color: #fff;
  position: relative;
}

.msg-form span {
  position: absolute;
  left: 0.32rem;
  top: 0.352rem;
  width: 0.384rem;
}

.msg-form i {
  position: absolute;
  right: 0.32rem;
  top: 0.352rem;
  color: #ff3a3a;
  font-size: 0.448rem;
  font-style: normal;
}

.msg-form .item input {
  width: 100%;
  padding-left: 0.704rem;
}

.msg-form .item input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.msg-form .item-tel .msg-tip {
  position: absolute;
  z-index: 9999;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 4px 0.26672rem 1px rgba(0, 0, 0, 0.2);
  padding: 0.16rem 0.32rem;
  top: -1.13328rem;
  left: 30%;
  width: 4.8rem;
  line-height: 2;
  display: none;
}

.msg-form .item-tel .msg-tip:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.176rem;
  margin-left: -0.16rem;
  width: 0.32rem;
  height: 0.176rem;
  background: url(../images/navicon01.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.msg-form .item-tel .msg-tip img {
  width: 0.576rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.16rem;
  margin-right: 0.16rem;
}

.msg-form .item textarea {
  width: 100%;
  height: 2.24rem;
  resize: none;
}
.msg-btn input {
  width: 100%;
  line-height: 1.28rem;
  background: #ff7741;
  background: -webkit-linear-gradient(top, #ff7741 0%, #ff3a3a 100%);
  background: -moz-linear-gradient(top, #ff7741 0%, #ff3a3a 100%);
  background: -ms-linear-gradient(top, #ff7741 0%, #ff3a3a 100%);
  background: -o-linear-gradient(top, #ff7741 0%, #ff3a3a 100%);
  background: linear-gradient(to bottom, #ff7741 0%, #ff3a3a 100%);
  -webkit-border-radius: 0.128rem;
  -moz-border-radius: 0.128rem;
  -ms-border-radius: 0.128rem;
  -o-border-radius: 0.128rem;
  border-radius: 0.128rem;
  border: 0.064rem solid #fff;
  color: #fff;
  font-size: 0.48rem;
  text-align: center;
}

.cant-kj {
  position: relative;
}

.cant-kj::after {
  background: url(../images/hb_bg.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 4.39248rem;
  content: '';
  display: block;
  position: absolute;
  top: -0.87584rem;
  z-index: -1;
}

.cant-kj .box {
  margin: 1.34736rem 0.40416rem;
  padding-left: 0.40416rem;
}

.cant-kj p {
  background-color: #1d427a;
  background-image: -webkit-gradient(linear, 0 0, 150 0, from(#1d427a), to(#3e77b2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  z-index: 9;
  margin-bottom: 0.26944rem;
}

.cant-kj strong {
  font-size: 0.53888rem;
  background-color: #1d427a;
  background-image: -webkit-gradient(linear, 0 0, 150 0, from(#1d427a), to(#3e77b2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  z-index: 9;
}






.aboutone {
    padding: 0rem .4rem 0rem;
    position: relative;
}

.aboutone:before {
    content: "";
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    right: 0rem;
    width: 30.4%;
    border-radius: .72rem 0rem 0rem .72rem;
    border: 2px solid rgba(255,255,255,.45);
    background: #e7f0f8;
    background: -webkit-linear-gradient(0deg,rgba(231,240,248,.45),rgba(207,226,244,.45));
    background: -o-linear-gradient(0deg,rgba(231,240,248,.45),rgba(207,226,244,.45));
    background: linear-gradient(0deg,rgba(231,240,248,.45),rgba(207,226,244,.45));
    box-shadow: -.32rem -.32rem .5466666667rem .0666666667rem rgba(255,255,255,.45),.2133333333rem .2133333333rem .6666666667rem 0rem rgba(58,75,98,.45)
}

.aboutone .aboutonetop {
    clear: both;
    display: block;
    border: 1px solid #f7a837;
    border-right: 0rem;
    border-radius: .72rem 0rem 0rem .72rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0rem -.4rem
}

.aboutone .aboutonetop:after {
    content: "";
    position: absolute;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #2b3444;
    background: -webkit-linear-gradient(top,rgba(43,52,68,0),rgba(43,52,68,.7));
    background: -o-linear-gradient(top,rgba(43,52,68,0),rgba(43,52,68,.7));
    background: linear-gradient(to bottom,rgba(43,52,68,0),rgba(43,52,68,.7));
    border-radius: .72rem 0rem 0rem .72rem
}

.aboutone .aboutonetop img {
    position: relative;
    z-index: 1;
    width: 100%
}

.aboutone .aboutonetop p {
    position: absolute;
    z-index: 3;
    left: 0rem;
    right: 0rem;
    bottom: 0rem
}

.aboutone .aboutonetop p span {
    float: left;
    width: 33.3333%;
    background: url(../images/m_abouticon02.png) center bottom no-repeat;
    background-size: .3733333333rem;
    padding-bottom: .5333333333rem;
    color: #f7a837;
    font-size: .4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.1
}
.aboutonebom {
    z-index: 1;
    margin: 0rem;
    background: url(../images/m_abouticon01.jpg) center center;
    background-size: .0666666667rem;
    padding-top: 1.4666666667rem;
    margin-top: -.8rem;
    padding-bottom: .6666666667rem;
    border-radius: 0rem 0rem 0rem .72rem
}

.aboutonebom h1 {
    display: block;
    color: #fff;
    font-size: .56rem;
    font-weight: 700;
	text-align: center;
    text-overflow: ellipsis
}

.aboutonebom h1 i {
    position: absolute;
    top: 63%;
    width: .8rem;
    height: .04rem;
    background: #fff;
    border-radius: 3px
}

.aboutonebom h1 i:after,.aboutonebom h1 i:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #a6a9ad
	
}

.aboutonebom h1 i:before {
    top: -.1733333333rem
}

.aboutonebom h1 i:after {
    bottom: -.1733333333rem
}

.aboutonebom h1 i:first-child {
    left: 1.7866666667rem
}

.aboutonebom h1 i:first-child:after,.aboutonebom h1 i:first-child:before {
    right: -.08rem
}

.aboutonebom h1 i:first-child+i {
    right: 1.7866666667rem
}

.aboutonebom h1 i:first-child+i:after,.aboutonebom h1 i:first-child+i:before {
    left: -.08rem
}

.insidetit h1,.insidetit h2 {
    color: #2b3444;
    display: block;
    z-index: 5;
    clear: both
}

.insidetit {
    padding: 0rem 0rem 0rem .5333333333rem;
    margin-bottom: .6666666667rem;
    margin-top: .4666666667rem;
    position: relative
}

.insidetit:after {
    content: "";
    position: absolute;
    right: -.4rem;
    top: -.6rem;
    width: 4.4666666667rem;
    height: 1.2rem;
    background: url(../images/m_numicon01.png) center center no-repeat;
    background-size: 100%
}

.insidetit h1 {
    font-size: .6933333333rem;
    line-height: 1.1;
    position: relative
}

.insidetit h2 {
    font-size: .6666666667rem;
    line-height: 1.1;
    position: relative
}

.insidetit p,.taglistonetit p {
    color: #5c6c89;
    line-height: 1.1
}

.insidetit p {
    font-size: .3466666667rem;
    padding-top: .2666666667rem
}

.taglistonetit {
    padding: 0rem;
    margin-bottom: .6666666667rem;
    margin-top: .4666666667rem;
    position: relative
}

.taglistonetit:after {
    content: "";
    position: absolute;
    right: -.4rem;
    top: -.6rem;
    width: 4.4666666667rem;
    height: 1.2rem;
    background: url(../images/m_numicon01.png) center center no-repeat;
    background-size: 100%
}

.taglistonetit div {
    clear: both;
    display: block;
    color: #2b3444;
    font-size: .6666666667rem;
    line-height: 1.1;
    position: relative;
    z-index: 5
}

.taglistonetit div h2 {
    color: #f60;
    display: inline-block;
    font-size: .6666666667rem;
    padding-right: .2rem
}

.taglistonetit p {
    font-size: .3466666667rem;
    padding-top: .2666666667rem
}

.contactone:before {
    border-radius: 1.3066666667rem 0rem 0rem 1.3066666667rem
}

.contactone .aboutonetop {
    border-radius: 1.3066666667rem 0rem 0rem 1.3066666667rem
}

.contactone .aboutonetop:after {
    border-radius: 1.3066666667rem 0rem 0rem 1.3066666667rem
}

.contactone .contactonebom,.contacttwo dt {
    border-radius: 0rem 0rem 0rem 1.3066666667rem
}

.contactone .contactonebom {
    position: relative;
    z-index: 1;
    margin: 0rem -.4rem;
    background: url(../images/m_abouticon01.jpg) center center;
    background-size: .0666666667rem;
    padding-top: 1.7333333333rem;
    margin-top: -1.3333333333rem;
    padding-bottom: .3333333333rem;
    text-align: left;
    line-height: 1.1;
    padding-left: .16rem
}

.contactone .contactonebom p {
    display: inline-block;
    position: relative;
    color: #eaf1f8;
    font-size: .3733333333rem;
    font-weight: 400;
    text-overflow: ellipsis;
    line-height: 1.2266666667rem;
    text-align: center;
    background: url(../images/m_contactpic02.png) left center no-repeat;
    background-size: 1.2rem;
    padding-left: 1.2666666667rem
}

.contactone .contactonebom p a {
    font-weight: 700;
    color: #f7a837;
    font-size: .6133333333rem;
    vertical-align: bottom
}


.contactone .contactonebom {
    position: relative;
    z-index: 1;
    margin: 0rem -.4rem;
    background: url(../images/m_abouticon01.jpg) center center;
    background-size: .0666666667rem;
    padding-top: 1.7333333333rem;
    margin-top: -1.3333333333rem;
    padding-bottom: .3333333333rem;
    text-align: left;
    line-height: 1.1;
    padding-left: .16rem
}

.contactone .contactonebom p {
    display: inline-block;
    position: relative;
    color: #eaf1f8;
    font-size: .3733333333rem;
    font-weight: 400;
    text-overflow: ellipsis;
    line-height: 1.2266666667rem;
    text-align: center;
    background: url(../images/m_contactpic02.png) left center no-repeat;
    background-size: 1.2rem;
    padding-left: 1.2666666667rem
}

.contactone .contactonebom p a {
    font-weight: 700;
    color: #f7a837;
    font-size: .6133333333rem;
    vertical-align: bottom
}

.contacttwo {
    clear: both;
    margin-top: -1.3333333333rem;
    padding-bottom: 1rem
}

.contacttwo dt {
    background: url(../images/m_contactpic03.png) .16rem 1.76rem no-repeat #eaf1f8;
    background-size: 1.2rem;
    color: #2b3443;
    font-size: .3733333333rem;
    padding-top: 1.76rem;
    padding-bottom: .3466666667rem;
    padding-left: 1.4666666667rem;
    line-height: 1.2rem
}

.contacttwo dt a {
    font-size: .48rem;
    color: #2b3443;
    font-weight: 700
}

.contacttwo dd {
    font-size: .3733333333rem;
    color: #5c6c89;
    line-height: .64rem;
    padding: .4rem .4rem 0rem
}

.contactthree {
    padding-top: .3333333333rem;
    padding-bottom: .8rem
}

.contactthree h2 {
    clear: both;
    display: block;
    background: url(../images/m_homeicon11.png) left 0rem no-repeat;
    background-size: 1.8666666667rem;
    color: #333;
    font-size: .5066666667rem;
    padding: .8rem .4rem .8rem 1.6rem;
    line-height: .6933333333rem
}

.contactthree .contactthreetit {
    clear: both;
    display: block;
    color: #5b6c86;
    font-size: .3466666667rem;
    line-height: 1.1;
    text-align: left;
    padding-left: .4266666667rem;
    margin-top: -.1333333333rem
}

.contactthree ul {
    padding-top: .4666666667rem;
    padding-left: .1066666667rem
}

.contactthree ul li {
    float: left;
    margin-top: .2rem;
    width: 3.0133333333rem;
    margin-left: .2rem
}

.contactthree ul li strong {
    clear: both;
    background: url(../images/m_homeicon12.png) center top no-repeat;
    background-size: 1.3866666667rem;
    line-height: .64rem;
    padding-top: .0666666667rem;
    font-size: .4rem;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 1.3866666667rem;
    text-align: center
}

.contactthree ul li p {
    clear: both;
    display: block;
    background: url(../images/m_homeicon13.png) center top no-repeat;
    background-size: 3.0133333333rem;
    width: 3.0133333333rem;
    height: 1.5466666667rem;
    color: #5c6d8b;
    font-size: .3466666667rem;
    line-height: .5333333333rem;
    text-align: center;
    padding-top: .24rem;
    margin-top: -.1333333333rem
}

.contactfour,.prosever {
    padding: 0rem .4rem;
    display: block;
    clear: both
}

.contactfour .contactfourbox {
    border: 2px solid #991d32;
    border-radius: .6rem;
    overflow: hidden;
    line-height: 1.1
}


.message.quesmessage .messagetop,.prosever ul li h3 {
    padding-bottom: .1333333333rem
}

.prosever ul li i {
    position: absolute;
    left: -.8rem;
    top: .5333333333rem;
    width: .5333333333rem;
    height: .5333333333rem;
    background: #ba2830;
    border-radius: 50%;
    font-size: .32rem;
    text-align: center;
    line-height: .5333333333rem;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    z-index: 2
}

.prosever ul li h3 {
    clear: both;
    display: block;
    color: #333;
    font-size: .3466666667rem;
    line-height: .4666666667rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.prosever ul li p {
    clear: both;
    display: block;
    font-size: .32rem;
    line-height: .5333333333rem;
    color: #5b6c86
}

.prosever ul li p a {
    color: #ba2830
}

.message {
    clear: both;
    background: url(../images/messagebg.png) center top no-repeat #ecf2f6;
    background-size: 100%;
    border-radius: 1.3333333333rem;
    padding: .9333333333rem 1.2rem 1.04rem .8666666667rem
}

.message .messagetop {
    clear: both;
    text-align: center;
    padding-bottom: .8rem
}

.message .messagetop h2,.message .messagetop h3,.message .messagetop h4 {
    line-height: 1.1;
    font-size: .64rem;
    color: #bdcad2;
    margin-bottom: .2rem;
    background: url(../images/m_messageicon05.png) center bottom no-repeat;
    background-size: 3.5333333333rem;
    padding-bottom: .0666666667rem;
    padding-left: 0rem;
    padding-right: 0rem
}

.message .messagetop p {
    line-height: .6933333333rem;
    display: inline-block;
    font-size: .3733333333rem;
    color: #bdcad2;
    border: 2px solid #bdcad2;
    border-radius: .3733333333rem;
    padding: 0rem .3333333333rem
}
.message .messagemid .messagemidpic {
    clear: both;
    width: 3.7333333333rem;
    margin: 0 auto;
    position: relative
}

.message .messagemid .messagemidpic:after {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: .5733333333rem;
    position: absolute;
    left: -.1333333333rem;
    bottom: -.1333333333rem;
    z-index: 1;
    background: -webkit-linear-gradient(145deg,rgba(3,20,29,.44),rgba(213,222,228,.48));
    background: -o-linear-gradient(145deg,rgba(3,20,29,.44),rgba(213,222,228,.48));
    background: linear-gradient(145deg,rgba(3,20,29,.44),rgba(213,222,228,.48));
    box-shadow: 0rem .2533333333rem 1.56rem rgba(21,54,72,.55)
}

.message .messagemid .messagemidpic img {
    width: 100%;
    position: relative;
    z-index: 2
}

.message .messagemid .messagemidtit {
    clear: both;
    display: block;
    font-size: .3733333333rem;
    color: #a6b6bf;
    line-height: 1.1;
    text-align: center;
    padding-top: .5466666667rem
}

.message .messagebom {
    clear: both;
    padding-top: 1.28666666667rem
}

.message .messagebom .messageicon01,.message .messagebom .messageicon02,.message .messagebom .messageicon03,.message .messagebom .messageicon04,.message .messagebom .messageicon05,.message .messagebom .messageicon06,.message .messagebom .messageicon07 {
    position: relative;
    padding: .1333333333rem 0rem .1333333333rem 1.2rem
}

.message .messagebom .messageicon01:after,.message .messagebom .messageicon02:after,.message .messagebom .messageicon03:after,.message .messagebom .messageicon04:after,.message .messagebom .messageicon05:after,.message .messagebom .messageicon06:after,.message .messagebom .messageicon07:after {
    content: "";
    position: absolute;
    left: 1.2rem;
    right: 0rem;
    bottom: 0rem;
    border-bottom: .0533333333rem solid #bdcad2;
    border-radius: .0533333333rem
}

.message .messagebom .messageicon01 input,.message .messagebom .messageicon02 input,.message .messagebom .messageicon03 input,.message .messagebom .messageicon04 input,.message .messagebom .messageicon05 input,.message .messagebom .messageicon06 input,.message .messagebom .messageicon07 input {
    width: 100%;
    height: .9733333333rem;
    line-height: .9733333333rem;
    border: 0rem;
    background: 0 0;
    text-align: left;
    color: #607292;
    font-size: .4rem;
    font-weight: 700
}

.message .messagebom .messageicon01 input::-webkit-input-placeholder,.message .messagebom .messageicon02 input::-webkit-input-placeholder,.message .messagebom .messageicon03 input::-webkit-input-placeholder,.message .messagebom .messageicon04 input::-webkit-input-placeholder,.message .messagebom .messageicon05 input::-webkit-input-placeholder,.message .messagebom .messageicon06 input::-webkit-input-placeholder,.message .messagebom .messageicon07 input::-webkit-input-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 input:-moz-placeholder,.message .messagebom .messageicon02 input:-moz-placeholder,.message .messagebom .messageicon03 input:-moz-placeholder,.message .messagebom .messageicon04 input:-moz-placeholder,.message .messagebom .messageicon05 input:-moz-placeholder,.message .messagebom .messageicon06 input:-moz-placeholder,.message .messagebom .messageicon07 input:-moz-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 input::-moz-placeholder,.message .messagebom .messageicon02 input::-moz-placeholder,.message .messagebom .messageicon03 input::-moz-placeholder,.message .messagebom .messageicon04 input::-moz-placeholder,.message .messagebom .messageicon05 input::-moz-placeholder,.message .messagebom .messageicon06 input::-moz-placeholder,.message .messagebom .messageicon07 input::-moz-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 input:-ms-input-placeholder,.message .messagebom .messageicon02 input:-ms-input-placeholder,.message .messagebom .messageicon03 input:-ms-input-placeholder,.message .messagebom .messageicon04 input:-ms-input-placeholder,.message .messagebom .messageicon05 input:-ms-input-placeholder,.message .messagebom .messageicon06 input:-ms-input-placeholder,.message .messagebom .messageicon07 input:-ms-input-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 textarea,.message .messagebom .messageicon02 textarea,.message .messagebom .messageicon03 textarea,.message .messagebom .messageicon04 textarea,.message .messagebom .messageicon05 textarea,.message .messagebom .messageicon06 textarea,.message .messagebom .messageicon07 textarea {
    width: 100%;
    height: 2.4rem;
    line-height: .7333333333rem;
    padding-top: .1333333333rem;
    border: 0rem;
    background: 0 0;
    text-align: left;
    color: #607292;
    font-size: .4rem;
    font-weight: 700
}

.message .messagebom .messageicon01 textarea::-webkit-input-placeholder,.message .messagebom .messageicon02 textarea::-webkit-input-placeholder,.message .messagebom .messageicon03 textarea::-webkit-input-placeholder,.message .messagebom .messageicon04 textarea::-webkit-input-placeholder,.message .messagebom .messageicon05 textarea::-webkit-input-placeholder,.message .messagebom .messageicon06 textarea::-webkit-input-placeholder,.message .messagebom .messageicon07 textarea::-webkit-input-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 textarea:-moz-placeholder,.message .messagebom .messageicon02 textarea:-moz-placeholder,.message .messagebom .messageicon03 textarea:-moz-placeholder,.message .messagebom .messageicon04 textarea:-moz-placeholder,.message .messagebom .messageicon05 textarea:-moz-placeholder,.message .messagebom .messageicon06 textarea:-moz-placeholder,.message .messagebom .messageicon07 textarea:-moz-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 textarea::-moz-placeholder,.message .messagebom .messageicon02 textarea::-moz-placeholder,.message .messagebom .messageicon03 textarea::-moz-placeholder,.message .messagebom .messageicon04 textarea::-moz-placeholder,.message .messagebom .messageicon05 textarea::-moz-placeholder,.message .messagebom .messageicon06 textarea::-moz-placeholder,.message .messagebom .messageicon07 textarea::-moz-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 textarea:-ms-input-placeholder,.message .messagebom .messageicon02 textarea:-ms-input-placeholder,.message .messagebom .messageicon03 textarea:-ms-input-placeholder,.message .messagebom .messageicon04 textarea:-ms-input-placeholder,.message .messagebom .messageicon05 textarea:-ms-input-placeholder,.message .messagebom .messageicon06 textarea:-ms-input-placeholder,.message .messagebom .messageicon07 textarea:-ms-input-placeholder {
    color: #607292
}

.message .messagebom .messageicon01 {
    background: url(../images/messageicon01.png) left center no-repeat;
    background-size: 1.1333333333rem
}

.message .messagebom .messageicon02 {
    background: url(../images/messageicon02.png) left center no-repeat;
    background-size: 1.1333333333rem
}

.message .messagebom .messageicon03 {
    background: url(../images/messageicon03.png) left center no-repeat;
    background-size: 1.1333333333rem
}

.message .messagebom .messageicon04 {
    background: url(../images/messageicon05.png) left center no-repeat;
    background-size: 1.1333333333rem
}

.message .messagebom .messageicon05 {
    background: url(../images/messageicon03.png) left center no-repeat;
    background-size: 1.1333333333rem
}

.message .messagebom .messageicon06,.message .messagebom .messageicon07 {
    background: url(../images/messageicon06.png) left .1333333333rem no-repeat;
    background-size: 1.1333333333rem
}

.message .messagebom .messageicon08 {
    padding-top: .9333333333rem
}

.message .messagebom .messageicon08 input {
    clear: both;
    display: block;
    width: 4.2666666667rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #2b3444;
    font-size: .4533333333rem;
    background: #f7a837;
    border-radius: .6rem;
    margin: 0 auto
}

.message.quesmessage {
    padding-top: 1.2rem
}

.message.quesmessage .messagetop h4 {
    color: #fefefe;
    background-image: url(../images/m_messageicon06.png)
}

.message.quesmessage .messagetop p {
    color: #bdcad2
}

.message.quesmessage .quesmessagemid {
    clear: both;
    margin-right: -1.0666666667rem
}

.message.quesmessage .quesmessagemid li {
    float: left;
    width: 33.3333%;
    padding: .1333333333rem 0rem
}

.message.quesmessage .quesmessagemid li label {
    display: block;
    background: url(../images/m_messageicon07.png) left center no-repeat;
    background-size: .4rem;
    padding-left: .6666666667rem;
    line-height: .5333333333rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    color: #f7a837;
    font-size: .3733333333rem
}

.message.quesmessage .quesmessagemid li label.checked {
    background-image: url(../images/m_messageicon08.png)
}

.message.quesmessage .quesmessagemid li label input {
    position: absolute;
    left: 0rem;
    opacity: 0;
    right: 0rem;
    top: 0rem;
    bottom: 0rem
}

.message.quesmessage .quesmessagemidtit {
    clear: both;
    display: block;
    font-size: .3733333333rem;
    color: #a6b6bf;
    line-height: 1.1;
    text-align: center;
    padding-top: 1.7333333333rem;
    padding-bottom: .0666666667rem
}

.message.quesmessage .messagebom .messageicon08 {
    padding-top: .9333333333rem
}

.message.quesmessage .messagebom .messageicon08 input {
    color: #fff;
    background: #bc2830;
    background: -webkit-linear-gradient(45deg,#bc2830 30%,#701034);
    background: -o-linear-gradient(45deg,#bc2830 30%,#701034);
    background: linear-gradient(45deg,#bc2830 30%,#701034)
}

.message.videomessage {
    padding-top: 1.3333333333rem;
    margin-bottom: 1.2rem
}

.message.videomessage .messagetop {
    padding-bottom: .6666666667rem
}

.message.videomessage .messagetop h4 {
    color: #fefefe;
    background-image: url(../images/m_messageicon06.png)
}

.message.videomessage .messagetop p {
    color: #bdcad2
}

.message.messageicon06 .messagebom .messageicon06,.message.messageicon07 .messagebom .messageicon07 {
    display: none
}

.message .messagebom p input:-webkit-autofill {
    -webkit-text-fill-color: #607292;
    -webkit-box-shadow: 0 0 0 1000px #ECF2F6 inset!important;
    box-shadow: 0 0 0 1000px #ECF2F6 inset!important
}

.contactfour,.prosever {
    padding: 0rem .4rem;
    display: block;
    clear: both
}

.contactfour .contactfourbox {
    border: 2px solid #991d32;
    border-radius: .6rem;
    overflow: hidden;
    line-height: 1.1
}

.prosever ul {
    clear: both;
    display: block;
    padding-top: .5333333333rem
}

.prosever ul li {
    position: relative;
    padding-bottom: .2666666667rem;
    margin-bottom: .2666666667rem;
    margin-left: .8rem;
    border-bottom: 1px dashed #98b6ca
}

.message.quesmessage .messagetop,.prosever ul li h3 {
    padding-bottom: .1333333333rem
}

.prosever ul li i {
    position: absolute;
    left: -.8rem;
    top: .5333333333rem;
    width: .5333333333rem;
    height: .5333333333rem;
    background: #ba2830;
    border-radius: 50%;
    font-size: .32rem;
    text-align: center;
    line-height: .5333333333rem;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    z-index: 2
}

.prosever ul li h3 {
    clear: both;
    display: block;
    color: #333;
    font-size: .3466666667rem;
    line-height: .4666666667rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.prosever ul li p {
    clear: both;
    display: block;
    font-size: .32rem;
    line-height: .5333333333rem;
    color: #5b6c86
}

.prosever ul li p a {
    color: #ba2830
}

.contactthree {
    padding-top: .3333333333rem;
    padding-bottom: .8rem
}

.contactthree h2 {
    clear: both;
    display: block;
    background: url(../images/m_homeicon11.png) left 0rem no-repeat;
    background-size: 1.8666666667rem;
    color: #333;
    font-size: .5066666667rem;
    padding: .8rem .4rem .8rem 1.6rem;
    line-height: .6933333333rem
}

.contactthree .contactthreetit {
    clear: both;
    display: block;
    color: #5b6c86;
    font-size: .3466666667rem;
    line-height: 1.1;
    text-align: left;
    padding-left: .4266666667rem;
    margin-top: -.1333333333rem
}

.contactthree ul {
    padding-top: .4666666667rem;
    padding-left: .1066666667rem
}

.contactthree ul li {
    float: left;
    margin-top: .2rem;
    width: 3.0133333333rem;
    margin-left: .2rem
}

.contactthree ul li strong {
    clear: both;
    background: url(../images/m_homeicon12.png) center top no-repeat;
    background-size: 1.3866666667rem;
    line-height: .64rem;
    padding-top: .0666666667rem;
    font-size: .4rem;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 1.3866666667rem;
    text-align: center
}

.contactthree ul li p {
    clear: both;
    display: block;
    background: url(../images/m_homeicon13.png) center top no-repeat;
    background-size: 3.0133333333rem;
    width: 3.0133333333rem;
    height: 1.5466666667rem;
    color: #5c6d8b;
    font-size: .3466666667rem;
    line-height: .5333333333rem;
    text-align: center;
    padding-top: .24rem;
    margin-top: -.1333333333rem
}




.abouttwo {
    clear: both;
    display: block;
    padding: .7466666667rem .4rem 1rem
}

.abouttwo p {
    clear: both;
    display: block;
    color: #2b3444;
    font-size: .4266666667rem;
    line-height: .7333333333rem;
    text-align: left
}

.abouttwo ul {
    clear: both;
    padding-top: .5866666667rem;
    margin-left: -.2rem
}

.abouttwo ul li {
    float: left;
    margin-left: .2rem;
    width: 4.48rem;
    margin-bottom: .2666666667rem
}

.abouttwo ul li img {
    border-radius: .3733333333rem 0rem;
    box-shadow: 0rem .04rem .1733333333rem rgba(119,0,3,.14);
    margin-bottom: .1333333333rem
}

.abouttwo ul li p {
    color: #5c6c89;
    font-size: .3733333333rem;
    line-height: .48rem;
    text-align: center
}


.aboutthree {
    clear: both;
    padding: 0rem .4rem 1.0666666667rem
}

.aboutthree .aboutthreetop {
    clear: both;
    display: block;
    color: #2b3444;
    font-size: .4266666667rem;
    line-height: .7733333333rem;
    text-align: left;
    padding-top: .7333333333rem;
    padding-bottom: .6rem
}

.aboutthree .aboutthreebom {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    padding-bottom: .6666666667rem
}

.aboutthree .aboutthreebom .swiper-slide {
    text-align: center;
    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
}

.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox {
    clear: both;
    display: block;
    background: url(../images/m_aboutthreebg.png) center bottom no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0rem 4.3478%
}

.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox .aboutthreebompic {
    clear: both;
    display: block;
    width: 110%;
    margin-left: -5%
}

.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox h3 {
    line-height: 1;
    padding-left: .4533333333rem;
    padding-bottom: .5333333333rem
}

.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox h3 a {
    clear: both;
    display: block;
    color: #2b3444;
    font-size: .5333333333rem;
    font-weight: 700;
    line-height: 1;
    text-align: left
}

.aboutthree .aboutthreebom .swiper-slide .aboutthreebombox .aboutthreebombtn {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    width: 1.2133333333rem
}

.aboutthree .aboutthreebom .swiper-pagination {
    line-height: 1
}

.aboutthree .aboutthreebom .swiper-pagination .swiper-pagination-bullet {
    width: .2133333333rem;
    height: .2133333333rem;
    border: 2px solid #fff;
    background: 0 0;
    opacity: 1
}

.aboutthree .aboutthreebom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff
}

.aboutfive {
    clear: both;
    display: block;
    padding: .5333333333rem .4rem .6666666667rem
}

.aboutfive li {
    float: left;
    width: 2.9333333333rem;
    margin-left: .2rem
}

.aboutfive li:first-child {
    margin-left: 0rem
}

.aboutfive li .aboutfivepic {
    clear: both;
    border-radius: .4666666667rem;
    overflow: hidden
}

.aboutfive li .aboutfivetit {
    clear: both;
    display: block;
    background: #e7f0f8;
    background: -webkit-linear-gradient(top,#cfe2f4,#e7f0f8);
    background: -o-linear-gradient(top,#cfe2f4,#e7f0f8);
    background: linear-gradient(to bottom,#cfe2f4,#e7f0f8);
    border: 2px solid #fff;
    box-shadow: -.2133333333rem -.2133333333rem .16rem 1px rgba(255,255,255,.32),.08rem .08rem .28rem 0rem rgba(58,75,98,.46);
    border-radius: .4666666667rem 0rem;
    padding: .1333333333rem;
    margin-right: .5333333333rem;
    margin-top: -.9066666667rem;
    position: relative;
    z-index: 2
}

.aboutfive li .aboutfivetit span {
    clear: both;
    display: block;
    font-size: .32rem;
    text-align: center;
    font-weight: 400;
    color: #2b3444;
    line-height: .48rem;
    background: linear-gradient(-90deg,#bc2830 .3662109375%,#701034 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}


.aboutsix {
    clear: both;
    padding: 0rem 0rem 0rem .4rem
}

.aboutsix .aboutsixtit {
    clear: both;
    background: #ffc451;
    width: 2.36rem;
    height: 1.1466666667rem;
    text-align: center;
    line-height: .72rem;
    color: #333;
    font-size: .32rem;
    border-radius: .3733333333rem .1866666667rem 0rem 0rem
}

.aboutsix .aboutsixpic {
    clear: both;
    display: block;
    margin-top: -.4266666667rem;
    border-radius: .3733333333rem 0rem 0rem;
    overflow: hidden
}

.aboutsix .aboutsixpic img {
    width: 100%
}

.aboutsix ul {
    clear: both;
    padding-left: .2666666667rem;
    margin-top: -1.8666666667rem;
    position: relative;
    z-index: 2;
    padding-bottom: 1.0666666667rem
}

.aboutsix ul li {
    float: left;
    margin-left: 1.0133333333rem;
    width: 3.7866666667rem;
    height: .9333333333rem;
    background: #fff;
    box-shadow: 0rem 0rem .2133333333rem 0rem rgba(0,0,0,.14);
    border-radius: .56rem 0rem;
    margin-top: .2666666667rem;
    text-align: center
}

.aboutsix ul li:first-child,.aboutsix ul li:first-child+li+li {
    margin-left: 0rem
}

.aboutsix ul li span {
    font-size: .3466666667rem;
    font-weight: 700;
    color: #333;
    line-height: .9333333333rem;
    background: linear-gradient(-90deg,rgba(188,40,48,.85) .3662109375%,rgba(112,16,52,.85) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.aboutseven {
    clear: both;
    display: block
}

.aboutseven img {
    clear: both;
    display: block;
    width: 100%
}



.news-wrapper {
    margin-top: 0.8533333333rem;
    padding-left: 0.6666666667rem;
    margin-bottom: 0.44rem
}

.news-swiper .swiper-slide {
    width: 88%
}

.news-swiper .swiper-slide .img {
    width: 7.4666666667rem;
    display: block
}

.news-swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: auto
}

.news-swiper .swiper-slide .new-txt {
    width: 6.4rem;
    background: #fff;
    height: 1.92rem;
    padding: 0.32rem 0.0666666667rem 0 0.4rem;
    border-radius: 0.4rem 0 0 0;
    position: relative;
    margin-left: 1.3333333333rem;
    margin-top: -0.6266666667rem;
    -webkit-box-shadow: 0 0.04rem 0.36rem rgba(112,133,159,0.46);
    -moz-box-shadow: 0 0.04rem 0.36rem rgba(112,133,159,0.46);
    -ms-box-shadow: 0 0.04rem 0.36rem rgba(112,133,159,0.46);
    -o-box-shadow: 0 0.04rem 0.36rem rgba(112,133,159,0.46);
    box-shadow: 0 0.04rem 0.36rem rgba(112,133,159,0.46);
    margin-bottom: 0.36rem
}

.news-swiper .swiper-slide .new-txt .tit {
    display: block;
    font-size: 0.3733333333rem;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-swiper .swiper-slide .new-txt .more {
    display: block;
    width: 0.6133333333rem;
    height: 0.5066666667rem;
    border-radius: 0 0.2533333333rem 0.2533333333rem 0;
    background: #7a97c8 url(../images/arr1.png) no-repeat center;
    position: absolute;
    right: -0.3066666667rem;
    bottom: 0.2666666667rem;
    -webkit-background-size: 0.2933333333rem;
    -moz-background-size: 0.2933333333rem;
    -ms-background-size: 0.2933333333rem;
    -o-background-size: 0.2933333333rem;
    background-size: 0.2933333333rem
}

.news-list {
    background: url(../images/new-bg1.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-top-left-radius: 0.5333333333rem;
    padding: 0 0.4rem;
    overflow: hidden;
    -webkit-box-shadow: 0 0.16rem 0.1066666667rem -0.16rem #e0e6ef;
    -moz-box-shadow: 0 0.16rem 0.1066666667rem -0.16rem #e0e6ef;
    -ms-box-shadow: 0 0.16rem 0.1066666667rem -0.16rem #e0e6ef;
    -o-box-shadow: 0 0.16rem 0.1066666667rem -0.16rem #e0e6ef;
    box-shadow: 0 0.16rem 0.1066666667rem -0.16rem #e0e6ef;
    margin-bottom: 0.8rem
}

.news-item {
    margin-top: 0.9333333333rem
}

.news-item li .txt {
    -webkit-box-shadow: 0 0 0.21333rem rgba(109,150,218,0.26);
    -moz-box-shadow: 0 0 0.21333rem rgba(109,150,218,0.26);
    -ms-box-shadow: 0 0 0.21333rem rgba(109,150,218,0.26);
    -o-box-shadow: 0 0 0.21333rem rgba(109,150,218,0.26);
    box-shadow: 0 0 0.21333rem rgba(109,150,218,0.26)
}

.news-item li .txt .more {
    background-color: #7a97c8
}

.news-item li .txt .date {
    font-size: 0.2666666667rem;
    color: #716e6e;
    overflow: hidden;
    line-height: 1.34;
    margin: 0.1333333333rem 0 0.0666666667rem;
    font-weight: 100;
    display: block
}

.new-tit h2 {
    font-size: 0.4rem;
    color: #f5c175;
    font-weight: 400;
    line-height: 0.9333333333rem;
    display: inline-block;
    width: 4.3733333333rem;
    position: relative;
    z-index: 1
}

.new-tit h2 a {
    display: block;
    color: #f5c175;
    background: url(../images/tag-icon.png) no-repeat left center;
    padding-left: 0.8rem;
    -webkit-background-size: 0.4rem;
    -moz-background-size: 0.4rem;
    -ms-background-size: 0.4rem;
    -o-background-size: 0.4rem;
    background-size: 0.4rem
}

.new-tit h2 span {
    display: block;
    color: #f5c175;
    background: url(../images/tag-icon.png) no-repeat left center;
    padding-left: 0.8rem;
    -webkit-background-size: 0.4rem;
    -moz-background-size: 0.4rem;
    -ms-background-size: 0.4rem;
    -o-background-size: 0.4rem;
    background-size: 0.4rem
}

.new-tit h2::after {
    content: "";
    width: 4.7733333333rem;
    height: 1.1866666667rem;
    background: url(../images/new-h2.png) no-repeat;
    position: absolute;
    top: 0;
    left: -0.4rem;
    z-index: -1;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.new-tit .more {
    display: block;
    float: right;
    font-size: 0.32rem;
    color: #808ca2;
    line-height: 1.34;
    margin-top: 0.3333333333rem
}

.news-ul li {
    border-bottom: 1px dashed #c7c7c7;
    margin-bottom: 0.4666666667rem
}

.news-ul li a {
    display: block;
    font-size: 0.3733333333rem;
    color: #313d53;
    line-height: 1.34;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/tag-icon1.png) no-repeat left center;
    -webkit-background-size: 0.2933333333rem;
    -moz-background-size: 0.2933333333rem;
    -ms-background-size: 0.2933333333rem;
    -o-background-size: 0.2933333333rem;
    background-size: 0.2933333333rem;
    padding-left: 0.56rem;
    margin-bottom: 0.1333333333rem
}

.news-ul li p {
    font-size: 0.2666666667rem;
    color: #7c7c7c;
    line-height: 1.34;
    overflow: hidden;
    font-weight: 100;
    padding: 0 0.4266666667rem 0 0.56rem;
    margin-bottom: 0.1866666667rem
}

.news-ul li p span:nth-child(1) {
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-ul li p .date {
    float: right;
    font-size: 0.32rem;
    color: #7c7c7c;
    margin-top: 0.0666666667rem
}

.news-lb {
    margin-top: 0.5333333333rem;
    padding: 0 0.4rem 0.2266666667rem
}

.news-lb li {
    float: left;
    width: 33.3%;
    text-align: center;
    padding: 0 0.2666666667rem;
    margin-bottom: 0.4rem
}

.news-lb li a {
    display: block;
    color: #fff;
    background: url(../images/new-bg.png) no-repeat center;
    font-size: 0.32rem;
    line-height: 2.5;
    border-radius: 0.4rem;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.news-lb li.active a {
    background: url(../images/new-bg1.png) no-repeat center;
    -webkit-box-shadow: 0 0.08rem 0.09333rem rgba(96,133,255,0.3);
    -moz-box-shadow: 0 0.08rem 0.09333rem rgba(96,133,255,0.3);
    -ms-box-shadow: 0 0.08rem 0.09333rem rgba(96,133,255,0.3);
    -o-box-shadow: 0 0.08rem 0.09333rem rgba(96,133,255,0.3);
    box-shadow: 0 0.08rem 0.09333rem rgba(96,133,255,0.3);
    color: #f5c175
}

.news-innerlist {
    margin-top: 0.6666666667rem
}

.news-zs {
    margin-top: 0.9333333333rem
}


.news-item li {
    position: relative;
    margin-bottom: 0.8rem;
    background: #fff;
    border-radius: 0.0533333333rem
}

.news-item li .img {
    display: block;
    width: 3.4666666667rem;
    height: 2.2933333333rem;
    float: left;
    border-radius: 0.0533333333rem;
    margin-top: -0.12rem;
    overflow: hidden;
    object-fit: cover
}

.news-item li .img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.0533333333rem
}

.news-item li .txt {
    padding: 0 0.4266666667rem 0.1333333333rem 0.2rem;
    overflow: hidden
}

.news-item li .txt .tit {
    display: block;
    font-size: 0.3733333333rem;
    color: #313d53;
    line-height: 1.34em;
    padding-top: 0.32rem;
    box-sizing: content-box;
    height: 1.0133333333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-item li .txt .date {
    font-size: 0.32rem;
    color: #7c7c7c;
    line-height: 1.1;
    margin-right: 5%;
    display: inline-block;
    margin-top: 0.1333333333rem
}
.news-item li .txt .more {
    background-color: #7a97c8
}
.news-item li .txt .more {
    display: block;
    width: 0.5066666667rem;
    height: 0.6133333333rem;
    background-image: url(../images/arr2.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.2533333333rem 0.2533333333rem 0 0;
    position: absolute;
    bottom: -0.1333333333rem;
    right: 0.2266666667rem;
    -webkit-background-size: 0.2933333333rem;
    -moz-background-size: 0.2933333333rem;
    -ms-background-size: 0.2933333333rem;
    -o-background-size: 0.2933333333rem;
    background-size: 0.2933333333rem
}



.news-detail {
    padding-right: .4rem;
    margin-bottom: .66667rem
}

.news-detail .article {
    border-radius: 0 .26667rem .26667rem 0
}
.article {
    width: 100%;
    overflow: hidden;
    padding: 0 .4rem .4rem;
	background:#fff;
}

.article h2,.article h3 {
    width: 100%;
    color: #2d2d2d;
    font-size: .53333rem;
    line-height: .74667rem;
    font-weight: 700;
    margin: .64rem auto .4rem;
    position: relative
}

.article h2:before,.article h3:before {
    content: '';
    display: inline-block;
    width: .45333rem;
    height: .32rem;
    background-image: url(../mimages/icons_h2.png);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-right: .21333rem
}

.article a {
    color: #e14612;
    border-bottom: 1px dashed #e14612
}

.article p,.article li {
    margin: .4rem 0;
    line-height: .74667rem;
    font-size: .37333rem;
    color: #3f3f3f;
    position: relative
}

.article img,.article video {
    display: block;
    width: 100%;
    height: auto
}

.news-info {
    width: 100%;
    padding-right: .4rem;
    margin-top: .26667rem
}

.news-info .news-title {
    width: 100%;
    overflow: hidden;
    padding: .53333rem .8rem 1.46667rem .4rem;
    background: #e4eef9;
    border-radius: 0 .8rem .8rem 0
}

.news-info .news-title h1 {
    width: 100%;
    overflow: hidden;
    font-size: .48rem;
    color: #204479;
    font-weight: 700;
    line-height: .8rem
}

.news-info .news-title p {
    margin-top: .13333rem;
    display: block;
    width: 100%;
    height: .53333rem;
    overflow: hidden;
    line-height: .53333rem;
    padding-left: .4rem;
    font-size: .29333rem;
    color: #b5b4b4;
    font-style: normal;
    position: relative
}

.news-info .news-title p:before {
    content: '';
    display: block;
    width: .2rem;
    height: .2rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.10667rem;
    background-image: url(../images/icon_lock.png);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.news-info .swt-panel {
    width: 100%;
    height: 1.14667rem;
    position: relative;
    padding: 0 2rem 0 3.06667rem
}

.news-info .swt-panel:before {
    content: '';
    display: block;
    width: 100%;
    height: 2.08rem;
    background-image: url(../images/news_mark.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    bottom: 0
}

.news-info .swt-panel .btn-swt {
    position: absolute;
    display: block;
    width: 2.46667rem;
    height: 3.26667rem;
    right: -.46667rem;
    bottom: .26667rem;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 2.13333rem 2.4rem;
    background-size: 2.13333rem 2.4rem
}

.news-info .swt-panel .btn-swt span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .93333rem;
    line-height: .93333rem;
    text-align: center;
    font-size: .42667rem;
    color: #fff;
    font-weight: 700;
    border-radius: .93333rem;
    background: #cf370f;
    background: -webkit-linear-gradient(to right,#b9240c,#e64a13);
    background: -moz-linear-gradient(to right,#b9240c,#e64a13);
    background: linear-gradient(to right,#b9240c,#e64a13);
    -webkit-box-shadow: 0 -.06667rem .06667rem rgba(154,49,24,.17);
    -moz-box-shadow: 0 -.06667rem .06667rem rgba(154,49,24,.17);
    box-shadow: 0 -.06667rem .06667rem rgba(154,49,24,.17)
}

.news-info .swt-panel dl {
    width: 3.46667rem;
    left: 3.33333rem;
    position: absolute;
    bottom: 1rem
}

.news-info .swt-panel dl:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: .13333rem;
    -webkit-box-shadow: 0 0 .13333rem rgba(93,125,247,.11);
    -moz-box-shadow: 0 0 .13333rem rgba(93,125,247,.11);
    box-shadow: 0 0 .13333rem rgba(93,125,247,.11)
}

.news-info .swt-panel dl:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -.21333rem;
    margin-left: -.16rem;
    border-top: .21333rem solid #fff;
    border-left: .16rem dashed transparent;
    border-right: .16rem dashed transparent;
    border-bottom: none;
    z-index: 3
}

.news-info .swt-panel dl dt {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-left: .24rem;
    height: .58667rem;
    line-height: .58667rem;
    font-size: .29333rem;
    color: #204479
}

.news-info .swt-panel dl dt span {
    font-size: .4rem;
    font-weight: 700;
    color: #e14612
}

.news-info .swt-panel dl dd {
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: .13333rem;
    background-color: #fff;
    background-image: url(../images/font_mark.png);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: .13333rem 0 .13333rem .21333rem;
    -webkit-box-shadow: 0 0 .13333rem rgba(93,125,247,.11);
    -moz-box-shadow: 0 0 .13333rem rgba(93,125,247,.11);
    box-shadow: 0 0 .13333rem rgba(93,125,247,.11)
}

.news-info .swt-panel dl dd span {
    display: inline-block;
    height: .53333rem;
    line-height: .53333rem;
    padding-left: .21333rem;
    font-size: .26667rem;
    color: #69799e;
    position: relative
}

.news-info .swt-panel dl dd span:before {
    content: '';
    display: block;
    width: .10667rem;
    height: .10667rem;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.05333rem;
    opacity: .5;
    background: #c5a09c;
    background: -webkit-linear-gradient(#204479,#e14612);
    background: -moz-linear-gradient(#204479,#e14612);
    background: linear-gradient(#204479,#e14612)
}

.news-info .swt-panel dl dd span:first-child {
    padding-right: .29333rem
}

.newpage {
    margin: 0rem -.4rem;
    padding: .2rem .4rem .4rem .4rem;
    background: #e4eef9;
    border-top: 1px dashed #ddd;
}

.newpage p {
    clear: both;
    display: block;
    text-align: left;
    margin: 0 !important;
    padding: .06667rem 0rem;
    line-height: .66667rem;
    font-size: .37333rem;
    font-weight: bold;
    color: #555
}

.newpage p a {
    font-weight: normal;
    color: #666
}

.newpage p span {
    font-weight: normal;
    color: #666
}


.mesg-show {
    background: url(../images/mesg-bg.jpg) no-repeat top center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1.8rem
}

.mesg-lyb {
    margin-bottom: 0
}

.mesg-info {
    padding: 0.8rem 0.4rem 1.12rem;
    position: relative;
    overflow: hidden
}

.mesg-pic {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5.28rem
}

.mesg-pic img {
    width: 100%
}

.mesg-info p {
    color: #ffeacc;
    font-size: 0.4266666667rem;
    line-height: 1.2
}

.mesg-info p strong {
    color: #ffffff;
    font-size: 0.56rem;
    margin-right: 0.2rem
}

.mesg-info ul {
    margin-top: 0.9333333333rem;
    float: right;
    display: block
}

.mesg-info li {
    position: relative;
    color: #fce7ca;
    font-size: 0.4266666667rem;
    line-height: 1.04rem;
    padding-left: 0.8rem;
    padding-top: 0.0533333333rem;
    margin-bottom: 0.4rem;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.mesg-info li:before {
    content: "";
    position: absolute;
    left: 0.4266666667rem;
    top: 0.48rem;
    width: 0.16rem;
    height: 0.16rem;
    background-color: #c7862d;
    -webkit-border-radius: 0.16rem;
    -moz-border-radius: 0.16rem;
    -ms-border-radius: 0.16rem;
    -o-border-radius: 0.16rem;
    border-radius: 0.16rem
}

.mesg-form {
    padding: 0.8rem 0.4rem 0.6666666667rem;
    background: -webkit-linear-gradient(left, #314e76 0%, #182f4c 100%);
    background: -moz-linear-gradient(left, #314e76 0%, #182f4c 100%);
    background: -ms-linear-gradient(left, #314e76 0%, #182f4c 100%);
    background: -o-linear-gradient(left, #314e76 0%, #182f4c 100%);
    background: linear-gradient(to right, #314e76 0%, #182f4c 100%);
    -webkit-border-top-right-radius: 0.8rem;
    -moz-border-top-right-radius: 0.8rem;
    -ms-border-top-right-radius: 0.8rem;
    -o-border-top-right-radius: 0.8rem;
    border-top-right-radius: 0.8rem
}

.mesg-form p {
    color: #fefefe;
    font-size: 0.48rem;
    line-height: 1.2;
    margin-bottom: 0.5333333333rem
}

.mesg-form p strong {
    color: #fca700;
    font-weight: normal;
    margin-left: 0.16rem
}

.mesg-form ul li {
    background-color: #fcfcfc;
    width: 100%;
    -webkit-border-radius: 0.0533333333rem;
    -moz-border-radius: 0.0533333333rem;
    -ms-border-radius: 0.0533333333rem;
    -o-border-radius: 0.0533333333rem;
    border-radius: 0.0533333333rem;
    margin-bottom: 0.4266666667rem;
    position: relative
}

.mesg-form ul li img {
    position: absolute;
    left: 0.2666666667rem;
    top: 0.32rem;
    width: 0.5066666667rem
}

.mesg-form ul li input {
    width: 100%;
    line-height: 1.12rem;
    padding: 0 0.1333333333rem 0 1rem;
    -webkit-border-radius: 0.0533333333rem;
    -moz-border-radius: 0.0533333333rem;
    -ms-border-radius: 0.0533333333rem;
    -o-border-radius: 0.0533333333rem;
    border-radius: 0.0533333333rem;
    background-color: #fcfcfc;
    color: #333;
    font-size: 0.3733333333rem
}

.mesg-form ul li input:-webkit-autofill {
    -webkit-text-fill-color: #666;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    box-shadow: 0 0 0px 1000px #ffffff inset !important
}

.mesg-form ul li textarea {
    width: 100%;
    height: 2.9333333333rem;
    line-height: 1.6;
    padding: 0.24rem 0.1333333333rem 0.24rem 1rem;
    -webkit-border-radius: 0.0533333333rem;
    -moz-border-radius: 0.0533333333rem;
    -ms-border-radius: 0.0533333333rem;
    -o-border-radius: 0.0533333333rem;
    border-radius: 0.0533333333rem;
    background-color: #fcfcfc;
    color: #333;
    font-size: 0.3733333333rem;
    resize: none
}

.mesg-form ul li ::-webkit-input-placeholder {
    color: #808080
}

.mesg-form ul li ::-moz-placeholder {
    color: #808080
}

.mesg-form ul li ::-ms-input-placeholder {
    color: #808080
}

.mesg-btn {
    margin-top: 0.5333333333rem;
    position: relative
}

.mesg-btn input {
    color: #fff;
    font-size: 0.5333333333rem;
    font-weight: bold;
    width: 100%;
    line-height: 1.2266666667rem;
    background-color: #f2a230;
    -webkit-border-radius: 0.0533333333rem;
    -moz-border-radius: 0.0533333333rem;
    -ms-border-radius: 0.0533333333rem;
    -o-border-radius: 0.0533333333rem;
    border-radius: 0.0533333333rem;
    border: none;
    cursor: pointer;
    padding: 0
}

.mesg-ly {
    padding: 0.8rem 0.4rem 0.9333333333rem;
    background: -webkit-linear-gradient(left, #314e76 0%, #0f1e30 100%);
    background: -moz-linear-gradient(left, #314e76 0%, #0f1e30 100%);
    background: -ms-linear-gradient(left, #314e76 0%, #0f1e30 100%);
    background: -o-linear-gradient(left, #314e76 0%, #0f1e30 100%);
    background: linear-gradient(to right, #314e76 0%, #0f1e30 100%)
}

.mesg-ly p {
    color: #fff;
    font-size: 0.4266666667rem
}

.mesg-ly p strong {
    font-size: 0.48rem
}

.mesg-ly p span {
    color: #f2a230;
    font-weight: bold
}

.mesg-QA {
    height: 2.4rem;
    overflow: hidden;
    margin-top: 0.4266666667rem
}

.mesg-QA li {
    color: #cfcfcf;
    font-size: 0.3466666667rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 0.8rem;
    position: relative;
    padding-left: 0.2666666667rem
}

.mesg-QA li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.32rem;
    width: 0.1333333333rem;
    height: 0.1333333333rem;
    background-color: #fce7ca;
    -webkit-border-radius: 0.1333333333rem;
    -moz-border-radius: 0.1333333333rem;
    -ms-border-radius: 0.1333333333rem;
    -o-border-radius: 0.1333333333rem;
    border-radius: 0.1333333333rem
}

.mesg-QA li span {
    display: inline-block;
    width: 1.4933333333rem;
    margin-right: 0.2666666667rem;
    color: #eee
}




.insideProOne {
    width: 100%;
    height: 6.84rem;
    overflow: hidden;
    position: relative;
    top: -1px;
    z-index: 1
}

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

.insideProOne .swiper-pagination .swiper-pagination-bullet {
    width: .16rem;
    height: .16rem;
    display: inline-block;
    border-radius: 100%;
    background: none;
    border: 1px solid #fff;
    opacity: 1;
    margin: 0 .2rem !important
}

.insideProOne .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    position: relative;
    display: inline-block
}

.insideProOne .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: '';
    left: -.06667rem;
    top: -.06667rem;
    bottom: -.06667rem;
    right: -.06667rem;
    border: 1px solid #fff;
    background: none;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0px 0px .13333rem rgba(255,255,255,0.5)
}

.insideProOne .question {
    width: 3.85333rem;
    height: 2.32rem;
    position: absolute;
    right: 0;
    bottom: -.2rem;
    z-index: 2
}

.insideProOne .question .swiper-slide {
    text-align: right;
    opacity: 0;
    transition: all linear 0.5s
}

.insideProOne .question .swiper-slide p {
    height: 100%;
    background: rgba(255,255,255,0.8);
    border-radius: .66667rem 0 0 .66667rem;
    padding: .10667rem .12rem .10667rem .37333rem;
    font-size: .37333rem;
    color: #2d4159;
    line-height: 1.5;
    text-align: center;
    display: inline-block;
    position: relative
}

.insideProOne .question .swiper-slide p:before {
    content: "";
    width: .4rem;
    height: .18667rem;
    background: url(../images/m_questionzs.png) center bottom no-repeat;
    background-size: 100%;
    position: absolute;
    right: .90667rem;
    bottom: -.18667rem
}

.insideProOne .question .swiper-slide-active {
    opacity: 1;
    position: relative;
    z-index: 2
}


.pro_top {
    width: 100%;
    padding-top: 0.33333rem;
    margin-left: auto;
    margin-right: auto;
    background: #f4f7ff;
    background-image: linear-gradient(to top right, #e2e5e9, #f9f8f8);
    position: relative;
    z-index: 1
}

.pro_top .swiper-slide {
    position: relative
}

.pro_top .swiper-slide img {
    width: 100%;
    border-radius: .53333rem
}

.pro_top .swiper-slide .play {
    cursor: pointer;
    width: 1.24rem;
    height: 1.24rem;
    position: absolute;
    left: 15%;
    top: 80%;
    margin-left: -.82667rem;
    margin-top: -.82667rem
}

.pro_top .pro_video {
    display: none
}

.pro_top .swiper-pagination {
    position: absolute;
    right: .44rem;
    bottom: .24rem;
    height: .53333rem;
    line-height: .53333rem;
    text-align: center;
    width: .93333rem;
    background-color: rgba(15,27,39,0.41);
    color: #ffffff;
    font-size: .34667rem;
    z-index: 333;
    border-radius: .26667rem
}

.pop_video {
    position: fixed;
    left: 50%;
    margin-left: -5rem;
    width: 10rem;
    height: 100%;
    top: -100%;
    z-index: 999;
    padding-left: .4rem;
    padding-right: .4rem;
    opacity: 0;
    visibility: hidden
}

.pop_video .video_box {
    position: absolute;
    left: .4rem;
    top: 50%;
    width: 9.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pop_video .video_box .close {
    width: .53333rem;
    height: .53333rem;
    position: absolute;
    top: -.8rem;
    right: 0;
    background: url(../images/close.png);
    background-size: 100% 100%
}

.pop_video .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0,0,0,0.7)
}

.pop_on {
    top: 0;
    opacity: 1;
    visibility: visible
}


.m_ques {
    left: 3.13333rem;
    top: -1.34667rem;
    position: absolute;
    height: 2.68rem
}

.m_ques .swiper-slide {
    width: 5.6rem;
    opacity: 0;
    transition: all linear 0.5s
}

.m_ques .swiper-slide-active {
    opacity: 1;
    position: relative;
    z-index: 2
}

.m_ques p {
    background-color: #f34d45;
    border-radius: .2rem;
    padding: 0 .37333rem;
    color: #ffffff;
    height: .8rem;
    line-height: .8rem;
    border-radius: .2rem;
    font-size: .4rem;
    display: inline-block;
    margin-left: .09333rem;
    margin-bottom: .09333rem
}

.m_ques p:before {
    content: '';
    display: block;
    position: absolute;
    width: .38667rem;
    height: .37333rem;
    background: url(../images/jiao.png) left top no-repeat;
    background-size: 100% auto;
    left: 0;
    bottom: 0
}





.insideProtTwobox {
    padding-bottom: 1.12rem;
    background: #f3f7fb;
    background-size: 9.77333rem;
    position: relative
}

.insideProTit {
    width: 6.66667rem;
    padding: .64rem .28rem .74667rem
}

.insideProTit h1 {
    clear: both;
    display: block;
    font-size: .72rem;
    line-height: .8rem;
    color: #000000;
    padding-bottom: .33333rem
}

.insideProTit p {
    clear: both;
    display: block;
    color: #ff9314;
    font-size: .37333rem;
    line-height: 1.2
}

.insideProTit .swtbtn {
    width: 3.22667rem;
    height: 2.41333rem;
    background: url(../images/m_cppagekfbg.jpg) center no-repeat;
    background-size: 100%;
    border-radius: .41333rem 0 0 .41333rem;
    padding-top: .53333rem;
    padding-left: .53333rem;
    position: absolute;
    right: 0;
    top: -.26667rem;
    z-index: 2;
    font-size: .58667rem;
    font-weight: bold;
    color: #f3f7fb;
    line-height: 1.2
}

.insideProTit .swtbtn:before {
    content: "";
    display: block;
    position: absolute;
    left: .66667rem;
    bottom: .53333rem;
    box-shadow: 0 0 .66667rem .8rem #0056b8;
    z-index: -1;
    opacity: 0.4
}

.insideProTit .swtbtn span {
    padding-left: .36rem;
    background-size: .18667rem;
    font-size: .34667rem;
    font-weight: normal;
    display: block;
    margin-top: .28rem
}

.insideProcs {
    padding: 0 .4rem
}

.insideProcs p {
    width: 4.4rem;
    float: left;
    padding-left: 1.32rem;
    font-size: .4rem;
    line-height: 1.2;
    color: #344d67;
    position: relative
}

.insideProcs p:before {
    content: "";
    width: 1.46667rem;
    height: 1.49333rem;
    background: url(../images/m_cppagecstb01.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    left: -.4rem;
    top: 0
}

.insideProcs p strong {
    clear: both;
    display: block;
    color: #000;
    margin-top: .32rem
}

.insideProcs p+p {
    float: right
}

.insideProcs p+p:before {
    background: url(../images/m_cppagecstb02.png) center no-repeat;
    background-size: 100%
}

.insideProlxfs {
    width: 9.25333rem;
    background: #dde8f0;
    border-radius: 1.33333rem;
    margin-left: .28rem;
    margin-top: .2rem
}

.insideProlxfs .insideProtel {
    background: url(../images/m_cppagetel.png) .25333rem center no-repeat;
    background-size: 1.33333rem;
    padding: .28rem 0 .21333rem 2.01333rem;
    font-size: .37333rem;
    color: #666666;
    line-height: 1.2;
    display: block;
    position: relative
}

.insideProlxfs .insideProtel:before {
    content: "";
    width: 2.4rem;
    height: 2.24rem;
    background: url(../images/m_insideProlxfs-zs.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    right: -.2rem;
    bottom: -.33333rem
}

.insideProlxfs .insideProtel strong {
    font-size: .61333rem;
    color: #ed9513;
    display: block;
    margin-top: .25333rem
}


.insideProTwo {
    clear: both;
    margin-top: .44rem;
    display: block;
    font-size: 0
}

.insideProTwo strong {
    clear: both;
    width: 18.793%;
    height: 1.49333rem;
    background: #fff;
    border-radius: 0 .4rem .4rem 0;
    padding: .24rem 5.2%;
    margin: .28rem 0;
    display: inline-block;
    vertical-align: middle;
    font-size: .4rem;
    color: #333333;
    font-weight: bold;
    line-height: .50667rem;
    position: relative;
    overflow: hidden
}

.insideProTwo strong:before {
    content: "";
    width: 1px;
    background-image: linear-gradient(rgba(255,181,73,0), #ffb549, rgba(255,181,73,0));
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%
}

.insideProTwo p {
    clear: both;
    width: 81.2%;
    display: block;
    padding-left: .34667rem;
    padding-right: .28rem;
    color: #666666;
    font-size: .37333rem;
    line-height: .58667rem;
    display: inline-block;
    vertical-align: middle
}


.insideProType {
    background: #fff;
    border-radius: .62667rem .62667rem 0 0;
    padding: .88rem .28rem .2rem;
    margin-top: -.66667rem;
    position: relative;
    box-shadow: 0 -.53333rem .2rem -.53333rem rgba(0,0,0,0.1)
}

.insideProType:before {
    content: "";
    width: 2rem;
    height: .08rem;
    background: #e7ebf0;
    border-radius: .13333rem;
    position: absolute;
    left: 0;
    right: 0;
    top: .24rem;
    margin: 0 auto
}

.insideProType .fwtext {
    border-radius: .53333rem .53333rem .13333rem .13333rem;
    overflow: hidden
}

.insideProType .fwtext span {
    width: 32.66%;
    height: .73333rem;
    background: #f3f7fb;
    float: left;
    font-size: .34667rem;
    color: #8da2b2;
    line-height: .73333rem;
    text-align: center
}

.insideProType .fwtext span+span {
    margin-left: 1%
}

.insideProType .tit {
    margin: .64rem .4rem .45333rem;
    font-size: .4rem;
    color: #354c64;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    z-index: 1
}

.insideProType .tit:before {
    content: "";
    width: .90667rem;
    height: .12rem;
    background-color: #e28b0c;
    background-image: linear-gradient(#fbb755, #ffa31b);
    border-radius: .26667rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.insideProType .recommend {
    padding: 0 .4rem
}

.insideProType .recommend li {
    height: 1.08rem;
    background: #f3f7fb;
    border-radius: .22667rem;
    padding-left: .4rem;
    padding-right: 3.33333rem;
    font-size: .4rem;
    color: #666666;
    line-height: 1.08rem;
    position: relative
}

.insideProType .recommend li .more {
    width: 2.89333rem;
    height: .89333rem;
    background-color: #e28b0c;
    background-image: linear-gradient(to right, #fbb755, #e28b0c);
    border-radius: .16rem;
    font-size: .4rem;
    color: #fff;
    text-align: center;
    line-height: .89333rem;
    position: absolute;
    right: .10667rem;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.insideProType .recommend li .more:before {
    content: "";
    border: 1px solid #e8961d;
    border-radius: .16rem;
    position: absolute;
    left: .29333rem;
    right: .05333rem;
    top: .05333rem;
    bottom: .05333rem;
    opacity: 0.6
}

.insideProType .recommend li+li {
    margin-top: .26667rem
}



.tit_list {
  clear: both;
  display: block;
  margin: 0rem 0.4rem 0rem 0.4rem;
  line-height: 1.0667rem;
  text-align: center;
  background: #1f4881;
  border-radius: 0.5333rem;
  overflow: hidden;
}

.tit_list li {
  float: left;
  width: 50%;
}

.tit_list li:first-child {
  background: #ffffff;
  color: #1f4881;
  border-radius: 0.5333rem;
  font-size: 0.4267rem;
}

.tit_list li a {
  color: #fff;
}

.pro-content .content {
  background: #fff;
  padding: 0.10416rem;
}

.pro-content .content h2,.pro-content .content h3 {
    clear: both;
    font-size: .4666666667rem;
    line-height: .8rem;
	margin: 0.17152rem 0 0.10416rem 0;
    color: #333;
    background: url(../images/m_homeicon18.png) left top no-repeat;
    background-size: 1.8266666667rem;
    padding-left: 1.5333333333rem;
    padding-top: .8rem;
    padding-bottom: .7333333333rem
}
.pro-content{
    clear: both;
    display: block;
    padding: 1rem .4rem .4rem;
    position: relative;
    background: #fff;
    color: #555;
}
.pro-content .content p {
  color: #666;
  line-height: 1.8em;
  text-align: justify;
  margin-bottom: 0.3368rem;
  font-size: 0.416rem;
}

.pro-content .content p a {
  padding: 0 4px;
  display: inline-block;
}


.pro-content .content p img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.pro-content .content p strong {
  font-weight: 700;
  color: #333;
}

.proshowsixbox table {
	margin:0.68rem 0;
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: none;
    text-align: center;
    border-radius: .26667rem;
    overflow: hidden
}
.proshowsixbox table th,.proshowsixbox table td {
	font-size:.37333rem;
    border: 1px solid #dce8f1;
    word-break: break-all
}



.footer-info {
    margin-bottom: 1.83333rem;
    overflow: hidden;
    position: relative;
	    background: #d8e4ec;
}

.footer-info>img {
    display: block;
    width: 100%
}



.info-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: .4rem .66667rem .4rem .93333rem
}

.info-panel .txt-info {
    width: 100%;
    overflow: hidden
}

.info-panel .txt-info span {
    display: block;
    overflow: hidden;
    height: .74667rem;
    line-height: .74667rem
}

.info-panel .txt-info .txt-h4 {
    font-size: .48rem;
    color: #e4eff9;
    font-weight: 700
}

.info-panel .txt-info .txt-phone {
    font-size: .4rem;
    color: #e4eff9
}

.info-panel .txt-info .txt-phone a {
    font-size: .48rem;
    color: #e4eff9;
    margin-right: .13333rem;
    font-weight: 700
}

.info-panel .benefits-panel {
    margin-top: .26667rem;
    width: 100%;
    overflow: hidden
}

.info-panel .benefits-panel p {
    line-height: .64rem;
    width: 100%;
    overflow: hidden;
    padding-left: .53333rem;
    font-size: .32rem;
    color: #d3a98e;
    position: relative
}

.info-panel .benefits-panel p:before {
    top: .14667rem;
    content: '';
    display: block;
    width: .34667rem;
    height: .34667rem;
    position: absolute;
    left: 0;
    background-image: url(../images/num_01.png);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.info-panel .benefits-panel p+p:before {
    background-image: url(../images/num_02.png)
}

.info-panel .benefits-panel p+p+p:before {
    background-image: url(../images/num_03.png)
}

.info-panel .benefits-panel p+p+p+p:before {
    background-image: url(../images/num_04.png)
}

.info-panel .txt-tips {
    margin-top: .26667rem;
    width: 100%;
    font-size: .37333rem;
    color: #e4eff9;
    font-weight: 700;
    line-height: .53333rem;
    overflow: hidden
}

.info-panel .btn-link {
    margin-top: .66667rem;
    width: 100%
}

.info-panel .btn-link a {
    display: block;
    width: 4.34667rem;
    height: .88rem;
    position: relative
}

.info-panel .btn-link a:after,.info-panel .btn-link a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: .88rem
}

.info-panel .btn-link a:before {
    z-index: 1;
    left: .04rem;
    top: .04rem;
    background: #c8372a
}

.info-panel .btn-link a:after {
    z-index: 2;
    left: 0;
    top: 0;
    border: .04rem solid #2c4f6d;
    background: #e74a3a;
    background: -webkit-linear-gradient(to right,#dd2c22,#f36b55);
    background: -moz-linear-gradient(to right,#dd2c22,#f36b55);
    background: linear-gradient(to right,#dd2c22,#f36b55)
}

.info-panel .btn-link a span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: .88rem;
    color: #fff;
    font-size: .4rem;
    font-weight: 700;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.info-panel .say-word {
    margin-top: 1.06667rem;
    width: 100%;
    overflow: hidden
}

.info-panel .say-word p {
    width: 100%;
    text-align: center;
    overflow: hidden;
    line-height: .53333rem;
    font-size: .37333rem;
    color: #f1d4c0
}

.info-panel .say-word p strong {
    display: block;
    width: 100%;
    text-align: center;
    line-height: .96rem;
    font-size: .66667rem;
    color: #fff3eb;
    font-weight: 700
}



.caselist {
    clear: both;
    display: block;
    padding: .1333333333rem .4rem 1.3333333333rem
}

.caselist li h3,.caselist li p {
    padding-left: 4.347826087%;
    padding-right: .1333333333rem;
    overflow: hidden
}

.caselist li {
    width: 100%;
    height: 3.0666666667rem;
    background: #fff;
    border: 2px solid #ecf2f6;
    box-shadow: .2933333333rem .2933333333rem .8rem 0rem rgba(58,75,98,.2);
    border-radius: .4266666667rem .5733333333rem .5733333333rem;
    margin-top: .8rem;
    position: relative
}

.caselist li .caselistpic {
    float: left;
    width: 46.3768115942%;
    border-radius: 0rem .4rem .4rem;
    overflow: hidden
}

.caselist li h3 {
    padding-top: .4rem;
    line-height: 1.1;
    margin-bottom: .2666666667rem
}

.caselist li h3 a {
    font-size: .3466666667rem;
    line-height: .48rem;
    color: #2b3444
}

.caselist li p {
    color: #5c6c89;
    font-size: .32rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.caselist li .caselistbtn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.4666666667rem;
    height: .8rem;
    background: url(../images/m_homeicon15.png) center center no-repeat #5c6c89;
    background-size: 100%;
    border-radius: .4266666667rem 0rem .5733333333rem;
    display: inline-block;
    font-size: 0
}




.pro-box {
  overflow: hidden;
}

.pro-box-l {
  width: 15%;
  float: left;
  z-index: 50;
}

.pro-box-l li {
  text-align: center;
  margin-bottom: 0.26944rem;
  margin-top: -0.06736rem;
}

.pro-box-l .img-list {
  position: relative;
}

.pro-box-l .img-list .dg-hide img {
  margin-left: 0.3368rem;
  display: block;
  margin-top: -0.06736rem;
}

.pro-box-l .show img {
  width: 1.34736rem;
  margin-right: -0.3368rem;
}

.pro-box-l li .hide {
  display: none;
}

.pro-box-l li.active .hide {
  display: block;
}

.pro-box-l li.active .hide img {
  margin-left: 0.3368rem;
  position: relative;
  z-index: 5;
}

.pro-box-l li.active .show {
  display: none;
}

.pro-box-l li p {
  line-height: 1;
}

.pro-box-l li p a {
  font-size: 0.384rem;
  color: #cc9f67;
  line-height: 1.1;
  margin-left: 0.3368rem;
}

.pro-box-l .fz, .pro-box-l .fz-two {
  text-align: center;
}

.pro-box-l .fz img {
  display: block;
  margin: 0.73264rem auto 0;
  width: 0.90272rem;
}

.pro-box-l .fz-two img {
  display: block;
  margin: -0.4312rem auto 0;
  width: 0.80848rem;
}

.pro-box-r {
  float: right;
  width: 85%;
  background: #fff;
}

.pro-box-r li {
  padding: 0.26944rem 0.40416rem 0.47152rem 0.47152rem;
  box-shadow: 0 0.06736rem 0.13472rem rgba(33, 73, 130, 0.1);
  margin-top: 0.13472rem;
}

.pro-box-r li strong {
  display: block;
  margin-bottom: 0.20208rem;
}

.pro-box-r li strong a {
  color: #333;
  font-size: 0.416rem;
}

.pro-box-r li .text {
  font-size: 0.32336rem;
  color: #555;
  position: relative;
  margin-left: 0.47152rem;
  line-height: 1.5em;
}

.pro-box-r li .text::after {
  background: url(../images/p_bg.png) no-repeat;
  width: 0.32336rem;
  height: 0.32336rem;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: 0.09424rem;
  left: -0.47152rem;
}

.pro-box-r li p span {
  font-size: 0.352rem;
  color: #555;
  background: url(../images/span_bg.png) no-repeat left center;
  background-size: 0.192rem;
  padding-left: 0.3368rem;
  margin-right: 0.20208rem;
  display: inline-block;
}

.pro-box-r li a img {
  display: block;
  margin-top: 0.26944rem;
  width: 100%;
  border-radius: 0.26944rem;
}

.case-box-l li {
  margin-bottom: 0.13472rem;
}

.case-box-l li .case-img {
  position: relative;
}

.case-box-l li span a {
  display: block;
  font-size: 0.29648rem;
  color: #cc9f67;
  width: 0.67376rem;
  position: absolute;
  left: 43%;
  top: 45%;
  transform: translateY(-50%);
}

.case-box-l li.active span a {
  color: #fff;
  z-index: 9;
}

.case-box-l {
  margin-top: -0.05392rem;
}

@media screen and (max-width: 360px) {
  .case-box-l li span a {
      width: 0.8rem;
  }
}

.video-box-l li.active {
  margin-top: 0;
}

.video-box-l li.active span a {
  top: 44%;
}

.video-boxfr {
  float: right;
  width: 85%;
  background: #fff;
  border-bottom-left-radius: 0.40416rem;
}

.video-boxfr li {
  padding: 0.384rem 0 0.576rem 0.48rem;
  -webkit-box-shadow: 0 0.06736rem 0.01347rem rgba(33, 73, 130, 0.1);
  box-shadow: 0 0.06736rem 0.01347rem rgba(33, 73, 130, 0.1);
  margin-top: 0.01347rem;
}

.video-boxfr li:last-child {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.video-wen {
  display: block;
  color: #333;
  font-size: 0.416rem;
  font-weight: 700;
  margin-right: 0.32rem;
}

.video-boxfr li p {
  color: #555;
  font-size: 0.384rem;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  padding-left: 0.512rem;
  margin-top: 0.256rem;
  margin-right: 0.32rem;
}

.video-boxfr li p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.096rem;
  width: 0.352rem;
  height: 0.352rem;
  background: url(../images/video-ico.png) no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.video-tu {
  position: relative;
  margin-top: 0.256rem;
  -webkit-border-radius: 0.32rem 0 0 0.32rem;
  -moz-border-radius: 0.32rem 0 0 0.32rem;
  -ms-border-radius: 0.32rem 0 0 0.32rem;
  -o-border-radius: 0.32rem 0 0 0.32rem;
  border-radius: 0.32rem 0 0 0.32rem;
  overflow: hidden;
}

.video-tu a.tuPic {
  position: relative;
  padding-top: 56.3%;
  display: block;
}

.video-tu a.tuPic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.video-tu a.tuIco {
  position: absolute;
  left: 0;
  bottom: 0;
}

.video-tu a.tuIco img {
  width: 2.08rem;
  height: auto;
  vertical-align: middle;
}





.video-box {
    background: url(../images/xw-bg.png) no-repeat top center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.video-top {
    padding: 0 0.4rem;
    margin-top: 0.2333333333rem
}

.video-top h1 {
    font-size: 0.48rem;
    color: #354157;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 0.7733333333rem
}

.video-top video {
    border-radius: 0.2666666667rem;
    outline: 0;
    position: relative;
    z-index: 2
}

.video-text {
    background-color: #f9fcff;
    padding: 0.4266666667rem 0.4rem 0;
    position: relative;
    margin-top: -0.24rem;
    z-index: -1;
    -webkit-box-shadow: 0 0.05333rem 0.13333rem -0.05333rem rgba(64,92,137,0.3);
    -moz-box-shadow: 0 0.05333rem 0.13333rem -0.05333rem rgba(64,92,137,0.3);
    -ms-box-shadow: 0 0.05333rem 0.13333rem -0.05333rem rgba(64,92,137,0.3);
    -o-box-shadow: 0 0.05333rem 0.13333rem -0.05333rem rgba(64,92,137,0.3);
    box-shadow: 0 0.05333rem 0.13333rem -0.05333rem rgba(64,92,137,0.3);
    border-radius: 0.0533333333rem;
    z-index: 1
}

.video-text .v-on {
    margin-bottom: 0.4666666667rem
}

.video-text .v-on span {
    display: inline-block;
    font-size: 0.2666666667rem;
    color: #56687d;
    line-height: 1.5em;
    background: url(../images/icon-xw2.png) no-repeat left center;
    padding-left: 0.48rem;
    margin-right: 0.4rem;
	font-size:0.32rem;
}


.video-grid {
    position: relative;
    bottom: -0.1333333333rem;
    z-index:1;
}

.video-grid .news-zxline {
    padding: 0
}

.video-grid .news-zxline .line-tel {
    right: 0.2133333333rem
}

.news-zxline {
    position: relative;
    padding: 0.4266666667rem 0.32rem 0
}
.news-zxline a{color: #f5c175;}
.news-zxline span {
    display: inline-block;
    font-size: 0.2933333333rem;
    line-height: 0.8rem;
    color: #fff;
    background: url(../images/xw-bg1.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 4.9466666667rem;
    margin-left: 0.3rem
}

.line-tel {
    display: inline-block;
    font-size: 0.3733333333rem;
    color: #f5c175;
    font-weight: 700;
    background: url(../images/xw-bg2.png) no-repeat center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    width: 4.16rem;
    height: 1.04rem;
    padding: 0.12rem 0.5333333333rem;
    position: absolute;
    right: 0.2666666667rem;
    bottom: -0.2rem;
    text-shadow: 0 0.08rem 0.13333rem rgba(162,113,53,0.2)
}

.line-tel::after {
    content: "";
    width: 2.2866666667rem;
    height: 2.2866666667rem;
    background: url(../images/xw-gcs.png) no-repeat;
    -webkit-background-size: 2.2866666667rem;
    -moz-background-size: 2.2866666667rem;
    -ms-background-size: 2.2866666667rem;
    -o-background-size: 2.2866666667rem;
    background-size: 2.2866666667rem;
    position: absolute;
    right: 0.1rem;
    top: -1rem
}

.video-mian {
    margin-top: 1.1333333333rem
}

.index-common-title {
    margin-left: .45333rem
}

.index-common-title h3 {
    color: #272c38;
    font-size: .53333rem;
    font-weight: bold;
    line-height: .61333rem;
    position: relative
}

.index-common-title h3:after {
    content: '';
    display: block;
    width: 1.97333rem;
    height: .28rem;
    background-color: #8ca5d7;
    border-radius: 0px .16rem 0px 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.index-common-title p {
    font-size: .37333rem;
    color: #999;
    line-height: .42667rem;
    margin-top: .26667rem
}
.related-video {
	margin-top: 1.06667rem
}

.related-video .swiper-container {
	margin-top: .66667rem
}

.related-video .swiper-container .swiper-slide {
	width: 5.41333rem;
	padding: 0 .24rem .16rem
}

.related-video .swiper-container .swiper-slide a {
	display: block;
	border-radius: .36rem;
	overflow: hidden;
	box-shadow: 0px .06667rem .10667rem 0px rgba(78, 78, 78, 0.16);
	position: relative;
	background: #fff
}

.related-video .swiper-container .swiper-slide a strong {
	color: #0056b8;
	font-size: .42667rem;
	line-height: .48rem;
	padding: .21333rem .58667rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	text-align: center
}

.related-video .swiper-container .swiper-slide a span {
	position: absolute;
	right: 0;
	top: 0;
	padding: .13333rem .24rem;
	background: #8ca5d7;
	border-radius: 0 .36rem 0 .36rem;
	color: #fff;
	font-size: .29333rem;
	line-height: .34667rem
}

.pro-liucheng {
    margin-top: 1.30667rem;
	margin-bottom: 1.30667rem;
}

.pro-liucheng .lc-box {
    margin: .66667rem .48rem 0 .48rem;
    padding: .8rem 0rem .8rem;
    position: relative;
    border-radius: .4rem;
    overflow: hidden
}

.pro-liucheng .lc-box .lc-nums {
    height: .97333rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

.pro-liucheng .lc-box .lc-nums li {
    display: inline-block;
    vertical-align: top;
    width: 1.34667rem;
    height: .97333rem;
    line-height: .97333rem;
    text-align: center;
    font-size: .37333rem;
    color: #2b313e;
    font-weight: bold;
    line-height: .97333rem;
    background: url(../images/lc-nav-normal.png) left top no-repeat;
    background-size: 100% 100%
}

.pro-liucheng .lc-box .lc-nums .lc-nums-active {
    font-family: "Impact";
    font-size: .34667rem;
    color: #fff;
    font-weight: bold;
    width: 1.53333rem;
    background: url(../images/lc-nav-active.png) left top no-repeat;
    background-size: 100% 100%
}

.pro-liucheng .lc-box .lc-nums li:first-child {
    border-radius: .13333rem 0 0 .13333rem
}

.pro-liucheng .lc-box .lc-nums li:nth-child(6) {
    border-radius: 0 .13333rem .13333rem 0
}

.pro-liucheng .lc-box .swiper-container {
    margin: 0 .4rem
}

.pro-liucheng .lc-box .swiper-slide {
    padding: .4rem 0 .13333rem .26667rem;
    font-size: 0
}

.pro-liucheng .lc-box .swiper-slide .lc-icon {
    display: inline-block;
    vertical-align: middle;
    width: .90667rem
}

.pro-liucheng .lc-box .swiper-slide .lc-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: .13333rem
}

.pro-liucheng .lc-box .swiper-slide .lc-text h3 {
    color: #ffffff;
    font-size: .4rem;
    font-weight: bold;
    line-height: .56rem
}

.pro-liucheng .lc-box .swiper-slide .lc-text p {
    font-size: .37333rem;
    line-height: .48rem;
    color: rgba(255,255,255,0.9);
    margin-top: .13333rem
}

.pro-liucheng .lc-box .lc-kefu {
    width: 8.29333rem;
    height: .84rem;
    background-image: -webkit-linear-gradient(0deg, #ffc360 0%, #ffeda5 100%);
    background-image: -moz-linear-gradient(0deg, #ffc360 0%, #ffeda5 100%);
    background-image: -o-linear-gradient(0deg, #ffc360 0%, #ffeda5 100%);
    background-image: linear-gradient(0deg, #ffc360 0%, #ffeda5 100%);
    border-radius: .4rem;
    border: solid .01333rem #d09522;
    position: relative;
    margin: .92rem auto 0
}

.pro-liucheng .lc-box .lc-kefu a {
    display: inline-block;
    padding-left: 2.05333rem;
    display: inline-block;
    position: relative;
    line-height: .84rem;
    font-size: .34667rem;
    color: #d62029;
    font-weight: bold
}

.pro-liucheng .lc-box .lc-kefu a:before,.pro-liucheng .lc-box .lc-kefu a:after {
    position: absolute;
    content: '';
    display: block
}

.pro-liucheng .lc-box .lc-kefu a:before {
    width: .21333rem;
    height: .22667rem;
    top: .29333rem;
    right: -.37333rem;
    background: url(../images/red-arrow.png) left top no-repeat;
    background-size: 100% auto
}

.pro-liucheng .lc-box .lc-kefu a:after {
    width: 1.09333rem;
    height: .90667rem;
    background: url(../images/pointer.png) left top no-repeat;
    background-size: 100% auto;
    bottom: -.09333rem;
    right: -1.52rem
}

.pro-liucheng .lc-box .lc-kefu:before,.pro-liucheng .lc-box .lc-kefu:after {
    content: '';
    display: block;
    position: absolute
}

.pro-liucheng .lc-box .lc-kefu:before {
    width: 1.89333rem;
    height: 1.73333rem;
    bottom: 0;
    left: .2rem;
    background-size: 100% auto
}

.pro-liucheng .lc-box .lc-kefu:after {
    width: 7rem;
    height: .57333rem;
    border-radius: .28rem;
    border: solid .02667rem #d09522;
    left: .8rem;
    top: .4rem;
    z-index: -1
}

.pro-liucheng .lc-box:before,.pro-liucheng .lc-box:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pro-liucheng .lc-box:before {
    background: url(../images/lc-bg.png) left top no-repeat;
    background-size: 100% auto;
    z-index: -3
}

.pro-liucheng .lc-box:after {
    background: rgba(38,43,54,0.9);
    z-index: -2
}


@keyframes turn {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes turn {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes turn {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes turn {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}