/*--统一设置--*/
@font-face{font-family: "myfont1"; src:url("Futura.ttc")}
@font-face{font-family: "myfont2"; src:url("AvenirNexts.otf")}
@font-face{font-family: "myfont5"; src:url("1638489854903799.ttf")}
html,body,dl,dd,dt{ font-size:12px; margin:0; padding:0; font-family:"myfont"; width:100%; height:100%; background-color:#fff; letter-spacing: 2px;} 
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}
.pd .pd1 img{width: auto;}


.video_wc{width:100%; height: 100vh; position: relative;}
.video_wc .video{width:100%;  outline: none;}

.common_top_bg{width:100%; height: 120px; background: #000; opacity:0.6; position:fixed; top:0; left: 0; z-index: 999;}
.common_top{width:100%;  margin: 0 auto; display: flex; justify-content: space-between; position:absolute; top: 0; z-index: 1000;}
.common_top .logo{display: block; margin: 10px 0 0 30px;}
.common_top .navwrap{font-size:16px;  height:auto;  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;}
.common_top .navwrap .navs{width:auto; margin:0 auto; display: flex; justify-content: flex-start; align-items: center;}
.common_top .navwrap .navs a{ color:#fff;display:block;text-decoration:none;text-align:center;position:relative;float:left; font-size:16px}
.common_top .navwrap .navs .sel{border: 0;  border-bottom: 2px solid;  border-image: linear-gradient(90deg,#00edff,#4656fa);  border-image-slice: 1}
.common_top .navwrap .navs li{line-height: 38px; display: flex; justify-content: center;}
.common_top .navwrap .navs li a{display:inline-block; padding: 0 15px;}
.common_top .navwrap .navs li:nth-child(3){display: none;}
.common_top .navwrap .navs li:nth-child(7){border:1px solid #fff;}
.common_top .navwrap .navs li span{border: 1px solid #fff; padding: 5px 20px; border-radius: 20px;}
.common_top .navwrap .navs ul {position:absolute;display:none;top:40px;border-top:none;left:0; background:#FFF }
.common_top .navwrap .navs ul a{height:auto; float:left;text-align:center;  border-bottom:1px solid #DFDFDF; line-height:40px; color:#888}
.common_top .navwrap .navs ul ul {left:110px; top:0px;}
.common_top .navwrap .tel{display: flex; align-items: center; color:#fff; font-size:16px; line-height: 38px;}
.common_top .navwrap .tel a{margin: 0 15px; color:#fff}


.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:99999; 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; display: flex; justify-content: space-between; margin-top: 70px;}
.about_ny_wc .about_ny_content .left{width:750px}
.about_ny_wc .about_ny_content .left .l1{width:100%; margin-top: 20px; font-size:40px; font-weight: 800; color:#009478}
.about_ny_wc .about_ny_content .left .l2{width:100%; font-size:16px; color:#565656; line-height: 36px; margin-top: 18px;}
.about_ny_wc .about_ny_content .left .l3{width:100%; display: flex; justify-content: flex-start; margin-top: 18px;}
.about_ny_wc .about_ny_content .left .l3 .l3_1{display: flex; justify-content: flex-start; align-items: center; font-size:16px; color:#565656; font-weight: 800;}
.about_ny_wc .about_ny_content .left .l3 .l3_1 span{display: block; background: #009478; border-radius: 45px; width:45px; height: 45px; margin-right: 10px;}
.about_ny_wc .about_ny_content .left .l3 .l3_2{display: flex; justify-content: flex-start; align-items: center; font-size:16px; color:#565656; margin-left: 40px; font-weight: 800;}
.about_ny_wc .about_ny_content .left .l3 .l3_2 span{display: block; background: #009478; border-radius: 45px; width:45px; height: 45px; margin-right: 10px;}
.about_ny_wc .about_ny_content .right{width:634px}


.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 #999; 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; margin-top: 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;}

.banner_wc{width:100%; position: relative;}
.banner_wc .banner{width:100%;  margin: 0 auto;}
.banner_wc .banner img{width:100%}

.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}

.about_wc{width:100%; height: auto;}
.about_wc .about_content{width:1400px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 150px;}
.about_wc .about_content .left{width:553px}
.about_wc .about_content .right{width:800px}
.about_wc .about_content .right .r1{width:100%; margin-top: 120px; font-size:24px; color:#dedede}
.about_wc .about_content .right .r2{width:100%; font-size:40px; font-weight: 800; color:#009478}
.about_wc .about_content .right .r3{width:100%; font-size:16px; color:#565656; line-height: 36px; margin-top: 18px;}
.about_wc .about_content .right .r4{width:100%; display: flex; justify-content: flex-start; margin-top: 18px;}
.about_wc .about_content .right .r4 .r4_1{display: flex; justify-content: flex-start; align-items: center; font-size:16px; color:#565656; font-weight: 800;}
.about_wc .about_content .right .r4 .r4_1 span{display: block; background: #009478; border-radius: 45px; width:45px; height: 45px; margin-right: 10px;}
.about_wc .about_content .right .r4 .r4_2{display: flex; justify-content: flex-start; align-items: center; font-size:16px; color:#565656; margin-left: 40px; font-weight: 800;}
.about_wc .about_content .right .r4 .r4_2 span{display: block; background: #009478; border-radius: 45px; width:45px; height: 45px; margin-right: 10px;}
.about_wc .about_content .right .r5{width:100%; margin-top: 38px;}
.about_wc .about_content .right .r5 a{display:inline-block; font-size:16px; border: 1px solid #009478; border-radius: 30px; text-decoration:none; color:#009478; padding: 13px 70px; background: url(../images/jt.png) no-repeat 170px 13px;}

.zy_wc{width:100%; height: auto; background:#F6F8FC;height:300px; align-items: center; display: flex;}
.zy_wc .zy_content{width:1014px;  margin: 0 auto;  position: relative; display: flex; justify-content: space-between;}
.zy_wc .zy_content .zy1{display: block;}
.zy_wc .zy_content .zy2{display: block; width: 7px;  height: 111px;  margin: 0 30px;  background-image: linear-gradient(180deg,#00edff,#4656fa)}
.zy_wc .zy_content .zy3{display: block; font-size:16px; color: #3d4758; line-height: 32px;}

.product_wc{width:100%; height: auto; }
.product_wc .product_content{width:1200px;  margin: 0 auto; margin-top:88px; position: relative;}
.product_wc .product_content .p1{width:100%; text-align: center; font-size:44px;  color:#122039}
.product_wc .product_content .p2{width:100%; text-align: center; font-size:24px; color:#dedede}
.product_wc .product_content .p3{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px;}
.product_wc .product_content .p3 .list{width:378px; height: auto; position: relative;}
.product_wc .product_content .p3 .list .l1{width:378px; height: 268px; display: flex; flex-wrap: wrap; align-items: center; background: url(../images/O1CN01wZPG4a1yFUZsCERiV_!!6000000006549-0-tps-756-536.jpg); background-size: cover;}
.product_wc .product_content .p3 .list .l1 p{color:#fff; margin-top: 15px; text-align: center; width:100%; font-size:32px; color:#000}
.product_wc .product_content .p3 .list .l1-1{background: url(../images/O1CN016U93uu25Hy1RVeL2L_!!6000000007502-2-tps-758-536.png); background-size: cover;}
.product_wc .product_content .p3 .list .l1-2{background: url(../images/O1CN01POQm0D1ZsXx4lsYFT_!!6000000003250-2-tps-758-536.png); background-size: cover;}
.product_wc .product_content .p3 .list .l1-3{background: url(../images/O1CN01xJJ4WD1dU3EW1ljJl_!!6000000003738-2-tps-758-538.png); background-size: cover;}
.product_wc .product_content .p3 .list .l2{transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;width:378px; height: 268px; display: flex; opacity: 0; flex-wrap: wrap; align-items: center; background: url(../images/O1CN01t0Lg831Xcr9e1U8pD_!!6000000002945-0-tps-756-538.jpg); background-size: cover; position: absolute; top:0; left:0;}
.product_wc .product_content .p3 .list .l2 div{color:#fff; margin: 0 auto; margin-top: 15px; text-align: center; width:90%; }
.product_wc .product_content .p3 .list .l2 div .p1{width:100%; font-size:30px; text-align: center;  color: #fff;}
.product_wc .product_content .p3 .list .l2 div .p2{width:100%; font-size:14px; text-align: left; line-height:16px; color: #fff; margin-top: 10px;}
.product_wc .product_content .p3 .list:hover .l2{opacity: 1;} 


.pone_wc{width:100%; height: auto; background: #F4F4F4;}
.pone_wc .pone_content{width:1440px;  margin: 0 auto; padding-top:68px; position: relative;}
.pone_wc .pone_content .p1{width:100%; text-align: center; font-size:44px;  color:#122039}
.pone_wc .pone_content .p2{width:100%; text-align: center; font-size:24px; color:#dedede}
.pone_wc .pone_content .p3{width:1440px; margin: 0 auto; margin-top: 60px;}

.ptwo_wc{width:100%; height: auto; background: #fff;}
.ptwo_wc .ptwo_content{width:1440px;  margin: 0 auto; padding-top:68px; position: relative;}
.ptwo_wc .ptwo_content .p1{width:100%; text-align: center; font-size:44px;  color:#122039}
.ptwo_wc .ptwo_content .p2{width:100%; text-align: center; font-size:24px; color:#dedede}
.ptwo_wc .ptwo_content .p3{width:1440px; margin: 0 auto; margin-top: 60px;}


.pthree_wc{width:100%; height: auto; background: #F6F8FC;}
.pthree_wc .pthree_content{width:1440px;  margin: 0 auto; padding-top:68px; padding-bottom: 108px; position: relative;}
.pthree_wc .pthree_content .p1{width:100%; text-align: center; font-size:44px;  color:#122039}
.pthree_wc .pthree_content .p2{width:100%; text-align: center; font-size:24px; color:#dedede}
.pthree_wc .pthree_content .p3{width:1440px; margin: 0 auto; margin-top: 60px; display: flex; justify-content: flex-start;}
.pthree_wc .pthree_content .p3 .p3_1{width:560px; display: flex; justify-content: right; flex-wrap: wrap;}
.pthree_wc .pthree_content .p3 .p3_1 .list{display: flex; justify-content: flex-start; margin-top: 15px;}
.pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(1){display: flex; width:120px; align-items: center; justify-content:flex-start; }
.pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(2){display: block; width:280px;}
.pthree_wc .pthree_content .p3 .p3_1 .list span input{width: 100%; height: 32px; border: 1px solid #e7e7e7; text-indent: 10px;}
.pthree_wc .pthree_content .p3 .p3_1 .list span button{width:280px; height: 30px; background: #1D519D; text-align: center; color:#fff; border:none}
.pthree_wc .pthree_content .p3 .p3_2{width:620px; display: flex;  flex-wrap: wrap; justify-content: right; border-left:1px solid #e7e7e7; margin-left: 100px;}
.pthree_wc .pthree_content .p3 .p3_2 .list{width:560px; display: flex; justify-content: flex-start; align-items: center; font-size:22px; font-weight: 700; letter-spacing: 0;}
.pthree_wc .pthree_content .p3 .p3_2 .list span:nth-child(2){color: rgba(92,92,102,.64); margin: 0 15px;}

.news_wc{width:100%; height: auto; background: #F6F8FC; padding: 50px 0 130px 0; margin-top: 70px;}
.news_wc .news_content{width:1200px;  margin: 0 auto; position: relative;}
.news_wc .news_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.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; flex-wrap: wrap;}
.news_wc .news_content .n3 .list{width:32%;   border-radius: 15px; overflow: hidden; padding: 20px 0;}
.news_wc .news_content .n3 .list .l2{ display: inline-block;  font-size: 32px;  border: 0;  border-bottom: 2px solid;  border-image: linear-gradient(90deg,#00edff,#4656fa);  border-image-slice: 1}
.news_wc .news_content .n3 .list .l2 a{text-decoration: none; font-size:20px; color:#000}
.news_wc .news_content .n3 .list .l3{width:100%; height: 144px; display: block; margin-top: 28px; color:#b3b3b3; font-size:16px; color:#000}
.news_wc .news_content .n3 .list .l4{display:block; background: url(../images/O1CN015YAmwg29eBi1QUDuu_!!6000000008092-2-tps-250-62.png) center center / cover no-repeat;  object-fit: cover;  height: 31px;  line-height: 31px;  text-align: center;  width: 125px;  margin-top: 30px;}
.news_wc .news_content .n3 .list .l4 a{text-decoration: none; color:#000; font-size: 15px;}

.ys_wc{width:100%; height: auto;  padding: 50px 0 130px 0; margin-top: 70px;}
.ys_wc .ys_content{width:1200px;  margin: 0 auto; position: relative;}
.ys_wc .ys_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.ys_wc .ys_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.ys_wc .ys_content .n3{width:100%; margin-top: 50px;}
.ys_wc .ys_content .n3 .list{width:100%;   border-radius: 15px; overflow: hidden; padding: 20px 0; display: flex; justify-content:space-between;}
.ys_wc .ys_content .n3 .list .l1{ display: inline-block;  font-size: 32px;  border: 0;  border-bottom: 0px solid;  border-image: linear-gradient(90deg,#00edff,#4656fa);  border-image-slice: 1}
.ys_wc .ys_content .n3 .list .l2{width:448px; display: flex; align-items: center;}
.ys_wc .ys_content .n3 .list .l2 .l2_1{font-size:30px; color:#000; width:100%; display: block;}
.ys_wc .ys_content .n3 .list .l2 .l2_2{font-size:16px; color:#808998; line-height: 22px; width:100%; display: block; margin-top: 50px;}


.contact_wc{width:100%; height: 560px; background: url(../images/O1CN01AOBDoH1MjIxtufH7o_!!6000000001470-2-tps-2880-902.png); background-size: cover; background-position: center;}
.contact_wc .contact_content{width:1200px; height: 560px;  margin: 0 auto; position: relative; display: flex; align-items: center;}
.contact_wc .contact_content div{width:100%}
.contact_wc .contact_content .c1{width:100%; text-align: center; font-size:50px; font-weight: 700; display: block; color:#fff}
.contact_wc .contact_content .c2{width:100%; text-align: center; font-size:58px; font-weight: 700; display: block; }
.contact_wc .contact_content .c3{width:100%; text-align: center; display: flex; justify-content: center; margin-top: 30px;}
.contact_wc .contact_content .c3 a{width: 320px;
    height: 72px;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
    border-radius: 2px;
    border: 2px solid;
    border-image: linear-gradient(90deg,#00edff,#4656fa);
    border-image-slice: 2;
    -webkit-clip-path: inset(0 round 2px);
    clip-path: inset(0 round 2px);
    cursor: pointer;
    text-align: center}
.contact_wc1{ background: url(../images/O1CN01pIUYG81fq9o3uqH6p_!!6000000004057-2-tps-2166-846.png); background-size:cover;}

.paone_wc{width:100%; height: auto; background: #F6F8FC; padding: 50px 0 80px 0; margin-top: 70px;}
.paone_wc .paone_content{width:1200px;  margin: 0 auto; position: relative;}
.paone_wc .paone_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.paone_wc .paone_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.paone_wc .paone_content .n3{ margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 66px;}
.paone_wc .paone_content .n3 .list{position: relative;}
.paone_wc .paone_content .n3 .list:nth-child(1){width:425px}
.paone_wc .paone_content .n3 .list:nth-child(2){width: 400px; margin-left: -27px;}
.paone_wc .paone_content .n3 .list:nth-child(3){width:425px; margin-left: -27px;}
.paone_wc .paone_content .n3 .list:nth-child(4){width: 400px; margin-top: -27px;}
.paone_wc .paone_content .n3 .list:nth-child(5){width:450px; margin: -52px 0 0 -27px;}
.paone_wc .paone_content .n3 .list:nth-child(6){width:400px; margin: -27px 0 0 -27px;}
.paone_wc .paone_content .n3 .list:nth-child(7){width:425px;margin-top: -52px;}
.paone_wc .paone_content .n3 .list:nth-child(8){width:400px; margin: -27px 0 0 -27px;}
.paone_wc .paone_content .n3 .list:nth-child(9){width:425px; margin: -52px 0 0 -27px;}
.paone_wc .paone_content .n3 .list .l0{width: 100%; height: 100%; position: absolute; top: 0; left: 0;   opacity: 0; transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;}
.paone_wc .paone_content .n3 .list .l0-1{background: url(../images/a11.png); background-size: cover;}
.paone_wc .paone_content .n3 .list .l0-2{background: url(../images/a22.png); background-size: cover; height: 240px;}
.paone_wc .paone_content .n3 .list .l0-3{background: url(../images/a33.png); background-size: cover;}
.paone_wc .paone_content .n3 .list .l0-4{background: url(../images/a44.png); background-size: cover; height: 240px;}
.paone_wc .paone_content .n3 .list .l0-5{background: url(../images/a55.png); background-size: cover;}
.paone_wc .paone_content .n3 .list .l0-6{background: url(../images/a66.png); background-size: cover; height: 240px;}
.paone_wc .paone_content .n3 .list .l0-7{background: url(../images/a77.png); background-size: cover;}
.paone_wc .paone_content .n3 .list .l0-8{background: url(../images/a88.png); background-size: cover;}
.paone_wc .paone_content .n3 .list .l0-9{background: url(../images/a99.png); background-size: cover;}
.paone_wc .paone_content .n3 .list .l0 .l0_wc{width:240px; position: absolute; left:80px}
.paone_wc .paone_content .n3 .list .l0 .l01{width:100%; text-align: center; font-size:30px; color: #fff; margin-top: 50px; }
.paone_wc .paone_content .n3 .list .l0 .l02{width:100%; text-align: center; font-size:16px; color: #fff; }
.paone_wc .paone_content .n3 .list .l0 .l02 font{font-size:50px}
.paone_wc .paone_content .n3 .list .l0 .l03{text-align: center; height: 1px; width: 100%; margin: 0 auto; margin-top: 10px; transform: scaleY(-1);  background-image: linear-gradient(90deg,#00edff,#4656fa); }
.paone_wc .paone_content .n3 .list .l1{width: 100%;}
.paone_wc .paone_content .n3 .list .l1 img{width: 100%;}
.paone_wc .paone_content .n3 .list:hover .l0{opacity: 1;}

.patwo_wc{width:100%; height: auto;  padding: 50px 0 80px 0; margin-top: 70px;}
.patwo_wc .patwo_content{width:1200px;  margin: 0 auto; position: relative;}
.patwo_wc .patwo_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.patwo_wc .patwo_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.patwo_wc .patwo_content .n3{ margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 66px; width:1180px;}
.patwo_wc .patwo_content .n3 .top{width:100%; display: flex; justify-content: space-between; font-size:18px; border-bottom: 1px solid #e7e7e7; line-height: 70px; position: relative;}
.patwo_wc .patwo_content .n3 .top span{text-align: center; width:33.33%; cursor: pointer;}
.patwo_wc .patwo_content .n3 .top .sel{position: absolute; left:0; bottom: 0; height: 4px!important;  background-image: linear-gradient(90deg,#00edff,#4656fa);  border-radius: 0 0 93.35px 0}
.patwo_wc .patwo_content .n3 .bottom{width:100%; position: relative;  height: 650px;}
.patwo_wc .patwo_content .n3 .bottom .b{transition: all 1s ease;  -moz-transition: all 1s ease;  -webkit-transition: all 1s ease;  -o-transition: all 1s ease; position: absolute; width:100% }
.patwo_wc .patwo_content .n3 .bottom .b1{opacity: 1;}
.patwo_wc .patwo_content .n3 .bottom .b2{opacity: 0;}
.patwo_wc .patwo_content .n3 .bottom .b3{opacity: 0;}
.patwo_wc .patwo_content .n3 .bottom .txt{width:100%; font-size:26px; color:#808998; margin-top: 30px;}
.patwo_wc .patwo_content .n3 .bottom .list{width:100%; display: flex; justify-content: space-between; margin-top: 30px;}
.patwo_wc .patwo_content .n3 .bottom .list .left{width:380px;}
.patwo_wc .patwo_content .n3 .bottom .list .left img{width:100%}
.patwo_wc .patwo_content .n3 .bottom .list .right{width:750px;}
.patwo_wc .patwo_content .n3 .bottom .list .right .r1{font-size:34px; color:#122039}
.patwo_wc .patwo_content .n3 .bottom .list .right .r2{font-size:26px; color:#3d4758; margin-top: 10px;}
.patwo_wc .patwo_content .n3 .bottom .list .right .r3{font-size:18px; color:#808998; margin-top: 20px;}
.patwo_wc .patwo_content .n3 .list_btn{width:100%; margin-top: 50px;}
.patwo_wc .patwo_content .n3 .list_btn a{    width: 206px; margin: 0 auto;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  font-size: 15px;
  color: #122039;
  border-radius: 2px;
  border: 2px solid;
  border-image: linear-gradient(90deg,#00edff,#4656fa) 1;
  line-height: 22px;
  -webkit-clip-path: inset(0 0 round 2px);
  clip-path: inset(0 0 round 2px);
  cursor: pointer;
  text-align: center}


.matwo_wc{width:100%; height: auto;  padding: 50px 0 80px 0; margin-top: 70px; background: #F6F8FC;}
.matwo_wc .matwo_content{width:1200px;  margin: 0 auto; position: relative;}
.matwo_wc .matwo_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.matwo_wc .matwo_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.matwo_wc .matwo_content .n3{ margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 66px; width:1180px;}
.matwo_wc .matwo_content .n3 .top{width:100%; display: flex; justify-content: space-between; font-size:20px; border-bottom: 1px solid #e7e7e7; line-height: 70px; position: relative;}
.matwo_wc .matwo_content .n3 .top span{text-align: center; width:25%; cursor: pointer;}
.matwo_wc .matwo_content .n3 .top .sel{position: absolute; left:0; bottom: 0; height: 4px!important;  background-image: linear-gradient(90deg,#00edff,#4656fa);  border-radius: 0 0 93.35px 0}
.matwo_wc .matwo_content .n3 .bottom{width:100%; position: relative;  height:400px;}
.matwo_wc .matwo_content .n3 .bottom .b{transition: all 1s ease;  -moz-transition: all 1s ease;  -webkit-transition: all 1s ease;  -o-transition: all 1s ease; position: absolute; width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.matwo_wc .matwo_content .n3 .bottom .b1{opacity: 1;}
.matwo_wc .matwo_content .n3 .bottom .b2{opacity: 0;}
.matwo_wc .matwo_content .n3 .bottom .b3{opacity: 0;}
.matwo_wc .matwo_content .n3 .bottom .b4{opacity: 0;}
.matwo_wc .matwo_content .n3 .bottom .list{width:28%; display: flex; justify-content: space-between; margin-top: 30px; background: #fff; align-items: center; padding: 15px 2%; margin-left: 1%;}
.matwo_wc .matwo_content .n3 .bottom .list .left{width:380px;}
.matwo_wc .matwo_content .n3 .bottom .list .right{width:750px;}
.matwo_wc .matwo_content .n3 .bottom .list .right .r1{font-size:20px; color:#3d4758; white-space: nowrap;  overflow: hidden;       text-overflow: ellipsis;}
.matwo_wc .matwo_content .n3 .bottom .list .right .r2{font-size:16px; color:#808998; margin-top: 10px; white-space: nowrap;  overflow: hidden;       text-overflow: ellipsis;    width: 250px; }
.matwo_wc .matwo_content .n3 .bottom .lists{width:28%; height: 240px; margin-top: 30px; background: #fff; align-items: center; padding: 15px 2%; margin-left: 1%;}
.matwo_wc .matwo_content .n3 .bottom .lists .l1{width:100%; font-size:20px; color:#3d4758; }
.matwo_wc .matwo_content .n3 .bottom .lists .l2{color:#808998; font-size:16px; white-space: nowrap;  overflow: hidden;       text-overflow: ellipsis;    width: 280px;  margin-top: 12px;}

.pathree_wc{width:100%; height: auto; background: #F6F8FC; padding: 50px 0 80px 0; margin-top: 70px;}
.pathree_wc .pathree_content{width:1200px;  margin: 0 auto; position: relative;}
.pathree_wc .pathree_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.pathree_wc .pathree_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.pathree_wc .pathree_content .n3{ margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 66px;}

.maone_wc{width:100%; height: auto; }
.maone_wc .maone_content{width:1200px;  margin: 0 auto; margin-top:88px; position: relative;}
.maone_wc .maone_content .p1{width:100%; text-align: center; font-size:44px;  color:#122039}
.maone_wc .maone_content .p2{width:100%; text-align: center; font-size:24px; color:#dedede}
.maone_wc .maone_content .p3{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.maone_wc .maone_content .p3 .list{width:378px; height: auto; position: relative; margin-top: 30px;}
.maone_wc .maone_content .p3 .list .l1{width:378px; height: 268px; display: flex; flex-wrap: wrap; align-items: center; background: url(../images/O1CN01wZPG4a1yFUZsCERiV_!!6000000006549-0-tps-756-536.jpg); background-size: cover;}
.maone_wc .maone_content .p3 .list .l1 p{color:#fff; margin-top: 15px; text-align: center; width:100%; font-size:23px; color:#000}
.maone_wc .maone_content .p3 .list .l2{transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;width:378px; height: 268px; display: flex; opacity: 0; flex-wrap: wrap; align-items: center; background: url(../images/O1CN01t0Lg831Xcr9e1U8pD_!!6000000002945-0-tps-756-538.jpg); background-size: cover; position: absolute; top:0; left:0;}
.maone_wc .maone_content .p3 .list .l2 div{color:#fff; margin: 0 auto; margin-top: 15px; text-align: center; width:90%; }
.maone_wc .maone_content .p3 .list .l2 div .p1{width:100%; font-size:14px; text-align: center;  color: #fff;}
.maone_wc .maone_content .p3 .list .l2 div .p2{width:100%;margin-top: 10px;}
.maone_wc .maone_content .p3 .list .l2 div .p2 a{padding: 4px 18px;
  border-radius: 4px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  border: 2px solid;
  border-image: linear-gradient(90deg,#00edff,#4656fa);
  border-image-slice: 1;
  -webkit-clip-path: inset(0 round 2px);
  clip-path: inset(0 round 2px);
  cursor: pointer}
.maone_wc .maone_content .p3 .list:hover .l2{opacity: 1;} 


.suone_wc{width:100%; height: auto; }
.suone_wc .suone_content{width:1200px;  margin: 0 auto; margin-top:88px; position: relative;}
.suone_wc .suone_content .p1{width:100%; text-align: center; font-size:44px;  color:#122039}
.suone_wc .suone_content .p2{width:100%; text-align: center; font-size:24px; color:#dedede}
.suone_wc .suone_content .p3{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.suone_wc .suone_content .p3 .list{width:276px; height: auto; position: relative;}
.suone_wc .suone_content .p3 .list .l1{width:276px; height: 219px; display: flex; flex-wrap: wrap; align-items: center; background: url(../images/O1CN01wZPG4a1yFUZsCERiV_!!6000000006549-0-tps-756-536.jpg); background-size: cover;}
.suone_wc .suone_content .p3 .list .l1 p{color:#fff; margin-top: 15px; text-align: center; width:100%; font-size:24px; color:#000; letter-spacing: 0;}
.suone_wc .suone_content .p3 .list .l2{transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;width:276px; height: 219px; display: flex; opacity: 0; flex-wrap: wrap; align-items: center; background: url(../images/O1CN01t0Lg831Xcr9e1U8pD_!!6000000002945-0-tps-756-538.jpg); background-size: cover; position: absolute; top:0; left:0;}
.suone_wc .suone_content .p3 .list .l2 div{color:#fff; margin: 0 auto; text-align: center; width:90%; }
.suone_wc .suone_content .p3 .list .l2 div .p1{width:100%; font-size:22px; text-align: center;  color: #fff; letter-spacing: 0;}
.suone_wc .suone_content .p3 .list .l2 div .p2{width:100%; font-size:16px; text-align: center; line-height: 20px; color: #fff; margin-top: 10px;}
.suone_wc .suone_content .p3 .list:hover .l2{opacity: 1;} 


.sutwo_wc{width:100%; height: auto; background: #F6F8FC; padding: 50px 0 80px 0; margin-top: 70px;}
.sutwo_wc .sutwo_content{width:1200px;  margin: 0 auto; position: relative;}
.sutwo_wc .sutwo_content .n1{width:100%; text-align: center; font-size:44px;  color:#122039}
.sutwo_wc .sutwo_content .n2{width:100%; text-align: center; font-size:24px; color:#dedede}
.sutwo_wc .sutwo_content .n3{width:100%}
.sutwo_wc .sutwo_content .n3 .txt1{width:100%; text-align: center; font-size: 27px; color:#3d4758; margin-top: 10px;}
.sutwo_wc .sutwo_content .n3 .code{width:100%; text-align: center; margin-top: 30px;}
.sutwo_wc .sutwo_content .n3 .txt2{width:100%; text-align: center; font-size: 24px; color:#808998; margin-top: 20px;}

.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;}

.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; }

.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; margin-top: 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.png) 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: #fff; padding: 40px 0 10px 0;}
.foot_wc .foot{display: flex; width:90%; margin: 0 auto; text-align: center; color:#000; align-items: center; padding: 33px 0; line-height: 30px;}
.foot_wc .foot .f1{width:100%; display: flex; justify-content:flex-start;}
.foot_wc .foot .f1 a{margin-right: 20px; font-size:13px; color:#3d4758}
.foot_wc .foot .f1 .left{width:472px;}
.foot_wc .foot .f1 .left .l1{width:100%; text-align: left;}
.foot_wc .foot .f1 .left .l2{width:100%; line-height: 28px; color:#000; text-align: left; font-size:15px; margin-top: 20px;}
.foot_wc .foot .f1 .left .l3{width:100%; display: flex; justify-content: flex-start; margin-top: 20px;}
.foot_wc .foot .f1 .right{width:760px; display: flex; justify-content: space-between; margin-top: 60px;}
.foot_wc .foot .f1 .right div span{width:100%; display: block; color:#000; font-size:16px; font-weight: 800; text-align: left;}
.foot_wc .foot .f1 .right div a{width:100%; display: block; color:#666; text-align: left;}
.foot_wc .foot .f2{text-align: left; font-size:13px; margin-top: 50px; margin-right: 60px; color:#3d4758}
.foot_wc .foot .f3{text-align: left; font-size:13px; margin-top: 50px; color:#3d4758; display: flex; align-items: center;}
.foot_wc .foot .f3 img{width: 26px; margin-right: 6px;}

.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;
}

@media screen and (max-width: 1440px) {
.pone_wc .pone_content{width:96%}
.pone_wc .pone_content .p1{font-size:32px}
.pone_wc .pone_content .p3{width:100%}
.ptwo_wc .ptwo_content{width:96%}
.ptwo_wc .ptwo_content .p3{width:100%}
.pthree_wc .pthree_content{width:96%}
.pthree_wc .pthree_content .p3{width:100%}
.pthree_wc .pthree_content .p3 .p3_2 .list{width:86%; font-size:18px}
.ptwo_wc .ptwo_content .p1{font-size:32px;}
.pthree_wc .pthree_content .p1{font-size:32px;}
.maone_wc .maone_content .p1{font-size:32px;}
.matwo_wc .matwo_content .n1{font-size:32px;}
.suone_wc .suone_content .p1{font-size:32px;}
.sutwo_wc .sutwo_content .n1{font-size:32px;}
.sutwo_wc .sutwo_content .n3 .txt1{font-size:20px}
}

@media screen and (max-width: 1200px) {
  .common_top .navwrap{display: none;}
  .nav{display: block;}
  .maone_wc .maone_content .p3 .list{width:33.33%}
  .maone_wc .maone_content .p3 .list .l1{width:98%}
  .maone_wc .maone_content .p3 .list .l2{width:98%}

} 

@media screen and (max-width: 1200px) {
  .common_top .navwrap{display: none;}
  .zy_wc .zy_content{width:96%}
  .product_wc .product_content{width:96%}
  .news_wc .news_content{width:96%}
  .contact_wc .contact_content{width:96%}
  .foot_wc .foot{width:96%}
  .zy_wc{height: auto; padding: 40px 0;}
  .product_wc .product_content .p3 .list{width:32%}
  .product_wc .product_content .p3 .list .l1{width:100%}
  .product_wc .product_content .p3 .list .l2{width:100%}
  .news_wc .news_content .n3 .list .l2{font-size:26px}
  .news_wc .news_content .n3 .list .l3{font-size:15px}
  .pthree_wc .pthree_content .p3{flex-wrap: wrap; justify-content:flex-start}
  .pthree_wc .pthree_content .p3 .p3_1{width:100%; justify-content:flex-start}
  .pthree_wc .pthree_content .p3 .p3_1 form{width:100%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(1){width:12%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(2){width:86%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span button{width:100%}
  .pthree_wc .pthree_content .p3 .p3_2{border:none; margin-left: 0; width:100%; justify-content: flex-start; margin-top: 20px;}
  .maone_wc .maone_content{width:96%}
  .matwo_wc .matwo_content{width:96%}
  .matwo_wc .matwo_content .n3{width:100%}
  .matwo_wc .matwo_content .n3 .bottom .list{width:44%;}
  .matwo_wc .matwo_content .n3 .bottom .list .right .r1{font-size:16px}
  .matwo_wc .matwo_content .n3 .bottom{height: 460px;}
  .suone_wc .suone_content{width:96%}
  .sutwo_wc .sutwo_content{width:96%}
  .suone_wc .suone_content .p3 .list{width:48%; margin-top: 20px;}
  .suone_wc .suone_content .p3 .list .l1{width:100%}
  .suone_wc .suone_content .p3 .list .l2{width:100%}

} 


@media screen and (max-width: 1000px) {
  .product_wc .product_content .p3 .list{width:48%; margin-top: 2%;}
  .news_wc .news_content .n3 .list{width:48%; margin-top: 2%;}
  .zy_wc .zy_content{flex-wrap: wrap;}
  .zy_wc .zy_content .zy2{display: none;}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(1){width:16%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(2){width:82%}
  .matwo_wc .matwo_content .n3 .bottom .list .right{width:78%}
  .matwo_wc .matwo_content .n3 .bottom .list .right .r2{width:auto}
  .matwo_wc .matwo_content .n3 .bottom .lists{width:50%}
  .maone_wc .maone_content .p3 .list{width:49%}
}

@media screen and (max-width: 800px) {
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(1){width:20%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(2){width:78%}
}

@media screen and (max-width: 600px) {
  .common_top .logo img{height: 40px;}
  .common_top .logo{ margin-top: 30px;}
  .pd .pd1 img{width:100%}
  .product_wc .product_content .p3 .list{width:100%; margin-top: 2%;}
  .news_wc .news_content .n3 .list{width:100%; margin-top: 2%;}
  .news_wc .news_content .n3 .list .l3{height: auto;}
  .contact_wc .contact_content .c1{font-size:36px}
  .contact_wc .contact_content .c3 a{font-size: 22px; height: auto;}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(1){width:24%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(2){width:74%}
  .ptwo_wc .ptwo_content .p2 img{width:100%}
  .contact_wc .contact_content .c2 img{width:100%}
  .pone_wc .pone_content .p1{font-size:26px}
  .matwo_wc .matwo_content .n3 .bottom .list .right{width:68%}
  .matwo_wc .matwo_content .n3 .top{font-size:16px;}
  .matwo_wc .matwo_content .n3 .top span{white-space: nowrap;  overflow: hidden;       text-overflow: ellipsis; }
  .matwo_wc .matwo_content .n3 .bottom .lists{width:98%}
  .maone_wc .maone_content .p3 .list{width:100%}
}


@media screen and (max-width: 500px) {
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(1){width:34%}
  .pthree_wc .pthree_content .p3 .p3_1 .list span:nth-child(2){width:68%}
  .pthree_wc .pthree_content .p3 .p3_2 .list{font-size:16px}
  .suone_wc .suone_content .p3 .list{width:100%; margin-top: 20px;}
}