body {
  font-family: 'microsoft yahei', 'Verdana', 'Arial Narrow';
  margin: 0;
  padding: 0;
  font-size: 14px;
  height: 100%;
  width: 100%;
  min-width: 1200px;
  background-color: #fff;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: none;
}
textarea {
  border: 1px solid #c1c1c1;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}
a:hover {
  color: #0093ff;
  cursor: pointer !important;
}
.sidebar_item {
  color: #666;
  font-size: 24px;
  margin-top: 50px;
}
.img {
  vertical-align: middle;
  max-width: 100%;
  border: none !important;
}
.product_title {
  font-size: 25px;
  color: #333;
  text-align: center;
  height: 160px;
  line-height: 260px;
}
.title {
  font-size: 30px;
  color: #333;
  text-align: center;
  height: 60px;
}
.subTitle {
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
  margin-top: 30px;
}
.leftTitle {
  text-align: left;
  font-size: 30px;
  height: 120px;
  line-height: 160px;
  font-weight: 500;
}
.leftSideTitle {
  font-size: 18px;
  color: #333;
  text-align: left;
  line-height: 36px;
  font-weight: 600;
  margin-top: 30px;
}
.txt {
  font-size: 14px;
  line-height: 36px;
  text-align: justify;
}
.solid {
  position: relative;
  border-bottom: 1px solid #c1c1c1;
}
.arrow_down {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -111px;
  margin-top: -2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0AAAASCAYAAADfett7AAABTElEQVRoge3Zv04UURwF4G+JT+DDCGpHtKKRgsYCOxM6YkNHY2djiI2JHaHA3kYCjTHwApCYEKCGkKixAcNmKcYSw/6ZvTObPV83yczvnubkztzp+NDriYhiZpoOEDFtUrqIwlK6iMJSuojCUrqIwh6g03SIKfcMn/GwwFo/sYS9AmvFf2Sna94u5vBjzOuc4IkUrnEpXTsc4zG+jmn+d2WKHX1I6drjFxawUfPcLdUr7GXNc2NIKV27dLGK1/g74qwe1rGM6xFnRY1Sunb6hOeG352u8BJvVeWLFknp2usbZnE44HMXmMd27YmiFildu52qThy/9Hn/kerA5GBsiWJkKV37/cELvLvnvh08xdnYE8VIUrrJ0MUaXrn7UOSj6uTzd8lQMZyUbrJsqr7Xzv9dd/EGK7hpKlQMJqWbPPt4pPrhvYj3zcaJQd0Ckb8xnexC/SAAAAAASUVORK5CYII=) no-repeat;
  width: 221px;
  height: 18px;
}
.item_name {
  line-height: 76px;
  margin-left: 2px;
  font-size: 18px;
}
.credit,
.operate,
.consortium,
.appreciation {
  display: inline-block;
  background: #dbdbdb;
  width: 240px;
  height: 76px;
}
.credit a,
.operate a,
.consortium a,
.appreciation a {
  display: inline-block;
  width: 240px;
  height: 76px;
}
.credit a:hover,
.operate a:hover,
.consortium a:hover,
.appreciation a:hover {
  background: #4787f6;
}
.credit a:hover .item_name,
.operate a:hover .item_name,
.consortium a:hover .item_name,
.appreciation a:hover .item_name {
  background: #4787f6;
  color: #fff;
}
.product_item {
  display: inline-block;
  position: absolute;
  top: -38px;
  left: 0px;
  width: 1011px;
  z-index: 999;
}
.product_item > div:not(:last-child) {
  margin-right: 12px;
}
.product_item img {
  vertical-align: middle;
  margin-left: 10px;
}
.mt30 {
  margin-top: 30px;
}
.mr40 {
  margin-right: 36px;
}
.lf {
  float: left;
}
.rt {
  float: right;
}
.active {
  color: #0093ff;
}
.icon {
  background: #eee;
  float: right;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-right: -5px;
  margin-top: 10px;
}
.icon.active {
  background: #4787f6;
}
.swiper-container {
  width: 100%;
  height: 521px;
}
.banner1 {
  background: url(./images/banner-1-9b75b84fa610c2b526b9153a56226e44.png) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 512px;
}
.banner2 {
  background: url(./images/banner-2-e96973c0b20180d3cd8e109c7c68dcaf.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.title_txt {
  font-size: 28px;
  font-weight: bold;
}
.content {
  width: 100%;
  height: 600px;
  background: url(./images/prod-5107743b65f2c6cc6dd22cb30e1c1b65.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.i18n {
  padding-top: 20px;
  font-size: 16px;
  color: #919191;
}
.block_chain {
  max-width: 1010px;
  margin: 0 auto;
}
.block_chain .block_chain_box {
  text-align: center;
  overflow: hidden;
  padding-top: 63px;
  padding-bottom: 110px;
}
.block_chain .block_chain_detail_item {
  padding-top: 65px;
}
.block_chain .block_chain_detail_item dl {
  width: 180px;
  float: left;
  text-align: center;
}
.block_chain .block_chain_detail_item dl:not(:last-child) {
  margin-right: 95px;
}
.block_chain .detail_title {
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}
.block_chain .detail_txt {
  text-align: justify;
  font-size: 14px;
  color: #000;
  line-height: 35px;
  padding-bottom: 20px;
}
.block_chain .item_size {
  width: 180px;
  height: 116px;
  margin: 0 auto;
}
.block_chain .item_bg1 {
  background: url(./images/1.1-23e3aeb779f39853710a496da2707ee7.png) no-repeat;
  background-position: -2px center;
}
.block_chain .item_bg2 {
  background: url(./images/1.2-15d42de821f6a1a819704f233d5606f7.png) no-repeat;
  background-position: -3px center;
}
.block_chain .item_bg3 {
  background: url(./images/1.3-ef0012545c5a0887a45271ccbcf084c3.png) no-repeat;
  background-position: -9px center;
}
.block_chain .item_bg4 {
  background: url(./images/1.4-3ed9480ae7255922dffd598ff3b3c6dd.png) no-repeat;
  background-position: 25px center;
}
.block_chain .viewDetail {
  color: #0093ff;
  font-size: 15px;
  font-weight: bold;
}
.block_chain .arrow {
  background: url(./images/1.5-53e9bd07baa386ef33b5d7eb29f2f8ee.png) no-repeat;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: middle;
}
.pro_srvice {
  margin: 0 auto;
  background-color: #f9f9f9;
}
.pro_srvice .pro_srvice_box {
  max-width: 1010px;
  text-align: center;
  padding-top: 63px;
  margin: 0 auto;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail {
  font-size: 0;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .service_pic_first {
  display: inline-block;
  vertical-align: top;
  margin-top: 50px;
  width: 406px;
  height: 329px;
  background: url(./images/service_pic_1-fa6b1d9a4c0e32ebb9bfa098a233b50b.png) no-repeat;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_first,
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_second {
  display: inline-block;
  margin: 50px 55px 0;
  padding-top: 30px;
  vertical-align: top;
  height: 329px;
  width: 349px;
  text-align: left;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_first .desc-title,
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_second .desc-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_first .desc-detail,
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_second .desc-detail {
  margin-bottom: 35px;
  font-size: 14px;
  line-height: 35px;
  color: #333;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_first .viewDetail,
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_second .viewDetail {
  color: #0093ff;
  font-size: 15px;
  font-weight: bold;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_first .arrow,
.pro_srvice .pro_srvice_box .pro_srvice_detail .desc_second .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url(./images/1.5-53e9bd07baa386ef33b5d7eb29f2f8ee.png) no-repeat;
}
.pro_srvice .pro_srvice_box .pro_srvice_detail .service_pic_second {
  display: inline-block;
  margin-top: 50px;
  vertical-align: top;
  width: 406px;
  height: 329px;
  background: url(./images/service_pic_2-d28495cd60176348f1c9a865c6513be9.png) no-repeat;
}
.avdantage {
  margin: 0 auto;
  background: #fff;
}
.avdantage .avdantage_box {
  max-width: 1010px;
  text-align: center;
  overflow: hidden;
  padding-top: 63px;
  margin: 0 auto;
}
.avdantage .avdantage_detail_item {
  padding-top: 65px;
}
.avdantage .avdantage_detail_item .item_area:nth-child(odd) {
  margin-right: 40px;
}
.avdantage .item_area {
  width: 485px;
  float: left;
  height: 130px;
  text-align: center;
  margin-bottom: 120px;
}
.avdantage .avdantage_detail_item dl dd {
  float: right;
}
.avdantage .detail_title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}
.avdantage .detail_txt {
  text-align: justify;
  font-size: 14px;
  color: #000;
  line-height: 35px;
  padding: 15px 0;
}
.avdantage .item_size {
  float: left;
  margin-left: 36px;
  width: 123px;
  height: 123px;
}
.avdantage .item_area_right {
  margin-left: 200px;
}
.avdantage .item_bg1 {
  background: url(./images/adv_1-d63d55fe80366f1a6c1ea8a50e602725.png) no-repeat;
}
.avdantage .item_bg2 {
  background: url(./images/adv_2-83d4519a81562593b37e40689c194768.png) no-repeat;
}
.avdantage .item_bg3 {
  background: url(./images/adv_3-fc9137c44fd3ad2d3c11138318392d7f.png) no-repeat;
}
.avdantage .item_bg4 {
  background: url(./images/adv_4-634c820f45c2651b1e2540d2f61de89a.png) no-repeat;
}
.contact_us {
  position: relative;
  width: 100%;
  height: 514px;
  background: url(./images/contact-us-bg-2fb9be36a4bdbd6a5fccaf6ab580ebbd.png);
  background-size: auto 100%;
  background-position: center;
}
.contact_us .contact_us_btn {
  position: absolute;
  top: 370px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  text-align: center;
  color: #192555;
  background-color: #f8c51a;
  border-radius: 500rem;
  cursor: pointer;
}
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
	height: 100px;*/
}
.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
  /* Specific active slide styling: */
}
.swiper-slide-visible {
  /* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */
}
.swiper-active-switch {
  /* Specific active button style: */
}
.swiper-visible-switch {
  /* Specific visible button style: */
}