@charset "utf-8";

.animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    -o-transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}

.header .global {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/icon/global.png) no-repeat;
  float: left;
  margin-right: 50px;
}
@keyframes scrollDown {
  0%,
  100% {
    bottom: 10px;
    opacity: 1;
  }
  50% {
    bottom: 50px;
    opacity: .5;
  }
}
.headerFixed {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

/*home-title*/
.home-title {
  text-align: center;
  color: #292929;
  position: relative;
}
.home-title .big {
  font-size: 44px;
  display: block;
  font-weight: 700;
}
.home-title .small {
  font-size: 16px;
  color: #747474;
}
/*home-more*/
.home-more {
  text-align: center;
}
.home-more a {
  display: inline-block;
  border: 1px #a38f6c solid;
  font-size: 16px;
  color: #a38f6c;
  line-height: 36px;
  min-width: 180px;
  padding: 0 10px;
  transition: all .5s;
}
.home-more a:hover {
  background: #a38f6c;
  color: #fff;
}
/*home-product*/
.home-product {
  clear: both;
  padding: 70px 0;
  position: relative;
}
.home-product:before {
  content: "";
  display: block;
  width: 185px;
  height: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  background: url(../images/home-bg-01.jpg) repeat-y;
}
.home-product:after {
  content: "";
  display: block;
  width: 185px;
  height: 100%;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  background: url(../images/home-bg-02.jpg) repeat-y;
}
.home-product #home-product {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.home-product .title {
  color: #545454;
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.home-product .title .more {
  float: right;
  color: #1750E2;
  font-size: 15px;
  text-decoration: underline;
  transition: all .4s;
}
.home-product .title .more:hover {
  color: #ffd200;
  padding-right: 5px;
}
.home-product .list {
  margin: 25px -8px 0 -8px;
  overflow: hidden;
  min-height: 585px;
  position: relative;
  z-index: 1;
}
.home-product .slick-list {
  padding-bottom: 18px;
}
.home-product li {
  width: 33.33333333%;
  float: left;
  padding: 0 8px;
}
.home-product .box {
  display: block;
  text-align: center;
  overflow: hidden;
  transition: all .5s;
}
.home-product .box .pic {
   display: block;
  width: 415px;
  height: 330px;
  position: relative;
  overflow: hidden;
}
.home-product .box .pic img {
  transition: all .5s;
}
.home-product .box .text {
  padding: 30px 30px 15px 30px;
}
.home-product .box .bt {
  font-weight: 700;
  font-size: 24px;
  color: #303030;
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.home-product .box .jsh {
  color: #828282;
  font-size: 15px;
  line-height: 24px;
  height: 72px;
  margin-bottom: 30px;
  overflow: hidden;
}
.home-product .box:hover {
  box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1);
}
.home-product .box:hover .pic img {
  transform: scale(1.05);
}
.home-product .slick-dots {
  bottom: 0;
  font-size: 0;
  padding: 1px;
  z-index: 999;
}
.home-product .slick-dots li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 4px;
  overflow: hidden;
  background: url(../images/icon/dot-03.png) no-repeat;
  float: none;
}
.home-product .slick-dots li button {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.home-product .slick-dots li.slick-active {
  background: url(../images/icon/dot-04.png) no-repeat;
}
.home-product .slick-dots li button:before {
  display: none;
}
@media (max-width: 1280px) {
  .home-product .list {
    margin-left: 0;
    margin-right: 0;
  }
}
/*home-solution*/
.home-solution {
  padding: 110px 0;
  background: url(../images/home-solution-bg.jpg) no-repeat fixed center bottom;
  color: #fff;
}
.home-solution .container {
  min-height: 500px;
  background: #1750E2 \9;
  background: rgba(26, 74, 149, 0.7);
}
.home-solution .box {
  text-align: center;
  max-width: 870px;
  height: 330px;
  overflow: hidden;
  margin: 105px auto 0 auto;
}
.home-solution .box .bt {
  font-weight: 700;
  font-size: 48px;
  color: #fff;
  display: block;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  margin-bottom: 20px;
}
.home-solution .box .jsh {
  font-size: 24px;
  line-height: 30px;
  height: 90px;
  margin-bottom: 30px;
  overflow: hidden;
}
.home-solution .box .more {
  font-size: 15px;
  display: inline-block;
  color: #1750E2;
  background: #f3f4f8;
  border: 1px #1750E2 solid;
  line-height: 42px;
  transition: all .5s;
  min-width: 160px;
  text-align: center;
  padding: 0 5px;
  position: relative;
}
.home-solution .box .more:hover {
  background: transparent;
  color: #fff;
  border: 1px #fff solid;
}
.home-solution .slick-dots {
  bottom: 0;
  font-size: 0;
  padding: 1px;
  z-index: 999;
}
.home-solution .slick-dots li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 4px;
  overflow: hidden;
  background: url(../images/icon/dot-01.png) no-repeat;
}
.home-solution .slick-dots li button {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.home-solution .slick-dots li.slick-active {
  background: url(../images/icon/dot-02.png) no-repeat;
}
.home-solution .slick-dots li button:before {
  display: none;
}
/*home-news*/
.home-news {
  overflow: hidden;
  padding: 70px 0;
}
.home-news .title {
  font-size: 40px;
  color: #414141;
  font-weight: 700;
  line-height: 60px;
}
.home-news .title .more {
  float: right;
  color: #1750E2;
  font-size: 15px;
  text-decoration: underline;
  transition: all .4s;
}
.home-news .title .more:hover {
  color: #ffd200;
  padding-right: 5px;
}
.home-news .lists {
  min-height: 470px;
  margin-top: 25px;
  padding-bottom: 20px;
}
.home-news .list {
  margin: 0 -15px 0 -15px;
  display: none;
  overflow: hidden;
}
.home-news li {
  width: 33.33333333%;
  float: left;
  padding: 0 15px;
}
.home-news .box .pic {
  display: block;
  width: 405px;
  height: 230px;
  position: relative;
  overflow: hidden;
}
.home-news .box .pic img {
  transition: all .5s;
}
.home-news .box .text {
  padding: 10px 0;
}
.home-news .box .bt {
  font-weight: 700;
  font-size: 20px;
  color: #373737;
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.home-news .box .date {
  color: #b9b9b9;
  font-size: 14px;
}
.home-news .box .jsh {
  font-size: 15px;
  line-height: 22px;
  color: #6d6d6d;
  height: 44px;
  overflow: hidden;
  margin: 5px 0 20px 0;
}
.home-news .box .more {
  color: #1750E2;
  display: inline-block;
  line-height: 25px;
  transition: all .5s;
}
.home-news .box .more:hover {
  text-decoration: underline;
}
.home-news .box:hover .pic img {
  transform: scale(1.05);
}
.home-news .box:hover .bt {
  text-decoration: underline;
  color: #1750E2;
}
.home-news .box:hover .more {
  padding-left: 10px;
}
.home-news .menu {
  clear: both;
  height: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.home-news .menu a {
  display: inline-block;
  font-size: 20px;
  width: 50%;
  border: 1px #c9c9c9 solid;
  line-height: 40px;
  float: left;
  transition: all .5s;
  position: relative;
}
.home-news .menu a:first-child {
  border-right: none;
}
.home-news .menu a:first-child:before {
  content: "";
  opacity: 0;
  border-left: 1px #1750E2 solid;
  position: absolute;
  top: -1px;
  right: -1px;
  height: 42px;
  z-index: 999;
  transition: all .5s;
}
.home-news .menu a:hover,
.home-news .menu a.cur {
  font-weight: 700;
  background: #1750E2;
  color: #fff;
  border-color: #1750E2;
}
.home-news .menu a:hover:first-child:before,
.home-news .menu a.cur:first-child:before {
  opacity: 1;
}
.home-clkj {
  background: url(../images/home-clkj-bg.jpg) fixed no-repeat center bottom;
  min-height: 590px;
  color: #fff;
  padding: 70px 0;
}
.home-clkj li {
  width: 33%;
  font-size: 18px;
  float: left;
  min-height: 450px;
  border-right: 1px #fff solid \9;
  border-right: 1px rgba(255, 255, 255, 0.2) solid;
  padding: 0 35px;
  text-align: justify;
}
.home-clkj li:last-child {
  border: none;
}
.home-clkj li .bt {
  margin-bottom: 10px;
  transition: all .5s;
}
.home-clkj li .more {
  font-size: 15px;
  display: none;
  margin-top: 30px;
  background: #1750E2;
  color: #fff;
  border: 2px #1750E2 solid;
  line-height: 34px;
  transition: all .5s;
  min-width: 150px;
  text-align: center;
  padding: 0 5px;
  position: relative;
}
.home-clkj li .more:hover {
  background: #fff;
  color: #1750E2;
  border: 2px #fff solid;
}
.home-clkj li .info {
  min-height: 180px;
}
.home-clkj li:hover .bt {
  font-size: 36px;
}
.home-clkj li:hover .info {
  font-size: 24px;
}
.home-clkj li:hover .more {
  display: inline-block;
}

/*inside*/
.current {
  padding-top: 100px;
  background: #1750E2;
  text-align: center;
}
.current .container {
  height: 190px;
  position: relative;
  overflow: hidden;
}
.current .text {
  position: absolute;
  bottom: -50px;
  font-family: dinbold;
  color: #4465a2;
  font-size: 184px;
  font-size: 150px \9;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.classify {
  text-align: center;
  position: relative;
  clear: both;
  overflow: hidden;
  font-size: 0;
}
.classify li {
  display: inline-block;
  padding: 0 2px;
}
.classify li a {
  min-width: 170px;
  font-size: 20px;
  display: inline-block;
  line-height: 60px;
  color: #424242;
  font-weight: 700;
  padding: 0 10px;
  transition: all .5s;
}
.classify li a:hover,
.classify li a.cur {
  color: #1750E2;
}
.classify li a.cur {
  text-decoration: underline;
}
.classify.classify-02 li {
  width: 33.33333333%;
}
.classify.classify-03 li {
  width: 16.66666667%;
}
.classify.classify-04 li {
  width: 25%;
}
.inside {
  background: url(../images/inside-line.png) repeat-y right;
  padding: 30px 0 45px 0;
}
.inside.inside-02 {
  padding-bottom: 0;
}
.inside.inside-03 {
  padding-top: 0;
}
.inside.inside-04 {
  padding-top: 0;
  padding-bottom: 0;
}
.single {
  padding-top: 60px;
  min-height: 600px;
}
/*about*/
.profile {
  color: #555555;
  font-size: 15px;
  text-align: justify;
  line-height: 2;
  padding-top: 40px;
  padding-bottom: 60px;
  overflow: hidden;
}
.profile .left {
  width: 64%;
  float: left;
}
.profile .right {
  width: 36%;
  float: right;
}
.profile .p-01 {
  font-weight: 700;
  font-size: 48px;
  color: #3d3d3d;
  margin-bottom: 10px;
}
.profile .p-02 {
  font-weight: 700;
  font-size: 17px;
  color: #555555;
  position: relative;
}
.profile .p-02:after {
  content: "";
  display: block;
  width: 140px;
  border-top: 3px #3d3d3d solid;
  margin-top: 50px;
  margin-bottom: 50px;
}
.profile .youshi {
  float: right;
  padding-top: 30px;
  color: #8d8c8c;
}
.profile .youshi li {
  border: 1px #dcdcdc solid;
  width: 411px;
  margin-bottom: 50px;
  color: #555555;
}
.profile .youshi li .num {
  font-size: 72px;
  font-family: dinlight;
  line-height: 1;
}
.about {
  overflow: hidden;
}
.about .culture {
  height: 470px;
  background: #1750E2;
  color: #fff;
  position: relative;
}
.about .culture .p-01 {
  font-size: 48px;
  font-weight: 700;
  padding-top: 160px;
}
.about .culture .p-02 {
  font-size: 18px;
}
.about #culture {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
/*honor*/
.honor {
  padding-top: 60px;
  padding-bottom: 90px;
  position: relative;
}
.honor #honor {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.honor .bt {
  font-weight: 700;
  font-size: 48px;
  color: #3d3d3d;
  text-align: center;
}
.honor .list {
  overflow: hidden;
  color: #717171;
  font-size: 16px;
  height: 380px;
  padding: 0 100px;
  position: relative;
}
.honor .list:after {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px #e2e2e2 solid;
  position: absolute;
  top: 50%;
  left: 0;
}
.honor .list li {
  width: 25%;
  float: left;
  position: relative;
  height: 380px;
}
.honor .list .box {
  left: 0;
  bottom: 50%;
  padding: 30px 0;
  position: absolute;
}
.honor .list .box:after {
  content: "";
  display: block;
  height: 12px;
  border-left: 1px #e2e2e2 solid;
  position: absolute;
  left: 40px;
  bottom: 0;
}
.honor .list li:nth-child(even) .box {
  top: 50%;
}
.honor .list li:nth-child(even) .box:after {
  top: 0;
}
.honor .list li.even .box {
  top: 50%;
}
.honor .list li.even .box:after {
  top: 0;
}
.honor .year {
  font-size: 48px;
  color: #3d3d3d;
  font-family: dincond-mediumregular;
  line-height: 1;
}
.honor .jsh {
  line-height: 24px;
  max-height: 96px;
  overflow: hidden;
}
.honor .pic {
  display: block;
  width: 150px;
  height: 90px;
  bottom: -120px;
  position: absolute;
  
}
.honor .list li.even .pic {
  top: -120px;
}
.honor .slick-prev,
.honor .slick-next {
  width: 60px;
  height: 60px;
  z-index: 9999;
  border: 1px #bebebe solid;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
  transform: rotateY(0);
  top: 0;
}
.honor .slick-prev:before,
.honor .slick-next:before {
  display: none;
}
.honor .slick-prev:hover,
.honor .slick-next:hover {
  border-color: #1750E2;
}
.honor .slick-prev {
  background: #ffffff url(../images/icon/arrow-left-01.png) center;
  left: 0;
}
.honor .slick-prev:hover {
  background: #1750E2 url(../images/icon/arrow-left-02.png) center;
}
.honor .slick-next {
  background: #ffffff url(../images/icon/arrow-right-01.png) center;
  right: 0;
}
.honor .slick-next:hover {
  background: #1750E2 url(../images/icon/arrow-right-02.png) center;
}
/*partner*/
.partner {
  padding-top: 60px;
  padding-bottom: 90px;
  background: #f5f5f5;
  position: relative;
}
.partner #partner {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.partner .container {
  padding-left: 60px;
}
.partner .bt {
  font-weight: 700;
  font-size: 48px;
  color: #3d3d3d;
  text-align: center;
  margin-bottom: 60px;
}
.partner .list {
  overflow: hidden;
  padding: 20px 0 20px 0;
  margin-left: -10px;
}
.partner li {
  float: left;
  margin-left: 35px;
  background: #fff \9;
}
.partner li:nth-child(1) {
  margin-left: 20px;
  margin-left: 0 \9;
}
.partner .box {
  width: 84px;
  height: 84px;
  background: #fff;
  transform: rotate(-45deg);
  position: relative;
  overflow: hidden;
}
.partner .box img {
  transform: rotate(45deg);
  max-width: 84px;
}
/*news*/
.news .list {
  overflow: hidden;
  padding-top: 60px;
}
.news li {
  clear: both;
  overflow: hidden;
  border-bottom: 1px #e6e6e6 solid;
  padding-bottom: 45px;
  margin-bottom: 45px;
}
.news .box .pic {
  display: block;
  width: 510px;
  height: 290px;
  position: relative;
  overflow: hidden;
  float: left;
}
.news .box .pic img {
  transition: all .5s;
}
.news .box .text {
  width: 705px;
  float: right;
}
.news .box .bt {
  font-weight: 700;
  font-size: 24px;
  color: #373737;
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.news .box .date {
  font-family: arial;
  color: #b4b4b4;
  font-size: 14px;
  border-bottom: 1px #e6e6e6 solid;
  padding-bottom: 20px;
  padding-top: 10px;
}
.news .box .jsh {
  font-size: 15px;
  line-height: 22px;
  color: #636363;
  height: 44px;
  overflow: hidden;
  margin: 20px 0 20px 0;
}
.news .box .more {
  font-size: 16px;
  font-weight: 700;
  min-width: 440px;
  line-height: 44px;
  text-align: center;
  border: 1px #bebebe solid;
  color: #585858;
  display: inline-block;
  transition: all .5s;
}
.news .box .more:hover {
  background: #1750E2;
  color: #fff;
  border-color: #1750E2;
}
.news .box:hover .pic img {
  transform: scale(1.05);
}
.news .box:hover .bt {
  text-decoration: underline;
  color: #1750E2;
}
.news .box:hover .more {
  padding-left: 10px;
}
/*news-show  solution-show*/
.show {
  font-size: 15px;
  color: #595959;
  line-height: 2;
  padding-top: 10px;
  text-align: justify;
}
.show .title {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.5;
  text-align: right;
  padding: 20px 0;
  color: #313131;
}
.show .info {
  text-align: right;
  font-size: 14px;
  color: #9f9f9f;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  line-height: 48px;
}
.show .info span,
.show .info time {
  display: inline-block;
  padding: 0 0 0 50px;
}
.show .nr {
  color: #545454;
  font-size: 16px;
  margin: 30px 20px 50px 20px;
}
.solution-show .title {
  padding-bottom: 0;
}
.prev-next {
  position: relative;
  line-height: 50px;
  margin-bottom: 30px;
  overflow: hidden;
}
.prev-next ul {
  overflow: hidden;
}
.prev-next li {
  background: #e7e7e7;
  float: left;
  color: #3f3f3f;
  font-size: 16px;
  font-weight: 700;
  padding: 0 15px 0 15px;
  width: 50%;
  overflow: hidden;
  height: 50px;
  position: relative;
}
.prev-next li:first-child:after {
  content: "";
  display: block;
  border-left: 1px #d0d0d0 solid;
  height: 100%;
  position: absolute;
  right: 1px;
  top: 0;
}
.prev-next b {
  font-weight: normal;
  color: #aaaaaa;
}
.prev-next a {
  color: #3f3f3f;
}
.prev-next li:hover a {
  text-decoration: underline;
  color: #1750E2;
}
.prev-next .next {
  text-align: right;
}
/*product*/
.product {
  padding-top: 40px;
}
.product .list {
  overflow: hidden;
  margin-bottom: 45px;
}
.product li {
  clear: both;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 110px;
}
.product li {
  display: block;
  overflow: hidden;
}
.product li .pic {
  width: 40%;
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
}
.product li .pic:after {
  content: "";
  display: block;
  padding-top: 79.56989247%;
}
.product li .pic img {
  transition: all .5s;
}
.product li .text {
  width: 60%;
  float: right;
  padding-left: 50px;
  padding-top: 45px;
}
.product li .bt {
  font-size: 36px;
  color: #1750E2;
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.product li .jsh {
  color: #636363;
  font-size: 15px;
  line-height: 30px;
  height: 170px;
  overflow: hidden;
  margin: 20px 0 20px 0;
  border-top: 1px #f0f0f0 solid;
  padding-top: 20px;
}
.product li .more {
  font-size: 16px;
  min-width: 160px;
  line-height: 44px;
  text-align: center;
  background: #1750E2;
  color: #fff;
  display: inline-block;
  transition: all .5s;
}
.product li .more:hover {
  background: #1750E2;
  color: #fff;
  border-color: #1750E2;
}
.product li.even,
.product li:nth-child(even) {
  padding-left: 110px;
  padding-right: 40px;
  background: #f4f4f4;
}
.product li.even .pic,
.product li:nth-child(even) .pic {
  float: right;
}
.product li.even .text,
.product li:nth-child(even) .text {
  float: left;
  padding-left: 0;
  padding-right: 50px;
}
.product li:hover {
  background: #1750E2;
}
.product li:hover .pic img {
  transform: scale(1.05);
}
.product li:hover .bt {
  color: #fff;
}
.product li:hover .jsh {
  border-color: #2d5696;
  color: #fff;
}
.product li:hover .more {
  background: #fff;
  color: #1750E2;
  padding-left: 10px;
}
/*product-show*/
.product-show {
  font-size: 15px;
  padding-top: 70px;
}
.product-show .pic-text {
  background: #1750E2;
  color: #fff;
  overflow: hidden;
  padding: 150px 0 100px 0;
  position: relative;
}
.product-show .pic-text:before {
  content: "";
  display: block;
  position: absolute;
  left: 41%;
  top: 0;
  width: 1px;
  height: 100%;
  background: url(../images/line-01.png) no-repeat top center;
}
.product-show .pic-text a {
  color: #fff;
}
.product-show .pic-text .pic {
  width: 41%;
  float: left;
}
.product-show .pic-text .text {
  width: 55%;
  float: right;
  position: relative;
}
.product-show .pic-text .text .en {
  position: absolute;
  z-index: 0;
  top: -30px;
  left: -115px;
  font-family: dinbold;
  color: #265199;
  font-size: 95px;
  line-height: 1;
  width: 800px;
}
.product-show .title {
  font-size: 48px;
  border-bottom: 1px #486eaa solid;
  padding-bottom: 30px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.product-show .jsh {
  padding: 30px 0;
}
.product-show .menu {
  background: #eeeeee;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  overflow: hidden;
}
.product-show .menu li {
  display: block;
  width: 33.33333333%;
  float: left;
}
.product-show .menu li a {
  display: inline-block;
  padding: 0 20px;
  color: #626262;
}
.product-show .menu li a:hover {
  color: #1750E2;
}
.product-show .menu li.cur a {
  color: #1750E2;
  text-decoration: underline;
}
.product-show .items {
  padding: 55px 0 0 0;
  min-height: 400px;
}
.product-show .items .item {
  display: none;
}
/*solution*/
.solution {
  padding-top: 60px;
}
.solution .list {
  overflow: hidden;
  margin-bottom: 45px;
}
.solution li {
  clear: both;
  overflow: hidden;
}
.solution .box .pic {
  width: 50%;
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
}
.solution .box .pic:after {
  content: "";
  display: block;
  padding-top: 66.66666667%;
}
.solution .box .pic img {
  transition: all .5s;
}
.solution .box .text {
  width: 50%;
  float: right;
  padding-left: 50px;
  padding-top: 45px;
}
.solution .box .bt {
  font-weight: 700;
  font-size: 30px;
  color: #373737;
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.solution .box .bt-02 {
  font-weight: bold;
  color: #474747;
  font-size: 18px;
  border-top: 1px #ececec solid;
  padding-top: 25px;
}
.solution .box .jsh {
  color: #636363;
  font-size: 15px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin: 10px 0 20px 0;
}
.solution .box .jsh-02 {
  color: #636363;
  font-size: 15px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  margin: 10px 0 20px 0;
}
.solution .box .more {
  font-size: 16px;
  font-weight: 700;
  min-width: 440px;
  line-height: 44px;
  text-align: center;
  border: 1px #bebebe solid;
  color: #585858;
  display: inline-block;
  transition: all .5s;
}
.solution .box .more:hover {
  background: #1750E2;
  color: #fff;
  border-color: #1750E2;
}
.solution .box:hover .pic img {
  transform: scale(1.05);
}
.solution .box:hover .bt {
  text-decoration: underline;
  color: #1750E2;
}
.solution .box:hover .more {
  padding-left: 10px;
}
.solution .even .pic,
.solution li:nth-child(even) .pic {
  float: right;
}
.solution .even .text,
.solution li:nth-child(even) .text {
  float: left;
  padding-left: 0;
  padding-right: 50px;
}
/*qa*/
.qa {
  font-size: 15px;
  color: #575757;
  line-height: 2;
  padding-top: 60px;
}
.qa li {
  border: 1px #dcdcdc solid;
  padding: 30px 30px;
  margin-bottom: 30px;
  transition: all .5s;
}
.qa li .bt {
  font-size: 24px;
  font-weight: 700;
  color: #3b3b3b;
  border-bottom: 1px #ededed solid;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.qa li:hover {
  border-color: #1750E2;
}
/*jshshl*/
.jshshl {
  line-height: 2;
}
.jshshl .bt-01 {
  font-weight: 700;
  color: #3d3d3d;
  font-size: 30px;
}
.jshshl .bt-02 {
  font-weight: 700;
  color: #3d3d3d;
  font-size: 18px;
}
.jshshl .pic {
  width: 465px;
  float: left;
}
.jshshl .text {
  float: right;
  width: 740px;
}
.jshshl .p-01 {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}
.jshshl .p-01:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background: #1750E2;
  position: absolute;
  top: 10px;
  left: 0;
}
.download .list {
  padding-top: 60px;
  padding-bottom: 35px;
}
.download .file {
  display: inline-block;
}
.download li {
  clear: both;
  background: #f2f2f2 url(../images/icon/file-01.png) 25px center no-repeat;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #484848;
  padding-left: 65px;
  margin-bottom: 10px;
}
.download .date {
  font-size: 14px;
  color: #999999;
  font-family: arial;
  display: inline-block;
  margin-right: 30px;
  float: left;
}
.download .bt {
  display: inline-block;
  color: #484848;
  max-width: 890px;
  line-height: 70px;
  height: 70px;
  overflow: hidden;
  transition: padding-left 0.5s;
}
.download .btn {
  font-size: 12px;
  display: inline-block;
  background: #cccccc;
  color: #333333;
  line-height: 30px;
  min-width: 130px;
  text-align: center;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  position: relative;
}
.download .btn:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon/download-01.png) center center no-repeat;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 15px;
}
.download li:hover {
  background: #1750E2 url(../images/icon/file-02.png) 25px center no-repeat;
}
.download li:hover .bt {
  color: #fff;
  padding-left: 10px;
}
.download li:hover .date {
  color: #fff;
}
/*contact*/
.contact {
  color: #686868;
  padding: 60px 0;
}
.contact .info {
  margin: 40px 0 0;
}
.contact .info .list {
  overflow: hidden;
}
.contact .info li {
  width: 20%;
  float: left;
  text-align: center;
  padding-bottom: 10px;
}
.contact .info li .icon {
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin: 10px auto;
  background: #1750E2;
  overflow: hidden;
  transition: all 0.5s;
  position: relative;
}
.contact .info li .bt {
  color: #999999;
  font-size: 15px;
  margin-bottom: 14px;
}
.contact .info li:hover span {
  transform: translateY(-10px);
}
.contact a {
  color: #666;
}
.contact a:hover {
  color: #1750E2;
}
/*messages*/
.messages {
  clear: both;
  background: #f6f6f6;
  padding: 70px 0;
  position: relative;
}
.messages #messages {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.messages .list {
  margin: 0 auto 0 -10px;
  overflow: hidden;
}
.messages li {
  margin-bottom: 10px;
  width: 50%;
  float: left;
  position: relative;
  padding-left: 10px;
}
.messages .lynr {
  width: 100%;
}
.messages input,
.messages textarea {
  border: 1px #bfbfbf solid;
  padding: 0 10px;
  width: 100%;
  line-height: 36px;
  background: transparent;
  vertical-align: middle;
  transition: all .5s;
}
.messages input:focus,
.messages textarea:focus {
  background: rgba(255, 255, 255, 0.8);
}
.messages input {
  height: 38px;
}
.messages textarea {
  height: 165px;
}
.messages .btns {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.messages .btns a {
  display: inline-block;
  min-width: 230px;
  padding: 0 5px;
  line-height: 40px;
  transition: all .5s;
  background: #1750E2;
  border: 2px #1750E2 solid;
  font-size: 18px;
  font-weight: 700;
}
.messages .btns .submit {
  letter-spacing: 12px;
  padding-left: 16px;
  border: 2px #1750E2 solid;
  color: #fff;
}
.messages .btns .submit:hover {
  background: transparent;
  color: #1750E2;
}
.messages .btns .reset {
  border: 1px #fff solid;
  color: #215bab;
  background: #fff;
}
.messages .btns .reset:hover {
  border: 1px #215bab solid;
  background: #215bab;
  color: #fff;
}
/*ditu*/
#allmap {
  width: 100%;
  height: 430px;
}
#allmap .BMap_mask {
  opacity: 0.2;
  background: #000;
  background: transparent \9;
}
#allmap img {
  max-width: initial;
  max-height: inherit;
}
#allmap .anchorBL {
  display: none;
}
/*map*/