.phone-section {
  display: none;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center1 {
  width: 55%;
  margin: 0 auto;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.active1{
  color: #2980b9 !important;
}
.active2{
  background: #2980b9 !important;
}
.active2{
  color: #fff !important;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.imgmove{
  overflow: hidden;
}
.imgmove img{
  transition: all .8s ease .1s;
}
.imgmove img:hover {
  transform: scale(1.1);
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
header .hea .logo {
  width: 20%;
}
header .hea .ul1 {
  width: 75%;
}
header .hea .ul1 .li1 {
  width: 100%;
  text-align: center;
  line-height: 80px;
  position: relative;
  justify-content: space-evenly;
}
header .hea .ul1 .li1 .a1 {
  font-size: 16px;
  color: #383838;
  display: block;
  font-weight: bold;
  position: relative;
}
header .hea .ul1 .li1 .a1::after {
  position: absolute;
  width: 1px;
  height: 16px;
  background: #ccc;
  content: '';
  right: 0;
  top: 32.5px;
}
header .hea .ul1 .li1:last-child .a1::after{
  display: none;
}
header .hea .ul1 .li1:last-child{
  margin: 0 0 0 3%;
}
header .hea .ul1 .li1 .ul2{
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  background: #fff;
  z-index: 999;
  height: 0;
  overflow: hidden;
  transition: 0.5s;
}
header .hea .ul1 .li1 .ul2 .li2{
  line-height: 1.5;
  box-sizing: border-box;
  padding: 5px 10px;
  text-align: left;
}
header .hea .ul1 .li1 .ul2 .li2:hover{
  background: #f1f1f1;
}
header .hea .ul1 .li1 .ul2 .li2 .a2{
  font-size: 14px;
  color: #383838;
}
header .hea .ul1 .li1:hover .ul2{
  height: auto;
  overflow: unset;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.banner .ban .swiper1 .swiper-button-prev {
  background: rgba(0, 0, 0, 0.2);
  width: 35px;
  height: 60px;
}
.banner .ban .swiper1 .swiper-button-prev::after {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.banner .ban .swiper1 .swiper-button-next {
  background: rgba(0, 0, 0, 0.2);
  width: 35px;
  height: 60px;
}
.banner .ban .swiper1 .swiper-button-next::after {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.banner .ban .swiper1 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  opacity: 1;
}
.banner .ban .swiper1 .swiper-pagination-bullet-active {
  background: #fff;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.i-tit {
  text-align: center;
  margin: 50px 0;
}
.i-tit .title {
  color: #000;
  font-size: 30px;
  margin: 0 0 20px 0;
  font-weight: bold;
}
.i-tit .text {
  font-size: 16px;
  color: #b6b9bb;
  line-height: 1.8;
  width: 85%;
  margin: 0 auto;
}
.i-mor {
  width: 15%;
  border: 1px solid #2980b9;
  text-align: center;
  margin: 0 auto;
  line-height: 35px;
  border-radius: 30px;
  transition: 0.5s;
}
.i-mor a {
  font-size: 16px;
  display: block;
  color: #2980b9;
}
.i-mor:hover{
  background: #2980b9;
}
.i-mor:hover a{
  color: #fff;
  font-weight: bold;
}
.n-tit {
  text-align: center;
  font-size: 30px;
  color: #2980b9;
  margin: 50px 0;
  font-weight: bold;
  position: relative;
  padding: 0 0 20px 0;
}
.n-tit::after{
  position: absolute;
  width: 5%;
  height: 3px;
  background: #2980b9;
  content: '';
  top: 100%;
  left: 47.5%;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.product .pro {
  margin: 0 auto 80px auto;
}
.product .pro .body {
  margin: 50px 0;
}
.product .pro .body .imgbox {
  width: 23%;
  border: 1px solid #cccccc;
  transition: 0.5s;
}
.product .pro .body .imgbox a .text {
  text-align: center;
  box-sizing: border-box;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.product .pro .body .imgbox a .text p:nth-child(1) {
  font-size: 16px;
  color: #404040;
  margin: 0 0 5px 0;
}
.product .pro .body .imgbox a .text p:nth-child(2) {
  font-size: 16px;
  color: #999;
}
.product .pro .body .imgbox:hover {
  border: 1px solid #2980b9;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.about{
  position: relative;
}
.about .img{
  position: relative;
}
.about .img::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}
.about .abo {
  position: absolute;
  left: 22.5%;
  top: 0;
}
.about .abo .i-tit .title{
  color: #fff;
}
.about .abo .body {
  font-size: 16px;
  line-height: 2;
  margin: 0 0 50px 0;
  color: #fff;
}
.about .abo .i-mor{
  border: 1px solid #fff;
}
.about .abo .i-mor:hover{
  border: 1px solid #2980b9;
}
.about .abo .i-mor a{
  color: #fff;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.information .inf {
  margin: 50px auto 50px auto;
}
.information .inf .body {
  margin: 0 0 50px 0;
}
.information .inf .body .imgbox {
  width: 30%;
  border: 1px solid #cccccc;
}
.information .inf .body .imgbox a {
  position: relative;
  display: block;
}
.information .inf .body .imgbox a .img{
  transition:  0.5s;
}
.information .inf .body .imgbox a .text {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  padding: 0 5px;
  width: 100%;
  height: 55px;
  text-align: center;
  transition:  0.5s;
}
.information .inf .body .imgbox a .text p:nth-child(1) {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 55px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.information .inf .body .imgbox a .text p:nth-child(2) {
  font-size: 16px;
  color: #fff;
  line-height: 2;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: none;
}
.information .inf .body .imgbox{
  overflow: hidden;
}
.information .inf .body .imgbox:hover a .img {
  transform: scale(1.1);
}
.information .inf .body .imgbox:hover a .text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.information .inf .body .imgbox:hover a .text p:nth-child(2) {
  display: -webkit-box;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
footer .foo1 {
  background: #2a2a2a;
  height: 75px;
}
footer .foo1 .foo1-box .imgbox {
  width: 100%;
  justify-content: center;
}
footer .foo1 .foo1-box .imgbox .img{
  width: 5%;
  margin: 0 10px 0 0;
}
footer .foo1 .foo1-box .imgbox .text {
  font-size: 20px;
  color: #2980b9;
  line-height: 75px;
}
footer .foo2 {
  background: #000000;
  padding: 20px 0;
}
footer .foo2 .foo2-box {
  justify-content: flex-start;
}
footer .foo2 .foo2-box .text {
  color: #fff;
  font-size: 16px;
  width: 100%;
  text-align: center;
}
footer .foo2 .foo2-box .text a {
  color: #fff;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.n-abo .abo .body{
  margin: 0 0 50px 0;
}
.n-abo .abo .body .img {
  width: 48%;
}
.n-abo .abo .body .text {
  width: 48%;
  color: #999999;
  font-size: 16px;
  line-height: 26px;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.i-pro .pro{
  padding: 0 0 30px 0;
}
.i-pro .pro .body {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.i-pro .pro .body .imgbox {
  width: 31%;
  border: 1px solid #cccccc;
  transition: 0.5s;
  margin: 0 1% 20px 1%;
}
.i-pro .pro .body .imgbox a .text {
  text-align: center;
  box-sizing: border-box;
  padding: 10px 0;
}
.i-pro .pro .body .imgbox a .text p:nth-child(1) {
  font-size: 16px;
  color: #404040;
  margin: 0 0 5px 0;
}
.i-pro .pro .body .imgbox a .text p:nth-child(2) {
  font-size: 16px;
  color: #999;
}
.i-pro .pro .body .imgbox:hover {
  border: 1px solid #2980b9;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.n-pro .pro .nav{
  margin: 0 0 30px;
}
.n-pro .pro .nav ul{
  flex-wrap: wrap;
  justify-content: center;
}
.n-pro .pro .nav ul li{
  margin: 1%;
  background: #f7f7f7;
}
.n-pro .pro .nav ul li a{
  line-height: 50px;
  display: block;
  color: #4c4c4c;
  font-size: 15px;
  padding: 0 10px;
}
.n-pro .pro .nav ul li:hover{
  background: #2980b9;
}
.n-pro .pro .nav ul li:hover a{
  color: #fff;
}
.n-pro .pro .body {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.n-pro .pro .body .imgbox {
  width: 31%;
  border: 1px solid #cccccc;
  transition: 0.5s;
  margin: 0 1% 20px 1%;
}
.n-pro .pro .body .imgbox a .text {
  text-align: center;
  box-sizing: border-box;
  padding: 20px 0;
  border-top: 1px solid #cccccc;
}
.n-pro .pro .body .imgbox a .text p:nth-child(1) {
  font-size: 16px;
  color: #404040;
  margin: 0 0 5px 0;
}
.n-pro .pro .body .imgbox a .text p:nth-child(2) {
  font-size: 16px;
  color: #999;
}
.n-pro .pro .body .imgbox:hover {
  border: 1px solid #2980b9;
}
.n-pro .pro .body .imgbox:hover  a .text {
  background: #2980b9;
  color: #fff;
}
.n-pro .pro .body .imgbox:hover  a .text p{
  color: #fff;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.n-new .new .body .imgbox {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #ddd;
}
.n-new .new .body .imgbox a .left {
  width: 25%;
}
.n-new .new .body .imgbox a .right {
  width: 68%;
}
.n-new .new .body .imgbox a .right .title {
  color: #404040;
  font-size: 16px;
  margin: 0 0 15px 0;
  font-weight: bold;
}
.n-new .new .body .imgbox a .right .text {
  font-size: 16px;
  color: #999;
  line-height: 29px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.n-new .new .body .imgbox a .right .time {
  font-size: 16px;
  color: #bbb;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.n-con .con1 .con1-box {
  margin: 50px auto;
}
.n-con .con1 .con1-box .body{
  flex-wrap: wrap;
}
.n-con .con1 .con1-box .body .left {
  width: 50%;
}
.n-con .con1 .con1-box .body .right {
  width: 50%;
  box-sizing: border-box;
  padding: 2% 3%;
}
.n-con .con1 .con1-box .body .right .text {
  color: #000000;
  font-size: 17px;
  margin: 0 0 25px 0;
}
.n-con .con1 .con1-box .from .form1{
  width: 100%;
  margin: 80px 0 50px;
  flex-wrap: wrap;
}
.n-con .con1 .con1-box .from .input{
  width: 48%;
  margin: 0 0 20px 0;
  line-height: 45px;
  border: 1px solid #eeeeee;
  background: #f8f8f8;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 15px;
  
}
.n-con .con1 .con1-box .from .textarea{
  width: 100%;
  margin: 0 0 20px 0;
  line-height: 45px;
  border: 1px solid #eeeeee;
  background: #f8f8f8;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 15px 15px;
  line-height: 1.5;
}
.n-con .con1 .con1-box .from .btn{
  width: 20%;
  margin: 0 auto;
  border: 0;
  display: block;
  line-height: 45px;
  font-size: 16px;
  border-radius: 5px;
  background: #2980b9;
  color: #fff;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.updown{
  justify-content: center;
  margin: 10px auto 50px;
}
.updown a{
  font-size: 16px;
  color: #ccc;
  border: 1px solid #ddd;
  display: block;
  padding: 8px 10px;
  margin: 0 10px;
}
.updown .pages{
  color: #2980b9;
  border: 1px solid #2980b9;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.x-pro .return a{
  font-size: 18px;
  color: #aaa;
  padding: 50px 0 0 0;
  justify-content: flex-start;
}
.x-pro .return a .img{
  width: 15px;
  padding: 0 5px 0 0;
}
.x-pro .return a .img img:nth-child(1){
  display: inline;
}
.x-pro .return a .img img:nth-child(2){
  display: none;
}
.x-pro .return a:hover{
  color: #2980b9;
}
.x-pro .return a:hover .img img:nth-child(1){
  display: none;
}
.x-pro .return a:hover .img img:nth-child(2){
  display: inline;
}
.x-pro .pro .body{
  margin: 50px 0;
}
.x-pro .pro .body .textbox {
  width: 100%;
}
.x-pro .pro .body .textbox .left{
  width: 30%;
}
.x-pro .pro .body .textbox .right{
  width: 58%;
}
.x-pro .pro .img{
  text-align: center;
  width: 30%;
  margin: 20px auto 50px;
}
.x-pro .pro .body table{
  border: 1px solid #cccccc;
  font-size: 16px;
  margin: 0 auto;
}
.x-pro .pro .body table td{
  line-height: 1.5;
  padding: 12px 0;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.n-gui .gui .body{
  margin: 50px 0;
}
.n-gui .gui .body .title{
  font-size: 20px;
  font-weight: bold;
  color: #2980b9;
  margin: 20px 0;
}
.n-gui .gui .body .text{
  font-size: 16px;
  color: #333;
  line-height: 2;
  margin: 10px 0;
}
.n-gui .gui .body table{
  border: 1px solid #cccccc;
  margin: 30px 0;
  font-size: 16px;
}
.n-gui .gui .body table td{
  padding: 15px 0;
  line-height: 1.5;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.x-new .new .text{
  margin: 20px 0 20px 0;
  font-size: 16px;
  color: #333;
  line-height: 2;
}
.x-new .new .img{
  width: 30%;
  margin: 0 auto 50px;
}
.hr{
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin: 30px 0; 
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 1801px) {
  .about .img img{
    height: 530px;
    object-fit: cover;
  }
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 1601px) {
  .center1 {
    width: 70%;
  }
  .about .abo {
    left: 15%;
  }
  .n-pro .pro .nav ul li a {
    padding: 0 15px;
  }
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 1401px) {
  .center1 {
    width: 80%;
  }
  .about .img img {
    height: 520px;
  }
  .about .abo {
    left: 10%;
  }
  .x-pro .pro .body table {
    font-size: 12px;
  }
  .n-gui .gui .body table {
    font-size: 12px;
  }
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 1151px) {
  header {
    display: none;
  }
  .phone-section {
    display: block;
  }
  .phone-logo {
    width: 40%;
  }
  .phone-head {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: #fff;
    /* position: fixed; */
    top: 0;
    left: 0;
  }
  .close {
    background-color: #2980b9;
    padding: 10px 15px;
    box-sizing: border-box;
  }
  .close img {
    width: 30px;
  }
  .phone-listnav {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
  }
  .phonelist-nav {
    width: 100%;
    background-color: #2980b9;
    line-height: 48px;
  }
  .phonelist-nav a {
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
  }
  .phonelist-nav1 {
    flex-direction: column;
    align-items: stretch;
    padding-left: 20px;
  }
  .phonelist-nav1 a {
    display: block;
  }
  .phonelist-nav {
    border-bottom: 1px solid #ffffff;
  }
  .phonelist-nav:last-child {
    border-bottom: none;
  }
  .phonelist-navtop > a {
    width: 50%;
  }
  .phonelist-navtop div {
    flex-grow: 1;
    flex-direction: row-reverse;
    box-sizing: border-box;
    padding-right: 10px;
  }
  .phonelist-navtop div img {
    width: 16px;
  }
  .phonelist-nav1 {
    display: none;
  }
  .menucl-img2 {
    display: none;
  }
  .center1 {
    width: 90%;
  }
  .i-tit .title {
    font-size: 22px;
  }
  .product .pro .body {
    margin: 50px 0;
    flex-wrap: wrap;
  }
  .product .pro .body .imgbox {
    width: 48%;
    margin: 20px 0;
  }
  .i-mor {
    width: 20%;
  }
  .about .img img {
    height: 500px;
  }
  .about .abo {
    left: 5%;
  }
  .information .inf .body {
    flex-wrap: wrap;
  }
  .information .inf .body .imgbox {
    width: 55%;
    margin: 0 auto 20px;
  }
  footer .foo1 .foo1-box .imgbox .text {
    font-size: 16px;
  }
  footer .foo1 .foo1-box .imgbox .img {
    width: 8%;
  }
  footer .foo2 .foo2-box .text {
    font-size: 14px;
  }
  .n-tit {
    font-size: 22px;
  }
  .n-abo .abo .body {
    flex-wrap: wrap;
  }
  .n-abo .abo .body .img {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
  .n-abo .abo .body .text {
    width: 100%;
  }
  .n-pro .pro .nav ul li a {
    font-size: 14px;
  }
  .n-pro .pro .body .imgbox {
    width: 47%;
  }
  .x-pro .pro .img {
    width: 40%;
  }
  .x-pro .pro .body table td {
    padding: 8px 0;
  }
  .n-new .new .body .imgbox a .right .text {
    font-size: 14px;
    line-height: 26px;
  }
  .n-gui .gui .body table td{
    padding: 8px 0;
  }
  .n-con .con1 .con1-box .body .left {
    width: 100%;
  }
  .n-con .con1 .con1-box .body .right {
    width: 100%;
    padding: 5% 3%;
  }
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 801px) {
  .banner .ban img{
    height: 165px;
    object-fit: cover;
  }
  .i-tit {
    text-align: center;
    margin: 30px 0 20px;
  }
  .i-tit .text {
    font-size: 14px;
    width: 100%;
  }
  .product .pro .body {
    margin: 20px 0;
  }
  .product .pro .body .imgbox {
    width: 100%;
  }
  .i-mor {
    width: 35%;
  }
  .i-mor a {
    font-size: 14px;
  }
  .about .img img {
    height: 750px;
  }
  .information .inf .body .imgbox {
    width: 100%;
  }
  .n-ban .ban img{
    height: 150px;
    object-fit: cover;
  }
  .n-tit {
    font-size: 18px;
  }
  .n-pro .pro .nav ul li {
    width: 48%;
    text-align: center;
  }
  .n-pro .pro .nav ul li a {
    font-size: 12px;
  }
  .n-pro .pro .body .imgbox {
    width: 100%;
  }
  .x-pro .pro .body {
    overflow-x: auto;
  }
  .x-pro .pro .body table{
    word-wrap:break-word
  }
  .x-pro .pro .img {
    width: 100%;
  }
  .n-new .new .body .imgbox a{
    flex-wrap: wrap;
  }
  .n-new .new .body .imgbox a .left {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .n-new .new .body .imgbox a .right {
    width: 100%;
  }
  .n-gui .gui .body table {
    font-size: 11px;
  }
  .n-gui .gui .body .title {
    font-size: 18px;
  }
  .n-con .con1 .con1-box .from .input {
    width: 100%;
  }
  .n-con .con1 .con1-box .from .btn {
    width: 30%;
  }
  footer .foo1 {
    height: auto;
  }
  .foo1-box{
    flex-wrap: wrap;
  }
  footer .foo1 .foo1-box .imgbox .text {
    line-height: 50px;
  }
  .i-tit .title {
    font-size: 18px;
  }
  .updown {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .updown a {
    margin: 5px 10px;
}
}