@charset "utf-8";

@font-face {
    font-family: "HarmonyOS_Sans_SC_Light";
    src: url("../font/HarmonyOS_Sans_SC_Light.woff2") format("woff2"),
    url("../font/HarmonyOS_Sans_SC_Light.woff") format("woff"),
    url("../font/HarmonyOS_Sans_SC_Light.ttf") format("truetype"),
    url("../font/HarmonyOS_Sans_SC_Light.eot") format("embedded-opentype"),
    url("../font/HarmonyOS_Sans_SC_Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}




body{margin:0px; font-size:18px; color:#333;  font-family:HarmonyOS_Sans_SC_Light; background:#ffffff;}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0;  font-family:HarmonyOS_Sans_SC_Light; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px;  font-family: HarmonyOS_Sans_SC_Light; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#2b3887;}
ol,ul{list-style:none}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.height-none{height:0;padding:0;overflow:hidden}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#a69268;}
::-webkit-scrollbar-thumb:active{background-color:#a69268;}
/* 为表格的偶数行设置背景色 */
tr:nth-child(even) {
background-color: #f6f6f6;
}
/* 为表格的奇数行设置背景色 */
tr:nth-child(odd) {
background-color: #ffffff;
}





.con{ width:94%; margin:0px auto; max-width:1200px;}



.header{width:100%; position:fixed; top:0; left:0; z-index:99;}
.header.on{ background: rgba(255, 255, 255, 0.99);}
.header.on .search {color:#000;}
.header .logo{width:500px; float:left; padding:15px 0px;  }
.header .logo img{width:100%; height:auto;}
.header .dxs { display:block;}
.header .sxs { display: none;}
.header.on .sxs { display:block;}
.header.on .dxs { display:none;}
.header .s_ch{height:30px; width:30px;  font-weight:bold; line-height:30px; text-align: center; background:;  color:#000; font-weight: 900;float:right; cursor:pointer; padding:40px 35px 0px 10px;  
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .s_ch i{font-size:24px; color:#333; font-weight: 900; }
.header .dh { float:right; margin:40px 0px 40px 20px; background:#fff; border-radius:5px; width:90px; line-height:30px; overflow:auto; text-align:center; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.header .dh .zz { font-size:14px; color:#000b4c; width:45px; text-align:center; float:left;}
.header .dh .zz a  { color:#fff; color:#000b4c; display:block;}
.header .dh .zzz {font-size:14px; background:#003e8a; color:#fff; width:45px; text-align:center; float:left;}
.header .dh .zzz a {color:#fff;}

.header.on .an i{color:#a69268;}
.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:22px; }
.header .an span{width:30px; height:2px; background:#22a6de; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}

.header .nav{float:left; margin:35px 0px 0px 50px;}
.header .nav i{font-size:18px; line-height:60px; text-align:right; position:absolute; width:50%; height:60px; right:0px; top:50%; display:none; color:#22a6de; 
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .nav ul li{height:40px; font-size:18px;  float:left; position:relative;  
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li a.o_lm{line-height:40px; color:#000b32; display:block; font-size:18px;  padding:0px 20px; border-radius:5px;  } 
.header .nav ul li:hover a.o_lm{color:#fff;background:#003e8a;}
.header .nav ul li.on a.o_lm{color:#fff;background:#003e8a;}

.header .nav ul li a.o_lmm{line-height:40px; color:#fff; display:block; font-size:18px;  padding:0px 20px; border-radius:5px;  } 
.header .nav ul li:hover a.o_lmm{color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}
.header .nav ul li.on a.o_lmm{color:#fff;background: linear-gradient(to right, #1ea4dc, #54c4f9);}
.header.on .nav ul li a.o_lmm{ color:#000b32; }
.header.on .nav ul li.on a.o_lmm{color:#fff;}
.header.on .nav ul li:hover a.o_lmm{color:#fff;}

.header .nav .y_j{position:relative;}

.header .nav .e_j{width:135%;background:rgba(255,255,255,.8); position:absolute; top:40px; left:-20px;  z-index:9999;  border-radius:5px; padding:0px; text-align:center; overflow:hidden; }
.header .nav ul li .e_j a{display:block; font-size:15px; color:#666; line-height:40px;}
.header .nav .e_j a:hover{ color:#fff;background:#003e8a;}
.header .nav .e_j:hover .ejj{display: block;}


@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
}

@media (min-width:1024px) and (max-width:1440px ) {
.header .nav{float:right;}
.header .nav ul li{ font-size:18px;  }
.header .nav ul li a.o_lm{ font-size:18px;  }
.header .nav ul li a.o_lmm{ font-size:18px;} 
}


@media (min-width:1024px) and (max-width:1360px ) {
.header .nav{float:right;}
.header .nav ul li{ font-size:16px;  }
.header .nav ul li a.o_lm{ font-size:16px; padding:0px 25px;}

.header .nav ul li a.o_lmm{ font-size:16px;  padding:0px 25px;} 
}

@media only screen and (max-width:995px){
.header{padding:0%;   }
.header .yyxz { float: right; padding-top: 20px; margin-right: 10px;}
.header .dbtb { width:94%; margin: 0px auto; height: 30px; line-height: 30px; border-bottom: 1px dashed #ddd;}
.header .dbtb  a { font-size: 14px; margin-right: 25px; color: #666;}
.header .con { width100%; margin:0 auto;}
.header .logo{width:200px; float:left; padding:15px 0px; }
.header .logo img { width:100%; height:auto;}

.header .dxs { display: none;}
.header .sxs { display:block;}
.header.on .sxs { display:block;}
.header.on .dxs { display:none;}

.header .dh { margin:16px 50px 0px 0px;}
.header .dh a { font-size:14px; }




.header .s_ch{height:60px; width:60px; line-height:32px;  padding-top:14px; display:none;  }
.header .s_ch i{font-size:24px; color:#fff; font-weight: 900; }

.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:rgba(255,255,255,.99); top:0; right:0; margin:0; margin-top:60px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav i{display:block;}
.header .nav ul{margin-bottom:100px;}
.header .nav ul li{width:90%; height:auto; text-align:left; font-size:18px; display:block; margin:0px 0px 0px 20px; 
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li span{ display:none;}
.header .nav ul li a.o_lm{line-height:50px; color:#333; font-size: 18px;}
.header .nav ul li:hover a.o_lm{color:#1ea4dc; background:none;}

.header .nav ul li a.o_lmm{line-height:50px; color:#333; font-size: 18px;}
.header .nav ul li:hover a.o_lmm{color:#1ea4dc; background:none;}


.header .nav .y_j{border-bottom:0px solid #1ea4dc;}

   
	
	
.header .nav .e_j{padding:10px 0px; border-bottom:1px solid #e4dbcd; background:none; position:relative;z-index:10000; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#333; line-height:35px; text-align:left; padding-left:40px; }

}



.search{width:100%; background: rgba(37, 168, 224, 0.9); position:fixed; top:110px; left:0; z-index:101; display:none;}
.search .container{ position: relative;}
.search .sc_gb{position:absolute; top:50%; margin-top:-25px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.search .sc_gb i{font-size:26px; line-height:40px; color:#fff;}
.search .sc_nr{width:700px; margin:20px auto; border: 2px solid rgba(255, 255, 255, 0.3);}
.search input{width:430px; height:40px; font-size:14px; line-height:40px; color:#fff; float:left; padding-left: 15px;}
.search input::placeholder{color:#fff;}
.search button{width:70px; height:40px; line-height:40px; text-align:center; color:#fff; float:right; outline:none; cursor:pointer;}
.search button i{font-size:30px;}
@media only screen and (max-width:992px){
.search{ top:60px;}
.search .sc_gb{position:absolute; top:50%; margin-top:20px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb i{font-size:18px; line-height:35px; }
.search .sc_nr{width:85%;float: left;}
.search input{width:80%; font-size:15px; float: left;  height:35px; font-size:14px; line-height:35px;}
.search button{width:15%; height:35px; line-height:35px; }
.search button i{font-size:18px;}
}


.head_h{width:100%; height:0px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:60px;}
}






.gallery-top{width:100%; position:relative; height:100vh; }
.gallery-top .swiper-slide img{width:100%;   height:100vh; display:block;}
.gallery-top .swiper-slide .bj {position:absolute; left:0; top:0; height: 100%; width: 100%; background: rgba(0,0,0,.4);}
.gallery-top .swiper-slide .wz{width:38%; color:#fff; position:absolute; left:13%; top:42%;}
.gallery-top .swiper-slide .wz h3{font-size:60px; text-shadow: 1px 1px 2px rgba(0,0,0,.0);  margin-bottom:20px; color:#2b3887; font-weight:bold; }
.gallery-top .swiper-slide .wz h3 p{font-size:60px; line-height:75px; text-shadow: 1px 1px 2px rgba(0,0,0,.0);  margin-bottom:20px; color:#333; }
.gallery-top .swiper-slide .wz h2{font-size:28px;  text-shadow: 1px 1px 2px rgba(0,0,0,.0); color:#333; line-height:38px;}
.gallery-top .swiper-slide .wz p{font-size:22px; letter-spacing:1px; line-height:36px; }
.gallery-top .swiper-slide .wz a { background: #1ea4dc; width:300px; height:45px; line-height:45px; border-radius:30px; color:#fff; display:block; text-align:center; font-size:24px; margin:40px auto 0px auto;  text-transform: uppercase; }
.gallery-top .swiper-slide .wz i { margin-left: 10px; font-size: 14px;}
.gallery-top .swiper-button-next{width:45px; height:45px; background:url(/template/default/images/h_yj.png) no-repeat; right:20px;background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
.gallery-top .swiper-button-prev{width:45px; height:45px; background:url(/template/default/images/h_zj.png) no-repeat; left:20px; background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}
.bng {height:100px;}

@media only screen and (max-width:1660px){
.gallery-top .swiper-slide .wz{width:85%; left:7.5%;}
}

@media only screen and (max-width:1440px){
.gallery-top .swiper-slide .wz{width:90%; left:5%;}
.gallery-top .swiper-slide .wz h3{font-size:52px; }
.gallery-top .swiper-slide .wz h3 p{font-size:52px;  }
.gallery-top .swiper-slide .wz h2{font-size:24px; }
}
@media only screen and (max-width:992px){
.gallery-top{width:100%; position:relative; height: 30vh;}
.gallery-top .swiper-slide { overflow: hidden;}
.gallery-top .swiper-slide img{width: auto; height:30vh; position: absolute; left:50%;  transform:translateX(-50%);   top:0; }
.gallery-top .swiper-slide .wz{ top:30%; width:90%; left: 5%; }
.gallery-top .swiper-slide .wz h3{font-size:22px; height:auto;}
.gallery-top .swiper-slide .wz h2{font-size:16px;  line-height:20px; letter-spacing:0px;}
.gallery-top .swiper-slide .wz a {width:150px; height:35px; line-height:35px;  font-size:14px; margin-top:0; display:none;  }
.gallery-top .swiper-button-prev { display:none;}
.gallery-top .swiper-button-next { display:none;}
.bng {height:70px;}
}


.sy_gy { width:100%; margin:120px auto 70px auto;}
.sy_gy .bt { font-size:60px; color:#1d2088; margin-bottom:50px;}
.sy_gy .bt span { color:#003e8a;}
.sy_gy p { font-size:18px; color:#000; line-height:36px;}
.sy_gy ul { margin-top:70px; overflow:hidden;}
.sy_gy ul li { width:100%; float:left; position:relative; overflow:hidden; background:#f6f6f6; }

/* 图片容器 */
.sy_gy ul li .tp {
    width:50%;
    height:auto;
    float:left;
}
.sy_gy ul li .tp img {
    width:100%;
    height:auto;
    display:block;
}

/* 文字容器（默认：图片左，文字右） */
.sy_gy ul li .wz {
float:right;
    z-index:3;
    color:#333;
    text-align:left;
    width:50%; padding:8%  8% 0 8%;
    font-size:18px;
    line-height:32px; text-align:center;
}
.sy_gy ul li .wz h2 {
    font-size:44px;
    padding-bottom:30px;
    margin:0;
}

/* 第二个li：反向布局 → 文字左 + 图片右 */
.sy_gy ul li:nth-child(2) .tp {
    float:right;
}
.sy_gy ul li:nth-child(2) .wz {
    float:left;
   
}

.mran { width:200px; height:50px; line-height:50px; background:#003e8a; font-size:18px; border-radius:5px; color:#fff;  padding-left:45px; margin-top:45px; }
.mran i { width:40px; line-height:40px; background:#fff; border-radius:5px; text-align:center; line-height:40px; color:#003e8a; font-size:22px; float:right; margin:5px;}
.mran a {color:#fff;}



@media only screen and (max-width:992px){
.sy_gy { margin:50px auto 20px auto;}	
.sy_gy .bt { font-size:28px; margin-bottom:20px;}
.sy_gy p { font-size:15px; color:#000; line-height:24px;}


.mran { width:160px; height:45px; line-height:45px; font-size:16px;  padding-left:30px; margin-top:20px; }
.mran i { width:30px; line-height:30px; line-height:30px;font-size:16px; margin:7.5px; }

.sy_gy ul { margin-top:40px;}
.sy_gy ul li { width:100%; float: none; position:relative;}
.sy_gy ul li .tp {
    width:100%;
    float: none;
}
.sy_gy ul li .wz { width:100%; font-size:14px; line-height:24px; padding:10% 4%;}
.sy_gy ul li .wz h2 { font-size:28px; padding-bottom:20px;}
}




.sy_bt { font-size:60px; color:#1d2088; margin-bottom:25px;}
.sy_bt span {color:#003e8a;}
.sy_bt font { width:120px; height:35px; line-height:35px; border-radius:30px; background: linear-gradient(to right, #1ea4dc, #54c4f9); text-align:center; color:#fff; font-size:18px; float:right; margin-top:22.5px;}
.sy_bt font a {color:#fff; font-size:18px;}
@media only screen and (max-width:992px){
.sy_bt { font-size:28px; }
.sy_bt font { width:100px; height:30px; line-height:30px; font-size:14px;  margin-top:7px;}
.sy_bt font a {color:#fff; font-size:14px;}
}



.sy_fw { width:100%; margin:50px auto;}
.sy_fw .bt { border-bottom:1px solid #2b3887; font-size:24px; color:#2b3887; line-height:80px;}
.sy_fw .bt span { width:120px; height:35px; line-height:35px; border-radius:30px; background: linear-gradient(to right, #1ea4dc, #54c4f9); text-align:center; color:#fff; font-size:18px; float:right; margin-top:22.5px;}
.sy_fw .bt span a {color:#fff; font-size:18px;}

.sy_fw .btt { border-bottom:1px solid #7535a8; font-size:24px; color:#7535a8; line-height:80px;}
.sy_fw .btt span { width:120px; height:35px; line-height:35px; border-radius:30px; background: linear-gradient(to right, #1ea4dc, #54c4f9); text-align:center; color:#fff; font-size:18px; float:right; margin-top:22.5px;}
.sy_fw .btt span a {color:#fff; font-size:18px;}


.sy_fw .fw1 ul { margin-top:30px;}
.sy_fw .fw1 ul li { width:23%; float:left; margin:0 2.6% 2.6% 0; background:#e7f1f8; text-align:center; padding:45px 0px 20px 0px; border-radius:5px;}
.sy_fw .fw1 ul li:nth-child(4n){ margin-right: 0;}
.sy_fw .fw1 ul li .tp { width:100px; margin:0px auto 40px auto;}
.sy_fw .fw1 ul li .dxs { display:block;}
.sy_fw .fw1 ul li .sxs { display:none;}
.sy_fw .fw1 ul li:hover .dxs { display:none;}
.sy_fw .fw1 ul li:hover .sxs { display:block;}
.sy_fw .fw1 ul li:hover { background: #003e8a; }
.sy_fw .fw1 ul li p { font-size:22px; color:#000000; height:50px; padding:0px 10px;}
.sy_fw .fw1 ul li:hover p { color:#fff;}
.sy_fw .fw1 ul li.on {background:#003e8a;}
.sy_fw .fw1 ul li.on .dxs { display:none;}
.sy_fw .fw1 ul li.on .sxs { display:block;}
.sy_fw .fw1 ul li.on p { color:#fff;}


.ny_fw { margin:50px auto;}
.sy_fw .fw2 ul {}
.sy_fw .fw2 ul li { width:23%; float:left; margin:0 2.6% 2.5% 0; text-align:center; padding:20px 0px; border-radius:5px; background:#f5fafd;}
.sy_fw .fw2 ul li:nth-child(4n){ margin-right: 0;}
.sy_fw .fw2 ul li:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 62, 138, 0.15);
}
.sy_fw .fw2 ul li .tp { width:100%; text-align:center; margin-bottom:15px;}
.sy_fw .fw2 ul li .tp img { width:140px;}
.sy_fw .fw2 ul li h2 {font-size:20px; color:#003e8a; padding-bottom:10px;}
.sy_fw .fw2 ul li:hover p {color:#fff;}



@media only screen and (max-width:992px){
.sy_fw { margin:50px auto;}
.sy_fw .bt {  font-size:22px; line-height:60px;}
.sy_fw .bt span { width:100px; height:30px; line-height:30px; font-size:14px;  margin-top:15px;}
.sy_fw .bt span a { font-size:14px;}

.sy_fw .btt {  font-size:22px;  line-height:60px;}
.sy_fw .btt span { width:100px; height:30px; line-height:30px;font-size:14px;  margin-top:15px;}
.sy_fw .btt span a {font-size:14px;}


.sy_fw .fw1 ul { margin-top:20px;}
.sy_fw .fw1 ul li { width:100%;  margin:0 0% 2% 0; padding:40px 0px 20px 0px;}
.sy_fw .fw1 ul li:nth-child(2n){ margin-right: 0;}


.ny_fw { margin:30px auto;}
.sy_fw .fw2 ul li { width:48%; float:left; margin:0 4% 4% 0; }
.sy_fw .fw2 ul li .tp img { width:100px;}
.sy_fw .fw2 ul li:nth-child(2n){ margin-right: 0;}
.sy_fw .fw2 ul li h2 {font-size:16px; color:#003e8a; padding-bottom:0px; height:40px;}
}







.sy_xw {width: 100%; margin:90px auto; }
.sy_xw .zc { width:32%; float:left; position:relative; overflow:hidden; border-radius:5px;}
.sy_xw .zc .tp img { width:100%; height:auto;}
.sy_xw .zc .bj {background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); position:absolute; left:0; bottom:0; width:100%; height:50%;}
.sy_xw .zc .wz {position:absolute; left:8%; bottom:40px; width:84%;  }
.sy_xw .zc .wz p { margin-bottom:20px; color:#fff; font-size:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.sy_xw .zc .wz p a {color:#fff}
.sy_xw .zc .wz h2{ font-size:16px; vertical-align:middle;color:#fff; }
.sy_xw .zc .wz h2 img { margin-right:10px; margin-top:-2px;}
.sy_xw .yc { width:65%; float:right;}
.sy_xw .yc .s1 { background:#e7f1f8; border-radius:5px; padding:58px 40px;}
.sy_xw .yc .s1 h1 { font-size:30px; color:#2b3887; padding-bottom:25px;}
.sy_xw .yc .s1 h1 a {color:#2b3887;}
.sy_xw .yc .s1 p { font-size:20px; color:#000; line-height:36px; margin-bottom:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.sy_xw .yc .s1 h2 { font-size:16px; color:#2b3887;vertical-align:middle; }
.sy_xw .yc .s1 h2 img { margin-right:10px; float:left; margin-top:3px; }
.sy_xw .yc .s2 { margin-top:20px;}
.sy_xw .yc .s2 ul li { width:49%; float:left; margin:0 2% 0 0; position:relative; border-radius:5px; overflow:hidden;}
.sy_xw .yc .s2 ul li:nth-child(2n){ margin-right: 0;}
.sy_xw .yc .s2 ul li .tp img {width:100%; height:auto;}
.sy_xw .yc .s2 ul li .bj {background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1;}
.sy_xw .yc .s2 ul li .wz {position:absolute; left:8%; bottom:40px; width:84%; z-index:2;  }
.sy_xw .yc .s2 ul li .wz p { margin-bottom:20px; color:#fff; font-size:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.sy_xw .yc .s2 ul li .wz p a {color:#fff}
.sy_xw .yc .s2 ul li .wz h2{ font-size:16px; vertical-align:middle;color:#fff; }
.sy_xw .yc .s2 ul li .wz h2 img { margin-right:10px; margin-top:-2px;}
.xxx{margin:60px auto 0px auto;}
@media only screen and (max-width:1660px) {
.sy_xw .zc { width:32.5%; }	
.sy_xw .yc { width:64.4%; float:right;}
}
@media only screen and (max-width:1440px) {
.sy_xw .zc { width:33.6%; }	
.sy_xw .yc { width:63.4%; float:right;}
}
@media only screen and (max-width:1360px) {
.sy_xw .zc { width:34.8%; }	
.sy_xw .yc { width:62.2%; float:right;}
}

@media only screen and (max-width:992px) {
.sy_xw {width: 100%; margin:40px auto; }
.sy_xw .zc { width:100%; float: none;  }	
.sy_xw .zc .wz {left:5%;  width:90%;  }
.sy_xw .zc .wz p {  font-size:18px; }
.sy_xw .zc .wz h2{ font-size:14px; }

.sy_xw .yc { width:100%; float: none; margin-top:20px; }
.sy_xw .yc .s1 { padding:30px;}
.sy_xw .yc .s1 h1 { font-size:18px;  padding-bottom:15px;}
.sy_xw .yc .s1 p { font-size:14px; line-height:24px; margin-bottom:20px;  }
.sy_xw .yc .s1 h2{ font-size:14px; }
.sy_xw .yc .s2 ul li { width:100%; float: none; margin:0 0% 2% 0; }
.sy_xw .yc .s2 ul li .wz {left:5%; width:90%;  }
.sy_xw .yc .s2 ul li .wz p {  font-size:18px; }
.sy_xw .yc .s2 ul li .wz h2{ font-size:14px; }
.xxx{margin:20px auto 0px auto;}
}




footer{background: #003e8a;}
footer .left{ width:35%; float:left;}
footer .left dl { width:100%; float:left; padding:60px 30px;}
footer .left dl dt{font-size:18px;color:#fff;margin-bottom:20px;transition:.5s;position:relative;}
footer .left dl dt a {font-size:18px;color:#fff;}
footer .left dl dd{font-size:14px;color: #868686;line-height:32px;transition:.5s;}
footer .left dl dd a {color: #fff;}
footer .right{width:100%; float:left; padding:50px 0px; font-size:14px;}
footer .right img { margin-bottom:25px;}
footer .right p{ font-size:14px; line-height:25px; color:#fff;}
footer .right p i { margin-right:10px;}
footer .ycwx { float:right; width:20%; padding:50px 0px;}
footer .ycwx .wx { float:right; width:90px; font-size:14px; text-align:center; line-height:40px; color:#fff; margin-left:30px;}
footer .ycwx .wx img { width:100%;}


footer .fl02{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.2);  }
footer .fl02 .zc { float:left;}
footer .fl02 .zc p{font-size:14px;color:#fff;line-height:36px;}
footer .fl02 .zc p a {color:#fff;}
footer .fl02 .yc{ float:right;}
footer .fl02 .yc a {color:#fff; font-size:14px;}

@media only screen and (max-width:992px){
footer .left{ display:none;}
footer .right{width:100%; float: none; padding:30px 0px 20px 0px;}
footer .right img { display:none;}

footer .ycwx { float: none; width:100%; padding:0px 0px 20px 0px;}
footer .ycwx .wx { float:left; width:90px; font-size:14px; text-align:center; line-height:40px; color:#fff; margin-left:0px; margin-right:30px;}
footer .ycwx .wx img { width:100%;}
footer .fl02 .zc { float: none; width:100%; text-align:center;}
footer .fl02 .zc p{font-size:12px;color:#fff;line-height:24px;}
footer .fl02 .yc{ float: none;width:100%; text-align:center;}
footer .fl02 .yc a {color:#fff; font-size:12px;}
footer .right{font-size:12px;}
}
	

.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}
.nban img{ width:100%; height:auto;}
.nban .wz { position: absolute; left:13%; bottom:50px; z-index: 5; width:74%;}
.nban .wz p { font-size:16px;color: #333; text-align:left;}
.nban .wz p a {font-size:16px;color: #666;}
.nban .dbt { position: absolute; left:13%; top:40%; z-index: 7; width:74%; }
.nban .dbt h1 { font-size:30px;color: #666; padding-bottom:10px;}
.nban .dbt h2 {font-size:46px;color: #003e8a; }
@media screen and (max-width:1660px) {
.nban .wz {left: 7.5%; width:85%;}
.nban .dbt {left:7.5%;width:85%; }
}


@media screen and (max-width:1440px) {
.nban .wz { left:5%;width:90%;}
.nban .dbt {left:5%;width:90%; }
}
@media screen and (max-width:992px) {
.nban{  height:250px; margin-top:0px;}
.nban img{ position:absolute; height:250px; width:auto; top:0; left:50%; transform:translateX(-50%); z-index:2}
.nban .wz {  left:3%;  width:94%; bottom:30px;}
.nban .dbt { left:3%; top:30%; width:94%; }
.nban .dbt h1 { font-size:40px;}
.nban .dbt h2 {font-size:24px; }
}


.nybt { font-size:40px; color:#132c80; margin-bottom:20px;}
.nybt span { color:#08b5f7;}



.ny_gy {width:100%; margin:0px auto;  padding:100px 0px 50px 0px;}
.ny_gy .swz { padding-bottom:90px; color:#333; line-height:40px; font-size:20px; }
.ny_gy .zc { width:45%; float:left;}
.ny_gy .zc img { width:100%; height:auto;}
.ny_gy .yc { width:50%; float:right; padding-top:8%;}
.ny_gy .yc h3 { font-size:30px; margin-bottom:20px; color:#08b5f7;}
.ny_gy .yc p { padding-bottom:90px; color:#333; line-height:40px; font-size:20px;}

.ny_gy1 {width:100%; margin:0px auto; padding:0px 0px 100px 0px;}
.ny_gy1 .zc { width:45%; float:left; padding-top:8%;}
.ny_gy1 .zc .xx { margin-top:80px;}
.ny_gy1 .zc p { padding-bottom:90px; color:#333; line-height:40px; font-size:20px;}
.ny_gy1 .yc { width:50%; float:right; border-radius:10px;}
.ny_gy1 .yc img { width:100%; height:auto;}

@media screen and (max-width:992px) {
.nybt { font-size:36px;  margin-bottom:20px;}


.ny_gy { padding:70px 0px 0px 0px;}
.ny_gy .swz { padding-bottom:40px; color:#333; line-height:28px; font-size:16px; }
.ny_gy .zc { width:100%; float: none; margin:0 auto;}
.ny_gy .yc { width:100%; float: none; padding-top:8%;}
.ny_gy .yc h3 { font-size:22px; margin-bottom:10px; }
.ny_gy .yc p { padding-bottom:40px; line-height:26px; font-size:16px;}

.ny_gy1 { padding:0px 0px 0px 0px;}
.ny_gy1 .zc { width:100%; float: none; padding-top:8%;}

.ny_gy1 .yc { width:100%; float: none;}	

}

.ndh { width:100%; margin:80px auto 0px auto; overflow:hidden; background: #fff; line-height:60px; text-align:center;}
.ndh ul li { display:inline-block; width:auto; line-height:50px; font-size:20px;  color:#616264; background:#fff; border:1px solid #d9d9d9; margin:0px 5px; border-radius:10px; overflow:hidden;  }
.ndh ul li a {font-size:20px; padding:0px 40px; color:#616264;  line-height:50px; font-weight:bold;}
.ndh ul li:hover {border:1px solid #dceaf5; background:#dceaf5;}
.ndh ul li:hover a {  color:#122c80; }
.ndh ul li.on {background:#dceaf5; border:1px solid #dceaf5; }
.ndh ul li.on a {color:#122c80; }
.ndh .dhk { width: auto;}

@media screen and (max-width:992px) {
.ndh { width:100%; margin:40px auto 0px auto; overflow:hidden;  line-height:50px;}
.ndh ul li { width:49%; float: left; font-size:18px; line-height:50px; margin-right:2%; margin-bottom:2%; margin-left:0; }
.ndh ul li:nth-child(2n) { margin-right:0;}
.ndh ul li a {font-size:18px; padding:0px; }
}


.ny_xw {padding:80px 0px;}
.ny_xw ul { padding-bottom:50px;}
.ny_xw ul li { border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; padding:30px 0px;}
.ny_xw ul li .rq { width:15%; float:left; text-align:center; font-size:18px; position:relative;}
.ny_xw ul li .rq h1 { font-size:60px; font-family:Montserrat; font-weight:bold; color:#003e8a; }
.ny_xw ul li .zw { width:73%; float:left; margin-left:55px; padding-top:10px;  }
.ny_xw ul li .zw h2{ color:#003e8a; font-size:24px; padding-bottom:15px;}
.ny_xw ul li .zw h2:hover a { color:#004fa2;}
.ny_xw ul li .zw p { color:#848484; line-height:30px; font-size:17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;  
}



@media only screen and (max-width:992px) {
.ny_xw {padding:10px 0px 40px 0px;}
.ny_xw ul { padding-bottom:20px;}
.ny_xw ul li .rq { width:80px; font-size:14px;  height:130px;padding-top:8%; }
.ny_xw ul li .rq h1 { font-size:40px; }
.ny_xw ul li .zw { width:70%; float:left; margin-left:20px;  padding-top:8%; height:130px;}
.ny_xw ul li .zw h2{ font-size:18px; padding-bottom:10px;}
.ny_xw ul li .zw p { line-height:24px; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; }
.ny_xw ul li.on .rq:before {left: 80px; margin-top:-13px; }
}

/*翻页*/
.paging{width:100%; margin:0px auto 0px auto; text-align:center; overflow:hidden;}
.paging a{line-height:42px; color:#333333; background:#f8f8f8; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:42px; height:42px; margin:0 5px; display:inline-block; border-radius:100px;}
.paging a:hover{background-color:#003e8a;  color:#fff;}
.paging a.on{background-color:#003e8a;  color:#fff;}
.paging i { font-size:14px;}
@media only screen and (max-width:992px) {
.paging{margin:20px auto 30px auto ;}
.paging a{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 5px; }
}







.ny_lx{ padding:140px 0px; background:url(/template/default/images/lxb.png) repeat-y; background-size:100% auto;}
.ny_lx .zc { width:32%; float:left;}
.ny_lx .zc .bt {font-size:50px; color:#132c80; margin-bottom:50px;}
.ny_lx .zc h3 { font-size:22px; line-height:50px; color:#132c80;}
.ny_lx .zc .wz1 {font-size:22px; color:#132c80; font-weight:bold; margin-bottom:30px;}
.ny_lx .zc .wz { font-size:18px; margin-bottom:30px; color:#333;}
.ny_lx .zc .dtt { margin-top:50px;}
.ny_lx .zc .dtt img { width:100%;}
.ny_lx .yc { width:55%; float:right;}

.bmym{ width:100%; }
.bmym .bm { margin-bottom:15px;}
.bmym .bm .zb { width:48%; }
.bmym .bm span { font-size:18px; color:#132C80; line-height:60px;}
.bmym .bm .zb .txt {width:100%; height:60px; line-height:60px; padding:0px 10px; font-size:16px; color:#999999;background:#fff; border:1px solid #ddd; border-radius:8px;}

.bmym .bm .bk { width:100%; height:45px; line-height:45px; border-radius:3px; border:1px solid #ddd; background:#fff; padding:0px 0px 0px 10px; margin-bottom:15px;}
.bmym .bm .bk i { font-size:20px; color:#333; margin-right:10px; float:right;}
.bmym .bm .bk .txt { width:84%; font-size:14px; color:#999999; float:left; line-height:45px; }

.bmym .bm .txty {width:100%; background:#fff; border:1px solid #ddd; border-radius:3px; line-height: 30px; padding:10px 20px; font-size: 14px; color: #666; height: 150px; outline: none; font-family:"微软雅黑" ; }

.bmym .bmn { font-size:14px;}
.bmym .an { width:240px; height:60px; line-height:60px; border-radius:5px; background:#dceaf5; color:#132c80; text-align:center; font-size:22px; letter-spacing:0; margin-top:50px; cursor:pointer; }
.bmym .an a {color:#132c80;}
@media only screen and (max-width:992px) {
.ny_lx{ padding:80px 0px; background: none;}
.ny_lx .zc { width:100%; float: none; }
.ny_lx .zc .bt {font-size:32px; margin-bottom:30px;}
.ny_lx .zc h3 { font-size:18px; line-height:40px; }
.ny_lx .zc .wz1 {font-size:24px; margin-bottom:20px;}
.ny_lx .zc .wz { font-size:16px; margin-bottom:20px; }
.ny_lx .zc .dtt { margin-top:30px;}

.ny_lx .yc { width:100%; float: none; margin-top:40px;}

.bmym .bm .zb .txt {height:45px; line-height:45px; font-size:14px;  border-radius:5px;}
.bmym .bm { margin-bottom:15px;}
.bmym .bm .zb { width:100%; }
.bmym .bm .txty {margin-bottom:10px;}

.bmym .an { width:200px; height:50px; line-height:50px; font-size:20px;margin-top:30px;}
}




/*新增在线客服css*/
.pc_kf{width:80px; position:fixed; right:10px; bottom: 30%; z-index:9;  border-radius:10px; height:160px;  box-shadow:0 0 10px #ccc; background:#fff; box-sizing: border-box;  }
.pc_kf .nr{font-size:14px; text-align:center; line-height:30px;  position:relative; height:80px; padding:5px 0px;}
.pc_kf .tel{width:220px; background:#fff; font-size:16px; line-height:50px; color:#333; position:absolute; top:0; right:-300px; opacity:0; box-shadow:0 0 10px #ccc;  border-radius:10px;}

.pc_kf .tell{width:260px; background-color:#0075c2; font-size:18px; line-height:50px; color:#fff; position:absolute; top:0; right:-300px; opacity:0;}
.pc_kf .nr:hover .tel{right:90px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; background:#fff; position:absolute; bottom:0; right:-340px; opacity:0; box-shadow:0 0 10px #ccc;  border-radius:10px;}
.pc_kf .ewm img{width:100%; height:auto; display:block; padding:5px;}
.pc_kf .nr:hover .ewm{right:90px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block; width:70px; height:70px;  overflow:hidden; margin:0px auto; padding-top:5px; }
.pc_kf .nr i{color:#333; font-size:24px; vertical-align:middle; display:block;}

.pc_kf .nr:hover a { color:#25a8e0; background:#f2f8fc;  border-radius:10px;}
.pc_kf .nr:hover i { color:#25a8e0; }
@media only screen and (max-width:992px) {
.pc_kf{width:60px; height:120px;  right:0; }	
.pc_kf .nr{line-height:20px; height:60px;}
.pc_kf .tel{width:180px;}
.pc_kf .nr:hover .tel{right:70px;}
.pc_kf .ewm{width:100px; }
.pc_kf .nr:hover .ewm{right:70px;}
.pc_kf .nr a{ width:50px; height:50px;  }
}

/*新增在线客服css*/


        .product-container {
            max-width: 1200px;
            margin: 50px auto;
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(19, 44, 128, 0.08);
            overflow: hidden;
            transition: all 0.3s ease;
        }

        /* 悬停效果：上移5px + 加深阴影 */
        .product-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(19, 44, 128,  0.12);
        }

        /* 内容区 */
        .product-content-section {
            padding: 2.5rem 3rem;
        }

        .info-block {
            margin-bottom: 2rem;
        }

        .info-block h2 {
            font-size: 1.2rem;
            color: #003e8a;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #e6f0ff;
        }

        .info-list {
            list-style: none;
            display: inline-grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 0.8rem;
        }

        .info-list li {
            color: #333333;
            font-size: 18px;
        }

        .info-list li strong {
            color: #003e8a;
            margin-right: 0.3rem;
        }

        /* 技术指标表格 */
        .spec-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 18px;
        }

        .spec-table th,
        .spec-table td {
            padding: 0.8rem 1rem;
            text-align: left;
            border-bottom: 1px solid #e8e8e8;
        }

        .spec-table th {
            background-color: #f0f5ff;
            color: #003e8a;
            font-weight: 600;
        }

        .spec-table tr:hover {
            background-color: #f8f9fa;
        }

        /* 列表样式 */
        .feature-list,
        .app-list,
        .safety-list,
        .storage-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.6rem;
        }

        .feature-list li,
        .app-list li,
        .safety-list li,
        .storage-list li {
            padding-left: 1.5rem;
            position: relative;
            color: #333333;
        }

        .feature-list li::before,
        .app-list li::before,
        .safety-list li::before,
        .storage-list li::before {
            content: "•";
            color: #003e8a;
            font-weight: bold;
            position: absolute;
            left: 0.3rem;
        }

        /* 响应式 */
        @media (max-width: 768px) {

            .product-content-section {
                padding: 2rem 1.5rem;
            }
            .info-list {
                grid-template-columns: 1fr;
            }
        }
		
		
		

.product-table-container {
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  max-width: 1200px;
  margin: 30px auto 70px auto;
  width: 94%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}


.product-table-container a {
  text-decoration: none;
  color: inherit;
  display: block;
}


.table-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}

.table-row:last-child {
  border-bottom: none;
}


.table-header {
  background-color: #f8f9fa;
  font-weight: 600;
}


.table-cell {
  flex: 1;
  padding: 16px 12px;
  text-align: center;
  word-break: break-word;
}


.table-cell:nth-child(1) { flex: 1.5; }
.table-cell:nth-child(2) { flex: 3; }
.table-cell:nth-child(3) { flex: 2; }
.table-cell:nth-child(4) { flex: 1.5; }


.table-row:not(.table-header):hover {
  background-color: #003e8a;
  color:#fff;
}


@media (max-width: 768px) {
  .product-table-container {
    width: 96%;
    margin: 30px auto 50px auto;
    border-radius: 12px;
    border: none;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  }


  .table-header {
    display: none;
  }


  .table-row {
    flex-direction: column;
    padding: 14px 16px;
    border-bottom: 1px solid #f2f2f2;
  }

  .table-cell {
    display: flex;
    align-items: center;
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.5;
  }


  .table-cell::before {
    content: attr(data-label);
    font-weight: 600;
    width: 90px;
    min-width: 90px;
    color: #666;
    margin-right: 8px;
  }


  .table-row:active {
    background-color: #f2f3f5;
  }
}