@charset "UTF-8";


html {
  scrollbar-width: thin;
  scrollbar-color: #323232 #fff;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #323232;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #323232;border-radius:8px;
}	


.w_width{max-width:1440px; margin-right: auto; margin-left: auto;}
.ctext{ width:100%; }



._nav2 {
    float: left;
    width: 100%;
    transition: all 0.5s linear;
}
._nav2 .ctext { float: left; background:#323232;
  padding: 0 1.4vw 0 0.92vw;
 width: 100%; position:fixed; z-index: 30;
}
._nav2 .ctext .logo {
    line-height: 0; display:flex; align-items: center;
    float: left;height:1.7vw;
}
._nav2 .ctext .logo img {
  height:1.15vw; 
}
._nav2 .ctext .nav {
    float: left;
    margin-left:2.7vw;
}
._nav2 .ctext .nav .ul {
  float: left; display: flex; flex-wrap: wrap; justify-content: space-between;
   width:100%;
}
._nav2 .ctext .nav .nli {
  float: left;
    position: relative;padding: 0 0.71vw;
}
._nav2 .ctext .nav .nli span a {
    display: block;padding: 0 0.71vw;
    font-size:0.7vw;
    line-height:1.7vw;
    height:1.7vw;
    color: #888;
}
._nav2 .ctext .nav .nli.on span a{ color: #fff; }
._nav2 .ctext .nav .nli:hover span a{ color: #fff;}
._nav2 .ctext .nav .sub{border-radius:0 0 0.78vw 0.78vw;display: none;
  float: left; width:9.6vw; transform: translateX(-50%); -ms-transform: translateX(-50%);
    position:absolute; left: 50%; top:100%; z-index: 10;
 background: #323232; padding:0.55vw;
}
._nav2 .ctext .nav .sub li{
    display: block; width: 100%;
    padding:3px 0;
}
._nav2 .ctext .nav .sub li a {
    display: block; width: 100%;
    font-size:0.7vw;
    line-height:2;
 border-radius: 0.31vw;
    color: #fff;padding:0.1vw 0.55vw;
}
._nav2 .ctext .nav .sub li a:hover{ background: #ff7c80;}
._nav2 .ctext .nav .sub li:nth-child(6n+2) a:hover,
._nav2 .ctext .nav .sub li:nth-child(6n+3) a:hover,
._nav2 .ctext .nav .sub li:nth-child(6n+4) a:hover{ background: #00a0dc;}
._nav2 .ctext .nav .sub li:nth-child(6n+5) a:hover,
._nav2 .ctext .nav .sub li:nth-child(6n+6) a:hover{ background: #007e64;}
._nav2 .ctext .fun{ float: right;}
._nav2 .ctext .lang { float: left;}
._nav2 .ctext .lang ul { float: left;}
._nav2 .ctext .lang ul li { float: left; margin-right:0.76vw;}
._nav2 .ctext .lang ul li a {
    display: block;
    font-size: 0.7vw;
    line-height:1.7vw;
    color: #fff;
    font-weight: 400; font-family: Arial;}
._nav2 .ctext .lang ul li a:hover { text-decoration: underline;}
._nav2 .phssbox{ float:left; cursor: pointer; display:flex;position: relative; justify-content: center; align-items: center; height:1.7vw;}
._nav2 .phssbox .s{ display: block;
  font-size:0.7vw;
  line-height:1.7vw;
  color: #fff; margin-right:2.12vw;
  font-weight: 400;}
._nav2 .phssbox .a{ width:20px; height:20px;display: block;background:url(img/search.png) center no-repeat; background-size:100% auto !important;}
._nav2 .SearchBox { display:none; width: 100%;background:#262626;position: absolute;z-index: 19;left: 0; top:1.7vw;}
._nav2 .SearchBox .close {position: absolute;color: #1D2129;right:1.4vw; top:1.4vw; line-height: 0;cursor: pointer; width:1.4vw;}
._nav2 .SearchBox .close img{width:1vw;}
._nav2 .SearchBox .SearchInput {width:50vw;margin:3vw auto; background:#323232; border-radius:0.5vw; display: flex;}
._nav2 .SearchBox .SearchInput input {width:100%;font-size:1vw; color: #fff;outline: none;background:none;border:0; padding:0.5vw 1.2vw; height:3vw; line-height:2vw;}
._nav2 .SearchBox .SearchInput i {min-width:3.6vw; width:3.6vw; height:3vw; display: block; background: url(img/_search.svg) center no-repeat; background-size:1vw 1vw !important;cursor: pointer;}
._nav2 .SearchBox.active {opacity: 1;}
._nav2 .SearchBos{width:100%;padding:30px 0; display: flex;}
._nav2 .SearchBos .SearchInput { width:100%; display: flex; background:#F4F4F4; border-radius:0.5vw;}
._nav2 .SearchBos .SearchInput input {width:100%;font-size:1.2vw; color: #1D2129;outline: none;background:none;border:0; padding:0 0 0 14px;}
._nav2 .SearchBos .SearchInput i { min-width:4vw; width:4vw;height:3.2vw;display: block; background: url(img/_search1.svg) center no-repeat; background-size:1.4vw 1.4vw !important; cursor: pointer;}
._nav2  input::placeholder{ opacity:1 !important;}

._nav2 .down{ float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
._nav2 .down .dd{ float: left; display: flex; flex-wrap:wrap; flex-direction: column;}
._nav2 .down .dd.fl{ align-items: flex-end; text-align: right;}
._nav2 .down .logo{ float: left; width: 100%; line-height: 0;}
._nav2 .down .logo img{ height:24px;}
._nav2 .down .line{ float: left; width:50px; height:1px; background: #d9d9d9; margin-top: 6px;}
._nav2 .down .words{width: 100%;}
._nav2 .down .words a{width: 100%;float: left;font-size:15px;line-height:23px;color: #d9d9d9; padding:6px 0; text-transform: capitalize;}
._nav2 .down .close { display: block; line-height: 0;}
._nav2 .down .close img{width:14px;}


._nav2 .button{float: left;width:5vw;position: relative;height:10.4vw;display:none;}
._nav2 .button .boxs{width: 100%;height:1px;background-color: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
._nav2 .button::before{content: "";display: block;width: 100%;height:1px;background-color: #fff;position: absolute;left: 0;top:32%;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
._nav2 .button::after{content: "";display: block;width: 100%;height: 1px;background-color: #fff;position: absolute;left: 0;bottom:32%;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
._nav2 .button.on::before{top: 50%;left: 50%;margin-top: -1px;
-webkit-transform:translate(-50%,-50%) rotate(45deg);
-moz-transform:translate(-50%,-50%)  rotate(45deg);
-ms-transform:translate(-50%,-50%)  rotate(45deg);
-o-transform:translate(-50%,-50%)  rotate(45deg);
transform:translate(-50%,-50%)  rotate(45deg);}
._nav2 .button.on::after{top: 50%;left: 50%;margin-top: -1px;
-webkit-transform:translate(-50%,-50%)  rotate(-45deg);
-moz-transform:translate(-50%,-50%)  rotate(-45deg);
-ms-transform:translate(-50%,-50%)  rotate(-45deg);
-o-transform:translate(-50%,-50%)  rotate(-45deg);
transform:translate(-50%,-50%)  rotate(-45deg);}
._nav2 .button.on .boxs{opacity: 0;}
._nav2 .drop-down {background: #262626; display: none; width: 100%;position: fixed;left: 0;z-index:20;top:0;}
._nav2 .drop-down  .box{width: 100%; display: flex; flex-wrap: wrap; height: 100%; align-content: space-between;height: 100vh;padding:70px 9% 10px 9%;}
._nav2 .drop-down  .yjul{width: 100%;}
._nav2 .drop-down  .yjul .yjli{width: 100%;}
._nav2 .drop-down  .yjul .yjli .yja{width: 100%;display: block;overflow: hidden;border-bottom: 1px solid #d9d9d9;}
._nav2 .drop-down  .yjul .yjli .yja:hover{opacity: 0.6;}
._nav2 .drop-down  .yjul .yjli .yja .words{width: 70%;float: left;font-size:16px;line-height:20px;color: #d9d9d9; padding:10px 0; text-transform: capitalize;}
._nav2 .drop-down  .yjul .yjli .yja .ico{float: right; width:42px; height:42px; position: relative;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
._nav2 .drop-down  .yjul .yjli.on .yja .words{color: #ff7c80;}
._nav2 .drop-down  .yjul .yjli .yja.on .ico{
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);}
._nav2 .drop-down  .yjul .yjli .yja .ico::after{ display: block; content:''; position: absolute; right:4px; top: 50%; width:10px; height: 10px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg); margin-top:-2px; }
._nav2 .drop-down  .yjul .yjli .ejul{width: 100%;/* display: none; */}
._nav2 .drop-down  .yjul .yjli .ejul .ejli{width: 100%;border-bottom: 1px solid #d9d9d9; padding-left:18px;}
._nav2 .drop-down  .yjul .yjli .ejul .ejli a{color: #00a0dc; font-size:16px; line-height:20px; display: block; padding:10px 0 10px 18px; text-transform: capitalize; position: relative;}
._nav2 .drop-down  .yjul .yjli .ejul .ejli a::after{ display: block; content:''; position: absolute; left: 0; top:50%; border-radius:50%; width: 5px; height:5px; background: #00a0dc;}
._nav2 .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+4) a,
._nav2 .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+5) a{color:#007e64;}
._nav2 .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+4) a::after,
._nav2 .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+5) a::after{background:#007e64;}
._nav2 .drop-down  .inputbox{ float: left; display: block; width: 100%;border: 1px solid #30353b;position: relative; margin-top: 20px;}
._nav2 .drop-down  .inputbox input{width: 100%;background-color: rgba(255,255,255,0); float:left; line-height:36px;height:36px;padding:0 52px 0 12px;}
._nav2 .drop-down  .inputbox .icobox{width:40px;height:36px;background-color: #30353b;position: absolute;right: 0;top: 0;}
._nav2 .drop-down  .inputbox .icobox .icoboxs{width: 100%;height: 100%;position: relative;}



.index-banner{ float: left; position: relative; overflow: hidden; background: #bad4ea;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; display: flex; justify-content: center;}
.index-banner .div{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width:100%; height:100vh; overflow: hidden;}
.index-banner .div1{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; height:100vh;width: 100%;}
.index-banner .div1 img{ width:100%; height:100%; object-fit: cover;}
.index-banner .div .left{ position: relative; z-index: 6; display: block; width: 43.13%; padding:0 0 0 14.43vw; min-height:29vh;}
.index-banner .div .tit1{ display: block; width: 100%; color: #262626;font-size:2.8vw;
    line-height:1.5;
    margin-bottom:0.14vw; font-family: Arial;}
.index-banner .div .tit2{ display: block; width: 100%; color: #262626;font-size: 2.4vw;
    line-height:1.5vw; font-family: Arial; }
.index-banner .div .tit3{ display: block; width: 110%; color: #262626; font-size:1.2vw; line-height:1.4;margin-top:1.7vw; font-family: Arial;}
.index-banner .div .btn{ display: block; width: 100%;margin-top:2vw;}
.index-banner .div .btn a{ display: flex; align-items: center; justify-content:center; width:9vw; background: #00a0dc; border-radius:0.46vw; color: #fff; font-size:1vw; line-height:2.7vw; font-family: Arial;}
.index-banner .div .btn a img{ width:1.36vw; margin-left:0.5vw;}
.index-banner .div .right{ position: relative; z-index: 4; display: block; width: 56.87%; line-height: 0; transform: translateX(-6.24vw); -ms-transform: translateX(-6.24vw);}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10; top:50%; border-radius: 50%; width:2.96vw; height:2.96vw; background: url(img/_right1.svg) center no-repeat #ebf3fa; background-size:1.4vw auto !important; cursor: pointer; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ background: url(img/_right.svg) center no-repeat #00a0dc;}
.index-banner .swiper-prev{ left:1.64vw; transform: translateY(-50%) rotateY(180deg); -ms-transform: translateY(-50%) rotateY(180deg);}
.index-banner .swiper-next{ right:1.64vw;}
.index-banner .swiper-pagination{ width:100%; position: absolute; left: 0; bottom:2.1vw; display: flex; justify-content:center; z-index:6;}
.index-banner .swiper-pagination-bullet{ display: block; margin: 0 5px; width:6px; height: 10px; border-radius: 6px; background: #a6a6a6;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.index-banner .swiper-pagination-bullet-active{ width:24px; background: #404040;}


.main1{float: left; width: 100%; padding:1.08vw 1.24vw;}
.main1 .box{ width: 100%; background: #bad4ea; padding:2.5vw 1.4vw; overflow: hidden; border-radius: 1vw;}
.main1 .title{ width: 100%;  color: #262626; text-align: center; font-size:2.3vw; line-height:1.4; text-transform: uppercase; margin-top:-0.6vw;}
.main1 .title1{ width: 100%;  color: #2e75b6; text-align: center; font-size:1.2vw; line-height:1.5;font-family: Arial;}
.main1 .line{ width: 100%; position: relative; margin-top: 0.5vw;}
.main1 .line i{ display: block; margin:0 auto;  width:4.68vw; height:0.3vw; border-radius: 0.3vw; background:#2e75b6 ;}
.main1 .info{ width: 100%; text-align: center; color: #262626; font-size:1.2vw; line-height:1.5; margin-top: 0.5vw;}
.main1 .list{ width: 100%; display: flex; flex-wrap: wrap; margin-top:0.5vw;}
.main1 .list .li{ width: 25%; display: flex; flex-wrap: wrap; padding:0.6vw 0.8vw;}
.main1 .list .li:nth-child(1),
.main1 .list .li:nth-child(2),
.main1 .list .li:nth-child(3),
.main1 .list .li:nth-child(4){ width: 50%;}
.main1 .list .li a{ background: #deebf7; position: relative; height: 100%; width: 100%;align-items: center; display: flex; padding:1vw 1.3vw; border-radius:1vw;}
.main1 .list .li .ico{ display:flex; justify-content: center; align-items: center; width:7.5vw; min-width:7.5vw; height:7.5vw; background: #bdd7ee; border-radius:0.5vw;}
.main1 .list .li .ico img{ width:75%;}
.main1 .list .li .cont{ display:block; width: 100%; padding: 0 0 0 1.5vw;}
.main1 .list .li .tit{ display:block; width: 100%;color: #2e75b6; font-size:1.8vw; line-height:1.5; font-weight: bold; text-transform: uppercase;}
.main1 .list .li .p{ display:block; width: 100%;color: #262626; font-size:1.2vw; line-height:1.7; margin-top:0.6vw; }
.main1 .list .li .p1{ display:block; width: 100%;color: #262626; font-size:1.2vw; line-height:1.2;font-weight: bold; }
.main1 .list .li .num{ display:flex; align-items: flex-end; width: 100%;color: #2e75b6; font-size:3.6vw; line-height:1; height:3.6vw; font-weight: bold;margin-top:0.8vw;  }
.main1 .list .li .num font{ font-size:2.6vw; line-height:1.7;}
.main1 .list .li .num span{ font-size:1.6vw; line-height:1.5;}
.main1 .list .li:nth-child(1) .cont,
.main1 .list .li:nth-child(2) .cont,
.main1 .list .li:nth-child(3) .cont,
.main1 .list .li:nth-child(4) .cont{  padding:0 3.6vw 0 2.2vw;}



.main2{float: left; width: 100%; padding:1.08vw 1.24vw; overflow: hidden;}
.main2 .box{ width: 100%; padding:2.5vw 9.98vw; border-radius: 1vw; overflow: hidden; background: url(img/bg1.png) center no-repeat; background-size: 100% 100% !important;}
.main2 .title{ width: 100%;  color: #262626; font-size:1.8vw; line-height:1.5; font-weight: bold; text-transform: uppercase;}
.main2 .title1{ width: 100%;  color: #2e75b6; font-size:1.4vw; line-height:1.5; font-weight: bold;font-family: Arial;}
.main2 .info{ width: 100%; text-align: center; color: #262626; font-size:1.6vw; line-height:1.9;}
.main2 .pic{ display:flex; justify-content: center; width: 100%; line-height: 0; margin-top:3vw; margin-bottom:0}
.main2 .pic img{ width:4.83vw;}
.main2 .list{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-top:3.58vw; position: relative;}
.main2 .list::after{ display: block; content:''; height:1px; background: #c6c7cc; position: absolute; left:50%; top:1.79vw; transform: translateX(-50%); -ms-transform: translateX(-50%);width:66.66%;}
.main2 .list .li{ width: 33.33%; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.main2 .list .li::after{ display: block; content:''; width:1px; height:1.79vw; background: #c6c7cc; position: absolute; left:50%; bottom:100%;}
.main2 .list .li:nth-child(2)::after{ height:3.74vw;}
.main2 .list .li a{ background: #9dc3e6; position: relative; height: 100%; width:11.44vw; flex-wrap: wrap; display: flex; padding:1vw 0.78vw 0.78vw 0.78vw; border-radius:1vw;}
.main2 .list .li .ico{ display:flex; justify-content: center; align-items: center; width: 100%; line-height: 0;}
.main2 .list .li .ico img{ height:5.3vw;}
.main2 .list .li .tit{ display:block; text-align: center; width: 100%;color: #262626; font-size:1vw; line-height:1.4; margin-top:1.56vw;}
.main2 .list .li:nth-child(3) a{ background: #a9d18e;}



.main3{float: left; width: 100%; padding:1.08vw 1.24vw; overflow: hidden;}
.main3 .box{ width: 100%; background: #bad4ea; padding:2.5vw 9.98vw; overflow: hidden; border-radius: 1vw;}
.main3 .title{ width: 100%;  color: #262626; font-size:1.8vw; line-height:1.5; font-weight: bold; text-transform: uppercase;}
.main3 .title1{ width: 100%;  color: #2e75b6; font-size:1.4vw; line-height:1.5; font-weight: bold;font-family: Arial;}
.main3 .list{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:7.2vw;}
.main3 .list .li{ width:28.6%; display: flex; flex-wrap: wrap; justify-content: center; margin:1.3vw 0;}
.main3 .list .li .la{ background: #deebf7; position: relative; height: 100%; width:86%; flex-wrap: wrap; display: flex; padding:2vw 2.5vw 3vw 2.5vw; border-radius:1.56vw;}
.main3 .list .li .tit{ width: 100%;color: #262626; font-size:1.2vw; line-height:1.4; height:3.36vw; font-weight: bold; margin-bottom:1vw;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}
.main3 .list .li .time{ display:block; width: 100%;color: #262626; font-size:1vw; line-height:1.5;margin-bottom:1.5vw;}
.main3 .list .li .cont{ display:block;  width: 100%;}
.main3 .list .li .p{ display:block; width: 100%;color: #262626; font-size:1vw; line-height:1.5; margin-bottom:0.02vh; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main3 .list .li .info{ display:none;}
.main3 .list .li .p1{ display:inline-block;color: #262626; font-size:1vw; line-height:1.5; margin-bottom:0.02vh;}


.main4{float: left; width: 100%; padding:1.08vw 1.24vw; overflow: hidden;}
.main4 .box{ width: 100%; background: #000000; padding:2.5vw 9.98vw; overflow: hidden; border-radius:1vw;}
.main4 .title{ width: 100%;  color: #fff; font-size:1.8vw; line-height:1.5; font-weight: bold; text-transform: uppercase;}
.main4 .title1{ width: 100%;  color: #2e75b6; font-size:1.4vw; line-height:1.5; font-weight: bold;font-family: Arial;}
.main4 .list{ width: 100%; display: flex; flex-wrap: wrap; padding:0 10px; margin-top:1.85vw;}
.main4 .list .li{ width: 12.5%; display: flex; flex-wrap: wrap; justify-content: center;  margin:1.25vw 0;}
.main4 .list .li a{width:100%; display:flex; align-items: center; justify-content:center; line-height: 0; height:3.9vw;}
.main4 .list .li a img{ max-height:100%;min-height:100%; object-fit: contain;}


.footer{float: left; width: 100%; padding:18px; background: #000000; overflow: hidden; padding:2.56vw 2.8vw 2.02vw 2.8vw;}
.footer .box2 .down{ float: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;padding-right: 2.2vw;padding-left:0.9vw;}
.footer .box2 .down .dd{ float: left; display: flex; flex-wrap:wrap; flex-direction: column;}
.footer .box2 .down .logo{ float: left; width: 100%; line-height: 0;height: 1.8vw; display: flex; align-items: center;}
.footer .box2 .down .logo img{ height:2.4vw;}
.footer .box2 .down .words::after{ content: ''; float: left; position: absolute; left:0; top:50%; margin-top:1px; width:2.96vw; height:1px; background: #d9d9d9;}
.footer .box2 .down .words{width: 100%; position: relative; margin-top:0.25vw;}
.footer .box2 .down .words a{width: 100%;float: left;font-size:14px;line-height:2.1;color: #d9d9d9; font-weight: bold; display: flex; flex-wrap: wrap; flex-direction: column;}
.footer .box2 .down .dd .words a span{color: #007e64;}
.footer .box2 .down .dd.fl{ align-items: flex-end; text-align: right;}
.footer .box2 .down .dd.fl .words a span{color: #00a0dc;}
.footer .box2 .down .dd.fl .words::after{ left:auto; right:0;}
.footer .box2 .down .close { display: block; line-height: 0; margin:0.78vw 1.1vw;}
.footer .box2 .down .close img{width:1.01vw;}
.footer .a1{ color: #fff; font-size:0.8vw; line-height:1.9; font-weight: bold; }
.footer .a2{ color: #fff; font-size:0.64vw; line-height:1.94;}
.footer .a3{ color: #fff; font-size:0.7vw; line-height:1.9; font-weight: bold;}
.footer .a4{ color: #fff; font-size:0.75vw; line-height:1.75;}
.footer .box1{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.footer .box1 .l1{ display: inline-flex; flex-wrap: wrap; flex-direction: column; white-space: nowrap; margin-right:6.5%;}
.footer .box1 .l3{ display: inline-flex; flex-wrap: wrap; flex-direction: column;}
.footer .box1 .l2{  width: 100%; display: inline-flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;padding-right: 0.4vw;}
.footer .box1 .l2 .a1{ color: #ff7c80;}
.footer .box1 .dl{  width: 100%; display: inline-flex; align-items: flex-start; justify-content: space-between;}
.footer .box1 .l1 .a1{ margin-bottom:0.6vw;}
.footer .box1 .l2 .a1{ margin-bottom:0.3vw;}
.footer .box1 .a3{ color: #00a0dc; margin-bottom:0.78vw;}
.footer .box1 .l3:nth-child(5) .a3, 
.footer .box1 .l3:nth-child(6) .a3,
.footer .box1 .l3:nth-child(7) .a3{ color: #007e64;}
.footer .box2{ width: 100%;display: flex; align-items: flex-start; justify-content: space-between; margin-top:2.34vw;}
.footer .box2 .l1{ display: inline-flex; flex-wrap: wrap; flex-direction: column;}
.footer .box2 .a1{ font-size:0.82vw; line-height: 1.5; margin-bottom:0.8vw;}
.footer .box2 .mr{ margin-right:1.56vw;}
.footer .box2 .l2{ display: inline-flex; margin-right:4.36vw;}
.footer .box2 .l2:last-child{ margin-right:0 !important;}
.footer .box2 .dl{  width: 100%; display: inline-flex; align-items: flex-start; justify-content: space-between;}
.footer .box2 .share{  width:9.12vw; display: inline-flex; flex-wrap: wrap; align-items: flex-start;}
.footer .box2 .share .ico{ line-height: 0;  width:1.88vw; margin:0.2vw 1.1vw 0.5vw 0;}
.footer .box2 .share .ico:nth-child(3n){ margin-right:0 !important;}


.footer .drop-down {width: 100%;width: 100%; display:none; flex-wrap: wrap;padding:20px 20px 0 20px;}
.footer .drop-down  .yjul{width: 100%;}
.footer .drop-down  .yjul .yjli{width: 100%;}
.footer .drop-down  .yjul .yjli .yja{width: 100%;display: block;overflow: hidden;}
.footer .drop-down  .yjul .yjli .yja:hover{opacity: 0.6;}
.footer .drop-down  .yjul .yjli .yja .words{width: 70%;float: left;font-size:16px;line-height:20px;color: #d9d9d9; padding:6px 0; text-transform: capitalize;}
.footer .drop-down  .yjul .yjli.on .yja .words{color: #ff7c80;}
.footer .drop-down  .yjul .yjli .ejul{width: 100%;/* display: none; */}
.footer .drop-down  .yjul .yjli .ejul .ejli{width: 100%; padding-left:18px;}
.footer .drop-down  .yjul .yjli .ejul .ejli a{color: #00a0dc; font-size:16px; line-height:20px; display: block; padding:6px 0 6px 18px; text-transform: capitalize; position: relative;}
.footer .drop-down  .yjul .yjli .ejul .ejli a::after{ display: block; content:''; position: absolute; left: 0; top:50%; border-radius:50%; width: 5px; height:5px; background: #00a0dc;}
.footer .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+4) a,
.footer .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+5) a{color:#007e64;}
.footer .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+4) a::after,
.footer .drop-down  .yjul .yjli .ejul .ejli:nth-child(5n+5) a::after{background:#007e64;}
.footer .drop-down .down{ float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top:120px;}
.footer .drop-down .down .dd{ float: left; display: flex; flex-wrap:wrap; flex-direction: column;}
.footer .drop-down .down .dd.fl{ align-items: flex-end; text-align: right;}
.footer .drop-down .down .logo{ float: left; width: 100%; line-height: 0;}
.footer .drop-down .down .logo img{ height:24px;}
.footer .drop-down .down .line{ float: left; width:50px; height:1px; background: #d9d9d9; margin-top: 6px;}
.footer .drop-down .down .words{width: 100%;}
.footer .drop-down .down .words a{width: 100%;float: left;font-size:15px;line-height:23px;color: #d9d9d9; padding:6px 0; text-transform: capitalize;}
.footer .drop-down .down .close { display: block; line-height: 0;}
.footer .drop-down .down .close img{width:14px;}


.dowebok{ position: relative; width: 100%; height: 100vh; overflow: hidden;}
.dowebok .swiper-prev1{ cursor: pointer; width:3.42vw; height:3.42vw; position:fixed; right:2.64vw; bottom:2.48vw; display:block; z-index:18; background: #00a0dc; border-radius:0.23vw;}
.dowebok .swiper-prev1.et{ background: #007e64;}
.dowebok .swiper-prev1.ot{ display:block; }
.dowebok .swiper-prev1::after{ display: block; content:''; position: absolute; left: 50%; top:50%; border-left:0.62vw solid transparent; border-right:0.62vw solid transparent;border-bottom:1.1vw solid #fff; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.dowebok .swiper-pagination1{ width:0.6vw; position:fixed; right:2vw; top:50%; flex-wrap: wrap; display: flex; justify-content:center; z-index:18;}
.dowebok .swiper-pagination1 .swiper-pagination-bullet{ display: block; margin:0.3vw 0; width:0.6vw; height: 0.6vw; border-radius: 0.6vw; background: #a6a6a6;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.dowebok .swiper-pagination1 .swiper-pagination-bullet-active{ background: #404040;}
.dowebok .swiper-ul{position: relative; z-index: 1; display: flex; flex-direction: column; transition-property: transform; box-sizing: content-box; width: 100%;}
.dowebok .section{flex-shrink: 0; position: relative; transition-property: transform; width:100%; display: flex; justify-content: center;}
.section{ height:100vh; padding-top:1.7vw; overflow: hidden;}
.section1{ z-index: 20;}
.section6{ height: auto !important; padding-top:0 !important;}
.section .main1 .box{ position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;}
.section .main2 .box{ position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;}
.section .main3 .box{ position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;}
.section .main4 .box{ position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;}
.section .main5 .box{ position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;}


/*about*/
.about1{float: left; width: 100%; padding:1.08vw 1.24vw;}
.about1 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.about1 .cont{ display:block; width: 100%;color: #262626; font-size:1vw; line-height:2.6; margin-top:2.5vw; padding:0 6vw;}

.about2{float: left; width: 100%; padding:1.08vw 1.24vw;}
.about2 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.about2 .list{display: flex; flex-wrap: wrap; width: 100%; padding:0 13.4vw;}
.about2 .list .li{display: flex; flex-wrap: wrap; justify-content: center; text-align: center; width: 25%; margin:3.5vw 0; }
.about2 .list .li .ico{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:4.2vw; height:4.2vw; background: #bdd7ee; border-radius: 1.09vw; }
.about2 .list .li .ico img{ width: 85%;}
.about2 .list .li .p{display: block; width: 100%; font-weight: bold; color: #262626; font-size:1vw; line-height:1.4; margin-top:1vw; }
.about2 .list .li .cont{ display:block; width: 100%;color: #2e75b6; font-weight: bold; line-height:1; margin-top:1.78vw;}
.about2 .list .li .num{display: inline-flex; font-size:2.4vw; }
.about2 .list .li .jia{display: inline-block;vertical-align: top; font-size:1.6vw;margin:0 0 0 0.2vw; }
.about2 .list .li .dw{display: inline-flex;; font-size:1.05vw; margin-left:0.5vw;}

.about3{float: left; width: 100%; padding:1.08vw 1.24vw;}
.about3 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.about3 .img{ display:block; width: 100%; line-height:0; margin-top:-3.4vw; padding:0 1.5vw;}
.about3 .img img{ width:100%;}

.about4{float: left; width: 100%; padding:1.08vw 1.24vw;}
.about4 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.about4 .cont{ display:flex; flex-wrap: wrap; align-items:flex-end; justify-content: space-between; width: 100%;color: #262626; font-size:1vw; line-height:1.4; margin-top:0;}
.about4 .cont .img{ display:block; line-height: 0;width:44%; position: relative; margin-left:-0.5vw;}
.about4 .cont .img img{ width:100%;}
.about4 .cont .p{ display:block;width: 55.3%; position: relative; margin-right:-2vw; padding-bottom:0.5vw;}
.about4 .mt6{margin-top:0.66vw;}
.about4 .mt7{margin-top:0.7vw;}
.about4 .mt10{margin-top:1vw;}
.about4 .mt25{margin-top:2.5vw;}


.about5{float: left; width: 100%; padding:1.08vw 1.24vw;}
.about5 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.about5 .cont{ display:block; width: 100%;color: #262626; font-weight: bold; font-size:1vw; line-height:2.4; margin-top:2.4vw; padding:0 5.9vw;}
.about5 .info{ display:flex; flex-wrap: wrap; justify-content: flex-end; width: 100%;color: #262626; font-weight: bold; font-size:1vw; line-height:2; margin-top:1.2vw; padding:0 5.9vw;}


.pord1{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord1 .box{ width: 100%; background: #fff2cc; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: center;padding:1.3vw 1.3vw; overflow: hidden; border-radius: 1vw;}
.pord1 .img{ display:block; width: 100%; line-height:0;height:100%;}
.pord1 .img img{ width:100%; height:100%; object-fit: contain;}

.pord3{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord3 .box{ width: 100%; background: #bcd7ed; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: center; overflow: hidden; border-radius: 1vw;}
.pord3 .img{ display:block; width: 100%; position: relative; overflow: hidden; height:100vh; border:0; line-height:0;}
.pord3 .img img{ width:100%;}
.pord3 .tishi{ display: flex; align-items: center; justify-content:center; position: absolute; left: 50%; bottom:3vh; z-index: 6; line-height:0; width:2.8vw; transform: translate(-50%,0); -ms-transform:translate(-50%,0);} 

#turntable{ background: #bcd7ed !important;}

.pord2{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord2 .box{ width: 100%; background: #bcd7ed; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord2 .box1{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; margin-top:3vw; padding:0 0 0 3.7vw;}
.pord2 .left{ display:block;  width:32vw; margin-top:4.8vw;}
.pord2 .l1{ display:flex; flex-wrap: wrap; align-items:flex-end; width: 100%;color: #262626; font-size:1.2vw; line-height:2;}
.pord2 .l1 img{ height:3.2vw; margin-right: 0.4vw;}
.pord2 .l2{ display:block; width: 100%;color: #262626; font-size:2.4vw; line-height:1;}
.pord2 .l3{ display:inline-flex; align-items: center; background: #323232; border-radius: 0.5vw; color: #d0cece; font-weight: bold; font-size:1.9vw; line-height:1.4; margin-top:1.8vw; padding:0.06vw 0.55vw; font-family: Arial; }
.pord2 .l3 img{ height:2.1vw; margin-right: 0.4vw;}
.pord2 .l4{ display:flex; flex-wrap: wrap; width: 100%;color: #262626;font-size:1vw; line-height:1.6; margin-top:0.4vw; }
.pord2 .l4 .div{ display:flex; align-items: center; flex-wrap: wrap; width:30%; margin-top:0.3vw;}
.pord2 .l4 .div:nth-child(1){ width: 100%;}
.pord2 .l4 .div:nth-child(2){ width: 100%;}
.pord2 .l4 .div img{ height:1.4vw; margin-right:0.8vw;}
.pord2 .right{ display: block;  width:43%;}
.pord2 .right .ico{ display: block;  width:100%; line-height: 0;}
.pord2 .right .ico img{ width:100%;}
.pord2 .info{ display:flex; flex-wrap: wrap; justify-content: center; width: 100%;color: #fff; font-weight: bold; font-size:1vw; line-height:1.4; margin-top:0vw; padding:0 0 0 3.2vw; }



.pord4{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord4 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord4 .list{width: 100%; display: flex; flex-wrap: wrap; margin-top:1.5vw;}
.pord4 .list .ul{display: flex; flex-wrap: wrap; width:calc(100% + 0.6vw); margin:0 -0.3vw;}
.pord4 .list .li{width: 25%; display: flex; flex-wrap: wrap; padding:0.3vw;}
.pord4 .list .la{width: 100%; display:block;border-radius:1vw; background: #bdd7ee; padding:0.7vw 0;}
.pord4 .list ._img{ display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:108%;}
.pord4 .list ._img img{ display: block; width: 100%; height:100%; position: absolute; left:0; top:0; object-fit: contain;}
.pord4 .list .cont{width: 100%; display:block; padding:0 0.7vw;}
.pord4 .list .cc{ display:block; width: 100%; text-align: center; color: #fff; font-weight: bold; font-size:1.2vw; line-height:1.2; }
.pord4 .list .tit{ display:block; width: 100%; text-align: center; color: #262626; font-weight: bold; font-size:1.6vw; line-height:1.3; }
.pord4 .list .xh{ display:block; width: 100%; text-align: center; color: #fff; font-weight: bold; font-size:1.2vw; line-height:1.2; }
.pord4 .list .name{ display:flex; border-radius: 0.5vw; align-items: center; background: #323232; width: 100%; text-align: center; color: #fff;font-size:1vw; line-height:1.4; margin-top:0.8vw; padding:0.26vw 1.4vw;}
.pord4 .list .name img{ max-width: inherit; height:2.3vw; margin-right:0.4vw;}

.pord5{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord5 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord5 .list{width: 100%; display: flex; flex-wrap: wrap; margin-top:1vw;}
.pord5 .list .ul{ display: flex; flex-wrap: wrap;width:calc(100% + 0.6vw); margin:-0.3vw;}
.pord5 .list .li{width: 14.28%; display: flex; flex-wrap: wrap; padding:0.3vw;}
.pord5 .list .la{width: 100%; display:block;border-radius:1vw; overflow: hidden; position: relative; padding-bottom:90%; background: #bdd7ee;}
.pord5 .list .pic{ position: absolute; left: 0; top:0; display: block; width: 66.88%;}
.pord5 .list ._img{ display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:100%;}
.pord5 .list ._img img{ display: block; width: 100%; height:100%; position: absolute; left:0; top:0; object-fit: contain;}
.pord5 .list .tit{ position: absolute; left: 0; bottom:0; display:block;text-align: right; width: 100%; color: #262626; font-size:1vw; line-height:1.5; padding:0.85vw 0.85vw; }

.pord7{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord7 .box{ width: 100%; background: #e2f0d9; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord7 .box1{width: 100%; display: flex; flex-wrap: wrap; margin-top:4.5vw; padding:0 5.9vw; color: #262626; font-size:1vw; line-height:2.4; font-weight: bold; }
.pord7 .cont{ display:block; width: 100%; }
.pord7 .list{ display:flex; flex-wrap: wrap; width: 100%; margin-top:1.64vw; padding:0 3.9vw 0 0; }
.pord7 .list .div{ display:block; width: 16.66%; text-align: center; line-height:2; position: relative; }
.pord7 .list .div::after{ display: block; content:''; position: absolute; right:0; top:50%; margin:-0.4rem 0 0 -0.4rem; border-top:0.4rem solid transparent; border-bottom:0.4rem solid transparent;border-left:0.78rem solid #007e64; }
.pord7 .list .div:last-child::after{ display: none;}
.pord7 .list .div .t1{width: 100%; display: block; color: #262626; font-size:1.1vw; }
.pord7 .list .div .t2{width: 100%; display: block; color: #007e64; font-size:0.8vw;}

.pord8{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord8 .box{ width: 100%; background: #e2f0d9; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord8 .img{ display:block; width: 100%; line-height:0; margin-top:1.7vw; padding:0 5.8vw 0 6.5vw;}
.pord8 .img img{ width:100%;}

.pord9{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord9 .box{ width: 100%; background: #e2f0d9; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord9 .img{ display:block; width: 100%; line-height:0; margin-top:4vw; padding:0 6.2vw 0 5.9vw;}
.pord9 .img img{ width:100%;}

.pord10{float: left; width: 100%; padding:1.08vw 1.24vw;}
.pord10 .box{ width: 100%; background: #e2f0d9; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.pord10 .list{width: 100%; display: flex; flex-wrap: wrap; margin-top:2vw;}
.pord10 .list .ul{ display: flex; flex-wrap: wrap;width:calc(100% + 0.6vw); margin:-0.3vw;}
.pord10 .list .li{width:25%; display: flex; flex-wrap: wrap; padding:0.3vw;}
.pord10 .list .la{width: 100%; display:block;border-radius:1vw; overflow: hidden; position: relative; padding-bottom:74%; background: #c5e0b4;}
.pord10 .list .pic{ position: absolute; left:1.09vw; top:1.09vw; display: block; width:7.02vw;}
.pord10 .list ._img{ display: block; width: 100%; position: relative; overflow: hidden; background: #e2f0d9;border-radius:0.5vw; padding-bottom:100%;}
.pord10 .list ._img img{ display: block; width: 100%; height:100%; position: absolute; left:0; top:0; object-fit: contain;}
.pord10 .list .tit{ position: absolute; left: 0; bottom:0; display:block;text-align: right; width: 100%; color: #262626; font-size:1vw; line-height:1.5; padding:0.85vw 0.85vw; }


.inTitle-zh{ width: 100%;  color: #262626; font-size:1.6vw; line-height:1.4; margin-top:-0.3vw;}
.inTitle-en{ width: 100%;  color: #bfbfbf; font-size:1.2vw; line-height:1.4;font-family: Arial; text-transform: uppercase;}
.inTitle-tit{ color: #262626; font-size:1.2vw; line-height:2;}
.inTitle-ico{ line-height:0; margin-right:0.4vw;}
.inTitle-ico img{ height:2.88vw;}
.inbox{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between;}
.inbox .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.inbox .right{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.inbox .left{ display: flex; flex-wrap: wrap; flex-direction: column;}


.fuWu{float: left; width: 100%; padding:1.08vw 1.24vw;}
.fuWu .box{ width: 100%; background: #e2f0d9; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.fuWu .list{ width: 100%; display: flex; flex-wrap: wrap; margin-top:5.9vw; padding:0 3.4vw 0 4.8vw;}
.fuWu .list .li{ width: 25%; display: flex; flex-wrap: wrap; padding:2.6vw 0;}
.fuWu .list .li .la{ width: 100%;align-items: center; display: flex; }
.fuWu .list .li .ico{ display:flex; justify-content: center; align-items: center; width:3.2vw; min-width:3.2vw; height:3.2vw; background: #c5e0b4; border-radius:0.5vw;}
.fuWu .list .li .ico img{ width:75%;}
.fuWu .list .li .cont{ display:block; width: 100%; padding: 0 0.78vw;}
.fuWu .list .li .tit{ display:block; width: 100%;color: #262626; font-size:1vw; line-height:1.5; font-weight: bold;}
.fuWu .list .li .p{ display:block; width: 100%;color: #70ad47; font-size:1vw; line-height:1.5;}

.jiShu{float: left; width: 100%; padding:1.08vw 1.24vw;}
.jiShu .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.jiShu .img{ display:block; width: 100%; line-height:0; margin-top:1vw; padding:0 1.5vw;}
.jiShu .img img{ width:100%;}

.contact2{float: left; width: 100%; padding:1.08vw 1.24vw;}
.contact2 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.contact2 .img{ display:block; width: 100%; line-height:0; margin-top:3vw; padding:0 6.9vw 0 5.9vw;}
.contact2 .img img{ width:100%;}

.contact3{float: left; width: 100%; padding:1.08vw 1.24vw;}
.contact3 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.contact3 .img{ display:block; width: 100%; line-height:0; margin-top:1vw; padding:0 14vw;}
.contact3 .img img{ width:100%;}


.contact1{float: left; width: 100%; padding:1.08vw 1.24vw;}
.contact1 .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; padding:2.5vw 5.77vw; overflow: hidden; border-radius: 1vw;}
.contact1 .box1{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top:0.8vw;}
.contact1 form {width: 100%;border: 1px solid #deebf7; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 0.4vw;padding:1.8vw 2.1vw;}
.contact1 form .lab {width: 48%;float: left;margin-bottom:0.6vw;}
.contact1 form .lab h4 {color: #262626;font-size:0.9vw;font-weight: 700;line-height:1.6; margin-bottom:0.26vw;}
.contact1 form .lab input {width: 100%;height:2.66vw;border-radius:0.4vw; background: #deebf7; border: 0;color: #262626;font-size:1vw;font-weight: 400;padding-left:10px; font-family: Arial;}
.contact1 form .lab2 {width: 100%;}
.contact1 form .lab textarea {width: 100%;background: #deebf7; border: 0;border-radius:0.4vw;height:10.3vw;padding: 10px;position: relative;}
.contact1 form .lab textarea::after {content: "";height: 1px;width: 5px;position: absolute;background: #A1A1A1;}
.contact1 .down {width: 100%;float: left;margin-top:0.8vw;}
.contact1 .down .info{width: 50%;float: left;white-space: pre-wrap;color: #262626;font-size:1vw;text-align: left;font-weight: 400;line-height:1.4;}
.contact1 .down .button{width: 48%;height:2.66vw;background: #3e3e3e;float: right;color: #fff;font-size: 1vw;text-align: center;font-weight: 700;line-height: 2.66vw;border-radius: 0.4vw;}
.contact1 .left{ width: 46.8%;display:block; color:#262626; font-size:1vw; line-height:1.6;}
.contact1 .right{ width:46.8%; background: #bdd7ee; overflow: hidden; display: flex; flex-wrap: wrap;padding:0.94vw;}
.contact1 .line{ width: 96%; display:block;background: #bdd7ee; height: 1px;}
.contact1 .logo{ width: 100%; display:block; line-height: 0; margin-top:0.9vw;}
.contact1 .logo img{height:2.4vw;}
.contact1 .cont{ width: 100%; display:block; padding: 0.1vw 0 0 0;}
.contact1 .info{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;}
.contact1 .info1{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; position: relative; margin-top:0.5vw;}
.contact1 .l1{ display:block; width: 48%;}
.contact1 .l2{ display:block; width: 43.5%;}
.contact1 .l3{ display:flex; flex-wrap: wrap; flex-direction: column; line-height:1.3;}
.contact1 .l4{ display:inline-block; position: absolute; left: 0; bottom: 0; line-height:1.3;}
.contact1 .er{ display:block; width:5.7vw; line-height: 0; margin-top:0.8vw;}
.contact1 .s{ margin-top:1.3vw;}
.contact1 .p1{ display:block; width: 100%;color: #262626; font-size:1.6vw; line-height:1.5; padding:1.3vw 0 0.4vw 0;}


.newsL{float: left; width: 100%; padding:1.08vw 1.24vw;}
.newsL .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.newsL .cont{ width: 100%; padding: 0 6vw;}
.newsL .ul{ display: flex; flex-wrap: wrap; width: 100%; margin:1.7vw 0;}
.newsL .ul li{ display: flex; flex-wrap: wrap; width: 100%; margin:0.7vw 0;}
.newsL .ul a{display: flex;width: 100%;background: #bdd7ee; padding:0.76vw 2vw;overflow: hidden; border-radius:0.5vw;}
.newsL .ul a .wordsbox{width: 100%; font-size:1vw;color: #262626;line-height:2;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsL .ul a .date{float: right;font-size:1vw;color: #262626;line-height:2;white-space: nowrap; margin-left:2vw;}
.newsL .ul a:hover{ background:#00a0dc;}
.newsL .ul a:hover .wordsbox{ color:#fff;}
.newsL .ul a:hover .date{ color:#fff;}

.pagebox{width: 100%;  display: flex; flex-wrap: wrap; align-content: center; justify-content:center; padding:0.5vw 0; }
.pagebox .page1{display: flex; flex-wrap: wrap;}
.pagebox .page1 a{width:2.4vw;height:2.4vw;position: relative;line-height:1.5;font-size:1.2vw;color: #262626; background: #bdd7ee; display:flex;margin: 0 0.5vw;border-radius:0.5vw; align-items: center; justify-content:center;}
.pagebox .page1 a:hover,
.pagebox .page1 a.on{color: #fff; background: #00a0dc;}
.pagebox .page1 a.prev::after,
.pagebox .page1 a.next::after{ content:''; width:0.7vw; height:0.7vw; display: block;position: absolute;left: 50%;top: 50%; border-top:0.15vw solid #262626; border-right:0.15vw solid #262626; margin-left:-0.12vw;
transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);}
.pagebox .page1 a.prev{transform: rotateY(180deg);
-ms-transform: rotateY(180deg);}
.pagebox .page1 .prev.on::after,
.pagebox .page1 .next.on::after,
.pagebox .page1 a.prev:hover::after,
.pagebox .page1 a.next:hover::after{ border-top:0.15vw solid #fff; border-right:0.15vw solid #fff}


.newsDet{float: left; width: 100%; padding:1.08vw 1.24vw;}
.newsDet .box{ width: 100%; background: #deebf7; position: relative; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; padding:2.5vw 3.2vw; overflow: hidden; border-radius: 1vw;}
.newsDet .cont{ width: 100%; padding: 0 6vw;}
.newsDet .tit{ width: 100%;font-size:1.8vw;color: #262626;line-height:1.6;text-align: center;margin-bottom:1.5vw;font-weight: bolder;}
.newsDet .info{ width: 100%;font-size:1vw;color: #262626;line-height:2;border-top: 1px solid #a6a6a6;padding-top:2vw;text-align: justify;}
.newsDet .info1{ width: 106%;height: 24.5vw;   overflow-y: auto; padding-right:6%;  scrollbar-color: #323232 #fff;}
.newsDet .info img{width: 100%;display: block;}
.newsDet .pages{width: 100%;border-top:1px solid #a6a6a6;overflow: hidden;margin-top:2vw; padding-top:1.2vw; display: flex;}
.newsDet .pages .abox{float: left;width: calc(50% - 50px);
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsDet .pages .abox a{display: block;font-size:1vw;color: #262626;line-height:2;}
.newsDet .pages .abox a:hover{color: #2e75b6;}
.newsDet .pages .abox.abox_r{text-align: right;}
.newsDet .pages .fh{width:10vw;float: left;font-size:1vw;color: #262626;line-height:2;text-align: center;}
.newsDet .pages .fh a{color: #262626;}
.newsDet .pages .fh a:hover{ color: #2e75b6;}

.topBox{ display: flex; flex-wrap: wrap; width: 100%;}
.downBox{ display: flex; flex-wrap: wrap; width: 100%;}

/*上下居中*/

@media screen and (min-width:2440px) {
.topBox{ align-content: flex-end; height:16vh;}
.downBox{ align-content:center; height:77vh;}


.section .main1 .box{ align-content: center;}	
.main2 .box{padding:0 9.98vw;}
.main3 .box{ padding:0 9.98vw;}
.main4 .box{padding:0 9.98vw;}

	
.about1 .box{ padding:0 3.2vw;}	
.about2 .box{ padding:0 3.2vw;}	
.about3 .box{ padding:0 3.2vw;}
.about4 .box{ padding:0 3.2vw;}
.about5 .box{ padding:0 3.2vw;}

.newsL .box{padding:0 3.2vw;}
.newsDet .box{padding:0 3.2vw;}

.pord2 .box{padding: 0 3.2vw;}
.pord4 .box{padding: 0 3.2vw;}
.pord5 .box{padding: 0 3.2vw;}
.pord7 .box{padding: 0 3.2vw;}
.pord8 .box{padding: 0 3.2vw;}
.pord9 .box{padding: 0 3.2vw;}
.pord10 .box{padding: 0 3.2vw;}

.fuWu .box{padding:0 3.2vw;}

.jiShu .box{padding:0 3.2vw;}

.contact1 .box{ align-content: center;}
.contact2 .box{padding:0 3.2vw;}
.contact3 .box{ padding:0 3.2vw;;}

.newsL .ul{ margin-top:0;}
.contact2 .img{ margin-top:0;}
.contact3 .img{ margin-top:0;}
.jiShu .img{ margin:0;}
.fuWu .list{ margin-top: 0;}
.fuWu .list .li{padding:3.6vw 0;}
.main2 .pic{ margin-top: 0;}
.main3 .list{ margin-top: 0;}
.main4 .list{ margin-top:0;}
.about1 .cont{ margin-top: 0;}
.about3 .img{margin-top: -3.4vw;}
.about5 .cont{ margin-top: 0;}

.pord2 .box1{ margin-top: 0;}
.pord4 .list{ margin-top: 0;}
.pord5 .list{ margin-top: 0;}
.pord7 .box1{ margin-top: 0;}
.pord8 .img{ margin-top: 0;}
.pord9 .img{ margin-top: 0;}
.pord10 .list{ margin-top: 0;}

}
@media screen and (min-width:1290px) and (max-width:1560px) {
.topBox{ align-content: flex-end; height:15vh;}
.downBox{ align-content:center; height:79vh;}


.section .main1 .box{ align-content: center;}	
.main2 .box{padding:0 9.98vw;}
.main3 .box{ padding:0 9.98vw;}
.main4 .box{padding:0 9.98vw;}

	
.about1 .box{ padding:0 3.2vw;}	
.about2 .box{ padding:0 3.2vw;}	
.about3 .box{ padding:0 3.2vw;}
.about4 .box{ padding:0 3.2vw;}
.about5 .box{ padding:0 3.2vw;}

.newsL .box{padding:0 3.2vw;}
.newsDet .box{padding:0 3.2vw;}

.pord2 .box{padding: 0 3.2vw;}
.pord4 .box{padding: 0 3.2vw;}
.pord5 .box{padding: 0 3.2vw;}
.pord7 .box{padding: 0 3.2vw;}
.pord8 .box{padding: 0 3.2vw;}
.pord9 .box{padding: 0 3.2vw;}
.pord10 .box{padding: 0 3.2vw;}

.fuWu .box{padding:0 3.2vw;}

.jiShu .box{padding:0 3.2vw;}

.contact1 .box{ align-content: center;}
.contact2 .box{padding:0 3.2vw;}
.contact3 .box{ padding:0 3.2vw;;}

.newsL .ul{ margin-top:0;}
.contact2 .img{ margin-top:0;}
.contact3 .img{ margin-top:0;}
.jiShu .img{ margin:0;}
.fuWu .list{ margin-top: 0;}
.fuWu .list .li{padding:3.6vw 0;}
.main2 .pic{ margin-top: 0;}
.main3 .list{ margin-top: 0;}
.main4 .list{ margin-top:0;}
.about1 .cont{ margin-top: 0;}
.about3 .img{margin-top: -3.4vw;}
.about5 .cont{ margin-top: 0;}

.pord2 .box1{ margin-top: 0;}
.pord4 .list{ margin-top: 0;}
.pord5 .list{ margin-top: 0;}
.pord7 .box1{ margin-top: 0;}
.pord8 .img{ margin-top: 0;}
.pord9 .img{ margin-top: 0;}
.pord10 .list{ margin-top: 0;}

}

@media screen and (min-height:1200px) {
.topBox{ align-content: flex-end; height:16vh;}
.downBox{ align-content:center; height:77vh;}


.section .main1 .box{ align-content: center;}	
.main2 .box{padding:0 9.98vw;}
.main3 .box{ padding:0 9.98vw;}
.main4 .box{padding:0 9.98vw;}

	
.about1 .box{ padding:0 3.2vw;}	
.about2 .box{ padding:0 3.2vw;}	
.about3 .box{ padding:0 3.2vw;}
.about4 .box{ padding:0 3.2vw;}
.about5 .box{ padding:0 3.2vw;}

.newsL .box{padding:0 3.2vw;}
.newsDet .box{padding:0 3.2vw;}
.newsDet .info1{max-height:34vw}

.pord2 .box{padding: 0 3.2vw;}
.pord4 .box{padding: 0 3.2vw;}
.pord5 .box{padding: 0 3.2vw;}
.pord7 .box{padding: 0 3.2vw;}
.pord8 .box{padding: 0 3.2vw;}
.pord9 .box{padding: 0 3.2vw;}
.pord10 .box{padding: 0 3.2vw;}

.fuWu .box{padding:0 3.2vw;}

.jiShu .box{padding:0 3.2vw;}

.contact1 .box{ align-content: center;}
.contact2 .box{padding:0 3.2vw;}
.contact3 .box{ padding:0 3.2vw;;}

.newsL .ul{ margin-top:0;}
.contact2 .img{ margin-top:0;}
.contact3 .img{ margin-top:0;}
.jiShu .img{ margin:0;}
.fuWu .list{ margin-top: 0;}
.fuWu .list .li{padding:3.6vw 0;}
.main2 .pic{ margin-top: 0;}
.main3 .list{ margin-top: 0;}
.main4 .list{ margin-top:0;}
.about1 .cont{ margin-top: 0;}
.about3 .img{margin-top: -3.4vw;}
.about5 .cont{ margin-top: 0;}

.pord2 .box1{ margin-top: 0;}
.pord4 .list{ margin-top: 0;}
.pord5 .list{ margin-top: 0;}
.pord7 .box1{ margin-top: 0;}
.pord8 .img{ margin-top: 0;}
.pord9 .img{ margin-top: 0;}
.pord10 .list{ margin-top: 0;}

}
@media screen and (max-height:700px) {
.topBox{ align-content: flex-end; height:12vh;}
.downBox{ align-content:center; height:79vh;}


.section .main1 .box{ align-content: center;}	
.main2 .box{padding:0 9.98vw;}
.main3 .box{ padding:0 9.98vw;}
.main4 .box{padding:0 9.98vw;}

	
.about1 .box{ padding:0 3.2vw;}	
.about2 .box{ padding:0 3.2vw;}	
.about3 .box{ padding:0 3.2vw;}
.about4 .box{ padding:0 3.2vw;}
.about5 .box{ padding:0 3.2vw;}

.newsL .box{padding:0 3.2vw;}
.newsDet .box{padding:0 3.2vw;}
.newsDet .info1{max-height:18vw}

.pord2 .box{padding: 0 3.2vw;}
.pord4 .box{padding: 0 3.2vw;}
.pord5 .box{padding: 0 3.2vw;}
.pord7 .box{padding: 0 3.2vw;}
.pord8 .box{padding: 0 3.2vw;}
.pord9 .box{padding: 0 3.2vw;}
.pord10 .box{padding: 0 3.2vw;}

.fuWu .box{padding:0 3.2vw;}

.jiShu .box{padding:0 3.2vw;}

.contact1 .box{ align-content: center;}
.contact2 .box{padding:0 3.2vw;}
.contact3 .box{ padding:0 3.2vw;;}

.newsL .ul{ margin-top:0;}
.contact2 .img{ margin-top:0;}
.contact3 .img{ margin-top:0;}
.jiShu .img{ margin:0;}
.fuWu .list{ margin-top: 0;}
.fuWu .list .li{padding:3.6vw 0;}
.main2 .pic{ margin-top: 0;}
.main3 .list{ margin-top: 0;}
.main4 .list{ margin-top:0;}
.about1 .cont{ margin-top: 0;}
.about3 .img{margin-top: -3.4vw;}
.about5 .cont{ margin-top: 0;}

.pord2 .box1{ margin-top: 0;}
.pord4 .list{ margin-top: 0;}
.pord5 .list{ margin-top: 0;}
.pord7 .box1{ margin-top: 0;}
.pord8 .img{ margin-top: 0;}
.pord9 .img{ margin-top: 0;}
.pord10 .list{ margin-top: 0;}

}


/*250208start*/
.pord3 .box .pic{ display: flex; align-items: center; width:100%; line-height: 0; position: relative; height: 100%;}
.pord3 .box .pic img{ display: block;width: 100%; height: 100%; object-fit: contain;}
.pord3 .box .quanjing{ display: block; position: absolute; left: 50%; bottom:3vh; z-index: 6; line-height:0; white-space: nowrap; transform: translate(-50%,0); -ms-transform:translate(-50%,0); color: #00a0dc;font-size:0.8vw; line-height:2.4vw; cursor: pointer; background:rgba(255,255,255,0.5);border-radius: 0.4vw; padding:0 1.4vw;} 
.pord3 .box .guanbi{ display: none; position: absolute; right:1.4vw; top:1.4vw; z-index: 6; line-height:0; white-space: nowrap; color: #00a0dc;font-size:0.8vw; line-height:2.4vw; cursor: pointer; background:rgba(255,255,255,0.5);border-radius: 0.4vw; padding:0 1.4vw;}
.pord3 .box .poup{ display:none; }
.pord3 .box.qj .pic{ display:none;}
.pord3 .box.qj .quanjing{ display:none;}
.pord3 .box.qj .guanbi{ display:block;}
.pord3 .box.qj .poup{ display:block;}
.dowebok .swiper-pagination1.qj{ display:none;}

@media screen and (min-width:1680px) and (max-width:1740px) and (min-height:700px) and (max-height:760px) {
.topBox{ padding-top: 1.5vw;}
.downBox{ align-content:center; height:78vh;}


.section .main1 .box{ align-content: center;}	
.main2 .box{padding:0 9.98vw;}
.main3 .box{ padding:0 9.98vw;}
.main4 .box{padding:0 9.98vw;}

	
.about1 .box{ padding:0 3.2vw;}	
.about2 .box{ padding:0 3.2vw;}	
.about3 .box{ padding:0 3.2vw;}
.about4 .box{ padding:0 3.2vw;}
.about5 .box{ padding:0 3.2vw;}

.newsL .box{padding:0 3.2vw;}
.newsDet .box{padding:0 3.2vw;}

.pord2 .box{padding: 0 3.2vw;}
.pord4 .box{padding: 0 3.2vw;}
.pord5 .box{padding: 0 3.2vw;}
.pord7 .box{padding: 0 3.2vw;}
.pord8 .box{padding: 0 3.2vw;}
.pord9 .box{padding: 0 3.2vw;}
.pord10 .box{padding: 0 3.2vw;}

.fuWu .box{padding:0 3.2vw;}

.jiShu .box{padding:0 3.2vw;}

.contact1 .box{ align-content: center;}
.contact2 .box{padding:0 3.2vw;}
.contact3 .box{ padding:0 3.2vw;;}

.newsL .ul{ margin-top:0;}
.contact2 .img{ margin-top:0;}
.contact3 .img{ margin-top:0;}
.jiShu .img{ margin:0;}
.fuWu .list{ margin-top: 0;}
.fuWu .list .li{padding:3.6vw 0;}
.main2 .pic{ margin-top: 0;}
.main3 .list{ margin-top: 0;}
.main4 .list{ margin-top:0;}
.about1 .cont{ margin-top: 0;}
.about3 .img{margin-top: -3.4vw;}
.about5 .cont{ margin-top: 0;}

.pord2 .box1{ margin-top: 0;}
.pord4 .list{ margin-top: 0;}
.pord5 .list{ margin-top: 0;}
.pord7 .box1{ margin-top: 0;}
.pord8 .img{ margin-top: 0;}
.pord9 .img{ margin-top: 0;}
.pord10 .list{ margin-top: 0;}

.main2 .info{ line-height:1.8;}
.main4 .list .li{margin: 1.15vw 0;}
.about1 .cont{line-height: 2.4;}
.about2 .list .li{margin: 3.5vw 0;}
.about3 .img{padding: 0 4.5vw;}
.about4 .cont .img{ width:40%;}
.about4 .mt6{margin-top:0.46vw;}
.about4 .mt7{margin-top:0.5vw;}
.about4 .mt10{margin-top:0.8vw;}
.about4 .mt25{margin-top:1.5vw;}
.about5 .cont{line-height: 2.2;}
.about5 .info{line-height: 1.8;}
.jiShu .img{padding: 0 4.5vw;}
.newsDet .info1{height: 17.5vw;}
.newsL .ul{ margin-bottom: 0;}
.newsL .ul a{padding: 0.66vw 2vw;}
.contact1 .left{line-height: 1.4;}
.contact1 form{padding: 1.3vw 2.1vw;}
.contact1 form .lab{margin-bottom: 0.4vw;}
.contact1 .down{margin-top: 0.4vw;}
.pord10 .list .la{padding-bottom: 70%;}
.pord8 .img{padding: 0 9.5vw;}
.pord5 .list .la{padding-bottom: 82%;}
.pord4 .list .la{padding:0 0 0.7vw 0; overflow: hidden;}
.main1 .list .li{padding: 0.5vw 0.8vw;}
.main1 .list .li a{padding: 0.8vw 1.3vw;}
.main1 .list .li .ico{width: 7vw; min-width: 7vw; height: 7vw;}
.main1 .list .li .p{ line-height:1.6;margin-top: 0.4vw;}
.main1 .list .li .num{margin-top: 0.5vw;}
.main1 .list{ margin-bottom: -0.5vw;}

}


/*250208end*/