@charset "utf-8";

body{ margin:0px; padding:0px; font-size:12px;font-family:syht!important;color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
@font-face {
	font-family:syht;
	src: url(../images/syht.otf);
}
@font-face {
	font-family:syht_blod;
	src: url(../images/syht_blod.otf);
}
a{ color:#5c5c5c; text-decoration:none}

.herder{ box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 100%; position: fixed; left: 0; top: 0;z-index: 100;background: #fff;}
.herder .herderTop{ width: 100%; height: 50px; background: #1d2b36;}
.herder .herderTop .Nr{ width: 1420px; margin: 0 auto; position: relative;max-width: 90%}
.herder .herderTop .yuyan{ float: right; padding-left: 44px; line-height: 50px; font-size: 16px; color: #fff; background: url(../images/index_09.png) 18px center no-repeat;}
.herder .herderTop .bt{ position: relative; float: right; padding: 0 15px; height: 50px; line-height: 50px; font-size: 16px; color: #fff;}
.herder .herderTop .bt img{ display: inline-block; margin-right: 7px; vertical-align: middle; }
.herder .herderTop .bt:after{ width: 1px; height: 25px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; background: #fff;}
.herder .Main{ width: 1420px; margin: 0 auto; height: 95px;max-width: 94%;perspective-origin: right;position: relative;}
.herder .Main .logo{ float: left; height: 95px; line-height: 95px;}
.herder .Main .logo img{ display: inline-block; vertical-align: middle;}
.ssbtn{width: 40px;height: 40px;background: url(../images/a10.png) no-repeat center center;background-size: 20px  20px;cursor: pointer;float: right; margin: 20px 0 0 10px;position: relative;float: right;}

.ssboxA{width: 1420px; position: absolute;background: #fff; padding: .3rem;border-radius: 0 0 6px 6px;left: 0;top: 80px;display: none;}
.sswby{width: 100%;height: 42px; line-height: 40px;border: 1px solid #ddd;border-radius: 21px; padding: 0 20px;}
.btn_ss{background: url(../images/a10.png);width: 24px;height: 24px; position: absolute;right: 50px;top: 50%;transform: translateY(-50%);cursor: pointer;border: none;}
.herder .Main .nav{ float: right;}
.herder .Main .nav ul{ float: left; overflow: hidden;}
.herder .Main .nav ul li{ float: left; margin-left: 33px; }
.herder .Main .nav ul li h3 a{ font-size: 18px; color: #2e2e2e;line-height: 95px;position: relative;display: block;}
.herder .Main .nav ul li.cur h3 a:before{width: 100%;}
.herder .Main .nav ul li h3 a:before{position: absolute;content: "";border-bottom: 4px solid #9d9d9d;width: 0;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;transition: all .5s;}
.sub{width: 1420px;background: #fff;top: 95px;left: 50%;transform:translateX(-50%);border-radius: 0 0 6px 6px;position: absolute;display: none;max-width: 94%; border-radius:0 0 8px 8px; overflow: hidden;}
.subBox1{display: flex;justify-content: space-between;}
.sub_left{width: 240px;background: #f6f6f6;height: 350px;overflow: auto;padding-top:20px;}
.sub_left::-webkit-scrollbar-track {background-color:#F5F5F5;}
.sub_left::-webkit-scrollbar {width:5px;}
.sub_left::-webkit-scrollbar-thumb {background-color:#9d9d9d;}
.sub_left h2{font-size: 18px;padding-left: 30px;line-height: 76px;}
.sub_left h2 a{display: inline-block; position: relative;font-weight: bold;color: #333;}
.sub_left h2 a:before{position:absolute; content: "";border-bottom: 2px solid #ffcc00;left: 0;bottom: 15px;transition: all .5s;width: 0;}
.sub_left h2 b{display: inline-block;background: url(../images/a11.png);width: 15px;height: 15px;background-size: 100% 100%;vertical-align: middle; margin: -3px 0 0 2px;}
.sub_left h2 a:hover:before{width: 100%;}
.sub_left h2 a:hover{opacity: .5;}
.sub_left dl>dt>a{display: inline-block;cursor: pointer;line-height: 20px; font-size: 16px;color: #333;transition: all .5s; padding: 10px 0 10px 30px;overflow: hidden;position: relative; font-weight: bold;}
.sub_left dl>dt>a:before{position: absolute;width: 4px;height: 100%; content: "";background: #ffcc00;left: -4px; top: 0;}
.sub_left dt.cur{color: #095CAE;background: #fff; position: relative;}
.sub_left dt.cur span:before{left: 0;}
.sub_left dt b{background: url(../images/a11.png);width: 15px;height: 15px;background-size: 100% 100%;vertical-align: middle; position: absolute; right: 0;top: 50%;transform: translateY(-50%);}
.sub_right {width: calc(100% - 240px);padding: 30px 50px;overflow: auto;height: 350px;overflow: auto;}
.sub_right::-webkit-scrollbar-track {background-color:#F5F5F5;}
.sub_right::-webkit-scrollbar {width:5px;}
.sub_right::-webkit-scrollbar-thumb {background-color:#9d9d9d;}
.sub_right a{display:flex;justify-content: space-between;align-items: center;}
.sub_right a img{border: 1px solid #ddd;border-radius: 6px;width: 80px;}
.subtext{width: calc(100% - 90px);}
.subtext h2{color: #333;font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.subtext h2 b{background: url(../images/a11.png);width: 15px;height: 15px;background-size: 100% 100%;vertical-align: middle; display: inline-block;vertical-align: middle; margin: -3px 0 0 3px;transition: all .5s;}
.subtext p{font-size: 14px;}
.sub_right dl{display: flex;justify-content: space-between;gap:.3rem;flex-wrap: wrap;}
.sub_right dt{width: calc(30% - .3rem/2);}
.sub_right dt a:hover h2{color: #7b7b7b;}
.sub_right dt a:hover h2 b{margin-left: 10px;}

.sub3 h2{border-bottom: 1px solid #ddd; padding: .3rem .25rem .2rem .25rem; font-size: 18px; padding-left: 30px; font-weight: bold;color: #333;}
.sub3 dl{display: flex;gap:.15rem;flex-wrap: wrap;padding:.25rem;}
.sub3 dt{width: calc(16.66% - .75rem/5);}
.sub3 dt span{display: block;border-radius: 6px; overflow: hidden;}
.sub3 dt span img{width: 100%;border-radius: 6px;transition: all .5s;}
.sub3 dt p{color: #333;font-size: 16px; line-height: 2;}
.sub3 dt b{background: url(../images/a11.png);width: 15px;height: 15px;background-size: 100% 100%;vertical-align: middle; display: inline-block;vertical-align: middle; margin: -3px 0 0 3px;transition: all .5s;}
.sub3 dt a:hover img{transform: scale(1.1);}

.bannerQh{overflow: hidden;}
.banner {overflow: hidden;width: 100%;}
.banner ul{display: flex;justify-content: space-between;}
.banner li{ flex: 1; transition: all .5s;}
.banner li.on{ flex: 1.5;}
.bannerbox{height: 5.9rem;position: relative;cursor: pointer;}
.bannerbox:before{position: absolute;content: "";width: 100%;height: 100%; left: 0;top: 0;background-image: linear-gradient(0deg, #0009, #0000);z-index: 10; pointer-events:none ; cursor: pointer;}
.bannerbox img{height: 100%; object-fit: cover;transform: skewX(-6deg) scale(1.2);width: 100%;}
.bannerwb{position: absolute; left: 0;bottom: .5rem;width: 70%;padding: 0 .1rem;z-index: 10;transition: all .5s;animation: fadeInUp 1s 1;}
.bannerwb h2{color: #fff;font-size: var(--font18);transition: all .5s;}
.bannerwb h2 br{display: none;transition: all .5s;}
.bannerwb p{color: #fff; line-height: 1.6;font-size: var(--font16);height: 0;overflow: hidden;transition: all .5s;}
.bannerwb h3{display: flex;justify-content: space-between;align-items: baseline;height: 0;overflow: hidden;transition: all .5s;}
.bannerwb h3 span{background: #ffcc00;width: 1.6rem;height: 0.05rem;}
.bannerwb h3 a{padding: 0 13px;line-height: 46px;border-radius: 6px;background: #ffcc00; margin-right: 80px;}
.banner li.on {width:34%;} 
.banner li.on h2{font-weight: bold;color: #fff;font-size: var(--font40);line-height: 1.2;}
.banner li.on br{display: block;}
.banner li.on p{height: auto;}
.banner li.on h3{height: auto;}
.banner li.on img{height: 100%; object-fit: cover;width: 100%;font-size: var(--font16);}

.h130{height: 130px;}
.wz1420{width: 1420px;margin: 0 auto;max-width: 90%;}
.fxsj{position: relative;height: 3.8rem; margin-top: 1rem;}
.fxsj:before{position:absolute;content: ""; width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(90deg, #000000b3 48.15%, #0000 124.87%);}
.fxsj img{width: 100%;height: 100%; object-fit: cover;}
.fxsjText{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 10; padding: 0 35% 0 .5rem;}
.fxsjText h2{color: #fff;font-weight: bold; line-height:1.25;font-size: var(--font46);margin-bottom: .15rem;}
.fxsjText p{color: #fff;line-height:1.25;font-size: var(--font18);line-height: 1.6;position: relative;padding-bottom: .5rem;}
.fxsjText p:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 1.6rem;bottom: 0;left: 0;}
.fxsjText a{display: inline-block; padding: 0 12px; line-height:44px;border-radius: 6px;background: #ffcc00;color: #fff;transition: all .5s; margin-top: .55rem;font-size: var(--font18);color: #000;}
.fxsjText a:hover{background: #ffe98f;}

.ProductTitle{padding: .8rem 0 .4rem;display: flex;justify-content: space-between;align-items: baseline;}
.ProductTitle h2{font-weight: bold;color: #162737;font-size: var(--font48);padding-bottom: .4rem;position: relative;}
.ProductTitle h2:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 1.6rem;bottom: 0;left: 0;}
.ProductTitle a{line-height: 46px; padding: 0 12px;border-radius: 6px;background: #1c2c39;color: #fff;font-size: var(--font18);transition: all .5s;}
.ProductTitle a:hover{background: #697784;}
.ProductNr ul{display: flex;gap:.4rem;flex-wrap: wrap;}
.ProductNr li{width: calc(33.333% - .8rem/3);position: relative;}
.ProductBox{cursor: pointer;}
.ProductBox b{display: block; overflow: hidden;position: relative;aspect-ratio: 16 / 9;
    grid-area: image;
    object-fit: cover;
    transition: transform .35s 
ease-in-out;
    width: 100%;}
.ProductBox b:before{content: "";width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.6);z-index: 10;opacity: 0;}
.ProductBox b img{width: 100%;height: 100%; object-fit: cover;transition: all .6s;}
.ProductText{padding: .4rem 0 .6rem 0;}
.ProductText h2{color: #1d2a33;font-weight: bold;font-size: var(--font28);margin-bottom: .15rem;line-height: 1.5;}
.ProductText p{color: #25212f;line-height: 1.6; font-size:18px; padding-bottom: 20px;}
.ProductText a.more{display: inline-block; margin-top: .45rem;transition: all .5s;font-size:16px;position: absolute;left: 0;bottom: 0;}
.ProductText a svg{width: 15px;vertical-align: middle; margin: -3px 0 0 .1rem;}
.ProductText a:hover{opacity: .5;}
.ProductBox:hover img{transform: scale(1.1);}
.ProductBox:hover b:before{opacity: 1;}
.ProductText h3{color: #233039;line-height: 1.6; font-size: var(--font16);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: .1rem;}
.h100{height: 1rem;}

.footer{background: #facd15; padding-top: 80px;}
.footerbox{width: 1420px;margin: 0 auto;max-width: 90%; overflow: hidden;}
.footerbox .footerLeft{ float: left; width: 65%; float: left; display: flex;}
.footerbox .footerLeft .Nr{ flex: 1; margin-right: 30px;}
.footerbox .footerLeft .Nr h2{ font-size: 20px; color: #000; line-height: 24px; font-weight: normal;}
.footerbox .footerLeft .Nr ul{ padding-top: 15px;}
.footerbox .footerLeft .Nr ul li{ margin-bottom: 10px; line-height: 22px;}
.footerbox .footerLeft .Nr ul li a{ font-size: 14px; color:#333; transition: 0.5s;}
.footerbox .footerLeft .Nr ul li a:hover{color: rgba(255,255,255,1);}
.footerbox .footerRight{ width: 35%; float: right;}

.footerbox .footerRight .code{ float: right; padding-top: 10px;}
.footerbox .footerRight .code .icon{ width: 120px; height: 120px; background: #fff; padding: 5px; box-sizing: border-box;}
.footerbox .footerRight .code .icon img{ display: block; width: 100%; height: 100%;}
.footerbox .footerRight .code p{ text-align: center; color: #333; padding-top: 10px;}
.footerbox .footerRight .text{ float: right; width: 280px; float: right; margin-right: 10px;}
.footerbox .footerRight .text p{ height: 26px; line-height: 26px; font-size: 16px; margin-top: 10px; color: #333;}
.footerbox .footerRight .text p img{ height: 25px; width: auto;}
.footerbox .footerRight .text img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.footerbox .footerRight .text h2{ height: 48px; line-height: 48px; font-size: 32px; color: #2e385c; color: #333;}
.footerbox .footerRight .text h2 a{ color: #333;}
.footerbox .footerRight .text p a{ color: #333;}

.footerbox .footerRight .text ul{ padding-top: 25px; overflow: hidden;}
.footerbox .footerRight .text ul li{ float: left; margin:  0 20px 0 0; width: 28px; height: 24px;}
.footerbox .footerRight .text ul li a{ display: block; width: 100%; height: 100%;}
.footerbox .footerRight .text ul li a img{ display: block; width: 100%; height: 100%;}


.ffhsy{padding: 0 12px;border-radius: 6px;cursor: pointer; color: #fff;background: #1d2b36;font-size: var(--font16);line-height: 45px;}
.ffhsy:hover{background: #697784;}
.ffhsy svg{width: .15rem;vertical-align: middle; margin: -3px 0 0 .1rem;}
.footTop ul{display: flex;gap:.2rem;}
.footTop li{color: #142827;font-size: var(--font16);}
.dqyz img{display: inline-block; width: 20px;height: 20px !important;border-radius: 50%;border-radius: 50%;border: none;margin: -3px 10px 0 0;vertical-align: middle;}
.yzbox{position:relative;cursor: pointer;}
.yzbox svg{width: 16px;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.yzbox dl{}

.bqxx{padding: .25rem 0; margin-top: .25rem; border-top:solid 1px #313131 ;}
.bqxx p{line-height: 1.8;font-size: 14px;color: #333;}
.bqxx p a{padding: 0 10px;font-weight: bold;color: #333;}
.bqxx p span{padding-left: 10px;}
.bqxx p a:hover{text-decoration: underline;}

/*news*/
.dqwz p{font-size: 14px; color: #727679;display: flex;line-height: 20px;padding: 15px 0;}
.dqwz a svg{height:15px;vertical-align: middle;opacity: .6;margin: -3px 0 0 0;}
.dqwz a{padding: 0 10px;}
.dqwz a:hover{border-bottom: 1px solid #000;}
.ssbox{width: 50%;position: relative;}
.wby1{width: 100%;border: 1px solid #22292f;height: 45px; line-height: 43px; padding: 0 15px;border-radius: 4px;}
.btn1{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/a1.png);width: 16px;height: 14px;border: none;cursor: pointer;}
.rmbq ul{display: flex;gap:10px;flex-wrap: wrap; padding: 0 0 .95rem;}
.rmbq a{display: block;line-height: 44px;border: 1px solid #1c2d35;border-radius: 23px; padding: 0 15px;font-size: var(--font18);}
.rmbq li.cur a{background: #1c2d35;color: #fff;}
.rmbq li.cur a:hover{background: #697784;}
.rmbq a:hover{background: #f1f4f7;}

/*职业发展*/
.banner1{height: 4.5rem;position: relative;}
.banner1:before{position: absolute;width: 100%;height: 100%; left: 0;top: 0;content: "";background: linear-gradient(90deg, #000000b3 48.15%, #0000 124.87%);}
.banner1 img{width: 100%;height: 100%; object-fit: cover;}

.banner1_b{height: 3.2rem;position: relative;}
.banner1_b:before{position: absolute;width: 100%;height: 100%; left: 0;top: 0;content: "";background: linear-gradient(90deg, #000000b3 48.15%, #0000 124.87%);}
.banner1_b img{width: 100%;height: 100%; object-fit: cover;}
.wzfl{width: 1420px;position: absolute;left: 50%;transform: translateX(-50%);top: 15px;max-width: 90%;}
.wzfl p{font-size: 14px; color: #b6bdc3;display: flex;line-height: 20px;padding: 15px 0;}
.wzfl a svg{height:15px;vertical-align: middle;opacity: .6;margin: -3px 0 0 0;}
.wzfl a{padding: 0 10px;color: #fff;}
.wzfl a:hover{border-bottom: 1px solid #fff;}
.wzfl img{display: inline-block;vertical-align: middle; height: 15px;opacity: .6;vertical-align: middle;margin: -3px 0 0 0;}
.wzfl a:hover img{opacity: 1;}
.bannerText{width: 1420px;position: absolute;max-width: 90%;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); padding: .55rem 0 0 0; }
.bannerText h2{color: #fff;font-weight: bold;position: relative;font-size: var(--font36);padding-bottom: .25rem;}
.bannerText p:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 1.6rem;bottom: 0;left: 0;}
.bannerText p{width: 60%;font-size: var(--font18);line-height: 1.6;color: #fff;position: relative;padding-bottom: .45rem;}
.zyfz{padding: .95rem 0;}
.zyfztop{border-radius: 6px;border: 1px solid #b7b8ba;padding: .35rem .4rem;}
.zyfztop p{color: #262417;font-size: var(--font18);line-height: 1.6;}
.zyfztop p b{font-weight: bold;}
.zyfzNr{padding-top: .7rem;}
.zyfzNr li{padding-bottom: .65rem;}
.zyfzNr h2{font-weight: bold;color: #1d212c;margin-bottom: .24rem;font-size: var(--font24);}
.zyfzNr p{color: #1d212c;margin-bottom: .24rem;font-size: var(--font18);line-height: 1.6;color: #28260f;}
.zyfzNr h3{position: relative;font-weight: bold;color: #1d212c;margin-bottom: .24rem;font-size: var(--font24);width: 50%;padding-left: 34px;line-height: 1.6;background: url(../images/a3.png) no-repeat left 10px;}
.hyxx{display: flex;justify-content: space-between;align-items: center;padding-left: 34px;padding-bottom: .6rem;}
.hyxx img{width: 50px;height: 50px;border-radius: 50%;}
.hyxxtext{width: calc(100% - 70px);}
.hyxxtext h2{font-weight: bold;font-size: 14px;margin-bottom: .05rem; color: #333;}
.hyxxtext p{font-size: 14px;color: #333;}
.gzjh{line-height: 46px; padding: 0 12px;border-radius: 6px;background: #1c2c39;color: #fff;font-size: var(--font18);transition: all .5s;display: inline-block;}
.gzjh:hover{background: #697784;}

/*职业发展联系人*/
.zylxrtop h2{padding: .85rem 0 .75rem;font-weight: bold;color: #333;font-size: var(--font28);}
.zylxrNr li{padding-bottom: .6rem;}
.zylxrBox{display:flex;justify-content: space-between;align-items: center; padding: .45rem .6rem;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.zylxrBox a{font-size: 14px;color: #186fbf;}
.zylxrBox a:hover{text-decoration: underline;}
.zylxrBox a img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.zylxrLeft{display: flex;justify-content: space-between;width: calc(100% - 250px);}
.zylxrLeft b img{width: 1.85rem;height: 1.85rem;border-radius: 50%;}
.zytext{width: calc(100% - 2rem);}
.zytext h2{color: #333;font-weight: bold;color: #333;font-size: var(--font28);margin-bottom: .15rem;}
.zytext p{color: #666;font-size: var(--font18);}

/*品牌介绍*/
.lbcp{padding: .8rem 0 0;}
.lbcp ul{display: flex;gap:.23rem;flex-wrap: wrap;}
.lbcp li{width: calc(33.33% - .46rem/3);border: 1px solid #b8b9bb;position: relative;border-radius: 4px; padding: .15rem .1rem;overflow: hidden;cursor: pointer;}
.lbcp li:before{position: absolute;content: "";border-left: .05rem solid #ffcc00;height: 100%;left: -.05rem;top: 0;transition: all .5s;}
.lbcp li:hover:before{left: 0;}
.lbcpbox{display: flex;justify-content: space-around;align-items: center;}
.lbcpbox img{width: .8rem;height: .8rem;}
.lbcpbox p{color: #333;font-size: var(--font18);width: calc(100% - 1.2rem);}
.lbcpbox b{display: block;position: absolute;right: .2rem; top: 50%;transform: translateY(-50%); padding: 0 12px; line-height: 30px;background: #eff3f6;font-size: 14px;color: #666;}

.fxsjText1{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 10; padding: 0 50% 0 .5rem;}
.fxsjText1 h2{color: #fff;font-weight: bold; line-height:1.25;font-size: var(--font28);margin-bottom: .15rem;}
.fxsjText1 p{color: #fff;line-height:1.25;font-size: var(--font18);line-height: 1.6;position: relative;padding-bottom: .5rem;}
.fxsjText1 p:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 1.6rem;bottom: 0;left: 0;}
.fxsjText1 a{display: inline-block; padding: 0 12px; line-height:44px;border-radius: 6px;background: #ffcc00;color: #fff;transition: all .5s; margin-top: .55rem;font-size: var(--font18);color: #000;}
.fxsjText1 a:hover{background: #ffe98f;}

.jsppTitle{padding: .75rem 0 .55rem;}
.jsppTitle h2{font-weight: bold;color: #333;font-size: var(--font28);position: relative;padding-bottom: .3rem;display: inline-block;}
.jsppTitle h2:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 100%;bottom: 0;left: 0;}
.jsppNr{display: flex;justify-content: space-between;padding-bottom: .95rem;}
.jsppText{width: 50%;padding-right: .25rem;}
.jsppText p{font-size: var(--font18);line-height: 1.6; color: #666;}
.jsppText h2{font-weight: bold;color: #333;padding: .2rem 0 .1rem;font-size: var(--font18);}
.jsppText ul{padding-left: .25rem;padding-bottom: .9rem;}
.jsppText li{position: relative;padding-left: 15px; line-height: 1.6;font-size: var(--font18);}
.jsppText li:before{position: absolute;content: "";width: 5px;height: 5px;left: 0;top: 50%;transform: translateY(-50%);background: #ffc80e;}
.jsppTp{width: 50%;padding-left: .2rem;}
.jsppTp img{width: 100%;}
.btn3{padding: 0 12px;border-radius: 6px;cursor: pointer; color: #fff;background: #1d2b36;font-size: var(--font20);line-height: 45px;display: inline-block;}
.btn3:hover{background: #697784;}
.bj2{background: #f0f4f7;padding-bottom: 0.8rem;}
.ProductNr_4 ul{ display: flex;gap:.3rem;flex-wrap: wrap;}
.ProductNr_4 li{width: calc(25% - .9rem/4);position: relative;}

/*公司简介*/
.bannerText a{padding: 0 12px;border-radius: 6px;cursor: pointer; color: #333;background: #ffcc00;font-size: var(--font20);line-height: 45px;display: inline-block;margin-top: .35rem;}
.bannerText a:hover{background: rgb(255, 233, 143)}
.dqsdNr{display: flex;justify-content: space-between;padding-bottom: .9rem;}
.dqsdLeft{width: 40%;}
.dqsdLeft p{padding-bottom: .2rem;font-size: var(--font18);line-height: 1.6;color: #666;}
.dqsdLeft p b{font-weight: bold;color: #333;}
.dqsdRight{width: 60%; padding-left: .4rem;}
.sdnrNr img{width: 100%;}
.shnr{display: flex;justify-content: space-between;padding-top: .7rem;}
.shnrLeft{width:60%;}
.shnrLeft img{width: 100%;}
.shnrRight{ width: 40%; padding-left: .4rem; box-sizing: border-box;}
.shnrRight p{font-size: var(--font24);line-height: 1.6; color: #000; font-weight:bold ; margin-bottom: 15px;}
.shnrRight ul{padding-bottom: .9rem;}
.shnrRight li{position: relative;padding-left: 15px; line-height: 1.6;font-size: var(--font18);}
.shnrRight li:before{position: absolute;content: "";width: 5px;height: 5px;left: 0;top: 50%;transform: translateY(-50%);background: #ffc80e;}
.video{display: flex;justify-content: space-between; padding: .7rem 0;}
.videoWb{width: 50%; padding-right: .4rem; box-sizing: border-box;}
.videoWb p{font-size: var(--font18);line-height: 2; color: #666;}
.videoBox{width: 50%;}
.videoBox video{ display: block; width: 100%; background: #000;}
.fgtp img{width: 100%;}

.sjdy{padding: .75rem 0 .65rem;}
.sjdy ul{display: flex;justify-content: space-between;gap:.4rem; flex-wrap: wrap;}
.sjdy li{width: calc(35% - .4rem/2);}
.sjdy ul li:nth-child(2){ width:calc(65% - .4rem/2);}
.sjdy h2{font-weight: bold;color: #333;margin-bottom: .65rem;font-size: var(--font28);}
.sjdy p{font-size: var(--font18);line-height: 1.6; color: #666;margin-bottom: .2rem;}

/*解决方案*/
.jjfatop{display: flex;justify-content: space-between;padding: .95rem 0 0 0;gap:.45rem; flex-wrap: wrap;}
.jjfawb{width: calc(50% - .45rem/2);}
.jjfawb p{font-size: var(--font18);line-height: 1.6;color: #666;}
.jjfawb p span{ font-family: syht!important;}
.jjfatp {width: calc(50% - .45rem/2);}
.jjfatp img{width: 100%;}


/*联系我们*/
.lxwmNr p{padding-right: 35%;font-size: var(--font18);line-height: 1.6; color: #666;}
.rwjs{display: flex;justify-content: space-between;align-items: center;}
.rwjsTp{width: 30%;}
.rwjsTp img{width: 100%;}
.rwjsText{width: 60%;}
.rwjsText p{font-size: var(--font20);font-weight: bold;color: #333; padding-left: 35px;background: url(../images/a3.png) no-repeat left 10px;line-height: 1.6;}
.rwxq{display: flex;justify-content: space-between;align-items: center;margin-top: .4rem;align-items: center;}
.rwxq img{width: 1rem;height: 1rem;border-radius: 50%;border: 1px solid #eee;}
.rwxqright{width: calc(100% - 1.4rem);}
.rwxqright h2{font-weight: bold;font-size: 16px;color: #333;margin-bottom: .1rem;}
.rwxqright p{font-size: 14px;color: #666;}



/*通用单页面*/

.singlePage{}

.PageTitle{padding: .8rem 0 .4rem;display: flex;justify-content: space-between;align-items: baseline;}
.PageTitle h2{font-weight: bold;color: #162737;font-size: var(--font40);padding-bottom: .4rem;position: relative;}
.PageTitle h2:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 1.6rem;bottom: 0;left: 0;}
.PageContent {font-size: var(--font18);line-height: 1.6; color: #666;}
.PageContent p img{ display: block; width: 100%!important; margin-bottom: 15px!important; height: auto;}



.htzg h2{font-weight: bold;color: #333;font-size: var(--font30);padding: .7rem 0;}
.htzg li{padding-bottom: .65rem;}
.htzgbox{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 50px;}
.htzgleft{width: 35%;}
.htzgleft img{width: 100%;}
.htzgright{width: 60%; padding-top: 50px;}
.htzgright h3{font-weight: bold;color: #333;font-size: var(--font30); margin-bottom: .2rem;}
.htzgright p{color: #333;font-size: var(--font18);line-height: 1.8;}
.htzgright p b{font-weight: bold;}
.htzgright p a{color: #136bb3;}
.htzgright p a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}
.htzgright p a:hover{text-decoration: underline;}

/*解决方案详情*/
.faxqText h2{font-size: var(--font18);line-height: 1.6;color: #333; padding-right: 20%;}
.faxqText h2 b{font-weight: bold;}
.faxqText ul{display: flex;flex-wrap: wrap;gap:.4rem; padding: .65rem 0 1.25rem;}
.faxqText li{width: calc(33.333% - .8rem/3);}
.faxqText h3{font-size: var(--font28);line-height: 1.6;color: #333; margin-bottom: .15rem;font-weight: bold;}
.faxqText p{font-size: var(--font18);line-height: 1.6;color: #333;}
.dyxh{display: flex;justify-content: space-between;gap:.4rem; flex-wrap: wrap;padding-bottom: .65rem;}
.dyxhText{width: calc(50% - .2rem);}
.dyxhText h3{font-weight: bold;margin-bottom: .15rem;font-size: var(--font20);color: #333;}
.dyxhText h2{font-weight: bold;margin-bottom: .15rem;font-size: var(--font26);color: #333;}
.dyxhText p{font-size: var(--font18);line-height: 1.6;color: #333;}
.dyxhText li{font-size: var(--font18);line-height: 1.6;color: #333;}

.dyxhTp{width: calc(50% - .2rem);}
.dyxhTp img{width: 100%;}
.lxnr ul{display: flex;justify-content: space-between;gap:.4rem;}
.lxnr li{width: calc(50% - .4rem/2);}
.lxnrbox img{width: 100%;}
.lxnr li:nth-child(2){ border: 1px solid #b5b9bc;border-radius: 6px;}
.lxnrTop{padding: .45rem .4rem;}
.lxnrTop h2{font-weight: bold;margin-bottom: .15rem;font-size: var(--font28);color: #333;}
.lxnrTop p{font-size: var(--font18);color: #666;padding-bottom: .28rem; position: relative;}
.lxnrTop p:before{position: absolute;content: "";border-bottom: .05rem solid #ffcc00;width: 1.6rem;bottom: 0;left: 0;}
.lxnrBottom{padding: 0 .4rem;}
.lxnrBottom p{font-size: var(--font18);color: #666;padding-bottom: .15rem;line-height: 1.6;}
.sjzs{display: none;}

.dbfc{ width: .75rem;height: .75rem;z-index: 100;border-radius: 50%;right: 15px;bottom: 15px;background: #000;transition: all .5s;position: fixed;cursor: pointer;}
.dbfc .Warp{ display: none;position: absolute; bottom: .75rem; right: 0; padding-bottom: .1rem;}
.dbfc .ConBox{ border-radius:.06rem ; width: 4.2rem; padding: .25rem; box-sizing: border-box; box-shadow: 0 0 .15rem rgba(0,0,0,0.1);  background: #fff;}
.dbfc .ConBox .icon{ width: 100%;}
.dbfc .ConBox .icon img{ width: 1rem; height: 1rem; display: block; margin: 0 auto; border-radius:50% ;}
.dbfc .ConBox .icon h2{ text-align: center; height: .5rem; line-height: .5rem; text-align: center; color: #333; font-weight: bold; border-bottom: .01rem solid #b5bbc1;}
.dbfc .ConBox ul{ padding: .1rem 0; width: 100%; border-bottom: .01rem solid #b5bbc1;}
.dbfc .ConBox ul li{ padding-left: .44rem; box-sizing: border-box; height:.38rem; line-height: .38rem; color: #39444e; line-height: .38rem; font-size: .16rem; color: #2e3944; position: relative;}
.dbfc .ConBox ul li .tb{ position: absolute; left: 0; top: 0; width: .44rem; height: 100%;}
.dbfc .ConBox ul li .tb img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.dbfc .ConBox a{ display: block; width: 100%; margin-top: .15rem; height: .45rem; line-height: .45rem; text-align: center; background: #1f2b37; color: #fff; font-size: .16rem; border-radius:.06rem ;}
.dbfc:hover .Warp{display: block;}



.dbfc svg{position: absolute;width: .3rem;left:50%; top:50%; transform:translate(-50%,-50%);
}
.dbfc svg path{fill: #FFFFFF;stroke: #FFFFFF;}
.dbfc:hover{opacity: .7;}

/*cpjs_xq*/
.zyxq{display: flex;gap:.45rem;justify-content: space-between;flex-wrap: wrap;}
.zyxqleft{width: calc(50% - .45rem/2); padding-top: .75rem;}
.zyxqleft p{font-size: var(--font18);line-height: 1.6;color: rgb(29, 43, 55);}
.zyxqright{width: calc(50% - .45rem/2);}
.zyxqxz{background:#f1f4f7; padding: .2rem;display: flex;justify-content: space-between;align-items: center;}
.zyxqxz p{font-size: var(--font18);color: #232323;}
.zyxqxz p img{display: inline-block;vertical-align: middle; margin-right: .15rem;}
.zyxqxz b{font-size: var(--font18);color: #232323;}
.zyxqxz b a{display: inline-block;line-height: 40px;border: 1px solid #1d2b37;border-radius: 5px; padding: 0 14px; margin-left: 15px;}
.zyxqxz b a img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.zyxqxz b a:hover{background: #fff;}

.sjljbox{display: flex;justify-content: space-between;gap:.4rem;flex-wrap: wrap;}
.sjlj_tp{width:calc(50% - .47rem/2) ;}
.sjlj_tp img{width: 100%;}
.sjljtext{width:calc(50% - .47rem/2) ;}
.sjljtext p{font-size: var(--font18);color: #232323;line-height: 1.6;margin-bottom: .6rem;}

.xxzs{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 1rem 0;}
.xxzssp{width: 450px;}
.xxzstext{width: calc(100% - 485px);}
.xxzstext h2{font-size: var(--font28);color: #232323;margin-bottom: .6rem;font-weight: bold;}
.xxzstext p{font-size: var(--font18);color: #232323;margin-bottom: .5rem;line-height: 1.6;}
.gcsjNr h2{font-size: var(--font18);color: #232323;margin-bottom: .6rem;line-height: 1.6;}

.gcsj{padding-bottom: 1rem;}
.gcsjLish ul{display: flex;gap:.8rem}
.gcsjLish li{width: calc(33.33% - 1.6rem/3);}
.gcsjLish img{margin: 0 auto;max-width: 100%;}
.gcsjLish p{font-size: var(--font18);color: #232323;margin-bottom: .4rem;line-height: 1.8;}
.gcsjLish a{font-size: var(--font18);color: #1268b8;}
.gcsjBox dt{position: relative; padding-left:15px ;font-size: var(--font18);color: #232323;line-height: 1.8;}
.gcsjBox dt:before{position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: #ffcc00;}

.SideBar{ display: none;}
.SideClick{ display: none;}

@media(max-width:1380px){
.fxsj{height: 4.5rem;}	
.ProductNr b{height: 3rem;}
}
@media(max-width:1000px){
.prev{ margin-bottom: 15px;}
.PageContent p{ margin-bottom: 15px!important;}
.footer{ padding: 0;}
.footerbox .footerLeft{ display: none;}	
.footerbox .footerRight{ display: none;}
.SideBar .serach{ width: 95%; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); top: 20px;}
.SideBar .serach button{ float: right; background: url(../images/02.png) center center no-repeat #eee; width: 50px; height: 50px; border: none; border-radius:5px ; background-size:24px auto;}
.SideBar .serach input{ display: block; float: left; border: 1px solid #ddd; width: calc(100% - 65px); border-radius:6px; height: 50px; box-sizing: border-box; padding: 0 15px;}

.SideClick{ display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px; transition: 0.5s;}
.SideClick span{ display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #333; border-radius:2px; transition: 0.5s;}
.SideClick span:nth-child(1){ top: 0;}
.SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
.SideClick span:nth-child(3){ bottom: 0;}
.SideClick.on{ transform: translateY(-50%) rotate(180deg);}
.SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
.SideClick.on span:nth-child(2){ width: 0;}
.SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
.SideBar{ box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; width: 100%;  left: -100%; transition: 0.5s; height: calc(100vh - 75px); top: 0;  position: fixed; z-index: 109; background: #fff; top:75px; padding: 0 0; box-sizing: border-box; overflow: hidden;}
.SideBar .Warp{ width: 200%; height: 100%; overflow: hidden; transition: 0.5s; padding-top: 80px;}

	
	
.SideBar .logo{ padding: 30px 0;}
.SideBar .logo img{ display: block; width: 50%; height: auto; margin: 0 auto;}
.SideBar .nav{ width: 50%;float: left;}
.SideBar .nav ul li{ height: auto; line-height: 65px; position: relative; border-bottom: 1px solid #ddd; padding: 0 15px;}
.SideBar .nav ul li .more{ width: 14px; height: 14px; position: absolute; right: 0; top: 28px; }
.SideBar .nav ul li .more span:nth-child(1){ top: 50%; transform: translateY(-50%); position: absolute; display: block; width: 100%; height: 2px; background: #666;}
.SideBar .nav ul li .more span:nth-child(2){ position: absolute; width: 2px; height: 100%; left: 50%; transform: translateX(-50%); background: #666;}
.SideBar .nav ul li:hover .more{ transform: rotate(90deg);}
.SideBar .nav ul li:hover .more span:nth-child(1){ display: none;}
.SideBar .nav ul li a{ font-size: 16px; color: #333;}
.SideBar .nav ul dl{ padding: 10px; display: none;}
.SideBar .nav ul dl dd{ line-height: 30px; padding-left: 15px; position: relative; box-sizing: border-box;}
.SideBar .nav ul dl dd:after{ width: 4px; height: 4px; border-radius:50%; left: 0; transform: translateY(-50%); top: 50%; content: ''; background: #999; display: block; position: absolute;}
.SideBar .nav ul dl dd a{ font-size: 14px;}
.SideBar .right{ width: 50%; float: left;}
.SideBar .nav ul li.TwoClick:after{ background: url(../images/arrow.2png.png) center center no-repeat; width: 65px; height: 65px; position: absolute; right: 0; top: 0; content: ''; background-size:6px auto ;}
.back{ width: 100%; padding: 0 15px; line-height: 65px; box-sizing: border-box; font-size: 16px; color: #333; border-bottom: 1px solid #ddd;}
.SideBar .right ul li{ border-bottom: 1px solid #ddd; line-height: 65px; padding: 0 15px; box-sizing: border-box; position: relative;}
.SideBar .right ul li p{height: 65px; line-height: 65px; font-size: 16px;}
.SideBar .right ul li dl{ display: none; padding:0 15px;}
.SideBar .right ul li dl dd{ line-height: 48px;}
.SideBar .right ul li dl dd img{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.SideBar .right ul li dl dd a{ font-size: 14px; color: #666;}
.SideBar .right ul li span{ transition: 0.5s; display:block; position: absolute; right: 0; top: 0; width: 65px; height: 65px;  background: url(../images/arrow.png) center center no-repeat;}
.SideBar .right ul li.on span{ transform: rotate(180deg);}	
	
	
.herder{height: 75px;}
.herder .herderTop{display: none;}
.herder .Main{ height: 100%;}
.herder .Main .logo{height: 100%; line-height: 75px;}
.herder .Main .logo img{height: 90%; width: auto;}
.dhbtn{position:absolute;width: 30px;height: 30px;background: url(../images/a7.png) no-repeat center center;background-size: 20px;height: 20px;right: 3%;top: 50%;transform: translateY(-50%);z-index: 1;}
.h130{height: 75px;}
.herder .Main .nav{width: 100%;height: 100vh; position: fixed;top: 0;position: fixed;right: -100%;background: #fff;padding: 30px;z-index: 50;overflow: auto;}
.herder .Main .nav ul{float: none;}
.herder .Main .nav ul li{float: none; padding: 0; border-bottom: 1px solid #ccc;font-size: 18px;margin: 0;}
.herder .Main .nav ul li h3 a{line-height: 48px;font-size: 14px;}
.herder .Main .nav ul li h3{position: relative;}
.herder .Main .nav ul li h3 b{height: 48px;width: 48px;;right: 0;top: 0;background: url(../images/a11.png) no-repeat right center;background-size: 15px 15px;position: absolute;}

.sub{position: fixed;background: #fff;width: 100vw;height: 100vh;top: 0;right: -100%;z-index: 50;display: block;left: auto;transform: rotateX(0);z-index: 100;}
.sub_left{width: 100%;height: 100vh;background: #fff;overflow: auto; position: fixed;}
.subBox1{display: block;}
.sub3{padding: 30px;}
.sub3 dl{display: block;padding: 0;}
.sub3 h2{padding: 0 0 15px 0;}
.sub3 dt span{display: none;}
.sub3 dt{width: 100%;border-bottom: 1px solid #ccc;}
.sub3 dt p{margin: 0; line-height: 48px;}
.sub3 dt b{display: none;}
.gbrj{background: url(../images/a8.png) no-repeat center center;width: 30px;height: 30px;position: absolute;top: 25px;right: 25px;background-size: 20px 20px;z-index: 100;}


.sjzs{display: block;}
.nav p{margin-bottom: 20px;}
.gbbtn{background: url(../images/a8.png) no-repeat center center;width: 30px;height: 30px; position: absolute;top: 25px;right: 25px;background-size: 20px 20px;z-index: 100;}
.banner{width: 100%;margin: 0;}
.banner ul{display: block;}
.banner li{width: 100%;}
.bannerbox{height:200px;}
.banner li.on{width: 100%;}
.banner li.on .bannerbox{height: 450px;}
.bannerbox img{    transform: skewX(0deg);}
.banner li:nth-child(1) .bannerwb{padding:30px 50px;}
.bannerwb{padding: 30px 50px;}
.fxsj{height: 320px;}
.fxsjText{padding: 40px;}
.fxsjText p{ display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom:0;
  }
  .fxsjText p:before{border-bottom:0px}
.ProductNr ul{display: block;}
.ProductNr li{width: 100%;padding-bottom: 30px;}
.ProductNr li{padding-bottom: 10px;margin-bottom: 30px;}
.ProductNr b{height: auto;}
.bqxx p span{display: block;height: 0;overflow: hidden;}
.bqxx{padding: 10px 0;text-align: center;}
.h100{height: 40px;}
.wzfl{top: 5px;}
.bannerText a{line-height: 30px;}
.dqsdNr{display: block;}
.dqsdLeft{width: 100%;}
.dqsdRight{width: 100%; margin-top: 20px; padding: 0;}
.dqsdRight img{ display: block; width: 100%; height: auto;}
.shnr{display: block;}
.shnrLeft{margin: 0 auto;}
.shnrRight{width: 100%; margin-top: 25px;}
.video{display: block; padding-top: 0;}
.videoWb{width: 100%;}
.videoBox{padding-top: 20px;width: 100%;}
.sjdy li{width: 100%;}
.sjdy ul li:nth-child(2){width: 100%;}

.faxqText li{width: 100%;}
.dyxhTp{width: 100%;}
.dyxhText{width: 100%;}
.pczs{display: none;}
.lxnr ul{flex-wrap: wrap;}
.lxnr li{width: 100%;}
.lxnrBottom{padding: 20px .4rem;}

.jjfawb{width: 100%;}
.jjfatp{width: 100%;}
.lbcp li{width: 100%;}
.fxsjText1{padding: 0 3%;}
.jsppText{width: 100%;}
.jsppTp{width: 100%; padding:20px 0 0 0;}
.jsppNr{flex-wrap: wrap;}
.ProductTitle{padding: 40px 0 20px;}
.banner1{height: 230px;}
.bannerText p{width: 80%;}
.zyfzNr h3{width: 100%;}
.zylxrBox{display: block;padding: 25px 20px;}
.zylxrLeft{width: 100%;padding-bottom: 20px;}
.htzgleft{width: 100%;padding-bottom: 20px;}
.htzgright{width: 100%;}

.zyxqleft{width: 100%;}
.zyxqright{width: 100%;}
.sjlj_tp{width: 100%;}
.sjljtext{width: 100%;}
.xxzssp{width: 100%;}
.xxzstext{width: 100%; padding-top: 20px;}
.ProductNr_4 li{width: 100%;}
.gcsjLish ul{flex-wrap: wrap;gap:.3rem;}
.zyxqxz p{font-size: 12px;}
.zyxqxz p img{width: 20px;}
.zyxqxz b{font-size: 12px;}
.zyxqxz b a{line-height: 30px; padding: 0 6px;margin-left: 3px;}
.zyxqxz b a img{width: 10px;margin-right: 5px;}
.gcsjLish li{width: 100%;}

.ssbtn{display: none;}







}



.page-bar { margin-top: 60px; text-align: center; }
.pagination2 { text-align: center;  display: flex;justify-content: center;margin-top: 50px;}
.pagination { text-align: center; font-size: 0; display: flex;justify-content: center;}
.pagination  li{width:auto;}
.a1_page { display: none !important; }
.pagination a, .pagination span { padding: 0 14px; display: inline-block; margin: 0 3px; min-width: 40px; line-height: 38px; font-size: 14px; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #8C8C9A; border: 1px solid #D9DDE1; border-radius: 3px; }
.pagination .cur_page, .pagination .page-num-current,.pagination .active, .pagination a:hover { color: #fff !important; background: #000 !important; border-color: #000; }
 .pagination .active a{border:none;color:#fff}
  .pagination span:hover {   }

.pagination .prev_disabled:hover, .pagination .next_disabled:hover { color: #576077 !important; }
.pagination a.prev:before, .pagination a.prev_disabled:before { content: "上一页"; }
.pagination a.next:before, .pagination a.next_disabled:before { content: "下一页"; }
@media (max-width:768px) {
    .pagination a, .pagination span { padding: 0 5px; margin: 0 2px; min-width: 30px; line-height: 28px; font-size: 12px; }
}


media(max-width:1380px){
.fxsj{height: 4.5rem;}  
.ProductNr b{height: 3rem;}
.footerbox .footerRight{
        display: flex;
        flex-direction: column;
    }
    .footerbox .footerRight .code{
        order: 2; 
    }
    .footerbox .footerRight .text{
        order: 1;
    }
     .footerbox .footerRight .code p{
        text-align: left;
        padding-left: 25px;
    }
}