﻿* {
  margin: 0;
  padding: 0;
  color: #444;
  font-family: ss, arial;
  font-size: 14px;
  line-height: 1;
}

body {
  margin: 0;
  overflow-x: hidden;
  min-width: 1280px;
  position: relative;
  padding: 0px;
  width: 100%;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after,
.nav_a:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.dh3 {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.dh5 {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.dh10 {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.text,
textarea,
select {
  outline: none;
  color: #666;
  font-size: 14px;
  width: 100%;
}

.f_12 {
  font-size: 12px;
}

.f_16 {
  font-size: 16px;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px;
}

.f_28 {
  font-size: 28px;
}

.f_30 {
  font-size: 30px;
}

.f_32 {
  font-size: 32px;
}

.f_34 {
  font-size: 34px;
}

.f_36 {
  font-size: 36px;
}

.f_38 {
  font-size: 38px;
}

.f_40 {
  font-size: 40px;
}

.f_45 {
  font-size: 45px;
}

img {
  border: none;
}

img[src=""] {
  opacity: 0;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-thumb {
  background: #aaa;
}

body::-webkit-scrollbar-track {
  background: #ccc;
}

p {
  display: block;
  line-height: 24px;
  color: #39425f;
}

/*分页*/

.BMap_mask,
.BMap_cpyCtrl,
.BMap_scaleTxt,
.BMap_scaleCtrl,
.BMap_omCtrl,
.anchorBL {
  display: none !important;
}

.a_dw {
  position: relative;
  top: -80px;
}

.box {
  width: 73%;
  max-width: 1400px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.page1 {
  clear: both;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  position: relative;
}

.page1 span {
  color: #333;
  text-decoration: none;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 1px solid #ddd;
  position: relative;
  cursor: pointer;
}

.page1 span img {
  display: block;
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
}

.page1 span div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 40px;
  text-align: center;
  width: 40px;
}

.page1 span :hover,
.page1 span.current,
.page1 span.current div {
  background: #0060af;
  color: #fff;
}

.page1 span {
  margin: 2px;
}

.page2 {
  width: 120px;
  height: 40px;
  background: #0060af;
  text-align: center;
  color: #fff;
  display: block;
  margin: 0 auto;
  line-height: 40px;
  display: none;
  text-align: center;
}

@charset "UTF-8";

@font-face {
  font-family: "ex";
  src: url("../fonts/ExpletusSans-Regular.woff") format("woff"),
    url("../fonts/ExpletusSans-Regular.ttf") format("truetype"),
    url("../fonts/ExpletusSans-Regular.eot") format("embedded-opentype"),
    url("../fonts/ExpletusSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ss";
  src: url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* 头部 */


.head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  z-index: 12;
  background: rgba(0, 0, 0, 0.5);
}

.head.act {
  background: #333;
}

.head.act2 {
  top: -70px;
}

.head.act2_0 {
  opacity: 1;
}

.head.act3 {
  background: #333;
}

.head .box {
  height: 70px;
}

.head .box .logo {
  display: block;
  float: left;
  width: 80px;
}

.head .box .logo img {
  display: block;
  width: 100%;
}

.head .nav {
  width: 885px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -443px;
}

/*.head .nav .nav_a{display: block;float: left;height: 55px;text-align: center;width: 20%;position: relative;}*/
.head .nav .nav_a {
  display: block;
  float: left;
  height: 55px;
  text-align: center;
  width: 16.66%;
  position: relative;
}

.head .nav .nav_a>a {
  display: block;
  line-height: 46px;
  color: #fff;
  height: 55px;
  font-size: 16px;
}

.head .nav .nav_a>a span {
  display: inline-block;
  width: 11px;
  height: 9px;
  background: url(../images/1_2.png) center no-repeat;
  margin-left: 5px;
}

.head .nav .nav_a>a:hover,
.head .nav .nav_a.act>a {
  color: #0082cc;
  background: #fff;
}

.head:hover .nav .nav_a:nth-child(1)>a:hover,
.head:hover .nav .nav_a:nth-child(1).act>a {
  background: transparent;
}

.head .nav .nav_a>a:hover span,
.head .nav .nav_a.act>a span {
  background: url(../images/1_3.png) center no-repeat;
}

.head .nav .nav_a .nav_bt {
  display: none;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

/*.head .nav .nav_a .nav_bt1{ position: fixed;background: #fff;width: 1200px;top: 70px;left: 50%;margin-left: -600px;}
.head .nav .nav_a .nav_bt1 .nlt{width: 1200px;float: left;box-sizing: border-box;padding: 50px 30px 0;}*/
.head .nav .nav_a .nav_bt1 {
  position: fixed;
  background: #fff;
  width: 1200px;
  top: 70px;
  left: 50%;
  margin-left: -600px;
}

.head .nav .nav_a .nav_bt1 .nlt {
  width: 100%;
  float: none;
  box-sizing: border-box;
  padding: 35px 50px 20px;
}

.head .nav .nav_a .nav_bt1 .nlt .ul1 {
  margin-bottom: 50px;
  text-align: left;
}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li {
  width: 17.8%;
  float: left;
  margin-right: 2.2%;
}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li:last-child {
  margin-right: 0;
}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 10px 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  line-height: 1.5;
}

/*.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-camera{background:url(../nav/camera.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-display{background:url(../nav/display.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-nvr{background:url(../nav/nvr.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-vms{background:url(../nav/vms.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-dvr{background:url(../nav/dvr.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-accessories{background:url(../nav/accessories.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-storage{background:url(../nav/storage.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-software{background:url(../nav/software.png) no-repeat left center;}
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt.ico-uniarch{background:url(../nav/uniarch.png) no-repeat left center;}*/
.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt2 {
  margin-top: -25px;
}

.product_technology {
  width: 100%;
  display: table;
  vertical-align: top;
}

.product_technology .ttl {
  margin-bottom: 10px;
  font-size: 20px;
  color: #111;
  text-align: left;
}

.product_technology .ttl a {
  font-size: 20px;
  color: #111;
}

.product_technology .ttl a:hover {
  color: #0082cc;
}

.product_technology .p {
  width: 70%;
  display: table-cell;
  vertical-align: top;
}

.product_technology .t {
  padding-left: 40px;
  width: 30%;
  display: table-cell;
  vertical-align: top;
  border-left: 1px solid #eee;
  box-sizing: border-box;
}

.product_technology li {
  margin-bottom: 0px;
  padding: 10px 0px;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
}

.product_technology li a {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}

.product_technology li a:hover {
  color: #0082cc;
}

.product_technology .p li {
  float: left;
  width: 50%;
  display: inline;
}

.product_technology .t li {
  margin-top: 5px;
  padding: 5px 0px;
  border-bottom: 1px solid #eee;
}

ul.ptl li a {
  padding: 3px 0px 3px 35px;
  font-size: 16px;
  font-weight: normal;
  display: block;
}

ul.ptl li a:hover {
  color: #0082cc;
}

ul.ptl li .ltc {
  display: none;
}

ul.ptl li {
  border-bottom: 0px;
  position: relative;
}

ul.ptl li.hover {
  background: #0082cc
}

ul.ptl li.hover>a {
  color: #fff;
}

ul.ptl li .submenu {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44%;
  height: auto;
  padding: 0px 0px;
  border: 1px solid #0082cc;
  background: #fafdff;
  z-index: 200;
  display: none;
  box-sizing: border-box;
}

ul.ptl li .submenu span {
  position: absolute;
  left: -6px;
  top: 15px;
  width: 6px;
  height: 9px;
  background: url(../nav/corner-l.png) no-repeat;
}

ul.ptl li .submenu span.down {
  bottom: 15px;
  top: auto;
}

ul.ptl li .submenu>a {
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

ul.ptl li .submenu>a:hover {
  background: #0082cc;
  color: #fff;
}

ul.ptl li .ico-camera {
  background: url(../nav/camera.png) no-repeat 5px center;
}

ul.ptl li .ico-ptz {
  background: url(../nav/ptz.png) no-repeat 7px center;
}

ul.ptl li .ico-thermal {
  background: url(../nav/thermal.png) no-repeat 6px center;
}

ul.ptl li .ico-display {
  background: url(../nav/display.png) no-repeat 5px center;
}

ul.ptl li .ico-switch {
  background: url(../nav/switch.png) no-repeat 5px center;
}

ul.ptl li .ico-nvr {
  background: url(../nav/nvr.png) no-repeat 5px center;
}

ul.ptl li .ico-vms {
  background: url(../nav/vms.png) no-repeat 5px center;
}

ul.ptl li .ico-dvr {
  background: url(../nav/dvr.png) no-repeat 5px center;
}

ul.ptl li .ico-heat {
  background: url(../nav/heat.png) no-repeat 5px center;
}

ul.ptl li .ico-accessories {
  background: url(../nav/accessories.png) no-repeat 5px center;
}

ul.ptl li .ico-storage {
  background: url(../nav/storage.png) no-repeat 5px center;
}

ul.ptl li .ico-software {
  background: url(../nav/software.png) no-repeat 5px center;
}

ul.ptl li .ico-uniarch {
  color: #0082cc;
  font-size: 16px;
  /* line-height: 1.5; */
  background: url(../nav/uniarch.png) no-repeat 5px center;
}

ul.ptl li .ico-unisnug {
  background: url(../nav/unisnug.png) no-repeat 5px center;
}

ul.ptl li .ico-computing {
  background: url(../nav/computing.png) no-repeat 5px center;
}

ul.ptl li .ico-dedicated {
  background: url(../nav/dedicated.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-camera {
  background: url(../nav/camera-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-ptz {
  background: url(../nav/ptz-o.png) no-repeat 7px center;
}

ul.ptl li:hover .ico-thermal {
  background: url(../nav/thermal-o.png) no-repeat 6px center;
}

ul.ptl li:hover .ico-display {
  background: url(../nav/display-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-switch {
  background: url(../nav/switch-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-nvr {
  background: url(../nav/nvr-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-vms {
  background: url(../nav/vms-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-dvr {
  background: url(../nav/dvr-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-heat {
  background: url(../nav/heat-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-accessories {
  background: url(../nav/accessories-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-storage {
  background: url(../nav/storage-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-software {
  background: url(../nav/software-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-uniarch {
  color: #fff;
  background: url(../nav/uniarch-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-unisnug {
  background: url(../nav/unisnug-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-computing {
  background: url(../nav/computing-o.png) no-repeat 5px center;
}

ul.ptl li:hover .ico-dedicated {
  background: url(../nav/dedicated-o.png) no-repeat 5px center;
}

ul.ptl li>a {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltc a {
  display: block;
  margin-bottom: 15px;
}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltc a:hover {
  color: #0082cc;
}

.head .nav .nav_a .nav_bt1 .nrt {
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #0082cc;
  box-sizing: border-box;
  padding: 30px 0;
}

.head .nav .nav_a .nav_bt1 .nrt a {
  display: block;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}

.head .nav .nav_a .nav_bt1 .nrt a img {
  display: block;
  width: 45px;
  margin: 0 auto 15px;
}

.head .nav .nav_a .nav_bt1 .nrt a:hover {
  background: #4da8db;
}

.head .nav .nav_a .nav_bt2 {
  position: absolute;
  background: #fff;
  width: 430px;
  padding-left: 50px;
  top: 100%;
  left: -50px;
  background: #fff;
}

.head .nav .nav_a .nav_bt2 .nlt {
  width: 220px;
  float: left;
  padding: 35px 0 25px;
}

.head .nav .nav_a .nav_bt2 .nlt a {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.head .nav .nav_a .nav_bt2 .nlt a img {
  display: block;
  width: 20px;
  float: left;
  margin-right: 10px;
}

.head .nav .nav_a .nav_bt2 .nlt a:hover {
  color: #0082cc;
}

.head .nav .nav_a .nav_bt2 .nrt {
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #0082cc;
  box-sizing: border-box;
  padding: 30px 0;
}

.head .nav .nav_a .nav_bt2 .nrt a {
  display: block;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}

.head .nav .nav_a .nav_bt2 .nrt a img {
  display: block;
  width: 45px;
  margin: 0 auto 15px;
}

.head .nav .nav_a .nav_bt2 .nrt a:hover {
  background: #4da8db;
}

.head .nav .nav_a .nav_bt3 {
  position: fixed;
  background: #fff;
  width: 1200px;
  padding: 35px 50px;
  top: 70px;
  left: 50%;
  margin-left: -600px;
  background: #fff;
  box-sizing: border-box;
  text-align: left;
}

.head .nav .nav_a .nav_bt3 .nli {
  width: 250px;
  float: left;
  margin-right: 35px;
}

.head .nav .nav_a .nav_bt3 .nli:last-child {
  margin-right: 0;
}

.head .nav .nav_a .nav_bt3 .nli .ntt {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
}

.head .nav .nav_a .nav_bt3 .nli .ntt img {
  display: block;
  width: 20px;
  float: left;
  margin-right: 10px;
}

.head .nav .nav_a .nav_bt3 .nli .ntc a {
  display: block;
  margin-bottom: 15px;
}

.head .nav .nav_a .nav_bt3 .nli .ntc a:hover {
  color: #0082cc;
}

.head .nav .nav_a .nav_bt4 {
  position: absolute;
  background: #fff;
  width: 100%;
  padding: 35px 50px;
  top: 100%;
  left: -50px;
  background: #fff;
  text-align: left;
}

.head .nav .nav_a .nav_bt4 a {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.head .nav .nav_a .nav_bt4 a img {
  display: block;
  float: left;
  width: 20px;
  margin-right: 10px;
}

.head .nav .nav_a .nav_bt4 a:hover {
  color: #0082cc;
}


.head .nav .nav_a .nav_solution {
  position: absolute;
  background: #fff;
  width: 100%;
  padding: 35px 50px;
  top: 100%;
  left: -50px;
  background: #fff;
  text-align: left;
}

.head .nav .nav_a .nav_solution a {
  float: left;
  width: 50%;
  display: inline-block;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.head .nav .nav_a .nav_solution a img {
  display: block;
  float: left;
  width: 20px;
  margin-right: 10px;
}

.head .nav .nav_a .nav_solution a:hover {
  color: #0082cc;
}

.nav_solution-type {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 300px;
  float: left;
  background-color: #f8f8f8;
  padding: 35px 0px;
}

.nav_solution-type>div {
  text-align: left;
  padding: 15px 15px 15px 50px;
}

.nav_solution-type>div.active {
  background-color: #fff;
  border-radius: 2px;
}

.nav_solution-typelist {
  width: 500px;
  min-height: 380px;
  float: left;
  padding: 35px 50px 35px 0px;
}

.head .nav .nav_a .nav_solution .nav_solution-type a {
  float: none;
  margin-bottom: 0px;
  width: 100%;
  font-size: 18px;
  color: #111;
  line-height: 24px;
}

.head .hrt {
  float: right;
  margin-top: 15px;
}

.head .hrt .hr_a {
  width: 52px;
  float: left;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.head .hrt .hr_a>img {
  display: block;
  width: 100%;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.head .hrt .hr_a>img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.head .hrt .hr_a1 {
  width: 70px;
}

.head .hrt .hr_a.act {
  background: #fff;
}

.head .hrt .hr_a.act>img {
  opacity: 0;
}

.head .hrt .hr_a.act>img:nth-child(2) {
  opacity: 1;
}

.head .hrt .hr_a .hr_abt {
  display: none;
}

.head .hrt .hr_a .hr_abt1 {
  position: absolute;
  top: 100%;
  padding: 20px;
  background: #fff;
  right: 0;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.head .hrt .hr_a .hr_abt1 input {
  width: 300px;
  height: 40px;
  border: 1px solid #0082cc;
  border-radius: 5px;
  padding-left: 30px;
}

.head .hrt .hr_a .hr_abt2 {
  position: absolute;
  top: 100%;
  padding: 20px 0px;
  background: #fff;
  right: 0;
  width: 160px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.head .hrt .hr_a .hr_abt2 a {
  display: block;
  line-height: 2;
  padding: 0px 20px;
}

.head .hrt .hr_a .hr_abt2 a:hover {
  color: #0082cc;
  background-color: #f6f6f6;
}

.head .hrt a .hr_a.act {
  background: transparent;
}

.head:hover {
  background: #333;
}

/* 底部 */

.footer {
  background: #263646;
  padding: 70px 0 0;
}

.footer .ul1 {
  width: calc(100% - 290px);
  float: left;
}

.footer .ul1 li {
  float: left;
  margin-right: 8%;
}

.footer .ul1 li:last-child {
  margin-right: 0;
}

.footer .ul1 li div {
  font-size: 20px;
  color: #fff;
  opacity: .8;
  position: relative;
}

.footer .ul1 li div span {
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  opacity: .3;
  margin: 20px 0;
}

.footer .ul1 li a {
  display: block;
  color: #fff;
  opacity: .3;
  margin-bottom: 10px;
}

.footer .ul1 li a:hover {
  opacity: 1;
}

.footer .frt {
  width: 290px;
  float: right;
}

.footer .frt .ft1 {
  font-size: 20px;
  color: #fff;
  opacity: .8;
  position: relative;
}

.footer .frt .ft1 span {
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  opacity: .3;
  margin: 20px 0;
}

.footer .frt .abtn {}

.footer .frt .abtn a {
  display: block;
  width: 40px;
  float: left;
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #68737e;
  margin-right: 8px;
  overflow: hidden;
}

.footer .frt .abtn a:last-child {
  margin-right: 0;
}

.footer .frt .abtn a img {
  display: block;
  width: 100%;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.footer .frt .abtn a img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.footer .frt .abtn a:hover {
  border: 1px solid transparent;
  background: #507cbe;
}

.footer .frt .abtn a:hover img:nth-child(2) {
  opacity: 1;
}

.footer .frt .abtn a:nth-child(2):hover {
  background: #63cdf1;
}

.footer .frt .abtn a:nth-child(3):hover {
  background: #f00;
}

.footer .frt .abtn a:nth-child(4):hover {
  background: #017ab4;
}

.footer .frt .abtn a:nth-child(5):hover {
  background: #4d4f54;
}

.footer .frt .abtn a:nth-child(6):hover {
  background: #faac4b;
}



.footer .fbt {
  height: 110px;
  background: url(../images/1_43.png) top center no-repeat;
  box-sizing: border-box;
  padding-top: 30px;
  margin-top: 70px;
  color: #aaaeb2;
}

.footer .fbt .abtn {
  float: right;
}

.footer .fbt .abtn a {
  display: block;
  float: left;
  color: #aaaeb2;
  border-right: 1px solid #aaaeb2;
  padding-right: 5px;
  margin-left: 5px;
}

.footer .fbt .abtn a:last-child {
  padding: 0;
  border: 0;
}

.footer .fbt .abtn a:hover {
  color: #fff;
}


/* 产品 */

.banner {
  position: relative;
}

.banner img {
  display: block;
  width: 100%;
}

.banner .pimg {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.banner .mimg {
  display: none;
}

.banner .u {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  bottom: 0;
}

.banner .u_big {
  width: 2560px;
  position: absolute;
  left: 50%;
  margin-left: -1280px;
  bottom: 0;
  opacity: 0;
}

.banner .bbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.banner .tt {
  font-size: 48px;
  color: #fff;
  padding-top: 15%;
  font-family: ex;
}

.banner .tc {
  color: #fff;
  margin-top: 1%;
}

.bnav {
  position: relative;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  height: 50px;
  z-index: 11;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  background: #fff;
}

.bnav .a {
  display: block;
  position: relative;
  float: left;
  height: 50px;
  background: url(../images/1_44.png) center right no-repeat;
  padding-right: 20px;
  margin-right: 20px;
  cursor: pointer;
}

.bnav .a:last-child {
  background: none;
}

.bnav .a>span {
  line-height: 50px;
  color: #999;
  display: block;
  padding-right: 15px;
  background: url(../images/1_45.png) right 25px no-repeat;
}

.bnav .a>span a {
  line-height: 50px;
  color: #999;
}

.bnav .a>span a:hover {
  color: #0082cc;
}

.bnav .a:last-child>span,
.bnav .a:first-child>span {
  background: none;
}

.bnav .a .abt {
  position: absolute;
  top: 50px;
  left: -20px;
  padding: 20px;
  background: #fff;
  display: none;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.bnav .a .abt a {
  display: block;
  white-space: nowrap;
  color: #a0adb6;
  line-height: 1.5;
  margin-bottom: 10px;
}

.bnav .a a:hover {
  color: #0082cc;
}

.bnav.act {
  position: fixed;
  top: 0;
  left: 0;
}

.bnav.act2 {
  top: 70px;
}



.pr1 {
  padding: 90px 0;
}

.pr1 .tt {
  font-family: ex;
  color: #39425f;
  color: #39425f;
  font-weight: bold;
}

.pr1 .tc {
  margin: 30px 0;
  color: #39425f;
  line-height: 1.5;
}

.pr1 .ul1 {}

.pr1 .ul1 li,
.pr1 .ul1 li .img img {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.pr1 .ul1 li {
  width: 24.2%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin-right: 1.05%;
  margin-bottom: 30px;
  position: relative;
}

.pr1 .ul1 li:nth-child(4n) {
  margin-right: 0;
}

.pr1 .ul1 li .img,
.pr1 .ul1 li .img img {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.pr1 .ul1 li .xian {
  width: 40px;
  height: 2px;
  margin: 0 auto;
  background: #d2d2d2;
}

.pr1 .ul1 li .ltt {
  color: #39425f;
  width: 90%;
  margin: 15px auto 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  line-height: 28px;
}

.pr1 .ul1 li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.pr1 .ul1 li:hover {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.pr1 .ul1 li .select {
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(100% - 70px);
  z-index: 3;
  display: none;
}

.pr1 .ul1 li .select .seltp {
  width: 100%;
  box-sizing: border-box;
  line-height: 70px;
  border-top: 1px solid #2689c3;
  padding: 0 15% 0 5%;
  border-bottom: 1px solid #ddd;
  color: #2689c3;
  background: #fff url(../images/1_51.png) 95% center no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.pr1 .ul1 li .select .option {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  display: none;
}

.pr1 .ul1 li .select .option a {
  display: block;
  line-height: 30px;
  padding: 0 5%;
}

.pr1 .ul1 li .select .option a:hover {
  background: #2689c3;
  color: #fff;
}


a.prime-category {
  margin-left: 30px;
  padding-left: 15px;
  border-left: 1px solid #ddd;
  font-size: 20px;
  font-weight: normal;
}

a.prime-category:hover {
  color: #0082cc;
}

.pdf-download a span {
  padding: 10px 10px 10px 40px;
  width: auto;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  background: url(/tres/images/Yushi_Site/pdf.png) no-repeat 12px center;
  border: 1px solid #eee;
}

.pdf-download a:hover {
  text-decoration: none;
}

.pdf-download a:hover span {
  color: #fff;
  border: 1px solid #2682b6;
  background-color: #0082cc;
}

/* 分类 */

.pr_li1 {
  padding: 90px 0;
}

.pr_li1 .tt {
  font-family: ex;
  color: #39425f;
  color: #39425f;
  font-weight: bold;
}

.pr_li1 .tc {
  margin: 30px 0;
  color: #39425f;
  line-height: 1.5;
}

.pr_li1 .abtn {}

.pr_li1 .abtn a {
  display: block;
  width: auto;
  padding: 0px 10px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-right: 15px;
  float: left;
}

.pr_li1 .abtn a.act,
.pr_li1 .abtn a:hover {
  border: 1px solid #0082cc;
  color: #0082cc;
}

.pr_li1 .pbox {
  padding-top: 30px;
}

.pr_li1 .ul1 {
  width: calc(100% - 355px);
  float: left;
}

.pr_li1 .ul1 * {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.pr_li1 .ul1 li {
  width: 32.35%;
  float: left;
  box-sizing: border-box;
  margin-right: 1.47%;
  position: relative;
  margin-bottom: 40px;
}

.pr_li1 .ul1 li:nth-child(3n) {
  margin-right: 0;
}

.pr_li1 .ul1 li .img {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  overflow: hidden;
  position: relative;
}

.pr_li1 .ul1 li .img span {
  position: absolute;
  display: block;
}

.pr_li1 .ul1 li .img span.new {
  background: url(../images/ico_list_new.png) no-repeat;
  left: 0px;
  top: 0px;
  width: 37px;
  height: 35px;
}

.pr_li1 .ul1 li .img span.hot {
  background: url(../images/ico_list_hot.png) no-repeat;
}

.pr_li1 .ul1 li .img span.eol {
  background: url(../images/ico_list_eol.png) no-repeat;
}

.pr_li1 .ul1 li .img span.aai {
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 36px;
  background: url(../images/ico_list_ai.png) no-repeat;
}

.pr_li1 .ul1 li .img img {
  display: block;
  width: 100%;
}

.pr_li1 .ul1 li .ltt {
  color: #39425f;
  margin: 15px 0 10px;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
}

.pr_li1 .ul1 li .ltc {
  overflow: hidden;
  /*text-overflow: ellipsis;white-space: nowrap;*/
  color: #a0adb6;
  padding-top: 5px;
  line-height: 20px;
  height: 60px;
}

.pr_li1 .ul1 li .ltc .desc {
  font-size: 14px;
}

.pr_li1 .ul1 li .lmore {
  border-radius: 5px;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 20px 0 0;
  text-align: center;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
}

.pr_li1 .ul1 li .lmore:hover {
  background-position: right center;
}


.pr_li1 .ul1 li .tub {
  width: 45px;
  height: 40px;
  position: absolute;
  top: -6px;
  left: 10px;
  background: url(../images/1_46.png) center no-repeat;
  display: none;
}

.pr_li1 .ul1 li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.pr_li1 .ul1 li:hover .img {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.pr_li1 .ul1 li.star .tub {
  display: block;
}

.pr_li1 .prt {
  width: 250px;
  float: right;
}

.pr_li1 .prt img {
  display: block;
  width: 100%;
}

.pr_li1 .prt a {
  display: block;
  margin-bottom: 40px;
}

/* 产品详情 */

.zhanwei {
  height: 70px;
}

.prt1 {
  border-bottom: 1px solid #ddd;
  padding-top: 50px;
  margin-bottom: 40px;
}

.prt1 .plt {
  width: 510px;
  float: left;
}

.prt1 .plt .img1,
.prt1 .plt .img1 img {
  display: block;
  width: 100%;
}

.prt1 .plt .sbox {
  position: relative;
}

.prt1 .plt .sbox .swiper3 {
  width: 278px;
  margin: 0 auto;
}

.prt1 .plt .sbox .swiper3 .img {
  display: block;
  width: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.prt1 .plt .sbox .swiper3 .img img {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.prt1 .plt .sbox .swiper3 .swiper-slide {
  cursor: pointer;
}

.prt1 .plt .sbox .swiper3 .swiper-slide.act .img img {
  border: 1px solid #2689c3;
  width: 100%;
  box-sizing: border-box;
}

.prt1 .plt .sbox .prev3 {
  width: 14px;
  height: 24px;
  background-size: cover;
  margin-top: -12px;
}

.prt1 .plt .sbox .next3 {
  width: 14px;
  height: 24px;
  background-size: cover;
  margin-top: -12px;
}

.prt1 .prt {
  float: left;
  margin-left: 80px;
  width: 600px;
}

.prt1 .prt .ptt {
  font-size: 56px;
  color: #39425f;
  font-weight: bold;
  padding: 30px 0 20px;
}

.prt1 .prt .ptt2 {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.prt1 .prt .ul1 {
  margin-top: 20px;
  padding: 15px 10px 15px 20px;
  background: #f2f2f2;
  display: none;
}

.prt1 .prt .ul1 li {
  line-height: 1.6;
  color: #39425f;
  /*padding-left: 15px;background: url(../images/1_47.png) left 12px no-repeat;*/
}

.prt1 .prt .ul1 li .kiconlist img {
  margin: 5px 10px 0px 0px;
}

.prt1 .ptp .abtn {
  padding-top: 60px;
  clear: both;
}

.prt1 .ptp .abtn * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.prt1 .ptp .abtn a {
  display: block;
  float: left;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  position: relative;
  border-bottom: 0;
  color: #39425f;
  font-size: 18px;
}

.prt1 .ptp .abtn a s {
  width: 12px;
  height: 6px;
  background: url(../images/1_48.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
}

.prt1 .ptp .abtn a:hover,
.prt1 .ptp .abtn a.act {
  background: #2689c3;
  color: #fff;
  border: 1px solid #2689c3;
  border-bottom: 0;
}

.prt1 .ptp .abtn a.act s {
  bottom: -6px;
  opacity: 1;
}


.prt2 {}

.prt2 .ul1 {
  width: calc(100% - 360px);
  float: left;
  padding-bottom: 110px;
}

.prt2 .ul1>li {
  display: none;
}

.prt2 .ul1 .li2 {
  display: block;
}

.prt2 .ul1 table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  min-width: 840px;
}

.prt2 .ul1 .tableProDetails {
  border-collapse: collapse;
}

.prt2 .ul1 .tableProDetails th,
.prt2 .ul1 .tableProDetails td {
  padding: 10px 15px;
  line-height: 24px;
  color: #39425f;
  border: 1px solid #ddd;
  background-color: #FFFFFF;
}

.prt2 .ul1 .tableProDetails th,
.prt2 .ul1 .tableProDetails td.thead {
  background-color: #f2f2f2;
  text-align: left;
  font-weight: normal;
}

.prt2 .ul1 .tableProDetails td.thead {
  font-weight: bold;
}

.prt2 .ul1 .tableProDetails td img {
  max-width: 100%;
  height: auto;
}

.prt2 .ul1 .tableProDetails td table {
  min-width: auto;
}

/*
.prt2 .ul1 .li2 .infotab{padding:0 15px;}

.prt2 .ul1 .li2 .infotab h3{font-size: 18px;font-weight: normal;line-height: 50px;color: #39425f;margin-bottom: 20px; border-bottom: 1px solid #ddd;}

.prt2 .ul1 .li2 .infotab p{line-height: 26px;color: #39425f;padding-left: 20px;background: url(../images/1_49.png) left 10px no-repeat;}

.prt2 .ul1 .li2 .infotab p:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}*/

.prt2 .infotab h3 {
  margin-bottom: 10px;
  padding-top: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  color: #39425f;
  border-bottom: 1px solid #ddd;
}

.prt2 .infotab h3:first-child {
  padding-top: 0px;
}

.prt2 .infotab p {
  line-height: 26px;
  font-size: 14px;
  color: #333;
}

/*
.prt2 .ul1 .li3{padding: 50px 0;}

.prt2 .ul1 .li3 a{display: block;line-height: 24px;color: #39425f;margin-bottom: 25px;position: relative;padding-left: 34px;}

.prt2 .ul1 .li3 a img{display: block;width: 24px;position: absolute;top: 0;left: 0;}

.prt2 .ul1 .li3 a:hover{color: #2689c3;}*/
.download {
  padding: 20px 0px;
}

.download P {
  margin-bottom: 25px;
}

.download a {
  padding: 0px 0px 0px 35px;
  line-height: 24px;
  background: url(../images/1_50.png) no-repeat left center;
  color: #39425f;
  display: block;
}

.download a:hover {
  color: #2689c3;
}

.acc ul:before,
.acc ul:after {
  display: table;
  content: " ";
}

.acc ul:after {
  clear: both;
}

.acc li {
  float: left;
  padding: 0px;
  width: 33.3333%;
  min-height: 160px;
  display: inline-block;
}

.acc li a {
  padding: 15px 0px 15px 0px;
  color: #333;
  text-align: center;
  display: block;
}

.acc li a:hover {
  color: #ed1017;
}

.acc li strong {
  font-size: 14px;
  font-weight: normal;
}

.acc li .img {
  margin-bottom: 5px;
  text-align: center;
}

.acc li img {
  max-width: 120px;
  height: auto;
}

.acc li span {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  display: block;
}


.prt2 .prt {
  width: 250px;
  float: right;
}

.prt2 .prt img {
  display: block;
  width: 100%;
}

.prt2 .prt a {
  display: block;
  margin-bottom: 40px;
}

/* 新闻 */

.ne1 {
  padding: 80px 0;
}

.ne1 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.ne1 .tt {
  font-size: 36px;
  font-weight: bold;
  font-family: ex;
  color: #39425f;
}

.ne1 .tt a {
  display: block;
  float: right;
  padding-right: 30px;
  background: url(../images/1_36.png) center right no-repeat;
  line-height: 22px;
}

.ne1 .nbt {
  margin-top: 40px;
}

.ne1 .nlt {
  width: 380px;
  float: left;
}

.ne1 .nlt .img,
.ne1 .nlt .img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.ne1 .nlt .ntt {
  color: #39425f;
  margin: 20px 0;
  line-height: 1.2;
}

.ne1 .nlt .ntim {
  color: #a0adb6;
}

.ne1 .nlt .nmore {
  border-radius: 5px;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 20px 0 0;
  text-align: center;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
}

.ne1 .nlt:hover .nmore {
  background-position: right center;
}

.ne1 .nlt:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  transition: all 1.5s;
}

.ne1 .nrt {
  width: calc(100% - 420px);
  float: right;
}

.ne1 .nrt .ntt {
  color: #39425f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  line-height: 1.5;
}

.ne1 .nrt .ntc {
  line-height: 1.5;
  margin: 15px 0;
  color: #39425f;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ne1 .nrt .ntim {
  color: #a0adb6;
}

.ne1 .nrt li:hover .ntt {
  color: #0082cc;
}

.ne1 .nrt li {
  margin-bottom: 50px;
}

.ne1 .nrt li:last-child {
  margin-bottom: 0;
}

.ne2 {
  padding: 80px 0;
  background: #f2f2f2;
}

.ne2 .tt {
  font-size: 36px;
  font-weight: bold;
  font-family: ex;
  color: #39425f;
}

.ne2 .tt a {
  display: block;
  float: right;
  padding-right: 30px;
  background: url(../images/1_36.png) center right no-repeat;
  line-height: 22px;
}

.ne2 .nct {
  position: relative;
}

.ne2 .demo {
  margin: 10px auto 0;
  ;
  height: 400px;
  width: 1000px;
  position: relative;
  z-index: 1;
}

.ne2 .demo li {
  height: 350px;
  width: 500px;
  position: relative;
}

.ne2 .demo li img {
  display: block;
  width: 100%;
}

.ne2 .demo li .txt {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 50px;
  left: 0;
  bottom: -50px;
  opacity: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  font-size: 22px;
}

.ne2 .demo li.roundabout-in-focus .txt {
  opacity: 1;
}

.ne2 .nct .btn {
  position: absolute;
  top: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
}

.ne2 .nct .btn.prev {
  right: 0;
  background: url(../images/1_22.png);
}

.ne2 .nct .btn.next {
  left: 0;
  background: url(../images/1_23.png);
}

.ne2 .nct .btn.prev:hover {
  background: url(../images/1_22_1.png);
}

.ne2 .nct .btn.next:hover {
  background: url(../images/1_23_1.png);
}

.ne3 {
  padding: 80px 0;
  background: #f2f2f2;
}

.ne3 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.ne3 .tt {
  font-size: 36px;
  font-weight: bold;
  font-family: ex;
  color: #39425f;
}

.ne3 .tt a {
  display: block;
  float: right;
  padding-right: 30px;
  background: url(../images/1_36.png) center right no-repeat;
  line-height: 22px;
}

.ne3 .ul1 {
  margin-top: 40px;
}

.ne3 .ul1 li {
  width: 23.5%;
  float: left;
  margin-right: 2%;
}

.ne3 .ul1 li:last-child {
  margin-right: 0;
}

.ne3 .ul1 li .img,
.ne3 .ul1 li .img img {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ne3 .ul1 li .img .bf {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  background: url(../images/3_1.png) no-repeat;
}

.ne3 .ul1 li .img .bf:hover {
  background: url(../images/3_2.png) no-repeat;
}

.ne3 .ul1 li .txt {
  color: #39425f;
  line-height: 1.5;
  padding: 10px 0;
}

/* 新闻列表 */

.n_li1 {
  padding: 80px 0 130px;
}

.n_li1 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.n_li1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.n_li1 .n_ct {
  margin-top: 40px;
}

.n_li1 .n_ct .nlt {
  width: calc(100% - 300px);
  float: left;
}

.n_li1 .n_ct .nlt .abtn {}

.n_li1 .n_ct .nlt .abtn a {
  display: block;
  padding: 15px 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
  color: #39425f;
}

.n_li1 .n_ct .nlt .abtn a.act,
.n_li1 .n_ct .nlt .abtn a:hover {
  border: 1px solid #0082cc;
  color: #0082cc;
}

.n_li1 .n_ct .nlt .ul1 {
  padding: 40px 0;
}

.n_li1 .n_ct .nlt .ul1 li {
  margin-bottom: 40px;
  position: relative;
}

.n_li1 .n_ct .nlt .ul1 li .img {
  width: 300px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.n_li1 .n_ct .nlt .ul1 li .img img {
  display: block;
  width: 100%;
}

.n_li1 .n_ct .nlt .ul1 li .lrt {
  width: calc(100% - 300px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 30px;
}

.n_li1 .n_ct .nlt .ul1 li .lrt .ltt {
  color: #39425f;
  line-height: 1.2;
  height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.n_li1 .n_ct .nlt .ul1 li .lrt .ltc {
  margin: 10px 0;
  line-height: 1.5;
  color: #39425f;
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.n_li1 .n_ct .nlt .ul1 li .lrt .ltime {
  color: #a0adb6;
}

.n_li1 .n_ct .nlt .ul1 li:hover .ltt {
  color: #0082cc;
}

.n_li1 .n_ct .nlt .ul1 li:hover .lrt {
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.n_li1 .n_ct .nlt .ul1 li:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.n_li1 .n_ct .nrt {
  width: 250px;
  float: right;
}

.n_li1 .n_ct .nrt .nrtp {
  padding: 40px 20px 40px 30px;
  background: #f2f2f2;
}

.n_li1 .n_ct .nrt .nrtp .ntt {
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  color: #39425f;
}

.n_li1 .n_ct .nrt .nrtp a {
  display: block;
  line-height: 1.5;
  color: #39425f;
  margin-top: 20px;
  padding-left: 10px;
  background: url(../images/3_3.png ) left 2px no-repeat;
}

.n_li1 .n_ct .nrt .nrbt {
  margin-top: 40px;
}

.n_li1 .n_ct .nrt .nrbt img {
  display: block;
  width: 100%;
}

.ne_co1 .nlt .ntc p {
  display: block;
  line-height: 1.8;
  color: #39425f;
  margin-bottom: 20px;
}

.n_li1 .n_ct .nlt .ul1 li .ltt2 {
  padding: 5px 0;
  padding-left: 10px;
  background: url(../images/nicon.png) left center no-repeat;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.n_li1 .n_ct .nlt .ul1 li .ltt2:hover {
  color: #0082cc;
}

/*翻页*/

.nlt .page,
.faq .page {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nlt .page img,
.faq .page img {
  margin-right: 5px;
}

.nlt .page input,
.faq .page input {
  margin-left: 5px;

}

.nlt .page span,
.nlt .page a,
.nlt .page span input,
.faq .page span,
.faq .page a,
.faq .page span input {
  height: 28px;
  line-height: 28px;
}

.nlt .page span input,
.nlt .page input[type="button"],
.faq .page span input,
.faq .page input[type="button"] {
  background-color: white;
  border: 1px solid #aaa;
  height: 26px;
}

.nlt .page span input,
.faq .page span input {
  vertical-align: top;
}

.nlt .page input[type="button"],
.faq .page input[type="button"] {
  width: 28px;
  height: 28px;
}


/* 新闻详情 */

.ne_co1,
.jvsg {
  padding: 40px 0 130px;
}

.ne_co1 .fh {
  display: block;
  width: 108px;
  line-height: 40px;
  box-sizing: border-box;
  text-align: center;
  background: url(../images/3_4.png) center no-repeat;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding-left: 20px;
  margin-bottom: 40px;
}

.ne_co1 .fh:hover {
  background: #0082cc url(../images/3_5.png) center no-repeat;
  border: 1px solid #0082cc;
  color: #fff;
}

.ne_co1 .nlt {
  width: calc(100% - 300px);
  float: left;
}

.ne_co1 .nlt .ntt {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.ne_co1 .nlt .ntim {
  color: #a0adb6;
  margin: 20px 0;
}

.ne_co1 .nlt .ntc {
  line-height: 1.8;
  color: #39425f;
}

.ne_co1 .nlt .fx {
  margin-top: 40px;
}

.ne_co1 .nlt .fx a {
  display: block;
  float: left;
  width: 34px;
  height: 24px;
  background: #333;
  border-radius: 5px;
  margin-right: 10px;
}

.ne_co1 .nlt .fx a img {
  display: block;
  width: 100%;
}

.ne_co1 .nlt .fx a:hover {
  background: #507cbe;
}

.ne_co1 .nlt .fx a:nth-child(2):hover {
  background: #63cdf1;
}

.ne_co1 .nlt .fx a:nth-child(3):hover {
  background: #ff011d;
}

.ne_co1 .nect .nrt {
  width: 250px;
  float: right;
}

.ne_co1 .nect .nrt .nrtp {
  padding: 40px 20px 40px 30px;
  background: #f2f2f2;
}

.ne_co1 .nect .nrt .nrtp .ntt {
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  color: #39425f;
}

.ne_co1 .nect .nrt .nrtp a {
  display: block;
  line-height: 1.5;
  color: #39425f;
  margin-top: 20px;
  padding-left: 10px;
  background: url(../images/3_3.png ) left 2px no-repeat;
}

.ne_co1 .nect .nrt .nrbt {
  margin-top: 40px;
}

.ne_co1 .nect .nrt .nrbt img {
  display: block;
  width: 100%;
}

.jvsg h2 {
  margin-bottom: 20px;
  padding: 10px 0px;
  font-size: 36px;
  color: #39425f;
  text-align: center;
  font-weight: bold;
  font-family: ex;
}

.jvsg h3 {
  font-size: 16px;
  margin-bottom: 20px;
}

.jvsg p {
  display: block;
  line-height: 1.8;
  color: #39425f;
  margin-bottom: 20px;
}

.jvsg p a {
  color: #2862b6;
  text-decoration: underline;
}

.jvsg p a:hover {
  color: #39425f;
}


/*软件下载SDK及TOOL*/
.ne_co1 .nect .tools-table {
  border-collapse: collapse;
}

.ne_co1 .nect .tools-table a {
  color: #0082cc;
  text-decoration: none;
  margin-left: 20px;
  font-weight: bold;

}

.ne_co1 .nect .tools-table td {
  border: 1px solid #666666;
  padding: 5px;
}

.ne_co1 .nect .tools-table th {
  border: 1px solid #666666;
  padding: 5px;
}


/* 事件 */

.ev1 {
  padding: 80px 0 130px;
}

.ev1 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.ev1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.ev1 .abtn {
  margin: 40px 0;
}

.ev1 .abtn a {
  display: block;
  padding: 15px 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
  color: #39425f;
}

.ev1 .abtn a.act,
.ev1 .abtn a:hover {
  border: 1px solid #0082cc;
  color: #0082cc;
}

.ev1 .ev_hot {
  display: block;
  position: relative;
}

.ev1 .ev_hot .img {
  display: block;
  width: 38.5%;
  overflow: hidden;
}

.ev1 .ev_hot .img img {
  display: block;
  width: 100%;
}

.ev1 .ev_hot .img .hot {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  line-height: 40px;
  text-align: center;
  background: #f28f00;
  color: #fff;
}

.ev1 .ev_hot .art {
  width: 61.5%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #ddd;
  top: 0;
  right: 0;
  box-sizing: border-box;
  border-left: 0;
  padding: 50px 3% 0;
}

.ev1 .ev_hot .art .att {
  color: #39425f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
}

.ev1 .ev_hot .art .atime {
  color: #a0adb6;
  line-height: 1.5;
  padding: 10px 0;
}

.ev1 .ev_hot .art .atc {
  line-height: 1.5;
  color: #39425f;
  display: -webkit-box;
  height: 60px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ev1 .ul1 {
  padding: 80px 0 40px;
}

.ev1 .ul1 li {
  width: 23.5%;
  float: left;
  margin-right: 2%;
  margin-bottom: 40px;
}

.ev1 .ul1 li:nth-child(4n) {
  margin-right: 0;
}

.ev1 .ul1 li .img,
.ev1 .ul1 li .img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.ev1 .ul1 li .att {
  color: #39425f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  margin: 15px 0 10px;
}

.ev1 .ul1 li .atime {
  color: #a0adb6;
  line-height: 1.5;
  height: 62px;
  overflow: hidden;
}

.ev1 .ul1 li .amore {
  border-radius: 5px;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0 0;
  text-align: center;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
}

.ev1 .ul1 li:hover .amore {
  background-position: right center;
}

.ev1 .ul1 li:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

/* 视频 */

.ev1 .ul2 {
  padding: 0 0 40px 0;
}

.ev1 .ul2 li {
  width: 23.5%;
  float: left;
  margin-right: 2%;
  margin-bottom: 40px;
}

.ev1 .ul2 li:nth-child(4n) {
  margin-right: 0;
}

.ev1 .ul2 li .img,
.ev1 .ul2 li .img img {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ev1 .ul2 li .bf {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  background: url(../images/3_1.png) center no-repeat;
}

.ev1 .ul2 li .ltt {
  color: #39425f;
  line-height: 1.5;
  margin-top: 10px;
  height: 62px;
  overflow: hidden;
}

.ev1 .ul2 li:hover .bf {
  background: url(../images/3_2.png) center no-repeat;
}

.ev1 .ul2 li:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

/* 视频 */

.vd0 {
  padding: 20px 0;
}

.vd1 {
  padding: 40px 0 80px;
  background: #f2f2f2;
}

.vd1 {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.vd0 .fh {
  display: block;
  width: 108px;
  line-height: 40px;
  box-sizing: border-box;
  text-align: center;
  background: url(../images/3_4.png) center no-repeat;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding-left: 20px;
}

.vd0 .fh:hover {
  background: #0082cc url(../images/3_5.png) center no-repeat;
  border: 1px solid #0082cc;
  color: #fff;
}

.vd1 .video {
  position: relative;
}

/*.vd1 .video video{width: 100%;}

.vd1 .video img{display: block;position: absolute;top: 0;left: 0;width: 100%;}*/

.vd1 .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

.vd1 .video img {
  display: block;
  width: 100%;
}

.vd1 .video .bf {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  background: url(../images/3_1.png) center no-repeat;
  cursor: pointer;
}

.vd1 .video .bf:hover {
  background: url(../images/3_2.png) center;
}

.vd1 .txt {
  position: relative;
  margin-top: 40px;
}

.vd1 .txt .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  width: calc(100% - 400px);
}

.vd1 .txt .tc {
  line-height: 1.5;
  color: #a0adb6;
  width: calc(100% - 400px);
  margin-top: 10px;
}

.vd1 .txt .fx {
  width: 135px;
  position: absolute;
  top: 0;
  right: 0;
}

.vd1 .txt .fx a {
  display: block;
  float: left;
  width: 34px;
  height: 24px;
  background: #333;
  border-radius: 5px;
  margin-right: 10px;
}

.vd1 .txt .fx a img {
  display: block;
  width: 100%;
}

.vd1 .txt .fx a:hover {
  background: #0082cc;
}

.vd1 .txt .fx a:hover {
  background: #507cbe;
}

.vd1 .txt .fx a:nth-child(2):hover {
  background: #63cdf1;
}

.vd1 .txt .fx a:nth-child(3):hover {
  background: #008cc9;
}

.vd2 .ul2 {
  margin-top: 40px;
}

.vd2 .vmore {
  display: block;
  border-radius: 5px;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 10px auto 0;
  text-align: center;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
}

.vd2 .vmore:hover {
  background-position: right center;
}

/* 服务支持 */

.su1 {
  padding-top: 80px;
}

.su1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.su1 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.su1 .ul1 {
  margin-top: 40px;
}

.su1 .ul1 li {
  float: left;
  width: 17.5%;
  float: left;
  height: 275px;
  box-sizing: border-box;
  border: 1px solid #fff;
  padding: 40px 2% 0;
  text-align: center;
}

.su1 .ul1 li.li1 {
  width: 30%;
}

.su1 .ul1 li.li2 {
  width: 25%;
  height: auto;
}

.su1 .ul1 li .img {
  width: 50px;
  position: relative;
  overflow: hidden;
  height: 50px;
  margin: 0 auto;
}

.su1 .ul1 li .img img {
  display: block;
  width: 100%;
}

.su1 .ul1 li .stt {
  color: #39425f;
  margin: 20px 0;
}

.su1 .ul1 li .abt a {
  display: block;
  text-align: left;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #a0adb6;
}

.su1 .ul1 li .abt a:hover {
  color: #0082cc;
}

.su1 .ul1 li.li1 .abt a {
  width: 52%;
  float: left;
}

.su1 .ul1 li.li1 .abt a:nth-child(2n) {
  float: right;
  width: 40%;
}

.su1 .ul1 li:hover .img img:nth-child(1) {
  margin-top: -50px;
}

.su1 .ul1 li:hover {
  border: 1px solid #ddd;
}

.su2 {
  padding-top: 80px;
}

.su2 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.su2 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.su2 .ul1 {
  margin-top: 45px;
  border: 1px solid #ddd;
  text-align: center;
}

.su2 .ul1 li {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.su2 .ul1 li:nth-child(1) {
  border-right: 1px solid #ddd;
}

.su2 .ul1 li img {
  display: block;
  margin: 40px auto 20px;
}

.su2 .ul1 li .ltt {
  color: #39425f;
}

.su2 .ul1 li .ltc {
  width: 80%;
  margin: 30px auto 0;
  text-align: left;
  color: #a0adb6;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.su2 .ul1 li .lmore {
  display: block;
  border-radius: 5px;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 30px auto;
  text-align: center;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
}

.su2 .ul1 li .lmore:hover {
  background-position: right center;
}

.su3 {
  padding: 80px 0;
}

.sul1 {
  margin: 40px 0;
  border-bottom: 1px solid #ddd;
}

.sul1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.sul1 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.sul1 .abtn {
  margin: 40px 0 0;
}

.sul1 .abtn a {
  display: block;
  float: left;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  position: relative;
  border-bottom: 0;
  color: #39425f;
  font-size: 18px;
}

.sul1 .abtn a s {
  width: 12px;
  height: 6px;
  background: url(../images/1_48.png) center no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
}

.sul1 .abtn a:hover,
.sul1 .abtn a.act {
  background: #2689c3;
  color: #fff;
  border: 1px solid #2689c3;
  border-bottom: 0;
}

.sul1 .abtn a.act s {
  bottom: -6px;
  opacity: 1;
}

.sul2 {
  padding: 0 0 130px 0;
}

.sul2 .slt {
  width: 21.5%;
  float: left;
  padding: 25px 0;
  box-sizing: border-box;
  min-height: 440px;
  background: #f2f2f2;
  margin-right: 1.5%;
}

.sul2 .slt a {
  display: block;
  padding: 0 10% 0 5%;
  width: 100%;
  box-sizing: border-box;
  line-height: 40px;
  color: #39425f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sul2 .slt a.act,
.sul2 .slt a:hover {
  background: #2689c3 url(../images/4_10.png) 95% center no-repeat;
  color: #fff;
}

.sul2 .srt {
  width: 54%;
  float: right;
  padding: 25px 0;
  box-sizing: border-box;
  min-height: 440px;
  border: 1px solid #ddd;
}

.sul2 .srt2 {
  width: 77%;
}

.sul2 .srt3 {
  width: 100%;
  float: none;
}

.sul2 .srt .ul1 li {
  display: none;
  max-height: 390px;
  overflow: auto;
  box-sizing: border-box;
}

.sul2 .srt .ul1 li::-webkit-scrollbar {
  width: 4px;
}

.sul2 .srt .ul1 li::-webkit-scrollbar-thumb {
  background: #2689c3;
}

.sul2 .srt .ul1 li::-webkit-scrollbar-track {
  background: #ccc;
}

.sul2 .srt .ul1 li:nth-child(1) {
  display: block;
}

.sul2 .srt a {
  display: block;
  padding: 0 10% 0 5%;
  width: 100%;
  box-sizing: border-box;
  line-height: 40px;
  color: #39425f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sul2 .srt a .img {
  width: 25px;
  float: left;
  margin-right: 10px;
  height: 40px;
}

.sul2 .srt a:hover {
  color: #2689c3;
}

.sul2 .srt a.up_world .img {
  background: url(../images/4_11.png) center no-repeat;
}

.sul2 .srt a.up_excel .img {
  background: url(../images/4_12.png) center no-repeat;
}

.sul2 .srt a.up_ppt .img {
  background: url(../images/4_13.png) center no-repeat;
}

.sul2 .srt a.up_pdf .img {
  background: url(../images/4_14.png) center no-repeat;
}

.sul2 .srt a.up_software .img {
  background: url(../images/ico_software.png) center no-repeat;
}

/*.sul2 .srt a.up_world:hover .img{background: url(../images/4_11_1.png) center no-repeat;}

.sul2 .srt a.up_excel:hover .img{background: url(../images/4_12_1.png) center no-repeat;}

.sul2 .srt a.up_ppt:hover .img{background: url(../images/4_13_1.png) center no-repeat;}

.sul2 .srt a.up_pdf:hover .img{background: url(../images/4_14_1.png) center no-repeat;}*/

/* 关于我们 */

.banner_vd {
  text-align: center;
}

.banner_vd .amore {
  display: block;
  text-align: right;
  padding-right: 30px;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 30px auto;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  cursor: pointer;
}

.banner_vd .amore:hover {
  background-position: right center;
}

.banner_vd .amore img {
  display: block;
  float: right;
  width: 10px;
  margin-left: 10px;
}

.banner .tt {
  padding-top: 16%;
}

.banner_vd .tt {
  padding-top: 25%;
}

.ab1 {
  padding: 80px 0;
}

.ab1 .alt {
  width: 50.5%;
  float: left;
}

.ab1 .alt .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.ab1 .alt .tc {
  margin: 30px 0 0;
  line-height: 1.5;
  color: #39425f;
}


.ab1 .art {
  width: 45.7%;
  float: right;
}

.ab1 .art img {
  display: block;
  width: 100%;
}

.ab2 .ul1 {
  height: 180px;
  background: url(../images/5_3.jpg);
}

.ab2 .ul1 li {
  width: 24.5%;
  float: left;
  height: 100px;
  border-right: 1px solid #ddd;
  margin-top: 40px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 2%;
}

.ab2 .ul1 li .ltt {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
}

.ab2 .ul1 li .ltc {
  line-height: 1.5;
  color: #fff;
  padding-top: 15px;
}

.ab2 .ul1 li:nth-child(2) {
  width: 26%;
}

.ab2 .ul1 li:last-child {
  border: 0;
}

.ab3 {
  padding: 100px 0;
  text-align: center;
}

.ab3 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.ab3 .tc {
  line-height: 1.5;
  color: #39425f;
  max-width: 995px;
  margin: 40px auto 80px;
}

.ab3 .abox {
  position: relative;
  height: 280px;
  background: url(../images/5_4.jpg) 50% center repeat-x;
}

.ab3 .abox .swiper4 {
  text-align: left;
  width: 90%;
  margin: 0 auto;
}

.ab3 .abox .swiper4 .swiper-slide {
  position: relative;
  height: 280px;
}

.ab3 .abox .swiper4 .swiper-slide * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.ab3 .abox .swiper4 .swiper-slide .stt {
  font-size: 36px;
  color: #2689c3;
  font-weight: bold;
  position: relative;
  padding-top: 5px;
}

.ab3 .abox .swiper4 .swiper-slide .stc {
  color: #39425f;
  line-height: 1.5;
  margin-top: 10px;
  height: 80px;
  position: relative;
}

.ab3 .abox .swiper4 .swiper-slide .yuan {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 4px;
  background: #fff;
  border-radius: 50%;
}

.ab3 .abox .swiper4 .swiper-slide .yuan span {
  display: block;
  width: 100%;
  height: 100%;
  background: #2689c3;
  border-radius: 50%;
}

.ab3 .abox .swiper4 .swiper-slide:nth-child(2n) .stt {
  top: 170px;
}

.ab3 .abox .swiper4 .swiper-slide:nth-child(2n) .stc {
  top: 170px;
}

.ab3 .abox .swiper4 .swiper-slide-active .stt {
  color: #f28f00;
}

.ab3 .abox .swiper4 .swiper-slide-active .yuan span {
  background: #f28f00;
}

.ab3 .abox .prev4 {
  margin-top: -26px;
  left: 0%;
  width: 52px;
  height: 52px;
  background: #fff url(../images/1_23.png) center no-repeat;
}

.ab3 .abox .next4 {
  margin-top: -26px;
  right: 0%;
  width: 52px;
  height: 52px;
  background: #fff url(../images/1_22.png) center no-repeat;
}

.ab3 .abox .prev4:hover {
  background: #fff url(../images/1_23_1.png) center no-repeat;
}

.ab3 .abox .next4:hover {
  background: #fff url(../images/1_22_1.png) center no-repeat;
}

.vd_tanchang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 13;
  background: url(../images/blank.png);
  display: none;
}

.vd_tanchang .vbox {
  width: 1000px;
  height: 495px;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  top: 50%;
  margin-top: -247px;
}

.vd_tanchang .vbox video {
  width: 100%;
}

.vd_tanchang .vbox .out {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: -60px;
  background: url(../images/out.png) center;
  background-size: cover;
  cursor: pointer;
}

.ab4 {
  padding: 80px 0 0;
  background: #f2f2f2;
}

.ab4 .abtn {
  width: 480px;
  margin: 0 auto;
}

.ab4 .abtn span {
  display: block;
  border-radius: 5px 0 0 5px;
  color: #9facb5;
  width: 240px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  float: left;
  background: url(../images/5_6.jpg) center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}

.ab4 .abtn span:nth-child(2) {
  border-radius: 0 5px 5px 0;
}

.ab4 .abtn span:hover,
.ab4 .abtn span.act {
  background: url(../images/5_5.jpg) center;
  color: #fff;
}

.ab4 .ul1 {
  padding: 40px 0 80px;
  text-align: center;
}

.ab4 .ul1 li {
  display: none;
}

.ab4 .ul1 li:nth-child(1) {
  display: block;
}

.ab4 .ul1 li .ltc {
  line-height: 1.5;
  color: #39425f;
  max-width: 1000px;
  margin: 0 auto;
}

.ab4 .ul1 li .limg {
  margin-top: 80px;
}

.ab4 .ul1 li .limg img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.ab4 .ul1 li .ltt {
  margin: 40px 0;
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.ab4 .ul1 li .img {
  background: #fff;
}

.ab4 .ul1 li .img img {
  display: block;
  max-width: 95%;
  margin: 0 auto;
}

.ab4 .ul1 li .ltt2 {
  margin-top: 80px;
}

.ab4 .ul1 li .img2 img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.ab4 .ul1 li .img3 {}

.ab4 .ul1 li .img3 img {
  display: block;
  width: 16%;
  float: left;
  margin-right: .8%;
  margin-bottom: .8%;
}

.ab4 .ul1 li .img3 img:nth-child(6n) {
  margin-right: 0;
}

.ab5 {
  padding: 80px 0;
}

.ab5 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  text-align: center;
}

.ab5 * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.ab5 .ul1 {
  margin-top: 40px;
}

.ab5 .ul1 li {
  width: 31.5%;
  float: left;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  margin-right: 2.75%;
}

.ab5 .ul1 li:last-child {
  margin-right: 0;
}

.ab5 .ul1 li .ltt {
  padding: 70px 5% 20px;
  color: #39425f;
}

.ab5 .ul1 li .xian {
  width: 30px;
  height: 2px;
  background: #2689c3;
  margin: 0 0 30px 5%;
}

.ab5 .ul1 li .ltc {
  height: 75px;
  padding: 0 5%;
  line-height: 1.5;
}

.ab5 .ul1 li img {
  display: block;
  width: 100%;
}

.ab6 {
  padding: 80px 0;
  background: #f2f2f2;
}

.ab6 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  text-align: center;
}

.swiper5 {
  padding: 40px 0 60px;
}

.swiper5 .img {}

.swiper5 .img img {
  display: block;
  width: 18.2%;
  float: left;
  margin-right: 2.25%;
  margin-bottom: 2.25%;
}

.swiper5 .img img:nth-child(5n) {
  margin-right: 0;
}

.swiper5 .pagination5 {
  bottom: 0;
}

.swiper5 .pagination5 span {
  opacity: 1;
  background: #0082cc;
  border: 1px solid #f2f2f2;
}

.swiper5 .pagination5 .swiper-pagination-bullet-active {
  background: #fff;
  border: 1px solid #0082cc;
}

.ab7 {
  padding: 80px 0 110px;
}

.ab7 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  text-align: center;
}

.ab7 .atc {
  margin-top: 40px;
}

.ab7 .atc .img {
  width: 45.7%;
  float: left;
}

.ab7 .atc .img img {
  display: block;
  width: 100%;
}

.ab7 .atc .art {
  width: 51.5%;
  float: right;
  line-height: 1.5;
  color: #39425f;
}

/* 联系我们 */
.ab1 p,
.ab2 p,
.ab3 p,
.ab4 p,
.ab5 p,
.ab6 p,
.ab7 p {
  margin-bottom: 15px;
}

.co1 {
  padding: 80px 0;
}

.co1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.co1 .tc {
  margin: 30px 0;
  color: #39425f;
  line-height: 1.5;
}

.co1 .tc1 {}

.co1 .tc1 span {
  display: block;
  line-height: 50px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
  width: calc(50% - 5px);
  color: #39425f;
  background: #f2f2f2;
}

.co1 .tc1 span img {
  display: block;
  float: left;
  margin: 0 3% 0 40%;
}

.co1 .tc1 span:nth-child(2) {
  float: right;
}

.co1 .tc2 {
  text-align: center;
  margin: 10px 0 0;
}

.co1 .tc2 .tlt1 {
  width: calc(25% - 5px);
  float: left;
  margin-right: 10px;
}

.co1 .tc2 .tlt1 .ttp1 {
  width: 100%;
  line-height: 100px;
  background: #f2f2f2;
  font-weight: bold;
  color: #39425f;
  margin-bottom: 10px;
}

.co1 .tc2 .tlt1 .ttp2 {
  width: 100%;
  line-height: 300px;
  background: #f2f2f2;
  font-weight: bold;
  color: #39425f;
}

.co1 .tc2 .tlt2 {
  width: calc(25% - 10px);
  float: left;
}

.co1 .tc2 .tlt2 div {
  color: #39425f;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  border-bottom: 0;
  box-sizing: border-box;
}

.co1 .tc2 .tlt2 .tlct2 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.co1 .tc2 .trt1 {
  width: calc(50% - 5px);
  float: right;
}

.co1 .tc2 .trt1 a {
  color: #3491c7;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  border-bottom: 0;
  box-sizing: border-box;
}

.co1 .tc2 .trt1 .tlct2 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.co1 .tc3 {
  padding: 70px 0 40px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
}

.co1 .tc3 .tt2 {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.co1 .tc3 .ttc {
  line-height: 1.8;
  color: #39425f;
  margin-top: 40px;
}

.co1 .tc3 .ttc span {
  font-size: 18px;
  color: #3491c7;
}

.co1 .tc4 {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.co1 .tc4 .tt2 {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  margin-bottom: 30px;
}

.co1 .tc4 .ttc .ttp {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  color: #39425f;
  line-height: 50px;
  padding: 0 0 0 75px;
  background: #f2f2f2 url(../images/6_3.png) 40px top no-repeat;
  cursor: pointer;
}

.co1 .tc4 .ttc .ttp.act {
  background: #f2f2f2 url(../images/6_4.png) 40px top no-repeat;
}

.co1 .tc4 .ttc .tbt * {
  line-height: 1.5;
}

.co1 .tc4 .ttc .tbt {
  padding: 20px 0 0 75px;
  display: none;
}

.co1 .tc4 .ttc .tbt a {
  color: #3491c7;
}

/* 合作客户 */

.pa1 {
  padding: 80px 0 130px;
}

.pa1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.pa1 .tt a {
  display: block;
  float: right;
  padding-right: 30px;
  background: url(../images/1_36.png) center right no-repeat;
  line-height: 22px;
}

.pa1 .map {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}

.pa1 .map img {
  display: block;
  width: 100%;
}

.pa1 .map .ul1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pa1 .map .ul1 * {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.pa1 .map .ul1 li {
  position: absolute;
  top: 0;
  left: 0;
}

.pa1 .map .ul1 li img {
  opacity: 0;
}

.pa1 .map .ul1 li.act img {
  opacity: 1;
}

.pa1 .map .txbox * {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.pa1 .map .txbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.pa1 .map .txbox .txt {
  position: absolute;
  width: 120px;
  height: 55px;
  text-align: center;
  top: 350px;
  left: 500px;
  background: url(../images/map6.png) center bottom no-repeat;
  cursor: pointer;
}

.pa1 .map .txbox .txt div {
  line-height: 1.5;
  background: #39425f;
  color: #fff;
}

.pa1 .map .txbox .txt:nth-child(2) {
  top: 200px;
  left: 150px;
}

.pa1 .map .txbox .txt:nth-child(3) {
  top: 210px;
  left: 480px;
}

.pa1 .map .txbox .txt:nth-child(4) {
  top: 280px;
  left: 570px;
}

.pa1 .map .txbox .txt:nth-child(5) {
  top: 200px;
  left: 700px;
}

.pa1 .map .txbox .txt:nth-child(6) {
  top: 450px;
  left: 280px;
}

.pa1 .map .txbox .txt:nth-child(7) {
  top: 450px;
  left: 820px;
}

.pa1 .map .txbox .txt.act {
  background: url(../images/map7.png) center bottom no-repeat;
}

.pa1 .map .txbox .txt.act div {
  background: #f28f00;
}

.pa1 .abtn {
  margin: 40px 0 0;
}

.pa1 .abtn span {
  display: block;
  float: left;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  position: relative;
  color: #39425f;
  border-radius: 5px;
  margin-right: 10px;
}

.pa1 .abtn span:hover,
.pa1 .abtn span.act {
  color: #2689c3;
  border: 1px solid #2689c3;
}

.pa1 .abtn *,
.pa1 .seh li * {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.pa1 .seh {}

.pa1 .seh li {
  display: none;
}

.pa1 .seh li:nth-child(1) {
  display: block;
}

.pa1 .seh li .lbox {
  padding: 40px;
  border-bottom: 1px solid #ddd;
}

.pa1 .seh li .lbox .img {
  float: left;
  width: 250px;
  overflow: hidden;
}

.pa1 .seh li .lbox .img img {
  display: block;
  width: 100%;
}

.pa1 .seh li .lbox .txt {
  width: calc(100% - 300px);
  float: right;
  box-sizing: border-box;
  padding-right: 90px;
}

.pa1 .seh li .lbox .txt .ltt {
  color: #39425f;
  margin-bottom: 30px;
}

.pa1 .seh li .lbox .txt .tc1 span {
  display: block;
  float: left;
  margin-right: 50px;
  line-height: 20px;
}

.pa1 .seh li .lbox .txt .tc1 span img {
  display: block;
  float: left;
  margin-right: 5px;
}

.pa1 .seh li .lbox .txt .email {
  display: block;
  margin: 10px 0 20px;
  line-height: 1.5;
  padding-left: 25px;
  background: url(../images/6_7.png) left center no-repeat;
  color: #a0adb6;
}

.pa1 .seh li .lbox .txt .email:hover {
  color: #0082cc;
}

.pa1 .seh li .lbox .txt .tc2 {
  overflow: hidden;
  line-height: 1.8;
}

.pa1 .seh li .lbox .txt .tc2 span {
  display: block;
  float: left;
  line-height: 1.5;
  color: #39425f;
}

.pa1 .seh li .lbox .txt .tc2 .sp1 {
  width: 110px;
  font-weight: bold;
  color: #000;
}

.pa1 .seh li .lbox .txt .tc3 {
  position: relative;
}

.pa1 .seh li .lbox .txt .tc3 span {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 1.5;
  color: #39425f;
}

.pa1 .seh li .lbox .txt .tc3 .sp1 {
  width: 110px;
  font-weight: bold;
  color: #000;
}

.pa1 .seh li .lbox .txt .tc3 .sp2,
.pa1 .seh li .lbox .txt .tc2 .sp2 {
  width: calc(100% - 110px);
  float: right;
  height: 14px;
  overflow: hidden;
}

.pa1 .seh li .lbox .txt .tc2 .sp2 {
  height: auto;
}

.pa1 .seh li .lbox .txt .tc3 .sp3 {
  position: absolute;
  top: 0;
  right: -90px;
  color: #0082cc;
  background: url(../images/6_8.png) right center no-repeat;
  padding-right: 20px;
  cursor: pointer;
}

.pa1 .seh li .lbox .txt .tc3 .sp2.act {
  height: auto;
}

.pa1 .seh li .lbox .txt .tc3 .sp3.act {
  background: url(../images/6_9.png) right center no-repeat;
}

.pa1 .seh li .lbox .cintro {
  width: calc(100% - 300px);
  float: right;
  box-sizing: border-box;
  padding-right: 90px;
  position: relative;
}

.pa1 .seh li .lbox .cintro dt label {
  font-size: 22px;
  color: #39425f;
  line-height: 1.2;
  margin-bottom: 10px;
  display: block;
}

.pa1 .seh li .lbox .cintro dd {
  margin-bottom: 5px;
  line-height: 1.5;
}

.pa1 .seh li .lbox .cintro dd label {
  color: #39425f;
  font-weight: bold;
}

.pa1 .seh li .lbox .cintro dd.profile {
  height: 60px;
  overflow: hidden;
}

.pa1 .seh li .lbox .cintro dd.profile.act {
  height: auto;
}

.pa1 .seh li .lbox .cintro .button {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 14px;
  color: #0082cc;
  cursor: pointer;
  padding-right: 20px;
  background: url(../images/6_8.png) right center no-repeat;
}

.pa1 .seh li .lbox .cintro .button.act {
  background: url(../images/6_9.png) right center no-repeat;
}

.pa1 .seh li .lbox .cintro .country {
  position: absolute;
  top: 0;
  right: 0;
}


.pa1 .page {
  margin-top: 50px;
}


/*仅用于定制产品的国家分类-2022-03-16 joe */
#Dedicated-area-list .Dedicated-area-box {

  display: none;
  padding-top: 10px;



}

#Dedicated-area-list {}

#Dedicated-area-list input {
  font-size: 14px;
  display: inline-block;
  border: none;
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #cdcdcd;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 20px;
}

#Dedicated-area-list input:first-of-type {
  border-left: none;
}

.dpt_active {
  background-color: #2689c3;
  color: #fff;
}

/*仅用于定制产品的国家分类-2022-03-16 joe end*/

/* 在线留言 */

.on1 {
  padding: 80px 0 130px;
}

.on1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.on1 .tt span {
  display: block;
  float: right;
  color: #0082cc;
  font-size: 18px;
  font-weight: normal;
}

.on1 .obox {
  width: 1000px;
  margin: 40px auto 0;
  box-sizing: border-box;
  padding: 60px 100px 60px 60px;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.on1 .obox .olt {
  width: 260px;
  float: left;
}

.on1 .obox .olt .ott {
  color: #39425f;
  font-weight: bold;
  line-height: 1.5;
}

.on1 .obox .olt .otc {
  line-height: 1.8;
  color: #39425f;
  margin-top: 20px;
}

.on1 .obox .ort {
  width: calc(100% - 300px);
  float: right;
}

.on1 .obox .ort .d1 {
  margin-bottom: 20px;
  background: url(../images/6_11.png) center right no-repeat;
}

.on1 .obox .ort .d0 {
  margin-bottom: 0;
  background: none;
}

.on1 .obox .ort .d2 {
  background: none;
}

.on1 .obox .ort .d1 .dlt {
  width: 170px;
  float: left;
  text-align: right;
  font-size: 12px;
  color: #39425f;
  line-height: 30px;
}

.on1 .obox .ort .d1 .drt {
  box-sizing: border-box;
  float: right;
  width: 350px;
}

.on1 .obox .ort .d1 .drt input,
.on1 .obox .ort .d1 .drt select {
  font-size: 12px;
  display: block;
  box-sizing: border-box;
  width: 335px;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 30px;
  box-sizing: border-box;
  padding: 0 10px;
  color: #39425f;
}

.on1 .obox .ort .d1 .drt .amore {
  display: block;
  text-align: right;
  padding-right: 30px;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  width: 120px;
  height: 35px;
  line-height: 35px;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  cursor: pointer;
}

.on1 .obox .ort .d1 .drt .amore:hover {
  background-position: right center;
}

.er1 {
  padding-top: 180px;
  background: #f2f2f2;
}

.er1 .box2 {
  width: 1110px;
  margin: 0 auto;
  min-height: 610px;
  background: url(../images/6_12.png) top right no-repeat;
}

.er1 .box2 .txt {
  width: 450px;
}

.er1 .tt {
  font-size: 36px;
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.er1 .xian {
  width: 120px;
  height: 4px;
  background: #39425f;
  margin: 40px 0;
}

.er1 .tc {
  line-height: 1.5;
  color: #39425f;
}

/* 隐私政策 */

.pr_co1 {
  padding: 80px 0 130px;
}

.pr_co1 .tt {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
}

.pr_co1 .tt2,
.pr_co1 .tcbd {
  font-weight: bold;
  color: #39425f;
}

.pr_co1 .tt2,
.pr_co1 .tc {
  color: #39425f;
  line-height: 1.8;
}


/* 登录 */

.lo1 {
  padding: 150px 0;
}

.lo1 .tt {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.lo1 .box2 {
  width: 1000px;
  margin: 60px auto 0;
}

.lo1 .box2 .llt {
  width: 420px;
  float: left;
}

.lo1 .box2 .llt .ltt {
  color: #39425f;
  font-weight: bold;
  font-family: ex;
  line-height: 1.5;
  margin-bottom: 10px;
}

.lo1 .box2 .llt .ltc {
  line-height: 1.8;
  color: #39425f;
}

.lo1 .box2 .lrt {
  width: 520px;
  float: right;
}

.lo1 .box2 .lrt .d1 {
  margin-bottom: 20px;
}

.lo1 .box2 .lrt .d1 .sp1 {
  width: 130px;
  float: left;
  text-align: right;
  color: #39425f;
  line-height: 30px;
}

.lo1 .box2 .lrt .d1 .sp2 {
  float: right;
  width: 370px;
}

.lo1 .box2 .lrt .d1 .sp2 input,
.lo1 .box2 .lrt .d1 .sp2 select {
  display: block;
  width: 275px;
  float: left;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.lo1 .box2 .lrt .d1 .sp2 .blue {
  display: block;
  width: 100%;
  float: left;
  margin-top: 10px;
  color: #2689c3;
}

.lo1 .box2 .lrt .d1 .sp2 select {
  width: 150px;
}

.lo1 .box2 .lrt .d1 .sp2 .sp3 {
  display: block;
  width: 80px;
  float: right;
  line-height: 30px;
  text-align: center;
  background: #f2f2f2;
  color: #39425f;
  border-radius: 5px;
}

.lo1 .box2 .lrt .d1 .sp2 .amore {
  display: block;
  text-align: right;
  padding-right: 0px;
  margin-right: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  width: 115px;
  height: 35px;
  line-height: 35px;
  float: left;
  text-align: center;
  background: url(../images/6_14.png) center no-repeat;
}

.lo1 .box2 .lrt .d1 .sp2 .amore:hover,
.lo1 .box2 .lrt .d1 .sp2 .amore.act {
  background: url(../images/6_13.png) center no-repeat;
  background-size: cover;
  color: #fff;
}

.lo1 .box2 .lrt .d1 .sp2 .forgot {
  display: inline-block;
  padding: 10px 0;
  border-bottom: 1px solid #2689c3;
  color: #2689c3;
}

.fo1 {
  padding: 150px 0;
}

.fo1 .tt {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.fo1 .tc {
  padding: 40px 0;
}

.fo1 .tc img {
  display: block;
  width: 31.78%;
  float: left;
}

.fo1 .tc .trt {
  width: 560px;
  float: right;
  margin-right: 200px;
}

.fo1 .tc .trt .d1 {
  margin-bottom: 20px;
}

.fo1 .tc .trt .d1 .sp1 {
  display: block;
  width: 115px;
  float: left;
  text-align: right;
  line-height: 30px;
  font-size: 12px;
  color: #39425f;
}

.fo1 .tc .trt .d1 .sp2 {
  float: right;
  width: 420px;
  line-height: 1.5;
  color: #39425f;
}

.fo1 .tc .trt .d1 .sp2 input {
  width: 275px;
  height: 30px;
  display: block;
  float: left;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 10px;
}

.fo1 .tc .trt .d1 .sp2 .email {
  float: left;
  margin-left: 10px;
  display: block;
  line-height: 30px;
  color: #2689c3;
}

.fo1 .tc .trt .d1 .sp2 .sp3 {
  display: block;
  width: 80px;
  float: left;
  margin-left: 10px;
  line-height: 30px;
  text-align: center;
  background: #f2f2f2;
  color: #39425f;
  border-radius: 5px;
}

.fo1 .tc .trt .d1 .sp2 .amore {
  display: block;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  width: 170px;
  height: 35px;
  line-height: 35px;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  cursor: pointer;
}

.fo1 .tc .trt .d1 .sp2 .amore:hover {
  background-position: right center;
}

/* 注册 */

.re1 {
  padding: 150px 0;
}

.re1 .tt {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.re1 .box2 {
  width: 1050px;
  margin: 0 auto;
  padding: 60px 0 0;
}

.re1 .box2 .rlt {
  width: 430px;
  float: left;
}

.re1 .box2 .rlt .rtt {
  color: #39425f;
  line-height: 1.5;
  font-weight: bold;
}

.re1 .box2 .rlt .rtc {
  line-height: 1.8;
  margin-top: 10px;
}

.re1 .box2 .rlt .rtc span {
  color: #2689c3;
  font-size: 12px;
}

.re1 .box2 .rrt {
  width: 570px;
  float: right;
}

.re1 .box2 .rrt .rtt {
  color: #39425f;
  font-weight: bold;
  margin-bottom: 40px;
}

.re1 .box2 .rrt .d1 {
  margin-bottom: 20px;
}

.re1 .box2 .rrt .d1 .sp1 {
  width: 110px;
  padding-right: 15px;
  height: 30px;
  text-align: right;
  float: left;
  display: block;
  font-size: 12px;
  color: #39425f;
  line-height: 30px;
}

.re1 .box2 .rrt .d1 .sp2 {
  width: 290px;
  float: left;
  display: block;
  line-height: 30px;
  color: #0082cc;
}

.re1 .box2 .rrt .d1 .sp2 select,
.re1 .box2 .rrt .d1 .sp2 input {
  width: 275px;
  box-sizing: border-box;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 10px;
}

.re1 .box2 .rrt .d1 .sp3 {
  display: block;
  font-size: 12px;
  float: left;
  color: #0082cc;
  line-height: 30px;
}

.re1 .box2 .rrt .d1 .sp3 span {
  display: block;
  width: 145px;
  line-height: 30px;
  color: #0082cc;
  background: #f2f2f2;
  text-align: center;
  float: left;
}

.re1 .box2 .rrt .rtt2 {
  margin: 60px 0 40px;
}

.re1 .box2 .rrt .d1 .sp4 {
  width: 290px;
  float: left;
  display: block;
  line-height: 30px;
  color: #0082cc;
}

.re1 .box2 .rrt .d1 .sp4 label {
  display: block;
  float: left;
  line-height: 30px;
  margin-right: 30px;
  font-size: 12px;
  color: #39425f;
  cursor: pointer;
}

.re1 .box2 .rrt .d1 .sp4 label input {
  margin-right: 5px;
}

.re1 .box2 .rrt .d1 .sp2 div {
  line-height: 30px;
  color: #f28f00;
}

.re1 .box2 .rrt .d1 .sp5 {}

.re1 .box2 .rrt .d1 .sp5 input {
  display: block;
  width: 80px;
  float: left;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.re1 .box2 .rrt .d1 .sp5 span {
  display: block;
  float: left;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #39425f;
}

.re1 .box2 .rrt .d1 .sp3 div {
  display: block;
  float: left;
  line-height: 30px;
  width: 80px;
  text-align: center;
  background: #f2f2f2;
  border-radius: 5px;
}

.re1 .box2 .rrt .d1 .sp2 .amore {
  display: block;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  width: 120px;
  height: 35px;
  line-height: 35px;
  transition: background-position 1s ease;
  background-size: 200% 100%;
  background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
  cursor: pointer;
}

.re1 .box2 .rrt .d1 .sp2 .amore:hover {
  background-position: right center;
}


/* 搜索结果 */

.se1 {
  padding: 150px 0;
}

.se1 .tt {
  font-family: ex;
  color: #39425f;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.se1 .sbox {
  padding-top: 40px;
}

.se1 .sbox .slt {
  width: 240px;
  float: left;
}

.se1 .sbox .slt .sltp {
  margin-bottom: 50px;
}

.se1 .sbox .slt .stt {
  display: block;
  width: 100%;
  line-height: 35px;
  background: #f2f2f2;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 25px;
}

.se1 .sbox .slt .stt img {
  display: block;
  width: 20px;
  float: left;
  margin-right: 10px;
}

.se1 .sbox .slt .sltp a {
  display: block;
  line-height: 1.8;
  font-size: 12px;
  color: #39425f;
  padding-left: 40px;
}

.se1 .sbox .slt .slbt .d1 {
  padding-left: 40px;
  font-size: 12px;
  font-weight: bold;
  color: #39425f;
  margin-bottom: 10px;
}

.se1 .sbox .slt .slbt a {
  display: block;
  line-height: 1.8;
  font-size: 12px;
  color: #39425f;
  padding-left: 50px;
}

.se1 .sbox .slt a:hover {
  color: #fff;
  background: #2689c3;
}

.se1 .sbox .slt .slbt .stc {
  margin-bottom: 30px;
}

.se1 .sbox .srt {
  width: calc(100% - 300px);
  float: right;
}

.se1 .sbox .srt .search_detail li {
  margin-bottom: 50px;
}

.se1 .sbox .srt .search_detail li .img {
  display: none;
}

.se1 .sbox .srt .search_detail .s_title a {
  color: #2689c3;
  border-bottom: 1px solid #2689c3;
  padding-bottom: 5px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: normal;
}

.se1 .sbox .srt .search_detail .s_content {
  line-height: 1.5;
  color: #39425f;
  font-size: 12px;
  font-weight: bold;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.se1 .sbox .srt .search_detail .s_end {
  line-height: 1.5;
  color: #39425f;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
}

.se1 .sbox .srt .search_detail .s_end a {
  font-size: 12px;
  font-weight: normal;
  color: #2689c3;
}


/*独立页面*/
.WordSection1 p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}


.dss-pannel {
  margin: 0px 0px 8px 0px;
}

.dss-pannel .searchBox {
  position: relative;
}

.dss-pannel input {
  margin-right: 0px;
  padding: 5px 40px 5px 5px;
  width: 100%;
  height: 32px;
  line-height: 22px;
  font-size: 14px;
  display: block;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dss-pannel button {
  position: absolute;
  right: 0px;
  top: 5px;
  width: 32px;
  height: 32px;
  border: none;
  background: url(../images/search.png) no-repeat center center;
  cursor: pointer;
}

.dss-pannel .errorBox {
  margin: 10px 0px 0px 10px;
  font-size: 14px;
  line-height: 24px;
  display: none;
}

#CopyUL {
  padding: 15px 0px;
  border: 1px solid #ddd;
  display: none;
  max-height: 390px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#CopyUL::-webkit-scrollbar {
  width: 4px;
}

#CopyUL::-webkit-scrollbar-thumb {
  background: #2689c3;
}

#CopyUL::-webkit-scrollbar-track {
  background: #ccc;
}

.faq {
  width: 77%;
  float: right;
  padding: 10px 0px 25px 0;
  box-sizing: border-box;
  min-height: 440px;
  border: none;
}

.faq dl {
  margin-bottom: 20px;
  border-top: 1px solid #ddd;
}

.faq dt a {
  padding: 8px 0px 8px 8px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  border-bottom: 1px solid #ddd;
  display: block;
  cursor: pointer;
  position: relative;
}

.faq dt a:hover {
  color: #0082cc;
}

/*.faq dt span{position:absolute; right:10px; top:12px; width:16px; height:16px; background:url(../images/open.png) no-repeat;-webkit-transition: transform .25s linear;-moz-transition: transform .25s linear;-o-transition: transform .25s linear;transition: transform .25s linear;}
.faq dt.focus span{transform:rotate(180deg);} 

.faq dt:hover{color:#0082cc;}*/
.faq dt strong {
  font-size: 16px;
  line-height: 24px;
  color: #0082cc;
}

.faq dd {
  padding: 8px 30px 15px 30px;
  font-size: 14px;
  line-height: 24px;
  display: none;
  background-color: #fafafa;
}

.faq dd strong,
.faq dd b {
  font-size: 14px;
  line-height: 30px;
}

.faq dd p {
  margin-top: 20px;
}

.faq dd p:nth-child(1),
.faq dd p:nth-child(2) {
  margin-top: 0px;
}

.faq dd img {
  max-width: 100%;
  height: auto;
}

.faq dd a.pdf {
  padding-left: 32px;
  line-height: 32px;
  color: #0082cc;
  background: url(../images/4_14.png) no-repeat left center;
  display: block;
}

.faq-table {
  display: table;
}

.faq-table-td {
  padding: 0px 10px;
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.faqTable {
  margin-top: 10px;
  border-collapse: collapse;
}

.faqTable th,
.faqTable td {
  padding: 5px 8px;
  line-height: 24px;
  color: #39425f;
  border: 1px solid #ddd;
  background-color: #FFFFFF;
}

.faqTable th {
  background-color: #f2f2f2;
  text-align: left;
  font-weight: bold;
}

.faqTable td img {
  max-width: 100%;
  height: auto;
}

@media(max-width: 1600px) {

  .head .nav {
    left: 45%;
  }

  .ne2 .demo {
    margin: 0 auto;
    height: 400px;
    width: 800px;
  }

  .ne2 .demo li {
    height: 260px;
    width: 380px;
    position: relative;
  }

  .banner .u {
    margin-left: -870px;
  }


}

@media(max-width: 1366px) {}

br {
  opacity: 0;
  background: transparent;
  color: transparent;
}

.m_head,
.m_nav,
.swiper0m,
.er1 .box2 img,
.sstc {
  display: none;
}

/* 手机 */


@media(max-width: 1024px) {


  body {
    min-width: 200px;
    padding-top: 1.2rem;
  }

  .f_12 {
    font-size: .3rem;
  }

  .f_16 {
    font-size: .34rem;
  }

  .f_18 {
    font-size: .36rem;
  }

  .f_20 {
    font-size: .38rem;
  }

  .f_22 {
    font-size: .4rem;
  }

  .f_24 {
    font-size: .42rem;
  }

  .f_26 {
    font-size: .44rem;
  }

  .f_28 {
    font-size: .46rem;
  }

  .f_30 {
    font-size: .48rem;
  }

  .f_32 {
    font-size: .5rem;
  }

  .f_34 {
    font-size: .52rem;
  }

  .f_36 {
    font-size: .54rem;
  }

  .f_38 {
    font-size: .56rem;
  }

  .f_40 {
    font-size: .56rem;
  }

  .f_45 {
    font-size: .56rem;
  }

  .m_head {
    display: block;
    height: 1.2rem;
    overflow: hidden;
    padding: 0 5%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 15;
    background: #333;
  }

  .m_head .mlt {
    display: block;
    float: left;
  }

  .m_head .mlt img {
    display: block;
    height: 1.2rem;
  }

  .m_head .img,
  .m_head .img2 {
    width: 1.2rem;
    float: right;
  }

  .m_head .img img,
  .m_head .img2 img {
    display: block;
    width: 100%;
    max-width: 50px;
  }

  .m_nav {
    display: block;
    position: fixed;
    z-index: 199;
    width: 100%;
    height: 100%;
    background: url(../images/black.png) center;
    top: 0;
    right: -100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    overflow: hidden;
    box-sizing: border-box;
  }

  .m_nav.act {
    right: 0;
  }

  .m_out {
    width: 15%;
    float: left;
  }

  .m_out img {
    display: block;
    width: 100%;
    max-width: 50px;
  }

  .m_navbox {
    width: 80%;
    box-sizing: border-box;
    float: right;
    background: #000;
    height: 100vh;
    box-sizing: border-box;
    padding: .2rem 5%;
    overflow: auto;
  }

  .m_navbox div,
  .m_navbox a {
    color: #fff;
    display: block;
  }

  .m_navbox a {
    font-size: .34rem;
    line-height: .34rem;
    padding: .3rem 0;
  }

  .m_navbox div,
  .m_navbox a.ltp {
    font-size: .45rem;
    line-height: .45rem;
    border-bottom: 1px solid #1f1e1e;
    padding: .45rem 0;
    display: block;
  }

  .m_navbox a {
    padding-left: 15px;
  }

  .m_navbox a.a1 {
    padding-left: 0;
  }

  .m_navbox li .ltt1 {
    background: url(../images/plus.png) center right no-repeat;
  }

  .m_navbox li .ltt1.act {
    background: url(../images/reduce.jpg) center right no-repeat;
  }

  .m_navbox div.lbt {
    padding: .3rem 0;
    display: none;
  }

  .m_navbox li .ltt2 {
    background: url(../images/plus.png) center right no-repeat;
    border-bottom: 1px solid #ddd;
    font-size: .36rem;
    border: 0;
    line-height: .38rem;
    padding-left: 3%;
    padding: .3rem 0;
  }

  .m_navbox li .ltt2.act {
    background: url(../images/reduce.jpg) center right no-repeat;
  }

  .m_navbox li .ltc2 {
    padding-top: 0;
    display: none;
  }


  .m_navbox .submenulist {
    font-size: .34rem;
    line-height: .34rem;
    border-bottom: none;
    padding: 0;
  }

  .m_navbox .submenulist dl {
    padding-left: 12px;
    display: none;
    border-left: 5px solid #0082cc;
  }

  .m_navbox .submenulist>a.hasactive {
    border-left: 5px solid #0082cc;
  }

  .m_navbox .submenulist dl a {
    font-size: 14px;
    padding: 10px 0px 10px 15px;
  }




  .head,
  .in1 .prev1,
  .in1 .next1,
  .swiper1 .swiper-slide .pimg {
    display: none;
  }

  .banner .pimg {
    display: none;
  }

  .banner .mimg {
    display: block;
  }

  .banner .u {
    display: none;
  }

  .banner .tt {
    padding-top: 23%;
    font-size: .6rem;
    text-align: center;
  }

  .banner .tc {
    text-align: center;
  }

  .box {
    width: 90%;
    min-width: 200px;
  }

  .bnav {
    overflow: hidden;
    display: none;
  }

  .pr1 {
    padding: .5rem 0;
  }

  .pr1 .tc {
    margin: .3rem 0;
  }

  .pr1 .ul1 li {
    width: 49%;
    margin: 0 0 .3rem 0;
  }

  .pr1 .ul1 li:nth-child(2n) {
    float: right;
  }

  .footer {
    padding: 0;
  }

  .footer .box {
    padding: 1.8rem 0 .5rem;
    background: #263646 url(../images/1_43.png) 56% .5rem no-repeat;
    background-size: 300%;
  }

  .footer .ftp {
    display: none;
  }

  .footer .fbt {
    padding: 0;
    margin: 0;
    background: #263646;
    line-height: 1.8;
    text-align: center;
    height: auto;
    font-size: .3rem;
  }

  .footer .fbt .abtn {
    float: none;
    text-align: center;
    margin-top: 5px;
  }

  .footer .fbt .abtn a {
    display: inline-block;
    float: none;
    font-size: .32rem;
  }

  .i5 .ibox .irt li .ljt {
    display: none;
  }

  .pr_li1 {
    padding: .5rem 0;
  }

  .pr_li1 .tc {
    margin: .3rem 0;
  }

  .pr_li1 .abtn a {
    width: 110px;
  }

  .pr_li1 .ul1 {
    width: 100%;
    float: none;
  }

  .pr_li1 .ul1 li {
    width: 100%;
    float: none;
    margin: 0 0 .8rem 0;
  }

  .pr_li1 .ul1 li .lmore {
    margin: 10px auto;
  }

  .pr_li1 .prt,
  .zhanwei {
    display: none;
  }

  .prt1 {
    padding: .5rem 0 0;
    margin-bottom: .8rem;
  }

  .prt1 .plt {
    width: 100%;
    float: none;
  }

  .prt1 .plt .img1,
  .prt1 .plt .img1 img {
    display: none;
  }

  .prt1 .plt .sbox .swiper3 .swiper-slide .img,
  .prt1 .plt .sbox .swiper3 .swiper-slide.act .img {
    border: 0;
  }


  .prt1 .plt .sbox .swiper3 {
    width: 100%;
  }

  .prt1 .prt {
    width: 100%;
    float: none;
    margin: 0;
  }

  .prt1 .prt .ptt {
    font-size: .6rem;
    padding: .1rem 0;
    line-height: 1.5;
  }

  .prt1 .prt .ul1 {
    margin: .5rem 0 .3rem;
  }

  .prt2 .prt {
    display: none;
  }

  .prt1 .ptp .abtn {
    padding-top: .5rem;
    position: relative;
    overflow: auto;
  }

  .prt1 .ptp .abtn .abox {
    float: left;
    margin-right: -999em;
  }

  .prt1 .ptp .abtn span {
    padding: 15px 20px;
    margin: 0 .1rem 0 0;
    float: left;
    display: block;
  }

  .prt1 .ptp .abtn span s {
    display: none;
  }


  .prt2 .box {
    overflow: auto;
  }

  .prt2 .ul1 {}

  .prt2 .ul1 {
    width: 100%;
    float: none;
  }

  .prt2 .ul1.act {
    padding: 0 0 1rem 0;
    width: 850px;
    margin-right: -999em;
  }

  .prt2 .ul1 .li3 {
    padding: 0;
  }

  .ne1 {
    padding: .5rem 0;
  }

  .ne1 .tt,
  .ne2 .tt {
    font-size: .5rem;
  }

  .ne1 .nbt {
    margin: .5rem 0;
  }

  .ne1 .nlt {
    width: 100%;
    float: none;
  }

  .ne1 .nlt .nmore {
    margin: .3rem auto;
  }

  .ne1 .nrt {
    width: 100%;
    float: none;
    margin-top: 1rem;
  }

  .ne1 .nrt li {
    margin-bottom: .5rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .5rem;
  }

  .ne2 {
    padding: .5rem 0;
  }

  .swiper3m {
    display: block;
  }

  .ne2 .demo {
    display: none;
  }

  .swiper0m {
    margin: .5rem 0 0;
    display: block;
    text-align: center;
    padding-bottom: 1rem;
    font-size: .4rem;
  }

  .swiper0m img {
    display: block;
    width: 100%;
    margin-bottom: .5rem;
  }

  .ne2 .nct .btn.prev,
  .ne2 .nct .btn.next {
    display: none;
  }

  .swiper0m .pagination0 span {
    opacity: 1;
  }

  .swiper0m .pagination0 .swiper-pagination-bullet-active {
    background: #007aff;
  }

  .ne3 {
    padding: .5rem 0;
  }

  .ne3 .tt,
  .n_li1 .tt {
    font-size: .5rem;
  }

  .ne3 .ul1 {
    margin: 0;
  }

  .ne3 .ul1 li {
    width: 100%;
    float: none;
    margin: .3rem 0 0;
    text-align: center;
  }

  .ne_co1 {
    padding: .5rem 0 1rem;
  }

  .ne_co1 .fh {
    margin-bottom: .5rem;
  }

  .ne_co1 .nlt {
    width: 100%;
    float: none;
  }

  .ne_co1 .nect .nrt {
    display: none;
  }

  .ne_co1 .nlt .ntt {
    line-height: 1.5;
    font-size: .5rem;
  }

  .ne_co1 .nlt img {
    display: inline-block;
    max-width: 100%;
  }

  .n_li1 {
    padding: .5rem 0;
  }

  .n_li1 .n_ct {
    margin-top: .5rem;
  }

  .n_li1 .n_ct .nlt {
    width: 100%;
    float: none;
  }

  .n_li1 .n_ct .nlt .abtn {
    text-align: center;
    position: relative;
    overflow: auto;
  }

  .n_li1 .n_ct .nlt .abtn .abox {
    float: left;
    margin-right: -999em;
  }

  .n_li1 .n_ct .nlt .abtn a {
    padding: 15px 0;
    width: 110px;
    margin: 0 .1rem 0 0;
    float: left;
    display: block;
  }


  .n_li1 .n_ct .nlt .ul1 {
    padding: .5rem 0;
  }

  .n_li1 .n_ct .nlt .ul1 li {
    margin-bottom: .3rem;
  }

  .n_li1 .n_ct .nlt .ul1 li .img {
    width: 100%;
    float: none;
  }

  .n_li1 .n_ct .nlt .ul1 li .lrt {
    position: static;
    width: 100%;
    padding: .5rem 0;
  }

  .n_li1 .n_ct .nlt .ul1 li .lrt .ltt {
    height: 42px;
  }

  .n_li1 .n_ct .nlt .ul1 li .lrt .ltc {
    margin: 5px 0;
  }

  .n_li1 .n_ct .nrt {
    display: none;
  }

  .page1 {
    display: none;
  }

  .page2 {
    display: block;
    margin-bottom: .5rem;
  }

  .ev1 {
    padding: .5rem 0;
  }

  .ev1 .tt {
    font-size: .5rem;
  }

  .ev1 .abtn {
    margin: .5rem 0;
  }

  .ev1 .abtn {
    text-align: center;
    position: relative;
    overflow: auto;
  }

  .ev1 .abtn .abox {
    float: left;
    margin-right: -999em;
  }

  .ev1 .abtn a {
    padding: 15px 0;
    width: 110px;
    margin: 0 .1rem 0 0;
    float: left;
    display: block;
  }

  .ev1 .ev_hot .img {
    width: 100%;
    float: none;
  }

  .ev1 .ev_hot .art {
    width: 100%;
    position: static;
    padding: .3rem 3%;
    border: 1px solid #ddd;
  }

  .ev1 .ul1 {
    padding: .5rem 0;
  }

  .ev1 .ul1 li {
    width: 100%;
    float: none;
    margin: 0 0 .5rem 0;
  }

  .ev1 .ul1 li .amore {
    margin: 0 auto;
  }

  .ev1 .ul2 li {
    width: 100%;
    float: none;
    margin: 0 0 .3rem 0;
    text-align: center;
  }

  .vd0 {
    padding: .5rem 0;
  }

  .vd1 .txt {
    margin-top: .5rem;
  }

  .vd1 .txt .tt {
    font-size: .5rem;
    width: 100%;
  }

  .vd1 .txt .tc {
    width: 100%;
  }

  .vd1 .txt .fx {
    position: static;
    margin-top: .3rem;
  }

  .vd1,
  .su1 {
    padding: .5rem 0;
  }

  .su1 .tt,
  .su2 .tt {
    font-size: .5rem;
  }

  .su1 .ul1 {
    margin-top: .5rem;
  }

  .su1 .ul1 li,
  .su1 .ul1 li.li2 {
    width: 48%;
    float: none;
    margin: 0 0 .3rem 0;
    height: 180px;
    padding: 0;
  }

  .su1 .ul1 li:hover {
    border: 0;
  }

  .su1 .ul1 li.li1 {
    width: 100%;
  }

  .su1 .ul1 li:nth-child(2n) {
    float: right;
  }

  .su2 {
    padding: 0;
  }

  .su1 .ul1 li .stt {
    margin: 10px 0;
  }

  .su2 .ul1 {
    margin: .5rem 0;
  }

  .su2 .ul1 li {
    width: 100%;
    float: none;
  }

  .su2 .ul1 li:nth-child(1) {
    border-bottom: 1px solid #ddd;
  }

  .su2 .ul1 li img {
    margin: .5rem auto;
  }

  .su2 .ul1 li .ltc {
    width: 90%;
    margin: .3rem auto;
  }

  .sul1 {
    margin: .5rem 0;
  }

  .sul1 .tt {
    font-size: .5rem;
  }

  .sul1 .abtn {
    margin-top: .5rem;
  }

  .sul1 .box .abtn {
    position: relative;
    overflow: auto;
  }

  .sul1 .box .abtn .abox {
    float: left;
    margin-right: -999em;
  }

  .sul1 .abtn a {
    font-size: .4rem;
    padding: .3rem .5rem;
  }

  .sul1 .abtn a.act s {
    display: none;
  }

  .sul2 .slt {
    width: 100%;
    float: none;
    margin: 0 0 .3rem 0;
    min-height: 100px;
  }

  .sul2 .srt {
    width: 100%;
    float: none;
    min-height: 100px;
  }

  .sul2,
  .ab1,
  .ab3 {
    padding: .5rem 0;
  }

  .vd_tanchang .vbox {
    width: 90%;
    position: static;
    margin: 200px auto 0;
  }

  .vd_tanchang .vbox .out {
    width: 30px;
    height: 30px;
    top: 150px;
    right: 5%;
  }

  .ab1 .alt {
    width: 100%;
    float: none;
  }

  .ab1 .art {
    width: 100%;
    float: none;
  }

  .ab1 .alt .tt {
    font-size: .5rem;
    margin: .3rem 0;
  }

  .ab1 .alt .tc {
    margin: .3rem 0;
  }

  .ab2 .ul1 li {
    margin: 0 0 .5rem 0;
    padding: 0 5%;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    border: 0;
  }

  .ab2 .ul1 {
    height: auto;
    background-size: cover;
    padding: .5rem 0;
  }

  .ab2 .ul1 li:nth-child(3) {
    width: 100%;
  }

  .ab3 .tt {
    font-size: .5rem;
    text-align: left;
  }

  .ab3 .tc {
    margin: .3rem 0;
    text-align: left;
  }

  .ab3 .abox {
    height: auto;
    background: none;
  }

  .ab3 .abox .prev4,
  .ab3 .abox .next4 {
    display: none;
  }

  .ab3 .abox .swiper4 .swiper-slide {
    height: auto;
    text-align: center;
  }

  .ab3 .abox .swiper4 {
    width: 100%;
    padding: .3rem 0;
    box-sizing: border-box;
    background: #f2f2f2;
  }

  .ab3 .abox .swiper4 .swiper-slide .txt {
    padding: 0 5%;
  }

  .ab3 .abox .swiper4 .swiper-slide .yuan {
    display: none;
  }

  .ab3 .abox .swiper4 .swiper-slide:nth-child(2n) .stt,
  .ab3 .abox .swiper4 .swiper-slide:nth-child(2n) .stc {
    position: static;
  }

  .ab4 .ul1 li .ltc {
    text-align: left;
  }

  .ab4 {
    padding: .5rem 0;
  }

  .ab4 .abtn {
    width: 90%;
  }

  .ab4 .abtn span {
    width: 50%;
  }

  .ab4 .ul1 li .ltt {
    margin: .3rem 0;
    font-size: .5rem;
  }

  .ab4 .ul1 {
    padding: .5rem 0;
  }

  .ab5 {
    padding: .5rem 0;
  }

  .ab5 .tt {
    font-size: .5rem;
  }

  .ab5 .ul1 {
    margin-top: .5rem;
  }

  .ab5 .ul1 li {
    width: 100%;
    float: none;
    margin: 0 0 .3rem 0;
  }

  .ab5 .ul1 li .ltt {
    padding: .8rem 5% .5rem;
  }

  .ab5 .ul1 li .xian {
    margin-bottom: .3rem;
  }

  .ab6 {
    padding: .5rem 0;
  }

  .ab6 .tt,
  .ab7 .tt {
    font-size: .5rem;
    text-align: left;
  }

  .swiper5 {
    padding: .5rem 0;
  }

  .swiper5 .img img {
    width: 48%;
    margin: 0 0 .3rem 0;
  }

  .swiper5 .img img:nth-child(2n) {
    float: right;
  }

  .ab7 {
    padding: .5rem 0;
  }

  .ab7 .atc .img {
    width: 100%;
    float: none;
  }

  .ab7 .atc .art {
    width: 100%;
    float: none;
  }

  .ab7 .atc {
    margin-top: .5rem;
  }

  .ab2 .ul1 li .ltt {
    font-size: .8rem;
  }

  .lo1 {
    padding: .5rem 0;
  }

  .lo1 .tt {
    padding-bottom: .3rem;
  }

  .lo1 .box2 {
    margin: .5rem 0;
    width: 100%;
  }

  .lo1 .box2 .llt,
  .lo1 .box2 .lrt,
  .lo1 .box2 .lrt .d1 .sp1,
  .lo1 .box2 .lrt .d1 .sp2 {
    width: 100%;
    float: none;
  }

  .lo1 .box2 .lrt .d1 {
    margin-bottom: .3rem;
  }

  .lo1 .box2 .lrt {
    padding-top: 0rem;
  }

  .lo1 .box2 .lrt .d1 .sp2 input,
  .lo1 .box2 .lrt .d1 .sp2 select {
    width: 100%;
    float: none;
  }

  .lo1 .box2 .lrt .d1 .yanzheng input {
    width: calc(100% - 100px);
    float: left;
  }

  .lo1 .box2 .lrt .d1 .sp2 .sp3 {}

  .re1 {
    padding: .5rem 0;
  }

  .re1 .tt {
    padding-bottom: .3rem;
  }

  .re1 .box2 {
    width: 100%;
    padding: .5rem 0;
  }

  .re1 .box2 .rlt {
    width: 100%;
    float: none;
    margin-top: .8rem;
  }

  .re1 .box2 .rrt {
    width: 100%;
    float: none;
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }

  .re1 .box2 .rrt .rtt {
    margin-bottom: .3rem;
  }


  .re1 .box2 .rrt .d1 .sp1 {
    width: 100%;
    float: none;
    margin: 0;
    text-align: left;
  }

  .re1 .box2 .rrt .d1 .sp2 select,
  .re1 .box2 .rrt .d1 .sp2 input {
    width: 95%;
    float: none;
    display: inline-block;
  }

  .re1 .box2 .rrt .d1 .sp2 {
    width: 100%;
  }

  .re1 .box2 .rrt .d1 {
    margin-bottom: 0;
  }

  .re1 .box2 .rrt .d1 .sp3 {
    float: none;
    margin-top: .1rem;
  }

  .re1 .box2 .rrt .d1 .sp2 {
    float: none;
  }

  .re1 .box2 .rrt .rtt2 {
    margin: .5rem 0 .3rem;
  }

  .re1 .box2 .rrt .d1 .sp5 input {
    width: 50px;
  }

  .re1 .box2 .rrt .d1 .sp3 div {
    width: 150px;
    line-height: 45px;
    margin: .3rem auto;
    float: none;
  }

  .fo1 {
    padding: .5rem 0;
  }

  .fo1 .tt {
    padding-bottom: .5rem;
  }

  .fo1 .tc {
    padding: .5rem 0;
  }

  .fo1 .tc img {
    width: 100%;
    float: none;
  }

  .fo1 .tc .trt {
    width: 100%;
    float: none;
    margin: 0 0 .8rem 0;
    border-top: 0;
    padding-top: 0;
  }

  .fo1 .tc .trt .d1 .sp1,
  .fo1 .tc .trt .d1 .sp2 {
    width: 100%;
    float: none;
    text-align: left;
  }

  .fo1 .tc .trt .d1 .sp2 input {
    width: 100%;
    float: none;
  }

  .fo1 .tc .trt .d1 {
    margin: 0;
  }

  .fo1 .tc .trt .d1 .sp2 .sp3 {
    width: 150px;
    margin: .3rem auto;
    float: none;
  }

  .fo1 .tc .trt .d1 .sp2 .amore {
    margin: .5rem auto 0;
  }

  .re1 .box2 .rrt .d1 .sp2 .amore {
    margin: 0 auto;
    margin-top: -.5rem;
  }

  .pr_co1 {
    padding: .5rem 0;
  }

  .pa1 {
    padding: .5rem 0;
    overflow: hidden;
    position: relative;
  }

  .pa1 .tt {
    font-size: .5rem;
  }

  .pa1 .map {
    display: none;
  }

  .pa1 .abtn {
    margin: .3rem 0;
    text-align: center;
    position: relative;
    overflow: auto;
  }

  .pa1 .abtn .abox {
    float: left;
    margin-right: -999em;
  }

  .pa1 .abtn span {
    padding: 15px 20px;
    margin: 0 .1rem 0 0;
    float: left;
    display: block;
  }




  .pa1 .seh li .lbox {
    padding: .5rem 0;
  }

  .pa1 .seh li .lbox .img {
    width: 100%;
    float: none;
  }

  .pa1 .seh li .lbox .txt {
    width: 100%;
    float: none;
    padding: 0;
  }

  .pa1 .seh li .lbox .txt .email {
    margin: .3rem 0;
  }

  .pa1 .seh li .lbox .txt .tc1 span {
    margin: 0 0 .3rem 0;
    display: block;
    float: none;
  }

  .pa1 .seh li .lbox .txt .ltt {
    margin-bottom: .3rem;
  }

  .pa1 .seh li .lbox .txt .tc2 {
    height: auto;
    margin-bottom: .3rem;
  }

  .pa1 .seh li .lbox .txt .tc3 .sp3 {
    position: static;
    margin: .3rem auto 0;
  }

  .co1 {
    padding: .5rem 0;
  }

  .co1 .tt {
    font-size: .5rem;
  }

  .co1 .tc {
    margin: .3rem 0;
  }

  .co1 .tbox1 {
    position: relative;
    width: 100%;
    overflow: auto;
    height: 485px;
  }

  .co1 .tbox1 .tbox2 {
    width: 1200px;
    float: left;
  }

  .co1 .tc3 {
    margin: .3rem;
    padding: .5rem 0;
  }

  .co1 .tc3 .ttc {
    margin-top: .3rem;
  }

  .on1 {
    padding: .5rem 0;
  }

  .on1 .tt {
    font-size: .5rem;
  }

  .on1 .tt span {
    font-size: .36rem;
  }

  .on1 .obox {
    margin: .5rem auto;
    padding: .5rem 5%;
    width: 100%;
    box-sizing: border-box;
  }

  .on1 .obox .olt {
    width: 100%;
    float: none;
  }

  .on1 .obox .ort {
    width: 100%;
    float: none;
  }

  .on1 .obox .ort .d0 .drt {}

  .on1 .obox .ort .d1 .dlt {
    width: auto;
    display: inline-block;
    padding-right: 10px;
    float: none;
    text-align: left;
    background: url(../images/6_11.png) right 15px no-repeat;
  }

  .on1 .obox .ort .d1 .drt input,
  .on1 .obox .ort .d1 .drt select {
    width: 100%;
  }

  .on1 .obox .ort .d1 {
    background: none;
    margin-bottom: 10px;
  }

  .on1 .obox .ort .d1 .drt .amore {
    margin: .1rem auto 0;
  }

  .on1 .obox .ort .d1 .drt {
    width: 100%;
    float: none;
  }

  .on1 .obox .ort .d0 .dlt {
    display: none;
  }

  .on1 .obox .ort .d0 .drt {
    width: 100%;
    float: none;
    padding-left: 30px;
    background: url(../images/6_10.png) left center no-repeat;
    line-height: 30px;
    margin-top: 10px;
  }

  .er1 {
    padding: .5rem 0;
  }

  .er1 .box2 {
    width: 90%;
    min-height: auto;
    background: none;
  }

  .er1 .box2 img {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }

  .er1 .box2 .txt {
    width: 100%;
  }

  .er1 .tt {
    font-size: .6rem;
  }

  .er1 .xian {
    height: 2px;
    margin: .3rem 0;
  }

  .se1 {
    padding: .5rem 0;
  }

  .se1 .tt {
    font-size: .5rem;
    padding-bottom: .5rem;
  }

  .se1 .sbox {
    padding: .5rem 0 0;
  }

  .se1 .sbox .slt {
    display: none;
  }

  .se1 .sbox .srt {
    width: 100%;
    float: none;
    padding-top: .3rem;
  }

  .se1 .sbox .srt .search_detail li {
    margin-bottom: .5rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .3rem;
  }

  .se1 .sbox .srt .search_detail .s_title a {
    border: 0;
    line-height: 1.5;
  }

  .pr_li1 .abtn {
    padding: .5rem 0;
  }

  .prt1 .plt .sbox .prev3,
  .prt1 .plt .sbox .next3 {
    display: none;
  }

  .su1 .ul1 li.li1 .abt a,
  .su1 .ul1 li.li1 .abt a:nth-child(2n) {
    width: 48%;
  }

  .sstc {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    background: url(../images/black.png);
    width: 100%;
    height: 100%;
  }

  .sstc .sd1 {
    padding: .3rem 5%;
    background: #fff;
  }

  .sstc .sd1 .slt {
    display: block;
    width: calc(100% - 1.3rem);
    float: left;
  }

  .sstc .sd1 .slt input {
    width: calc(100% - 1.4rem);
    float: left;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 5%;
  }

  .sstc .sd1 .slt input a {
    display: block;
    width: 1.2rem;
    float: right;
  }

  .sstc .sd1 .slt input a img {
    display: block;
    width: 100%;
  }

  .sstc .sd1 .srt {
    width: 1.2rem;
    float: right;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
  }

  .sstc .sd1 .srt img {
    display: block;
    width: 100%;
  }

  .m_navbox a.mlg {
    margin: .5rem auto 0;
    padding: 0;
    width: 90%;
    line-height: 1rem;
    background: #2689c3;
    color: #fff;
    text-align: center;
    font-size: .5rem;
    border-radius: 5px;
  }

  .prt1 .prt .ptt2 {
    border: 0;
  }

  .pa1 .seh li .lbox .cintro {
    padding: .3rem 0;
    width: 100%;
    float: none;
  }

  .faq {
    width: 100%;
    float: none;
  }


}


@media(min-width: 1920px) {

  .banner .pimg {
    width: 100%;
    position: static;
    margin: 0;
  }

  .banner .u_big {
    opacity: 1;
  }

  .banner .u {
    opacity: 0;
  }

}

@media(max-width: 2000px) {


  .footer .ul1 li {
    float: left;
    margin-right: 8%;
    max-width: 200px;
  }


}