/*首页*/

.kf02 {
  position: fixed;
  top: 14%;
  right: -170px;
  z-index: 999;
  width: 170px;
  background: #f3f3f3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.link {
  display: none;
}

.kf02.on {
  right: 0;
}

.kf02-head {
  height: 134px;
  background: url(../images/kefu/kf-2-0.png) no-repeat center;
  font-size: 0;
}

.kf02-list li~li {
  border-top: 1px solid #dadada;
}

.kf02-list li .box {
  position: relative;
  padding:10px 0px 10px 20px;
}
.kf02-list li .box .qq{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 10px;
  height: 34px;
  padding: 0 6px;
}
.kf02-list li .box .qq span{
  width: 100%;
  text-align: center;
}
.kf02-list li .box .wx{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 6px;
  padding-left: 10px;
}

.kf02-list li .box img{
  width: 110px;
  height: 100px;
}

.kf02-qq {
  width: 18px;
  height: 20px;
  background: url(../images/kf-2-qq.png) no-repeat center;
}

.kf02-wx {
  width: 18px;
  height: 20px;
  background: url(../images/kf-2-wx.png) no-repeat center;
}

.kf02-list li .box:hover .kf02-qq {
  /*-webkit-animation: sh-shake 2s ease infinite;
    animation: sh-shake 2s ease infinite;*/
}

/*动画——抖动效果*/

@-webkit-keyframes sh-shake {
  0%, 25%, 100% {
    -webkit-transform: translateY(0)
  }
  3%, 9%, 15% {
    -webkit-transform: translateY(-3px)
  }
  6%, 12%, 20% {
    -webkit-transform: translateY(3px)
  }
}

@keyframes sh-shake {
  0%, 25%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  3%, 9%, 15% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }
  6%, 12%, 20% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
  }
}

.kf02-list li .box .cont {
  font-size: 12px;
  line-height: 20px;
  font-size: 0;
}

.kf02-list li .box .cont span {
  display: inline-block;
  width: 50%;
  font-size: 12px;
  color: #333;
}

.kf02-list li .box .cont span.big {
  width: 100%;
}

.kf02-foot {
  height: 31px;
  background: url(../images/kf-2-1.png) no-repeat center #FF651B;
  cursor: pointer;
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.kf02-foot:hover {
  opacity: .8 !important;
}

.kf02-left {
  position: absolute;
  left: -69px;
  top: 0;
  width: 69px;
  height: 69px;
  background: #007DCC url(../images/icon-kf.png) no-repeat center;
  background-size: 35px;
  text-align: center;
  cursor: pointer;
}

.kf02-left .icon-right {
  display: inline-block;
  margin-top: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: url(../images/kf-02-close.png) no-repeat center;
  background-size: 5px;
}

.kf02-close {
  position: absolute;
  left: -25px;
  top: 0;
  width: 25px;
  height: 30px;
  background: rgba(0, 0, 0, .2);
  cursor: pointer;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.kf02-close .icon-close {
  width: 25px;
  height: 30px;
  background: url(../images/kf-02-close.png) no-repeat center;
  background-size: 10px;
  /*-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;*/
}

.kf02-close:hover {
  background-color: rgba(244, 101, 28, .5);
}

.kf02-close.on .icon-close {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*头部*/

.header {
  clear: both;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  background: #fff;
  
}

.header .header-top{
  width: 100%;
  padding: 20px 46px 0 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

img[src=""] {
  opacity: 0;
}

.logo {
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo img {
  vertical-align: middle;
  max-height: 60px;
}

.pro_info h3:nth-child(2) {
  height: 48px;
}

.pro_info h3:nth-child(1) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.covers {
  width: 100%;
  overflow: hidden;
}

.covers img {
  transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  -webkit-animation: minus 5s 0s ease both infinite;
  -moz-animation: minus 5s 0s ease both infinite;
  animation: minus 5s 0s ease both infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes minus {
  from {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  }
  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes minus {
  from {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  }
  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

.logo span {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.download_index tbody tr {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.download_index a {
  display: inline-block;
  padding: 6px 30px;
}

.alink {
  display: block;
  width: 98px;
  height: 98px;
  background: #007dcc url(../images/albb.png) no-repeat center 22px;
  position: fixed;
  right: 0;
  bottom: 2%;
  z-index: 999;
}

.alink::before {
  content: "阿里店铺";
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  left: 0;
  color: #fff;
  bottom: 14px;
}

.ftel {
  font-size: 18px;
  color: #007dcc;
}

.nav {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.nav>ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav>ul>li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.nav>ul>li>a {
  font-size: 18px;
  color: #333;
  display: block;
  padding: 10px 50px 20px 50px;
  position: relative;
}

.nav>ul>li>a:hover, .nav a:hover, .nav a.cur, .nav>ul>li>a.cur {
  color: #007dcc;
}

.language {
  vertical-align: middle;
}

.language a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #666;
  padding: 0 5px;
}

.language a.cur {
  color: #007dcc;
  font-weight: 500;
}

.tel {
  margin-right: 24px;
  height: 24px;
  line-height: 24px;
  padding-left: 32px;
  background: url(../images/c1.png) no-repeat left center;
  background-size: 24px;
  font-size: 24px;
  color: #007dcc;
}

/* 产品搜索 */
.search{
  width: 300px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #999;
  margin: 0 30px 0 auto;
  border-radius: 50px;
  overflow: hidden;
}

.search input{
  width: 90%;
  height: 28px;
  padding-left: 10px;
  background: #fff;
}

.news-search{
  width: 300px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #999;
  border-radius: 50px;
  overflow: hidden;
}

.news-search input{
  width: 90%;
  height: 28px;
  padding-left: 10px;
  background: #fff;
}

.product_nav, .news_nav {
  text-align: center;
  margin-bottom: 28px;
}

.product_nav a, .news_nav a {
  display: inline-block;
  width: 148px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari and Chrome */
  -o-transition: all 0.5s;
  /* Opera */
  margin: 0 2px;
}

.product_nav a:hover, .product_nav a.cur, .news_nav a.cur, .news_nav a:hover {
  background: #007dcc;
  color: #fff;
  border-color: #007dcc;
}

.product_box {
  display: none;
  background: #fff;
}

.product_box.on {
  display: block !important;
}

.product_box ul {
  margin-left: 4px;
}

.product_box li {
  width: 25%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  border: 1px solid #e1e1e1;
  margin-left: -1px;
  margin-top: -1px;
  height: 350px;
  position: relative;
  text-align: center;
  background: #fff;
}

.product_box li .cover {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 50%;
  background: rgb(0, 125, 204, 0);
  z-index: 99;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.product_box li:hover .cover {
  background: rgba(0, 125, 204, .8) !important;
  opacity: 1;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}

.pro_al {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  display: table;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s;
  /* Safari and Chrome */
  -o-transition: all 0.5s;
  /* Opera */
}

.pro_al_box {
  display: table-cell;
  vertical-align: middle;
}

.pro_al_box h2 {
  font-size: 16px;
  color: #fff;
  line-height: 2;
}

.product_box li:hover .pro_al {
  opacity: 1;
}

.pro_info h3 {
  font-size: 16px;
  min-height: 24px;
}

.pro_info {
  padding: 40px 20px;
}

.pro_info img {
  height: 220px;
  max-width: 100%;
  padding-top: 20px;
}

.case_box li {
  width: 32.4%;
  float: left;
  background: #fff;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.case_box li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

.case_box li:nth-child(3n-1) {
  margin: 0 1.4%;
}

.case_center {
  overflow: hidden;
  background: #f1f1f1 url(../images/bg1.png) no-repeat left bottom;
  padding-bottom: 84px;
}

.product_center {
  padding-bottom: 84px;
}

.case_t {
  height: 348px;
  overflow: hidden;
}

.case_b {
  height: 245px;
  padding: 0 8%;
}

.case_b>a {
  display: inline-block;
  font-size: 18px;
  color: #333;
  margin-top: 36px;
  margin-bottom: 10px;
}

.case_b p {
  text-align: justify;
  line-height: 2;
}

.btn_box {
  text-align: center;
}

.btn_box a {
  display: inline-block;
  width: 66px;
  height: 22px;
  background: url(../images/jt1.png) no-repeat center 5px;
  border: 1px solid #c2c2c2;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
  margin: 26px auto;
}

.btn_box a:hover {
  border-color: #007dcc;
  background: #007dcc url(../images/jt2.png) no-repeat center 5px;
}

.a_u_l {
  padding-left: 2%;
}

.about_us {
  background: url(../images/about-us.jpg?v=1) no-repeat right center;
  -moz-background-size: 54%;
  background-size: 54%;
}

.about_wrap {
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  padding: 150px 135px 150px 0;
}

.ztitle1 {
  font-size: 36px;
  color: #333;
}

.about_wrap .ztitle1 {
  margin-bottom: 36px;
}

.about_wrap>a {
  font-size: 16px;
  color: #007dcc;
  display: inline-block;
  padding: 50px 0;
}

.num_box>div {
  float: left;
  margin-right: 5%;
}

.nums>span {
  color: #666666;
  font-size: 14px;
}

.nums b {
  font-size: 36px;
  color: #007dcc;
  font-weight: 500;
}

.nums p span {
  position: relative;
  top: -14px;
}

.news_box li {
  width: 23.8%;
  float: left;
  margin-right: 1.6%;
  margin-bottom: 1.6%;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  padding: 38px 34px 0 34px;
  height: 525px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.news_box li:hover {
  background: #007dcc;
  color: #fff;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

.news_box li:hover a, .news_box li:hover span {
  color: #fff;
}

.news_box li:hover .new_info>span {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  background: #fff;
}

.news_box li:nth-child(4n) {
  margin-right: 0 !important;
}

.news_center {
  overflow: hidden;
  background: #f1f1f1;
  padding-bottom: 84px;
}

.new_img {
  margin: 22px 0;
  height: 183px;
  overflow: hidden;
}

.new_img img {
  width: 100%;
}

.new_info>a {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  min-height: 38px;
}

.new_info>p {
  line-height: 1.2;
}

.new_info>span {
  display: inline-block;
  width: 19px;
  height: 4px;
  background: #666666;
  margin: 18px 0;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.footer {
  padding-top: 46px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}

.foot_item {
  width: 15%;
  float: left;
}

.foot_item dt {
  font-size: 18px;
  color: #333333;
  margin-bottom: 18px;
}

.foot_bottom {
  line-height: 30px;
  padding: 20px 0;
  height: 60px;
}

.link b {
  color: #666666;
  font-weight: 500;
  vertical-align: middle;
}

.link a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.copyright {
  margin-left: 10px;
}

.crumbs {
  height: 98px;
  line-height: 98px;
  background: #fff;
}

.crumbs .col-width {
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 99px #ccc;
  -moz-box-shadow: 0 0 99px #ccc;
  box-shadow: 0 0 99px #ccc;
  font-size: 16px;
  position: relative;
  top: -49px;
  z-index: 9999;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.crumbs_r li {
  float: left;
  margin-right: 56px;
}

.crumbs_l {
  margin-left: 56px;
}

.crumbs_l a.cur, .crumbs_l a:hover {
  color: #007dcc;
}

.crumbs_r li a {
  display: block;
  line-height: 98px;
  position: relative;
}

.crumbs_r li:hover a, .crumbs_r li.cur a {
  color: #007dcc;
}

.crumbs_r li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background: #007dcc;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.crumbs_r li a:hover::after, .crumbs_r li.cur a::after {
  width: 100%;
  left: 0;
}

.since {
  overflow: hidden;
  margin-top: 14px;
  margin-bottom: 96px;
}

.since>div {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.since_l {
  padding-right: 60px;
  padding-top: 60px;
}

.since_l p {
  text-align: justify;
  line-height: 32px;
  margin-bottom: 32px;
  font-size: 16px;
}

.since_r img {
  max-width: 100%;
}

.part_four {
  height: 314px;
  background: url(../images/about_bg.jpg) no-repeat center top;
}

.pf_num {
  width: 25%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 78px;
  color: #fff;
  padding-top: 120px;
}

.pf_num b {
  font-size: 48px;
  line-height: 1;
  font-weight: 500;
}

.pf_num p span {
  position: relative;
  top: -30px;
}

.about_part {
  background: #f1f1f1;
  overflow: hidden;
}

.about_part .col-width {
  margin-top: 112px;
  margin-bottom: 130px;
  background: #fff;
}

.about_part>.col-width>div {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ap_info {
  padding: 0 100px;
}

.ap_info h2 {
  margin-top: 100px;
}

.pro_nav {
  margin-bottom: 40px;
}

.pro_nav ul {
  margin-left: 4px;
}

.pro_nav li {
  float: left;
  width: 25%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border: 1px solid #e1e1e1;
  margin-left: -1px;
  margin-top: -1px;
}

.pro_nav li a {
  font-size: 16px;
}

.pro_nav li:hover, .pro_nav li.cur {
  background: #007dcc;
}

.pro_nav li:hover a, .pro_nav li.cur a {
  color: #fff;
}

.service_intro .intro {
  line-height: 24px;
}

.service_intro {
  text-align: center;
}

.service_intro p {
  margin-bottom: 32px;
}

.service_box {
  margin-bottom: 60px;
  margin-top: 72px;
}

.service_box>div {
  width: 50%;
  float: left;
  position: relative;
}

.sb_info {
  position: absolute;
  bottom: 0;
  color: #fff;
  left: 45px;
  bottom: 36px;
}

.sb_info h2 {
  color: #fff !important;
}

.page {
  margin-top: 75px;
  margin-bottom: 75px;
}

.app {
  overflow: hidden;
  background: #f1f1f1;
  padding-bottom: 75px;
}

.app .app_box>div {
  background: #fff;
}

.app_box>div {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 432px;
}

.app_box .btn_box {
  text-align: right;
}

.app_info {
  padding: 0 5%;
}

.app_info h3 {
  margin-top: 100px;
  font-size: 18px;
  margin-bottom: 18px;
}

.app_img img {
  width: 100%;
  height: 432px;
}

.download_index {
  padding-bottom: 75px;
}

.download_index table {
  width: 100%;
}

.download_index td, .download_index th {
  height: 68px;
  border: 1px solid #c2c2c2;
}

.download_index td {
  text-align: center;
}

.download_index tr td:first-child, .download_index tr th:first-child {
  padding: 0 30px;
  text-align: left;
}

.download_index tr th, .download_index tr td {
  font-size: 16px;
  color: #000;
}

.download_index tr th {
  font-weight: 500;
}

.pic_index li:nth-child(4n) {
  margin-right: 0;
}

.pic_index li {
  float: left;
  height: 396px;
  width: 335px;
  border: 1px solid #e0e0e0;
  margin-right: 20px;
  text-align: center;
  margin-top: 40px;
}

.pic_img {
  height: 344px;
}

.pic_img span {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.pic_img img {
  max-height: 344px;
  max-width: 80%;
}

.pic_txt {
  line-height: 50px;
}

.pic_index li>a {
  display: block;
}

.join_box {
  padding: 0 100px;
}

.join_box dt ul {
  padding-left: 40px;
}

.join_box dt li {
  display: inline-block;
  line-height: 80px;
}

.join_box dt {
  height: 80px;
  line-height: 80px;
  position: relative;
  border: 1px solid #f1f1f1;
}

.join_box dt ul li {
  color: #999999;
  font-size: 16px;
}

.join_box dt ul li:nth-child(1) {
  font-size: 18px;
  color: #333333;
  width: 15%;
}

.join_box dt ul li:nth-child(2) {
  width: 14%;
}

.join_box dt ul li:nth-child(3) {
  width: 14%;
}

.join_box dt ul li:nth-child(4) {
  width: 20%;
}

.join_box dt ul li:nth-child(5) {
  width: 20%;
}

.join_box dd {
  padding: 60px 20px 0;
  display: none;
}

.join {
  margin-top: 100px;
}

.join dl {
  margin-bottom: 60px;
}

.join_box dd p {
  font-size: 16px;
  color: #666;
  line-height: 2;
}

.arrow {
  display: block;
  width: 26px;
  height: 14px;
  position: absolute;
  right: 26px;
  bottom: 66px;
}

.arrow img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.join_box dt .arrow.on img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-filter: gray;
  filter: gray;
}

.join_box dt.on {
  background: #f1f1f1;
}

.btn_join {
  display: inline-block;
  padding: 0 20px;
  line-height: 38px;
  background: #007dcc;
  -moz-border-radius: 19px;
  border-radius: 19px;
  color: #fff;
  margin-top: 62px;
}

.btn_join:hover {
  color: #fff!important;
}

.contact_part1 .ztitle1 {
  text-align: center;
  margin-bottom: 100px;
}

.contact_part1 {
  padding: 125px 0;
  background: #f1f1f1;
}

.contact_box li {
  width: 25%;
  float: left;
  text-align: center;
}

.fwzc_box>div {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fwzc_list {
  position: relative;
  margin-bottom: 90px;
  overflow: hidden;
}

.fwzc_list dl {
  position: absolute;
  bottom: 42px;
  left: 45px;
  color: #fff;
}

.fwzc_list dt {
  font-size: 24px;
  color: #fff;
}

.fwzc_list dd a {
  font-size: 14px;
}

.contact_box li img {
  height: 73px;
}

.contact_box li h3, .contact_box li p {
  font-size: 20px;
  color: #101010;
  line-height: 32px;
}

.contact_box li h3 {
  margin-top: 16px;
}

.input_row {
  line-height: 34px;
}

.message {
  height: 664px;
  /*background: url(../images/map.png) no-repeat right center;*/
  -moz-background-size: 50%;
  background-size: 50%;
  overflow: hidden;
}

.message_r {
  height: 664px;
}

.message>div {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.message_l {
  padding-left: 11%;
  padding-top: 90px;
}

.message_l form {
  width: 66%;
  margin-bottom: 36px;
}

/*.message_l {
    padding-top: 90px;
}

.message_l form {
    width: 504px;
    margin-bottom: 36px;
}
*/

.input_row {
  position: relative;
}

.input_row input {
  height: 36px;
  width: 100%;
  border: 1px solid #e8e8e8;
  margin-bottom: 18px;
  text-indent: 44px;
}

.message_l form h2 {
  margin-bottom: 40px;
}

.input_row i {
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid #e8e8e8;
}

.m1 {
  background: url(../images/m1.png) no-repeat 1px 1px;
}

.m2 {
  background: url(../images/m2.png) no-repeat 1px 1px;
}

.m3 {
  background: url(../images/m3.png) no-repeat 1px 1px;
}

.m4 {
  background: url(../images/m4.png) no-repeat 1px 1px;
}

.textarea_box textarea {
  width: 100%;
  border: 1px solid #e8e8e8;
  resize: none;
  height: 108px;
  padding: 10px;
}

.btn_sure {
  display: block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #007dcc;
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  cursor: pointer;
}

.hot_line img {
  height: 30px;
  margin-right: 16px;
}

.hot_line {
  font-size: 24px;
  color: #000;
}

.contact_bottom {
  background: #f1f1f1;
  padding: 112px 0;
}

.contact_bottom .ztitle1 {
  text-align: center;
  margin-bottom: 64px;
}

.cb_box li {
  background: #fff;
  width: 32.6%;
  height: 517px;
  margin-bottom: 20px;
  float: left;
  margin-right: 1.1%;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.cb_box li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

.cb_box li:nth-child(3n) {
  margin-right: 0;
}

.cb_txt {
  min-height: 186px;
  overflow: hidden;
  padding: 0 54px;
  margin-top: 44px;
  font-size: 16px;
  color: #000;
}

.fzlc {
  position: relative;
  padding-bottom: 100px;
  overflow: hidden;
  background: url(../images/jy.png) no-repeat center bottom;
}

.fzlc::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 100%;
  background: #d1d1d1;
}

.fzlc li>div {
  width: 50%;
}

.fzlc li {
  margin-bottom: 100px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.fzlc li.show {
  opacity: 1;
}

.fzlc_img {
  text-align: center;
  position: relative;
}

.fzlc_img img {
  width: 279px;
}

.fzlc_info.fr {
  padding-left: 70px;
  text-align: left;
  padding-right: 140px;
}

.fzlc_info.fl {
  padding-right: 70px;
  text-align: right;
  padding-left: 140px;
}

.local {
  text-align: center;
}

.fzlc_info {
  padding-top: 26px;
}

.fzlc li::after {
  content: "";
  position: absolute;
  z-index: 9999;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/yd.png) no-repeat center center;
  left: 50%;
  margin-left: -6px;
  top: 26px;
}

.fzlc_img::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 138px;
  background: #d1d1d1;
  top: 32px;
}

.fzlc_img.fl::before {
  right: 0;
}

.fzlc_img.fr::before {
  left: 0;
}

.fzlc_info h2 {
  font-size: 24px;
  color: #007dcc;
  line-height: 1;
  margin-bottom: 24px;
}

.fzlc_info p {
  color: #666666;
  font-size: 16px;
}

.fzlc_info.fr p {
  padding-left: 20px;
  position: relative;
}

.fzlc_info.fr p::after {}

.fzlc_info.fl p {
  padding-right: 20px;
  position: relative;
}

.fzlc_info p::after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #007dcc;
  top: 12px;
}

.fzlc_info.fr p::after {
  left: 0;
}

.fzlc_info.fl p::after {
  right: 0;
}

.more {
  text-align: center;
}

.more a {
  display: inline-block;
  background: #fff;
  padding: 5px 10px;
  position: relative;
  z-index: 999;
}

.hidden {
  display: none;
}

.sub_box {
  position: absolute;
  top:100%;
  background: #fff;
  z-index: 999999;
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  -moz-transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;
  -webkit-transition: transform .5s, opacity .5s;
  text-align: left;
  width: 100%;
  box-shadow: 0 2px 4px #e0e0e0;
}

.sub_box a {
  display: block;
  padding: 0 22px;
  line-height: 40px;
  text-align: center;
  white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
}

.nav>ul>li:hover .sub_box {
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transform: translate(0);
  opacity: 1;
  visibility: visible;
}

.prev, .prev_disabled, .next, .next_disabled {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.prev, .prev_disabled {
  background: url(../images/pr.png) no-repeat center center;
}

.next, .next_disabled {
  background: url(../images/nr.png) no-repeat center center;
}

.prev_disabled, .next_disabled {
  background-color: #666666;
}

.prev, .next {
  background-color: #007dcc;
}

.page a, .page span {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 10px;
  margin: 0 5px;
  font-size: 20px;
  color: #666666;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.prev_disabled:hover, .next_disabled:hover, .next:hover, .prev:hover {
  background-color: #23b9fc;
}

.page {
  text-align: center;
}

.page label {
  display: none;
}

span.current {
  color: #007dcc;
}

.crumb {
  padding: 40px 0;
  font-size: 14px;
}

.return_btn a {
  text-decoration: underline;
}

.product_top {
  background: #fff;
  margin-bottom: 70px;
}

.product_top>div {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pro_right h2 {
  font-size: 30px;
}

.pro_right h3 {
  font-size: 24px;
  margin-bottom: 48px;
}

.pro_right p {
  margin: 48px 0;
}

.pro_right {
  padding: 100px 80px;
}

.pro_right .hvr-shutter-out-horizontal {
  display: inline-block;
  width: 182px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #007ccd;
  color: #007ccd;
  background: #fff;
  text-align: center;
  margin-right: 5px;
  font-size: 16px;
}

.pbtn1 {
  display: inline-block;
  vertical-align: middle;
  height: 58px;
  line-height: 58px;
  padding-left: 72px;
  padding-right: 30px;
  color: #fff;
  font-size: 22px;
  margin-right: 50px;
  transition: 0.4s;
}

.pro_btns {
  margin-bottom: 30px;
}

.img_icon {
  margin-bottom: 30px;
}

.img_icon img {
  height: 25px;
  margin-right: 10px;
}

.pbtn1:hover {
  background-color: #23b9fc;
  text-decoration: none;
  box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);
}

.pbtn1 {
  background: #007dcc url(../images/question.png) no-repeat 25px center;
}

.pbtn2 {
  background: #007dcc url(../images/download.png) no-repeat 28px center;
  background-size: 15%;
}

.pro_right a:hover {
  color: #fff!important;
}

.pro_right span {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(../images/c1.png) no-repeat center;
  background-size: cover;
  margin-right: 10px;
}

.pro_right b {
  font-size: 28px;
  vertical-align: middle;
  color: #007dcc;
  font-weight: 500;
}

.product_bottom {
  margin: 70px auto;
}

.product_bottom h2 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 30px;
}

.pro_nav {
  text-align: center;
  margin-bottom: 48px;
}

.pro_nav a {
  display: block;
  vertical-align: middle;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  margin: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro_nav_show {
  text-align: left;
}
.pro_nav_show a {
  display: inline-block;
}

.pro_nav a.cur, .pro_nav a:hover {
  color: #007dcc;
  /* border-bottom: 1px solid #007dcc; */
}

.pro_rel {
  padding: 70px 0;
  overflow: hidden;
}

.pro_rel .col-width>h2 {
  font-size: 30px;
  margin-bottom: 30px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container {
  height: 450px;
}

.pro_left {
  padding: 70px 0;
}

.swiper-slide img {
  max-height: 100%;
}

.since_r {
  text-align: right;
}

.pro_box table {
  width: 100%;
  background: #fff;
}

.pro_box table td {
  padding: 0 10px;
}

.foot_item dd a:hover, .link a:hover {
  color: #007dcc;
}

a:hover {
  color: #007dcc;
}

.new_wrap .btn_box a:hover {
  background: url(../images/jt1.png) no-repeat center 5px!important;
  border: 1px solid #c2c2c2!important;
}

.ser_intro .intro {
  margin-bottom: 60px;
}

.ser_bottom {
  border-top: 1px solid #e3e3e3;
  padding: 110px 0;
  overflow: hidden;
}

.slist {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.slist_l {
  width: 28%;
  text-align: center;
}

.slist_r {
  width: 68%;
  padding-right: 2%;
}

.slist_r h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 18px;
  color: #007dcc;
}

.qqkefu {
  position: fixed;
  bottom: 200px;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop + 365));
  z-index: 9999;
  right: 0;
  width: 53px
}

.qqkefu ul li {
  height: 47px;
  margin-bottom: 5px;
  float: right;
  background: rgba(153, 153, 153, 0.8);
  opacity: .8;
  line-height: 47px;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.9;
  position: relative
}

.qqkefu ul li a {
  color: #fff;
}

.qqkefu ul li.qq_cza {
  overflow: hidden
}

.qqkefu ul li:hover {
  background: #007dcc;
}

.qqkefu ul li.top2 {
  color: #1c1c1c;
  font-weight: 800;
  text-align: center;
  background: rgba(153, 153, 153, 0.8) url(../images/top_icon.png) no-repeat center;
  opacity: .8;
  position: relative;
  width: 53px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.qqkefu ul li.top2:hover {
  background-color: #007dcc;
}

.qqkefu ul li b {
  width: 53px;
  height: 48px;
  display: block;
  overflow: hidden;
  float: left;
}

.qqkefu ul li span {
  position: absolute;
  opacity: 0;
  display: block;
  width: 53px;
  height: 47px;
  line-height: 30px;
  background-color: #007dcc;
}

.qqkefu ul li:hover b.a {
  background-image: none;
}

.qqkefu ul li:hover b.f {
  background-image: none;
}

.qqkefu ul li:hover b.d {
  background-image: none;
}

.qqkefu ul li:hover span {
  line-height: 17px;
  opacity: 1;
  color: #fff;
  height: 41px;
  font-size: 14px;
  padding-top: 6px;
  width: 100%;
  text-align: center;
}

.qqkefu ul li b.a {
  background: url(../images/czx4.png) no-repeat center center;
}

.qqkefu ul li b.f {
  background: url(../images/xia_z.png?v=3) no-repeat center center;
}

.qqkefu ul li b.b {
  background: url(../images/czx3.png) no-repeat center center;
}

.qqkefu ul li b.d {
  background: url(../images/bdsq.png) no-repeat center center;
}

.qqkefu ul li b.c {
  background: url(../images/ico_erweima.png) no-repeat center center;
}

.qqkefu ul li b.lxb {
  background: url(../images/phone0.png) no-repeat center center;
}

.ewms {
  display: none;
  position: absolute;
  left: -155px;
  font-size: 14px;
  bottom: 0px;
  background: rgba(153, 153, 153, 0.8);
  line-height: 32px;
  padding: 15px 20px;
  opacity: 1;
  color: #fff;
}

.ewms img {
  max-width: 100%;
}

.div_ewm img {
  margin-top: 20px;
  float: left;
  margin-right: 10px;
  width: 117px;
}

.wb {
  display: inline-block;
  width: 40px;
  height: 40px;
  transition: 0.3s;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  margin-right: 10px;
  background: url(../images/wb.png) no-repeat center;
  background-size: 100%;
}

.qq_cza66:hover .ewm {
  display: block;
}

.qqkefu ul li b {
  width: 53px;
  height: 47px;
  display: block;
  overflow: hidden;
  float: left;
}

/* 弹窗视频 */

.vwrap2 {
  display: none;
  z-index: 1040;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.vwrap2 .videobtg2 {
  z-index: 900;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  overflow: hidden;
}

.vwrap2 .videobox2 {
  z-index: 990;
  padding: 0 50px;
  width: 900px;
  height: 500px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -250px;
  margin-left: -500px;
}

.vwrap2 .videobox2 #videobox2 {
  width: 100%;
  display: inline-block;
  height: 100%;
  background: #fff;
}

#videobox_wrapper {
  height: 100%!important;
}

.vwrap2 .close2 {
  z-index: 999;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: -38px;
  right: -40px;
}

.vwrap2 .close2 i {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/close.png) no-repeat 50% 50%;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.vwrap2 .close2:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#videobox_display_button {
  background: none no-repeat!important;
}

.jwplayer .jwicon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jwlogo, .jwclick {
  display: none!important;
}

#videobox_controlbar {
  bottom: 5%!important;
}

.tc-message2 .guest_box li .input {
  width: 408px;
}

.tc-message2 .guest_box2 li {
  width: 32%;
  margin-right: 2%;
}

.tc-message2 .guest_box li .input {
  padding-left: 5%;
  width: 94%;
}

.tc-message2 .guest_box2 li.text_error {
  width: 100%;
}

.tc-message2 .guest_box li .textarea {
  width: 883px;
  padding-left: 14px;
}

.tc-message2 {
  padding-top: 20px;
}

.tc-message2 .guest_box .submit {
  margin-top: 0px;
  background-color: #666;
  color: #fff;
  border: 0;
}

.tc-message2 .guest_box .submit:hover {
  background-color: #d0b372;
  color: #fff;
  border: 0;
}

.tc-message2 h3 {
  font-size: 30px;
  color: #333;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.biaodan_con2 {
  padding: 0 18px;
  width: 164px;
}

.biaodan_con2 li {
  width: 100%;
}

.biaodan_con2 li .input {
  border: 1px solid #fff;
  width: 125px;
  padding-left: 35px;
  background-color: #fff;
}

.biaodan_con2 .submit {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 5px;
  width: 100%;
  height: 40px;
  line-height: 38px;
  border: 1px solid #fff;
  color: #fff;
  background: none;
  /* background-color: #fff; */
}

.tc-message2 .guest_box li .input {
  border: 1px solid #eee;
}

.tc-message2 .guest_box li .textarea {
  border: 1px solid #eee;
}

.llink {
  position: relative;
  margin-top: 50px;
}

.llink a {
  display: inline-block;
  vertical-align: middle;
  height: 42px;
  width: 42px;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #9b9c9b;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  margin-bottom: 10px;
  position: relative;
}

.eewms {
  position: absolute;
  bottom: 50px;
  display: none;
}

.eewms img {
  width: 100px;
  height: 100px;
  max-width: inherit;
}

.download_index tbody tr {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.albb {
  background-image: url(../images/albb.png);
  background-size: 56%;
}

.email {
  background-image: url(../images/email.png);
}

.qq {
  background-image: url(../images/qq.png);
}

.code {
  position: absolute;
  bottom: 56px;
  left: 14px;
  display: none;
}

.code img {
  width: 120px;
}

.wechat {
  position: relative;
  background-image: url(../images/weixin.png);
}

.skype {
  background-image: url(../images/skype.png);
}

.llink a:hover {
  background-color: #007dcc;
}

.link b {
  color: #666666;
  font-weight: 500;
  vertical-align: middle;
}

.link a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.news_wrap .news_box {
  display: none;
}

.news_wrap .news_box:first-child {
  display: block;
}