﻿/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#044CB5;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;font-size: 20px;}
body{font-family:"Source Han Sans CN","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:.8rem;color:#333;background-color: #fff;overflow-x: hidden;cursor: default;}
.error3{display: none !important;}
.wap_show{display: none;}
html,body{max-width:1920px;margin:0 auto;}
.inner{width:1440px;margin:0 auto;}
.container{max-width:1580px;margin:0 auto;}
em{font-style: normal;}
.f_14{ font-size: 0.7rem; }   /* 14÷20 */
.f_16{ font-size: 0.8rem; }   /* 16÷20 */
.f_18{ font-size: 0.9rem; }   /* 18÷20 */
.f_20{ font-size: 1rem; }    /* 20÷20 */
.f_24{ font-size: 1.2rem; }  /* 24÷20 */
.f_28{ font-size: 1.4rem; }  /* 28÷20 */
.f_30{ font-size: 1.5rem; }  /* 30÷20 */
.f_38{ font-size: 1.9rem; }  /* 38÷20 */
.f_40{ font-size: 2rem; }    /* 40÷20 */
.f_44{ font-size: 2.2rem; }    /* 40÷20 */
.f_48{ font-size: 2.4rem; }  /* 48÷20 */
.f_58{ font-size: 2.9rem; }  /* 58÷20 */
.f_72{ font-size: 3.6rem; }  /* 72÷20 */
.flex{display: flex;}
.flex-wrap{flex-wrap:wrap}
.align-items{align-items:center}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.space-around{justify-content:space-around}
.space-between{justify-content:space-between}
.space-center{justify-content:center}
.flex-end{justify-content:flex-end}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/

/* 头部 */
.header{width:100%;position:sticky;top:0;z-index:999;box-shadow: 0 0 7px rgba(0,0,0,.14)}
.header .inner{height:90px;width:100%;margin:0 auto;text-align: center;justify-content: space-between;align-items: center}
.header .logo{margin-left: 2%;}
.header .logo img{height:2.5rem;transition: .3s;}
.header .nav{width:55%;display: inline-block;}
.header .nav ul li{float:left;width:14.285%;height:90px;line-height:90px;text-align:center;position: relative;}
.header .nav ul li a{color:#333;position:relative;z-index:1;font-size:18px;}
.header .nav ul li em{font-style:normal;position:absolute;width:0;height:5px;background-color:#1C54A6;left:20%;bottom:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav ul li a:hover i,.header .nav ul li a.active i{height:100%;}
.header .nav ul li a:hover,.header .nav ul li a.active{color:#1C54A6;}
.header .nav ul li a:hover em,.header .nav ul li:hover a em,.header .nav ul li a.active em{width:60%;}
.header .nav ul li .son_nav{display: none;background: #fff;}
.header .nav ul li .son_nav a{color: #333;line-height: 40px;height: 40px;font-size: 14px;padding: 0 5px;}
.header .nav ul li .son_nav a:hover{background: #1C54A6;color: #fff;}
.header .nav ul li:hover .son_nav{display: block;}
.header .nav ul li ul{display: none;}
.header .nav ul li .pro-nav{position:absolute;top:calc(100% + 2px);min-width:4.45rem;left:0;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);border-radius:0px 0px 10px 10px;overflow:hidden;display:none;box-shadow:8px 4px 18px 4px rgba(0,0,0,.1)}
.header .nav ul li .pro-nav .bg{width:100%;height:100%;padding:.675rem .8rem;position:relative;z-index:2}
.header .nav ul li .pro-nav .pro-li{display:block;margin-bottom:.75rem;line-height:1;white-space:nowrap;color: #000;}
.header .nav ul li .pro-nav .pro-li:hover{color: #00654d;}
.header .nav ul li .pro-nav .pro-li:last-child{margin-bottom:0}
.header .product_son{display:none;position:absolute;left:0;top:140px;text-align:center;font-size:0;width:100%;height:auto;background-color:rgba(255,255,255,0.95);z-index:999;}
.header .product_son .item{display:inline-block;width:11%;margin:3% 0.5%;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.08);border-radius: 15px}
.header .product_son .item p{font-size:16px;color:#000;height:32px;line-height:32px;position: relative;}
.header .product_son .item:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.header .product_son .item:hover p{color: #fff;}
.header .call{background:#1C54A6;height:100%;display:flex;height:100%;align-items:center;transition:.3s;padding:0 1.75rem}
.header .call h3{font-size:1.6rem;color:#fff;font-family:impact;margin-left:0.5rem}
.header .call img{animation:msClock 1.2s linear infinite}
@keyframes msClock{0%,90%,100%{transform:rotate(0) scale(1)}
20%,40%{transform:rotate(-15deg) scale(1.1)}
30%,50%{transform:rotate(15deg) scale(1.1)}
}
.header .call h3{font-size:28px;color:#fff;font-family: impact;}
.header.bg{z-index:9999999;}
.header.bg .inner{height:3.5rem}
.header.bg .logo img{height:2rem;}
.header.bg .nav ul li{height:3.5rem;line-height:3.5rem}
.header.bg .product_son{top: 3.5rem !important;}
.banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px;}
.swiper-pagination-bullet-active{background-color:#1C54A6 !important;border-color:#1C54A6 !important;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(211,0,17,0.9);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaletY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}


/* 右侧悬浮 */
.xCeb{position:fixed;top:30.2%;right:10px;z-index:999;border-radius:5px}
.xCebFa{background-color:#fff;width:70px;height:141px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;box-shadow:0px 0px 7px 1px rgba(16,109,191,0.5);border-radius:5px;overflow:hidden}
.xCebFa li{display:flex;justify-content:center;align-items:center}
.xCebFa li a span{font-size:14px;text-decoration:none;color:#000}
.xCebFa a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:60px;border-bottom:1px solid #e7e9ee;text-decoration:none;height:70px;position:relative;z-index:9}
.xCebZxG a{border-bottom:none;cursor:default}
.xCebWxG a{cursor:default}
.xcbHov span{color:#fff!important}
.xCebFa a p{margin:0;padding:0;width:50px;height:40px}
.xCebFa li{list-style:none;width:100%}
.xCebFa .xCebKfG{background-color:#1C54A6;color:#fff}
.xCebFa .xCebKf p{background:url("../images/xceb1.png")no-repeat center}
.xCebFa .xCebWx p{background:url("../images/xceb2.png")no-repeat center}
.xCebFa .xCebBj p{background:url("../images/xceb3.png")no-repeat center}
.xCebFa .xCebFang p{background:url("../images/xceb4.png")no-repeat center}
.xCebFa .xCebZx p{background:url("../images/xceb5.png")no-repeat center}
.xCebFa li:hover{background-color:#1C54A6}
.xCebFa li:hover span{color:#fff!important}
.xCebWxG:hover p{background:url("../images/xceb2_1.png")no-repeat center}
.xCebBjG:hover p{background:url("../images/xceb3_1.png")no-repeat center}
.xCebFangG:hover p{background:url("../images/xceb4_1.png")no-repeat center}
.xCebZxG:hover p{background:url("../images/xceb5_1.png")no-repeat center}
.xCebZxG:hover a,.xCebFangG:hover a,.xCebBjG:hover a,.xCebWxG:hover a{border-color:#1C54A6}
.xcebWxT{background-size:cover;width:120px;height:120px;position:absolute;z-index:-99;right:-130px;top:65px}
.xCebWxG a{cursor:default}
.xCebWxG:hover .xcebWxT{right:70px;transition:all .5s;-webkit-transition:all .5s}
.xCebZxDh{width:185px;height:69px;line-height:70px;padding-left:10px;position:absolute;z-index:-99;right:-250px;top:143px;color:#fff;border-radius:5px;font-size:14px}
.xCebZxG:hover .xCebZxDh{background-color:#1C54A6;right:0px;transition:all .5s;-webkit-transition:all .5s}
.xCebZxDh1{width:185px;height:69px;line-height:70px;padding-left:10px;position:absolute;z-index:-99;right:-250px;top:0px;color:#fff;border-radius:5px;font-size:14px}
.xCebKfG:hover .xCebZxDh1{background-color:#1C54A6;right:0px;transition:all .5s;-webkit-transition:all .5s}
.xCebTop{margin-top:20px;background-color:#fff}
.xCebTop a{display:flex;width:70px;height:70px;justify-content:center;align-items:center;flex-direction:column;box-shadow:0px 0px 7px 1px rgba(16,109,191,0.5);border-radius:5px;cursor:pointer}
.xCebTop p{margin:0;padding:0;width:50px;height:40px;background:url("../images/xceb6.png")no-repeat center}
.xCebTop span{font-size:14px}
/* 底部 */
.footer{background-color: #0F60AC;overflow: hidden;}
.navr ul li a {color: #fff;}
.footer .byew{width: 85%;margin: 0 auto;}
.footer .f1 h3,.footer .f2 h3,.footer .f3 h3,.footer .f4 h3{margin-top:30px;font-size:24px;color:#fff;position:relative;margin-bottom:20px}
.footer .f1 h3::before,.footer .f2 h3::before,.footer .f3 h3::before,.footer .f4 h3::before{position:absolute;content:"";width:50px;height:3px;background:#fff;top:40px;left:0}
.footer .f1{width:16%;}
.footer .f1 h3{height: 45px;line-height: 20px;background: url(../images/ftline.png) no-repeat left bottom;padding-left: 32px;color: #ffffff;width: 320px;box-sizing: border-box;font-size: 20px;font-weight: normal;margin-bottom:15px;position: relative;}
.footer .f1 h3::before{content: "";position: absolute;left: 0;top: 0;width: 25px;height: 23px;background: url(../images/ewmico.png) no-repeat;}

.footer .f1 h3{margin-bottom:15px}
.footer .f1 .item{float: left;margin: 8px;border: 1px solid rgba(255,255,255,0.15);border-radius: 10px;padding:3px 10px 10px 10px;}
.footer .f1 .item img{width:130px;}
.footer .f1 .item p{text-align: center;color: #fff;padding-top: 10px;font-size: 14px;}
.footer .f1 a{display:block;height:20px;line-height:20px;color:#000;box-sizing:border-box;margin-top:8px;float: left;}
.footer .f2{width:26%;text-align: left;float: left;padding-top: 30px;color: #fff;line-height: 3;}
.footer .f3{width:54%;color:#7d7d7d;line-height:30px;float: left;}
.footer .f3 h3{height: 45px;line-height: 20px;background: url(../images/ftline.png) no-repeat left bottom;padding-left: 32px;color: #ffffff;width: 280px;box-sizing: border-box;font-size: 20px;font-weight: normal;margin-bottom: 15px;position: relative;}
.footer .f3 h3::before{content: "";position: absolute;left: 0;top: 0;width: 23px;height: 23px;background: url(../images/lxico.png) no-repeat;}

.footer .f3 img{margin-bottom: 10px;float: left;}
.footer .f3 span{display: inline-block;font-size:20px;padding-left: 60px;color: #fff;font-weight: 700;text-transform: lowercase;}
.footer .f3 em{font-family: impact;font-size: 16px;color: #fff;display: block;padding-left: 60px;padding-top: 10px;}
.footer .f3 .dblx{width: 100%;}
.footer .f3 .dblx ul{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;}
.footer .f3 .dblx ul li{width: 50%;float: left;padding-bottom: 25px;}
.footer .f3 .dblx ul .q1{background: url(../images/q1.png) no-repeat left;}
.footer .f3 .dblx ul .q2{background: url(../images/q1.png) no-repeat left;}
.footer .f3 .dblx ul .q3{background: url(../images/q3.png) no-repeat left;}
.footer .f3 .dblx ul .q4{background: url(../images/q4.png) no-repeat left;}
.footer .f3 .dblx ul .q4 span{font-weight: 400;font-size: 16px;font-weight:400;line-height: 26px;}
.footer .f3 a{display: inline-block;color: #7d7d7d;}
.footer .f4{width:100%;margin-top:30px;border-bottom: 1px solid rgba(255,255,255,0.15);height: 100px;line-height: 100px;margin-bottom: 20px;display: flex;justify-content: space-between}
.footer .f4 .navr ul{display: flex;gap: 2rem;}
.footer .f4 .navr ul li a{color: #fff;text-align: left;font-size: 15px;padding: 0;}
.footer .f4 .navr ul li a:hover{color: #1C54A6;}
.footer .copyright{text-align:center;color:#fff;padding:5px 0;font-size:14px;border-top:1px solid rgba(255,255,255,0.15);margin-top: 30px;}
.footer .copyright a{display:inline-block;color:#fff;font-size:14px}
.footer .copyright img{display:inline-block;margin-left:15px}
.footer .copyright p{color:#fff;text-align:center}

#alttxt{background:#FFF;border:1px #ddd solid;font-size:12px;padding:10px;z-index:1000;position:absolute;display:none;border-radius:50px;}
.w1300{width:1400px;margin:0 auto}
.pub_title{text-align: center;}
.pub_title h3{color: #333;line-height: 50px;font-weight: 400;}
.pub_title p{font-weight: 700;color: #000000;}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

/* 大图 */
.banner{overflow: hidden;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;background: url(../images/arrow_right.png) no-repeat;opacity: .2;transition: .3s;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity: 1;}
.banner .swiper-button-prev{background: url(../images/arrow_left.png) no-repeat;}
.swiper-pagination-bullet-active{background-color:#1C54A6!important;border-color:#1C54A6!important;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{display: none;}

.banner .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner .width{max-width:1430px;margin:0 auto;padding:0 15px;box-sizing:border-box;height:100vh;}
.banner .width01{display:flex;justify-content:center;align-items:center;text-align:center}
.banner .width01 .box01{color:#fff;font-size:48px;position: absolute;top: 170px;left: 0;right: 0;font-weight: 600;}
.banner .width01 .box02{color:#fff;font-size:24px;position: absolute;top: 250px;left: 0;right: 0;}
.banner .width01 .box03{font-size:35px;font-weight:bold;position: absolute;top: 300px;left: 0;right: 0;margin: 0 auto;}
.banner .width01 .box03 img{margin: 0 auto;}
.banner .width01 .box04 a{display:inline-block;color:#fff;font-size:26px;position:relative;padding:5px 20px;letter-spacing:3px}
.banner .width01 .box04 a:before{position:absolute;left:0;top:0;bottom:0;content:"";background-color:rgba(208,37,31,1);width:82px;-webkit-transition:all .5s;transition:all .5s}
.banner .width01 .box04 img{width:46px;display:inline-block;vertical-align:middle;margin:-3px 0 0 10px}
.banner .width01 .box04 span{position:relative;z-index:2}
.banner .width01 .box04 a:hover:before{width:100%}
.banner .width01 .box05{color:#fff;font-size:48px;position: absolute;top: 350px;left:0;right: 0;}
.banner .width01 .box06{color:#fff;font-size:53px;position: absolute;top: 430px;left:0;right: 0;text-shadow: 0 0 20px rgba(0, 84, 193, 0.5);;}
.banner .width01 .box07{color:#fff;font-size:30px;position: absolute;top: 550px;left:0;right: 0;margin: 0 auto;font-weight: 300;}

.banner .width01 .box08{color:#fff;font-size:53px;position: absolute;top: 230px;left: 0;right: 0;}
.banner .width01 .box09{color:#fff;font-size:32px;position: absolute;top: 340px;left: 0;right: 0;font-weight: 400;}
.banner .width01 .box10{font-size:35px;font-weight:bold;position: absolute;top: 400px;left: 0;right: 0;margin: 0 auto;color:#fff;font-weight: 300;}

.index_box{padding: 4rem 0;}

/* 首页产品 */
/* 基础PC端样式 完全适配你当前html结构 */
#s_adv{ 
    padding:3.2rem 0 5.6rem;
    position: relative;
    overflow: hidden; /* 裁切右侧溢出白色装饰圆，消除横向滚动条 */
}
/* 右侧通栏蓝色背景 */
#s_adv:after {
    content: "";
    position: absolute;
    left: 75%;
    top: 0px;
    right: 0;
    bottom: 0;
    background-color: #29418D;
    border-top-left-radius: 16px;
    z-index: -5;
    width: 50%;
    transform: translateX(-50%);
}
/* 右上角半透明白色圆形装饰 */
#s_adv:before{
    content: '';
    width: 24rem;
    height: 24rem;
    background-color: rgba(255,255,255,0.1);
    position: absolute;
    right: -10%;
    top: -6.4rem;
    border-radius: 50%;
}
/* 外层flex容器 */
#s_adv .inner.flex{
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}
/* 左侧标题+图片容器 */
#s_adv .inner.flex > div{
    width: 33%;
}
#s_adv .s_tt{ 
    margin-bottom:2.4rem;
}
#s_adv .s_tt h3{ 
    color:#333;
    font-size: 1.6rem;
    position: relative;
    font-weight: bold;
}
#s_adv .s_tt h3:before{
    content: 'PRODUCTS';
    position: absolute;
    top: -2rem;
    left: 0;
    font-size:3.2rem;
    color: #eee;
    font-family: 'impact';
    z-index: -1;
    letter-spacing:2px;
    white-space: nowrap;
}
/* 左侧配图 */
#s_adv .s_img img{
    width: 100%;
    display: block;
    border-radius: 0.8rem;
}
/* 右侧轮播容器 */
#s_adv ul.s_adv_slide{
    width: 65%;
    position: relative;
}
#s_adv .slick-dotted.slick-slider:before{
    content: '';
    width: 25.6rem;
    height: 6.4rem;
    position: absolute;
    left: -1.6rem;
    bottom: -2.4rem;
    background:url(../images/pingtai.png) no-repeat;
    background-size: cover;
    z-index: -1;
}
/* 轮播单项flex布局 */
#s_adv ul.s_adv_slide li > div.flex{
    display: flex;
    border-radius:0.8rem;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    height: 100%;
}
#s_adv ul li .img{
    position: relative;
    overflow: visible;
    flex: 2;
}
#s_adv ul li .img img{
    width: 100%;
    display: block;
}
#s_adv ul li .txt{
    text-align:left;
    height: 100%;
    position: relative;
    flex: 1;
}
#s_adv ul li .txt h5{
    font-size:1.6rem;
    color:#fff;
    font-weight:bold;
    margin-bottom:0.8rem;
    line-height: 1.5;
    display: inline-block;
    position: relative;
    overflow:visible
}
#s_adv ul li .txt h5:before{
    content: '';
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border:2px solid #fff;
    position: absolute;
    right: -20px;
    top: -4px;
}
#s_adv ul li .txt p{
    font-size:0.96rem;
    color:#fff;
    line-height:1;
    margin-bottom: 1.6rem;
}
#s_adv ul li .txt .txt-tit{
    border: 1px solid #fff;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 1.2rem;
    display: inline-block;
    text-align: center;
    width: 24rem;
    color:#fff;
    font-size: 0.96rem;
    font-weight: bold;
    box-sizing: border-box;
}
#s_adv ul li .txt .txt-tit p{
    margin-top: -1px;
    font-size: 0.96rem;
    height: 2.4rem;
    line-height: 2.4rem;
    display: inline-block;
    width: 35%;
    float: left;
    background-color: #2F9159;
    border-radius: 1.2rem;
    color: #fff;
    margin-left: -2px;
}
#s_adv ul li .txt .txt-des{
    margin-top: 1.6rem;
}
#s_adv ul li .txt .txt-des p{
    font-size: 0.8rem;
    line-height: 2.5;
    margin-bottom: 0;
    padding-left: 1.6rem;
    position: relative;
}
#s_adv ul li .txt .txt-des p:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0.6rem;
    width: 20px;
    height: 20px;
    background-image: url(../images/txt-des.png);
}
/* 咨询按钮 */
#s_adv .s_more{
    margin-top: 2rem;
}
#s_adv .s_more a.btn_flashcenter{
    margin:1.2rem 0;
    font-size: 1rem;
    color: #fff;
    display: inline-block;
    padding:15px 20px;
    text-align: center;
    border-radius: 4.8px 4.8px 16px 4.8px;
    box-shadow:0 0px 12px 0 rgba(73,187,188,.15);
    background-image: linear-gradient(#32BE6E, #30935A);
}
#s_adv .s_more a.btn_flashcenter:hover{
    box-shadow:0 0px 12px 0 rgba(73,187,188,.3);
}
/* 轮播圆点指示器 */
#s_adv .s-adv-dots{
    width: 56%;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}
#s_adv .s-adv-dots li{
    display: inline-block;
    margin: 0 10px;
    list-style: none;
}
#s_adv .s-adv-dots li button{
    font-size:0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #fff;
    outline:none;
    border:0;
    cursor: pointer;
}
#s_adv .s-adv-dots li.slick-active{
    width: 30px;
    height: 30px;
    position: relative;
    border: 2px dashed #fff;
    border-radius: 50%
}
#s_adv .s-adv-dots li.slick-active button{
    background-color: unset;
}
#s_adv .s-adv-dots li.slick-active button:after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}

/* ========== 响应式媒体查询（适配当前HTML结构） ========== */
/* 平板：≤1200px */
@media screen and (max-width: 1200px) {
    #s_adv {
        padding: 2.4rem 0 4rem;
    }
    #s_adv:before {
        width: 18rem;
        height: 18rem;
        top: -4rem;
    }
    /* 左右两栏布局 */
    #s_adv .inner.flex{
        gap: 2rem;
    }
    #s_adv .inner.flex > div {
        width: 45%;
    }
    #s_adv ul.s_adv_slide {
        width: 55%;
    }
	/* 轮播图文上下堆叠 */
	#s_adv ul li .img img{width: 80%;margin: 0 auto;}
    #s_adv ul.s_adv_slide li > div.flex {
        flex-direction: column;
        gap: 1.2rem;
        align-items: center;
        text-align: center;
    }
    #s_adv ul li .txt {
        width: 100%;
        text-align: center;
    }
    #s_adv ul li .txt h5 {
        font-size: 1.4rem;
    }
    #s_adv .slick-dotted.slick-slider:before {
        width: 18rem;
        height: 4.8rem;
    }
    #s_adv .s-adv-dots {
        width: 70%;
        bottom: 30px;
    }
}

/* 手机平板：≤768px */
@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }
    #s_adv {
        padding: 2rem 0 3.2rem;
    }
    #s_adv:before {
        width: 14rem;
        height: 14rem;
        right: -14%;
    }
    /* 垂直堆叠 单列 */
    #s_adv .inner.flex{
        flex-direction: column;
    }
    #s_adv .inner.flex > div,
    #s_adv ul.s_adv_slide {
        width: 100%;
    }
    #s_adv .s_tt h3:before {
        font-size: 2.4rem;
        top: -1.6rem;
    }
    #s_adv ul li .txt .txt-tit {
        width: 100%;
    }
    /* 咨询按钮通栏 */
    #s_adv .s_more a.btn_flashcenter {
        width: 100%;
        box-sizing: border-box;
    }
    /* 隐藏底部装饰背景图 */
    #s_adv .slick-dotted.slick-slider:before {
        display: none;
    }
    #s_adv .s-adv-dots {
        width: 90%;
	}
	#s_adv .s_tt{margin-bottom: 1.4rem;}
}

/* 小手机：≤480px */
@media screen and (max-width: 480px) {
    html {
        font-size: 12px;
    }
    #s_adv {
        padding: 1.6rem 0 2.4rem;
    }
    #s_adv:before {
        width: 10rem;
        height: 10rem;
        top: -2rem;
    }
    #s_adv .s_tt h3 {
		font-size: 1.4rem;
		color: #fff;
    }
    #s_adv .s_tt h3:before {
        font-size: 2rem;
    }
    #s_adv ul li .txt h5 {
        font-size: 1.2rem;
    }
    #s_adv ul li .txt .txt-des p {
        padding-left: 1.2rem;
        font-size: 0.75rem;
    }
    #s_adv .s-adv-dots li {
        margin: 0 6px;
    }
    #s_adv .s-adv-dots li.slick-active {
        width: 24px;
        height: 24px;
	}
	#s_adv:after{width: 200%;left: 0;}
}


/* 简介 */
.section_three1{overflow: hidden;padding: 4rem 0;}
.section_three1 .inner{position:relative;display:flex;justify-content:flex-end;margin-top: 60px;}
.section_three1 .photobox{position:absolute;left:0;top:0;width:59.75%}
.section_three1 .photobox img{width:100%;transition:all ease 0.6s;-webkit-transition:all ease 0.6s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.section_three1 .inner:hover .photobox img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.section_three1 .txtbox{width:50%;position:relative;z-index:2;padding-top:105px}
.section_three1 .txtbox h3{text-align:right;color:#333333;margin-bottom:2rem;font-weight: 700;margin-top: .75rem;}
.section_three1 .txtbox h3 span{margin-top:.75rem;display:block;font-size:.6rem;font-weight:normal;color: rgba(68,155,214,0.5);text-transform: uppercase;}
.section_three1 .txtbox .whitebox{padding:1.5rem 10%;min-height:280px;background:url(../images/bg08.png) no-repeat right 5px bottom 5px;background-color:rgba(255,255,255,0.95);box-shadow:0 0 10px 5px rgba(0,0,0,0.1);box-sizing:border-box;align-items:center;-webkit-transition:all .5s;transition:all .5s;display: flex
	;    flex-direction: column;justify-content: center;border-radius: 20px;}
.section_three1 .txtbox .whitebox p{color:#666;line-height:1.6;text-align:justify;letter-spacing:1px;-webkit-transition:all .5s;transition:all .5s;font-weight: 100;}
.section_three1 .txtbox .whitebox p a{display: inline-block;color: #666;}
.section_three1 .inner:hover .txtbox .whitebox{background:none;background-color:#1A56A6}
.section_three1 .inner:hover .txtbox .whitebox p ,.section_three1 .inner:hover .txtbox .whitebox p a{ color: #fff; }

/* 实力 */
.anli1{margin-top: 2rem;}

/* 客户 */
.logo-wrap{width:100vw;height:70vh;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;position:relative;background-image:url('../images/work_bg.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;box-sizing: border-box;padding: 5rem 0;}
.scroll-row{width:100%;overflow:hidden;position:relative}
.scroll-track{display:flex;gap:3rem;white-space:nowrap}
.logo-item{flex-shrink:0;width:10rem;height:4rem;display:flex;align-items:center;justify-content:center}
.logo-item img{max-width:100%;max-height:100%;object-fit:contain}
@keyframes scrollLeft{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}.row-left .scroll-track{animation:scrollLeft 30s linear infinite}
@keyframes scrollRight{0%{transform:translateX(-50%)}
100%{transform:translateX(0)}
}.row-right .scroll-track{animation:scrollRight 35s linear infinite}
.scroll-row:hover .scroll-track{animation-play-state:paused}


/* 首页案例 */
.index-title{text-align:left}
.index-title h3{font-size:2.4rem;font-weight:700;font-family:'Bold';line-height:1.5;color:rgba(51,51,51,1);margin-bottom:0.85rem}
.index-title p{font-size:1rem;line-height:1.2;color:rgba(51,51,51,1)}
.index4 *{box-sizing: border-box;}
.index4{padding:4.5rem 0;opacity:1;transition:ease-out .36s}
.index4 ul{width:calc((100% - 2.4rem) / 3);margin-top:2.5rem}
.index4 ul a{width:100%;height:16.1rem;overflow:hidden;position:relative}
.index4 ul:nth-child(2) a:nth-child(1){height:20rem}
.index4 ul:nth-child(2) a:nth-child(2){height:12.2rem}
.index4 ul a:nth-child(1){margin-bottom:1.15rem}
.index4 ul a img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center;transition:ease-out .36s}
.index4 ul a .content{position:absolute;bottom:0;width:100%;height:4.7rem;background:linear-gradient(0deg,rgba(41,65,141,1) 0%,rgba(41,65,141,0) 100%);padding:1.6rem 1.65rem;transition:ease-out .36s}
.index4 ul a .content h3{font-size:1rem;font-weight:500;color:rgba(255,255,255,1)}
.index4 ul a .content .intor{width:60%;height:0;font-size:0.9rem;line-height:35px;color:rgba(255,255,255,1);margin:1.25rem 0;opacity:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
.index4 ul a .content .more{width:5.95rem;border-radius:1.5rem;border:0.05rem solid rgba(255,255,255,1);font-size:0.8rem;color:rgba(255,255,255,1);padding:0.4rem 0.75rem;height:0;opacity:0}
.index4 ul a .content .more img{position:relative;width:0.8rem;height:0.8rem;filter:grayscale(100%) brightness(600%)}
.index4 ul a:hover .content{height:100%;background:rgba(0,0,0,0.6);padding-top:20%;padding-left:3rem}
.index4 ul a:hover .content h3{font-size:1.4rem;transition:ease-out .36s}
.index4 ul a:hover .content .intor,.index4 ul a:hover .content .more{opacity:1;height:auto;transition:ease-out .36s}
.index4 ul:nth-child(3) a:nth-child(2) .more{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/321.jpg) no-repeat;display:flex;align-items:center;margin: 0;background-size: cover;}
.index4 ul:nth-child(3) a:nth-child(2) .more h3{font-size:1.6rem;font-weight:bold;line-height:50px;margin-left:3.5rem;color:rgba(255,255,255,1)}
.index4 ul:nth-child(3) a:nth-child(2) .more img{position:absolute;width:13.8rem;height:13.8rem;top:initial;left:initial;right:-2.5rem;bottom:-2.5rem;animation:jump2 1s infinite alternate}
@keyframes jump2{from{transform:translateX(0)}
to{transform:translateX(-20px)}
}


/* 首页新闻 */
.xinwenn{margin-top: 60px;}
.tabbox {width:100%;margin:0 auto;}
.tabbox .content{width:40%;overflow: hidden;position: relative;height:600px;}
.tabbox .content ul{position:absolute;left: 0;top: 0;height: 100%;}
.tabbox .content li{width:600px;float: left;position:relative;}
.tabbox .content li a{width: 100%;}
.tabbox .content li img{display: block;width:100%;height:100%;background-size: cover;}
.tabbox .content li .arrow{position: absolute;bottom:0;width:100%;height:70px;}
.tabbox .content .inrt{width: 95%;margin: 0 auto;padding: 20px 10px 10px 0;float: left;border-bottom: 1px solid #f0f0f0;}
.tabbox .content .inrt p{color: #999;font-size: 14px;line-height: 32px;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;overflow: hidden;}
.tabbox .content .inrt .chkk{width: 100px;height: 30px;line-height: 30px;background-color: #1C54A6;text-align: center;border-radius: 50px;color: #fff;margin-top: 20px;font-size: 14px;}]
.tabbox .content .inrt .chkk:hover{background-color: #1C54A6;}
.tabbox .tab {width:56%;}
.tabbox .tab .item{width:100%;height:180px;margin-bottom:30px;border-bottom: 2px solid #f0f0f0;}
.tabbox .tab .item .img{height:150px;width:190px;overflow: hidden;}
.tabbox .tab .item .img img{display: block;height:100%;max-width:none;}
.tabbox .tab .item .info{width:510px;height:130px;padding:0 20px;}
.tabbox .tab .item .info span{height: 20px;color:#999;padding-left: 30px;display: flex;align-items: center;vertical-align: middle;padding-top: 2px;background: url(../images/sz-fill.png) no-repeat left;}
.tabbox .tab .item .info .cm{font-size: 14px;color: #999;display: block;padding: 10px 0;}
.tabbox .tab .item h3{font-size:20px;color:#181818;padding:30px 0 10px 0;}
.tabbox .tab .item p{font-size:14px;color:#999;line-height:26px;height:31px;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box;text-overflow: ellipsis;white-space:normal;-webkit-box-orient: vertical;overflow: hidden;}
.tabbox .tab .item.on{border-bottom: 2px solid #1C54A6;}
.tabbox .tab .item.on p{color:#999;}
.tabbox .tab .item.on h3{color: #1C54A6;}
.tabbox h3 strong{width:80%;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}



/* 首页优势 */
.ys{ background: url(../images/ysBG.jpg) no-repeat center center; background-size: cover; position: relative; height: 850px; }
.ysTitle{ text-align: center; padding-top: 130px;  position: relative; }
.ysTitle h2{ font-size: 65px; color: #fff; font-weight: bold;text-shadow: rgb(59,100,172) 1px 1px, rgb(59,100,172) 1px -1px, rgb(59,100,172) -1px 1px, rgb(59,100,172) -1px -1px, rgb(59,100,172) 0px 1.4px, rgb(59,100,172) 0px -1.4px, rgb(59,100,172) -1.4px 0px, rgb(59,100,172) 1.4px 0px;}
.ysTitle p{ font-size: 1rem; color: #fff;  text-shadow: rgb(59,100,172) 1px 1px, rgb(59,100,172) 1px -1px, rgb(59,100,172) -1px 1px, rgb(59,100,172) -1px -1px, rgb(59,100,172) 0px 1.4px, rgb(59,100,172) 0px -1.4px, rgb(59,100,172) -1.4px 0px, rgb(59,100,172) 1.4px 0px;}
.ysCon{ display: flex; align-items: center;  width: 95%; margin: 0 auto; }
.ysCon  img{display: inline-block;}
.ysCon .ysItem1{ background: url(../images/ysbg1.png) center center no-repeat; width: 375px; height: 472px; text-align: center; padding-top: 120px; box-sizing: border-box;  }
.ysCon .ysItem1>div{ max-width: 235px; margin: 0 auto; margin-left: 55px; }
.ysCon .ysItem1 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem1 p{  color: #fff; text-align: left; line-height: 25px;  }
.ysCon .ysItem2{ background: url(../images/ysbg2.png) center center no-repeat; z-index: 2; width: 330px; height:385px; text-align: center; padding-top:80px; box-sizing: border-box; margin-left: -65px;  }
.ysCon .ysItem2>div{ max-width:180px; margin: 0 auto; margin-left: 99px; }
.ysCon .ysItem2 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem2 p{  color: #fff; text-align: left; line-height: 25px;  }
.ysCon .ysItem3{ background: url(../images/ysbg3.png) center center no-repeat; width: 330px; height: 385px; text-align: center; padding-top: 80px;
	 box-sizing: border-box; margin-left: 520px;  }
.ysCon .ysItem3>div{ max-width: 180px; margin: 0 auto; margin-left: 55px; }
.ysCon .ysItem3 h3{ font-size: 20px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem3 p{  color: #fff; text-align: right; line-height: 25px;  }
.ysCon .ysItem4{ background: url(../images/ysbg4.png) center center no-repeat; width: 375px; height:472px; text-align: center; padding-top:120px; box-sizing: border-box; margin-left: -65px;  }
.ysCon .ysItem4>div{ max-width:235px; margin: 0 auto; margin-right:60px; }
.ysCon .ysItem4 h3{ font-size: 24px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon .ysItem4 p{  color: #fff; text-align: right; line-height: 25px;  }
.yspic{ position: absolute; left: 50%; bottom:-100px; transform: translateX(-50%); z-index: 9;}
.yspic img{animation: scaleLoop 3s ease-in-out infinite;}
@keyframes scaleLoop {
	0% {
	  transform: scale(1); /* 初始状态：正常尺寸 */
	}
	50% {
	  transform: scale(1.03); /* 中间状态：放大到1.2倍 */
	}
	100% {
	  transform: scale(1); /* 结束状态：回到正常尺寸 */
	}
  }
.ysCon_s{ display: none;  }
.ysCon_s ul{ display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;}
.ysCon_s li{ width:48%; text-align: center; background-image: -webkit-linear-gradient(-90deg, #8990B0 0, #3B4054 100%);
	background-image: -moz-linear-gradient(180deg, #8990B0 0, #3B4054 100%);
	background-image: linear-gradient(180deg, #8990B0 0, #3B4054 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto; border:1px solid #fff; padding: 15px; margin: 0px 1% 15px; box-sizing: border-box;  }
	.ysCon_s li img{display: inline-block;}
.ysCon_s li h3{ font-size: 20px; color: #fff; font-weight: bold; text-align: center; margin-top: 8px; margin-bottom: 15px; }
.ysCon_s li p{  color: #fff; text-align: left; font-size: 15px;; line-height: 22px;  }

@media screen and (max-width:1680px) {
	.ysCon{ width: 100%; }
	.yspic{ width: 550px; }
	.ysCon .ysItem3{ margin-left: 380px; }
}
@media screen and (max-width:1440px) {
	.yspic{ width: 450px; }
	.ysCon .ysItem3{ margin-left: 150px; }
}
@media screen and (max-width:1366px) {
	.ysCon .ysItem3{ margin-left: 90px; }
}
@media screen and (max-width:1280px) {
	.yspic{ width: 450px; }
	.ysCon .ysItem3{ margin-left: 50px; }
	.ysCon{ justify-content: space-between; }
	.ysCon .ysItem1>div{ margin-left: 15px; }
	.ysCon .ysItem4>div{ margin-right: 15px; }
	.ysCon>div{ width:24% !important; background-size:100% 100% !important; background-attachment:fixed !important; }	
	.ys{height: auto;padding: 0 15px 30px;}
}
@media screen and (max-width:1024px) {
	.ysCon .ysItem3{ margin-left: 0px; }
	.ysCon .ysItem1>div{ max-width: 220px; }
	.ysCon .ysItem2>div{ margin-left: 65px; max-width: 160px; }
	.ysCon .ysItem3>div{ margin-left: 20px; max-width: 170px; }
	.ysCon>div{ width:24% !important; background-size:100% 100% !important; background-attachment:fixed !important; font-size: 14px; }	
}
@media screen and (max-width:768px) {
	.ysCon{ display: none; }
	.ysCon_s{ display: block; }
	.ysTitle h3{ font-size: 35px; }
	.ysTitle{ padding-top: 40px; }
}
@media screen and (max-width:520px) {
	.ysCon{ display: none; }
	.ysCon_s{ display: block; margin-top: 15px; }
	.ysTitle h2{ font-size: 28px; }
}


.page-cover{background:#18191b url(loading.gif) no-repeat center 350px;width:100%;height:0;position:absolute;bottom:0;z-index:10000001;}
@-webkit-keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-moz-keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-ms-keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}

/* 首页解决方案 */
.solut{width: 100%;margin: 0 auto 0;height: auto;overflow: hidden;padding: 5rem 0 ;background: #FAFAFA;}
.solut .tions{width: 85%;margin: 2rem auto 0;}
.solut .tions ul{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;height: auto;overflow: hidden;}
.solut .tions ul li{width: 24.19%;margin-right: 1%;float: left;position: relative;overflow: hidden;}
.solut .tions ul li:nth-child(4){margin-right: 0;}
.solut .tions ul li img{width: 100%;}
.solut .tions ul li span{position:absolute;bottom: 100px;left: 30px;font-size: 24px;color: #fff;z-index: 1;}
.solut .tions ul li p{color: #fff;position:absolute;bottom: 70px;left: 30px;z-index: 1;text-transform: uppercase;}

.solut .tions ul li .all{position: absolute;width:100%;height:0;background-image: linear-gradient(to bottom,rgba(5,164,183,0),#0F60AD);left:0;bottom:5px;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;border-radius: 20px;margin: 0 auto;}

.solut .tions ul li:hover .all{height:200px;bottom: 0;z-index: 0;}

/*===================== 首页 END =====================*/

/* ========================= 内页 START ========================= */


/* 内页左侧 */
.sycp_l{text-align: center;overflow: hidden;}
.sycp_l .probt{background: url(../images/biat.jpg) no-repeat center;background-size: cover;padding: 22px 15px;}
.sycp_l h3,.sycp_l em{text-align: left;}
.sycp_l h3{color:#fff;font-weight: 700;font-size: 33px;padding-top: 10px;}
.sycp_l em{display:block;color:#fff;text-transform:uppercase;font-size: 18px}
.sycp_l .pro_bar{background: #FFFFFF;border: 1px solid #1C54A6;}
.sycp_l .pro_bar>a{color: #373737;background: #eee;line-height:55px;font-size:18px;text-align: left;text-indent: 1.3em;font-weight: 400;border-bottom: 1px dashed #e3e3e3;background: url(../images/pt.png) no-repeat left 10px top 15px;padding-left: 25px;}
.sycp_l .pro_bar ul li{border-bottom: 1px dashed #DDDDDD;text-align: left;text-indent: 2em;line-height: 45px;}
.sycp_l a:hover{color: #fff;background: url(../images/pt1.png) no-repeat left 10px top 23px #1C54A6;}
.sycp_l .more{border: 1px solid #fff;border-radius: 50px;text-align: center;display: inline-block;color: #fff;font-size: 20px;line-height: 50px;padding: 0 40px;}
.left_side{width:300px;background:#1C54A6;}
.left_side h2{color:#fff;font-size:30px;font-weight: 700;background-color: #1C54A6;padding: 25px 20px;text-align: left;}
.left_side h2 em{display:block;color:#fff;font-size:22px;font-weight: 400;padding-top: 10px;}
.left_side ul li{margin:0 auto;white-space: nowrap;text-overflow: ellipsis; }
.left_side ul li a{display:block;background:url(../images/jt.png) left 24px center no-repeat;height:65px;line-height:65px;color:#000;padding-left:50px;border-bottom:1px solid #fff;font-size: 18px;text-overflow: ellipsis;overflow: hidden;background-color: #f3f3f3;text-align: left;}
.left_side ul li:hover .a1{color: #fff;background-color: #1C54A6;}
.left_side ul li .a1:hover{padding-left:60px;}
.left_side ul li.active .a1{color: #fff;background-color: #1C54A6;}
.left_side ul li .ert a{font-size: 16px;background: none;font-weight: 400;height: 45px;line-height: 45px;border-bottom: 1px dashed #f3f3f3;}
.left_side ul li .ert:hover a{padding-left: 50px;color: #fff;background-color: #a5adbb;}
.left_side ul li .ert.active a{background-color: #1C54A6;color:#fff;}

/* 简介 */
.jjjh{width: 100%;margin: 0 auto;display: flex;flex-direction: column;padding:100px 0 15vw;background: url(../images/jjbj.jpg) no-repeat center bottom;background-size: cover;}
.jjjh .jjms{width: 80%;margin: 0 auto;height: auto;overflow: hidden;}
.jjjh .jjms .public-title h3{color: #262626;font-size:53px;line-height: 50px;font-weight: 700;padding-bottom: 40px;text-align: center;}
.jjjh .jjms .public-title h3 span{color: #e1000c;}
.jjjh .jjms .home_title span{font-size: 32px;color: #333;margin-bottom: 5px;display: block;}
.jjjh .jjms .home_title em{font-size: 20px;padding: 10px 0;display: block;}
.home_title .title{font-size: 48px;color: #209044;text-align: left;font-weight:700;}
.home3{height: auto;overflow: hidden;}
.home3 p{font-size:16px;color:#111111;line-height:33px;text-align: left;padding-top: 10px;text-indent: 2em;}
.home3 .fl{width:35%;float: left;}
.home3 .fl h2{font-size:48px;text-transform: uppercase;font-weight: 700;color: #1C54A6;font-family: "Gilroy";}
.home3 .fl h3{font-size: 45px;font-weight: 500;letter-spacing: 0;margin: 1rem 0;}
.home3 .fr{width: 63%;float: right;}



/* ===================== 产品列表页 ===================== */
#list{margin:30px 0;}
#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1525px;margin:0 auto;}
@media(max-width:1505px ){
	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;}
}
.showlist {width:100%;}
.showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.showlist .wrap_box{float:left;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
#showdata {display:none;}
#loaddata {text-align:center;}
.showlist li .img{overflow: hidden;}
.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;}
.product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}
.product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;border-bottom: 1px solid #e0e0e0;}
.product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;border: 1px solid #f0f0f0;}
.product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
.product_list_three .item{width:31.33%;border:1px solid #ececec;}
@media screen and (min-width: 900px){
	.product_list_one .item .img img{object-fit: contain;display: block;margin: 0 auto;}
	}
	@media screen and (max-width: 899px){
		.product_list_one .item .img img{object-fit: contain;display: block;margin: 0 auto;}
		}

/* 样式一 */
.product_list_one .item .info{padding:20px;}
.product_list_one .item strong{display: inline-block;width:94%;font-weight:300;font-size:18px;float: left;}
.product_list_one .item em{width: 4%;float: left;font-size: 12px;color: #999;}
.product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#1C54A6;margin-top: 10px;}
.product_list_one .item p{display: none;}
.product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;}
/* .product_list_one .item:hover .info{background:url(../images/arrow.png) right center no-repeat;} */
.product_list_one .item:hover strong{border-right:1px solid #f1f1f1;}
/* 样式一 */

/* 样式二 */
.product_list_two .item .info{padding:0 30px 6px;background-color:#f6f7f7;text-align: center;}
.product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:300;padding-top:20px;}
.product_list_two .item em{color: #999;}
.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}
.product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;}
.product_list_two .item .line2{display: none;}
.product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}
.product_list_two .item:hover strong{color:#1C54A6;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#1C54A6;}
.product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);}
/* 样式二 */

/* 样式三 */
.product_list_three .item .info strong{padding:0;font-size: 22px;font-weight:400;color: #333;}
.product_list_three .item{border-radius:6px;overflow:hidden;background-color:#f9f9f9;text-align: center;}
.product_list_three .item .info{padding:15px;}
.product_list_three .item em{font-style:normal;width:10px;height:3px;text-align: center;color: #999;}
.product_list_three .item:hover em{width:30px;}
.product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;border-bottom: 1px solid #044CB5;}
.product_list_three .item img{display: inline-block;}
/* 样式三 */

/* 产品内页图 */
.product_article .img1{display: none;}
.product_article .title{overflow: hidden;padding:10px 0 0;}
.product_article .title h1{text-align: center;font-size:28px;color:#333;font-weight:600;}
.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display: inline-block;vertical-align: top;}
.product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}
/* 产品内页图 */

/* ===================== 产品列表页 ===================== */

/* ===================== 产品 详情页 ===================== */
.img_big_box{width:49%;float: left;}
.img_big_box .img_box{height:550px;border-radius:5px;position: relative;border: 1px solid #ececec;}
.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.img_big_box .small_box{border-radius:5px;text-align: center;}
.img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border: 1px solid #ececec}
.img_big_box .small_box img.active{border-color:#1C54A6;}
.info_big_box{width:49%;float: right;background: url(../images/cppage3_zs01.png) no-repeat  right;}
.info_big_box h1{color:#444;line-height:50px;font-weight: bold;font-size:38px;margin-top:10px;padding-bottom: 20px;}
.info_big_box p{font-size: 14px;color: #a8a8a8; line-height: 30px;font-weight: 300;}
.info_big_box em{color: #333;font-size: 25px;line-height: 36px;display: block;padding-top: 20px;}
.info_big_box .hx{width: 80%;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 5px 0;}

.swtfw{width: 100%;}
.swtbox{margin-top:15px;overflow: hidden;gap: 2rem;}
.swtbox a{text-align:center;display:block}
.swtbox .btn1{flex:1;height:58px;background:#1C54A6;font-size:24px;color:#ffffff;font-weight:bold;line-height:58px;letter-spacing:5px;box-shadow:0 16px 27px rgba(59,74,96,0.3);transition:all linear 0.3s;}
.swtbox .btn1:hover{background:#333;box-shadow:0 16px 27px rgba(60,151,170,0.4)}
.swtbox .btn2{flex:2;height:58px;background:#e9f1f2;border:2px solid #ccc;font-size:16px;color:#343434;line-height:58px;}
.swtbox .btn2 span{font-size:24px;color:#1C54A6;font-weight:bold;vertical-align:top}
.fwby{margin-top:30px;gap: 2rem;align-items: center;}
.fwby p{font-size:14px;color:#000b1f;line-height:17px;align-items: center;}
.fwby p img{margin-right: 0.5rem;}
.fwtime{width: 100%;margin-top: 30px;gap: 2rem;}
.fwtime p{font-size:16px;color:#696969;padding-top:30px;float:left}
.fwtime .p1{background:url(../images/cppage1_60s.png) left top no-repeat}
.fwtime .p2{background:url(../images/cppage1_30m.png) left top no-repeat;}
.fwtime .p3{background:url(../images/cppage1_24h.png) left top no-repeat}

.info_big_box .info_1{margin:30px 0 0;}
.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;}
.info_big_box .info_1 .dh img{float: left;width:30px;margin-top:5px;}
.info_big_box .info_1 .dh span{float: right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}
.info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}
.info_big_box .info_2{padding:10px;}
.info_big_box .share{height:24px;line-height:24px;margin:20px 0;}
.info_big_box .share span{font-size:16px;color:#555;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;}
.info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;}
.info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;}

.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;display: none;}
.xgcp_title h3{color:#424355;border-left:2px solid #424355;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}

.article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;}
.article_content{font-size:.8rem;line-height:1.5rem;color:#666;padding-top:2rem;  text-align: justify;}
.article_content strong{font-size: 1rem;color: #000;margin-bottom: .5rem;display: block;line-height: normal;padding-top: .5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);  margin-top: .5rem;font-weight: 700;}
.article_box{padding-top:30px;}
.article_box img, .article_content img{display: inline;}
.article_content table,.product-scroll-list .scroll.scroll_4 table{border-right:1px solid #c6ccd4;border-bottom:1px solid #c6ccd4;text-align:center;vertical-align:middle;width:100%}
.article_content table td,.product-scroll-list .scroll.scroll_4 table td{border-left:1px solid #c6ccd4;border-top:1px solid #c6ccd4;padding:10px}
.article_content table tr:nth-child(even) td{background:#fff}
.article_content table tr:nth-child(odd) td{background:#F9FAFC}
.article_content table tr:first-child td{background:#E6EAF3 !important;font-size:16px;font-weight:bold}
.article_content table tr td{line-height:18px;font-size:14px}
.article_content table tr td p{margin:0}
.article_content iframe{width: 40rem !important;height: 30rem !important;}

#xgcp ul li{float: left;text-align: center;width:23%;margin:1%;}
#xgcp ul li img{height: 264px;}
#xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;background-color: #f7f7f7;}
#xgcp ul li:hover strong{color:#fff;}
#xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;margin-bottom: 10px;}
.pagenum a{display: inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #1C54A6;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#1C54A6;}
.pagenum a:hover{background-color:#1C54A6;}
.pagenum a:hover span{color:#fff;}
/* ===================== 产品 详情页 ===================== */

/* ===================== 内页 Banner 图 ===================== */
#nyba{height:300px;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;z-index: 5;background-attachment: fixed;}
#nyba1{height:0;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;z-index: 5;}
.fade_text{text-transform:uppercase;margin-top:4%;text-align: center;font-size:0;}
.fade_text h1{color:#0F60AC;display: inline-block;}
.fade_text .cn{height:95px;line-height:95px;overflow: hidden;}
.fade_text .cn h1{font-size:2rem;}
.fade_text .en{height:40px;line-height:40px;font-size:1rem;overflow:hidden;}
.fade_text .en span{color: #0F60AC;}
.fade_text .line{width:80px;height:3px;background-color:#0F60AC;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow: hidden;width:8px;display: none;}
.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }
.arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; }
@-webkit-keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes long1{
	from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
}
@keyframes long1{
	from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
}
/* ===================== 内页 Banner 图 ===================== */

/* ===================== 面包屑导航 ===================== */
.position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;}
.position_now a{display: inline-block;color:#707070;}
.position_now .fl{color: #707070;}
.position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;}
.position_now .fr{font-family:"PingFang_Medium";color:#333;font-size:20px;display: none;}
.position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;}
.position_now .fr strong{font-weight:100;}
.position_now .fl a.return{border-radius: 50px;background: #1C54A6;color: #fff;line-height: 30px;padding: 0 10px;margin-right: 10px;}
/* ===================== 面包屑导航 ===================== */

/* ===================== 新闻页面 ===================== */

/* 新闻样式 1 */
.news_one .news_box li{margin-bottom:20px;background-color: #f5f5f5;}
.news_one .news_box li .img{width:30%;height:300px;overflow:hidden;float:left;border-radius:8px;position: relative;background: url(../images/logo.png) no-repeat center #ddd;}
.news_one .news_box li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_one .news_box li .img .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.news_one .news_box li .img .bg i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../images/news_arrow.png) center/100% no-repeat;}
.news_one .news_box li .info{width:68%;height:240px;float:right;padding-top:60px;}
.news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;}
.news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;}
.news_one .news_box li .info .line{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;}
.news_one .news_box li .info .line i{display: block;width:0%;height:1px;background-color:#1C54A6;}
.news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;}
.news_one .news_box li:hover .info{padding-top:50px;}
.news_one .news_box li:hover .line i{width:100%;}
.news_one .news_box li:hover h3{color:#1C54A6;}
.news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);}
.news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;}


.news_article_box .left_fixed{position: fixed;left:0;top:0;width:30%;height:100%;z-index:-1;}
.news_article_box .left_fixed .text{padding:35% 0 0 25%;}
.news_article_box .left_fixed h6{font-size:70px;color:#1C54A6;opacity:0.5;font-style:italic;font-family: impact;}
.news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;}
.news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;}
.news_article_box .left_fixed .return:after{content:'';}
.news_article_box .right_article{float: right;width:70%;background-color: #f5f5f5;overflow: hidden;}
.news_article_box .inner_content{padding:30px 50px;}
.news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5;}
.news_article_box .h1_title h1{font-size:22px;color:#333;margin-bottom:20px;}
.news_article_box .h1_title .time img{height:20px;display: inline-block;margin:-4px 10px 0 0;}
.news_article_box .h1_title .time span{color:#777;font-size:16px;}

.page_list{text-align: center;}
.page_list b{font-size:0;}
.page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;}
.page_list b font{background-color:#1C54A6;color:#fff;border-color:#1C54A6;}
.page_list_span1{display: none;}
/* 新闻样式 1 */

/* 新闻样式 2 */
.news_two .news_box li{float: left;width:31.33%;margin:1%;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_two .news_box li a{padding:20px;background-color:#f3f3f3;position: relative;}
.news_two .news_box li a img{width: 100%;}
.news_two .news_box li .time strong{font-size:50px;color:#1C54A6;display: inline-block;font-family:"SimHei";position: relative;}
.news_two .news_box li .time strong::after{content:'';position: absolute;left:0;top:30px;width:0px;background-color:#d7000f;height:2px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news_two .news_box li .time span{font-size:12px;color:#333;display: block;font-family:"SimHei";}
.news_two .news_box li h3{color:#333;font-size:18px;line-height: 26px;overflow: hidden;margin:15px 0 10px;}
.pc .news_two .news_box li:hover h3{color:#1C54A6;}
.news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow: hidden;margin-bottom:10px;}
.news_two .news_box li i{position: absolute;background-color:#1C54A6;}
.news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;}
.news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;}
.pc .news_two .news_box li:hover i.i1{width:30px;}
.pc .news_two .news_box li:hover i.i2{height:30px;}
.pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.pc .news_two .news_box li:hover strong::after{width:100%;}

.fixed_body{display: none;position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;}
.fixed_body .fixed_article{display: none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);}
.fixed_body .fixed_article .fb_close{position: absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#1C54A6;}
.fixed_body .fixed_article .fb_close i{display: block;margin:10px auto 0;width:40px;height:40px;background:url(../images/jia.png) center center/80% no-repeat;}
.fixed_body .fixed_article .fb_close:hover i{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display: block;}
@media( max-width:1505px ){
	.fixed_body .fixed_article{width:1000px;margin-right:-500px;}
}
/* 新闻样式 2 */

/* ===================== 新闻页面 ===================== */

/* ===================== 产品页 左侧 导航 ===================== */
#list .left_side{width:295px;background-color: #fcfcfc;border: 1px solid #ededed;overflow: hidden;}
#list .left_side .box_two{width:275px;padding:10px 10px;background-color: #ebebeb;}
#list .left_side .box_two{margin-top:10px;padding:20px 10px;}
#list .left_side .box_two p{font-size:16px;color:#000;line-height:30px;}
#list .left_side .box_two strong{color:#1C54A6;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;}
#list .left_side .box_two .more i{background-color:#1C54A6;}
#list .left_side .box_two .more:hover{color:#fff;}
#list .right_side.fr{width:1200px;}
@media(max-width:1505px ){#list .right_side.fr{width:900px;}}
/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 全局搜索框 ===================== */
.form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;}
.form_box .sf{margin:0 auto;text-align: center;font-size:0;}
.form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;}
.form_box .an{vertical-align: bottom;}
.form_box .an:hover{border-color:#1C54A6;}
.form_box .inp{height:38px;vertical-align: bottom;}
.form_box .submit{width:80px;cursor:pointer;}
/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */
.form_box_box{margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);background: url(../images/bg-04.jpg) no-repeat center;}
ul.fs{width:1000px;margin:0 auto;}
ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
ul.fs .box1 li{float: left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#1C54A6;}
ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}   
ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}    
ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#1C54A6;}
ul.fs li.radio{text-align: center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align: center;margin:20px 0;}
ul.fs li.yzm img{display: inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#1C54A6;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#1C54A6;font-size:16px;color:#fff;}
/* ===================== 在线留言 ===================== */


/* ===================== 回到顶部 ===================== */
.go_top{background:url(../m/images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#1C54A6;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}
/* ===================== 回到顶部 ===================== */

/* ================================ 内页 END ================================ */

/*===================== 响应式代码 START =====================*/
.header .menu_box{display:none;}
.header .menu_box{float:right;width:24px;height:54px;}
.header .nav_button{position:absolute;right:15px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#1C54A6;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after,.header .nav_button::before{content:'';width:24px;height:2px;position:absolute;z-index:99999999;right:0;background-color:#1C54A6;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after{top:9px;}
.header .nav_button::before{top:-9px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);}
#close{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.wap_son{display: none;padding:0 13px;margin-bottom:0;}
.wap_son li{width:49%;height:auto;line-height:28px;font-size:16px;color:#fff;text-align: center;margin:0.5%;float: left;}
.wap_son li a{color: #fff;font-size: 15px;}
.wap_son li .f_20{background-color:#1C54A6;font-weight: 400;}
.wap_son li:hover{background-color: #333;}
.wap_son li.active{background-color: #333;}
.wap_son li .wot{background-color: #efefef !important;font-size: 16px !important;color: #000;line-height: 32px;font-weight: 400;border-bottom: 1px dashed #e6e6e6;}

.fixed_footer{display: none;}
.fixed_footer{display: none;background:#1C54A6;height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}
@media (min-width:640px){
	.fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}
.fixed_footer a{float: left;width:33.33%;text-align: center;}
 .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
 .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}


 @media( max-width:1680px ){
	 html{font-size: 19px !important;}
	.home3 .fl .sty1{margin-top:30px;}
	.home3 p{width: 92%;font-size: 15px;line-height: 28px;}
	.home3 .fl .swtbtn{margin-top: 40px;padding: 10px 0;font-size: 18px;}
	.tabbox{width: 100%;}
	.tabbox .tab .item{height: 160px;}
	.tabbox .tab .item .info{width: 465px;}
	.tabbox .content li img{width: 90%;}
	.tabbox .content .inrt{width: 75%;}
	.home3 .fl h3{font-size: 40px;}
	.jjjh .jjms{width: 85%;}
	.num_top ul li span{font-size: 50px;}
}

@media( max-width:1600px ){
	html{font-size: 18px !important;}
	.section_four{height: 260px;}
	.tabbox .content .inrt{width: 70%;}
	.num_top ul li span{font-size: 48px;}
	.footer .f2{width: 28%;}
	.footer .f2 a{width: 45%;}
	.footer .f4 .mz{width: 35%;}
}


@media( max-width:1550px ){
	.header .call h3{font-size:28px;}
	.header .logo img{height: 45px;}
	.home3 .fl{width: 48%;}
	.home3 p{width: 88%;font-size: 14px;line-height: 26px;}
	.tabbox .tab .item .info{width: 61%;}
	.tabbox .content .inrt{width: 69%;}
	.tabbox .tab .item{height: 153px;}
	.tabbox .content li img{width: 85%;}
	.header .call h3{font-size: 24px;}
	.num_top ul li span{font-size: 47px;}
	.num_top ul li p{font-size: 15px;}
	.pub_title h3{font-size: 48px;}
	.home3 .fl h3{font-size: 38px;}
	.footer .f3 span{font-size: 18px;}
	.footer .f2 a{width: 46%;}
}

@media( max-width:1480px){
	html{font-size: 17px !important;}
	.tabbox .tab .item .info{width: 58%;}
	.tabbox .content .inrt{width: 55%;}
	.header .nav ul li{width: 12%;}
	.header .nav ul li a{font-size: 14px;}
	.section_four{height: 230px;}
	.home3 p{-webkit-line-clamp:5;display: -webkit-box;text-overflow: ellipsis;white-space:normal;-webkit-box-orient: vertical;overflow: hidden;padding-bottom: 0;}
	.footer .abwoe{width: 95%;}
	.home3 .fl h3{font-size: 35px;}
	.num_top ul li span{font-size: 46px;}
	.sygsjj .gs_con p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
	.sygsjj .gs_con{margin: 21px auto 20px;}
}




@media( max-width:1366px ){
	html{font-size: 16px !important;}
	.pub_title h4{margin-top: 30px;}
	.inner,.container{width: auto; padding: 0 15px;box-sizing: border-box;max-width: 1300px;}
	.header .inner{padding: 0;max-width: none;}
	.section_nine .nlist{width: 90%;}
	.tabbox .tab .item{width: 100%;}
	.tabbox .tab .item .info{width: 54%;}
	.num_top ul li span{font-size: 43px;}
	.footer .f3 span{font-size: 17px;}
}

@media( max-width:1280px ){
	.section_one .item_box{width:1200px;}
	.tabbox .tab .item .info{width: 52%;}
	.footer .f3 span{font-size: 16px;}
}


@media( max-width:1200px ){
	.f_14{ font-size:14px; }
	.f_16,.info_big_box .info_1 .dh span{ font-size:16px; }
	.f_18{ font-size:14px; }
	.f_20,.index4 ul a .content h3{ font-size:16px; }
	.f_24{ font-size:20px; }
	.f_28,.index-title h3{ font-size:28px; }
	.f_30{ font-size:24px; }
	.f_38{ font-size:30px; }
	.f_48{ font-size:24px !important; }
	.f_58{ font-size:30px !important; }
	html,body{margin:0 auto !important;}
	.header .nav ul li em, .header .nav ul li i, .product_list_two .item .info p, .product_list_three .item .info p, .header .call, .banner .swiper-button-next, .banner .swiper-button-prev, .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, #none,.tj_box .gallery-top .swiper-slide a .txt,.tj>img,.footer .f2,.section_two .item_box .yspic img:nth-child(1),.section_two .item_box .yspic img:nth-child(3),#winImgDiv,.syys h3 strong,.syys .syys2,.syys .syys1 span b,.pc_show,.altop,.hf .fr,.more .but,.section_nine .nlist .date-box,.section_nine .nlist .img,.sygsjj .inner.clear,.h_left_txt,.header .nav::before,.header .nav ul li a span img,.num_top ul li img,.navr,.xCeb,.sygsjj dl dd,#s_adv .s_tt h3:before{display: none !important;}
	.wap_show{display: block;}
	.index_box{padding: 2rem 0 !important;}

	.header .menu_box, .mobile .fixed_footer, .wap_son{display: block;}
	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto,.tj_box,.w1300,.tabbox,.footer .f3,.inner,.section_nine .nlist,.tions,.index4 .container{width:auto;padding:0 15px;}
	.header{height:50px;}
	.header .inner,.header.bg .inner{padding:0 ;width:auto;height:50px;}
	.header .logo img,.header.bg .logo img{height:38px !important;}
	.header .nav{position:fixed;width:280px;height:auto;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-200px 0 0 -140px;z-index:9999999999;background-color:#fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
	.header .nav ul li{display:block;float:none;width:90%;margin:0 auto;height:40px !important;line-height:40px !important;border-bottom:1px solid #f9f9f9;}
	.header .nav ul li span,.header .nav ul li a{color:#333!important;}
	.header .nav ul li a:hover span,.header .nav ul li a.active span{line-height:40px;}
	.header .nav ul li:last-child{border:none;}
	.product_son{display: none !important;}
	.position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}

	.header .product_son{display: none !important;}
	.header .product_sonc{display: none !important;}
	.banner .width{height:35vh;}
	.banner .width01 .box01{font-size: 17px;top: 80px;}
	.banner .width01 .box02{font-size: 12px;top:110px;width: 80%;margin: 0 auto;}
	.banner .width01 .box03{display: none;}

	.banner .width01 .box05{color:#fff;font-size:18px;position: absolute;top: 100px;left: 0;right: 0;}
	.banner .width01 .box06{color:#fff;font-size:20px;position: absolute;top: 140px;left: 0;right: 0;}
	.banner .width01 .box07{color:#fff;font-size:14px;position: absolute;top: 180px;left: 0;right: 0;margin: 0 auto;font-weight: 300;}

	.banner .width01 .box08{color:#fff;font-size:18px;position: absolute;top: 120px;left: 0;right: 0;}
	.banner .width01 .box09{color:#fff;font-size:21px;position: absolute;top: 80px;left: 0;right: 0;font-weight: 400;}
	.banner .width01 .box10{display: none;}

	/* 首页简介 */
	.section_three1{padding: 30px 0;}
	.section_three1 .inner{margin-top:30px;display:block}
	.section_three1 .inner .photobox{position:static;left:inherit;top:inherit;width:auto;overflow:hidden}
	.section_three1 .txtbox{width:auto;padding-top:15px}
	.section_three1 .txtbox .num{right:inherit;top:12px;left:0;font-size:35px}
	.section_three1 .txtbox h3{font-size:24px;letter-spacing:0;margin-bottom:15px;text-align: center;}
	.section_three1 .txtbox h3 span{margin-top:5px;font-size:12px;letter-spacing:0}
	.section_three1 .txtbox .whitebox{padding:15px;min-height:inherit;background-size:240px auto,80px auto;background-color:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,0.1);display:block}
	.section_three1 .txtbox .whitebox p{line-height:1.6;letter-spacing:0}
	.section_three1 .inner li:hover .txtbox .whitebox{background-size:260px auto,100px auto}
	


	.pub_title h4{font-size:23px;margin-top: 30px;}
	.pub_title h4::before{left: -40px;top: 10px;}
	.pub_title h4::after{right: -40px;top: 10px;}
	.pub_title h4 img{height: 23px;}
	.pub_title h4 .im1{height: 0px;}
	.pub_title h4 span{font-size:23px;margin:0;}
	.pub_title h4 i{font-size:50px;top: 0px;}
	.pub_title p span{font-size: 18px;}
	.pub_title p{font-size: 12px;margin-bottom:3px;}

	.product_list_one .item .info{padding:13px 2px;}
	.product_list_one .item strong{font-size: 14px;width: 75%;}

	.img_big_box{width: 100%;overflow: hidden;}
	.img_big_box .img_box{height: 315px !important;}
	.info_big_box{padding-bottom: 10px;}
	.info_big_box h1{margin-top:0;font-size:26px;padding-bottom:0;text-align: center;}
	.info_big_box .info_1{margin-top:10px;}
	.info_big_box .share{margin:0 0 10px 0;}
	.info_big_box .hx{width: 100%;display: none;}
	.fwby{gap: 0;justify-content: space-between}
	.info_big_box p{font-size: 12px;}
	.info_big_box em{font-size: 14px;padding-top: 0;line-height: 28px;}
	.fwtime{justify-content: space-between}
	.fwtime .p2{margin-left:0;margin-right: 10px;font-size: 10px;}
	.fwtime p{margin: 0 0;}
	.swtbox{margin-top: 0;width: 100%;gap: 1rem;justify-content: space-between}
	.swtbox .btn1{width: 99%;height: 45px;line-height: 45px;font-size: 20px;}
	.swtbox .btn2{margin-left: 0;width:97.2%;height: 45px;line-height: 45px;font-size: 16px;}
	.swtbox .btn2 span{font-size: 18px;}



	/* 解决方案 */
	.solut .tions{width: 100%;box-sizing: border-box;}
	.solut .tions ul{gap: 1rem}
	.solut .tions ul li{width:calc(50% - .5rem);height: auto;float: left;margin-right: 0;}
	.solut .tions ul li img{height: 320px;}
	.solut .tions ul li span{bottom:60px;left: 20px;}
	.solut .tions ul li p{font-size: 12px;bottom: 26px;left: 20px;}
	.solut .tions ul li .all{border-radius: 10px;}

	.home3{padding: 10px 10px;}
	.home3 .fl{width:100%;}
	.home3 .fl .swtbtn{width: 70%;margin-bottom: 10px;}
	.home3 p{width: 100%;-webkit-line-clamp: 6;display: -webkit-box;text-overflow: ellipsis;white-space:normal;-webkit-box-orient: vertical;overflow: hidden;}
	.home3 .dy{margin-top: 10px;}
	.home3 .fl h2{font-size: 30px;}
	.home3 .fl .foot_link{height: 30px;line-height: 30px;margin-top: 20px;}
	.home3 .fl .foot_link em{width: 30px;height: 30px;}

	.home_title img{width: 50%;}
	.home_title h2{font-size:23px;}
	.msjj .jjms .home_title em{font-size: 16px;}
	.home_title a{height: 35px;line-height: 35px;}
	.home_title .title::after{height: 4px;}

	.jjjh{padding-top: 10px;margin-bottom: 30px;padding-bottom: 5rem;}
	.jjjh .jjms{width: 95%;}
	.jjjh h2{font-size: 22px;line-height: 30px;width: 96%;}
	.jjjh h3{font-size: 30px;}
	.jjjh .jjms .home3{height: auto;overflow: hidden;}
	.home3 .num_top{margin-top: 0;}
	.home_title em{font-size: 34px;}
	.home3{width: 98%;margin: 0 auto;}
	.home3 .fl{width: 90%;}
	.home3 .fl .sty1 li{height: 80px;}
	.home3 .fl .sty1 li span i{font-size: 18px;}
	.home3 .fl .sty1 li p{font-size: 12px;}
	.home3 .fl h3{font-size: 24px;}
	.home3 .fr{width: 80%;top: 50px;}
	.home3 .fr{width: 100%;height: auto;top: 0;}
	.home3 .fr img{top: -25px;}
	#scroll_one1{height: 230px;margin: 5px auto 0;padding: 5px 0;width: 95%;}
	#scroll_one1 ul li{float:left;width: 180px;text-align:center;overflow:hidden;position: relative;}

	/* 首页案例 */
	.index4{padding:2rem 0}
	.index4 ul {    width: 100%;}
	.index4 ul a .content .intor{width:100%;font-size:1.2rem;line-height:25px}
	.index4 ul a:hover .content{padding-top:13%}
		.index2 .left li .tisp,.index-title p,.index6 .data a .info .intor,.index6 .data a .info .time,.index8 .right p,.foot1 .top .up{font-size:1.2rem}

	.pub_title h3{font-size: 24px;padding: 0;}
	.pub_title h3 span{font-size: 26px;}


	.albox .fl,.albox .fr{width: 100% !important;float:none;}
	#nyba{height:160px;background-size: cover;background-attachment: unset;}
	.fade_text{margin-top:60px;}
	.fade_text .cn{line-height:58px;height:40px;}
	.fade_text .cn span{font-size:22px;}
	.fade_text .en{font-size:13px;line-height:15px;}
	.fade_text .line{margin:10px auto;}
	.fade_text .cn h1{font-size: 24px;}
	.form_box_box, ul.fs{width:100%;}
	.form_box_box{margin:0;padding:20px 0;box-shadow:none;}
	ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;}
	.product_list_one .item, .product_list_two .item, .product_list_three .item{width:49%;margin:0.5%;}
	.product_list_two .item .info,.product_list_three .item .info{min-height:50px;padding: 0 5px 0;text-align: center;}
	.product_list_two .item .info strong, .product_list_three .item .info strong{padding-top: 10px;font-size: 14px;}
	.product_list_two .item .line1{margin-top: 5px;}
	.product_list_two .item em{font-size: 12px;}
	.product_list_three .item em{text-align: center;font-size: 12px;color: #ccc;}
	.product_list_three .item .info{padding: 5px 15px;}
	#list .right_side{float:none !important;width:100% !important;}
	.news_one .news_box li .img, .news_one .news_box li .info{float:none !important;width:100%;}
	.news_one .news_box li .img{height:200px;}
	.news_one .news_box li .info{padding-top:20px;height:auto;}
	.news_one .news_box li .info .time{padding:6px 0;}
	.news_one .news_box li .info .line{margin-bottom:6px;}
	.news_one .news_box li:hover .info{padding-top:20px;}
	.son_list{height:40px;}
	.son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;}
	.news_article_box{padding-top: 0;}
	.news_article_box .right_article{width:100%;float:none;background-color: #fff;}
	.news_article_box .inner_content, .news_article_box .h1_title{padding:20px;}
	.news_two .news_box li{width:49%;margin:0.5%;}
	.news_two .news_box li a{padding:8px;}
	.news_two .news_box li .time strong{font-size:30px;}
	.fixed_body .fixed_article {width:90%;height:500px;margin: -250px -45% 0 0;}
	.fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;}
	.fixed_body .fixed_article .fb_close i{margin-top:5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
	.info_big_box,.section_six,.section_two{width:100%;overflow: hidden;}
	.xgcp_title{margin-top:10px;}

	.num_top ul{flex-wrap: wrap;justify-content: center}
	.num_top ul li{width: 33%;background: none;margin-bottom: 15px;text-align: center;}
	.num_top ul li span{font-size: 25px;}
	.num_top ul li p{font-size: 12px;}
	.num_top ul li em{font-size: 14px;}
	.num_top .baye img{margin-bottom: 25px;margin-left: 0;}



	.footer .f1{width: 96%;margin: 0 auto;}
	.footer .f1 p{text-align: left;}
	.footer .f3{margin-left: 0;margin-top:0;}
	.footer .f3 .dblx{width:100%;}
	.footer .f3 .dblx p{width: 100%;display: inline-block;float: left;line-height:28px;}
	.footer .f3 p{padding: 0;font-size: 16px;}
	.footer .f3 .dblx ul li{width: 100%;}


	.footer .f4{margin-top: 20px;width: 100%;height: 70px;line-height: 60px}
	.footer .f4 .phnbd{width: 100%;padding: 0;}
	.footer .f4 .mz{width:50%}
	.footer .f4 span{width: 62%;padding-top:0;height: 70px;line-height:70px;font-size: 27px;text-align: center;margin: 0 auto;}
	.footer .f4 span img{padding-left: 0;}
	.footer .f4 span em{font-size: 28px;}
	.footer{background-size: cover;}
	.footer .f3 h3{margin-top: 10px;}
	

	.xinwenn{width: 95%;margin: 0 auto;margin-top: 20px;}
	.tabbox .content{display: none;}
	.tabbox .tab, .tabbox .tab .item{width:100%;height: auto;}
	.tabbox .tab .item .img,.tabbox .tab .item .info{width:100%;float:none;height: auto;}
	.tabbox .tab .item .img img{width: 100%;height: auto;}
	.tabbox .tab .item .info{box-sizing: border-box;padding:10px;}
	.tabbox .tab .item h3{padding:0;}
	.tabbox h3 strong{width: 100%;}




}



/*===================== 响应式代码 END =====================*/