.w1398 {
  width: 1398px;
  margin: 0 auto;
}
.close {
  display: none;
}
.open {
  display: block;
}
input {
  outline: none;
}
.w1698 {
  width: 1698px;
  margin: 0 auto;
}
#lt_top {
  position: relative;
  padding-top: 25px;
  box-sizing: border-box;
  width: 100%;
  height: 1080px;
  background: #262626;
}
#lt_top .lt_top {
  height: 54px;
}
#lt_top .lt_top .log {
  float: left;
}
#lt_top .lt_top .name {
  margin-top: 30px;
  margin-left: 10px;
  display: block;
  float: left;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
#lt_top .lt_top .nav {
  margin-left: 60px;
  margin-top: 32px;
  float: left;
}
#lt_top .lt_top .nav ul {
  width: 800px;
  display: flex;
  justify-content: space-around;
  height: 100%;
}
#lt_top .lt_top .nav ul li {
  position: relative;
  width: 100%;
  text-align: center;
  float: left;
}
#lt_top .lt_top .nav ul li a {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
#lt_top .lt_top .nav ul li:hover ::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 4px;
  background: #3A6EC3;
  top: 30px;
  left: 35%;
  width: 30%;
}
#lt_top .lt_top .nav ul li dl {
  display: none;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  margin-top: 10px;
}
#lt_top .lt_top .nav ul li dl dd {
  background-color: white;
}
#lt_top .lt_top .nav ul li dl dd a {
  color: black;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
}
#lt_top .lt_top .tell_pic {
  float: right;
  margin-top: 38px;
  margin-right: 3px;
  z-index: 6;
}
#lt_top .lt_top .tell {
  margin-top: 32px;
  float: right;
  color: azure;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
#lt_top .lt_l2 {
  overflow: hidden;
  width: 100%;
}
#lt_top .lt_l2 .l1 {
  position: relative;
  height: 548px;
}
#lt_top .lt_l2 .l1 .tell_pic {
  position: absolute;
}
#lt_top .lt_l2 .l1 .pic1 {
  top: 99px;
  left: 563px;
  z-index: 1;
}
#lt_top .lt_l2 .l1 .pic2 {
  top: 99px;
  left: 263px;
  z-index: 2;
}
#lt_top .lt_l2 .l1 .pic3 {
  top: 241px;
  left: 0px;
  z-index: 3;
}
#lt_top .lt_l2 .l1 .right {
  width: 400px;
  height: 548px;
  float: right;
  margin-top: -6px;
  text-align: right;
  padding-top: 253px;
  box-sizing: border-box;
}
#lt_top .lt_l2 .l1 .right h3 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
}
#lt_top .lt_l2 .l1 .right h3::after {
  width: 35px;
  content: " ";
  height: 2px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
}
#lt_top .lt_l2 .l1 .right h4 {
  margin-top: 57px;
  font-size: 60px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
#lt_top .lt_l2 .l1 .right h5 {
  margin-top: 22px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
}
#lt_top .lt_l2 .bom {
  background: #3A6EC3;
  height: 356px;
}
#lt_top .lt_l2 .bom .b_l {
  padding-right: 85px;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 100%;
}
#lt_top .lt_l2 .bom .b_l .l11 {
  text-align: right;
  margin-top: 77px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
#lt_top .lt_l2 .bom .b_l .l21 {
  text-align: right;
  margin-top: 17px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
#lt_top .lt_l2 .bom .b_l ul {
  margin-top: 46px;
  float: right;
  text-align: right;
}
#lt_top .lt_l2 .bom .b_l ul li {
  float: left;
  text-align: center;
  margin-left: 105px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #DDDDDD;
}
#lt_top .lt_l2 .bom .b_l ul li div {
  width: 77px;
  height: 77px;
  margin: 0 auto;
  line-height: 77px;
  text-align: center;
}
#lt_top .lt_l2 .bom .b_r {
  float: right;
  width: 50%;
  background-color: #F2F2F2;
  height: 100%;
  padding-left: 73px;
  box-sizing: border-box;
  position: relative;
}
#lt_top .lt_l2 .bom .b_r .search {
  position: absolute;
  top: 86px;
  left: 567px;
}
#lt_top .lt_l2 .bom .b_r .l11 {
  margin-top: 76px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1F1F1F;
}
#lt_top .lt_l2 .bom .b_r .l21 {
  margin-top: 48px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1F1F1F;
}
#lt_top .lt_l2 .bom .b_r .l31 {
  display: block;
  width: 428px;
  height: 37px;
  border-radius: 37/2PX;
  border: 1px #a7b1b4 solid;
  margin-top: 16px;
  padding-left: 15px;
  box-sizing: border-box;
}
#lt_top .lt_l2 .bom .b_r .l41 {
  margin-top: 39px;
  width: 80px;
  height: 37px;
  background: #3A6EC3;
  border-radius: 19px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 37px;
  text-align: center;
  cursor: pointer;
}
#lt_cpzx {
  width: 100%;
  background: #E6E6E6;
  height: 1160px;
}
#lt_cpzx .lt_cpzx .l1 {
  padding-top: 91px;
  box-sizing: border-box;
  text-align: center;
}
#lt_cpzx .lt_cpzx .l1 h3 {
  position: relative;
  font-size: 48px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #262626;
}
#lt_cpzx .lt_cpzx .l1 h3::after {
  width: 33px;
  height: 3px;
  background: #0052D9;
  border-radius: 2px;
  content: " ";
  position: absolute;
  bottom: -20px;
  left: 49%;
}
#lt_cpzx .lt_cpzx .l1 h4 {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #262626;
  margin-top: 18px;
}
#lt_cpzx .lt_cpzx .l2 {
  margin-top: 49px;
}
#lt_cpzx .lt_cpzx .l2 ul {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#lt_cpzx .lt_cpzx .l2 ul a {
  margin-left: 3px;
  width: 100%;
}
#lt_cpzx .lt_cpzx .l2 ul a:nth-child(1) {
  margin-left: 0px;
}
#lt_cpzx .lt_cpzx .l2 ul a li {
  background-color: #fff;
  height: 148px;
  text-align: center;
  padding-top: 38px;
  box-sizing: border-box;
}
#lt_cpzx .lt_cpzx .l2 ul a li:hover {
  background: #3A6EC3;
  color: #FFFFFF;
}
#lt_cpzx .lt_cpzx .l2 ul a li:hover img {
  -webkit-filter: contrast(2000%);
  /* Chrome, Safari, Opera */
  filter: contrast(2000%);
}
#lt_cpzx .lt_cpzx .l2 ul a li img {
  margin: 0 auto;
  display: block;
  width: 42px;
  height: 42px;
  margin-top: 12px;
}
#lt_cpzx .lt_cpzx .l3 {
  margin-top: 57px;
}
#lt_cpzx .lt_cpzx .l3 ul a {
  float: left;
  overflow: hidden;
  background-color: #fff;
  width: 25%;
  height: 304.2px;
  position: relative;
}
#lt_cpzx .lt_cpzx .l3 ul a:nth-child(1),
#lt_cpzx .lt_cpzx .l3 ul a:nth-child(3),
#lt_cpzx .lt_cpzx .l3 ul a:nth-child(6),
#lt_cpzx .lt_cpzx .l3 ul a:nth-child(8) {
  background: #F2F2F2;
}
#lt_cpzx .lt_cpzx .l3 ul a:hover .tuo {
  opacity: 1;
  transform: rotateX(0deg) scale(1, 1);
  transition-property: all;
  transition-duration: 1s;
}
#lt_cpzx .lt_cpzx .l3 ul a li .one {
  text-align: center;
  z-index: 1;
  line-height: 230px;
}
#lt_cpzx .lt_cpzx .l3 ul a li .one img {
  position: relative;
  transform: translateY(30%);
  text-align: center;
  width:240px;
}
#lt_cpzx .lt_cpzx .l3 ul a li .one .text {
  width: 100%;
  position: absolute;
  bottom: 30px;
  text-align: center;
  line-height: 28px;
}
#lt_cpzx .lt_cpzx .l3 ul a li .tuo {
  transform: rotateX(180deg) scale(0.2, 0.2);
  opacity: 0;
  height: 304.2px;
  padding: 0 29px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(58, 110, 195, 0.9);
}
#lt_cpzx .lt_cpzx .l3 ul a li .tuo h3 {
  margin-top: 88px;
  text-align: center;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}
#lt_cpzx .lt_cpzx .l3 ul a li .tuo h4 {
  margin-top: 17px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
#lt_cpzx .lt_cpzx .l3 ul a li .tuo h5 {
  position: absolute;
  bottom: 30px;
  left: 137px;
  text-align: center;
  line-height: 38px;
  width: 159px;
  height: 38px;
  border: 1px solid #FFFFFF;
  opacity: 0.5;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
#lt_about {
  width: 100%;
  height: 960px;
}
#lt_about .lt_about .l1 h3 {
  margin-top: 84px;
  text-align: center;
  font-size: 48px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #262626;
  position: relative;
}
#lt_about .lt_about .l1 h3::after {
  content: " ";
  position: absolute;
  width: 33px;
  height: 3px;
  background: #262626;
  border-radius: 2px;
  left: 49%;
  bottom: -25px;
}
#lt_about .lt_about .l1 h4 {
  margin-top: 25px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #262626;
}
#lt_about .lt_about .l2 {
  padding-top: 44px;
  box-sizing: border-box;
}
#lt_about .lt_about .l2 ul li {
  cursor: pointer;
  float: left;
  width: 33.3333%;
  position: relative;
  overflow: hidden;
}
#lt_about .lt_about .l2 ul li:hover .a_two {
  top: 0px;
  transition-property: top;
  transition-duration: 1s;
}
#lt_about .lt_about .l2 ul li .one {
  width: 100%;
  height: 389px;
}
#lt_about .lt_about .l2 ul li .a_two {
  position: absolute;
  top: -389px;
  right: 0;
  left: 0;
  height: 389px;
  width: 100%;
  background-color: rgba(58, 110, 195, 0.85);
  padding-top: 163px;
  box-sizing: border-box;
}
#lt_about .lt_about .l2 ul li .a_two h3 {
  position: relative;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
#lt_about .lt_about .l2 ul li .a_two h3::after {
  content: " ";
  width: 4%;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 48%;
  bottom: -20px;
  background-color: white;
}
#lt_about .lt_about .l2 ul li .a_two h4 {
  margin-top: 29px;
  text-align: center;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 18px;
}
#lt_about_img {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(11, 11, 11, 0.8);
  z-index: 100;
  bottom: 0;
}
#lt_about_img .lt_about_img {
  height: 800px;
  overflow: hidden;
  width: 820px;
  margin: 0 auto;
  margin-top: calc(50vh - 400px);
}
#lt_about_img .lt_about_img img {
  float: left;
  margin: 0px;
}
#lt_about_img .b {
  background-color: #fff;
  width: 820px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: black;
  margin: 0px auto;
}
#lt_about_img .b h3 {
  font-weight: bold;
  float: left;
  margin-left: 20px;
}
#lt_about_img .b h4 {
  cursor: pointer;
  float: right;
}
#lt_about_img .b h4 span {
  margin-left: 4px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
}
.close {
  display: none;
}
.open {
  display: block;
}
.close_bc {
  background-image: none;
  font-size: 16px;
  font-family: Microsoft YaHei;
}
.open_bc {
  background-image: url(../../skin/images/jx.png);
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}
ul {
  margin: 0;
  padding: 0;
}
#js {
  background-color: #f2f2f2;
  width: 100%;
  overflow: hidden;
  padding-top:60px;
}
.js {
  padding-bottom: 60px;
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.js h3,
.js h4,
.js h5,
.js h6 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.js > ul {
  height: 197px;
  padding-top: 197px/2 - 30px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
.js > ul li a {
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-family: Microsoft YaHei;
  width: 120px;
  height: 55px;
  text-align: center;
  line-height: 42px;
}
.js > ul li a:hover {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(../../skin/images/jx.png);
}
.js_cad {
  width: 100%;
  overflow: hidden;
  padding-bottom: 40px;
  box-sizing: border-box;
}
.js_cad ul li {
  float: left;
  width: 20%;
  text-align: center;
  padding-bottom: 40px;
}
.js_cad ul li:hover h3 {
  transform: scale(1.2);
  background-color: red;
  color: white;
}
.js_cad ul li:hover img {
  transform: scale(1.15);
  background-color: #e5322d;
}
.js_cad ul li img {
  width: 202px;
  height: 202px;
}
.js_cad ul li h3 {
  width: 202px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px;
  width: 201px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
}
.js_js {
  padding: 0 75px 100px 75px;
  box-sizing: border-box;
  overflow: hidden;
}
.js_js ul li {
  float: left;
  width: 328px;
}
.js_js ul li a {
  width: 329px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #787878;
  line-height: 41px;
}
.ml0 {
  margin-left: 0;
}
.ml1 {
  margin-left: 394px;
}
h3 {
  margin: 0px;
  padding: 0;
}
h4 {
  margin: 0px;
}
#topdiv {
  width: 100%;
  background-color: #f2f2f2;
  overflow: hidden;
}
#topdiv #lcation {
  background-color: #fff;
  width: 100%;
}
#topdiv #lcation .lcation {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 58px;
  font-family: "microsoft yahei", "宋体", "Arial";
  color: #333333;
  height: 58px;
}
#topdiv #lcation .mico {
  background: url(../images/icon.png) no-repeat;
  background-image: url(../images/icon.png);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-position: -129px -30px;
}
#topdiv .topdiv {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 94px;
}
#topdiv .topdiv .map {
  width: 1200px;
  margin-top: 28px;
  height: 400px;
  background-color: #fff;
}
#topdiv .topdiv .address h3 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #787878;
  line-height: 42px;
  float: left;
  margin: 0px;
  margin-right: 43px;
}
#topdiv .topdiv .address a {
  width: 120px;
  height: 42px;
  background: #0052D9;
  border: 0px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 42px;
  float: right;
  margin-right: 34px;
  margin-left: 34px;
  text-align: center;
}
#topdiv .topdiv h4 {
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
  line-height: 28px;
  margin: 43px 0 21px 0;
}
#top2 .top2 {
  width: 1200px;
  margin: 0 auto;
  padding: 102px 0 96px 0;
  overflow: hidden;
}
#top2 .top2 .le {
  width: 420px;
  float: left;
}
#top2 .top2 .le h4 {
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
}
#top2 .top2 .le img {
  display: block;
  /* margin: 0 auto; */
  width: 201px;
  height: 201px;
  margin-top: 43px;
}
#top2 .top2 .ri {
  float: right;
}
#top2 .top2 .ri h3 {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
  line-height: 18px;
}
#top2 .top2 .ri input {
  width: 455px;
  height: 52px;
  background: #FFFFFF;
  border: 1px solid #C8C8C8;
  margin-top: 15px;
  display: block;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #787878;
}
#top2 .top2 .ri input:nth-last-child(1) {
  width: 120px;
  height: 42px;
  background: #0052D9;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  margin-left: 166px;
}