/*=========== PC public CSS ===========*/
*, :before, :after {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'ERASBD';
  font-display: swap;
  src: url('../font/ERASBD.TTF') format('truetype');
  font-family: 'impact';
  src: url('../font/impact.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Microsoft YaHei", "微软雅黑";
  color: #2D203B;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 auto;
  background-color: #FFF;
  min-width: 1100px;
}
ol, ul, li {
  list-style: none;
}
i, em {
  font-style: normal;
}
a {
  color: #333;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
a:hover, a:active, a:link, a:visited {
  text-decoration: none;
}
/* a,img{-moz-transition:.3s;-webkit-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;} */
fieldset, img, video {
  max-width: 100%;
  border: none;
  vertical-align: middle;
}
input, select, textarea, button {
  color: #333;
  font-size: 16px;
  font-family: "Microsoft Yahei", sans-serif;
  outline: none;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
input, button {
  border-radius: 0;
  -webkit-appearance: none;
} /*清除IOS默认圆角*/
textarea {
  resize: none;
  outline: none;
  border: none;
} /*去除右下角拖动边框标识*/
input:-ms-clear {
  display: none;
} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
  outline: none;
}
::-webkit-input-placeholder {
  color: #999
}
::-moz-placeholder {
  color: #999
}
::-ms-input-placeholder {
  color: #999
}
table {
  border-collapse: separate;
} /*边线重叠*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.transition {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.wrap {
  width: 98%;
  max-width: 1366px;
  margin: 0 auto
}
.index-top {
  background: url(../image/bg-index.png) no-repeat top center;
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
/* .show-top{background: url(../newimages/dot-bg.png) no-repeat top center;} */
.header {
  width: 100%;
  background-color: #FFF;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
  border-radius: 0 0 0px 0px;
  -webkit-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -moz-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -ms-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -o-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  z-index: 20;
  border: none;
  border: 1px solid #EEEEEE \9;
}
.head-line {
  color: #FFF;
  text-align: center;
  height: 3px;
  line-height: 30px;
  font-size: 14px;
  background: -webkit-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: linear-gradient(to right, #002f8d 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.head-line strong {
  font-size: 16px;
}
.head-con {
  padding: 30px 0;
}
.logo {
  float: left;
  width: 27%;
  text-align: right;
}
.logo img {
  width: 230px;
  height: auto;
}
.nav {
  float: right;
  width: 64%;
}
.nav ul {
  margin-top: 12px;
}
.nav ul li {
  position: relative;
  display: inline-block;
  margin-right: 6%;
}
.nav ul li a {
  color: #332C42;
  font-size: 18px;
  line-height: 1.2;
  padding-bottom: 20px;
  display: block;
}
.nav ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 3px;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  -o-border-radius: 1.5px;
  border-radius: 1.5px;
  background: -webkit-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -ms-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -o-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: linear-gradient(to right, #ED3B47 0%, #0C2B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ED3B47, endColorstr=#0C2B47, GradintType=0);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nav ul li.active:after, .nav ul li:hover:after {
  width: 100%;
}
.nav ul li.active a {
  color: #F33B47 \9;
}
.footer {
  background-color: #1B212F;
}
.footer p {
  text-align: center;
  line-height: 30px;
  padding: 25px 0;
  color: #FFF;
  font-size: 16px;
}
.footer p span {
  margin: 0 20px;
}
.footer p a {
  color: #FFF;
}
.footer p a:hover {
  text-decoration: underline;
}
.index-link {
  text-align: center;
  padding: 30px 0 40px;
  color: #2D203B;
  font-size: 12px;
  line-height: 20px;
}
.index-link a {
  display: inline-block;
  margin-left: 5px;
}
.index-link a:hover {
  color: #E93A47;
}
.footer p a.zhiZhao {
  color: #E93A47;
  margin-left: 20px;
}
.footer p a.zhiZhao:hover {
  color: #FFF;
}
/* index style */
.banner {
  position: relative;
  z-index: 10;
}
.ban-slick {
  position: relative;
}
.ban-slick img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.ban-slick.slick-slider img {
  position: relative;
  z-index: 200;
}
.banner .slick-slide {
  outline: none;
}
.index-hot {
  position: relative;
  padding-top: 106px;
}
.index-tit {
  position: relative;
  z-index: 1;
}
.index-tit:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 470px;
  height: 78px;
  background: url(../image/tit-pro.png) no-repeat;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.index-tit h1 {
  text-align: center;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
}
.index-tit p {
  text-align: center;
  margin-top: 20px;
}
.hot-show {
  padding: 60px 0;
}
.hot-show ul li {
  float: left;
  width: 33.3%;
  position: relative;
  text-align: center;
}
.hot-show ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 136px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../image/cut-hot.png) no-repeat;
}
.hot-show ul li.hot-mill:after {
  display: none;
}
.hot-show ul li p {
  margin-top: 20px;
}
.hot-show ul li p a {
  color: #FFF;
  font-size: 20px;
  line-height: 1.2;
  font-size: 20px;
}
.hot-show ul li.hot-crush p {
  text-indent: -40px;
}
.hot-show ul li.hot-mill p {
  text-indent: -40px;
}
.hot-show ul li a img {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.hot-show ul li:hover a img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1);
  transform: scale(1.1);
}
.hot-show ul li:hover a {
  color: #E93A47;
}
.index-good {
  margin-top: 80px;
}
.show-tit {
  text-align: center;
}
.show-tit:before {
  content: "";
  display: inline-block;
  width: 96px;
  height: 51px;
  background: url(../image/tit-fl01.png) no-repeat;
  vertical-align: middle;
}
.show-tit:after {
  content: "";
  display: inline-block;
  width: 96px;
  height: 51px;
  background: url(../image/tit-fr01.png) no-repeat;
  vertical-align: middle;
}
.show-tit h2 {
  display: inline-block;
  color: #2D203B;
  font-size: 34px;
  padding: 0 12px;
  vertical-align: middle;
}
.show-tit h2 span {
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
}
.show-tit h2 a {
  display: block;
  color: #2D203B;
  line-height: 1.1;
}
.show-tit h2 a:hover {
  color: #E93A47;
}
.good-show {
  margin-top: 80px;
}
.good-show ul li {
  float: left;
  width: 29.3%;
  margin: 0 2%;
  position: relative;
  margin-bottom: 60px;
}
.good-show ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -30px;
  top: -30px;
  width: 100%;
  height: 90%;
  background: url(../image/dot-show.png);
  z-index: -1;
}
.good-show ul li > a {
  position: relative;
  padding-top: 66.25%;
  display: block;
  overflow: hidden;
}
.good-show ul li a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.good-show ul li a img:hover {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.good-show ul li h3 {
  margin: 15px 0;
}
.good-show ul li h3 a {
  color: #2D203B;
  font-size: 24px;
  font-weight: bolder;
  margin-left: 66px;
}
.good-show ul li h3 a:hover {
  color: #E93A47;
}
.good-show ul li h3 a:after {
  content: '';
  display: inline-block;
  width: 45px;
  height: 37px;
  background: url(../image/good-line.png) no-repeat;
  vertical-align: middle;
  margin-left: 24px;
}
.good-show ul li p {
  color: #6E757C;
  font-size: 16px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.good-show ul li p span {
  display: inline-block;
  width: 59px;
  height: 36px;
  background: url(../image/good-bg.png) no-repeat;
  text-align: center;
  line-height: 30px;
  color: #FFF;
  font-size: 12px;
  margin-right: 10px;
}
.index-case {
  padding-top: 60px;
  margin-bottom: 30px;
  background: url(../image/bg-case.png) no-repeat #FFF top center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.show-tit.show-tits:before {
  background: url(../image/tit-fl02.png) no-repeat;
}
.show-tit.show-tits:after {
  background: url(../image/tit-fr02.png) no-repeat;
}
.show-tit.show-tits h2, .show-tit.show-tits h2 a {
  color: #FFF;
}
.show-tit.show-tits h2 a:hover {
  color: #E93A47;
}
.case-show {
  margin-top: 70px;
  margin-bottom: 40px;
  color: #2D203B;
}
.case-show .case-main {
  position: relative;
}
.case-show .case-main:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90%;
  height: 83%;
  background-color: #FFF;
  -webkit-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -moz-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -ms-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -o-box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  box-shadow: 0px 8px 21px rgba(13, 43, 71, .13);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  border: none;
  border: 1px solid #EEEEEE \9;
}
.case-pic {
  position: relative;
  z-index: 0;
  padding-bottom: 173px;
  float: left;
  margin-left: 2%;
  width: 50%;
}
.case-pic > a {
  display: block;
  position: relative;
  padding-top: 68%;
  margin: 0 26px;
}
.case-pic:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  height: 70%;
  -webkit-border-radius: 60px 60px 0 0;
  -moz-border-radius: 60px 60px 0 0;
  -ms-border-radius: 60px 60px 0 0;
  -o-border-radius: 60px 60px 0 0;
  border-radius: 60px 60px 0 0;
  background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: linear-gradient(200deg, #003356 0%, #0C2B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1);
  z-index: -1;
}
.case-pic > a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
  -ms-border-radius: 30px 30px 0 0;
  -o-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
}
.case-msgs {
  position: absolute;
  left: -13px;
  bottom: 0;
  padding: 30px;
  background: url(../image/dot-case.png) #FFF no-repeat left center;
  -webkit-box-shadow: 0 0 21px rgba(13, 43, 71, .2);
  -moz-box-shadow: 0 0 21px rgba(13, 43, 71, .2);
  -ms-box-shadow: 0 0 21px rgba(13, 43, 71, .2);
  -o-box-shadow: 0 0 21px rgba(13, 43, 71, .2);
  box-shadow: 0 0 21px rgba(13, 43, 71, .2);
  -webkit-border-radius: 0 30px 30px 30px;
  -moz-border-radius: 0 30px 30px 30px;
  -ms-border-radius: 0 30px 30px 30px;
  -o-border-radius: 0 30px 30px 30px;
  border-radius: 0 30px 30px 30px;
}
.case-msgs:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -13px;
  width: 13px;
  height: 13px;
  background: url(../image/case-horn.png) no-repeat;
}
.case-tit {
  margin-bottom: 10px;
}
.case-tit strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
}
.case-tit i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.case-tit i img {
  width: 17px;
  height: 17px;
  margin-left: 4px;
}
.case-msg span {
  display: inline-block;
  vertical-align: middle;
  width: 11%;
}
.case-msg span img {
  width: 62px;
  height: auto;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 21, 69, .2);
  -moz-box-shadow: 0px 5px 20px rgba(0, 21, 69, .2);
  -ms-box-shadow: 0px 5px 20px rgba(0, 21, 69, .2);
  -o-box-shadow: 0px 5px 20px rgba(0, 21, 69, .2);
  box-shadow: 0px 5px 20px rgba(0, 21, 69, .2);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
.case-msg p {
  display: inline-block;
  vertical-align: middle;
  width: 87%;
}
.case-info {
  float: left;
  position: relative;
  width: 43%;
  margin: 50px 3% 0 2%;
}
.case-info h3 {
  margin-bottom: 86px;
}
.case-info h3 a {
  color: #FFF;
  font-size: 34px;
  line-height: 1.2;
  font-weight: normal;
}
.case-info p {
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 24px;
  font-weight: bold;
}
.case-info p span {
  font-weight: normal;
}
.case-info p img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 10px;
}
.case-info ul {
  margin: 40px 0 35px;
}
.case-info ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.case-info ul li > a {
  display: block;
  background: url(../image/case-type.png) no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.case-info ul li > a img {
  width: 76%;
  height: auto;
  margin-bottom: 36px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.case-info ul li:hover a img {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.case-info ul li p {
  margin-top: 12px;
}
.case-info ul li p a {
  display: block;
  font-size: 18px;
  line-height: 1.1;
  color: #2D203B;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.case-info ul li p a:hover {
  font-weight: bold;
}
.btn-show {
  position: relative;
  z-index: 0;
  line-height: 60px;
  overflow: hidden;
}
.btn-show:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: url(../image/case-round.png) no-repeat;
  z-index: -2;
}
.btn-show:after {
  content: '';
  position: absolute;
  left: 12px;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #25262B;
  z-index: -2;
}
.btn-show i {
  display: inline-block;
  width: 40%;
  text-align: center;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.1;
}
.btn-show .btn-line {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #FFF;
  font-size: 14px;
  width: 112px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -webkit-background-size: 120% 100%;
  -moz-background-size: 120% 100%;
  -ms-background-size: 120% 100%;
  -o-background-size: 120% 100%;
  background-size: 120% 100%;
  background-position: left center;
}
.btn-show .btn-line:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: 48%;
  width: 110%;
  height: 5px;
  background-color: #FFF;
  z-index: -1;
}
.btn-show .btn-line:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 122px;
  height: 58px;
  border: 1px dashed #25262B;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
.btn-show .btn-line:hover {
  color: #F43B47;
  background-position: right center;
}
.btn-show .btn-more {
  position: relative;
  padding: 0 10px;
  background-color: #FFF;
  font-size: 16px;
  float: right;
  margin-right: 14%;
}
.btn-show .btn-more:hover {
  color: #E93A47;
}
.btn-show .btn-more:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 50%;
  width: 12px;
  height: 1px;
  margin-top: 1px;
  background-color: #25262B;
}
.btn-show .btn-more:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -12px;
  top: 50%;
  width: 12px;
  height: 1px;
  margin-top: 1px;
  background-color: #25262B;
}
.case-show.slick-slide img {
  transform: none;
  display: inline-block;
}
.case-slick.slick-initialized .slick-slide:focus {
  outline: none;
}
.case-slick .slick-dots li button {
  content: "";
  display: block;
  margin: 0 auto;
  width: 14px;
  height: 14px;
  margin-right: 32px;
  border-radius: 50%;
  border: 2px solid #923245;
  text-indent: -9999px;
  padding: 0;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.case-slick.slick-slider .slick-active button {
  width: 28px;
  height: 28px;
  border: none;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(to right, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  position: relative;
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.case-slick .slick-dots .slick-active button:after {
  content: "";
  position: absolute;
  left: 28px;
  top: 50%;
  width: 30px;
  height: 2px;
  background: -webkit-linear-gradient(left, #9F3B4E 0%, transparent 100%);
  background: -moz-linear-gradient(left, #9F3B4E 0%, transparent 100%);
  background: -ms-linear-gradient(left, #9F3B4E 0%, transparent 100%);
  background: -o-linear-gradient(left, #9F3B4E 0%, transparent 100%);
  background: linear-gradient(to right, #9F3B4E 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F3B4E, endColorstr=transparent, GradientType=1);
}
.case-slick .slick-dots li.slick-active button:before {
  top: 8px;
  left: 8px;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: inset 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: inset 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: inset 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: inset 0px 5px 5px rgba(228, 0, 52, .13);
}
.case-slick .slick-dots li:last-child.slick-active button:after {
  display: none;
}
.index-news {
  padding: 50px 0;
  background: url(../image/dot-show.png) #FFF;
  background: #FFF;
}
.index-list {
  margin-top: 46px;
  margin-left: -5%;
}
.index-list ul {
  position: relative;
  float: left;
  width: 45%;
  margin-left: 5%;
  padding-top: 20px;
  z-index: 0;
}
.index-list ul:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 0;
  width: 1px;
  height: 30px;
  background: -webkit-linear-gradient(top, transparent 0%, #3A2E47 100%);
  background: -moz-linear-gradient(top, transparent 0%, #3A2E47 100%);
  background: -ms-linear-gradient(top, transparent 0%, #3A2E47 100%);
  background: -o-linear-gradient(top, transparent 0%, #3A2E47 100%);
  background: linear-gradient(to bottom, transparent 0%, #3A2E47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=#3A2E47, GradientType=0);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.index-list ul:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  bottom: 0;
  width: 1px;
  height: 100px;
  background: -webkit-linear-gradient(top, #3A2E47 0%, #CE404F 80%, transparent 100%);
  background: -moz-linear-gradient(top, #3A2E47 0%, #CE404F 80%, transparent 100%);
  background: -ms-linear-gradient(top, #3A2E47 0%, #CE404F 80%, transparent 100%);
  background: -o-linear-gradient(top, #3A2E47 0%, #CE404F 80%, transparent 100%);
  background: linear-gradient(to bottom, #3A2E47 0%, #CE404F 80%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A2E47, endColorstr=#CE404F, GradientType=0);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  z-index: -1;
}
.index-list ul li {
  position: relative;
  margin-top: -20px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.index-list ul li:hover {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.index-list ul li:hover h3 a {
  color: #E93A47;
}
.index-list ul li h3 {
  margin-bottom: 12px;
}
.index-list ul li h3 a {
  display: block;
  color: #2D203B;
  font-size: 20px;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}
.index-list ul li span {
  color: #A8A5AC;
  font-size: 12px;
  line-height: 1.1;
}
.index-list ul li span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../image/icon-time01.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.index-list ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 30px;
  width: 25px;
  height: 26px;
  background: url(../image/news-round.png) no-repeat;
}
.index-list ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 30px;
  width: 1px;
  height: 96%;
  background: -webkit-linear-gradient(top, #3A2E47 0%, #CE404F 100%);
  background: -moz-linear-gradient(top, #3A2E47 0%, #CE404F 100%);
  background: -ms-linear-gradient(top, #3A2E47 0%, #CE404F 100%);
  background: -o-linear-gradient(top, #3A2E47 0%, #CE404F 100%);
  background: linear-gradient(to bottom, #3A2E47 0%, #CE404F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A2E47, endColorstr=#CE404F, GradientType=0);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.index-list ul li:last-child:before {
  display: none;
}
.index-list ul li:last-child .list-con {
  padding-bottom: 28px;
}
.list-con {
  width: 95%;
  margin-left: 5%;
  padding: 28px 20px 45px;
  background-color: #FFF;
  -webkit-border-radius: 30px 4px 4px 4px;
  -moz-border-radius: 30px 4px 4px 4px;
  -ms-border-radius: 30px 4px 4px 4px;
  -o-border-radius: 30px 4px 4px 4px;
  border-radius: 30px 4px 4px 4px;
  -webkit-box-shadow: 0px 0px 10px rgba(20, 40, 66, .1);
  -moz-box-shadow: 0px 0px 10px rgba(20, 40, 66, .1);
  -ms-box-shadow: 0px 0px 10px rgba(20, 40, 66, .1);
  -o-box-shadow: 0px 0px 10px rgba(20, 40, 66, .1);
  box-shadow: 0px 0px 10px rgba(20, 40, 66, .1);
  border: none;
  border: 1px solid #EEEEEE \9;
}
.index-show {
  margin-top: 30px;
}
.index-name {
  text-align: center;
  color: #2D203B;
}
.index-name h2 {
  font-size: 40px;
  line-height: 1.1;
}
.index-name h2 span {
  color: #F43B47;
  margin-left: 24px;
}
.index-name p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 15px;
}
.index-about {
  margin-top: 70px;
  background: -webkit-linear-gradient(left, #011629 0%, #10426D 100%);
  background: -moz-linear-gradient(left, #011629 0%, #10426D 100%);
  background: -ms-linear-gradient(left, #011629 0%, #10426D 100%);
  background: -o-linear-gradient(left, #011629 0%, #10426D 100%);
  background: linear-gradient(to right, #011629 0%, #10426D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#011629, endColorstr=#10426D, GradientType=1);
}
.about-msg {
  float: left;
  width: 42%;
  background: url(../image/bg-msg.png) no-repeat #FFF top right;
  padding: 115px 4.4% 40px;
  margin-top: -40px;
  -webkit-box-shadow: 0 0 40px rgba(3, 3, 3, .1);
  -moz-box-shadow: 0 0 40px rgba(3, 3, 3, .1);
  -ms-box-shadow: 0 0 40px rgba(3, 3, 3, .1);
  -o-box-shadow: 0 0 40px rgba(3, 3, 3, .1);
  box-shadow: 0 0 40px rgba(3, 3, 3, .1);
}
.msg-tit {
  position: relative;
  z-index: 1;
}
.msg-tit:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 442px;
  height: 50px;
  background: url(../image/tit-msg.png) no-repeat;
  z-index: -1;
}
.msg-tit span {
  display: block;
  text-align: center;
  color: #2D203B;
  font-size: 26px;
  line-height: 1.2;
}
.about-msg p {
  margin-top: 30px;
}
.about-msg p span {
  margin-right: 36px;
  color: #2D203B;
  font-size: 20px;
  line-height: 1.1;
}
.about-msg p span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/msg-dot.png) no-repeat left center;
  vertical-align: bottom;
  margin-right: 8px;
}
.about-msg ul {
  margin-top: 16px;
}
.about-msg ul li {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 84px 0 27px;
  box-sizing: border-box;
  border-bottom: 1px solid #DDD;
}
.about-msg ul li.msg-last {
  padding-bottom: 14px;
}
.about-msg ul li:focus-within i, .about-msg ul li input:not(:placeholder-shown) + i {
  opacity: 0;
}
.about-msg ul li img {
  position: absolute;
  left: 0;
  top: 82px;
  width: 37px;
  height: 40px;
  margin-right: 12px;
}
.about-msg ul li input, .about-msg ul li textarea {
  width: 100%;
  padding-left: 50px;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  color: #333;
  font-family: "Microsoft YaHei";
  background: none;
}
.about-msg ul li textarea {
  height: 48px;
  line-height: 24px;
  margin-top: 4px;
}
::-webkit-input-placeholder {
  color: #333;
  font-weight: bold;
}
:-moz-placeholder {
  color: #333;
  font-weight: bold;
}
::-moz-placeholder {
  color: #333;
  font-weight: bold;
}
:-ms-input-placeholder {
  color: #333;
  font-weight: bold;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #222;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}
.msg-btn {
  margin-top: 40px;
  position: relative;
}
.msg-btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 146px;
  top: 26px;
  width: 130px;
  height: 2px;
  background: -webkit-linear-gradient(left, #342D43 0%, transparent 100%);
  background: -moz-linear-gradient(left, rgb(2, 2, 2) 0%, transparent 100%);
  background: -ms-linear-gradient(left, #342D43 0%, transparent 100%);
  background: -o-linear-gradient(left, #342D43 0%, transparent 100%);
  background: linear-gradient(to right, #342D43 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#342D43, endColorstr=transparent, GradientType=1);
}
.msg-btn input {
  width: 146px;
  height: 56px;
  line-height: 56px;
  background: url(../image/msg-btn.png) no-repeat;
  cursor: pointer;
}
.msg-btn input:hover {
  color: #E93A47;
}
.about-base {
  float: left;
  width: 55%;
  padding-top: 35px;
  margin-left: 3%;
}
.about-name img {
  margin-right: 25px;
}
.about-name span {
  font-size: 50px;
  font-weight: bolder;
  color: #fff;
  margin-top: 8px;
}
.about-name p {
  color: #FFF;
  font-size: 20px;
}
.about-base ul {
  margin-top: 60px;
  margin-bottom: 5px;
}
.about-base ul li {
  position: relative;
  float: left;
  width: 25%;
  color: #FFF;
  font-size: 20px;
  text-align: center;
  padding-bottom: 46px;
}
.about-base ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about-base ul li:nth-child(odd):before {
  /*background: url(../image/about-line01.png) no-repeat top center;*/
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.about-base ul li:nth-child(even):before {
  width: 112%;
  left: -6%;
  top: auto;
  bottom: 0;
  /*background: url(../image/about-line02.png) no-repeat bottom center;*/
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.about-base ul li strong {
  display: block;
  font-family: "ERASBD";
  font-size: 60px;
  line-height: 1.1;
  margin: 60px 0 40px;
}
.about-base ul li strong sub {
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-weight: normal;
  vertical-align: bottom;
  position: relative;
  top: -8px;
}
.about-base ul li p {
  position: relative;
  width: 72%;
  height: 290px;
  margin-left: 14%;
  padding: 39px 0 30px;
  -webkit-border-radius: 10px 10px 80px 80px;
  -moz-border-radius: 10px 10px 80px 80px;
  -ms-border-radius: 10px 10px 80px 80px;
  -o-border-radius: 10px 10px 80px 80px;
  border-radius: 20px;
  background: -webkit-linear-gradient(top, #13548b 0%, #011324 100%);
  background: -moz-linear-gradient(top, #13548b 0%, #011324 100%);
  background: -ms-linear-gradient(top, #13548b 0%, #011324 100%);
  background: -o-linear-gradient(top, #13548b 0%, #011324 100%);
  background: linear-gradient(160deg, #3f51b5 0%, #011324 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#13548b, endColorstr=#011324, GradientType=0);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.about-base ul li p:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -29px;
  width: 1px;
  height: 29px;
  background-color: #D93743;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.about-base ul li p:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 23px;
  background-color: #0C2b47;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.about-base ul li p span {
  display: inline-block;
  font-size: 20px;
  width: 20px;
  line-height: 21px;
}
/* ptodetail style */
.place-show {
  margin: 20px 0;
  background: url(../image/icon-place.png) no-repeat left center;
  padding-left: 30px;
}
.place-show ol li {
  display: inline-block;
  color: #332C42;
  font-size: 12px;
  line-height: 22px;
}
.place-show ol li i {
  margin: 0 5px;
}
.place-show ol li a {
  color: #332C42;
}
.place-show ol li a:hover {
  color: #E93A47;
}
.show-pro {
  margin-top: 30px;
}
.pro-pic {
  float: left;
  width: 55%;
  position: relative;
  z-index: 0;
}
.pro-pic:before {
  display: inline-block;
  position: absolute;
  right: -55px;
  top: -76px;
  width: 272px;
  height: 280px;
  background: url(../image/pro-line.png) no-repeat;
  z-index: -1;
}
.pro-pic span {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  line-height: 36px;
  padding: 6px 40px;
  margin-left: 13%;
  -webkit-border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -ms-border-radius: 40px 40px 0 0;
  -o-border-radius: 40px 40px 0 0;
  border-radius: 10px 10px 0 0;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #FFF 0%, #F43B47 100%);
  background: linear-gradient(to right, #0C2B47 0%, #3f51b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.pic-type {
  position: relative;
  padding-top: 67%;
}
.pic-type img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: 0 0 20px rgba(6, 34, 61, .5);
  -moz-box-shadow: 0 0 20px rgba(6, 34, 61, .5);
  -ms-box-shadow: 0 0 20px rgba(6, 34, 61, .5);
  -o-box-shadow: 0 0 20px rgba(6, 34, 61, .5);
  box-shadow: 0 0 20px rgba(6, 34, 61, .5);
}
.pro-pic p {
  display: inline-block;
  /*background: url(../image/line-pro.png) no-repeat #F2F2F2 left center;*/
  padding: 30px;
  -webkit-box-shadow: inset 0px 3px 24px rgba(33, 120, 198, .35);
  -moz-box-shadow: inset 0px 3px 24px rgba(33, 120, 198, .35);
  -ms-box-shadow: inset 0px 3px 24px rgba(33, 120, 198, .35);
  -o-box-shadow: inset 0px 3px 24px rgba(33, 120, 198, .35);
  box-shadow: inset 0px 3px 24px rgba(33, 120, 198, .35);
  -webkit-border-radius: 0 0 80px 9.33px;
  -moz-border-radius: 0 0 80px 9.33px;
  -ms-border-radius: 0 0 80px 9.33px;
  -o-border-radius: 0 0 80px 9.33px;
  border-radius: 0 0 10px 10px;
}
.pro-pic p i {
  display: inline-block;
  margin-right: 20px;
  color: #0D2B47;
  font-size: 20px;
}
.pro-pic p img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-top: -5px;
}
.pro-info {
  float: left;
  width: 45%;
  margin-top: 86px;
}
.pro-info h1 {
  color: #2D203B;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 26px;
  margin-left: 24px;
}
.pro-info h2 {
  color: #2D203B;
  font-size: 38px;
  line-height: 1.2;
  margin-bottom: 26px;
  margin-left: 24px;
}
.pro-info p {
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  margin-left: 24px;
  margin-bottom: 16px;
}
.pro-info p.info-good {
  font-weight: normal;
  color: #E30033;
  font-size: 16px;
}
.pro-info p.info-good span {
  display: inline-block;
  width: 59px;
  height: 36px;
  background: url(../image/good-bg.png) no-repeat;
  text-align: center;
  line-height: 30px;
  color: #FFF;
  font-size: 12px;
  margin-right: 10px;
}
.pro-info p.info-base01 {
  color: #2D203B;
}
.pro-info p.info-base02 {
  color: rgba(45, 32, 59, .8);
}
.pro-info ul {
  padding: 48px 30px 57px 0;
  margin: 35px 0 32px;
  background: -webkit-linear-gradient(top, #052746 0%, #10426D 100%);
  background: -moz-linear-gradient(top, #052746 0%, #10426D 100%);
  background: -ms-linear-gradient(top, #052746 0%, #10426D 100%);
  background: -o-linear-gradient(top, #052746 0%, #10426D 100%);
  background: linear-gradient(to bottom, #052746 0%, #10426D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#052746, endColorstr=#10426D, GradientType=0);
  -webkit-border-radius: 0 100px 100px 0;
  -moz-border-radius: 0 100px 100px 0;
  -ms-border-radius: 0 100px 100px 0;
  -o-border-radius: 0 100px 100px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.pro-info ul li {
  position: relative;
  float: left;
  width: 33.3%;
  padding: 0 3%;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
}
.pro-info ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  top: 10%\9;
  width: 1px;
  height: 74px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../image/cut-pro.png) no-repeat;
}
.pro-info ul li.pro-last:after, .pro-info ul li:last-child:after {
  display: none;
}
.pro-info ul li strong {
  display: block;
  font-size: 18px;
}
.btn-show.btn-pro {
  margin-top: 50px;
}
.btn-show.btn-pro i {
  vertical-align: bottom;
}
.pro-rotate {
  position: relative;
  margin-top: 10px;
  text-align: center;
  background-color: #FFF;
  z-index: 0;
}
.pro-rotate:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 620px;
  height: 620px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../image/rotate-round.png) no-repeat;
  z-index: -1;
}
.rotate-bg {
  background: url(../image/rotate-bg.png) no-repeat top 200px center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pro-rotate strong {
  display: block;
  font-size: 32px;
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 18px;
  padding-top: 70px
}
.pro-rotate p {
  font-size: 16px;
  line-height: 1.2;
}
.rotate-base {
  position: absolute;
  top: 130px;
  width: 106px;
  background: url(../image/rotate-base.png) no-repeat top center;
}
.rotate-base strong {
  font-family: "impact";
  font-size: 24px;
  padding-top: 35px;
  margin-bottom: 12px;
}
.rotate-base strong sub {
  font-size: 14px;
  vertical-align: bottom;
  position: relative;
  top: -3px;
}
.rotate-base p {
  font-size: 14px;
  line-height: 1.4;
}
.rotate-show .rotate-base01 {
  left: 0;
}
.rotate-show .rotate-base02 {
  right: 0;
}
.rotate-show {
  position: relative;
  width: 892px;
  height: 492px;
  background: url(../image/rotate-line.png) no-repeat top center;
  margin: -30px auto 0;
}
.threesixty.pro-pc {
  width: 400px !important;
  top: 60px;
  z-index: 20;
}
.threesixty.pro-pc .threesixty_images img {
  left: 0;
}
.rotate-txt {
  font-size: 18px;
  line-height: 1.2;
  margin: 20px 0;
}
.rotate-txt:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 85px;
  height: 16px;
  background: url(../image/rotate-arrow01.png) no-repeat;
  margin-right: 10px;
}
.rotate-txt:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 85px;
  height: 16px;
  background: url(../image/rotate-arrow02.png) no-repeat;
  margin-left: 10px;
}
.detail-show {
  margin-top: 80px;
}
.pro-point {
  background-color: #FFF;
  background-color: #F1F6FB \9;
  -webkit-box-shadow: inset 0 0 24px rgba(33, 120, 198, .35);
  -moz-box-shadow: inset 0 0 24px rgba(33, 120, 198, .35);
  -ms-box-shadow: inset 0 0 24px rgba(33, 120, 198, .35);
  -o-box-shadow: inset 0 0 24px rgba(33, 120, 198, .35);
  box-shadow: inset 0 0 24px rgba(33, 120, 198, .35);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 25px 0 17px;
  margin-bottom: 55px;
}
.pro-point ul li {
  float: left;
  width: 20%;
  text-align: center;
}
.pro-point ul li a {
  color: #2D203B;
  font-size: 18px;
  line-height: 20px;
}
.show-fl {
  float: left;
  width: 67%;
  margin-bottom: 60px;
}
.show-fl h2 {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.show-fl h2:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 32px;
  background: url(../image/icon-tit.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.show-fl h3 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.show-fl h3:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 32px;
  background: url(../image/icon-tit.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.base-show .table01{width:100%; line-height: 30px; border:0;margin:20px auto 20px;text-align:center;border-collapse:collapse;border-spacing:0;}
.base-show .table01 tr:nth-child(odd){background:#F4F4F4;}
.base-show .table01 tr:nth-child(1){background:#3f51b5;text-align:center;line-height:35px;font-size:14px;color:#FFF;}
.base-show .table01 tr:hover{background:#3f51b5;color:#FFF;}
.base-show .table01 td,.base-show .table01 th{border:1px solid #EEE;}
.base-show p {
  color: #635D6B;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 25px;
}
.base-show p a {
  color: #E62129;
  display: inline-block;
}
.base-show p a:hover {
  text-decoration: underline;
}
.base-show p strong {
  color: #2D203B;
  margin: 0 4px;
}
.base-show p img, .base-show div video {
  width: 100%;
  max-width: 800px;
  height: auto;
}
.base-show p .mfzx {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 16px;
  margin: 0 8px;
  -webkit-border-radius: 10px 20px 20px 10px;
  -moz-border-radius: 10px 20px 20px 10px;
  -ms-border-radius: 10px 20px 20px 10px;
  -o-border-radius: 10px 20px 20px 10px;
  border-radius: 10px 20px 20px 10px;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(to right, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  cursor: pointer;
}
.base-show p .mfzx:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  background: url(../image/dot-btn.png) no-repeat;
  vertical-align: middle;
}
.base-show p .mfzx:hover {
  font-weight: bold;
  text-decoration: none;
}
.base-show .DIV3 {
  display: none;
}
.base-show table {
  margin-bottom: 25px;
  margin-top: 25px;
}
.base-show table td {
  padding: 4px 2px;
}
.font-above {
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: -5px auto 25px;
}
.font-above p {
  color: #2D203B;
  font-weight: bold;
  line-height: 30px;
  position: relative;
  display: inline-block;
  padding-left: 60px;
  padding-right: 60px;
  margin: 0;
}
.font-above p:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 38px;
  height: 16px;
  margin-top: -4.5px;
  vertical-align: middle;
  background: url(../image/icon-font.png) no-repeat;
}
.font-above p:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 38px;
  height: 16px;
  margin-top: -4.5px;
  vertical-align: middle;
  background: url(../image/icon-font.png) no-repeat;
}
.show-good {
  color: #635D6B;
  font-size: 16px;
  line-height: 36px;
}
.show-good li {
  position: relative;
  width: 97%;
  margin-left: 3%;
  margin-bottom: 30px;
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 15px rgba(13, 43, 71, .2);
  -moz-box-shadow: 0px 0px 15px rgba(13, 43, 71, .2);
  -ms-box-shadow: 0px 0px 15px rgba(13, 43, 71, .2);
  -o-box-shadow: 0px 0px 15px rgba(13, 43, 71, .2);
  box-shadow: 0px 0px 15px rgba(13, 43, 71, .2);
  border: 1px solid #EEEEEE \9;
}
.show-good li img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 79px;
  height: 99px;
  margin-top: -50px;
}
.show-good li p {
  height: 100px;
  padding: 6px 20px 6px 84px;
  margin: 0;
}
.show-good li p em {
  display: inline-block;
  vertical-align: middle;
}
.show-good li p:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.base-link {
  margin-top: 55px;
  padding-bottom: 45px;
  background: url(../image/link-bg.png) no-repeat #FFF center;
}
.link-ask {
  float: left;
  width: 48%;
  text-align: center;
}
.link-ask a, .link-ask span {
  position: relative;
  display: inline-block;
  text-align: center
}
.link-ask a:hover, .link-ask span:hover {
  color: #8EA9F2;
}
.link-ask a:after, .link-ask span:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 15%;
  top: 35%;
  width: 28px;
  height: 28px;
  background: url(../image/link-hand.gif) no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}
.link-tel {
  float: left;
  width: 50%;
  margin-left: 2%;
  margin-top: 16px;
}
.link-tel p {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  line-height: 1.2;
}
.link-tel p em {
  display: block;
  color: #333;
  font-size: 14px;
}
.link-tel p strong, .link-tel p strong a {
  display: block;
  font-size: 20px;
  font-weight: bolder;
  color: #F94828;
  background-image: -webkit-gradient(linear, 0 0, right 0, from(#F98C30), to(#F94828));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.link-tel p strong i {
  font-size: 26px;
}
.link-tel p strong:after {
  content: "";
  display: block;
  width: 112px;
  height: 1px;
  margin-top: 8px;
  background: -webkit-linear-gradient(left, #C8AE79 0%, #FFEECC 100%);
  background: -moz-linear-gradient(left, #C8AE79 0%, #FFEECC 100%);
  background: -ms-linear-gradient(left, #C8AE79 0%, #FFEECC 100%);
  background: -o-linear-gradient(left, #C8AE79 0%, #FFEECC 100%);
  background: linear-gradient(to right, #C8AE79 0%, #FFEECC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8AE79, endColorstr=#FFEECC, GradientType=1);
}
.base-data {
  margin-bottom: 60px;
}
.data-list {
  margin-top: -20px;
}
.data-list ul {
  overflow: hidden;
  margin-left: -2%;
  margin-bottom: 0;
  padding: 10px 0;
}
.data-list ul li {
  float: none;
  width: auto;
  display: inline-block;
  margin-left: 2%;
  color: #292D47;
  font-size: 18px;
  padding-left: 0;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background-color: #E8EDFF;
}
.data-list ul li span {
  display: block;
  padding: 10px 25px;
  line-height: 1.2;
}
.data-list ul li:hover {
  color: #E93A47;
}
.data-list ul li.cur {
  position: relative;
  z-index: 2;
  padding: 3px;
  border: 1px dashed #FFF;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(to right, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  background-origin: border-box;
}
.data-list ul li.cur:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.data-list ul li.cur span {
  display: block;
  color: #D43947;
  width: 100%;
  height: 100%;
  background-color: #E8EDFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(to right, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  position: relative;
  z-index: 1;
}
.data-list ul li.cur span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  background-color: #E8EDFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  z-index: -1;
}
.data-no {
  display: none;
}
.data-show table {
  margin-bottom: 25px;
}
.data-show table td {
  padding: 5px 2px;
  word-break: break-all;
}
.base-msg {
  position: relative;
  padding: 33px 50px;
  margin-top: 50px;
  min-height: 631px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: url(../image/msg-bg.png) no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.msg-main {
  width: 100%;
}
.msg-main strong {
  color: #F33B47;
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.msg-main strong:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 32px;
  background: url(../image/icon-tit.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.msg-main p {
  color: #FFF;
  font-size: 16px;
  line-height: 30px;
  margin: 12px 0 36px;
}
.msg-main p.msg-ensure {
  margin-left: -5%;
  margin-top: 20px;
}
.msg-main p span {
  position: relative;
  display: inline-block;
  margin-left: 5%;
  z-index: 0;
}
.msg-main p span i {
  display: inline-block;
  font-size: 20px;
  line-height: 1.1;
  padding: 12px 28px;
  background: -webkit-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.msg-main p span:before, .msg-main p span:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  background: -webkit-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.msg-main p span:before {
  left: 12%;
  bottom: -14px;
  width: 76%;
  z-index: -1;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.msg-main p span:after {
  left: 6%;
  bottom: -7px;
  width: 88%;
  z-index: -1;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.msg-main ul {
  margin-top: 30px;
  margin-left: -2%;
}
.msg-main ul li {
  position: relative;
  float: left;
  width: 48%;
  margin-left: 2%;
}
.msg-main ul li.msg-area {
  width: 98%;
}
.msg-main ul li img {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 33px;
  height: 37px;
}
.msg-main ul li input::-webkit-input-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li input:-moz-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li input::-moz-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li input:-ms-input-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li textarea::-webkit-input-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li textarea:-moz-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li textarea::-moz-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li textarea:-ms-input-placeholder {
  color: #0E183B;
  font-weight: normal;
}
.msg-main ul li input {
  width: 100%;
  height: 47px;
  line-height: 30px;
  padding: 5px 5px 5px 50px;
  background-color: #FFF;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.msg-main ul li textarea {
  width: 100%;
  height: 190px;
  line-height: 36px;
  padding: 5px 5px 5px 50px;
  background-color: #FFF;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.msg-btns {
  float: right;
  width: 295px;
  height: 64px;
  line-height: 64px;
  background: url(../image/btn-msg.png) no-repeat;
  text-align: right;
  margin-top: 0px;
}
.msg-btns input {
  color: #FFF;
  font-size: 20px;
  background: none;
  width: 172px;
  height: 64px;
  text-align: center;
  cursor: pointer;
}
.msg-btns input:hover {
  color: #E93A47;
}
.base-case {
  margin-top: 50px;
}
.base-case ul {
  margin-left: -2%;
}
.base-case ul li {
  float: left;
  width: 48%;
  margin-left: 2%;
}
.base-case ul li .case-img {
  float: left;
  width: 50%;
}
.base-case ul li .case-con {
  float: left;
  width: 46%;
  margin-left: 4%;
}
.case-img a {
  position: relative;
  padding-top: 75%;
  display: block;
}
.case-img a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.case-con a {
  display: inline-block;
  color: #2D203B;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 5px;
}
.case-con a:hover {
  color: #E93A47;
}
.case-con p {
  line-height: 24px;
  color: #635D6B;
  font-size: 16px;
  margin-top: 15px;
}
.case-con p img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.case-con p span {
  color: #E93A47;
}
.base-news {
  margin-top: 60px;
  border: 1px solid #F0F3FA;
}
.base-name {
  height: 56px;
  line-height: 56px;
  background-color: #F0F3FA;
}
.base-name strong {
  display: inline-block;
  height: 56px;
  padding: 0 20px;
  color: #2D203B;
  font-size: 26px;
  background-color: #FFF;
  -webkit-border-top-right-radius: 20px;
  -moz-border-top-right-radius: 20px;
  -ms-border-top-right-radius: 20px;
  -o-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
}
.base-name a {
  float: right;
  padding-right: 30px;
  color: #635D6B;
}
.base-name a:hover {
  color: #2D203B;
}
.base-news ul {
  padding: 20px;
  margin-left: -2%;
}
.base-news ul li {
  position: relative;
  float: left;
  width: 48%;
  margin-left: 2%;
  border-bottom: 1px dashed #DCDADE;
  padding: 20px 0;
}
.base-news ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 22px;
  width: 22px;
  height: 23px;
  background: url(../image/news-icon.png) no-repeat;
}
.base-news ul li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #635D6B;
  font-size: 16px;
  line-height: 1.2;
  padding-left: 30px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.base-news ul li:hover a {
  margin-left: 5px;
  color: #E93A47;
}
.show-fr {
  float: right;
  width: 25%;
}
.relate-pro strong {
  display: block;
  color: #333;
  font-size: 20px;
  line-height: 1.2;
  padding-left: 20px;
}
.relate-pro strong:before {
  content: '';
  display: inline-block;
  width: 35px;
  height: 32px;
  background: url(../image/icon-tit.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.relate-pro strong:after {
  content: '';
  display: inline-block;
  width: 45px;
  height: 37px;
  background: url(../image/good-line.png) no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}
.relate-pro ul {
  padding: 20px;
  background: url(../image/line-relate.png);
}
.relate-pro ul li {
  margin-bottom: 20px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.relate-pro ul li > a {
  position: relative;
  padding-top: 74%;
  display: block;
}
.relate-pro ul li > a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.relate-pro ul li p {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #FFF;
  -webkit-box-shadow: 0 2px 5px rgba(0, 19, 39, .1);
  -moz-box-shadow: 0 2px 5px rgba(0, 19, 39, .1);
  -ms-box-shadow: 0 2px 5px rgba(0, 19, 39, .1);
  -o-box-shadow: 0 2px 5px rgba(0, 19, 39, .1);
  box-shadow: 0 2px 5px rgba(0, 19, 39, .1);
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.relate-pro ul li p a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.relate-pro ul li:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.relate-pro ul li:hover p a {
  color: #E93A47;
}
/* casedetail style */
.show-case .pro-pic {
  width: 52.5%;
}
.show-case .pro-pic:before {
  display: none;
}
.show-case .pro-pic span {
  padding: 6px 70px;
  margin-left: 22%;
}
.show-case .pic-type {
  padding-top: 70%;
}
.show-case .pro-info {
  width: 47.5%;
}
.show-case .pro-info h1 {
  width: 78%;
}
.pro-info .case-base {
  padding: 36px 40px 50px 6px;
  margin: 35px 0 32px;
  background: -webkit-linear-gradient(top, #052746 0%, #10426D 100%);
  background: -moz-linear-gradient(top, #052746 0%, #10426D 100%);
  background: -ms-linear-gradient(top, #052746 0%, #10426D 100%);
  background: -o-linear-gradient(top, #052746 0%, #10426D 100%);
  background: linear-gradient(to bottom, #052746 0%, #10426D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#052746, endColorstr=#10426D, GradientType=0);
  -webkit-border-radius: 0 200px 200px 0;
  -moz-border-radius: 0 200px 200px 0;
  -ms-border-radius: 0 200px 200px 0;
  -o-border-radius: 0 200px 200px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
}
.pro-info .case-base p {
  color: #FFF;
  font-size: 14px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0.4px;
  margin-bottom: 0;
}
.pro-info .case-base p strong {
  font-size: 16px;
  font-weight: bold;
}
.show-case .base-link {
  background: none;
  margin-top: 20px;
  padding-bottom: 0;
}
.show-case .link-ask a:after, .show-case .link-ask span:after {
  right: 10%;
}
/* newsdetail style */
.news-top {
  /*background: url(../image/news-bg.png) no-repeat top center;*/
}
.detail-news {
  margin-top: 40px;
}
.news-base > p {
  color: #635D6B;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 0;
  margin-top: 25px;
}
.news-base > p i {
  display: inline-block;
  border: 1px solid #635D6B;
  padding: 0 20px;
  background-color: #FFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  margin-right: 12px;
}
.news-base > p em {
  margin-left: 26px;
}
.news-base h1 {
  color: #332C42;
  font-size: 34px;
  line-height: 48px;
  width: 96%;
}
.news-link {
  margin-top: 40px;
  padding-bottom: 10px;
}
.link-base {
  float: left;
}
.link-base img {
  display: inline-block;
  vertical-align: middle;
  width: 72px;
  height: 72px;
  border: 1px solid #E1E1E1;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  -o-border-radius: 72px;
  border-radius: 72px;
}
.link-base p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: 30px;
}
.link-base p em {
  display: block;
  color: #332C42;
  font-size: 24px;
  line-height: 36px;
}
.link-base p i {
  display: block;
  color: #635D6B;
  font-size: 14px;
  line-height: 36px;
}
.link-btn {
  float: right;
  width: 270px;
  height: 57px;
  line-height: 57px;
  background: url(../image/news-btn.png) no-repeat;
  text-align: right;
}
.link-btn span {
  float: right;
  display: block;
  width: 146px;
  text-align: center;
  cursor: pointer;
  color: #fff;
}
.link-btn span:hover {
  font-weight: bold;
}
.news-line {
  position: relative;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
.news-line i {
  display: inline-block;
  width: 97%;
  height: 1px;
  background-color: #969696;
  vertical-align: middle;
}
.news-line:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 11px;
  width: 194px;
  height: 6px;
  background: url(../image/line-shape.png) no-repeat;
}
.news-line:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 9px;
  width: 8px;
  height: 8px;
  background: url(../image/line-block.png) no-repeat;
}
.news-font {
  float: left;
  width: 63px;
  height: 28px;
  margin-right: 15px;
  background: url(../image/news-font.png) no-repeat left top;
}
.show-page {
  padding: 0 30px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(61, 118, 177, .3);
  -moz-box-shadow: 0 0 10px rgba(61, 118, 177, .3);
  -ms-box-shadow: 0 0 10px rgba(61, 118, 177, .3);
  -o-box-shadow: 0 0 10px rgba(61, 118, 177, .3);
  box-shadow: 0 0 10px rgba(61, 118, 177, .3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #E4ECF4 \9;
}
.show-page p {
  line-height: 29px;
  padding: 20px 0 14px;
  border-bottom: 1px dashed #DDD;
}
.show-page p.page-next {
  border-bottom: none;
}
.show-page p img {
  width: 28px;
  height: 29px;
  vertical-align: middle;
  margin-top: 5px;
  margin-right: 8px;
}
.show-page p span {
  color: #332C42;
}
.show-page p a {
  color: #635D6B;
}
.show-page p a:hover {
  color: #E93A47;
}
.base-about {
  position: relative;
  padding: 20px;
  background-color: #F2F5FF;
  margin-bottom: 50px;
  margin-top: 154px;
}
.base-about:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -60px;
  width: 100%;
  height: 60px;
  background: url(../image/news-curve02.png) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.base-year {
  text-align: center;
  margin-bottom: 8px;
}
.base-about > p {
  color: #332C42;
  font-size: 16px;
  line-height: 30px;
}
.base-about .link-tel {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 30px;
  margin-top: 36px;
}
.base-about .link-tel p {
  margin-left: 0;
  margin-right: 20px;
}
.base-about .link-ask {
  float: none;
  width: 100%;
}
.base-about .link-ask a {
  width: 100%;
  -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 style */
.common-top {
  position: relative;
}
.common-top:before {
  display: none !important;
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 450px;
  background: url(../image/dot-show.png);
  z-index: -1;
}
.news-show {
  margin-top: 60px;
  margin-bottom: 60px;
}
.news-tit {
  position: relative;
  height: 145px
}
.news-tit:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 145px;
  background: url(../image/news-curve01.png);
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  z-index: -1;
}
.news-tit h2 {
  position: relative;
  float: left;
  width: 360px;
  text-align: center;
  color: #2D203B;
  font-size: 32px;
  line-height: 1.1;
  margin-top: 40px;
  margin-left: 20px;
}
.news-tit h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 170px;
  height: 62px;
  background: url(../image/news-font01.png) no-repeat;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.news-tit a {
  float: right;
  color: #2D203B;
  font-size: 18px;
  margin-top: 70px;
}
.news-tit a:hover {
  color: #E93A47;
}
.news-hot {
  margin-left: -2%;
}
.news-slick {
  float: left;
  width: 47%;
}
.news-slick li {
  padding: 0 30px 30px 2%;
}
.news-slick li > a {
  position: relative;
  padding-top: 58%;
  display: block;
}
.news-slick li > a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news-con {
  padding: 28px 30px 40px;
  background-color: #FFF;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 8px 21px rgba(13, 47, 71, .13);
  -moz-box-shadow: 0 8px 21px rgba(13, 47, 71, .13);
  -ms-box-shadow: 0 8px 21px rgba(13, 47, 71, .13);
  -o-box-shadow: 0 8px 21px rgba(13, 47, 71, .13);
  box-shadow: 0 8px 21px rgba(13, 47, 71, .13);
  border: 1px solid #EEEEEE \9;
}
.news-con span {
  display: block;
  height: 18px;
  line-height: 18px;
  color: #635D6B;
  font-size: 14px;
}
.news-con span img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-top: -1px;
  display: inline-block;
}
.news-con h3 {
  margin: 15px 0 16px;
}
.news-con h3 a {
  display: block;
  color: #2D203B;
  font-size: 20px;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-con h3 a:hover {
  color: #E93A47;
}
.news-con p {
  color: #635D6B;
  font-size: 16px;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-slick.slick-initialized .slick-slide:focus {
  outline: none;
}
.news-slick .slick-dots {
  top: 52%;
  bottom: auto;
  right: 50px;
  text-align: right;
}
.news-slick .slick-dots li button {
  width: 12px;
  height: 12px;
  background-color: #21162D;
}
.news-slick.slick-slider .slick-active button {
  width: 35px;
  background-color: #FC2A3B;
}
.news-fr {
  float: right;
  width: 53%;
}
.news-fr li.news-con {
  padding: 35.5px 33px;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.news-fr li a.news-more {
  color: #635D6B;
  font-size: 16px;
  line-height: 1.1;
}
.news-fr li a.news-more:hover {
  font-weight: bold;
}
.news-main ul {
  margin-left: -2%;
}
.news-main ul li {
  position: relative;
  float: left;
  padding: 30px 40px;
  margin-top: 55px;
  width: 48%;
  margin-left: 2%;
  background-color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 21px rgba(13, 43, 71, .23);
  -moz-box-shadow: 0 0 21px rgba(13, 43, 71, .23);
  -ms-box-shadow: 0 0 21px rgba(13, 43, 71, .23);
  -o-box-shadow: 0 0 21px rgba(13, 43, 71, .23);
  box-shadow: 0 0 21px rgba(13, 43, 71, .23);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  border: 1px solid #EEEEEE \9;
}
.news-pic {
  position: absolute;
  left: 0;
  top: -25px;
  width: 240px;
}
.news-pic a {
  position: relative;
  padding-top: 66.7%;
  display: block;
}
.news-pic a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.news-info {
  padding-left: 220px;
}
.news-info h3 {
  margin-bottom: 20px;
  line-height: 30px;
  height: 60px;
}
.news-info h3 a {
  color: #2D203B;
  font-size: 20px;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-info p {
  line-height: 18px;
}
.news-info p span {
  display: block;
  color: #635D6B;
  font-size: 14px;
  overflow: hidden;
}
.news-info p img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-top: -2px;
  display: inline-block;
}
.news-info p a {
  float: right;
}
.news-main ul li:hover {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.news-main ul li:hover h3 a {
  color: #E93A47;
}
.news-main ul li:hover a.news-more {
  font-weight: bold;
}
.news-know {
  margin-top: 50px;
  margin-bottom: 50px;
}
.news-know .news-tit h2:before {
  width: 360px;
  height: 64px;
  background: url(../image/news-font02.png) no-repeat;
}
.news-know ul {
  margin-left: -8%;
}
.news-know ul li {
  float: left;
  width: 42%;
  margin-left: 8%;
  line-height: 30px;
  padding: 13px 0;
}
.news-know ul li span {
  float: right;
  color: #635D6B;
  font-size: 14px;
  padding-left: 40px;
}
.news-know ul li span:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../image/icon-time02.png) no-repeat;
  margin-right: 10px;
}
.news-know ul li a {
  position: relative;
  color: #2D203B;
  padding-left: 30px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.news-know ul li a:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 22px;
  height: 23px;
  background: url(../image/news-icon.png) no-repeat;
  margin-right: 10px;
}
.news-know ul li:hover a {
  margin-left: 5px;
  color: #E93A47;
}
/* newslist style */
.common-top.top-dot01:before {
  height: 570px;
}
.news-list {
  margin-top: 100px;
  margin-bottom: 100px;
}
.news-list li {
  margin-bottom: 50px;
  height: 208px;
}
.list-time {
  position: relative;
  float: left;
  width: 12.5%;
  height: 100%;
  line-height: 1.3;
  text-align: center;
}
.list-time:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 450px;
  height: 100%;
  background-color: #FFF;
  z-index: -1;
}
.list-time:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 50%;
  width: 16px;
  height: 110px;
  margin-top: -55px;
  background: url(../image/news-arrow.png) no-repeat;
  display: none;
}
.list-time span {
  display: block;
  font-size: 46px;
  margin-top: 60px;
}
.list-time i {
  display: block;
  font-size: 14px;
}
.list-info {
  float: left;
  width: 87.5%;
  height: 100%;
  padding: 56px 64px 46px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  border: 1px solid #EEEEEE \9;
}
.list-info a {
  display: block;
  color: #2D203B;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 24px;
}
.list-info p {
  color: #635D6B;
  font-size: 16px;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-list li:hover .list-time {
  color: #FFF;
}
.news-list li:hover .list-time:before {
  background-color: #F43B47;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(left, #FFF 0%, #F43B47 100%);
  background: -o-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(to right, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
}
.news-list li:hover .list-time:after {
  display: block;
}
.news-list li:hover .list-info a {
  color: #E93A47;
}
/* page style */
.page-show {
  position: relative;
  text-align: center;
  margin-bottom: 100px;
  margin-top: 0px;
}
.page-data {
  display: inline-block;
  margin: 0 auto;
  font-size: 0;
}
.page-data li {
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
}
.page-data li span, .page-data li a {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #CACACA;
  line-height: 18px;
}
.page-data li.active span, .page-data li a:hover {
  color: #FFF;
  padding: 11px 16px;
  border: none;
  background: -webkit-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
}
.page-more {
  position: absolute;
  left: 50%;
  left: 29%\9;
  bottom: 64px;
  width: 580px;
  padding: 30px 35px 10px;
  border: 1px solid #CACACA;
  background: url(../image/page-line.png) #FFF repeat-x left top;
  font-size: 0;
  display: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page-more li {
  display: inline-block;
  font-size: 14px;
  margin: 0 5px;
}
.page-list li span, .page-list li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #CACACA;
  line-height: 40px;
}
.page-list li.page-active span, .page-list li a:hover, .page-tab li.on a, .page-tab li a:hover {
  color: #FFF;
  border: none;
  background: -webkit-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
}
.page-tab {
  margin-top: 30px;
  text-align: left;
}
.page-tab li {
  margin: 0 0 20px;
  width: 25%;
}
.page-tab li span, .page-tab li a, .page-tab li.on a, .page-tab li a:hover {
  display: block;
  line-height: 36px;
  text-align: center;
  margin: 0 5px;
  background-color: #F5F5F5;
}
.page-arrow {
  display: block;
  position: absolute;
  bottom: -12px;
  left: 62%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #CACACA transparent transparent;
}
.page-arrow i {
  display: block;
  position: absolute;
  bottom: 1px;
  left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #FFF transparent transparent;
}
.page-data li.pagemore span {
  cursor: pointer;
}
.dn {
  display: none;
}
/* newsmore style */
.news-pro {
  margin-top: 36px;
}
.news-pro .pro-pic:before {
  display: none;
}
.news-pro .base-link {
  background: none;
  margin-top: 50px;
  padding-bottom: 0;
}
.news-pro .link-ask a {
  width: 268px;
  height: 127px;
  line-height: 120px;
  text-indent: 100px;
  background: url(../image/link-asks.png) no-repeat;
  font-size: 0;
}
.news-pro .link-ask a:after {
  margin-left: 5px;
  right: 10%;
}
.news-list h2 {
  line-height: 32px;
  font-weight: normal;
  color: #333;
  margin-bottom: 60px;
  font-size: 24px;
}
.news-list h2 img {
  width: 25px;
  height: 32px;
  margin-right: 20px;
  margin-top: -4px;
}
.news-list h2 a:hover {
  color: #E93A47;
}
.news-list h2 strong {
  color: #EE3B47;
  font-size: 28px;
  font-weight: bold;
}
/* produce style */
.common-top.top-dot02:before {
  height: 320px;
}
.pro-show {
  padding: 90px 0;
}
.pro-first {
  padding-top: 36px;
}
.pro-type {
  position: relative;
  float: left;
  width: 36%;
  margin-top: 30px;
  margin-left: -26px;
}
.pro-type:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  left: 0\9;
  bottom: 0;
  width: 453px;
  height: 358px;
  background: url(../image/pro-fl.png) no-repeat;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pro-type a {
  position: relative;
  padding-top: 86%;
  display: block;
}
.pro-type a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pro-type a:hover img {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}
.pro-link {
  float: right;
  width: 61.5%;
}
.pro-tit {
  margin-bottom: 20px;
}
.pro-tit strong {
  position: relative;
  float: left;
  width: 360px;
  color: #2D203B;
  margin-top: 40px;
}
.pro-tit strong:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 360px;
  height: 64px;
  background: url(../image/pro-font.png) no-repeat;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.pro-tit strong a {
  color: #352E44;
  font-size: 40px;
  line-height: 1.1;
  padding-left: 5px;
}
.pro-tit strong a:hover {
  color: #E93A47;
}
.pro-btn {
  float: right;
  color: #2D203B;
  font-size: 18px;
  margin-top: 26px;
  width: 270px;
  height: 57px;
  line-height: 57px;
  background: url(../image/pro-btn.png) no-repeat;
  text-align: center;
}
.pro-btn span {
  float: right;
  cursor: pointer;
  width: 146px;
}
.pro-btn span:hover {
  color: #E93A47;
}
.pro-link p {
  color: #635D6B;
  font-size: 16px;
  line-height: 30px;
}
.pro-link ul {
  margin-left: -3%;
  margin-top: 45px;
}
.pro-link ul li {
  float: left;
  width: 30.3%;
  margin-left: 3%;
}
.pro-link ul li a.tit-pic {
  position: relative;
  padding-top: 73%;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
  -ms-border-radius: 30px 30px 0 0;
  -o-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
}
.pro-link ul li a.tit-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pro-link ul li:hover a.tit-pic img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.pro-link ul li a.tit-font {
  display: block;
  color: #2D203B;
  font-size: 20px;
  padding: 0 5px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  border-radius: 0 0 30px 30px;
  -webkit-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  -moz-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  -ms-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  -o-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  background: url(../image/pro-dot01.png) no-repeat #FFF center;
  border: 1px solid #EEEEEE \9;
  border-top: none\9;
}
.pro-link ul li:hover a.tit-font {
  background: url(../image/pro-dot02.png) no-repeat center, -webkit-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, -ms-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, -o-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, linear-gradient(to right, #0C2b47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1);
}
.pro-link ul li:hover a.tit-font {
  color: #FFF;
  font-weight: bold;
}
.pro-line {
  -webkit-box-shadow: 0 0 10px rgba(13, 43, 71, .1);
  -moz-box-shadow: 0 0 10px rgba(13, 43, 71, .1);
  -ms-box-shadow: 0 0 10px rgba(13, 43, 71, .1);
  -o-box-shadow: 0 0 10px rgba(13, 43, 71, .1);
  box-shadow: 0 0 10px rgba(13, 43, 71, .1);
  border-top: 1px solid #EEEEEE \9;
  border-bottom: 1px solid #EEEEEE \9;
}
.pros-show .pro-type {
  float: right;
  margin-left: 0;
  margin-right: -26px;
}
.pros-show .pro-link {
  float: left;
}
.pros-show .pro-type:before {
  background: url(../image/pro-fr.png) no-repeat;
}
/* prolist style */
.common-top.top-dot03:before {
  height: 1080px;
}
.pro-hot {
  margin-top: 30px;
}
.hot-txt {
  float: left;
  width: 24%;
  margin-top: 60px;
}
.hot-txt strong {
  display: block;
  color: #332C42;
  font-size: 60px;
  line-height: 1.1;
  font-weight: normal;
  margin-bottom: 12px;
}
.hot-txt p {
  color: #332C42;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 20px;
}
.hot-txt p.hot-base {
  margin-top: 5px;
  margin-bottom: 12px;
}
.hot-txt p.hot-base img {
  width: 35px;
  height: 32px;
  margin-right: 12px;
}
.hot-link {
  margin-top: 330px;
}
.link-price {
  width: 100%;
}
.link-price a, .link-price span {
  position: relative;
  display: inline-block;
  text-align: center;
}
.link-price a:hover, .link-price span:hover {
  color: #8EA9F2;
}
.link-price a:after, .link-price span:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 15%;
  top: 35%;
  width: 28px;
  height: 28px;
  background: url(../image/link-pro.gif) no-repeat;
  vertical-align: middle;
  margin-left: 10px;
}
.link-hotline {
  margin-top: 16px;
  text-align: center;
}
.link-hotline p {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 6px;
  line-height: 1.2;
}
.link-hotline p em {
  display: block;
  color: #333;
  font-size: 14px;
}
.link-hotline p strong {
  display: block;
  font-size: 20px;
  font-weight: bolder;
  color: #F43B47;
  background-image: -webkit-gradient(linear, 0 0, right 0, from(#0C2B47), to(#F43B47));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
  -webkit-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
}
.link-hotline p strong i {
  font-size: 26px;
}
.link-hotline p strong:after {
  content: "";
  display: block;
  width: 112px;
  height: 1px;
  margin-top: 8px;
  background: -webkit-linear-gradient(left, #0E2B47 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(left, #0E2B47 0%, #FFFFFF 100%);
  background: -ms-linear-gradient(left, #0E2B47 0%, #FFEECC 100%);
  background: -o-linear-gradient(left, #0E2B47 0%, #FFFFFF 100%);
  background: linear-gradient(to right, #0E2B47 0%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0E2B47, endColorstr=#FFFFFF, GradientType=1);
}
.hot-pro {
  float: right;
  width: 70%;
}
.hot-pro ul {
  margin-left: -4%;
}
.hot-pro ul li {
  position: relative;
  float: left;
  width: 46%;
  margin-left: 4%;
  padding-top: 40%;
  text-align: center;
  background: url(../image/pro-hot.png) no-repeat bottom center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.hot-pro ul li a {
  display: block;
}
.hot-pro ul li a.rm-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.hot-pro ul li a.rm-tit {
  padding-bottom: 33px;
  color: #FFF;
  font-size: 24px;
}
.hot-pro ul li.hot-mobile a.rm-pic {
  left: -47%;
  width: 145%;
}
.hot-pro ul li a.rm-pic img {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.hot-pro ul li:hover a.rm-pic img {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.hot-pro ul li:hover a.rm-tit {
  color: #E93A47
}
.pro-sort {
  margin-top: 80px;
}
.sort-show {
  position: relative;
  margin-bottom: 30px;
  padding-top: 10px
}
.sort-show:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 168px;
  -webkit-box-shadow: 0 5px 10px rgba(288, 0, 52, .1);
  -moz-box-shadow: 0 5px 10px rgba(288, 0, 52, .1);
  -ms-box-shadow: 0 5px 10px rgba(288, 0, 52, .1);
  -o-box-shadow: 0 5px 10px rgba(288, 0, 52, .1);
  box-shadow: 0 5px 10px rgba(288, 0, 52, .1);
  z-index: -1;
  border: 1px solid #FFEAEF \9;
}
.sort-show ul li {
  position: relative;
  float: left;
  width: 20%;
  text-align: center;
}
.sort-show ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 140px;
  width: 1px;
  height: 0;
  background-color: #BF3747;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sort-show ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -30px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: url(../image/msg-dot.png) no-repeat;
  display: none;
}
.sort-show ul li a {
  display: block;
}
.sort-show ul li span {
  margin-top: 40px;
  display: block;
}
.sort-show ul li span a {
  display: inline-block;
  color: #2D203B;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.1;
}
.sort-show ul li a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sort-show ul li:hover a img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.sort-show ul li:hover:before, .sort-show ul li.sort-active:before {
  height: 34px;
}
.sort-show ul li:hover:after, .sort-show ul li.sort-active:after {
  display: block;
}
.sort-show ul li.sort-active span a {
  color: #F43B47;
  background-image: -webkit-gradient(linear, 0 0, right 0, from(#0C2B47), to(#F43B47));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
}
.sort-show ul li.sort-active:hover a img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.sort-list {
  margin-top: 66px;
}
.sort-list ul {
  margin-left: -3.3%;
  margin-top: 45px;
}
.sort-list ul li {
  float: left;
  width: 30%;
  margin-left: 3.3%;
  margin-bottom: 50px;
}
.sort-list ul li a.cp-pic {
  position: relative;
  padding-top: 73%;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
  -ms-border-radius: 30px 30px 0 0;
  -o-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
}
.sort-list ul li a.cp-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.sort-list ul li:hover a.cp-pic img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.sort-list ul li a.cp-tit {
  display: block;
  color: #2D203B;
  font-size: 20px;
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 66px;
  line-height: 66px;
  text-align: center;
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  border-radius: 0 0 30px 30px;
  -webkit-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  -moz-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  -ms-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  -o-box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  box-shadow: 0 5px 10px rgba(228, 0, 52, .1);
  background: url(../image/pro-dot03.png) no-repeat #FFF center;
  border: 1px solid #FDECF0 \9;
  border-top: none \9;
}
.sort-list ul li:hover a.cp-tit {
  background: url(../image/pro-dot04.png) no-repeat center, -webkit-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, -ms-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, -o-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
  background: url(../image/pro-dot02.png) no-repeat center, linear-gradient(to right, #0C2b47 0%, #3f51b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1);
}
.sort-list ul li:hover a.cp-tit {
  color: #FFF;
  font-weight: bold;
}
/* case style */
.case-chose {
  margin-top: 60px;
  margin-bottom: 60px;
}
.case-chose strong {
  position: relative;
  display: block;
  color: #332C42;
  font-size: 38px;
  line-height: 1.2;
  padding-left: 6px;
  padding-top: 50px;
}
.case-chose strong:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 552px;
  height: 95px;
  background: url(../image/case-font.png) no-repeat;
  z-index: -1;
}
.case-chose p {
  color: #2D203B;
  font-size: 18px;
  line-height: 32px;
  margin-top: 20px;
}
.chose-show {
  margin-top: 20px;
}
.chose-btn {
  float: right;
  margin-top: 10px;
}
.chose-btn input {
  display: block;
  color: #FFF;
  font-size: 14px;
  width: 134px;
  height: 46px;
  line-height: 46px;
  background: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 80%);
  background: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 80%);
  background: -ms-linear-gradient(left, #0C2B47 0%, #F43B47 80%);
  background: -o-linear-gradient(left, #0C2B47 0%, #F43B47 80%);
  background: linear-gradient(to right, #0C2B47 0%, #F43B47 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-background-size: 120% 100%;
  -moz-background-size: 120% 100%;
  -ms-background-size: 120% 100%;
  -o-background-size: 120% 100%;
  background-size: 120% 100%;
  background-position: left center;
}
.chose-btn input:hover {
  background-position: right -10px center;
}
.chose-show ul {
  display: block;
  overflow: hidden;
  padding: 10px;
  margin-left: -10px;
}
.chose-show ul li {
  position: relative;
  float: left;
  width: 23%;
  margin-right: 2%;
}
.chose-show li select, .chose-show li input {
  color: #4B556E;
  font-size: 14px;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 10px 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(13, 43, 71, .3);
  -moz-box-shadow: 0 0 10px rgba(13, 43, 71, .3);
  -ms-box-shadow: 0 0 10px rgba(13, 43, 71, .3);
  -o-box-shadow: 0 0 10px rgba(13, 43, 71, .3);
  box-shadow: 0 0 10px rgba(13, 43, 71, .3);
  border: 1px solid #EEEEEE \9;
}
.chose-show li select option {
  line-height: 46px;
}
.chose-show li.chose-tel i {
  position: absolute;
  left: 6px;
  top: 20px;
  width: 6px;
  height: 6px;
  background: url(../image/icon-key.png) no-repeat;
}
.chose-show li input:-webkit-autofill {
  color: #FFF;
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px #EEE inset !important;
  -moz-box-shadow: 0 0 0px 1000px #EEE inset !important;
  -ms-box-shadow: 0 0 0px 1000px #EEE inset !important;
  -o-box-shadow: 0 0 0px 1000px #EEE inset !important;
  box-shadow: 0 0 0px 1000px #EEE inset !important;
}
/* company style */
.common-top.top-dot04:before {
  height: 920px;
}
.about-show {
  margin-top: 40px;
}
.about-pic {
  position: relative;
  float: left;
  width: 56%;
}
.about-pic:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -60px;
  top: 0;
  width: 17px;
  height: 211px;
  background: url(../image/about-font01.png) no-repeat;
}
.about-pic ul, .about-pic li img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.about-slick .slick-prev:before, .about-slick .slick-next:before {
  display: none;
}
.about-slick .slick-prev, .about-slick .slick-next {
  width: 66px;
  height: 66px;
  left: -80px;
}
.about-slick .slick-prev {
  top: auto;
  bottom: 212px;
  background: url(../image/about-prev.png) no-repeat;
}
.about-slick .slick-next {
  top: auto;
  bottom: 120px;
  background: url(../image/about-next.png) no-repeat;
}
.about-slick.slick-initialized .slick-slide:focus {
  outline: none;
}
.about-info {
  float: right;
  width: 39%;
}
.about-info h1 {
  display: block;
  position: relative;
  color: #332C42;
  font-size: 50px;
  line-height: 1.1;
  margin-top: 40px;
}
.about-info h1:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 527px;
  height: 78px;
  background: url(../image/about-font02.png) no-repeat;
  z-index: -1;
}
.about-info p {
  color: #635d6B;
  font-size: 16px;
  line-height: 36px;
  text-indent: 2em;
  margin-top: 60px;
}
.about-btn {
  width: 301px;
  height: 110px;
  background: url(../image/about-btn.png) no-repeat;
  line-height: 110px;
  color: #FFF;
  font-size: 24px;
  text-indent: 60px;
  cursor: pointer;
  margin-top: 70px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.about-btn:hover {
  text-indent: 70px;
}
.popup-video {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 9999;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.popup-video .video-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}
.popup-video .video-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 50px;
  height: 50px;
  background: url(../image/close.png) center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor: pointer;
}
.popup-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 86%;
}
.popup-video.open {
  top: 0;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.about-data {
  background: url(../image/about-curve.png) no-repeat top center;
  padding-top: 248px;
  padding-bottom: 70px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.about-data ul li {
  position: relative;
  float: left;
  width: 27%;
  line-height: 1.1;
}
.about-data ul li.data-last {
  width: 18%
}
.about-data ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -20px;
  bottom: 0;
  width: 150px;
  height: 150px;
  border: 10px solid #F4F1EF;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  -ms-border-radius: 150px;
  -o-border-radius: 150px;
  border-radius: 150px;
  z-index: -1;
}
.about-data ul li i {
  display: block;
  margin-bottom: 5px;
  margin-left: 12px;
}
.about-data ul li i sub {
  color: #635D6B;
  font-size: 16px;
  position: relative;
  top: -8px;
  vertical-align: bottom;
}
.about-data ul li span {
  display: block;
  color: #332C42;
  font-size: 20px;
}
.about-data ul li span:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #CC9F67;
  vertical-align: middle;
  margin-right: 15px;
}
.base-main {
  margin-top: 70px;
}
.base-main ul {
  margin-left: -1%;
}
.base-main ul li {
  float: left;
  width: 32.3%;
  margin-left: 1%;
}
.base-main ul li img {
  display: block;
  width: 100%;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.base-main ul li span {
  display: block;
  background: url(../image/about-base.png) #FFF;
  color: #332C42;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  padding: 28px 0;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.about-ability {
  margin-top: 70px;
}
.about-txt {
  position: relative;
  float: left;
  width: 29%;
}
.about-txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 390px;
  height: 460px;
  background: url(../image/dot-show.png);
  z-index: -1;
}
.about-txt h2 {
  display: block;
  position: relative;
  color: #332C42;
  font-size: 48px;
  line-height: 1.1;
  margin: 60px 0 40px;
  padding-left: 66px;
}
.about-txt h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 527px;
  height: 80px;
  background: url(../image/about-font03.png) no-repeat;
  z-index: -1;
}
.about-txt p {
  color: #332C42;
  font-size: 16px;
  line-height: 36px;
  margin-left: 66px;
}
.about-pics {
  position: relative;
  float: right;
  width: 65%;
  margin-right: 16px;
  margin-bottom: 12px;
}
.about-pics:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -16px;
  bottom: -12px;
  width: 178px;
  height: 165px;
  background: -webkit-linear-gradient(left, #1D427A 0%, #396FAA 100%);
  background: -moz-linear-gradient(left, #1D427A 0%, #396FAA 100%);
  background: -ms-linear-gradient(left, #1D427A 0%, #396FAA 100%);
  background: -o-linear-gradient(left, #1D427A 0%, #396FAA 100%);
  background: linear-gradient(to right, #1D427A 0%, #396FAA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1D427A, endColorstr=#396FAA, GradientType=1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  z-index: -1;
}
.about-pics img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.about-nation {
  margin-bottom: 100px;
}
.about-font {
  position: relative;
  padding: 20px 0;
  margin-bottom: 40px;
}
.about-font:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 390px;
  height: 240px;
  background: url(../image/dot-show.png);
  z-index: -1;
}
.about-font h2 {
  display: block;
  position: relative;
  color: #332C42;
  font-size: 48px;
  line-height: 1.1;
  margin: 40px 0 30px;
  padding-left: 66px;
}
.about-font h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 527px;
  height: 80px;
  background: url(../image/about-font03.png) no-repeat;
  z-index: -1;
}
.about-font p {
  color: #332C42;
  font-size: 16px;
  line-height: 36px;
  margin-left: 66px;
}
.about-nation img {
  width: 100%;
}
/* service style */
.ser-base {
  text-align: center;
}
.ser-base h1 {
  display: inline-block;
  position: relative;
  color: #332C42;
  font-size: 60px;
  line-height: 1.1;
  padding: 60px 0 26px;
}
.ser-base h1:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 65px;
  width: 100%;
  height: 60px;
  background: -webkit-linear-gradient(top, transparent 30%, rgba(255, 255, 255, 0.6) 100%);
  background: -moz-linear-gradient(top, transparent 30%, rgba(255, 255, 255, 0.6) 100%);
  background: -ms-linear-gradient(top, transparent 30%, rgba(255, 255, 255, 0.6) 100%);
  background: -o-linear-gradient(top, transparent 30%, rgba(255, 255, 255, 0.6) 100%);
  background: linear-gradient(to bottom, transparent 30%, rgba(255, 255, 255, 0.6) 100%);
}
.ser-base h1:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  left: -60px\9;
  width: 892px;
  height: 100px;
  background: url(../image/ser-font.png) no-repeat top center;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ser-base h1 strong {
  color: #FE4027;
}
.ser-point {
  color: #332C42;
  font-size: 30px;
  line-height: 1.1;
}
.ser-point span {
  position: relative;
  padding-left: 36px;
  margin: 0 20px;
}
.ser-point span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 43px;
  height: 28px;
  background: url(../image/ser-line01.png) no-repeat;
}
.ser-do {
  position: relative;
  height: 160px;
  margin: 100px auto;
  background: url(../image/ser-dot.png) no-repeat center;
}
.ser-do span {
  position: absolute;
}
.ser-do span i {
  display: block;
  color: #6E6874;
  font-size: 24px;
  line-height: 1.1;
  margin: 5px 0;
}
.ser-do span.do-con01 {
  left: 26%;
  top: 4px;
}
.ser-do span.do-con02 {
  left: 38.5%;
  bottom: -4px;
}
.ser-do span.do-con03 {
  left: 53%;
  top: 4px;
}
.ser-do span.do-con04 {
  left: 67.5%;
  bottom: -4px;
}
.ser-txt {
  color: #6E6874;
  font-size: 18px;
  line-height: 30px;
  width: 79%;
  text-align: center;
  margin: 25px auto 30px;
}
.ser-show ul {
  margin-left: -3.3%;
}
.ser-show ul li {
  position: relative;
  float: left;
  width: 30%;
  margin-left: 3.3%;
}
.ser-show ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 180px;
  background: -webkit-linear-gradient(top, transparent 0%, #05163F 100%);
  background: -moz-linear-gradient(top, transparent 0%, #05163F 100%);
  background: -ms-linear-gradient(top, transparent 0%, #05163F 100%);
  background: -o-linear-gradient(top, #FFF 0%, #05163F 100%);
  background: linear-gradient(to bottom, transparent 0%, #05163F 100%);
}
.ser-show ul li img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 20px 20px 0 0;
  ;
  -moz-border-radius: 20px 20px 0 0;
  ;
  -ms-border-radius: 20px 20px 0 0;
  ;
  -o-border-radius: 20px 20px 0 0;
  ;
  border-radius: 20px 20px 0 0;
}
.ser-show ul li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 118px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  background: -webkit-linear-gradient(left, #E30032 0%, #F85454 100%);
  background: -moz-linear-gradient(left, #E30032 0%, #F85454 100%);
  background: -ms-linear-gradient(left, #E30032 0%, #F85454 100%);
  background: -o-linear-gradient(left, #E30032 0%, #F85454 100%);
  background: linear-gradient(to right, #E30032 0%, #F85454 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E30032, endColorstr=#F85454, GradientType=1);
  -webkit-box-shadow: 0 5px 5px rgba(288, 0, 52, .13);
  -moz-box-shadow: 0 5px 5px rgba(288, 0, 52, .13);
  -ms-box-shadow: 0 5px 5px rgba(288, 0, 52, .13);
  -o-box-shadow: 0 5px 5px rgba(288, 0, 52, .13);
  box-shadow: 0 5px 5px rgba(288, 0, 52, .13);
  -webkit-border-radius: 18px 0 18px 0;
  -moz-border-radius: 18px 0 18px 0;
  -ms-border-radius: 18px 0 18px 0;
  -o-border-radius: 18px 0 18px 0;
  border-radius: 18px 0 18px 0;
}
.ser-show ul li p {
  position: absolute;
  left: 6%;
  bottom: 20px;
  color: #FFF;
  font-size: 16px;
  line-height: 30px;
  width: 88%;
  z-index: 2;
}
.ser-promise {
  margin-top: 110px;
}
.ser-repair {
  height: 406px;
}
.repair-base {
  float: left;
  width: 40%;
  height: 100%;
  background-color: #F4F5FF;
  border: 1px solid #E2E1E3;
  border-right: none;
}
.repair-base ul {
  padding: 23px 90px 25px;
}
.repair-base ul li {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 20px;
}
.repair-base ul li img {
  width: 140px;
  height: auto
}
.repair-base ul li span {
  display: block;
  color: #6E6874;
  font-size: 18px;
  line-height: 26px;
}
.repair-video {
  position: relative;
  float: left;
  width: 60%;
  height: 100%;
  background: -webkit-linear-gradient(90deg, #0C2B47 0%, #F43B47 100%);
  background: -moz-linear-gradient(90deg, #0C2B47 0%, #F43B47 100%);
  background: -ms-linear-gradient(90deg, #0C2B47 0%, #F43B47 100%);
  background: -o-linear-gradient(90deg, #0C2B47 0%, #F43B47 100%);
  background: linear-gradient(10deg, #0C2B47 0%, #F43B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F43B47, endColorstr=#0C2B47, GradientType=0);
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -ms-border-radius: 0 30px 30px 0;
  -o-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
}
.repair-video video {
  width: 88%;
  height: 100%;
}
.repair-video:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 13%;
  height: 100%;
  background: url(../image/ser-bg.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.repair-video strong {
  position: absolute;
  top: 110px;
  right: 35px;
  color: #FFF;
  font-size: 30px;
  line-height: 1.1;
  width: 30px;
  z-index: 2;
}
.ser-parts {
  margin-top: 80px;
}
.ser-parts .ser-txt {
  width: 90%;
}
.ser-parts ul {
  margin-left: -3%;
  margin-top: 40px;
}
.ser-parts ul li {
  float: left;
  width: 30.3%;
  margin-left: 3%;
}
.ser-parts ul li img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.ser-flow {
  margin-top: 110px;
}
.flow-show {
  position: relative;
  margin: 120px 0 100px;
}
.flow-show ul li {
  display: inline-block;
  position: absolute;
  text-align: center;
}
.flow-show ul li span {
  display: block;
  color: #2D203B;
  font-size: 16px;
  line-height: 1.1;
}
.flow-show ul li.flow-show01 {
  left: 4%;
  bottom: 0;
}
.flow-show ul li.flow-show02 {
  left: 19%;
  top: 0;
}
.flow-show ul li.flow-show03 {
  left: 37%;
  bottom: 0;
}
.flow-show ul li.flow-show04 {
  left: 52%;
  top: 0;
}
.flow-show ul li.flow-show05 {
  left: 69.5%;
  bottom: 0;
}
.flow-show ul li.flow-show06 {
  left: 84.5%;
  top: 0;
}
/* contact style */
.cont-base {
  text-align: center;
  margin-top: 50px;
}
.cont-base h1 {
  display: inline-block;
  position: relative;
  color: #332C42;
  font-size: 50px;
  line-height: 1.1;
  padding: 26px 0 12px;
}
.cont-base h1:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  left: -60px\9;
  width: 515px;
  height: 60px;
  background: url(../image/cont-font.png) no-repeat top center;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cont-base p {
  color: #332C42;
  font-size: 20px;
  line-height: 36px;
}
.cont-base p.cont-txt {
  margin-bottom: 30px;
}
.cont-base p strong {
  display: inline-block;
  font-size: 20px;
  font-weight: bolder;
  color: #F94828;
  background-image: -webkit-gradient(linear, 0 0, right 0, from(#F98C30), to(#F94828));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.cont-base p strong i {
  font-size: 26px;
}
.cont-ask {
  position: relative;
  margin: 55px 0;
}
.cont-ask:before {
  content: '';
  display: inline-block;
  width: 406px;
  height: 12px;
  margin-right: 6px;
  background: url(../image/cont-line01.png) no-repeat left;
}
.cont-ask:after {
  content: '';
  display: inline-block;
  width: 406px;
  height: 12px;
  margin-left: 6px;
  background: url(../image/cont-line02.png) no-repeat right;
}
.cont-ask span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #FFF;
  font-size: 14px;
  width: 112px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -webkit-background-size: 120% 100%;
  -moz-background-size: 120% 100%;
  -ms-background-size: 120% 100%;
  -o-background-size: 120% 100%;
  background-size: 120% 100%;
  background-position: left center;
}
.cont-ask span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5%;
  top: 48%;
  width: 110%;
  height: 5px;
  background-color: #FFF;
  z-index: -1;
}
.cont-ask span:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 122px;
  height: 58px;
  border: 1px dashed #25262B;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
.cont-ask span:hover {
  color: #F43B47;
  background-position: right center;
}
.cont-main {
  margin-top: 140px;
}
.cont-point {
  float: left;
  width: 25.2%;
}
.cont-point ul li {
  position: relative;
  margin-bottom: 20px;
}
.cont-point ul li span {
  position: absolute;
  left: 0;
  bottom: 26px;
  width: 100%;
  padding: 0 20px;
  text-align: right;
  line-height: 30px;
  color: #332C42;
  font-size: 16px;
}
.cont-msg {
  float: right;
  width: 66%;
}
.cont-msg .base-msg {
  margin-top: 0;
}
.cont-font {
  text-align: center;
  margin: 180px auto 50px;
  background: url(../image/cont-bg.png) no-repeat center;
}
.cont-font span {
  display: block;
  color: #2D203B;
  font-size: 30px;
  line-height: 1.2;
}
.cont-font strong {
  font-size: 50px;
  font-weight: bolder;
  color: #F43B47;
  background-image: -webkit-gradient(linear, 0 0, right 0, from(#0C2B47), to(#F43B47));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
  -webkit-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -moz-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -ms-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  -o-text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
  text-shadow: 0 5px 5px rgba(228, 0, 52, .13);
}
.cont-map h2 {
  text-align: center;
  color: #2D203B;
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 20px;
}
.cont-map h2:before {
  content: '';
  display: inline-block;
  width: 70px;
  height: 2px;
  vertical-align: middle;
  margin-right: 20px;
  background: url(../image/tit-fl03.png) no-repeat;
}
.cont-map h2:after {
  content: '';
  display: inline-block;
  width: 70px;
  height: 2px;
  vertical-align: middle;
  margin-left: 20px;
  background: url(../image/tit-fr03.png) no-repeat;
}
.map-show {
  width: 100%;
  height: 500px;
  background-color: #12213E;
  overflow: hidden;
}
#allmap {
  width: 100%;
  height: 120%;
  background-color: rgb(243, 241, 236) !important;
}
#allmap img {
  max-width: 999px
}
/* error style */
.common-top.top-dot05:before {
  height: 260px;
}
.error {
  text-align: center;
  margin: -40px auto 80px;
}
.error img {
  max-width: 1060px;
  width: 100%;
  height: auto;
}
.error-btn {
  margin-top: 30px;
}
.error-btn a {
  display: inline-block;
  padding: 20px 50px;
  border-radius: 50px;
  color: #FFF;
  font-size: 26px;
  line-height: 1.1;
  font-weight: bold;
  background: -webkit-linear-gradient(36deg, #0C2B47 0%, #ED3B47 100%);
  background: -moz-linear-gradient(36deg, #0C2B47 0%, #ED3B47 100%);
  background: -ms-linear-gradient(36deg, #0C2B47 0%, #ED3B47 100%);
  background: -o-linear-gradient(36deg, #0C2B47 0%, #ED3B47 100%);
  background: linear-gradient(36deg, #0C2B47 0%, #ED3B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C2B47, endColorstr=#ED3B47, GradientType=1);
  -webkit-box-shadow: 0px 5px 8px -1px rgba(228, 0, 52, .16);
  -moz-box-shadow: 0px 5px 8px -1px rgba(228, 0, 52, .16);
  -ms-box-shadow: 0px 5px 8px -1px rgba(228, 0, 52, .16);
  -o-box-shadow: 0px 5px 8px -1px rgba(228, 0, 52, .16);
  box-shadow: 0px 5px 8px -1px rgba(228, 0, 52, .16);
}
.error-btn a:hover {
  color: #F43B47;
}
/* fixed style */
.show-fix .fix-ask {
  position: fixed;
  right: 10px;
  top: 30%;
  z-index: 999;
}
.ask-place {
  position: relative;
}
.fix-ask span {
  position: absolute;
  top: 42%;
  left: 6%;
  cursor: pointer;
  color: #DAC394;
  font-size: 24px;
  width: 80%;
  height: 41%;
}
.fix-ask a {
  position: absolute;
  bottom: 7%;
  left: 8%;
  width: 80%;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  width: 90px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  -webkit-border-radius: 0 20px 20px 9px;
  -moz-border-radius: 0 20px 20px 9px;
  -ms-border-radius: 0 20px 20px 9px;
  -o-border-radius: 0 20px 20px 9px;
  border-radius: 0 20px 20px 9px;
  background: -webkit-linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%);
  background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);
  background: -ms-linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%);
  background: -o-linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%);
  background: linear-gradient(280deg, #ED3B47 0%, #0C2B47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1);
  -webkit-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -moz-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -ms-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -o-box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  box-shadow: 0px 5px 5px rgba(228, 0, 52, .13);
  -webkit-background-size: 120% 100%;
  -moz-background-size: 120% 100%;
  -ms-background-size: 120% 100%;
  -o-background-size: 120% 100%;
  background-size: 120% 100%;
  background-position: left center;
}
.fix-ask a:hover {
  color: #E7d3A8;
}
.show-fix .fix-top {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 50px;
  height: 50px;
  z-index: 999;
  background: url(../image/fix-top.png) no-repeat center;
  cursor: pointer;
  display: none;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  z-index: 999;
}
/* IE9+ */
@media all and (min-width:0) {
  .header, .case-show .case-con:before, .list-con, .news-con, .news-main ul li, .list-info, .show-page, .chose-show li select, .chose-show li input, .sort-list ul li a.cp-tit, .show-good li, .pro-link ul li a.tit-font, .pro-line, .sort-show:after {
    border: none\9;
  }
  .page-more, .pro-type:before, .ser-base h1:before, .cont-base h1:before {
    left: 50%\9;
  }
  .pro-info ul li:after {
    top: 50%\9;
  }
  .pro-point {
    background-color: #FFF \9;
  }
}
/* 相关文章 图文 */
.relate-news {
  margin-top: 60px;
  border: 1px solid #F0F3FA;
}
.relate-news ul {
  padding: 20px;
  margin-left: -2%;
}
.relate-news ul li {
  position: relative;
  float: left;
  width: 48%;
  margin-left: 2%;
  padding: 12px 0;
  overflow: hidden;
}
.relate-pic {
  float: left;
  width: 39%;
}
.relate-pic a {
  display: block;
  position: relative;
  padding-top: 66.5%;
}
.relate-pic a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.relate-txt {
  float: right;
  width: 58%;
}
.relate-txt a {
  color: #635d6b;
  font-size: 16px;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 10px;
}
.relate-txt a img {
  margin-top: 3px;
}
.relate-txt span {
  display: block;
  color: #a8a5ac;
  font-size: 12px;
  background: url(../image/list-time.png) no-repeat left center;
  padding-left: 16px;
  line-height: 18px;
  margin-top: 12px;
}
/* 0701 新闻内页样式 */
.base-show p strong {
  color: #F98C30;
  font-size: 18px;
}
.news-kehu {
  margin: 40px auto;
  width: 100%;
  max-width: 800px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  box-sizing: border-box;
  padding: 4px;
  background-image: -webkit-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background-image: -moz-linear-gradient(left, #0C2B47 0%, #F43B47 100%);
  background-image: linear-gradient(to right, #0C2B47 0%, #F43B47 100%);
  -webkit-box-shadow: 0 7px 5px rgba(228, 0, 52, .13);
  box-shadow: 0 7px 5px rgba(228, 0, 52, .13);
}
.kehu-line {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  padding: 20px;
}
.kehu-info {
  border: 1px dashed #C3987C;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 8px rgba(228, 0, 52, .13);
  box-shadow: 0 0 8px rgba(228, 0, 52, .13);
  padding: 46px 30px 20px;
}
.kehu-info p {
  color: #7E3347;
  font-size: 18px;
  line-height: 2;
}
.kehu-info p strong {
  color: #0E2B47;
  font-size: 22px;
}
.news-zucheng {
  margin-left: 40px;
}
.news-zucheng p strong {
  display: inline-block;
  background-color: #DDEAF6;
  height: 35px;
  line-height: 35px;
  position: relative;
  margin-left: 40px;
  padding: 0 2px;
  color: #332C42;
  font-weight: bold;
}
.news-zucheng p strong:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  width: 40px;
  height: 35px;
  background: url(../image/news-titfl.png) no-repeat;
}
.news-zucheng p strong:after {
  content: "";
  position: absolute;
  right: -24px;
  top: 0;
  width: 24px;
  height: 35px;
  background: url(../image/news-titfr.png) no-repeat;
}
.news-youshi {
  margin-left: 40px;
}
.news-youshi li {
  position: relative;
  padding-left: 36px;
}
.news-youshi li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  background: url(../image/news-titli.png) no-repeat;
  z-index: 2;
}
.news-youshi li:after {
  content: "";
  position: absolute;
  left: 12px;
  top: 12px;
  width: 1px;
  height: 98%;
  background: -webkit-linear-gradient(top, #D1515E 0%, #FFF 100%);
  background: -moz-linear-gradient(top, #D1515E 0%, #FFF 100%);
  background: -ms-linear-gradient(top, #D1515E 0%, #FFF 100%);
  background: -o-linear-gradient(top, #D1515E 0%, #FFF 100%);
  background: linear-gradient(to bottom, #D1515E 0%, #FFF 100%);
}
.news-youshi li p strong {
  color: #635d6b;
}
.news-shili {
  position: relative;
  padding-top: 26px;
  margin: 40px auto;
  width: 100%;
  max-width: 800px;
}
.shili-bg {
  position: absolute;
  top: 0;
  left: -4px;
  width: 279px;
  height: 114px;
  background: url(../image/news-titbg.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 66px;
}
/* 0910产品列表推荐替换 */
.type-pro {
  margin-top: 50px;
}
.type-pro .pro-tit h1 {
  position: relative;
  float: left;
  width: 360px;
  margin-top: 40px;
  color: #352E44;
  font-size: 40px;
  line-height: 1.1;
  padding-left: 5px;
}
.type-pro .pro-tit h1:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 360px;
  height: 64px;
  background: url(../image/pro-font.png) no-repeat;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.type-pro p {
  padding-right: 200px;
}
/* 响应式 */
@media screen and (max-width:1540px) {
  .about-pic:before {
    display: none;
  }
  .about-slick .slick-prev, .about-slick .slick-next {
    left: 10px;
    z-index: 2;
  }
  .show-fix .fix-ask {
    right: 0;
  }
  .fix-ask img {
    width: 160px;
    height: auto;
  }
}
@media screen and (max-width:1440px) {
  .pro-type {
    margin-left: 0;
  }
  .pros-show .pro-type {
    margin-right: 0;
  }
}
@media screen and (max-width:1400px) {
  .logo {
    width: 20%;
  }
  .nav {
    width: 75%;
  }
  .case-info h3 a {
    font-size: 32px;
  }
  .index-name h2 {
    font-size: 36px;
  }
  .about-info h1:before {
    width: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
  .about-data ul li span {
    font-size: 18px;
  }
  .about-data ul li {
    width: 25%;
  }
  .about-data ul li.data-last {
    width: 25%;
  }
  .case-chose strong:before {
    -webkit-background-size: 88%;
    -moz-background-size: 88%;
    -ms-background-size: 88%;
    -o-background-size: 88%;
    background-size: 88%;
  }
  .base-about .link-tel p {
    margin-right: 6px;
  }
  .base-about .link-tel img {
    width: 66px;
    height: auto;
  }
  .link-tel p strong i {
    font-size: 24px;
  }
  .flow-show ul li.flow-show01, .flow-show ul li.flow-show03, .flow-show ul li.flow-show05 {
    bottom: -25px;
  }
  .flow-show ul li.flow-show02, .flow-show ul li.flow-show04, .flow-show ul li.flow-show06 {
    top: -10px;
  }
  .cont-point ul li span {
    font-size: 14px;
  }
  .fix-ask img {
    width: 130px;
  }
  .fix-ask a {
    font-size: 12px;
    font-weight: normal;
    width: 60%;
    height: 24px;
    line-height: 24px;
    bottom: 5%
  }
  .show-fix .fix-top {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width:1300px) {
  .pro-type, .show-fr, .cont-point {
    display: none;
  }
  .pro-link, .show-fl, .cont-msg {
    width: 100%;
  }
  .hot-txt strong {
    font-size: 50px;
  }
  .link-hotline {
    text-align: left;
  }
  .link-hotline img {
    display: none;
  }
  .pro-pic p i {
    font-size: 18px;
  }
  .pro-info ul {
    padding: 28px 30px 28px 0;
    margin: 20px 0;
  }
  .pro-info {
    margin-top: 50px;
  }
  .show-case .link-ask {
    width: 40%;
  }
  .show-case .link-ask a:after, .show-case .link-ask span:after {
    width: 22px;
    height: 22px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
  .show-case .link-tel {
    width: 57%;
  }
  .show-case .link-tel img {
    width: 66px;
    height: auto;
  }
  .show-case .link-tel p {
    margin-left: 10px;
  }
  .show-case .pro-info h1 {
    width: 94%
  }
  .news-slick .slick-dots {
    top: 48%;
  }
  .news-fr li.news-con {
    padding: 30px;
  }
  .flow-show ul li.flow-show01 {
    left: 3.5%;
    bottom: -40px;
  }
  .flow-show ul li.flow-show02 {
    left: 18.5%;
    top: -30px;
  }
  .flow-show ul li.flow-show03 {
    left: 36%;
    bottom: -40px;
  }
  .flow-show ul li.flow-show04 {
    left: 51.2%;
    top: -30px;
  }
  .flow-show ul li.flow-show05 {
    left: 69%;
    bottom: -40px;
  }
  .flow-show ul li.flow-show06 {
    left: 84%;
    top: -30px;
  }
  .cont-main, .cont-font {
    margin-top: 100px;
  }
}
@media screen and (max-width:1260px) {
  .case-info {
    padding-bottom: 30px;
    margin-top: 20px;
  }
  .case-info h3 {
    margin-bottom: 70px;
  }
  .about-txt h2:before, .about-font h2:before {
    width: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
  .news-tit a {
    font-size: 16px;
    margin-top: 60px;
  }
  .news-info p a {
    display: none;
  }
  .repair-video strong {
    right: 25px;
  }
  .repair-base ul {
    padding: 22px;
  }
}
@media screen and (max-width:1200px) {
  .nav ul li a {
    font-size: 16px;
  }
  .index-tit h1, .pro-info h1 {
    font-size: 36px;
  }
  .news-base h1 {
    font-size: 32px;
    width: 100%;
  }
  .about-info h1, .cont-base h1 {
    font-size: 46px;
  }
  .ser-base h1 {
    font-size: 52px;
    padding-top: 46px;
  }
  .pro-info h2 {
    font-size: 34px;
  }
  .show-tit h2 {
    font-size: 32px;
  }
  .about-txt h2, .about-font h2 {
    font-size: 42px;
    padding-left: 0;
  }
  .show-tit h2 span {
    font-size: 19px;
  }
  .good-show ul li h3 a {
    font-size: 22px;
  }
  .case-info h3 a {
    font-size: 28px;
  }
  .case-info h3 {
    margin-bottom: 60px;
  }
  .btn-show i {
    width: 32%;
  }
  .about-msg {
    padding-left: 20px;
    padding-right: 20px;
  }
  .msg-tit span {
    font-size: 24px;
  }
  .about-base ul li strong {
    font-size: 50px;
  }
  .about-slick .slick-prev, .about-slick .slick-next {
    display: none !important;
  }
  .about-info p {
    margin-top: 40px;
  }
  .about-btn {
    margin-top: 40px;
  }
  .about-info {
    width: 41%;
  }
  .about-data {
    padding-top: 200px;
  }
  .about-data ul li:nth-child(1) i img {
    width: 100px;
  }
  .about-data ul li:nth-child(2) i img {
    width: 146px;
  }
  .about-data ul li:nth-child(3) i img {
    width: 96px;
  }
  .about-data ul li:nth-child(4) i img {
    width: 128px;
  }
  .about-data ul li:before {
    width: 130px;
    height: 130px;
  }
  .about-data ul li span {
    font-size: 16px;
  }
  .about-txt p, .about-font p {
    margin-left: 0;
  }
  .pro-tit strong a {
    font-size: 36px;
  }
  .pro-tit strong:before {
    -webkit-background-size: 88%;
    -moz-background-size: 88%;
    -ms-background-size: 88%;
    -o-background-size: 88%;
    background-size: 88%;
  }
  .pro-show {
    padding: 50px 0;
  }
  .hot-link {
    margin-top: 260px;
  }
  .pro-sort {
    margin-top: 60px;
  }
  .hot-txt strong {
    font-size: 40px;
  }
  .sort-show ul li span a {
    font-size: 22px;
  }
  .hot-pro ul li a.rm-tit {
    font-size: 22px;
    padding-top: 10px;
  }
  .pro-info {
    margin-top: 20px;
  }
  .pro-pic p i {
    font-size: 16px;
    margin-right: 10px;
  }
  .btn-show.btn-pro {
    margin-top: 30px;
  }
  .pro-pic p {
    padding-left: 15px;
    padding-right: 15px;
  }
  .show-fl h2 {
    font-size: 26px;
  }
  .show-fl h3 {
    font-size: 24px;
  }
  .pro-info .case-base {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 20px 0;
  }
  .news-con {
    padding: 20px 20px 30px;
  }
  .news-fr li a.news-more {
    display: none;
  }
  .news-fr .news-con h3 {
    margin-top: 25px;
  }
  .news-fr li.news-con {
    padding-top: 34px;
  }
  .news-con h3 a, .news-info h3 a {
    font-size: 18px;
  }
  .news-main ul li {
    padding-right: 20px;
  }
  .ser-base h1:before {
    width: 720px;
    height: 80px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
  .repair-video:after {
    width: 16%;
  }
  .ser-do {
    margin: 80px auto;
  }
  .ser-promise {
    margin-top: 60px;
  }
  .ser-parts, .ser-flow {
    margin-top: 80px;
  }
  .ser-do span.do-con01 {
    left: 23%;
  }
  .ser-txt {
    width: 100%;
    font-size: 16px;
  }
  .flow-show ul li.flow-show01 img, .flow-show ul li.flow-show03 img, .flow-show ul li.flow-show05 img {
    width: 130px;
    height: auto;
  }
  .flow-show ul li.flow-show02 img, .flow-show ul li.flow-show04 img, .flow-show ul li.flow-show06 img {
    width: 161px;
    height: auto;
  }
  .repair-video strong {
    right: 37px;
    font-size: 28px;
  }
  .cont-base p {
    font-size: 18px;
  }
  .cont-font span {
    font-size: 26px;
  }
  .cont-font strong {
    font-size: 42px;
  }
  .cont-map h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .cont-main, .cont-font {
    margin-top: 60px;
  }
  .error-btn a {
    font-size: 22px;
  }
  .fix-ask img {
    width: 110px;
  }
  .fix-ask a {
    height: 20px;
    line-height: 20px;
    width: 56%;
  }
}
@media screen and (max-width:1080px) {
  .nav ul li {
    margin-right: 5%;
  }
  .case-show .case-main:before {
    height: 100%
  }
  .case-info h3 a {
    color: #2D203B;
    font-weight: bold;
    font-size: 26px;
  }
  .case-info h3 {
    margin-bottom: 30px;
  }
  .case-info ul {
    margin: 30px 0;
  }
  .case-info p {
    font-size: 16px;
  }
  .hot-link {
    margin-top: 200px;
  }
  .pro-link ul li a.tit-font, .sort-list ul li a.cp-tit {
    font-size: 18px;
  }
  .show-case .link-tel img {
    width: 58px;
  }
  .show-case .link-tel p strong i {
    font-size: 24px;
  }
  .show-case .pro-info h1 {
    font-size: 32px;
  }
  .news-fr li.news-con {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .news-pic {
    width: 200px;
    top: -20px;
  }
  .news-info {
    padding-left: 180px;
  }
  .ser-do span.do-con01 {
    top: -9px
  }
  .ser-do span.do-con03 {
    top: -3px
  }
  .flow-show ul li.flow-show01 img, .flow-show ul li.flow-show03 img, .flow-show ul li.flow-show05 img {
    width: 120px;
    height: auto;
  }
  .flow-show ul li.flow-show02 img, .flow-show ul li.flow-show04 img, .flow-show ul li.flow-show06 img {
    width: 148px;
    height: auto;
  }
  .repair-video strong {
    right: 26px;
  }
  .cont-ask:before, .cont-ask:after {
    width: 360px;
  }
}
.base-show .list1 li {
  width: 31%;
  display: block;
  float: left;
  margin: 1%;
  padding: 2%;
}
.base-show .list1 li:nth-child(1) {
  background: url(../image/ys1.png) top 50px center no-repeat;
}
.base-show .list1 li:nth-child(2) {
  background: url(../image/ys4.png) top 50px center no-repeat;
}
.base-show .list1 li:nth-child(3) {
  background: url(../image/ys3.png) top 50px center no-repeat;
}
.base-show .list1 h3 {
  font-size: 22px;
  color: #333;
  line-height: 34px;
  margin: 121px 0 30px 0;
  text-align: center;
  /* line-height: 30px; */
}
.base-show .list2 li:nth-child(1) {
  background: url(../image/cp-pic2.png) top 50px center no-repeat;
}
.base-show .list2 li:nth-child(2) {
  background: url(../image/cp-pic1.png) top 50px center no-repeat;
}
.base-show .list2 li:nth-child(3) {
  background: url(../image/fanjipo.png) top 50px center no-repeat;
}
.BMap_shadow {
  display: none !important;
}

.consult_contact{position:fixed;bottom:52%;right:0.5%;width:114px;height:114px;cursor:pointer;z-index:100}
.consult_wrap{position:relative;width:114px;height:114px;}
.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:150px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#3091f2;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_contact .staff_img{z-index:999;}
@keyframes ballRotate{0%{transform:rotate(0);}
 100%{transform:rotate(360deg);}
}
.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}
.consult_contact:hover .tip{display:block;}
@media (max-width:1100px){.consult_contact{display:none}
}