/*--统一设置--*/
@font-face{font-family: "myfont1"; src:url("Futura.ttc")}
@font-face{font-family: "myfont2"; src:url("AvenirNexts.otf")}
@font-face{font-family: "myfont3"; src:url("Alibaba-PuHuiTi-Bold.ttf")}
@font-face{font-family: "myfont4"; src:url("AlibabaPuHuiTi-2-85-Bold.ttf")}
@font-face{font-family: "myfont5"; src:url("1638489854903799.ttf")}
@font-face{font-family: "myfont6"; src:url("Alibaba-PuHuiTi-Medium.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}


.dropbtn {
  color: #000;
  padding: 16px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  width:120px;
  background: #fff;
}

/* 容器定位 */
.dropdown {
  position: relative;
  display: inline-block;
}

/* 下拉内容默认隐藏 */
.dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  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);
}

/* 下拉菜单链接样式 */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:14px
}

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

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

/* 显示下拉菜单时修改按钮颜色 */
.dropdown:hover .dropbtn {
  background-color: #096A8F;
  color:#fff
}


.side_nav { position: fixed; right: 0; bottom: 50%; z-index: 999; background: #fff; box-shadow: inset 0px -1px 0px rgb(255 255 255 / 45%); filter: drop-shadow(0px 1px 8px rgba(0, 61, 165, 0.1)); }
.side_nav ul li { width: 66px; height: 70px; text-align: center; position: relative; border-bottom: #ffffff 1px solid; cursor: pointer; background: #075A79; }
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span { position: absolute; top: 0px; right: 76px; font-weight: 900; color: #ffffff; z-index: 2; font-size: 14px; display: none; align-items: center; width: 200px; background: #075A79; text-align: left; text-indent: 46px; padding: 14px 0; }
.side_nav ul li:last-child { border-bottom: 0 }
.side_nav ul li:nth-child(3) span { }
.side_nav li i { display: block; margin: auto; width: 100%; height: 46px; background-size: 26px; filter: brightness(100); }
i.icon_dh { background: url(../image/i02.png) no-repeat top 15px center; }
i.icon_wx { background: url(../images/i03.png) no-repeat top 15px center; }
i.icon_qq { background: url(../image/i01.png) no-repeat top 14px center; }
i.icon_fh { background: url(../images/i04.png) no-repeat top 15px center; }
.side_nav ul li:hover span { display: block }
.side_nav ul li span:after { position: absolute; content: ""; border-width: 8px 0px 8px 8px; border-style: solid; border-color: transparent transparent transparent #075A79; border-image: initial; top: 29px; right: -7px; }
.side_nav ul li:nth-child(2) span { width: auto; margin: 0; padding: 10px; top: -40px }
.side_nav ul li:nth-child(2) span:after { top: 40% }
.side_nav ul li span:before { content: ""; width: 20px; height: 100%; position: absolute; right: -20px; }
.side_nav li a{text-decoration: none;}
.side_nav li p { /* position: absolute; */ bottom: 10px; display: block; text-align: center; width: 100%; line-height: 17px; font-size: 12px; color: #fff;  margin: 0; text-decoration: none;}
.side_nav ul li font { display: block; }
.side_nav ul li span font { padding-top: 7px; cursor: pointer; color: #ffffff; font-size: 17px; }
.side_nav ul li span img { width: 160px; margin: auto; display: block;}

.top_wc{width:100%; height: auto; background: #fff;}
.top_wc .top{width:1400px; height: 100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}



.common_top_wc{width:100%; border-bottom:1px solid #000; padding-top: 15px;}
.common_top_wc .common_top{width:1400px; margin: 0 auto; display: flex; justify-content: space-between;}
.common_top_wc .common_top .logo{color:#000; font-size:26px; font-family: "myfont1"; display: flex; align-items: center; letter-spacing: 4px;}
.common_top_wc .common_top .menu{display: flex; justify-content: flex-start;}
.common_top_wc .common_top .menu a{display: block; padding:20px 35px; text-decoration: none; color:#999; font-family: "myfont2"; font-size:14px}
.common_top_wc .common_top .menu a:nth-child(5){padding-right: 0;}
.common_top_wc .common_top .menu .sel{color: #000;}
.common_top_wc .common_top .menu a:hover{color: #000;}
 
.content_wc{width:100%; height: auto; background: #096A8F;}
.content_wc .content{width:1360px; margin: 0 auto;  padding:80px 20px; display: flex; justify-content:space-between; flex-wrap: wrap;}
.content_wc .content .left{width:250px;}
.content_wc .content .left a{display: block; width:100%; font-size:14px; height:74px; color:#fff; line-height: 74px; text-decoration: none; background: #075a79; text-align: center; border-bottom: 1px solid #096A8F;}
.content_wc .content .left .sel{background: #064c67;}
.content_wc .content .right{width:1050px;}
.content_wc .content .right .r_img{width:100%}
.content_wc .content .right .r_title{width:100%; font-size:20px; color:#fff; margin-top: 20px;}
.content_wc .content .right .r_content{width:38%; font-size:14px; line-height: 28px; color:#fff; margin-bottom: 20px; margin-left:5%; margin-right:7%; float:left}
.content_wc .content .right .r_content .title{ font-size:18px; text-align:center; font-weight:bold; line-height:60px; color:#FFFFFF}
.content_wc .content .right .r_content .body{ font-size:14px; line-height:30px; color:#FFFFFF}
.content_wc .content .right .r_content .page{ font-size:14px; line-height:30px; color:#FFFFFF; margin-top:30px;}
.content_wc .content .right .r_content .page a{
	color:#FFFFFF;
	text-decoration: none;
}
.content_wc .content .right .r_content .news_list{width:96%; text-decoration: none; color:#fff; background: #075a79; display: block; padding: 2%; border-bottom: 1px solid #096A8F;}
.content_wc .content .right .r_content .news_list .news_title{width:100%; display: flex; justify-content: space-between;}
.content_wc .content .right .r_content .news_list .news_title .t1{font-size:16px; font-weight: 800;}
.content_wc .content .right .r_content .news_list .news_ms{font-size:12px; margin-top: 10px;}

.content_wc .content .con1{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.content_wc .content .con1 .list{width:30%;}
.content_wc .content .con1 .list .list1{font-size:16px; color:#fff}
.content_wc .content .con1 .list .list2{font-size:14px; color:#fff;  color:#fff;  margin-top: 10px; line-height: 24px;}
.content_wc .content .con2{width:100%; margin-top: 50px;}
.content_wc .content .con2 .title{font-size:16px; color:#fff;}



  table {
    border-collapse: collapse; /* 确保边框不会重叠 */
    width: 100%; /* 可选：设置表格宽度 */
    margin-top: 20px;
  }
  table, td {
    border: 1px solid #fff; /* 设置细线边框 */
    color:#fff;
  }
  table td{width:25%; text-indent: 10px; line-height: 30px;}
  table td:nth-child(3){width:50%}


.work_wc{width:100%;}
.work_wc .work_title{width:1400px; margin: 0 auto;  margin-top: 120px; font-size:20px; font-family: "myfont2";}
.work_list_wc{width:100%; padding-bottom:100px; border-bottom: 1px solid #000; margin-top: 120px;}
.work_list_wc .work_list{width:1400px; margin: 0 auto; font-family: "myfont2"; display: flex; justify-content: space-between;}
.work_list_wc .work_list .img{width:50%}
.work_list_wc .work_list .img img{width:100%}
.work_list_wc .work_list .ms{width:30%}
.work_list_wc .work_list .ms .ms1{display: block; width:100%; font-size:20px;}
.work_list_wc .work_list .ms .ms2{display: block; width:100%; font-size:14px; color:#333; margin-top: 10px;}


.pro_wc{width:100%;}
.pro_wc .pro_title{width:1400px; margin: 0 auto;  margin-top: 120px; font-size:20px; font-family: "myfont2";}
.pro_list_wc{width:100%; padding-bottom:100px; border-bottom: 1px solid #000; margin-top: 120px;}
.pro_list_wc .pro_list{width:1400px; margin: 0 auto; font-family: "myfont2"; display: flex; justify-content: space-between;}
.pro_list_wc .pro_list .img{width:50%}
.pro_list_wc .pro_list .img img{width:100%}
.pro_list_wc .pro_list .ms{width:30%}
.pro_list_wc .pro_list .ms .ms1{display: block; width:100%; font-size:20px;}
.pro_list_wc .pro_list .ms .ms2{display: block; width:100%; font-size:14px; color:#333; margin-top: 10px;}

.about_wc{width:100%; padding-bottom: 300px;}
.about_wc .about{width:900px; margin: 0 auto;  margin-top: 250px; font-size:15px; font-family: "myfont2";}
.about_wc .about .a1{width:100%; font-size:20px;}
.about_wc .about .a2{width:100%; margin-top: 250px;}
.about_wc .about .a3{width:100%; margin-top: 70px;}
.about_wc .about .a4{width:100%; margin-top: 70px; font-size:20px}
.about_wc .about .a5{width:100%; display: flex; justify-content:flex-start; line-height: 28px;}
.about_wc .about .a5 .a5_1{width:120px}
.about_wc .about .a5_line{width:100%; margin-top: 50px;}


.contact_wc{width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-family: "myfont2";}
.contact_wc .contact .c1{font-size:16px}
.contact_wc .contact .c2{font-size:16px; margin-top: 60px;}
.contact_wc .contact .c3{font-size:16px; margin-top: 60px;}


.foot_wc{width:100%; background: #fff;}
.foot_wc .foot{width:1400px; margin: 0 auto; text-align: center; color:#000; align-items: center; padding: 33px 0; line-height: 30px;}

@media screen and (max-width: 1200px) {
  .i_content{width:850px; justify-content: space-between;}
  .i_content a{width:250px; margin:50px 0 0 0;}
  .i_content a:nth-child(3){display: none;}
  .i_content a:nth-child(4){display: block;}
  .common_top_wc .common_top_gd .gd1 span{display: none;}
  .common_top_wc .common_top_gd .gd1 img{border: 1px solid #999; padding: 8px; border-radius: 4px;}
  .common_top_wc .common_top_gd .gd3 span:nth-child(1){display: none;}

  .i_contents .left{display: none;}
  .i_contents .right{width:100%}
  .common_top_wcs .common_top_gd{height: 80px;}
  .common_top_wcs .common_top_gd .gd1 img{height: 26px;}
  .common_top_wcs .common_top_gd .gd1 span{display: none;}
  .common_top_wcs .common_top_gd .gd2{line-height: 80px; font-size:36px}
  .common_top_wcs .common_top_gd .gd3 img{height: 35px;}
  .common_top_wcs .common_top_gd .gd3 span:nth-child(1){display: none;}

  .i_contents{height: calc(100% - 80px);}
  


}

@media screen and (max-width: 850px) {
  .i_content{width:540px;}
  
}

@media screen and (max-width: 580px) {
  .i_content{width:360px;}
  .i_content a{margin: 10px 0 0 0; width:170px; height: auto; padding-bottom: 20px;}
  .i_content a p{white-space: nowrap;     overflow: hidden;       text-overflow: ellipsis; margin: 0; padding:10px 0; font-size:14px}
  
  
}