@charset "utf-8"; 
@import url(csscw.css);
/* 以下是本站自定义 */

/* 网站主色调fix[分页选中色/主字色/主背景色] */
.buts,#cmspage a:hover,#wappage a:hover{color:#fff;background:#aaaaaa;}
#cmspage a,#cmspage b,#cmspage input{height:30px;line-height:30px;}
.benzi,.benzi a,.benzi a:hover,a.benzi,a:hover.benzi{color:#c00;}
.benbg{background:#c00;}
body{font-family:"microsoft yahei","黑体"; min-width:1200px;}
/* CWCMS_文章列表 */
.list_news li{height:50px;line-height:50px;border-bottom:1px dashed #ccc;background:url(dot/1.gif) no-repeat 0px 20px;padding-left:14px;}
.list_news li,.list_news li a,.list_news li a:hover{font-size:16px;}
.list_pic li{width:25%;float:left;text-align:center;padding-bottom:20px;}

/* CWCMS_文章正文页 */
.cwnews {text-align:center;}.cwnews .title{padding:10px 0;font-size:30px;width:80%;margin:auto;margin-bottom:20px;}.cwnews .click{border-bottom:1px solid #e8e8e8;background:#fff;padding:5px 0;}.cwnews .content{line-height:170%;padding:20px 0;text-align:left;}.cwnews img{max-width:100%;}

/* CWCMS_分类列表 */
.fldh{border-bottom:1px solid #ddd;height:28px;margin-bottom:10px;}
.fldh h1{float:left;}
.fldhli li{ line-height:36px; font-size:16px; padding-left:12px; background:url(yq.png) no-repeat 0 14px;}
.navbox{width:98%;padding:0 1%;height:100px;position:fixed;background:#0a2346;z-index:9999; min-width:1200px;}

.logo{ width:15%;margin:30px 0;}
.logo img{width:80%;}



		.nav{position:relative; z-index:1;width:33%; margin-top:40px ;margin-bottom:40px;margin-left:43%; }  
                 #nav{width:100%;}
		.nav a{color:#fff;font-size:14px;font-weight:bold;}
		.nav .nLi{float:left;position:relative; text-align: center; display: flex;justify-content: center;align-items: center;}
		.nav .nLi h3{float:left;text-align:center;}
                .nav .nLi h3 a{ display: flex; align-items: center;margin:0 14px;}
		.nav .nLi h3 a:hover{text-decoration:none;}
		.nav .sub{display:none;width:200px;border:solid #6e7f99 1px;padding:10px;border-radius:10px;left:0;top:40px;position:absolute;line-height:25px;background:rgba(15,44,87,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);font-weight:bold; }
		.nav .sub li{zoom:1;border-bottom:solid 1px #6e7f99;padding:8px 0; }
		.nav .sub li a{ display:inherit;text-align: left;}
		
		.nav1{position:relative; z-index:1;width:40%; margin-top:40px ;margin-bottom:40px ;margin-left:35%;  display: flex;}  
                 #nav{width:100%;display: flex;}
		.nav1 a{color:#fff;font-size:14px;font-weight:bold;}
		.nav1 .nLi{float:left;position:relative;  flex: 1; /* 平均分配宽度 */text-align: center; display: flex;justify-content: center;align-items: center;}
		.nav1 .nLi h3{float:left;text-align:center;}
                .nav1 .nLi h3 a{ display: flex; align-items: center;margin:0 14px;}
		.nav1 .nLi h3 a:hover{text-decoration:none;}
		.nav1 .sub{display:none;width:200px;border:solid #6e7f99 1px;padding:10px;border-radius:10px;left:0;top:40px;position:absolute;line-height:25px;background:rgba(15,44,87,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);font-weight:bold; }
		.nav1 .sub li{zoom:1;border-bottom:solid 1px #6e7f99;padding:8px 0; }
		.nav1 .sub li a{ display:inherit;text-align: left;}






        .underline-basic {display: inline-block; position: relative;color: #2c3e50;font-weight: 500; cursor: pointer;transition: color 0.3s ease;}        
        .underline-basic:hover {color: #f7931e;}        
        .underline-basic::after { content: ''; position: absolute; width: 0;height: 3px;bottom:-5px;left: 50%;background-color: #f7931e;border-radius: 4px;transition: all 0.3s ease;transform: translateX(-50%);}
        .underline-basic:hover::after{width: 100%;}
        .underline-basic1 {display: inline-block; position: relative;font-size: 1.1rem;font-weight: 500; cursor: pointer; transition: all 0.3s ease;border-radius: 8px;}
        .underline-basic1:hover {color: #f7931e;padding-left: 0.5rem;text-decoration:none}     
        .underline-basic1::before,
        .underline-basic1::after{content: ''; position: absolute; background-color: #f7931e; border-radius: 4px;transition: all 0.3s ease; opacity: 0;}
        .underline-basic1::before{width: 4px;height: 0;top: 50%;left: 0px;transform: translateY(-50%); }
        .underline-basic1::after{width: 0; height: 3px; bottom: 0;left: 0; }
        .underline-basic1:hover::before{ height: 100%; opacity: 1;}
        .underline-basic1:hover::after{width: 100%; opacity: 1;}


.yy{width:7%;margin-left:2%}
.yy li a{color:#fff;font-weight: 700;}	
.yy li{border-radius: 8px;float:left;width:46%;height:30px;padding:0 1%;margin:0 1%;line-height:30px;text-align:center;margin-top:35px ;}
.yy li img{ margin-right:5px;width:25%}
.yy li.on{background:#293e5c; border-radius:8px;}.yy li.on a{color:#f7931e;}


.banner {position: relative;height: 85vh;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;background: linear-gradient(to right,#0a2345,#0f2c57); z-index:2222}

.banner-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.bcont{position: relative;z-index: 3;animation: fadeInUp 1.2s ease;}

.bcont h1{font-size: 50px;margin-bottom: 18px;text-shadow: 2px 2px 12px rgba(0,0,0,.5);}
.bcont p{font-size: 20px;margin-bottom: 25px; opacity:0 .95;}
.bcont a{padding: 14px 40px; background: linear-gradient(to right, #ffa009, #ff8446);color: #fff;border-radius: 10px;font-weight: 700;transition: 0.3s;box-shadow: 0 5px 25px rgba(0,0,0,0.3);}
.ab,.pr,.news,.adv{width:96%; padding:4% 2%;}
.img {width:40%;}
.img img{ width:100%;} 
.atext{width:55%;}.atext p{font-size:14px;line-height:1.8;color: #516074;}


		.picScroll-left{overflow:hidden; position:relative;}
		.picScroll-left .bd ul{overflow:hidden;}
		.picScroll-left .bd ul li{width:350px;margin:0 8px;background:#fff; border-radius:10px;float:left; _display:inline; overflow:hidden; text-align:center; padding-bottom:10px;}
                .picScroll-left .bd ul li:hover{ transform:translate(0,-2px);box-shadow:0px 12px 30px  rgba(0,0,0,0.12);  }
		.picScroll-left .bd ul li .pic{height:154px;border-radius:10px 10px 0 0}
		.picScroll-left .bd ul li .pic img{height:100%;border-radius:10px 10px 0 0}
		.picScroll-left .bd ul li .title{ margin:auto}
                .picScroll-left .bd ul li .title h1{line-height:30px;}
                .picScroll-left .bd ul li .title p{line-height:30px;margin:0}
		.picScroll-left .bd ul li .title .more{ width:250px; margin:auto;}
		.picScroll-left .bd ul li .title .more a{margin-bottom:10px; color:#fff; font-weight:700; margin:0 10px; border-radius:8px;display:block; float:left; width:104px;text-align:center; height:40px;background: linear-gradient(to right,#ff9f0b,#ff8542);line-height:40px;}


.adv li{ width:29%; padding:1.5% 1%; margin:0 0.5%; float:left; background:#fff; border-radius:5px;box-shadow:0px 12px 30px rgba(0, 0, 0, 0.2);text-align:center; line-height:30px;}
.adv li p{color:#516074;font-size:13px;}

.news{background:#f8f9fb; }
.news li{ width:32%;margin:0 0.5%; float:left; border-radius:5px; background:#fff; line-height:20px;}
.news li img{ width:100%; height:188px; border-radius:5px 5px 0 0; margin-bottom:10px;}
.news li h2,.news li p{ margin-left:10px;}
.news li:hover{ transform:translate(0,-5px);box-shadow:0px 12px 30px  rgba(0,0,0,0.12);  }

.dbox{ background:#0a2345;width:96%; padding:2% 2% 1% 2%;}

.c2 h1,.c3 h1{letter-spacing:0.8px;color: #a8c6ff;margin-bottom:10px;text-transform: uppercase;}
.c1 p{color:#e6eef7;margin:9px 0;font-size:13px;}
.c1 h1{margin-bottom:14px;letter-spacing:0.8px;color: #a8c6ff;text-transform: uppercase;}
.c1 span{color:#e6eef7;margin:6px 0;opacity:0.8;}
.c2 li{margin-bottom:15px;}
.c2 li.c2d::after { content: '|';margin: 0 6px;color: #7f95ba;}
.c2 li span.c2s::after { content: '|';margin: 0 6px;color: #7f95ba;}

.c1 li img,.c2 li img,.c3 li img{margin-right:10px;}
.c1{width:45%;}
.c2{width:30%;}
.c3{width:25%;}.c3 li{line-height:30px;}
.cx{ color:#b9c6e1}


.ggbox{background:#0c284f; height:150px;width:70%; padding:1% 15%;}
.ggnr{background:#f4f6f8;width:80%; padding:0 10%;}
.g1,.g2,.g3,.g4,.g6,.g7,.g8{ width:96%; background:#fff; border-radius:5px; padding:2%;}
.g1 p,.g2 p,.g3 p,.g4 p{ line-height:25px;}
.g1 h2{ padding-left:3%; border-left:solid 3px #ffa500; border-radius:10px; line-height:50px;}
.g2_nr,.g5_nr{ width:48%; float:left}
.m{ margin-left:4%;}
.m1{margin-top:6%}
.g1 li{ width:24%; margin-left:1%; background:#f7f9fb; border-radius:5px; text-align:center; padding:1% 0; font-size:12px; float:left}
.g3 li{ width:17%; margin-left:1%;  background:#f7f9fb;height:100px; border-radius:5px; padding:2% 1%; font-size:12px; float:left}
.m img{width:100%; border-radius:10px;}
.g4 li{ width:31%; float:left; margin-right:2%; margin-top:2%;}
.g4 li img{ width:100%; border-radius:10px;}
.g5{ width:96%; background:#fff; border-radius:5px; padding:2%; border-left:solid 5px #0a7e67}
.g5_nr li{line-height:30px;}
.g5_nr li span{ padding-left:10px; background:url(ab/IC.png) no-repeat left;}
.zg li{width:47%; float:left; padding:1%; border:solid 1px #e6e9f0; border-radius:10px;}
.zg li h2{ padding-left:20px; background:url(ab/IC2.png) no-repeat left;}
.zg li img{width:90%}
.t1 li{ width:30%; margin-right:2%; float:left; background:#fff; border-radius:10px; padding:2% 1%}
.t1 li p{ line-height:25px;}
.g6 li{ float:left; width:22%; line-height:55px; height:55px; border:dashed 1px #e9eef6; border-radius:10px; margin-right:3%; text-align:center;}.g6 li span{ margin-left:5px; margin-top:10px;}
  
.zanr p{ padding-left:10px; margin-left:10px; border-left:solid 3px #999;  padding-top:0px; padding-bottom:0} 
.zanr h1{ line-height:30px;}  
      
         .faq-container{width: 100%;overflow: hidden;}
         .faq-header{background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);color: white;padding: 25px 30px;
text-align: center;}
        .faq-header h1{font-size: 28px;margin-bottom: 5px;}
        .faq-header p { opacity: 0.9;font-size: 16px;}
        .faq-item { width:97%;padding:0 1%; border-radius:10px; border: 1px solid #eaeaea;overflow: hidden;transition: all 0.3s ease;margin-bottom:10px;background:#fff;}
        .faq-question {padding: 20px 0;cursor: pointer; display: flex;justify-content: space-between;align-items: center;transition: all 0.2s ease;}
        .faq-question:hover {color: #2575fc;}
        .faq-question h3 {font-size: 16px;font-weight: 600;margin-right: 15px;}
        .faq-icon {width: 10px;height: 10px;position: relative;transition: transform 0.3s ease;flex-shrink: 0;}
        .faq-icon::before, .faq-icon::after {content: '';position: absolute;background-color: #0a2345;transition: all 0.3s ease;}
        .faq-icon::before {top: 50%;left: 0;width: 100%;height: 2px;transform: translateY(-50%);}
        .faq-icon::after {top: 0;left: 50%;width: 2px;height: 100%;transform: translateX(-50%);}
        .faq-item.active .faq-icon {transform: rotate(45deg); }
        .faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;color: #555;
line-height:30px;} .faq-answer p{ margin:0}
        .faq-item.active .faq-answer {max-height: 500px;}

.bd1 div{width:48%;}
.bd1 div input{width:98%;line-height:40px; height:40px; background:#fbfcfe; border:solid 1px #e9eef6; border-radius:10px; padding-left:2%}
.bd1 div select{width:98%;line-height:40px; height:40px; background:#fbfcfe; border:solid 1px #e9eef6; border-radius:10px; padding-left:2%;font-size:16px;} 
.bd1 div select option{font-size:16px;} 
.g8 form textarea{width:98%; background:#fbfcfe; border:solid 1px #e9eef6; border-radius:10px; padding-left:2%; min-height:120px; line-height:40px;}
.btn{ width:100px; height:50px;background: linear-gradient(45deg,#ff9d0f,#ff8642);box-shadow: 0 12px 28px rgba(0,0,0,0.20); border:0; border-radius:10px; color:#fff;}

.ggbox1{background:#0c284f; height:auto;width:70%; padding:2% 15%; color:#eaf2ff;}
.g-left{width:50%;}
.g-left1{width:53%;}
.g-right{width:44%; background:#1e3759;border:solid 1px #3c5270; border-radius:10px;}

.slideTxtBox1{padding:2%}
.slideTxtBox1 .hd{ height:40px; line-height:40px;position:relative; }
.slideTxtBox1 .hd ul{position:absolute;}
.slideTxtBox1 .hd ul li{ float:left; padding:0 20px;border-radius:10px; cursor:pointer; margin-right:5px;}
.slideTxtBox1 .hd ul li.on{ background:#ffa500; color:#fff;}

.glink{width:96%;padding:3% 2%; background:#1e3759;border:solid 1px #3c5270; border-radius:5px;}
.glink li{width:50%;float:left;margin-bottom:2%;}
.gtext{margin-left:20px; line-height:25px;}
.c-left{width:30%; padding:2%;border-radius:10px;}
.c-left1{width:35%; padding:2%;}
.c-left li{width:96%; padding:2%;background:#fbfcfe;border:dashed 1px #e9eef6;border-radius:10px; overflow:hidden; margin-top:20px;}
.c-right{width:60%;padding:2%;border-radius:10px; }
.c-right1{padding:2%;border-radius:10px; }
.h{ color:#ffa500;}
.txt{width:98%; background:#fbfcfe; border:solid 1px #e9eef6; border-radius:10px; padding-left:2%; min-height:120px; line-height:40px;}

		.slideTxtBox .hd{ height:40px; line-height:40px;position:relative; }
		.slideTxtBox .hd ul{position:absolute;}
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; border:solid 2px #e9eef6; border-radius:25px; cursor:pointer; margin-right:20px;}
		.slideTxtBox .hd ul li.on{ background:#ffa500; color:#fff;}

.ggbox2{background:#0c284f; height:auto;width:80%; padding:2% 10%;}	
.b1{width:65%;}	
.b1 li{width:23%; height:100px;float:left; line-height:30px; border-radius:10px; background:#1f375a; border:solid 1px #3a4f6e; text-align:center; margin-right:1%; padding-top:20px;}
.b1 li a{color:#fff;}
.b2{ width:32%; padding:1%; margin-top:80px; line-height:30px; height:180px; background:#fff; border-radius:10px;}
.b2 li{ color:#516074;}
.b2 li { position: relative;padding-left: 1.5rem;margin-bottom: 0.5rem;line-height: 1.6; }
.b2 li::before {content: "";position: absolute;left: 3px;top: 0.5rem;width: 7px;height: 7px;background-color: #516074; /* 圆点颜色 */border-radius: 50%; /* 设置为圆形 */}

.co{ color:#516074;}	
.co1{color:#f4f5f7}
.g9,.g10,.g91{ width:96%;padding:2%;}

.g9 li{ width:22%; padding:1%; height:250px; line-height:25px;margin-right:1.25%; float:left; background:#fff; border-radius:20px;}
.g9_img{width:45%;padding:2%;background:#fff;border-radius:20px;}
.g9_img li{width:48%; float:left; margin-top:2%; margin-right:2%;}
.g9_img li img{ width:100%; border-radius:10px;}
.g91 li{ width:22%; padding:1%; height:120px; line-height:25px;margin-right:1.25%; float:left; background:#fff; border-radius:20px;}	
.g9 table{ border-collapse: separate; border-spacing: 0 12px;}
.g9 table tr{ background:#fff; height:50px; line-height:30px;}	
.g9 table tr td{ padding-left:10px;}
td:first-child {border-radius: 8px 0 0 8px;}
td:last-child {border-radius: 0 8px 8px 0;}

.g911{ width:96%;padding:2%;}
.g911 li{ width:22%; padding:1%; height:130px; line-height:25px;margin-right:1.25%; float:left; background:#fff; border-radius:20px;}	


		

/*图片内页*/
.ss{width:50%;height:35px;line-height:35px;background:#fff; border:solid 1px #e6e8eb; border-radius:10px; margin:auto;}
.inp{width:90%;height:30px;line-height:30px;float:left; border:0;margin-top:2px;}
.but{width:5%;height:30px;line-height:30px;float:left;background:url(ss.png) no-repeat left;margin-left:1%;border:0;}
.ss1{width:60%;height:35px;line-height:35px;background:#fff; border:solid 1px #e6e8eb; border-radius:10px; margin:auto;}
.inp1{width:90%;height:30px;line-height:30px;float:left; border:0;margin-top:2px;}
.but1{width:5%;height:30px;line-height:30px;float:left;background:url(ss.png) no-repeat left;margin-left:1%;border:0;}

.scr{width:100%;height:35px;line-height:35px;border:solid 1px #e6e8eb; border-radius:10px; margin:auto;}
.inp2{width:90%;height:30px;line-height:30px;float:left; border:0;margin-top:2px;}
.but2{width:5%;height:30px;line-height:30px;float:left;background:url(ss.png) no-repeat left;margin-left:1%;border:0;}
/* CMS图片列表 */

.cms_piclist1 li{width:30%;float:left; margin:1.5%;display:block;background:#fff;padding-bottom:10px; border:solid 1px #e6e8eb; border-radius:10px;}
.cms_piclist1 li .cms_img{ width:100%;height:160px;}
.cms_piclist1 li img{ width:100%; height:100%;object-fit: cover;border-radius:10px 10px 0 0;}
.cms_piclist1 li h2{line-height:35px;}
.cms_piclist1 li a h2{ margin-left:5px;}
.cms_piclist1 li span{padding:0.5% 2%; border:solid 1px #d3dae3; margin:1%; border-radius:10px; background:#f0f3fa;}
.cms_piclist1 li span:empty { display: none; }
.cms_piclist1 li:hover{ transform:translate(0,-5px);border:solid 1px #ffdeb8;}

.cms_picclass{ width:95%; margin:auto; height:210px; padding:1% 0}
.pt{ width:100%; height:50px; line-height:50px; border:solid 1px #e6e8eb; background:#fff; text-align:center; border-radius:20px;}
.cont{background:#f4f6f8;width:100%;}
.nfl{width:35%;}
.nfl li{float:left; padding:2% 3%; border:solid 1px #e6eaf2; background:#fff; border-radius:20px;}
.newsbox li{width:48%; margin:1%; border-radius:20px;float:left; background:#fff; line-height:30px;}
.nnimg22 img{ width:100%;border-radius:5px 5px 0 0; height:200px;}
.nn{padding:2%}.nn p{margin:0}.newsbox li a{color:#ffa500; font-weight:bold;}
.newsbox li:hover{ transform:translate(0,-5px);box-shadow:0px 12px 30px rgba(0, 0, 0, 0.2)}



.arleft{width:70%;}.arright{width:25%;}
.aleft{ width:20%; margin-right:5%}
.arleft li{background:#fff; border-radius:20px; margin-top:10px; padding:2%; line-height:28px;}
.arleft li img{width:100%}
.arleft li p{ margin:0; padding:0;}.arleft li a{color:#ffa500; font-weight:bold;}  
.ss2,.abox2{ width:90%; padding:5%; background:#fff; border-radius:20px;}

.ss2 h1{line-height:25px;}
.abox2 li{float:left; padding:2% 2%; border:solid 1px #e6eaf2; margin:1%; border-radius:20px; }
.abox2 li:hover{border:solid 1px #ffa500;}.abox2 li a{ text-decoration:none}
.cbox{width:45%;}
.cbox1{width:90%; padding:5%; background:#fff; border-radius:20px;}
.box{ width:70%; margin:auto;text-align: justify}

.cw_view1{text-align:left}
.cw_top{background:#e1e6e9;width:72%;padding:5% 14%}
.cw_img img{width:560px;height:245px}
.cw_text{ margin-left:40px;}
.cdown{width:150px; height:50px;background:#f7931e; border-radius:25px;line-height:50px;text-align:center}.cdown a{color:#fff;}




.abbg1{ background:url(sec1.png) no-repeat center bottom; height:689px;}
.ab10{ font-size:69px; color:#ffad04;}
.ab20{ padding-top:20px;}
.ab30{ line-height:250%;}
.gd0{ background:#ffad04; height:40px; width:150px; text-align:center; line-height:40px; overflow:hidden;border-radius:20px;}
.aboutbg0{height:689px; padding-top:50px; width:50%; margin-left:5%; overflow:hidden;}
.abr0{ width:517px; height:519px; overflow:hidden;border-bottom-left-radius:50px; margin-top:70px;}
.rw0{ width:40%; padding-top:140px;}

/*数据统计滚动*/
.product-number-info{position: relative; margin-top:30px;}
.product-number-info .product-number-inner{width:100%; margin:0 auto;}
.product-number-info li{padding:10px 0 0 0;float: left; width:30%; height:175px; margin-right:20px;}
.product-number-info li b{font-weight: 400; font-size:36px; line-height: 1;display: inline-block; position: relative; margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal; font-weight:bold; font-size:45px; color:#ffad04;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{ color:#666;font-style: normal; font-size: 16px; font-weight: 100; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 16px;color:#666;}


 
        .slide-content {
            transform: translateY(30px);
            transition: all 0.8s ease;
        }
        
        .slide-image {
            transition: all 0.8s ease;

        }
        
        /* 左侧滑入 */
        .slide-from-left {
            transform: translateX(-50px);
        }
        
        /* 右侧滑入 */
        .slide-from-right {
            transform: translateX(50px);
        }
        

        
        /* 激活状态 */
        .slide-content.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        .slide-image.active {
            opacity: 1;
            transform: translateX(0);
        }
        
        .slide-image img {
            transition: transform 0.5s ease;
            border-radius:20px;  
       
        }
        
        .slide-image:hover img {
            transform: scale(1.05);
        }