/*--统一设置--*/
@font-face{font-family: "myfont1"; src:url("Poppins-Medium.otf")}
@font-face{font-family: "myfont2"; src:url("Poppins-Light.otf")}
html,body{ font-size:12px; margin:0; padding:0; font-family:"myfont"; width:100%; height:100%; background-color:#FFFCF3; letter-spacing:1px;} 
ul{ list-style-type:none; padding:0px; margin:0}
form{margin:0}
.clear{clear:both}
.check_input{width:10px; height:10px; border:0;}
.height_clear{height:15px; clear:both}
.form_input{ border:none;height:42px; width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
.form_textarea{width:100%; height:80px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; outline:none}
.form_btn{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; cursor:pointer}
.search_input{border:1px solid #999; height:20px; width:150px;}
img{border:0}
.imgtrans{transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;}

.reg_bgpic {
  width: 100%;
  height: 100%;
  background: url(../images/pb.png);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  display: none;
}

.reg_wc {
  width: 820px;
  height: 580px;
  display: none;
  justify-content: flex-start;
  z-index: 9999999;
  background: #fff;
  border: 1px solid #3FD6DD;
  position: fixed;
  left: 50%;
  margin-left: -410px;
  top: 20%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}

.reg_wc .l {
  width: 40%;
  height: 100%;
  background: url(../images/sign_login_box_left.webp) no-repeat #39C3CB;
  background-size: contain;
}

.reg_wc .r {
  width: 100%;
}

.reg_wc .r .r_1 {
  width: 100%;
  margin-top: 80px;
  text-align: center;
  font-size: 18px
}

.reg_wc .r .r_2 {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

.reg_wc .r .r_3 {
  width: 90%;
  margin: 0 auto;
  margin-top: 40px;
  text-align: left;
}

.reg_wc .r .r_4 {
  width: 90%;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
  display: flex;
  justify-content: space-between;
}

.reg_wc .r .r_4 div:nth-child(1) {
  width: 73%
}

.reg_wc .r .r_5 {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
}

.reg_wc .r .r_5 button {
  width: 100%
}

.reg_wc .r .r_6 {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: right;
}

.reg_wc .r .close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.login_wc {
  width: 820px;
  height: 580px;
  display: none;
  overflow: hidden;
  justify-content: flex-start;
  z-index: 9999999;
  background: #fff;
  border: 1px solid #3FD6DD;
  position: fixed;
  left: 50%;
  margin-left: -410px;
  top: 20%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}

.login_wc .l {
  width: 40%;
  height: 100%;
  /*background:url(../images/sign_login_box_left.webp) no-repeat #39C3CB;*/
  background-size: contain;
}

.login_wc .r {
  width: 100%;
}

.login_wc .r .r_1 {
  width: 100%;
  margin-top: 80px;
  text-align: center;
  font-size: 18px
}

.login_wc .r .r_2 {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

.login_wc .r .r_3 {
  width: 90%;
  margin: 0 auto;
  margin-top: 40px;
  text-align: left;
}

.login_wc .r .r_4 {
  width: 90%;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
  display: flex;
  justify-content: space-between;
}

.login_wc .r .r_4 div:nth-child(1) {
  width: 73%
}

.login_wc .r .r_5 {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
}

.login_wc .r .r_5 button {
  width: 100%
}

.login_wc .r .r_6 {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: right;
}

.login_wc .r .close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.menu_wc{width:100%;}
.common_top{width:1800px; height: 120px;  margin: 0 auto; display: flex; justify-content:space-between; align-items: center;}
.common_top .left{display: flex; justify-content: flex-start; align-items: center;}
.common_top .logo{display: block;}
.common_top .navwrap{font-size:16px;  height:100px; margin-top: 10px; display:flex; justify-content: flex-start; margin-right: 30px;}
.common_top .navwrap ul{padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:100px;}
.common_top .navwrap .nav{width:auto; margin:0 auto; display: flex; justify-content: flex-start;}
.common_top .navwrap .nav a{ color:#ab751c;display:block;text-decoration:none;text-align:center;position:relative;float:left; width:150px; font-size:20px; font-family: "myfont1";}
.common_top .navwrap .nav li{position:relative; }
.common_top .navwrap .nav li span{border: 1px solid #fff; padding: 5px 20px; border-radius: 20px;}
.common_top .navwrap .nav ul {position:absolute;display:none;top:40px;border-top:none;left:0; background:#FFF }
.common_top .navwrap .nav ul a{height:auto; float:left;text-align:center;  border-bottom:1px solid #DFDFDF; line-height:40px; color:#888}
.common_top .navwrap .nav ul ul {left:110px; top:0px;}

.banner_wc{width:100%; height: auto; position: relative;}
.banner_wc .banner{width:1800px; margin: 0 auto;  outline: none; display: flex; justify-content: space-between;}
.banner_wc .banner .left{width:50%}
.banner_wc .banner .right{width:47%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.banner_wc .banner .right .r1{width:100%; font-size:40px; font-family: "myfont1"; margin-top: 15px;}
.banner_wc .banner .right .r2{width:100%; font-size:20px; font-family: "myfont1"; color:#4d4d4d; margin-top: 15px;}
.banner_wc .banner .right .r3{width:100%; font-size:40px; font-family: "myfont1"; margin-top: 15px;}
.banner_wc .banner .right .r4{width:100%; margin-top: 15px;}
.banner_wc .banner .right .r4 a{width:190px; height: 50px; display: block; background: #000; text-align: center; line-height: 50px; color:#fff; font-size:18px; border-radius: 25px; font-family: "myfont1";}

.proone_wc{width:100%; height: auto; position: relative; margin-top: 80px;}
.proone_wc .proone_content{width:1800px; margin: 0 auto;  outline: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.proone_wc .proone_content .p1{width:100%; text-align: center; font-size:50px; font-family: "myfont1";}
.proone_wc .proone_content .p2{width:100%; display: flex; justify-content: space-between; margin-top: 80px;}
.proone_wc .proone_content .p2 div{ position: relative;}
.proone_wc .proone_content .p2 span{display: block; width:251px; height: 59px; line-height: 59px; background: url(../images/tag.png) no-repeat; position: absolute; left: 0; top: 0; text-align: left; text-indent: 20px; color: #fff; font-size:20px; font-family: "myfont1";}

.tuijian_wc{width:100%; height: auto; position: relative; margin-top: 80px;}
.tuijian_wc .tuijian_content{width:1800px;  margin: 0 auto;}
.tuijian_wc .tuijian_content .p1{width:100%; text-align: center; font-size:50px; font-family: "myfont1";}
.tuijian_wc .tuijian_content .p2{width:100%; height: 800px; background: url(../images/index_09.jpg) no-repeat; margin-top: 80px; position: relative; display: flex; justify-content: right; align-items: center;}
.tuijian_wc .tuijian_content .p2 .p2_1{width:100%; font-size:40px; font-family: "myfont1"; margin-top: 15px;}
.tuijian_wc .tuijian_content .p2 .p2_2{width:100%; font-size:20px; font-family: "myfont1"; color:#4d4d4d; margin-top: 15px;}
.tuijian_wc .tuijian_content .p2 .p2_3{width:100%; font-size:40px; font-family: "myfont1"; margin-top: 15px;}
.tuijian_wc .tuijian_content .p2 .p2_4{width:100%; margin-top: 15px;}
.tuijian_wc .tuijian_content .p2 .p2_4 a{width:190px; height: 50px; display: block; background: #000; text-align: center; line-height: 50px; color:#fff; font-size:18px; border-radius: 25px; font-family: "myfont1";}
.tuijian_wc .tuijian_content .p2 .p2_gps{width:40%}

.msg_wc{width:100%; height: auto; position: relative; margin-top: 80px;}
.msg_wc .msg_content{width:1800px;  margin: 0 auto;}
.msg_wc .msg_content .p1{width:100%; text-align: center; font-size:50px; font-family: "myfont1";}
.msg_wc .msg_content .p2{width:100%; margin-top: 80px; position: relative;}
.msg_wc .msg_content .p2 .list{width:100%; height: 880px; background: #fff; border-radius: 20px;  box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5);}
.msg_wc .msg_content .p2 .list .l1{width:90%; margin: 0 auto; padding-top: 30px;}
.msg_wc .msg_content .p2 .list .l1 img{width:100%; border-radius: 20px;}
.msg_wc .msg_content .p2 .list .l2{width:90%; margin: 0 auto; margin-top: 30px; font-size:20px; font-weight: 600; font-family: "myfont1";}
.msg_wc .msg_content .p2 .list .l3{width:90%; margin: 0 auto; margin-top: 5px;}
.msg_wc .msg_content .p2 .list .l4{width:90%; margin: 0 auto; margin-top: 10px; font-size:18px; font-family: "myfont1";}
.msg_wc .msg_content .p2 .list .l5{width:90%; margin: 0 auto; margin-top: 10px; font-size:14px; font-family: "myfont2";}

.cn_wc{width:100%; height: auto; position: relative; margin-top: 80px;}
.cn_wc .cn_content{width:1800px;  margin: 0 auto;}
.cn_wc .cn_content .p1{width:100%; text-align: center; font-size:50px; font-family: "myfont1";}
.cn_wc .cn_content .p2{width:100%; text-align: center; font-size:20px; font-family: "myfont1";}
.cn_wc .cn_content .p3{width:100%; display: flex; justify-content: space-between;  font-family: "myfont1"; margin-top: 120px;}
.cn_wc .cn_content .p3 .list{background: #fff; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5); border-radius: 25px; overflow: hidden; padding: 20px 0 200px 0; width:32%}
.cn_wc .cn_content .p3 .p3_1{width:90%; margin: 0 auto; text-align: left;}
.cn_wc .cn_content .p3 .p3_2{width:90%; margin: 15px auto; text-align: left; font-size:22px;}
.cn_wc .cn_content .p3 .p3_3{width:90%; margin: 0 auto; text-align: left; font-size:14px}

.love_wc{width:100%; height: auto; position: relative; margin-top: 80px;}
.love_wc .love_content{width:1800px;  margin: 0 auto;}
.love_wc .love_content .p1{width:100%; text-align: center; font-size:50px; font-family: "myfont1";}
.love_wc .love_content .p2{width:100%; text-align: center; font-size:20px; font-family: "myfont1";}
.love_wc .love_content .p3{width:100%; display: flex; justify-content: space-between; margin-top: 80px;}
.love_wc .love_content .p3 .p3_1{width:35%}
.love_wc .love_content .p3 .p3_1 img{width:100%}
.love_wc .love_content .p3 .p3_2{width:60%; display: flex;  align-items: center;}
.love_wc .love_content .p3 .p3_2 .wc{display: flex; justify-content: space-between; flex-wrap: wrap;}
.love_wc .love_content .p3 .p3_2 .wc div{width:50%; margin-top: 20px;}
.love_wc .love_content .p3 .p3_2 .wc div p:nth-child(1){font-size:40px; font-weight: 800; font-family: "myfont1";}
.love_wc .love_content .p3 .p3_2 .wc div p:nth-child(2){font-size:16px; font-family: "myfont2";}

.shop_wc{width:100%; height: auto; position: relative;}
.shop_wc .shop_content{width:1800px; margin: 0 auto;  outline: none; display: flex; justify-content: space-between;}
.shop_wc .shop_content .left{width:220px; margin-top: 20px;}
.shop_wc .shop_content .left .top{width:100%; font-size:16px; font-family: "myfont1";}
.shop_wc .shop_content .left .con{width:100%; margin-top: 15px;}
.shop_wc .shop_content .left .con a{display: block; width:100%; line-height: 36px; border-bottom: 1px solid #000; font-size:14px; font-family: "myfont2"; background: url(../images/jt.png) no-repeat right; background-size:10px;}
.shop_wc .shop_content .right{width:1500px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.shop_wc .shop_content .right .list{width:49%; margin-top: 20px;}
.shop_wc .shop_content .right .list .l1{width:100%; border-radius: 25px; overflow: hidden;}
.shop_wc .shop_content .right .list .l1 img{width:100%}
.shop_wc .shop_content .right .list .l2{width:100%; font-size:16px; font-family: "myfont1"; margin-top: 8px;}
.shop_wc .shop_content .right .list .l3{width:100%; margin-top: 8px;}
.shop_wc .shop_content .right .list .l3 a{width:130px; height: 40px; display: block; line-height: 40px; background: #B18958; text-align: center; color: #fff; border-radius: 8px;}

.nr_wc{width:100%; height: auto; position: relative;}
.nr_wc .nr_content{width:1500px; margin: 0 auto;  outline: none;}
.nr_wc .nr_content .part1{width:100%; display: flex; justify-content: space-between;}
.nr_wc .nr_content .part1 .left{width:50%;}
.nr_wc .nr_content .part1 .left img{width:100%}
.nr_wc .nr_content .part1 .right{width:48%}
.nr_wc .nr_content .part1 .right .r1{width:100%; font-size:22px; font-family: "myfont1";}
.nr_wc .nr_content .part1 .right .r2{width:100%; font-size:20px; font-family: "myfont2"; color:#5e5e5e; margin-top: 10px;}
.nr_wc .nr_content .part1 .right .r3{width:100%; font-size:16px; font-family: "myfont2"; color:#5e5e5e; margin-top: 10px; display: flex; justify-content: flex-start;}
.nr_wc .nr_content .part1 .right .r3 span:nth-child(2){margin-left: 10px;}
.nr_wc .nr_content .part1 .right .r4{width:100%; font-size:26px; font-family: "myfont1"; color:#000; margin-top: 10px;}
.nr_wc .nr_content .part1 .right .r5{width:100%;}
.nr_wc .nr_content .part1 .right .r5 a{display: block; width:100%; height: 50px; font-size:22px; line-height: 50px; text-align: center; color: #fff; font-family: "myfont1"; background: #000; margin-top: 10px;}
.nr_wc .nr_content .part1 .right .r6{width:100%;}
.nr_wc .nr_content .part1 .right .r6 .list{width:100%; margin-top: 20px;}
.nr_wc .nr_content .part1 .right .r6 .list .top{width:100%; display: flex; justify-content: space-between; font-family: "myfont1"; font-size:20px; cursor: pointer;}
.nr_wc .nr_content .part1 .right .r6 .list .top img{width:12px; cursor: pointer;}
.nr_wc .nr_content .part1 .right .r6 .list .content{width:100%; text-align: left; font-family: "myfont2"; font-size:12px; line-height: 24px; margin-top: 10px; display: none;}
.nr_wc .nr_content .part1 .right .r6 .list:nth-child(1) .content{display: block;}
.nr_wc .nr_content .part1 .right .r6 .list:nth-child(1) .top img{transform: rotate(90deg);}

.nr_wc .nr_content .part2{width:100%; display: flex; justify-content: space-between; margin-top: 40px;}
.nr_wc .nr_content .part2 .left{width:500px;}
.nr_wc .nr_content .part2 .left .l1{width:100%; font-size:20px; font-family: "myfont1";}
.nr_wc .nr_content .part2 .left .l2{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px;}
.nr_wc .nr_content .part2 .left .l2 .l2_1{width:48%}
.nr_wc .nr_content .part2 .left .l2 .l2_1 video{width:100%}
.nr_wc .nr_content .part2 .left .l3{width:100%;  margin-top: 10px;}
.nr_wc .nr_content .part2 .left .l3 a{font-size:14px; font-family: "myfont2";}
.nr_wc .nr_content .part2 .right{width:900px;}
.nr_wc .nr_content .part2 .right .r1{width:100%; font-size:20px; font-family: "myfont1";}
.nr_wc .nr_content .part2 .right .r2{width:100%; display: flex; justify-content:flex-start; flex-wrap: wrap;}
.nr_wc .nr_content .part2 .right .r2 .r2_1{width:31%; height: 150px; overflow: hidden; margin-left: 2%; margin-top: 10px;}
.nr_wc .nr_content .part2 .right .r2 .r2_1 img{width:100%; height: 100%;}
.nr_wc .nr_content .part2 .right .r2 .r2_1:nth-child(1){margin-left: 0;}
.nr_wc .nr_content .part2 .right .r2 .r2_1:nth-child(4){margin-left: 0;}
.nr_wc .nr_content .part2 .right .r2 .r2_1:nth-child(7){margin-left: 0;}
.nr_wc .nr_content .part2 .right .r3{width:100%;  margin-top: 10px;}
.nr_wc .nr_content .part2 .right .r3 a{font-size:14px; font-family: "myfont2";}

.nr_wc .nr_content .part3{width:100%; margin-top: 40px;}
.nr_wc .nr_content .part3 .top{font-size:20px; font-family: "myfont1";}
.nr_wc .nr_content .part3 .list{width:100%; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 20px;}
.nr_wc .nr_content .part3 .list .l1{width:100%; display: flex; justify-content: space-between; align-items: center; font-family: "myfont2"; font-size: 18px;}
.nr_wc .nr_content .part3 .list .l1 .l1_1{display: flex; justify-content: flex-start; align-items: center;}
.nr_wc .nr_content .part3 .list .l1 .l1_1 span:nth-child(1){display: block; width:60px;height:60px; background: #848484; display: flex; justify-content: center; align-items: center; border-radius: 60px;}
.nr_wc .nr_content .part3 .list .l1 .l1_1 span:nth-child(2){margin-left: 15px;}
.nr_wc .nr_content .part3 .list .l2{width:100%; display: flex; justify-content:flex-start; align-items: center; margin-top: 10px;}
.nr_wc .nr_content .part3 .list .l2 span:nth-child(2){margin-left: 15px; font-family: "myfont2"; font-size: 14px;}
.nr_wc .nr_content .part3 .list .l3{width:100%; text-align: left; font-size:16px; font-family: "myfont2"; margin-top: 10px;}
.nr_wc .nr_content .part3 .btn{width:100%; text-align: center;}
.nr_wc .nr_content .part3 .btn a{display: inline-block; width:400px; line-height: 50px; background:#B18958; color:#fff; font-size:16px; font-family: "myfont2"; border-radius: 10px; margin-top: 20px;}

.nr_wc .nr_content .part4{width:100%; margin-top: 40px;}
.nr_wc .nr_content .part4 .top{font-size:20px; font-family: "myfont1";}
.nr_wc .nr_content .part4 .list{width:100%; display: flex; justify-content: flex-start; margin-top: 20px;}
.nr_wc .nr_content .part4 .list .list_list{width:24%; margin-left: 2%;}
.nr_wc .nr_content .part4 .list .list_list a{display: block; width:100%; padding-top: 100%; position: relative; border-radius: 10px; overflow: hidden;}
.nr_wc .nr_content .part4 .list .list_list a img{width:100%; position: absolute; top: 0; left: 0;}
.nr_wc .nr_content .part4 .list .list_list div{width:100%; display: flex; justify-content: space-between; margin-top: 10px; font-family: "myfont2"; font-size: 16px;}
.nr_wc .nr_content .part4 .list .list_list:nth-child(1){margin-left: 0;}

.nybanner_wc{width:100%; height: auto; position: relative; background: #B18958; height: 160px;}
.nybanner_wc .nybanner_content{width:100%; height: 100%; display:flex; justify-content: center; align-items: center;}
.nybanner_wc .nybanner_content div{width:100%}
.nybanner_wc .nybanner_content div span{width:100%; display: block; text-align: center;}
.nybanner_wc .nybanner_content div span:nth-child(1){font-size:26px; font-family: "myfont1"; color:#fff}
.nybanner_wc .nybanner_content div span:nth-child(2){font-size:16px; font-family: "myfont2"; color:#fff}

.mem_wc{width:100%; height: auto; position: relative;}
.mem_wc .mem_content{width:1800px; margin: 0 auto;  outline: none; display: flex; justify-content: space-between;}
.mem_wc .mem_content .left{width:220px;}
.mem_wc .mem_content .left .top{width:100%; font-size:16px; font-family: "myfont1";}
.mem_wc .mem_content .left .con{width:100%; margin-top: 15px;}
.mem_wc .mem_content .left .con a{display: block; width:100%; line-height: 36px; border-bottom: 1px solid #000; font-size:14px; font-family: "myfont2"; background: url(../images/jt.png) no-repeat right; background-size:10px;}
.mem_wc .mem_content .right{width:1500px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.mem_wc .mem_content .right .list{width:100%}
.mem_wc .mem_content .right .list .l1{width:100%; font-size:20px; font-family: "myfont1";}
.mem_wc .mem_content .right .list .l2{width:98%; font-size:14px; font-family: "myfont2"; display: flex; justify-content: space-between; background: #B18958; color:#fff; border-radius: 5px; padding: 10px 1%; margin-top: 20px;}
.mem_wc .mem_content .right .list .l2 .l2-1{display: block; width:50%}
.mem_wc .mem_content .right .list .l2 .l2-2{display: block; width:50%; text-align: right;}
.mem_wc .mem_content .right .list .l3{width:98%; font-size:12px; font-family: "myfont2"; display: flex; justify-content: space-between; color:#000; border-radius: 5px; padding: 10px 1%; margin-top:10px;}
.mem_wc .mem_content .right .list .l3 .l3-1{display: block; width:10%}
.mem_wc .mem_content .right .list .l3 .l3-1 img{width:100%; border-radius: 10px;}
.mem_wc .mem_content .right .list .l3 .l3-2{display: block; width:49%; margin-left: 1%;}
.mem_wc .mem_content .right .list .l3 .l3-3{display: block; width:15%; text-align: center; font-size:18px}
.mem_wc .mem_content .right .list .l3 .l3-4{display: block; width:15%; text-align: center;}
.mem_wc .mem_content .right .list .l3 .l3-5{display: block; width:30%; text-align: right;}
.mem_wc .mem_content .right .list .l4{width:50%; font-size:12px; font-family: "myfont2"; display: flex; justify-content: space-between; color:#000; border-radius: 5px; padding: 10px 0; margin-top:10px;}
.mem_wc .mem_content .right .list .l4 div{width:48%}
.mem_wc .mem_content .right .list .l5{width:50%; font-size:12px; font-family: "myfont2"; display: flex; color:#000; padding: 10px 0; margin-top:10px;}
.mem_wc .mem_content .right .list .l5 div{width:100%}
.mem_wc .mem_content .right .list .l5 div .l5-1{display:flex; justify-content: left; width:100%}
.mem_wc .mem_content .right .list .l5 div .l5-2{display:flex; justify-content: left; width:150px; flex-wrap: wrap; margin-top: 10px;}
.mem_wc .mem_content .right .list .l6{width:50%; font-size:12px; font-family: "myfont2"; display: flex; color:#000; padding: 10px 0; margin-top:10px;}
.mem_wc .mem_content .right .list .l6 div{width:100%}
.mem_wc .mem_content .right .view_ok{width:100%; display: flex; justify-content: center; align-items: center; font-size:18px}
.mem_wc .mem_content .right .view_ok img{width:50px; height: 50px;}

.check_wc{width:100%; height: auto; position: relative;}
.check_wc .check_content{width:1800px; margin: 0 auto;  outline: none; display: flex; justify-content: space-between;}
.check_wc .check_content .list{width:100%}
.check_wc .check_content .list .l1{width:100%; font-size:20px; font-family: "myfont1";}
.check_wc .check_content .list .l2{width:98%; font-size:14px; font-family: "myfont2"; display: flex; justify-content: space-between; background: #B18958; color:#fff;  padding: 10px 1%; margin-top: 20px; border: 1px solid #B18958;}
.check_wc .check_content .list .l2 .l2-1{display: block; width:50%; text-align: center;}
.check_wc .check_content .list .l2 .l2-2{display: block; width:50%; text-align: right;}
.check_wc .check_content .list .l3{width:98%; font-size:12px; font-family: "myfont2"; display: flex; justify-content: space-between; color:#000; padding: 10px 1%;  border: 1px solid #B18958;}
.check_wc .check_content .list .l3 .l3-1{display: block; width:10%}
.check_wc .check_content .list .l3 .l3-1 img{width:100%; border-radius: 10px;}
.check_wc .check_content .list .l3 .l3-2{display: block; width:49%; margin-left: 1%;}
.check_wc .check_content .list .l3 .l3-3{display: block; width:40%; text-align: right; font-size:18px}
.check_wc .check_content .list .l4{width:100%; font-size:20px; font-family: "myfont1"; margin-top: 20px;}
.check_wc .check_content .list .l5{width:100%;padding: 10px 0; display:flex; justify-content: space-between;}

.check_wc .check_content .list .l5 .l5-1{width:48%;padding: 10px 1%;  border: 2px solid #DDDDDD;}
.check_wc .check_content .list .l5 .l5-1 .list-1{width:100%; display: flex; justify-content:space-between; font-size:14px; font-family: "myfont2"; margin-top: 10px; line-height: 30px;}
.check_wc .check_content .list .l5 .l5-1 .list-1 div{width:48%}
.check_wc .check_content .list .l5 .l5-1 .list-2{width:100%; display: flex; justify-content:space-between; font-size:14px; font-family: "myfont2"; margin-top: 10px; line-height: 30px;}
.check_wc .check_content .list .l5 .l5-1 .list-2 div{width:100%}

.check_wc .check_content .list .l5 .l5-2{width:46%;padding: 10px 1%;  border: 2px solid #DDDDDD; display: flex; justify-content: center; align-items: center;}
.check_wc .check_content .list .l5 .l5-2 div{ display: flex; justify-content:center;}
.check_wc .check_content .list .l5 .l5-2 div span{display: block; width:13%; margin: 0 10px; cursor: pointer;}
.check_wc .check_content .list .l5 .l5-2 div span img{width:100%}
.check_wc .check_content .list .l5 .l5-2 div .sel{border:2px solid #B18958; border-radius: 10px;}
.check_wc .check_content .list .l6{width:100%; font-size:20px; font-family: "myfont1"; margin-top: 20px; text-align: right;}
.check_wc .check_content .list .l6 button{background: #B18958;}
/*--分页样式--*/
.page_total {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; font-weight: bold; font-family: verdana; line-height: 20px}
.page_pages {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #ffffff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_redirect {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; padding-right: 5px; padding-left: 5px;}
.on_page_redirect {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; color: #FF7200; padding-right: 5px; padding-left: 5px;}
.page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; font-family: verdana; padding-right: 7px; padding-left: 7px;}
.on_page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; padding-right: 7px; padding-left: 7px;}
.page_curpage {border-right: #dbddd3 1px solid; border-top: #dbddd3 1px solid; border-left: #dbddd3 1px solid; border-bottom: #dbddd3 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; font-weight: bold; padding-right: 7px; padding-left: 7px;}
.page_input {border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; width: 40px; height: 20px; float:left; background:#ffffff;}
.foot_fenye{margin-top:15px; width:100%; text-align:center; height:100px;}




.ny_top_wc{width:100%; position: relative; height: 110px;}
.ny_top{width:100%;  margin: 0 auto; display: flex; justify-content: space-between; position: fixed; top: 0; z-index:9; background: #fff;}
.ny_top .logo{display: block; margin: 10px 0 0 30px;}
.ny_top .navwrap{font-size:16px;  height:100px; margin-top: 10px; display:flex; justify-content: flex-start; margin-right: 30px;}
.ny_top .navwrap ul{padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:100px;}
.ny_top .navwrap .nav{width:auto; margin:0 auto; display: flex; justify-content: flex-start;}
.ny_top .navwrap .nav a{ color:#000;display:block;text-decoration:none;text-align:center;position:relative;float:left; width:150px; font-size:23px}
.ny_top .navwrap .nav li{position:relative; }
.ny_top .navwrap .nav li span{border: 1px solid #fff; padding: 5px 20px; border-radius: 20px;}
.ny_top .navwrap .nav ul {position:absolute;display:none;top:40px;border-top:none;left:0; background:#FFF }
.ny_top .navwrap .nav ul a{height:auto; float:left;text-align:center;  border-bottom:1px solid #DFDFDF; line-height:40px; color:#888}
.ny_top .navwrap .nav ul ul {left:110px; top:0px;}
.ny_top .navwrap .tel{display: flex; align-items: center; color:#000; font-size:36px; line-height: 100px;}

.about_ny_wc{width:100%; height: auto;}
.about_ny_wc .about_ny_content{width:1400px; margin: 0 auto; margin-top: 70px;}
.about_ny_wc .about_ny_content .list{width:100%; display: flex; justify-content: space-between; margin-top: 50px;}
.about_ny_wc .about_ny_content .list .left{width:660px}
.about_ny_wc .about_ny_content .list .left img{width:100%; border-radius: 10px;}
.about_ny_wc .about_ny_content .list .right{width:700px; display: flex; align-items: center;}
.about_ny_wc .about_ny_content .list .right div span{display: block; width:100%;}
.about_ny_wc .about_ny_content .list .right div span:nth-child(1){font-size:24px; font-family: "myfont1";}
.about_ny_wc .about_ny_content .list .right div span:nth-child(2){font-size:14px; font-family: "myfont2"; margin-top: 15px; line-height: 24px;}
.about_ny_wc .about_ny_content .adimg{width:100%; margin-top: 70px;}
.about_ny_wc .about_ny_content .adimg img{width:100%}

.support_ny_wc{width:100%; height: auto;}
.support_ny_wc .support_ny_content{width:1400px; margin: 0 auto; margin-top: 70px;}
.support_ny_wc .support_ny_content .part1{width:100%; font-family: "myfont1"; font-size:36px; text-align: center;}
.support_ny_wc .support_ny_content .part2{width:100%; font-family: "myfont2"; font-size:16px; text-align: center; margin-top: 20px;}
.support_ny_wc .support_ny_content .part3{width:100%; text-align: center; margin-top: 20px;}
.support_ny_wc .support_ny_content .part3 a{display: inline-block; width:320px; line-height: 50px; border: 1px solid #B18958; border-radius: 5px; font-family: "myfont2"; font-size:16px; margin: 0 10px;}
.support_ny_wc .support_ny_content .part3 a:nth-child(1){background: url(../images/s1.png) no-repeat left; background-position: 10px;}
.support_ny_wc .support_ny_content .part3 a:nth-child(2){background: url(../images/s2.png) no-repeat left; background-position: 10px;}
.support_ny_wc .support_ny_content .part4{width:100%; font-family: "myfont1"; font-size:36px; text-align: left; margin-top: 70px;}
.support_ny_wc .support_ny_content .part5{width:100%; margin-top: 30px; box-shadow: 0px 0px 10px 0 #ccc; border-radius: 10px; padding: 20px 0; background: #fff;}
.support_ny_wc .support_ny_content .part5 .list{width:100%;  position: relative; border-bottom: 1px solid #ccc; padding: 20px 0;}
.support_ny_wc .support_ny_content .part5 .list .l1{width:96%; margin:0 auto; font-family: "myfont2"; font-size:16px; color:#000}
.support_ny_wc .support_ny_content .part5 .list .l2{width:96%; margin:0 auto; font-family: "myfont2"; font-size:16px; color:#b18958; margin-top: 10px;  white-space: nowrap; /* 防止文本换行 */  overflow: hidden; /* 隐藏溢出的内容 */  text-overflow: ellipsis; }
.support_ny_wc .support_ny_content .part5 .list .l3{width:96%; margin:0 auto; font-family: "myfont2"; font-size:16px; color:#b18958; margin-top: 10px; display: none;}
.support_ny_wc .support_ny_content .part5 .list span{position: absolute; right:20px; top:30px}
.support_ny_wc .support_ny_content .part5 .list span img{width:12px}
.support_ny_wc .support_ny_content .part6{width:100%; margin-top: 80px; box-shadow: 0px 0px 10px 0 #ccc; border-radius: 10px; padding: 40px 0; background: #fff;}
.support_ny_wc .support_ny_content .part6 .p1{width:100%; text-align: center; font-family: "myfont1"; font-size:36px;}
.support_ny_wc .support_ny_content .part6 .p2{width:94%; font-family: "myfont2"; font-size:16px; text-align: left; margin: 0 auto; margin-top: 20px;}
.support_ny_wc .support_ny_content .part7{width:100%; margin-top: 80px;}
.support_ny_wc .support_ny_content .part7 .p1{width:100%; font-family: "myfont1"; font-size:36px; text-align: left;}
.support_ny_wc .support_ny_content .part7 .p2{width:100%; display: flex; justify-content: space-between;}
.support_ny_wc .support_ny_content .part7 .p2 .p2_1{width:400px}
.support_ny_wc .support_ny_content .part7 .p2 .p2_1 span{display: block; width:100%; font-family: "myfont2"; font-size:14px;}
.support_ny_wc .support_ny_content .part7 .p2 .p2_2 a{width:300px; height: 60px; display: block; line-height: 60px; text-align: center; font-family: "myfont2"; font-size:22px; background: #B18958; color:#fff; border-radius: 10px;}

.pdf_ny_wc{width:100%; height: auto;}
.pdf_ny_wc .pdf_ny_content{width:1400px; margin: 0 auto; margin-top: 70px;}
.pdf_ny_wc .pdf_ny_content .part1{width:100%; font-family: "myfont1"; font-size:36px; text-align: left; margin-top: 70px;}
.pdf_ny_wc .pdf_ny_content .part2{width:100%; margin-top: 30px; box-shadow: 0px 0px 10px 0 #ccc; border-radius: 10px; padding: 20px 0; background: #fff;}
.pdf_ny_wc .pdf_ny_content .part2 .list{width:100%;  position: relative; border-bottom: 1px solid #ccc; padding: 20px 0; display: flex; justify-content: space-between; align-items: center;}
.pdf_ny_wc .pdf_ny_content .part2 .list .l1{font-family: "myfont2"; font-size:16px; color:#000; margin-left: 10px;}
.pdf_ny_wc .pdf_ny_content .part2 .list span{margin-right: 10px;}
.pdf_ny_wc .pdf_ny_content .part2 .list span img{width:50px}

.video_ny_wc{width:100%; height: auto;}
.video_ny_wc .video_ny_content{width:1400px; margin: 0 auto; margin-top: 70px;}
.video_ny_wc .video_ny_content .part1{width:100%; font-family: "myfont1"; font-size:36px; text-align: left; margin-top: 70px;}
.video_ny_wc .video_ny_content .part2{width:100%; margin-top: 30px; box-shadow: 0px 0px 10px 0 #ccc; border-radius: 10px; padding: 20px 0; background: #fff;}
.video_ny_wc .video_ny_content .part2 .list{width:30%;  position: relative; border-bottom: 1px solid #ccc;  display: flex; justify-content: space-between; flex-wrap: wrap;}
.video_ny_wc .video_ny_content .part2 .list .l1{font-family: "myfont2"; font-size:16px; color:#000; margin-left: 10px; width:100%}
.video_ny_wc .video_ny_content .part2 .list .l1 video{width:100%; height: 100%;}
.video_ny_wc .video_ny_content .part2 .list span{display:block; width:100%; text-align: center; line-height: 50px;}

.culture_wc{width:100%; height: auto; background: url(../images/hand.jpg) no-repeat center;}
.culture_wc .culture_content{width:1400px; height: 729px; margin: 0 auto; margin-top: 70px; position: relative;}
.culture_wc .culture_content .cul1{width:100%; font-size:40px; font-weight: 800; color:#fff; padding-top: 70px;}
.culture_wc .culture_content .cul1 font{font-weight: normal; font-size:30px}
.culture_wc .culture_content .cul2{width:100%; display: flex; justify-content: space-between; margin-top: 50px;}
.culture_wc .culture_content .cul2 .list{display: flex; width:321px; height: 321px; font-size:24px;  color:#fff;  background: url(../images/yq.png) no-repeat center; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap;}
.culture_wc .culture_content .cul2 .list div{font-size:18px; display: block; width:100%; margin-top: 45px; height: 52px;}
.culture_wc .culture_content .cul3{width:100%; text-align: center; color:#fff; font-size:18px; line-height: 30px; margin-top: 50px;}

.honor_wc{width:100%; height: auto;}
.honor_wc .honor_content{width:1400px;  margin: 0 auto; margin-top: 40px; position: relative;}
.honor_wc .honor_content .hon1{width:100%; font-size:40px; font-weight: 800; color:#009478; padding-top: 40px;}
.honor_wc .honor_content .hon1 font{font-weight: normal; font-size:30px}
.honor_wc .honor_content .hon2{width:100%; margin-top: 40px; position: relative;}

.cmp4_wc{width:100%; height: auto; padding-bottom: 100px;}
.cmp4_wc .cmp4_content{width:1400px;  margin: 0 auto; position: relative;}
.cmp4_wc .cmp4_content .mp41{width:100%; font-size:40px; font-weight: 800; color:#009478; padding-top: 40px;}
.cmp4_wc .cmp4_content .mp41 font{font-weight: normal; font-size:30px}
.cmp4_wc .cmp4_content .mp42{width:100%; margin-top: 40px;}
.cmp4_wc .cmp4_content .mp42 video{width:100%}

.gps_wc{width:100%; height: auto; padding-bottom: 10px;}
.gps_wc .gps_content{width:1300px;  margin: 0 auto; margin-top: -240px; position: relative; background: #fff; box-shadow:0 0 10px #eee; border-radius: 25px; padding:50px}
.gps_wc .gps_content .gps1{width:100%; font-size:48px; font-weight: 800; color:#009478; display: flex;}
.gps_wc .gps_content .gps1 span img{display: block;}
.gps_wc .gps_content .gps1 span:nth-child(1){display:flex; align-items: flex-start;}
.gps_wc .gps_content .gps1 span:nth-child(2){padding:0 20px; display:block}
.gps_wc .gps_content .gps1 span:nth-child(3){display:flex; align-items:flex-end;}
.gps_wc .gps_content .gps2{width:100%; font-size:24px;  color:#000; margin-top: 30px;}
.gps_wc .gps_content .gps3{width:100%; font-size:60px;  color:#009478; margin-top: 30px;}

.tab_wc{width:100%; height: 639px; background: url(../images/w1.jpg) no-repeat center; margin-top: 100px;}
.tab_wc .tab_content{width:100%; height: 100%;  margin: 0 auto; display: flex; justify-content: space-between;}
.tab_wc .tab_content .list{width:19%; height: 100%; position: relative;}
.tab_wc .tab_content .list .l1{background:#7EAFA5; opacity: 0.5; display: flex; align-items: center; justify-content: center; width:100%; height: 100%; }
.tab_wc .tab_content .list .l2{display: flex; align-items: center; justify-content: center; width:100%; height: 100%; position: absolute; top:0; left: 0;}
.tab_wc .tab_content .list .l2 span{display: flex; cursor: pointer; border: 1px solid #fff;  font-weight: 800; color:#fff; width: 300px; height: 300px;   border-radius: 150px; font-size:100px; font-weight: 800; color:#fff; align-items: center; justify-content: center;  transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;}
.tab_wc .tab_content .list .l2 span:hover{background: #009478; color:#fff}

.hb_wc{width:100%; height: auto; padding-bottom: 100px;}
.hb_wc .hb_content{width:1300px;  margin: 0 auto;  position: relative; background: #fff; box-shadow: 0 0 10px #eee; border-radius: 25px; padding:50px}
.hb_wc .hb_content .hb1{width:100%; font-size:48px; font-weight: 800; color:#009478; display: flex;}
.hb_wc .hb_content .hb1 span img{display: block;}
.hb_wc .hb_content .hb1 span:nth-child(1){display:flex; align-items: flex-start;}
.hb_wc .hb_content .hb1 span:nth-child(2){padding:0 20px; display:block}
.hb_wc .hb_content .hb1 span:nth-child(3){display:flex; align-items:flex-end;}
.hb_wc .hb_content .hb2{width:100%; font-size:24px;  color:#000; margin-top: 30px;}
.hb_wc .hb_content .hb3{width:100%; font-size:60px;  color:#009478; margin-top: 30px;}

.tu_wc{width:100%; height: auto; padding-bottom: 100px; }
.tu_wc .tu_content{width:1300px;  margin: 0 auto;  position: relative; background: #fff; box-shadow: 0 0 10px #eee; border-radius: 25px; padding:50px; text-align: center;}



.sp_nav{width:50px;position:absolute;cursor:pointer;height:30px;top:10px; right: 10px; z-index: 999999; display: none;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span{background: #000;}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: none;}
.nav_show{top:0px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;text-indent:20px;position:relative;line-height:50px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none; width:100%}
.sjj_nav ul li a{color:#666;width:80%; text-decoration: none;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.zy_wc{width:100%; height: auto; background: url(../images/ibg.jpg) no-repeat center; margin-top: 60px;}
.zy_wc .zy_content{width:100%; height:580px; display: flex; justify-content:space-between;}
.zy_wc .zy_content .zy1{width:50%; font-size:40px; font-weight: 800; color:#fff; background: url(../images/1dcf2601b1fb4065a32ca5a150da19c1.webp) no-repeat center; background-size: cover; align-items: center; display: flex; justify-content: center;}
.zy_wc .zy_content .zy2{width:50%; font-size:40px; font-weight: 800; color:#fff; background: url(../images/3d31aa393a4e43578ae573ed7302864c.webp) no-repeat center; background-size: cover; align-items: center; display: flex; justify-content: center;}
.zy_wc .zy_content .zy1 div{width:100%; height: 100%; background: #000; opacity: 0.7; position: absolute; z-index: -1;}
.zy_wc .zy_content .zy2 div{width:100%; height: 100%; background: #000; opacity: 0.7; position: absolute; z-index: -1;}

.product_wc{width:100%; height: auto; }
.product_wc .product_content{width:1400px;  margin: 0 auto; margin-top: 60px; position: relative;}
.product_wc .product_content .p1{width:100%; text-align: center; font-size:40px; font-weight: 800; color:#003862}
.product_wc .product_content .p2{width:100%; text-align: left; font-size:20px; color:#003862;line-height: 28px; margin-top: 20px;}
.product_wc .product_content .p3{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}


.about_wc{width:100%; height: auto; }
.about_wc .about_content{width:1400px;  margin: 0 auto; margin-top: 60px; position: relative;}
.about_wc .about_content .p1{width:100%; text-align: center; font-size:40px; font-weight: 800; color:#003862}
.about_wc .about_content .p2{width:100%; text-align: left; font-size:20px; color:#003862;line-height: 28px; margin-top: 20px;}

.about_wc1{width:100%; height: auto; margin-top: 100px;}
.about_wc1 .about_content1{width:100%; display: flex; justify-content: space-between;}
.about_wc1 .about_content1 div{width:33.333%; height: 400px; background: #003862; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.about_wc1 .about_content1 div:nth-child(2){background: url(../images/7fe3aa9f27174e71a08f03e22a50586c.webp) no-repeat; background-size: cover;}
.about_wc1 .about_content1 div span{display: block; width:90%; font-size:16px; color:#fff}
.about_wc1 .about_content1 div span font{font-size:20px; font-weight: 800;}

.about_wc2{width:100%; height: auto; margin-top: 100px;}
.about_wc2 .about_content2{width:1400px;  margin: 0 auto; margin-top: 60px; position: relative; display: flex; justify-content: space-between;}
.about_wc2 .about_content2 div{width:32%}
.about_wc2 .about_content2 div span{display: block; width:100%; text-align: center; margin-top: 20px;}
.about_wc2 .about_content2 div span:nth-child(3){font-size:16px; text-align: left;}

.about_wc3{width:100%; height: auto; margin-top: 100px;}
.about_wc3 .about_content3{width:100%; display: flex; justify-content: space-between;}
.about_wc3 .about_content3 div{width:33.333%; height: 400px; background: #003862; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.about_wc3 .about_content3 div:nth-child(2){background: url(../images/5c3f1e5a1ebf435bbc152173d50d7ea9.webp) no-repeat; background-size: cover;}
.about_wc3 .about_content3 div:nth-child(3){background: url(../images/042988b3dcbd4b3e862607bff68ad36e.webp) no-repeat; background-size: cover;}
.about_wc3 .about_content3 div span{display: block; width:90%; font-size:16px; color:#fff}
.about_wc3 .about_content3 div span font{font-size:20px; font-weight: 800;}
.about_wc3 .about_content3 div div{width:100%; height: 100%; background: #000; opacity: 0.7; position: absolute; z-index: -1;}

.team_wc{width:100%; height: auto; }
.team_wc .team_content{width:1400px;  margin: 0 auto; margin-top: 60px; display: flex; justify-content: flex-start;}
.team_wc .team_content .list{width:30%;}
.team_wc .team_content .list span{display: block; width:100%; text-align: center;}
.team_wc .team_content .list span img{width:150px; height: 150px; border-radius: 75px;}
.team_wc .team_content .list span:nth-child(2){font-size:22px; font-weight: 800; margin-top: 20px;}
.team_wc .team_content .list span:nth-child(3){font-size:14px; margin-top: 20px;}
.team_wc .team_content .list a{display: block; width:40%; height: 50px; text-align: center; text-decoration: none; line-height: 50px; color:#BADA55; border: 1px solid #BADA55; margin: 0 auto; margin-top: 20px;}
.team_wc .team_content .content{width:100%;}
.team_wc .team_content .content .top{width:100%; display: flex; justify-content: space-between;}
.team_wc .team_content .content .top .left{width:40%;}
.team_wc .team_content .content .top .left img{width:100%}
.team_wc .team_content .content .top .right{width:58%;}
.team_wc .team_content .content .top .right .r1{width:100%; font-size:22px; font-weight: 800;}
.team_wc .team_content .content .top .right .r2{width:100%; font-size:18px; margin: 15px auto;}
.team_wc .team_content .content .top .right .r3{width:100%; font-size:14px; line-height: 22px;}
.team_wc .team_content .content .bottom{width:100%; line-height: 28px; font-size: 14px; margin-top: 20px;}

.contact_wc{width:100%; height: auto; }
.contact_wc .contact_content{width:1400px;  margin: 0 auto; margin-top: 60px; display: flex; justify-content:space-between; height: 600px;}
.contact_wc .contact_content .left{width:50%; background: #393838;}
.contact_wc .contact_content .left .l1{width:100%; text-align: center; color:#fff; font-size:28px; font-weight: 800; padding: 50px 0;}
.contact_wc .contact_content .left .l2{width:100%; text-align: center; color:#fff; font-size:18px; line-height: 30px;}

.contact_wc .contact_content .right{width:50%; background: #BADA55;}
.contact_wc .contact_content .right .r1{width:100%; text-align: center; color:#fff; font-size:28px; font-weight: 800; padding: 50px 0;}
.contact_wc .contact_content .right .r2{width:90%; margin: 20px auto;}
.contact_wc .contact_content .right .r2 .r2_1{width:100%; display:flex; justify-content: space-between;}
.contact_wc .contact_content .right .r2 .r2_1 input{width:48%}
.contact_wc .contact_content .right .r2 .r2_2{width:100%; margin-top: 20px;}
.contact_wc .contact_content .right .r2 .r2_3{width:100%; margin-top: 20px;}
.contact_wc .contact_content .right .r2 .r2_3 textarea{width:100%; height: 80px; border: none; text-indent: 10px;}
.contact_wc .contact_content .right .r2 .r2_4{width:100%; margin-top: 20px;}
.contact_wc .contact_content .right .r2 .r2_4 a{display: block; width:180px; line-height: 50px; background: #29D8DB; text-align: center; color:#fff}

.news_wc{width:100%; height: auto; background: #ECF8F8; padding: 80px 0; margin-top: 70px;}
.news_wc .news_content{width:1400px;  margin: 0 auto; position: relative;}
.news_wc .news_content .n1{width:100%; text-align: center; font-size:40px; font-weight: 800; color:#009478}
.news_wc .news_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.news_wc .news_content .n3{width:100%; display: flex; justify-content: space-between; margin-top: 50px;}
.news_wc .news_content .n3 .list{width:32%; display: flex; justify-content: center; flex-wrap: wrap; background: #fff; border-radius: 15px; overflow: hidden; padding: 20px 0;}
.news_wc .news_content .n3 .list .l1{width:92%; display: block;}
.news_wc .news_content .n3 .list .l1 img{width:100%; height: 280px; border-radius: 15px;}
.news_wc .news_content .n3 .list .l2{width:92%; display: block; margin-top: 10px;}
.news_wc .news_content .n3 .list .l2 a{text-decoration: none; font-size:20px; color:#000}
.news_wc .news_content .n3 .list .l3{width:92%; display: block; margin-top: 10px; color:#b3b3b3; font-size:15px}
.news_wc .news_content .n3 .list .l4{width:92%; display: block; margin-top: 10px;}
.news_wc .news_content .n3 .list .l4 a{text-decoration: none; color:#000; font-size: 15px;}
.news_wc .news_content .n4{width:100%; display: flex; justify-content:center; margin-top: 100px;}
.news_wc .news_content .n4 a{padding: 15px 140px; background:#009478; text-align: center; color:#fff; font-size:16px; border-radius: 30px; text-decoration: none;}

.contact_wc{width:100%; height: auto;  padding: 80px 0; }
.contact_wc .contact_content{width:1400px;  margin: 0 auto; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact_wc .contact_content .c1{width:100%; display: flex; align-items: center; font-size:40px; font-weight: 800; color:#009688}
.contact_wc .contact_content .c1 span{display: block;  height: 80%; border-left:5px solid #009688; margin-right: 10px;}
.contact_wc .contact_content .c2{width:100%; display: flex; justify-content: space-between; margin-top: 30px;}
.contact_wc .contact_content .c2 .left{width:950px;}
.contact_wc .contact_content .c2 .left .l1{width:100%; display: flex; justify-content: space-between;}
.contact_wc .contact_content .c2 .left .l2{width:100%; margin-top: 30px;}
.contact_wc .contact_content .c2 .left .l3{width:100%; margin-top: 30px;}
.contact_wc .contact_content .c2 .left .l4{width:100%; margin-top: 20px;}

.contact_wc .contact_content .c2 .right{width:400px}
.contact_wc .contact_content .c2 .right .r1{width:90%; display: flex; justify-content:flex-start; background: #F8F8F8; padding:20px 5%}
.contact_wc .contact_content .c2 .right .r1 span img{width:18px; height: 18px;}
.contact_wc .contact_content .c2 .right .r1 span:nth-child(1){border: 1px solid #999; padding:15px}
.contact_wc .contact_content .c2 .right .r1 span:nth-child(2){font-size:14px; color:#000; margin-left: 10px; line-height: 24px;}
.contact_wc .contact_content .c2 .right .r1 span:nth-child(2) font{color:#666}
.contact_wc .contact_content .c2 .right .r2{width:90%; display: flex; justify-content:flex-start; background: #F8F8F8; padding:20px 5%; margin-top: 10px;}
.contact_wc .contact_content .c2 .right .r2 span img{width:18px; height: 18px;}
.contact_wc .contact_content .c2 .right .r2 span:nth-child(1){border: 1px solid #999; padding:15px}
.contact_wc .contact_content .c2 .right .r2 span:nth-child(2){font-size:14px; color:#000; margin-left: 10px; line-height: 24px;}
.contact_wc .contact_content .c2 .right .r2 span:nth-child(2) font{color:#666}
.contact_wc .contact_content .c2 .right .r3{width:90%; display: flex; justify-content:flex-start; background: #F8F8F8; padding:20px 5%; margin-top: 10px;}
.contact_wc .contact_content .c2 .right .r3 span img{width:18px; height: 18px;}
.contact_wc .contact_content .c2 .right .r3 span:nth-child(1){border: 1px solid #999; padding:15px}
.contact_wc .contact_content .c2 .right .r3 span:nth-child(2){font-size:14px; color:#000; margin-left: 10px; line-height: 24px;}
.contact_wc .contact_content .c2 .right .r3 span:nth-child(2) font{color:#666}

.eq_wc{width:100%; height: auto; padding-bottom: 100px; margin-top: 100px;}
.eq_wc .eq_content{width:1400px;  margin: 0 auto; position: relative; background: #fff;}
.eq_wc .eq_content .eq1{width:100%; font-size:48px; font-weight: 800; color:#009478; display: flex;}
.eq_wc .eq_content .eq2{width:100%; display: flex; justify-content: space-between; align-items: center; line-height: 28px; font-size:18px; color: #000;}

.zl_wc{width:100%; height: auto; padding-bottom: 100px;}
.zl_wc .zl_content{width:1400px;  margin: 0 auto; position: relative; background: #fff;}
.zl_wc .zl_content .zl1{width:100%; font-size:48px; font-weight: 800; color:#009478; display: flex;}
.zl_wc .zl_content .zl2{width:100%; display: flex; justify-content: space-between;}
.zl_wc .zl_content .zl2 .list{width:30%; margin-top: 90px;}
.zl_wc .zl_content .zl2 .list .l1{display: block; width:20%; border-bottom: 5px solid #009478;}
.zl_wc .zl_content .zl2 .list .l2{display: block; width:100%; font-size:24px; font-weight: 800; margin-top: 20px;}
.zl_wc .zl_content .zl2 .list .l3{display: block; width:100%; font-size:18px; margin-top: 20px; line-height: 26px;}

.fz_wc{width:100%; height: auto; padding-bottom: 100px;}
.fz_wc .fz_content{width:1400px;  margin: 0 auto; position: relative; background: #fff;border: 1px solid #009478;}
.fz_wc .fz_content .fz1{width:100%; display: flex; justify-content: space-between;}
.fz_wc .fz_content .fz1 span{display: block; width:50%; height: 80px; text-align: center; line-height: 80px; font-size:36px; font-weight: 800; color:#000; cursor: pointer;}
.fz_wc .fz_content .fz1 .on{color:#fff; background: #009478;}
.fz_wc .fz_content .fz2{width:100%; height: 417px; background: url(../images/f.jpg) no-repeat center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.fz_wc .fz_content .fz2 .fz{font-size: 24px; color:#fff; line-height: 50px; width:90%;}
.fz_wc .fz_content .fz2 .mb{font-size: 24px; color:#fff; line-height: 50px; width:90%; display: none;}

.jk_wc{width:100%; height: auto; padding-bottom: 100px;}
.jk_wc .jk_content{width:1400px;  margin: 0 auto; position: relative; background: #fff; display: flex; justify-content:space-between;}
.jk_wc .jk_content .left{width:592px}
.jk_wc .jk_content .right{width:730px; display: flex; align-items: center; font-size:24px; line-height: 34px;}

.pro_wc{width:100%; height: auto; padding-bottom: 100px; margin-top: 100px;}
.pro_wc .pro_bg{background: #000; opacity: 0.7; width:100%; height: 100%; position: fixed; z-index: 100000; top:0; left: 0; display: none;}
.pro_wc .pro_code{width:100%; height: 100%; display: none; justify-content: center; align-items: center; position: fixed; z-index: 100001; top:0; left: 0;}
.pro_wc .pro_content{width:1400px;  margin: 0 auto; position: relative;}
.pro_wc .pro_content .pro1{width:100%; display: flex; justify-content:space-between;}
.pro_wc .pro_content .pro1 .left{width:818px; display: flex; align-items: center;}
.pro_wc .pro_content .pro1 .left .l1{width:100%}
.pro_wc .pro_content .pro1 .left .l2{width:100%; display: flex; justify-content: flex-start;}
.pro_wc .pro_content .pro1 .left .l2 span{width:220px; height: 48px; background: url(../images/pro_06.jpg) no-repeat center; text-align: center; line-height: 48px; color:#fff; margin-top: 35px; display: block; cursor: pointer;transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;}
.pro_wc .pro_content .pro1 .left .l2 span:hover{font-size:16px}
.pro_wc .pro_content .pro1 .left .l3{width:100%; font-size:16px; color:#959595; margin-top: 35px; line-height: 28px;}
.pro_wc .pro_content .pro2{width:100%; display: flex; justify-content:flex-start; margin-top: 50px;}
.pro_wc .pro_content .pro2 span{width:16.66%; border: 1px solid #fff;}
.pro_wc .pro_content .pro2 span img{width: 100%;}
.pro_wc .pro_content .pro2 .on{border: 1px solid #009478;}

#pro_green_2{display: none;}
#pro_green_3{display: none;}
#pro_green_4{display: none;}
#pro_oem_2{display: none;}
#pro_oem_3{display: none;}
#pro_oem_4{display: none;}
#pro_oem_5{display: none;}
#pro_oem_6{display: none;}

.zz_wc{width:100%; height: auto; padding-bottom: 100px; margin-top: 100px; padding: 70px 0 140px 0; background: #f6f6f6;}
.zz_wc .zz_content{width:1400px;  margin: 0 auto; position: relative;}
.zz_wc .zz_content .zz1{width:100%; text-align: center; font-size:36px; color:#009478}
.zz_wc .zz_content .zz2{width:100%; text-align: left; font-size:24px; color:#000; margin-top: 70px; line-height: 40px;}

.zt_wc{width:100%; height: auto; padding-bottom: 100px;  padding: 70px 0 140px 0; background: #fff;}
.zt_wc .zt_content{width:1400px;  margin: 0 auto; position: relative; }
.zt_wc .zt_content .list{width:100%; display: flex; justify-content: space-between;}
.zt_wc .zt_content .list .img{width:700px}
.zt_wc .zt_content .list .img img{width:100%}
.zt_wc .zt_content .list .ms{width:650px}
.zt_wc .zt_content .list .ms .ms1{font-size:30px; padding-top: 15px;}
.zt_wc .zt_content .list .ms .ms2{font-size:14px; margin-top: 20px; line-height: 24px;}
.zt_wc .zt_content .list .ms .ms3{font-size:20px; margin-top: 40px; line-height: 38px;}

.dh_wc{width:100%; height: auto; line-height: 60px;  background: #f6f6f6;}
.dh_wc .dh_content{width:1300px;  margin: 0 auto; position: relative; font-size:14px}

.newss_wc{width:100%; height: auto; margin-top: 50px; padding-bottom: 100px;}
.newss_wc .news_content{width:1400px;  margin: 0 auto; position: relative; font-size:14px}
.newss_wc .news_content .news1{width:100%; display: flex; justify-content: center;}
.newss_wc .news_content .news1 a{display: inline-block; text-decoration: none; border: 1px solid #009478; padding: 10px 30px; border-radius: 20px; margin: 0 15px;}
.newss_wc .news_content .news2{width:100%;}
.newss_wc .news_content .news2 .list{width:90%;  display: flex; justify-content:space-between; margin-top: 50px; background: #f6f6f6; padding:2% 2%}
.newss_wc .news_content .news2 .list .left{width:300px; height: 185px;}
.newss_wc .news_content .news2 .list .left img{width:100%; height: 100%;}
.newss_wc .news_content .news2 .right{width:900px}
.newss_wc .news_content .news2 .right .r1{display: block; width:100%; margin-top: 20px;}
.newss_wc .news_content .news2 .right .r1 a{font-size:20px; color:#000}
.newss_wc .news_content .news2 .right .r2{display: block; width:10%; border-bottom: 3px solid #009478; margin-top: 12px;}
.newss_wc .news_content .news2 .right .r3{display: block; width:100%; font-size:16px; margin-top: 12px;}
.newss_wc .news_content .news2 .right .r4{display: block; width:100%; margin-top: 12px;}
.newss_wc .news_content .news2 .right .r4 a{display: inline-block; text-decoration: none; border: 1px solid #009478; padding: 8px 40px; border-radius: 20px; }

.newss_wc .news_content .news2 .list_xx{width:90%;   margin: 50px auto; }
.newss_wc .news_content .news2 .list_xx .title{width:100%; text-align: center; font-size:28px}
.newss_wc .news_content .news2 .list_xx .times{width:100%; text-align: center; font-size:18px; margin: 20px auto;}
.newss_wc .news_content .news2 .list_xx .contents{width:100%; text-align: left; font-size:16px}


.hea_wc{width:100%; height: auto; margin-top: 50px; padding: 100px 0; background: #F6F6F6;}
.hea_wc .hea_content{width:1300px;  margin: 0 auto; position: relative;}
.hea_wc .hea_content .hea1{width:100%; text-align: center; font-size:36px}
.hea_wc .hea_content .hea2{width:100%; height: auto; margin-top: 80px; display: flex; justify-content:space-between;}
.hea_wc .hea_content .hea2 div{width:20%}
.hea_wc .hea_content .hea2 div span{display: block; width:50px; border-bottom: 1px solid #000; margin-bottom: 10px;}
.hea_wc .hea_content .hea2 div p:nth-child(2){font-size:26px}
.hea_wc .hea_content .hea2 div p:nth-child(3){font-size:16px; margin-top: 20px;}

.fz_wcs{width:100%; height: auto; padding-bottom: 100px;}
.fz_wcs .fz_content{width:1400px;  margin: 0 auto; position: relative; background: #fff;border: 1px solid #009478;}
.fz_wcs .fz_content .fz1{width:100%; display: flex; justify-content: space-between;}
.fz_wcs .fz_content .fz1 span{display: block; width:50%; height: 80px; text-align: center; line-height: 80px; font-size:30px; font-weight: 800; color:#000; cursor: pointer;}
.fz_wcs .fz_content .fz1 .on{color:#fff; background: #009478;}
.fz_wcs .fz_content .fz2{width:100%; height: 417px; background: url(../images/f.jpg) no-repeat center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.fz_wcs .fz_content .fz2 .fz{font-size: 20px; color:#fff; line-height: 40px; width:90%; display: none;}
.fz_wcs .fz_content .fz2 .fz:nth-child(1){display: block;}

.qa_wc{width:100%; height: 600px; margin-top: 50px; background: url(../images/f4-bg.jpg) no-repeat center; background-size: cover; display: flex; align-items: end;}
.qa_wc .qa_content{width:1300px;  margin: 0 auto; position: relative;}
.qa_wc .qa_content .qa2{width:100%; height: 300px; background:#fff;  font-size:20px; color:#000; margin-top: 50px; display: flex; align-items: center;}
.qa_wc .qa_content .qa2 div{padding: 3%; line-height: 34px;}
.qa_wc .qa_content .qa2 div:nth-child(1){font-size:28px}

.yiyi_wc{width:100%; height: 630px;}
.yiyi_wc .yiyi_content{width:1300px;  margin: 0 auto; position: relative;}
.yiyi_wc .yiyi_content .yiyi1{width:100%; text-align: center; font-size: 36px; color:#000; padding-top: 80px;}
.yiyi_wc .yiyi_content .yiyi2{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}
.yiyi_wc .yiyi_content .yiyi2 div{width:390px; height: 375px; position: relative; }
.yiyi_wc .yiyi_content .yiyi2 span:nth-child(1){width:100%; height: auto; display: block; background: #009478; border-radius: 20px; overflow: hidden;}
.yiyi_wc .yiyi_content .yiyi2 span:nth-child(1) img{width:100%;}
.yiyi_wc .yiyi_content .yiyi2 span:nth-child(2){width:100%; height: auto;  font-size:26px; color:#000;}
.yiyi_wc .yiyi_content .yiyi2 span:nth-child(2) div{width:100%; margin: 0 auto; height: 60px; line-height: 60px;}
.yiyi_wc .yiyi_content .yiyi2 span:nth-child(2) p{font-size: 15px; width:100%; margin: 0 auto; line-height: 28px; color:#666}
.yiyi_wc .yiyi_content .yiyi2 span:nth-child(2) table{font-size:15px;line-height: 28px; color:#666}

.day_wc{width:100%; height: auto; padding-bottom: 100px; padding-top: 100px; background: #f6f6f6;}
.day_wc .day_content{width:1300px;  margin: 0 auto; position: relative;  }
.day_wc .day_content .day1{width:100%; font-size:36px;  color:#000; text-align: center;}
.day_wc .day_content .day2{width:100%; font-size:24px;  color:#000; display: flex; margin-top: 50px;}
.day_wc .day_content .day2 span img{display: block;}
.day_wc .day_content .day2 span:nth-child(1){display:flex; align-items: flex-start;}
.day_wc .day_content .day2 span:nth-child(2){padding:0 20px; display:block; line-height: 44px; color:#333}
.day_wc .day_content .day2 span:nth-child(3){display:flex; align-items:flex-end;}

.wb_wc{width:100%; height: auto; padding-bottom: 100px; padding-top: 100px; }
.wb_wc .wb_content{width:1300px;  margin: 0 auto; position: relative; text-align: center;  }
.wb_wc .wb_content img{max-width: 100%;}

.lx_wc{width:100%; height: auto; padding-bottom: 100px; padding-top: 50px; }
.lx_wc .lx_content{width:1300px;  margin: 0 auto; position: relative; text-align: center;  }
.lx_wc .lx_content .lx1{width:100%; font-size:36px; font-weight: 800;}
.lx_wc .lx_content .lx2{width:100%; font-size:16px; color:#8d8d8d}
.lx_wc .lx_content .lx3{width:100%; display: flex; justify-content: space-between; margin-top:50px;}
.lx_wc .lx_content .lx3 .list{width:24%; background: #f5f5f5;}
.lx_wc .lx_content .lx3 .list div{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 30px 0;}
.lx_wc .lx_content .lx3 .list .l1{width:44px; height: 44px; background: #009478; border-radius: 22px; display: block;}
.lx_wc .lx_content .lx3 .list .l2{width:100%; margin-top: 10px; font-weight: 800;}
.lx_wc .lx_content .lx3 .list .l3{width:100%; margin-top: 10px;}
.lx_wc .lx_content .lx4{width:100%; margin-top: 20px;}
.lx_wc .lx_content .lx4 img{width:100%}

.foot_wc{width:100%; background: #B18958; margin-top: 80px;}
.foot_wc .foot{width:1800px; margin: 0 auto; padding: 60px 0 100px 0;}
.foot_wc .foot .f1{width:92%; display: flex; justify-content: space-between; margin: 0 auto;}
.foot_wc .foot .f1 div{width:25%}
.foot_wc .foot .f1 div span{display:block; width:100%; color:#fff; font-size:18px; font-family: "myfont1";}
.foot_wc .foot .f1 div a{display:block; width:100%; color:#fff; font-family: "myfont2"; margin-top: 10px; font-size:14px}
.foot_wc .foot .f2{width:100%; display: flex; justify-content:center; flex-wrap:wrap; margin-top: 80px;}
.foot_wc .foot .f2 .f2_1{width:100%; text-align: center;}
.foot_wc .foot .f2 .f2_1 a{width:320px; height: 50px; line-height: 50px; display: block; border-radius: 25px; margin: 0 auto; font-family: "myfont1"; font-size:22px; background: url(../images/jt.png) no-repeat #fff; background-position:260px;}
.foot_wc .foot .f2 .f2_2{width:100%; text-align: center; color:#fff; font-size:65px; font-family: "myfont1";}
.foot_wc .foot .f2 .f2_3{width:100%; text-align: center; color:#fff; font-size:18px; font-family: "myfont1";}

.dropdown{
  position: relative;
  display: inline-block;
}
  /* 下拉内容默认隐藏 */
.dropdown .dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  top:110px;
  background-color: #333;
}

/* 下拉菜单链接样式 */
.dropdown .dropdown-content a {
  color:#000;
  text-decoration: none;
  display: block;
  line-height: 50px;
}

/* 鼠标悬停时修改链接颜色 */
.dropdown .dropdown-content a:hover {
  background-color: #666; 


}

/* 鼠标悬停时显示下拉菜单 */
.dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
}

.dropdowns{
  position: relative;
  display: inline-block;
}
  /* 下拉内容默认隐藏 */
.dropdowns .dropdown-content {
  position: absolute;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  top:100px;
  background-color: #fff;
}

/* 下拉菜单链接样式 */
.dropdowns .dropdown-content a {
  color:#000;
  text-decoration: none;
  display: block;
  line-height: 50px;
}

/* 鼠标悬停时修改链接颜色 */
.dropdowns .dropdown-content a:hover {
  background-color: #666; 


}

/* 鼠标悬停时显示下拉菜单 */
.dropdowns:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
}

.mySwiper1{display: block;}
.mySwiper2{display: none;}


.nav {
  position: relative;
  width: auto;
  display:none;
  border: none;
}

.btn-nav {
  position: fixed;
  top: 12px;
  right: 30px;
  background: transparent;
  border: none;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 6px 0;
  width: 40px;
  height: 5px;
  background-color: #009688;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #009688;
}

.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  display: block;
  height: 100%;
  z-index: 1111;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 12%;
}

.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 10px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #009688;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #009688;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {
  margin: 40px auto;
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #009688;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #009688;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}



@media screen and (max-width: 1920px) {
  .common_top .logo{display: flex; align-items: center;}
  .common_top .navwrap{height: 80px;}
  .common_top .navwrap ul{line-height: 80px;}
  .common_top .navwrap .nav a{width:130px; font-size:20px}
  .common_top .navwrap .tel{font-size:26px}
  .common_top .navwrap .tel img{width:40px}

  .ny_top .logo{display: flex; align-items: center;}
  .ny_top_bg{height: 100px;}
  .ny_top .navwrap{height: 80px;}
  .ny_top .navwrap ul{line-height: 80px;}
  .ny_top .navwrap .nav a{width:130px; font-size:20px}
  .ny_top .navwrap .tel{font-size:26px}
  .ny_top .navwrap .tel img{width:40px}


}

@media screen and (max-width: 1400px) {
  .common_top .navwrap{display: none;}
  .common_top .logo img{ height: 60px;}
  .common_top_bg{height: 80px;}
  .mySwiper1{display: none;}
  .mySwiper2{display: block;}
  .video_wc{height: auto;}
  .product_wc .product_content{width:90%}
  .product_wc .product_content .p3 .list{width:100%; background-repeat: repeat;}
  .zy_wc .zy_content{width:90%}
  .zy_wc .zy_content .zy3 span{width:30%}
  .zy_wc .zy_content .zy4 div .t1{font-size:20px}
  .zy_wc .zy_content .zy4 div .t2{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
  .zy_wc .zy_content{height: 600px;}
  .about_wc .about_content{width:90%; flex-wrap: wrap;}
  .about_wc .about_content .left{width:100%}
  .about_wc .about_content .left img{width:100%}
  .news_wc .news_content{width:90%}
  .news_wc .news_content .n3 .list{width:100%}
  .contact_wc .contact_content{width:90%}
  .contact_wc .contact_content .c2{flex-wrap: wrap;}
  .contact_wc .contact_content .c2 .right{width:100%; margin-top: 20px;}
  .foot_wc .foot{width:90%}
  .nav{display: inline-block;}

  .ny_top .navwrap{display: none;}
  .ny_top .logo img{height: 60px;}
  .ny_top_wc{height: 80px;}
  .gps_wc .gps_content{width:90%; padding: 3%;}
  .cmp4_wc .cmp4_content{width:96%}
  .hb_wc .hb_content{width:90%; padding: 3%;}
  .tu_wc .tu_content{width:90%; padding: 3%;}

  .pro_wc .pro_content{width:90%}
  .zz_wc .zz_content{width:90%}
  .zt_wc .zt_content{width:96%}

  .about_ny_wc .about_ny_content{width:96%; flex-wrap: wrap;}
  .about_ny_wc .about_ny_content .left{width:100%}
  .about_ny_wc .about_ny_content .right{width:100%; margin-top: 20px;}
  .honor_wc .honor_content{width:96%}
  .eq_wc .eq_content{width:96%}
  .zl_wc .zl_content{width:96%}
  .fz_wc .fz_content{width:96%}
  .jk_wc .jk_content{width:96%}

  .yiyi_wc .yiyi_content{width:96%}
  .fz_wcs .fz_content{width:96%}
  .qa_wc .qa_content{width:96%}
  .wb_wc .wb_content{width:96%}
  .yiyi_wc .yiyi_content .yiyi2 div{width:32%}

  .yiyi_wc .yiyi_content .yiyi2 span:nth-child(2) p{font-size: 13px;}
  .yiyi_wc .yiyi_content .yiyi2 span:nth-child(2) table{font-size:13px;}
  .yiyi_wc .yiyi_content .yiyi2 span:nth-child(2){font-size:20px}

  .dh_wc .dh_content{width:96%}
  .newss_wc .news_content{width:96%}
  .newss_wc .news_content .news2 .list .left{width:30%}
  .newss_wc .news_content .news2 .list .right{width:66%}

  .lx_wc .lx_content{width:96%}

}


@media screen and (max-width: 1000px) {
  .gps_wc .gps_content .gps1{font-size:32px}
  .gps_wc .gps_content .gps2{font-size:16px}
  .gps_wc .gps_content .gps3{font-size:32px}
  .cmp4_wc .cmp4_content .mp41{font-size:32px}
  .hb_wc .hb_content .hb1{font-size:32px}
  .hb_wc .hb_content .hb2{font-size:16px}
  .hb_wc .hb_content .hb3{font-size:32px}

  .zt_wc .zt_content .list .img{width:50%}
  .zt_wc .zt_content .list .ms{width:48%}
  .zt_wc .zt_content .list .ms .ms3{font-size:16px; line-height: 30px;}
  
  .eq_wc .eq_content .eq2{flex-wrap: wrap;}
  .eq_wc .eq_content .eq2 img{width:100%}

  .jk_wc .jk_content{flex-wrap: wrap;}
  .jk_wc .jk_content .left{width:100%}
  .jk_wc .jk_content .right{width:100%}

  .fz_wcs .fz_content .fz1 span{font-size:20px}
  .fz_wcs .fz_content .fz2 .fz{font-size:18px; line-height: 32px;}
  .qa_wc .qa_content .qa2 div:nth-child(1){font-size:22px}
  .qa_wc .qa_content .qa2{font-size:16px}

  .yiyi_wc{height: auto;}
  .yiyi_wc .yiyi_content .yiyi2 div{width:48%; height: 320px;}

  .qa_wc{margin-top: 0;}
  .lx_wc .lx_content .lx3{flex-wrap: wrap;}
  .lx_wc .lx_content .lx3 .list{width:48%; margin-top: 10px;}
}

@media screen and (max-width: 800px) {
  .gps_wc .gps_content{margin-top: -150px;}
  .pro_wc .pro_content .pro1 .left{width:auto}
  .pro_wc .pro_content .pro1 .left .l2{flex-wrap: wrap;}
  .about_ny_wc .about_ny_content .right img{width:100%}
  .jk_wc .jk_content .left img{width:100%}

  .fz_wcs .fz_content .fz1 span{font-size:15px}
  .fz_wcs .fz_content .fz2 .fz{font-size:16px; line-height: 30px;}
  .qa_wc .qa_content .qa2 div:nth-child(1){font-size:20px}
  .qa_wc .qa_content .qa2{font-size:14px}
}

@media screen and (max-width: 600px) {
  .gps_wc .gps_content{margin-top: -60px;}
  .gps_wc .gps_content .gps1{font-size:26px}
  .gps_wc .gps_content .gps2{font-size:14px}
  .gps_wc .gps_content .gps3{font-size:26px}
  .cmp4_wc .cmp4_content .mp41{font-size:26px}
  .hb_wc .hb_content .hb1{font-size:26px}
  .hb_wc .hb_content .hb2{font-size:14px}
  .hb_wc .hb_content .hb3{font-size:26px}

  .yiyi_wc .yiyi_content .yiyi2 div{width:100%; height: 400px;}
}

@media screen and (max-width: 500px) {
  .product_wc .product_content .p3 .list .l2 img{max-height: 200px;}
  .zy_wc .zy_content .zy4{flex-wrap: wrap;}
  .zy_wc .zy_content .zy4 div{width:50%}
  .pro_wc .pro_content .pro1 .left .l1 img{width:120px}
  .pro_wc .pro_content .pro1 .left .l2 span{width:120px; margin-top: 10px;}
  .pro_wc .pro_content .pro1 .left .l3{margin-top: 15px; font-size:14px; line-height: 22px;}
  .zz_wc .zz_content .zz1{font-size:30px}
  .zz_wc .zz_content .zz2{font-size:20px}
  .zt_wc .zt_content .list .ms .ms1{font-size:22px; padding-top: 0;}
  .zt_wc .zt_content .list .ms .ms2{margin-top: 6px;}
  .zt_wc .zt_content .list .ms .ms3{margin-top: 10px; font-size:14px; line-height: 24px;}

  .fz_wcs .fz_content .fz1 span{line-height: 30px; height: 70px; padding-top: 10px;}
  .fz_wcs .fz_content .fz2 .fz{font-size:16px; line-height: 30px;}

  .newss_wc .news_content .news2 .list .left{height: 120px;}
  .newss_wc .news_content .news2 .right .r1{margin-top: 0;}

  .lx_wc .lx_content .lx3 .list{width:100%;}
}

@media screen and (max-width: 400px) {
  .product_wc .product_content .p3 .list .l1{margin-left: 20px;}
  .product_wc .product_content .p3 .list .l1 a{width:170px; height: 50px; line-height: 50px;}

  .yiyi_wc .yiyi_content .yiyi2 div{width:100%; height: 320px;}
  .fz_wcs .fz_content .fz2 .fz{font-size:14px; line-height: 26px;}
  .qa_wc .qa_content .qa2 div{line-height: 22px;}
}