.container {padding-left: 0;padding-right: 0;}
header{position: absolute;top: 10px;z-index: 50;width: 100%;}
header.active{background: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);}
.head_layout{width: 100%;height: 61px;display: flex;}
header.active .head_layout{width: 87%;}
.head_layout .logo {width: 60px;}
.head_layout .logo img {display: block;margin: auto;width: auto;margin-right: 46px;}
.head_layout .head_flex{display: flex;align-items: center;flex: 1;}
.head_layout .nav_wrap{flex: 1;position: relative;padding-left: 10%;}
.head_layout .nav_box .item{float: left;padding: 0 20px;position: relative;height: 20px;line-height: 20px;}	
.head_layout .nav_box .item:first-child{padding-left: 12px;}
.head_layout .nav_box .item:last-child{border-right: none;padding-right: 0;}
.head_layout .nav_box .item a{color: #fff;font-size: 16px;font-weight: bold;}
header.active .head_layout .nav_box .item a{color: #333;}
header.active .head_layout .nav_box .item:hover a{color: #044393;}
.head_layout .nav_box .item a i {font-size: 12px;margin-left: 5px;}
.head_layout .nav_box > .item > a.content1{display: flex;}
.head_layout .nav_box > .item > a,.head_layout .nav_box > .item > a .iconfontBox{transition: all 0.2s ease-in-out;}
.head_layout .nav_box > .item:hover > a{color: #eee;}
.head_layout .nav_box .item:hover .menu_down {visibility: visible;opacity: 1;z-index: 9;transform: scaleY(1)}
.head_layout .menu_down {width: 200px;transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;display: block;background-color: #044393;position: absolute;left: 0;transform: translate(-50%,0);transform: scaleY(.5);top: 30px;transform-origin: center top;visibility: hidden;opacity: 0;box-shadow: 0 0 5px 5px rgba(147, 147, 147, .1);}
.head_layout .menu_down .classify li{height: auto;line-height: 30px;margin: 0;padding: 5px 15px;}
.head_layout .menu_down .classify li a{width: 100%;display: block;border-bottom: 1px #FFFFFF4D solid;color: #fff!important;}
.head_layout .menu_down .classify li:hover a{color: #fff!important;}
.head_layout .menu_down .classify li:last-child a{border-bottom: none;}
.head_layout .btn--search {width: 30px;height: 30px;top: 6px;cursor: pointer;position: relative;}
header.active .head_layout .btn--search{display: none;}
.head_layout .btn--search::after, .head_layout .btn--search::before {display: inline-block;width: 100%;height: 100%;background-image: url("../images/web_icon.jpg");background-position: 0px 0px;background-repeat: no-repeat;content: "";vertical-align: top;transition: all 0.3s ease 0s;}
.head_layout .btn--search::before {background-position: 0px 0px;}
.head_layout .btn--search::after {position: absolute;top: 0px;left: 0px;opacity: 0;transform: scale(0.6) translateY(60%);}
.head_layout .btn--search:hover::after {background-position: 0px -27px;opacity: 1;transform: none;}
.head_layout .btn--search:hover::before {opacity: 0;transform: scale(0.6) translateY(-60%);}
.head_layout .langChoice{position: relative;line-height: 28px;margin-left: 30px;cursor: pointer;display: flex;align-items: center;color: #fff;}
.head_layout .langChoice .lang{font-size: 24px;}
header.active .head_layout .langChoice .lang{color: #333;}
.head_layout .langChoice .down{color: #fff;font-size: 18px;}
header.active .head_layout .langChoice .down{color: #333;}
.head_layout .langChoice dt{line-height: 28px;font-weight: normal;color: #fff;display: flex;align-items: center;}
.head_layout .langChoice dt .txt{margin-left: 12px;}
header.active .head_layout .langChoice dt .txt{color: #333;}
.head_layout .langChoice dd{position: absolute;width: 103px;background: #fff;z-index: 10;text-align: center;line-height: 30px;border: 1px #ddd solid;border-bottom: none;display: none;right: 0;top: 100%;max-height: 400px;overflow-y: scroll;z-index: 99;color: #333;}
.head_layout .langChoice dd a{display: block;width: 100%;border-bottom: 1px #ddd solid;}
.head_layout .langChoice dd a:hover{text-decoration: none;background: #f5f5f5;}	
.wrapper img{transition: all 0.3s linear 0s;}
.banner{height: 100vh;}
.banner .banner_container{height: 100%;width: 100%;}
.banner .swiper-slide .ban_img{width: 100%;height: 100%;position: relative;}
.banner .swiper-slide .ban_img::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #050507 -0.63%, rgba(5, 5, 7, 0.00) 102.6%);z-index: 1;}
.banner .swiper-container-vertical>.swiper-pagination-bullets{top: 52%;}
.banner .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 auto;}
.banner .banner_pagination .swiper-pagination-bullet{border-radius: 0;height: 80px;position: relative;}
.banner .banner_pagination .swiper-pagination-bullet:nth-child(1){width: 5px;background: linear-gradient(180deg, #EAEAEA 0%, #AAA 100%);}
.banner .banner_pagination .swiper-pagination-bullet:nth-child(1)::after{content: "01";position: absolute;top: 24%;right: 24px;color: rgba(255, 255, 255, 0.70);font-size: 24px;font-weight: 700;}
.banner .banner_pagination .swiper-pagination-bullet:nth-child(2){width: 3px;background: rgba(166, 164, 164, 0.90);}
.banner .banner_pagination .swiper-pagination-bullet:nth-child(2)::after{content: "02";position: absolute;top: 24%;right: 24px;color: rgba(255, 255, 255, 0.70);font-size: 24px;font-weight: 700;}
.banner .banner_pagination .swiper-pagination-bullet:nth-child(3){width: 2px;background: linear-gradient(90deg, rgba(207, 207, 207, 0.50) 0%, rgba(201, 201, 201, 0.15) 100%);}
.banner .banner_pagination .swiper-pagination-bullet:nth-child(3)::after{content: "03";position: absolute;top: 24%;right: 24px;color: rgba(255, 255, 255, 0.70);font-size: 24px;font-weight: 700;}
.banner .banner_pagination .swiper-pagination-bullet-active{background: linear-gradient(90deg, rgba(207, 207, 207, 0.50) 0%, rgba(201, 201, 201, 0.15) 100%);}
.banner .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child::after,.banner .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2)::after,.banner .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child::after{font-size: 36px;top: 12%;}
.banner .swiper-slide .container{position: relative;height: 100%;}
.banner .swiper-slide .txtBox{position: absolute;top: 33%;left: 16px;z-index: 10;}
.banner .swiper-slide .txtBox h1{color: #fff;font-weight: 700;font-size: 64px;position: relative;}
.banner .swiper-slide .txtBox h1:after{content: "";position: absolute;bottom: -36px;left: 0;width: 9%;height: 1px;background: #FFF;}
.banner .swiper-slide .txtBox p{font-size: 24px;color: #fff;margin-top: 95px;}
.banner .button{position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);z-index: 10;cursor: pointer;}
.banner .orbit {
  position: relative;
  width: 119px;
  height: 119px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 11px;
}
.banner .orbit .circle_small1,.orbit .circle_small2,.orbit .circle_small3{width: 10px;height: 10px;border-radius: 50%;background-color: #7887A1;position: absolute;}
.banner .orbit .circle_small1{top: 15px;left: 7px;}
.banner .orbit .circle_small2{top: 27px;right: 0;}
.banner .orbit .circle_small3{bottom: -5px;left: 46px;}
.banner .swiper-slide-active[data-swiper-slide-index="0"] .orbit .circle_small1,.banner .swiper-slide-active[data-swiper-slide-index="1"] .orbit .circle_small2,.banner .swiper-slide-active[data-swiper-slide-index="2"] .orbit .circle_small3{background-color: #FFFFFFDE;}
.banner .circle {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 97px;
  height: 97px;
  background-color: #D9D9D938;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  font-weight: 700;
  opacity: 0.8;
}
.banner .button:hover .orbit{animation: rotate 5s linear infinite;}
.banner .button:hover .circle{animation: growAndFade 2s linear infinite;}
/* 定义动画 */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes growAndFade {
  from {
    transform: scale(1);
    opacity: 0.8;
  }
  to {
    transform: scale(1.2);
    opacity: 1;
  }
}
.ind_product{background: url(../images/ind_product_bg.jpg) center center no-repeat;background-size: cover;padding: 143px 0;position: relative;}
.ind_product .container{display: flex;justify-content: space-between;position: relative;}
.ind_product .left_side{width: 33%;padding-top: 90px;padding-right: 85px;}
.title{font-size: 64px;color: #DDDDDD;font-weight: 700;margin-bottom: 90px;}
.ind_product .left_side p{color: #fff;line-height: 26px;}
.ind_product .right_side{width: 67%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.decorate{position: absolute;}
.decorate img{width: 100%;height: 100%;object-fit: cover;}
.ind_product .right_side .imgBox{width: 437px;height: 521px;}
.ind_product .right_side .imgBox a{display: inline-block;width: 100%;height: 100%;overflow: hidden;position: relative;top: 480px;opacity: 0;}
.ind_product .right_side .imgBox a::after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000066;}
.ind_product .right_side .imgBox .img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.ind_product .right_side .imgBox a:hover .img{transform: scale(1.05);}
.ind_product .right_side .imgBox a:hover::after{display: none;}
.ind_product .right_side .imgBox:nth-child(2n+1){margin-bottom: 49px;margin-top: -224px;}
.ind_product .right_side .imgBox:first-child{margin-top: 0;position: relative;}
.ind_product .right_side .imgBox:nth-child(2n){margin-bottom: 66px;}
.ind_product .right_side .imgBox:nth-child(2){margin-top: 215px;}
.ind_product .right_side .imgBox span{position: absolute;left: 25px;bottom: 60px;color: #fff;font-size: 20px;}
.hot_products{padding-top: 92px;padding-bottom: 100px;}
.hot_products .container{position: relative;}
.hot_products .title{margin-bottom: 68px;}
.hot_products .swiper-slide{height: 388px;border: 1px solid rgba(255, 255, 255, 0.60);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);position: relative;padding-top: 65px;}
.hot_products .swiper-slide .imgBox{display: flex;align-items: center;justify-content: center;height: 182px;overflow: hidden;transition: all .3s;}
.hot_products .swiper-slide .imgBox:hover img{transform: scale(1.05);}
.hot_products .swiper-slide .txtBox{width: 85%;height: 56px;display: flex;justify-content: center;align-items: center;background: #044393;position: absolute;left: 8%;bottom: 24px;}
.hot_products .swiper-slide .txtBox p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.hot_products .hot_products_prev,.hot_products .hot_products_next{width: 56px;height: 56px;border-radius: 50%;right: 0;top: 36px;text-align: center;line-height: 56px;background-image: none;border: 1px solid #fff;cursor: pointer;user-select: none;}
.hot_products .hot_products_prev:hover,.hot_products .hot_products_next:hover{background: #044393;border: none;}
.hot_products .hot_products_prev i,.hot_products .hot_products_next i{color: #fff;font-size: 26px;}
.hot_products .hot_products_prev{right: 6%;transform: rotate(180deg);left: auto;}
.ind_news{padding: 105px 0;background: #044393;}
.ind_news .title{margin-bottom: 57px;}
.ind_news .contentBox{width: 90%;padding-top: 64px;padding-bottom: 81px;background: #071635;position: relative;}
.ind_news .contentBox .container{margin-left: 14%;}
.ind_news .contentBox .itemBox{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 0 40px;}
.ind_news .contentBox .itemBox .item .imgBox{width: 100%;height: 344px;}
.ind_news .contentBox .itemBox .item .imgBox a{display: inline-block;overflow: hidden;}
.ind_news .contentBox .itemBox .item .imgBox img{transition: all .3s;}
.ind_news .contentBox .itemBox .item .imgBox:hover img{transform: scale(1.05)}
.ind_news .contentBox .itemBox .item h3{color: #fff;font-size: 16px;font-weight: 400;margin-top: 27px;margin-bottom: 20px;}
.ind_news .contentBox .itemBox .item .newsDetails{font-size: 14px;color: rgba(255, 255, 255, 0.88);margin-bottom: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ind_news .contentBox .itemBox .item .newsDetails p{color:#fff;}
.ind_news .contentBox .itemBox .item .bottom{display: flex;justify-content: space-between;align-items: center;}
.ind_news .contentBox .itemBox .item .bottom .date{font-size: 14px;color: #fff;}
.ind_news .contentBox .itemBox .item .bottom .more{display: inline-block;width: 37px;height: 37px;text-align: center;line-height: 37px;border-radius: 50%;background-color: #044393;}
.ind_news .contentBox .itemBox .item .bottom .more:hover{opacity: .8;}
.ind_news .contentBox .itemBox .item .bottom .more i{font-size: 18px;color: #fff;}
.ind_about{background: #031D4C;padding:100px 0;}
.ind_about .container{display: flex;justify-content: space-between;}
.ind_about .left_side{width: 54%;padding-right: 196px;position: relative;}
.ind_about .left_side .title{margin-bottom: 96px;}
.ind_about .left_side p{color: #fff;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.ind_about .left_side .more{display: inline-block;width: 63px;height: 63px;text-align: center;line-height: 63px;border-radius: 50%;background-color: #044393;position: absolute;right: 217px;bottom: 75px;transition: all .3s;}
.ind_about .left_side .more:hover{transform:translateX(10px);}
.ind_about .left_side .more i{font-size: 30px;color: #fff;}
.ind_about .right_side{width: 46%;height: 489px;margin-top: 40px;position: relative;overflow: hidden;}
.ind_about .right_side img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.ind_about .right_side:hover img{transform: scale(1.05)}
/* 搜索 */
.search-ipt {
  border: 0px;
  border-radius: 0px;
  background: transparent;
  appearance: none;
}

.web-search {
  display: flex;
  visibility: hidden;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.web-search .btn--search-close {
  position: absolute;
  top: 1.25em;
  right: 1.25em;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgb(204, 204, 204);
  background-image: url("../images/search_btn_close.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 1.8em;
  line-height: 45px;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
  background-size: auto 35%;
}
@keyframes bounceInA {
0%, 100%, 20%, 40%, 60%, 80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}

20% {
    transform: scale3d(1.1, 1.1, 1.1);
}

40% {
    transform: scale3d(0.9, 0.9, 0.9);
}

60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}

80% {
    transform: scale3d(0.97, 0.97, 0.97);
}

100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
.web-search .btn--search-close:hover {
  background-color: #044393;
  transform: rotate(90deg);
}

.btn--search-close {
  display: block;
}

.web-search .search-ipt {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.05em 0px;
  width: 75%;
  border-bottom: 3px solid;
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-family: inherit;
  line-height: 1em;
}

.web-search .search-ipt::-webkit-input-placeholder {
  color: rgb(51, 51, 51);
  font-weight: bold;
  font-size: 60px;
}

.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {
  appearance: none;
}

.web-search .search-attr {
  display: block;
  margin: 0px auto;
  padding: 0.85em 0px;
  width: 75%;
  color: rgb(51, 51, 51);
  text-align: right;
  font-size: 90%;
}

.container, .web-search .search-ipt {
  transition: all 0.3s ease-in-out 0s;
}

.container {
  position: relative;
}

.main-wrap--move {
  min-height: 100vh;
  transform: translateY(180px);
}
.main-wrap--move::after {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100000;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
}
.web-search {
  pointer-events: none;
}

.web-search {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100001;
  margin: auto;
  padding: 25px 0px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
  transform: translateY(-100%);
  perspective: 1200px;
}

.web-search .btn--search-close {
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}

.search__suggestion, .web-search .search-attr {
  opacity: 0;
  transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
  transform: translate3d(-15%, 0px, 0px);
}

.web-search .search-attr {
  padding-bottom: 0px;
  font-size: 20px;
}

.web-search .search-ipt {
  padding: 0px 0px 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 60px;
  opacity: 0;
  transform: scale3d(0, 1, 1);
  transform-origin: 0% 50%;
  border-bottom-width: 1px;
}

.web-search .search-ipt, .web-search .search-attr {
  transition-delay: 0.15s;
}

.web-search .search-btn {
  display: none !important;
}

.search--open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.search--open .btn--search-close {
  opacity: 1;
  transition: transform 0.3s ease 0s;
  animation: 1s ease 0s 1 normal none running bounceInA;
}
.search--open .search-ipt {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.search--open .search-attr {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.search--open {
  transform: none;
}

.search--open::before {
  opacity: 1;
  transform: none;
}
/* 关于我们 */
.nei_ban{height: 400px;position: relative;}
.nei_ban img{width: 100%;height: 100%;object-fit: cover;}
.nei_ban .container{bottom: 164px;}
.nei_ban .ban_txt{font-size: 64px;font-weight: 700;color: #fff;}
.wrapper{background: linear-gradient(180deg, #050B20 0%, #032157 100%);}
.crumbs{color: #B0B0B0;font-size: 16px;}
.crumbs .container{padding:24px 5px;}
.crumbs .weizhi{color: #B0B0B0;}
.about1{padding-top: 55px;padding-bottom: 140px;}
.about1 .container{display: flex;justify-content: space-between;}
.about1 .left_side{width: 54%;padding-right: 70px;position: relative;}
.about1 .left_side .title{margin-bottom: 56px;}
.about1 h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 30px;
}
.about1 .left_side p{color: #fff;line-height: 36px;}
.about1 .right_side{width: 46%;height: 489px;margin-top: -22px;position: relative;overflow: hidden;}
.about1 .right_side img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.about1 .right_side:hover img{transform: scale(1.05);}
.about2{padding-top: 88px;padding-bottom: 114px;background-color: #044393;}
.about2 h2{font-size: 40px;font-weight: 700;color: #fff;margin-bottom: 145px;text-align: center;}
.about2 .bottom{display: flex;justify-content: space-between;}
.about2 .bottom .item{width: 30%;display: flex;flex-direction: column;align-items: center;position: relative;padding: 0 29px;}
.about2 .bottom .item .imgBox{width: 65px;height: 65px;display: flex;justify-content: center;align-items: center;}
.about2 .bottom .item h3{color: #fff;font-size: 20px;font-weight: 700;margin-top: 33px;margin-bottom: 22px;}
.about2 .bottom .item .bar{width: 1px;height: 18px;background-color: #fff;margin-bottom: 40px;}
.about2 .bottom .item p{font-size: 15px;color: #fff;line-height: 26px;align-self: flex-start;}
.about2 .bottom .item .bar2{position: absolute;width: 1px;height: 74px;background-color: #FFFFFFA6;top: 42%;right: -22px;}
.about3{padding: 140px 0;}
.about3 .title{margin-bottom: 104px;}
.about3 .itemBox{display: flex;justify-content: space-between;}
.about3 .itemBox .item{width: 27%;position: relative;top: 500px;opacity: 0;}
.about3 .itemBox .item .imgBox{width: 100%;height: 530px;margin-bottom: 33px;}
.about3 .itemBox .item .txtBox{display: flex;align-items: center;justify-content: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about3 .itemBox .item .txtBox .imgBox1{display: flex;justify-content: center;align-items: center;width: 12px;height: 12px;margin-right: 20px;}
.about3 .itemBox .item .txtBox .imgBox1 img{width: 100%;height: 100%;object-fit: cover;}
.about3 .itemBox .item .txtBox .txt{color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Business {
    background: #044393;
    padding: 100px 0;
    color: #fff;
}
.Business h2,.picture h2{font-size: 40px;font-weight: 700;color: #fff;margin-bottom: 45px;text-align: center;}
.Business ul li {
    padding: 20px;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
    margin-top: 20px;
}

ul.sub-list li {
    padding: 0;
    background: none;
    margin-top: 10px;
    list-style: disc;
    color: #eee;
}

ul.sub-list {
    padding-left: 20px;
}
.Business h3 {
    font-size: 20px;
    text-align: center;
}
.picture{padding:100px 0;}
.about_sec2 {padding: 80px 0;position: relative;background: url("../images/honorBg.jpg") no-repeat center;overflow: hidden;}
.about2_main {text-align: center;position: relative;}
h2.ab2_h2 {margin: 0;font-size: 16px;font-weight: bold;color: #333;line-height: 26px;letter-spacing: 3px;margin-bottom: 50px;}
.about2_swIn ul {display: inline-block;border-bottom: solid 1px #333;white-space: nowrap;}
.about2_swIn ul li {display: inline-block;position: relative;min-width: 110px;}
.about2_swIn ul li a {max-width: 60px;font-size: 20px;line-height: 30px;color: #333;padding: 4px 0 14px;margin-bottom: -8px;text-align: left;position: relative;font-family: Arial, Helvetica, sans-serif;}
.about2_swIn ul li:before {content: "";display: inline-block;width: 4px;height: 11px;background: #333;position: absolute;bottom: -5px;left: 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.about2_swIn ul li.active:before {width: 9px;height: 9px;bottom: -4px;left:-2px;border-radius: 50px;}
.about2_sw {margin: 0 0 15px;overflow: hidden;padding: 30px 0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.about2_txt_lis {display: none;}
.about2_txt {max-width: 780px;margin: 0 auto;text-align: left;}
.about2_txt_lis h2 {margin: 0 0 15px;font-size: 60px;line-height: 1.2;font-weight: bold;color: #000;letter-spacing: 3px;font-family: Arial, Helvetica, sans-serif;}
.about2_txt_lis p {margin: 0 auto 5px;font-size: 16px;line-height: 24px;color: #000;}
.about2_swIn {display: inline-block;}


/* 产品列表 */
.products{padding: 83px 0 106px;}
.products .container{display: flex;justify-content: space-between;}
.products .product_nav{width: 22%;}
.products .product_nav ul{background: #044393;padding:0 20px;}
.products .product_nav .txt{padding: 34px 44px 23px 17px;font-size: 40px;font-weight: 700;color: #fff;background: #044393;}
.products .product_nav .item{padding: 22px 17px;border-bottom: 1px solid #FFFFFF4D;}
.products .product_nav .item:last-child{border-bottom: none}
.products .product_nav .item .classify{display: flex;justify-content: space-between;align-items: center;}
.products .product_nav .item .classify p{font-size: 20px;color: #fff;font-weight: 700;}
.products .product_nav .item .classify .iconfontBox{transform: rotate(-90deg);}
.products .product_nav .item .classify .iconfontBox i{font-size: 18px;color: #fff;}
.products .product_nav .item.active .classify .iconfontBox{transform: rotate(0);}
.products .product_nav .item .menu_down{padding: 10px 0 10px 50px;display: none;background: rgba(255, 255, 255, 0.21);}
.products .product_nav .item .menu_down li{padding: 8px 0;color: #fff;font-size: 16px;}
.products .contentBox{width: 78%;padding-left: 83px;}
.products .contentBox .searchBox{position: relative;margin-bottom: 40px;display: flex;}
.products .contentBox .searchBox input{width: 88%;height: 56px;padding-left: 25px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.60)}
.products .contentBox .searchBox input::placeholder{color: #999;font-size: 12px;font-weight: 400;}
.products .contentBox .searchBox button{width: 13%;height: 56px;border-radius: 0px 8px 8px 0px;border: 1px solid #044393;background: #044393;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;font-size: 16px;position: absolute;right: 0;}
.products .contentBox .content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.products .contentBox .content .item{width: 32%;margin-bottom: 24px;overflow: hidden;height: 367px;border: 1px solid rgba(255, 255, 255, 0.60);}
.products .contentBox .content .item a{position: relative;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);display: inline-block;width: 100%;height: 100%;}
.products .contentBox .content .item:hover a img{transform: scale(1.05);}
.products .contentBox .content .item .imgBox{width: 100%;height: 292px;display: flex;align-items: center;justify-content: center;}
.products .contentBox .content .item p{margin-top: 16px;color: #fff;width: 282px;height: 56px;text-align: center;margin-left: auto;margin-right: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.products .pagination>li>a,.products .pagination>li>span{padding: 10px 16px;background-color: transparent;color: #fff;border-color: #fff;}
.products .pagination>li.active a{background-color: #044393;border-color: transparent;}
/* 产品详情 */
.prodot1 .proBan {display: flex;justify-content: space-between;padding-top: 70px;padding-bottom: 60px;position: relative;}
.prodot1 .proBan .imgBox{width: 569px;position: relative;}
.prodot1 .proBan ol{width: 569px;height: 100%;position: relative;border: 1px solid rgba(255, 255, 255, 0.60);}
.prodot1 .proBan ol li{max-height: 100%;max-width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: absolute;z-index: 1;width: 100%;height: 100%;}
.prodot1 .proBan ol li img{opacity: 0;width: 500px;height: 400px;}
.prodot1 .proBan ol li.open{z-index: 2;}
.prodot1 .proBan ol li.open img{opacity: 1;}
.prodot1 .proBan .thumbnail1{margin-top: 15px;display: grid;grid-template-columns: repeat(3,1fr);gap: 0 15px;}
.prodot1 .proBan .thumbnail1 li{height: 100px;border: 1px solid #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.prodot1 .proBan .thumbnail1 li.active{border-color: #135ac5;}
.prodot1 .proBan .videoBox {background: #333;width: 569px;height: 100%;position: absolute;left: 0;top: 0px;z-index: 9;}
.videoIcon {position: absolute;z-index:8;bottom: 10px;left: 10px;width: 50px;height: 50px;line-height: 50px;cursor: pointer;}
.videoIcon i{font-size: 40px;color: #666;}
.videoClose{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.videoClose i{color: #fff;}
.prodot1 .proBan .videoBox video{width: 569px;height: 100%;}
.myVideo {position: absolute;width: 569px;height:100%;}
.prodot1 .txtBox{width: calc(100% - 662px);}
.prodot1 .txtBox h2{font-size: 24px;font-weight: 700;color: #fff;margin-bottom: 41px;}
.prodot1 .txtBox .txt_side{margin-bottom: 17px;}
.prodot1 .txtBox .txt_side li{font-size: 14px;color: #fff;margin-bottom: 24px;display: flex;}
.prodot1 .txtBox .txt_side li .txt1{margin-right: 16px;font-weight: 700;}
.prodot1 .txtBox .inquiryBtn{width: 198px;height: 54px;border-radius: 36.5px;background: #044393;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}
.prodot1 .txtBox .inquiryBtn i{margin-left: 18px;color: #fff;font-size: 14px;}
.prodot2{padding-bottom: 59px;padding-top: 100px;}
.prodot2 .item{margin-bottom: 48px;}
.prodot2 .item .prodot_title{color: #fff;font-size: 20px;font-weight: 700;margin-bottom: 28px;display: flex;align-items: center;}
.prodot2 .item .prodot_title .imgBox{display: flex;margin-right: 7px;align-items: center;justify-content: center;width: 23px;height: 23px;}
.prodot2 .item .prodot_title .imgBox img{width: 100%;height: 100%;object-fit: cover;}
.prodot2 .item p{color: #fff;font-size: 16px;padding-bottom: 24px;border-bottom: 1px solid #D9D9D9;}
.prodot2 ul{display: flex;justify-content: space-between;}
.prodot2 ul li{width: 32%;height: 258px;position: relative;}
.prodot2 ul li img{width: 100%;height: 100%;object-fit: cover;}
.prodot2 ul li p{position: absolute;text-align: center;font-size: 18px;color: #fff;bottom: 23px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prodot3{background-color: #044393;height: 583px;}
.prodot3 .container{height: 100%;position: relative;padding-top: 60px;width: 87%;margin-left: 13%;}
.prodot3 .relate_products{padding-top: 65px;padding-bottom: 83px;padding-left: 40px;background: #071635;position: absolute;bottom: -193px;width: 100%;}
.prodot3 .relate_products .swiper-slide{border: 1px solid rgba(255, 255, 255, 0.60);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);position: relative;height: 394px;padding-top: 50px;}
.prodot3 .relate_products .swiper-slide .imgBox{width: 100%;height: 173px;display: flex;align-items: center;justify-content: center;}
.prodot3 .relate_products .swiper-slide p{width: 88%;height: 56px;text-align: center;line-height: 56px;color: #fff;background: #044393;bottom: 24px;left: 50%;transform: translateX(-50%);position: absolute;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.purchase{padding-bottom: 76px;background: linear-gradient(180deg, #050B20 0%, #032157 100%);padding-top: 284px;}
.purchase .title{font-size: 36px;margin-bottom: 56px;}
.purchase .content{display: flex;}
.purchase .content .left{width: 40%;}
.purchase .content .left .imgBox{width: 100%;height: 533px;display: flex;justify-content: center;align-items: center;background-color: #F5F5F5;}
.purchase .content .right{width: 60%;padding-left: 71px;}
.inputBox.required .tips {color: #fff;background: #363636;display: inline-block;position: relative;margin-top: 5px;font-size: 12px;border-radius: 2px;padding: 0 3px;}
.inputBox.required .tips::after {width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #363636;position: absolute;content: "";left: 6px;top: -5px;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}
.inquiryBox1 input{height: 30px;width: calc(100% - 153px);padding: 0 10px;border: 1px solid #fff;background: transparent;color: #fff;}
.inquiryBox1 .inputBox.required input{border: 1px solid #f00;}
.inquiryBox1 form .selectCon{display: inline-block;width: calc(100% - 153px);position: relative;z-index: 0;}
.inquiryBox1 form .selectCon input{width: calc(100% - 119px);}
.inquiryBox1 span{display:inline-block;width: 143px;position: relative;color: #fff;}
.inquiryBox1 .inputBox{margin-bottom: 10px;}
.inquiryBox1 .inputBox .codeBox{display: inline-block;width: calc(100% - 153px);}
.inquiryBox1 .inputBox .codeBox input{width: calc(100% - 100px);margin-right: 20px;}
.inquiryBox1 .inputBox .codeBox img{width: 80px;height: 30px;}
.inquiryBox1 .inputBox select{width: 114px;height: 30px;border: 1px solid #DDDDDD;padding-left: 10px;color: #fff;}
.inquiryBox1 .inputBox select option{color: #333;}
.inquiryBox1 .inputBox .triangle{position: absolute;right: 10px;top: 3px;color: #fff;font-size: 14px;cursor: pointer;z-index:-1;width: auto;}
.inquiryBox1{margin-top: 30px;}
.inquiryBox1 h2{margin-bottom: 15px;}
.inquiryBox1 .inputBox sup{color: #EF2525;font-size: 18px;position: absolute;top: 9px;left: -5px;}
.inquiryBox1 .inputBox textarea{width: calc(100% - 153px);height: 98px;border: 1px solid #DDDDDD;background: transparent;color: #fff;padding-left: 10px;padding-top: 10px;}
.inquiryBox1 .inputBox.required textarea{border: 1px solid #f00;color: #fff;}
.purchase .inquiryBox1 .inputBox.required .tips{margin-left: 147px;}
.inquiryBox1 .submitBtn{display: flex;align-items: center;justify-content: center;background-color: #044393;color: #fff;width: 158px;height: 48px;cursor: pointer;border-radius: 5px;margin-left: 146px;margin-top: 41px;}
.RequiredText{margin-left: 146px;color: #fff;}
.RequiredText sup {vertical-align: -8px;margin: 0 5px;color: #f00;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}   
.hint{display: none;position: fixed;top: 65%;left: 50%;transform: translate(-50%,-50%);z-index: 999;width: 580px;text-align: center;line-height: 50px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.hint .iconfont{color: #F1881F;font-size: 16px;margin-right: 5px;margin-top: 5px;}
.hint .txt{color: #333;font-size: 15px;}
/* 新闻列表 */
.news{padding-bottom: 150px;background: linear-gradient(180deg, #050B20 0%, #032157 100%);}
.news .item{padding: 53px 0;border-bottom: 1px solid #FFFFFF66;display: flex;justify-content: space-between;position: relative;top: 50px;opacity: 0;}
.news .item::after { content: ""; width: 0; height: 1px; background: #23527C; position: absolute; left: 0; bottom: -1px; transition: 430ms ease-in-out; }
.news .item:hover::after{width: 100%;background: #23527C;}
.news .item:hover .txtBox .txt1{color: #23527C;}
.news .item .time{display: flex;flex-direction: column;align-items: center;}
.news .item .time .time1{font-size: 40px;color: #fff;margin-bottom: 5px;}
.news .item .time .time2{font-size: 14px;color: #FFFFFFCC;}
.news .item .imgBox a{display: flex;align-items: center;justify-content: center;width: 306px;height: 213px;overflow: hidden;}
.news .item .imgBox a img{transition: all 0.3s;}
.news .item .imgBox a img:hover{transform: scale(1.05)}
.news .item .txtBox{flex: 0.9;min-width: 0;}
.news .item .txtBox .txt1{color: #fff;}
.news .item .txtBox .txt1 a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.news .item .txtBox .newsDetails{color: #FFFFFFCC;margin-top: 29px;margin-bottom: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news .item .txtBox .newsDetails p{color:#fff;}
.news .item .txtBox .more{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;cursor: pointer;border-radius:50%;transition: all .3s;position: absolute;bottom: 53px;}
.news .item .txtBox .more i{color: #fff;font-size: 18px;}
.news .item .txtBox .more:hover{background-color: #044393;}
.news .pagination>li>a,.news .pagination>li>span{padding: 10px 16px;background-color: transparent;color: #fff;border-color: #fff;}
.news .pagination>li.active a{background-color: #044393;border-color: transparent;}
/* 新闻详情 */
.news_details_wrapper{background: #fff;}
.newsDetail{margin-top: 50px;margin-bottom: 50px;}
.newsTxt h2{font-size: 28px;font-family: "times new roman";}
.newsTxt h5{margin: 20px 0;color: #999;}
.newsTxt img{max-width: 100%;margin-bottom: 20px;}
.newsTxt p{font-size: 15px;line-height: 32px;}
/* 招聘 */
.job{padding-bottom: 31px;}
.job h3{color: #fff;font-size: 20px;font-weight: 700;margin-top: 59px;margin-bottom: 34px;}
.job .txt3{color: #fff;font-size: 16px;font-weight: 400;margin-bottom: 75px;line-height: 28px;}
.job .item{margin-bottom: 34px;cursor: pointer;}
.job .item .overview{display: flex;padding: 8px 37px 8px 7px;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.36);}
.job .item .overview .position{display: flex;align-items: center;color: #fff;font-size: 18px;font-weight: 700;}
.job .item .overview .position .point{width: 13px;height: 13px;margin-right: 15px;display: flex;}
.job .item .overview .position .point img{width: 100%;height: 100%;object-fit :cover;}
.job .item .overview .iconfont{color: rgba(255, 255, 255, 0.80);display: inline-block;}
.job .item .content1{padding-left: 34px;display: none;padding-top: 22px;}
.job .item.active .content1{display: block;}
.job .item.active .overview{background: #044393;}
.job .item.active .overview .iconfont{transform:rotate(180deg);}
.job .item .content1 .title1{color: #fff;font-size: 14px;font-weight: 700;margin-bottom: 8px;}
.job .item .content1 .details{color:  #fff;font-size: 14px;font-weight: 400;margin-bottom: 20px;}
/* 联系我们 */
.contact1{padding-bottom: 101px;}
.contact1 ul{display: flex;margin-top: 55px;justify-content: space-between;}
.contact1 ul li{width: 32%;height: 241px;line-height: 170px;background: #044393;text-align: right;position: relative;padding: 39px 36px 51px 35px;top: 50px;opacity: 0;}
.contact1 ul li .txtBox{position: absolute;text-align: left;}
.contact1 ul li .txtBox .txt1{margin-bottom: 24px;color: #fff;font-weight: 700;text-transform: uppercase;}
.contact1 ul li .txtBox .txt2{color: #fff;}
.contact1 ul li:last-child .txt2{width: 87%;color: #fff;}
.contact2 #container{width: 100%;height: 578px;}
.messageBox{padding-bottom: 200px;padding-top: 66px;background: url(../images/messageBox_bg.jpg) center center no-repeat;background-size: cover;position: relative;}
.messageBox #myForm{margin-top: 93px;}
.messageBox #myForm .inputBox{position: relative;}
.messageBox #myForm .inputBox.required .tips{position: absolute;left: 0;bottom: 5px;}
.messageBox #myForm input{width: 100%;height: 62px;line-height: 62px;padding-left: 24px;border: 1px solid #fff;margin-bottom: 45px;background: transparent;color: #fff;}
.messageBox #myForm .inputBox.required input{border: 1px #f00 solid;}
.messageBox #myForm input::placeholder{color: #FFFFFFE5;font-size: 12px;}
.messageBox #myForm textarea{width: 100%;height: 143px;margin-bottom: 45px;padding-top: 10px;padding-left: 24px;border: 1px solid #fff;background: transparent;color: #fff;}
.messageBox #myForm .inputBox.required textarea{border: 1px #f00 solid;}
.messageBox #myForm textarea::placeholder{color: #FFFFFFE5;font-size: 12px;}
.messageBox #myForm .img_verification{height: 62px;}
.messageBox #myForm .submit{display: flex;align-items: center;justify-content: center;width: 100%;height: 62px;background-color: #FFCF00;color: #fff;font-weight: 700;font-size: 16px;cursor: pointer;}
.messageBox #myForm .submit:hover{opacity: 0.9;}
.messageBox #myForm .button{position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);z-index: 10;}
.messageBox #myForm .orbit {
  position: relative;
  width: 119px;
  height: 119px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 11px;

}
.messageBox #myForm .orbit .circle_small1,.orbit .circle_small2,.orbit .circle_small3{width: 10px;height: 10px;border-radius: 50%;background-color: #7887A1;position: absolute;}
.messageBox #myForm .orbit .circle_small1{top: 15px;left: 7px;background-color: #fff;}
.messageBox #myForm .orbit .circle_small2{top: 27px;right: 0;}
.messageBox #myForm .orbit .circle_small3{bottom: -5px;left: 46px;}
.messageBox #myForm .circle {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 97px;
  height: 97px;
  background-color: #D9D9D938;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  font-weight: 700;
  opacity: 0.8;
}
.messageBox #myForm .button:hover .orbit{animation: rotate 5s linear infinite;}
.messageBox #myForm .button:hover .circle{animation: growAndFade 2s linear infinite;}
.messageBox #myForm .button{bottom: -152px;}
.footer{background: #090E14;color: #fff;}
.footer .container{margin: 0 auto; padding:0;}
.footer .row{ margin:0px;}
.footerlogo a{width: 144px;height: 39px;margin: 0 0 0 -15px;padding: 0 15px;background: #f3f4f4; display:block;}
.footerwarp {text-align: center;}
.footerwarp p{color: #fff;}
.footerwarp  ul{width: 100%;text-align: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: #565656 1px solid;}
.footerwarp  ul li{text-transform:capitalize;display: inline-block;margin-top: 20px;}
.footerwarp  ul li a{color: #eee;font-size: 15px;padding: 0 15px;border-left: 1px #eee solid;}
.footerwarp  ul li:first-child a{border-left: none;}
.footerwarp  ul li a:hover{color:#fff;}
.footerwarp p span {margin: 0 10px;}
.footercopy .col-lg-6{ padding:0px;}
.footercopy{margin-top: 20px;border-top: #565656 1px solid;text-align: center;font-size: 14px;color: #666;padding: 5px 0;}
.footer .links{display: inline-block;margin: 0 auto;margin-top: 20px;}
.footer .links a{margin: 0 5px;transition: all 0.3s ease-in-out;background: #fff;display: inline-block;width: 30px;height: 30px;border-radius: 100%;padding: 3px;}
.footer .links a:hover{opacity: 0.7;}
.copy{font-size: 12px;line-height:40px;color: #eee;margin: 0 25px 0 0;}
.goTop{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background-color: #3ba3ac;cursor: pointer;position: fixed;bottom: 176px;right: 30px;z-index: 999;}
.goTop i{color: #fff;font-size: 24px;}

@media (min-width: 1400px) {
  .container {
    width: 1440px;
  }
}
@media (max-width: 1680px) and (min-width:1367px) {
  .ind_news .contentBox .container{
    margin-left: 8%;
  }
  .ind_news .contentBox{
    width: 96%;
  }
}
@media (max-width: 1366px) and (min-width:769px){
  .head_layout{padding: 0 30px;}
.head_layout .nav_wrap{padding-left:25px;}
  .ind_product .right_side .imgBox{width: 383px;height: 445px;}
  .ind_news .contentBox{width: 100%;}
  .ind_news .contentBox .container{margin-left: 6%;}
  footer dl{margin-right: 108px;}
  .messageBox #myForm .button{bottom: -110px;}
  .head_layout .nav_box .item{padding-right:0 10px;}
}
@media (max-width: 768px) {
.container{width: 100%;padding-left: 15px;padding-right: 15px;}
.headerPhoneTop {position: fixed;width: 100%;top: 0;left: 0;text-align: center;background: #fff;box-shadow: 0 0 7px #b9b9b9;z-index: 99;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.menuPhone {position: fixed;width: 250px;height: 100%;overflow-y: auto;left: -250px;background: #90a4ae;top: 0;    z-index: 9;
transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.headerPhoneLogo img {height: 30px;}
.headerPhoneLogo {padding: 10px 0;}
a.menu-trigger {position: absolute;display: inline-block;width: 36px;height: 30px;top: 50%;margin-top: -15px;left: 10px;padding: 0 5px;}
a.menu-trigger span {display: block;background: #222;width: 100%;height: 2px;margin: 6px 0;}
.wrapper {position:relative;width: 100%;left: 0;padding-top: 0 !important;transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhoneTop  {left:250px;}
body.menuOpen .wrapper  {left:250px;}
body.menuOpen .menuPhone{left:0;}
.headerPhone {transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhone {left: 250px;}
.menuPhone li h2 {margin: 0;font-size: 15px;line-height: 30px;}
.menuPhone li h2 a {color: #fff;padding: 5px 15px;display: inline-block;width: 100%;}
.menuPhone li h5 {margin: 0;padding-left: 25px;font-size: 12px;line-height: 25px;border-top: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhone li h5 a {color: #fff;padding: 5px 0;display: inline-block;font-size: 14px;}
.menuPhone ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhoneHide {background: rgba(255, 255, 255, 0.1);display: none;}
.headerPhone .menu_tr_ico{position: absolute;right:15px;top: 50%;margin-top: -18px;}
.headerPhone .menu_tr_ico .enChange{background:  #ff8a00;color:  #fff;border-radius:  100%;padding: 5px;}
.headerPhone .menu_tr_ico i{font-size: 20px;color: #666;display: inline-block;margin-left: 10px;}
.headerPhone .menu_tr_search{margin-top: 10px;padding: 0 15px;position: relative;}
.headerPhone .menu_tr_search input{width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 10px;margin-bottom: 10px;}
.headerPhone .menu_tr_search button{    right: 20px;position: absolute;width: 40px;height: 40px;background: none;top: 0;}
.headerPhone {padding-top: 50px;position: relative;left: 0;}
.headerPhone .menu_tr_ico .selectBox {background: #fff;box-shadow: 0 0 4px #ddd;position: absolute;display: none;overflow-y: scroll;max-height: 300px;}
.headerPhone .menu_tr_ico .selectBox:after{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #fff;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox::before{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #999;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox ul li{padding: 0 10px;border-bottom: 1px #dedede solid;}
.banner{height: 400px;}
.banner .swiper-slide .ban_img{height: 400px;}
.banner .swiper-slide .txtBox{top: 9%;left: 4%;}
.banner .swiper-slide .txtBox h1{font-size: 22px;}
.banner .swiper-slide .txtBox p{font-size: 15px;margin-top: 50px;}
.banner .button{bottom: 9%;}
.ind_product{padding: 50px 0;}
.ind_product .container{display: inherit;}
.ind_product .left_side{padding-top: 0;padding-right: 0;width: 100%;}
.title{margin-bottom: 20px;font-size: 40px;}
.decorate{display: none;}
.ind_product .right_side{width: 100%;margin-top: 20px;}
.ind_product .right_side .imgBox:nth-child(2n+1){margin-bottom: 20px;}
.ind_product .right_side .imgBox:nth-child(2){margin-top: 0;}
.ind_product .right_side .imgBox:nth-child(2n){margin-bottom: 245px;}
.ind_product .right_side .imgBox{height: 426px;}
.hot_products {padding-top: 32px;padding-bottom: 42px;}
.hot_products .hot_products_prev,.hot_products .hot_products_next{display: none;}
.ind_news{padding: 35px 0;}
.ind_news .title{margin-bottom: 24px;}
.ind_news .contentBox{padding-top: 46px;padding-bottom: 40px;width: 100%;}
.ind_news .contentBox .container{margin-left: 0;}
.ind_news .contentBox .itemBox{display: inherit;}
.ind_news .contentBox .itemBox .item{width: 100%;margin-bottom: 20px;}
.ind_news .contentBox .itemBox .item .imgBox{height: 246px;}
.ind_news .contentBox .itemBox .item h3{margin-top: 44px;margin-bottom: 6px;}
.ind_news .contentBox .itemBox .item p{margin-bottom: 6px;}
.ind_about{padding-bottom: 30px;}
.ind_about .container{display: inherit;}
.ind_about .left_side{padding-right: 0;width: 100%;}
.ind_about .left_side .title{margin-bottom: 25px;}
.ind_about .left_side .more{bottom: -83px;}
.ind_about .right_side{width: 100%;margin-top: 118px;}
footer .container{display: none;}
footer{padding-top: 0;}
footer .copy{margin-top: 0;}
/* 关于我们 */
.nei_ban{height: 240px;}
.nei_ban .ban_txt{bottom: 20px;left: 15px;        font-size: 34px;}
.crumbs{padding-left: 10px;}
.about1{padding-top: 0;padding-bottom: 46px;}
.about1 .container{display: inherit;}
.about1 .left_side{width: 100%;padding-right: 0;}
.about1 .left_side .title{margin-bottom: 20px;}
.about1 .right_side{width: 100%;margin-top: 21px;height:auto;}
.about2{padding-top: 38px;padding-bottom: 30px;}
.about2 h2{font-size: 34px;margin-bottom: 38px;}
.about2 .bottom{display: inherit;}
.about2 .bottom .item{width: 100%;margin-bottom: 15px;}
.about2 .bottom .item .bar2{display: none;}
.about3{padding: 36px 0;}
.about3 .title{margin-bottom: 22px;}
.about3 .itemBox{display: inherit;}
.about3 .itemBox .item{width: 100%;margin-bottom: 15px;}
.about3 .itemBox .item .imgBox{margin-bottom: 0;}

/* 产品列表 */
.products{padding:0 0 24px;}
.products .product_nav{display: none;}
.products .contentBox{padding-left: 0;width: 100%;}
.products .contentBox .searchBox input{width: 82%;}
.products .contentBox .searchBox button{width: 20%;}
.products .contentBox .content{display: inherit;}
.products .contentBox .content .item{width: 100%;}
.products .pagination>li>a, .products .pagination>li>span{padding: 3px 10px;}
/* 产品详情 */
.prodot1 .proBan{display: inherit;padding-top: 0;padding-bottom: 6px;}
.prodot1 .proBan .prodot_swiper{width: 100%;height: 350px;}
.prodot1 .proBan .imgBox{width: 100%;}
.myVideo{width: 100%;height: 300px;}
.prodot1 .proBan .videoBox{width: 100%;}
.prodot1 .proBan .videoBox video{width: 100%;}
.prodot1 .proBan ol{width: 100%;margin-right: 0;height: 300px;}
.prodot1 .txtBox{width: 100%;padding-left: 0;margin-top: 25px;}
.prodot2{padding-bottom: 12px;padding-top: 5px;}
.prodot2 ul{display: inherit;}
.prodot2 ul li{width: 100%;margin-bottom: 15px;}
.prodot3 .container{width: 100%;margin-left: 0;}
.prodot3 .relate_products{padding-top: 62px;padding-bottom: 62px;padding-left: 3px;bottom: -125px;width: 100%;padding-left: 1px;left: 0;}
.purchase{padding-top: 150px;}
.purchase .content{display: inherit;}
.purchase .content .left{width: 100%;}
.purchase .content .left .imgBox{height: 350px;}
.purchase .content .right{width: 100%;padding-left: 0;}
.inquiryBox1 span{font-size: 16px;}
.inquiryBox1 .inputBox .triangle{z-index: 0;}
.inquiryBox1 input{width: 100%;}
.purchase .inquiryBox1 .inputBox.required .tips{margin-left: 0;}
.inputBox.required .tips{margin-left: 0;}
.inquiryBox1 form .selectCon{width: 100%;}
.inquiryBox1 .inputBox textarea{width: 100%;}
.inquiryBox1 .inputBox .codeBox{width: 100%;}
.RequiredText{margin-left: 0;}
.inquiryBox1 .submitBtn{margin-left: 0;}

/* 加入我们 */
.job{padding-top: 0;padding-bottom: 20px;}
.job h3{margin-top: 0;margin-bottom: 21px;}
.job .txt3{margin-bottom: 24px;}
/* 新闻列表 */
.news{padding-bottom: 40px;}
.news .item{padding: 20px 0;display: inherit;}
.news .item .time{display: inherit;}
.news .item .imgBox a{display: inherit;}
.news .item .txtBox{margin-top: 15px;}
.news .item .txtBox .txt2{margin-top: 9px;margin-bottom: 5px;}
.news .pagination>li>a, .news .pagination>li>span{padding: 3px 10px;}
/* 联系我们 */
.contact1{padding-top: 10px;padding-bottom: 26px;}
.contact1 ul{display: inherit;margin-top: 25px;}
.contact1 ul li{width: 100%;margin-bottom: 15px;}
.messageBox #myForm .verification{display: flex;}
.messageBox #myForm .verification .col-md-11{width: 80%;}
.messageBox #myForm input.email{margin-top: 0;}
}