@charset "utf-8";


html{background:#eee;}
.dfs{display:flex;align-items: center;justify-content: space-between;}

/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

em,i{font-style: normal;}



/*公共样式部分*/
body {color: #666; margin: 0 auto; background-color: #fff; font-family: "hs_r";overflow-x: hidden; font-size:14px; position: relative; }

#copy { display: none;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #666; text-decoration: none;}
a:hover { color:#e46c0a;text-decoration: none; border-bottom-style:}

.bg{width: 100%;min-width:1400px;}
.box{margin:0 auto;width:80%; min-width: 1400px;box-sizing: border-box;}
.page{width: 1400px;margin: 0 auto;}

.tit {display: flex;justify-content: center;align-items: center;flex-direction:  column;margin-bottom:40px;}
.tit p {font-size: 40px;font-weight: bold;position: relative;color: #222;}
.tit span {font-size: 20px;padding-top: 10px;font-weight: lighter;color: #666;}




@font-face{font-family:hs_r;src:url(HarmonyOS_Sans_SC_Regular.ttf)}
@font-face{font-family:hs_m;src:url(HarmonyOS_Sans_SC_Medium.ttf.txt)}
.hs_r{font-family:hs_r}
.hs_m{font-family:hs_m}
@font-face {
	font-family:'Montserrat-Bold';
	src: url('Montserrat-Bold.eot.txt');
	src: url('Montserrat-Bold.woff.txt') format('woff'), url('Montserrat-Bold.ttf.txt') format('truetype');	font-weight: normal; font-style: normal;}

@font-face {
font-family: "classic";
src: url("classic.woff.txt") format("woff2");}



/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */


@font-face {
  font-family: 'iconfont';  /* Project id 4234077 */
  src: url('//at.alicdn.com/t/c/font_4234077_ttowpl4tun.woff2?t=1697709438784') format('woff2'),
       url('//at.alicdn.com/t/c/font_4234077_ttowpl4tun.woff?t=1697709438784') format('woff'),
       url('//at.alicdn.com/t/c/font_4234077_ttowpl4tun.ttf?t=1697709438784') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

@font-face{font-family:hs_r;src:url(HarmonyOS_Sans_SC_Regular.ttf)}
@font-face{font-family:hs_m;src:url(HarmonyOS_Sans_SC_Medium.ttf.txt)}
.hs_r{font-family:hs_r}
.hs_m{font-family:hs_m}
@font-face {
	font-family:'Montserrat-Bold';
	src: url('Montserrat-Bold.eot.txt');
	src: url('Montserrat-Bold.woff.txt') format('woff'), url('Montserrat-Bold.ttf.txt') format('truetype');	font-weight: normal; font-style: normal;}

@font-face {
font-family: "classic";
src: url("classic.woff.txt") format("woff2");}



/*文字*/
.t{text-align: center;padding-bottom:40px;}
.t b{color:#e46c0a;}
.t p{font-size:40px;color:#333;font-weight:bold;}
.t span{font-size:18px;color:#666;font-weight:lighter;margin: 5px 0 0px 0;display: block;}



/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.top140 {padding-top: 140px;}
.top170 {padding-top: 170px;}



/*抬头*/
.top_bg{height:40px;line-height: 40px;background: #e46c0a;}
.top_fl{font-size: 14px;color:rgba(255,255,255,0.6);}
.top_fr p,.top_fr a{float:left;display:block;width:140px;height: 40px;}
.top_fr p{background: #fdc503;}
.top_fr p:hover{background: #e8231f;}
.top_fr p:after{ display:block; content:""; width:140px; height:0px; position: relative;z-index: 99999; transition: all 0.3s; }
.top_fr p:hover:after{height:140px;box-shadow: 0px 4px 21px 3px rgba(0, 0, 0, 0.09);}
.top_fr p img{float: left;padding:10px 0 0 25px;}
.top_fr p span{display: block;padding-left: 55px;font-size: 14px;color:#fff;}
.top_fr a{background: #f17816;}
.top_fr a:hover{background: #e8231f;}
.top_fr a img{float:left;margin:14px 0 0 25px;}
.top_fr a span{padding-left:7px;font-size: 14px;color:#fff;}










/*导航*/
.head_bg{ width: 100%; height:124px; position:fixed; z-index: 9999; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px; }
.head{ margin: 0 auto; max-width: 1600px; padding: 0 4.5vw; }
.logo{padding-top: 23px;}
.logo img{height:80px;}
.head_fl{margin-top: 32px;font-weight:bold;margin-left: 15px;}
.head_fl span{font-size: 35px; color:#000; line-height: 36px;}
.head_fl p{font-size: 15px;color: #333;line-height: 24px;font-weight:500;margin-top: 5px;}
.nav{margin-left: 6vw;}
.NavCeshi > li {float: left;padding: 0 10px;-webkit-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;position: relative;}
.NavCeshi > li > a {display: block;/* width:120px; */height:115px;line-height:115px;text-align: center;color: #454545;-webkit-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;position: relative;z-index: 88;-webkit-box-sizing: border-box;box-sizing: border-box;}
.NavCeshi > li > a > i{display: block;/* padding-top: 42px; */line-height: 124px;font-size: 18px;color: #333;position: relative;z-index: 99;font-style: normal;}
.NavCeshi > li.navcurrent > a >i, .NavCeshi > li:hover > a > i,.NavCeshi > li.navcurrent > a > i >span, .NavCeshi > li:hover > a > i >span{font-weight:bold;}
.NavCeshi > li.navcurrent > a > i:after, .NavCeshi > li:hover > a > i:after{display:block;content:"";width: 60%;height:4px;margin: -30px auto 0;background:#e46c0a;transition: all 0.3s;}
.NavCeshi > li > a > i >span{display: block;font-size: 12px;color: #999;}
.NavCeshi > li.navcurrent > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important}
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ height: 140px;}
.NavCeshi > li+li{margin-left:1vw;}

/*导航下拉*/
.nav2{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: absolute;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);z-index: 9;left:0;top:124px;  background:#fff; padding:40px;width:490px; }
.NavCeshi > li:nth-child(5) .nav2,.NavCeshi > li:nth-child(6) .nav2{left:-250px;}

.nav2 a{ display: block;  -webkit-transition: none ease-out .3s;    transition: none ease-out .3s;  transition-property: color, background, text-indent, opacity; line-height:40px;font-size:15px;}

.nav2_w table{display: block; width:200px;}
.nav2_w table tr{display: block; float:left; padding-right:24px;}
.nav2_w table a{font-weight:normal !important;}
.nav3{ width:500px;}
.nav2 img{width:300px;display: block;float: right;}
.nav2 a:hover{color: #e46c0a;}
.nav ul li:hover .nav2 {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}




.head_fr a{display: block;padding:14px; margin-top:35px;border:1px #eee solid;float: left;}
.tel{margin: 36px 0 0 25px;color:#333;}
.tel p{font-size:16px;padding-left: 25px;background:url(20240726115506_1427649480.png)no-repeat left;}
.tel b{font-size: 25px;font-family: "GalanoGrotesqueDEMO";color:#e46c0a;}







/*幻灯片*/
.banner_box,.banner_box .bd li{ height:100%; background: #fff; }
.banner_box .banner-btn a.prev,.banner_box .banner-btn a.next{ top:410px; background-image:url(20240726115535_1549439752.png); }
.banner_box .hd ul li.on{background:#e46c0a;}
.banner_box{min-width:1300px;position:relative;overflow:hidden;}
.banner_box .bd{ width:100% !important;}
.banner_box .bd li{width:100%;background-position: center;background-repeat: no-repeat;}
.banner_box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0;} 
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0;}
.banner_box:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner_box:hover .banner-btn a.next{ right: 54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner_box .banner-btn a.prev:hover,.banner_box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
.banner_box .hd {position:absolute;bottom:40px;width: 100%;display: block;}
.banner_box .hd ul{ text-align: center}
.banner_box .hd ul li{ width:16px; height:16px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out;}










/*搜索*/
.search_nbg{ color: #999; width:100%; height:95px; line-height:95px;background: #fff; position:absolute; top:664px; border-bottom:1px #eee solid; }
.search_bg{ color: #999; width:100%; padding: 0 4.5vw; min-width:1300px; height:95px;line-height:95px;margin:0 auto;background: #fff;position: relative;    border-bottom: 1px solid #eee;}
.search_01 i{display: block;float: left;padding-top: 22px;margin-right: 14px;}
.search_01{ float:left; width:900px;}
.search_01 img{float: left;margin: 34px 15px 0 0;}
.search_02{width:304px;height:50px;overflow:hidden;margin-top:23px;float:right;}
.search_02 form{padding-left:0;}
.search-i{ width:44px; overflow:hidden; height:49px;}
.search-i button{ width:44px; height:49px; background:url(20240726114913_1827472751.png) no-repeat center; border: none; cursor: pointer; }
.search-bg{float:left;width:259px;height:49px;overflow:hidden;padding-left:10px;background: #f5f5f5;border-radius: 24px 0 0 24px;}
.search_01 a{font-size:15px;}


/*产品优势*/
.prodv_bg{padding-bottom: 60px;}
.prodv li{ width: 25%; float:left; text-align: center; padding:44px 0;transition: 0.5s linear all;cursor: pointer; }
.prodv li:hover{background:url(20240726115608_960691009.jpg)no-repeat center;}
.prodv li .prodv_w{width: 100%; height:414px;border:1px #eee solid;  padding:70px 2.6vw 0 2.6vw;  }
.prodv li+li .prodv_w{border-left: 0; }
.prodv li:hover .prodv_w{border:0;}
.prodv li:hover *{color:#fff;}
.prodv li dd{width: 86px; height: 86px; border-radius: 100%; margin:0 auto; overflow: hidden; background: url(20240726115651_1216253862.png)no-repeat center;}
.prodv li:hover dd{background:#fff; }
.prodv li dd:after{content:""; display: block; width: 100%; height: 100%; background-image:  url(20240725180628_578909372.png); background-repeat: no-repeat;}
.prodv li:nth-child(1) dd:after{ background-position: 0 0;}
.prodv li:nth-child(2) dd:after{ background-position: -86px 0;}
.prodv li:nth-child(3) dd:after{ background-position: -172px 0;}
.prodv li:nth-child(4) dd:after{ background-position: -258px 0;}

.prodv li:hover dd:after{background-position-y:-86px;}

.prodv li p{font-size: 30px; color: #000; line-height: 60px; padding-top:10px;}
.prodv li p:after{content:""; display: block; width: 34px; height: 2px; background: #111; margin:20px auto;transition: 0.5s linear all; }
.prodv li:hover p:after{background: #fff; width:24px;}
.prodv li span{font-size: 16px; line-height: 34px;  }




/*products*/
.prod{}
.pro_c{margin-top:0px;background: #f8f8f8; padding:0 0 80px;}
.pro_list{display: flex; position: relative;margin: 0px auto;}
.pro_list .prolist2021{ width: 100%;}
.pro_list ul{display: flex;justify-content: center;width: 100%;background: #222;margin: 0 auto;overflow: hidden;/* padding: 10px; */}

.pro_list li{text-align: center;float: left;height: 80px;line-height: 80px;width: calc(100% / 4);}
.pro_list li a{font-size: 16px;color: #fff;}
.pro_list li.on{background: #e46c0a;color: #fff;transition: all .3s ease;}
.pro_list li.on a.prolist2021_one{color: #fff;}
.pro_list li dl{ display: none;}
.pro_call{margin-top:20px;}
.pro_call dt{display:block;}

.pro_call dl{display: block; float: left; width:24%;border: 1px solid #eee;margin-top: 20px;background: #fff;}
.pro_call dl a{display: block; width: 100%; height: auto; overflow: hidden; position: relative;}
.pro_call dl>a{padding:10px 10px 0 10px;}
.pro_call dl>a:after{content: ''; display: block;width: 100%; height: 100%;  background: rgba(0,0,0,0.45) url(20240726115728_329971890.png) no-repeat center; position: absolute; top: 0;left: 0;opacity: 0; transition: 0.3s all ease;}
.pro_call dl:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_call dl:hover>a:after{opacity: 1;}
.pro_call dl br{display:none;}


.pro_call dl span a{display:block;width:100%;height:56px;line-height:56px;font-size:16px;color:#333;transition: 0.3s all ease;position: relative;z-index:22; text-align: center; background: #fff;}
.pro_call dl span a:after{content: '';display: block;background:#e46c0a;width:100%;height:0px;position: absolute;top:0;z-index: -1;}
.pro_call dl:hover span a:after{height:100%;transition: 0.3s all ease;}
.pro_call dl:hover span a{color:#FFF;border: 1px solid #e46c0a;}
.pro_call dl+dl{margin-left: 1.3%;}

.pro_call dl img{transition: 0.3s all ease;width: 100%;height: 290px;}
.pro_call dl:hover img{transform: scale(1.1);}




/*pro_adv*/
.pro_adv{ width:100%; margin:0 auto; padding: 0 4.5vw; padding-top:80px; background:url(20240726135926_1457020061.jpg) no-repeat center; background-size: cover; }
.padv_t p{color:#fff;}
.padv_t span{color:rgba(255,255,255,0.6);}
.int_con {margin-top: 45px;height: 520px;}
.int_con ul {display: flex;justify-content:space-between;align-items: end;    height: 500px;}
.int_con li {background: #f5f5f5;flex: 1;border-radius: 10px;padding: 60px 36px;text-align: center;transition: 0.5s;cursor: pointer;height:450px;}
.int_con li.on {height:500px;transition: 0.5s;background: #e46c0a;transform: translateY(-30px);}
.int_con li.on b,.int_con li.on p,.int_con li.on p span,.int_con li.on em {color:#ffffff;}
.int_con li+li {margin-left: 13px;}
.int_con li b {font-size: 56px;line-height: 60px;color: #dddddd;}
.int_con li p {font-size: 36px; color: #333333; font-weight: bold; line-height: 36px; margin-top: 24px; letter-spacing: 1px; }
.int_con li p span {font-size: 15px;line-height: 28px;color: #999999;display: flex;font-weight: normal;margin-top: 20px;     letter-spacing: 0px;}
.int_con li i {width: 20px;height: 2px;background: #fdc503; display: inline-block; margin-top: 42px;}
.int_con li em {font-size: 20px;line-height: 24px; text-transform: uppercase;font-weight: bold;color: #dddddd;display: block;margin-top: 32px;}





/*int*/
.int {overflow: hidden;padding-top: 80px;}
.int_box {width:100%;margin: 0 auto;position: relative;max-width: 98%;}
.int_con1 {margin-top: 40px;}
.int_left {float: left;margin-right: 10px;width: 20%;}
.int_left img{width: 100%;}
.int_left ul{}
.int_left li {height: 320px;overflow: hidden;position: relative;transition: 0.5s;}
.int_left li+li {margin-top: 10px;}
.int_left li img,.int_middle img,.int_right li img {-webkit-transition: .8s;-o-transition: .8s; transition: .8s;}
.int_left li img:hover,.int_middle img:hover,.int_right li img:hover {webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.int_left li p,.int_middle p,.int_right li p {font-size: 16px;color: #ffffff;width: 100%; height: 35px;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0px; left:0;text-align: center;line-height: 35px;transition: 0.5s;}
.int_middle {float: left;overflow: hidden;position: relative;height: 650px;width: 59%;}
.int_right {float: right;width: 20%;}
.int_right img{width: 100%;}
.int_right ul {}
.int_right li {height: 320px;overflow: hidden;position: relative;transition: 0.5s;}
.int_right li+li {margin-top: 10px;}

.column{overflow: hidden;}
.column_co{display: flex;justify-content: center;}
.column li{position: relative;transition: 0.2s all ease-in-out;width: 188px;border: 1px #eee solid;}
.column li+li{margin-left: 10px;}
.column_co li>a{display: block;padding: 0 1.6vw;position: relative;text-align: center;color: #333;z-index: 1;font-size: 18px;height: 40px;line-height: 40px;}
.column_co li.navcurrent i, .column_co > li:hover > a i{color: #fff;}
.column_co > li > a:after{content: '';display: block;height: 44px;transition: 0.2s all ease-in-out;position: absolute;left: 0%;bottom: -2px;background: #e46c0a;z-index: -1;}
.column_co > li.navcurrent > a:after, .column_co > li:hover > a:after{width: 100%;}





/*优势*/
.adv_bg{ background:#f4f6fc; width:100%; padding: 0 4.5vw; padding-bottom:90px; padding-top:90px; overflow: hidden; margin-top: 220px; }
.adv_switch_t li{float:left; width:25%; background:#fff; font-size:22px; color:#222; height:110px; cursor: pointer; position: relative; text-align: center; }
.adv_switch_t b{  display:block;  padding: 27px 0 0 0; }
.adv_switch_t dd{ /* padding-left:7.4vw; */font-size: 16px; }
.adv{ position: relative; }
.adv_bj{ position: absolute; top: 150px; left: 0px; z-index:1; width: 60%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.adv_bj img{ width:100%; height: 100%; }
.adv_d{position: relative; height:660px;}
.adv_d.page{width:88%; margin:0 auto;}
.adv_text{width:44%;height:458px;padding:70px;background:#fff;z-index:2;display:block;position: absolute;right:0; top:0; bottom:0; margin:auto; }
.adv_text:after{content:"";display:block; width:960px; height:100%; background:#fff; position: absolute;left:100%; top:0;}
.adv_text .tempWrap{width:100% !important;}
.adv_switch_b b{display:block;color:#e46c0a;font-size:32px;}
.adv_switch_b p{font-size:32px;color:#333;}
.adv_switch_b i{width:50px;height:3px;background:#e46c0a;display:block;margin:30px 0;}
.adv_switch_b dd{font-size:15px;line-height:30px;color:#666;background:url(20240726120104_728994210.png)no-repeat left top 13px;padding-left:12px;}
.adv_switch_b dd+dd{margin-top:10px;}
.adv_switch_b ul a{display: inline-block; padding-right:16px; margin-top:40px; font-size:16px; line-height:40px; color:#333; background:url(20240726120249_435485485.png)no-repeat right center;}
.adv_switch_b ul a:hover{color:#e46c0a; background:url(20240726120310_234442080.png)no-repeat right center;}



.adv_button{position: absolute;width:60px;height:60px;z-index:2;cursor: pointer;left:56%;top:499px;}
.adv_btnl{background:url(20240726120346_250531447.png)no-repeat; margin-left:-60px;}
.adv_btnr{background:url(20240726120346_628227402.png)no-repeat;margin-left:0;}
.adv_switch_t li.on,.adv_switch_t li:hover{background:#e46c0a;}
.adv_switch_t li.on b,.adv_switch_t li:hover b,.adv_switch_t li.on dd,.adv_switch_t li:hover dd{color:#fff;}
.adv_switch_t li i{width:50px;height:50px;background:url(20240726120421_659981736.png)no-repeat;overflow: hidden;display:block;position: absolute;left:3vw;top:28px; transition: 0.5s all ease;}
.adv_switch_t li:hover i,.adv_switch_t li.on i{background-position-y:-50px; }
.adv_switch_t li:nth-child(2) i{background-position-x:-50px; }
.adv_switch_t li:nth-child(3) i{background-position-x:-100px; }
.adv_switch_t li:nth-child(4) i{background-position-x:-150px; }







/*简介*/
.com_bg{background-image: url(20240726120447_1223793411.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; height: 764px; padding-top:100px; }
.com_t{padding-bottom:60px;}
.com_t p{font-size:45px;}
.com_t p,.com_t b,.com_t span{color:#fff; letter-spacing: 16px; }
.com{ margin: 0 auto; width: 100%; padding: 0 4.5vw; }
.com_m{ position: relative; padding:60px 50px; }
.com_m li{float:left; width:23.5%;}
.com_m li+li{margin-left:2%; }
.com_m li>a{display: block; overflow: hidden;}
.com_m li p a{line-height:60px; font-size:16px;}
.com_m img{transition: 0.5s linear all; width:100%; height:auto;}
.com_m li:hover img{transform: scale(1.1);}
.com_w{width:100%; background-color:#fff;  text-align:center; padding-top:30px;  box-shadow:0 0 50px rgba(0,0,0,0.1);}
.com_w h3{font-size:48px; color:#000; line-height:90px; }
.com_w dd{font-size: 15px; line-height: 34px; padding: 0 50px; }
.com_w>a{display: block; width: 162px; height: 38px; line-height: 38px; border-radius: 100px; background: #e46c0a; font-size: 15px; color: #fff; margin: 0 auto; margin-top:40px; text-align: center; transition: 0.3s linear all;
}
.com_w>a:hover{width: 240px;}


.com_x{ padding-top: 60px; padding-bottom:40px; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; grid-gap: 0; }
.wu_06_list{ display: flex; align-items: center; justify-content: center; flex-direction:column; }
.wu_06_munber{ color:#e46c0a; font-size:30px; }
.wu_06_munber img{ vertical-align:text-top; }
.wu_06_munber span{ font-size:70px; color: #e46c0a; font-family: impact; padding-right: 5px; }
.wu_06_title{ text-align: center; }
.wu_06_title p{color:#5d5d5d; font-size:22px; }
.wu_06_title span{color:#999; font-size:14px; }



/*新闻*/
.news{ margin: 0 auto; width: 100%; padding: 0 4.5vw; margin-top: 100px; }
.news_t{ text-align:left; width:40%; float:left; padding-top:20px; }
.new_nav {padding-top:40px;}
.new_nav li{width: 170px;height: 42px;line-height: 42px;text-align: center;float: left;margin-left: 35px;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius: 50px;background: #f5f5f5;}
.new_nav li:nth-child(1){ margin-left:0;}
.new_nav li a{ display:block; font-size:18px;}
.new_nav li.on{background: #e46c0a;}
.new_nav li.on a{ color:#fff;}


.news_list{height:28vw; min-height:500px !important;width: 100%;overflow: hidden;}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div{height:100%;}
.news_list .news_div_item{width: 24.5%;display: inline-block;position: relative;height:100%;transition:0.5s; padding:30px 40px 40px;border-right:1px #eee solid;}
.news_list .news_div_item:first-child{border-left:1px #eee solid;}
.news_list .news_div_item_date{font-weight: 400;height: 26px; line-height: 22px;}
.news_list .news_div_item_content{padding-right: 14px; padding-bottom:90px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{display: inline-block; font-size: 15px;line-height: 22px; color: #999;}

.news_list .news_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight:normal; color:#222;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 0;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100; display: none;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(20240726120523_1260259882.png) no-repeat center;width: 18px;height: 14px;left: 0;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;}
.news_div_item_pic a{ overflow: hidden; width: 100%; height: 240px !important; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center;
 border:1px #eee solid; }
.news_list .news_div_item img{ transition:0.3s all linear; width: 100%; height: 100%; object-fit: cover; }
.news_list .news_div_item:hover img{ transform:scale(1.1);  }
.news_list .news_div_item:hover .news_div_item_a{color: #e46c0a;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{padding-left:40px;display: block;width: 130px;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;}



/*友情链接*/
.copyright{ margin: 0 auto; width: 100%; padding: 0 4.5vw; background:#222; color:#fff; }
.links{ margin: 0 auto; width: 100%; padding: 0 4.5vw; line-height:90px; background:#e46c0a; color:#fff; font-size:18px; }
.linkTagcs li{ line-height:20px !important;}
.links p.fl{ padding-left:40px; background:url(20240726120549_1010107218.png) no-repeat left center;}
.links p.fr{ font-size:25px; font-family:impact; text-transform:uppercase;}
.linkTagcs{margin-top:35px;}

/*版权*/
.bq{ margin: 0 auto; width: 100%; border-top: 1px solid #333;line-height: 80px;}
.end,.end a{ font-size:14px; color:#888;}
.end a:hover{ text-decoration:underline; color:#fff;} 
.crcon{ padding:60px 0; margin:0 auto;}
.kslj{ font-size:0;}
.kslj>li{ display:inline-block; padding-left:25px; position:relative; vertical-align:top;}
.kslj>li:after{content: "";display: block;width: 1px;height: 180px;background: #333;position: absolute;right: -4vw;top: 0;}
.kslj>li p{ font-size:18px; margin-bottom:25px; position:relative;}
.kslj>li p:after{ content:''; display:block; position:absolute; top:0; bottom:0; height:1px; margin:auto 0; left:-25px; width:16px; background:#fff;}
.kslj li a{ display:block; font-size:14px; color:#888; line-height:32px;}
.kslj li a:hover{ text-decoration:underline; color:#fff;} 
.kslj>li+li{ margin-left:7vw;}
.crcode{ font-size:14px;text-align:center;margin-left: 15px;}
.crcode img{ display:block; margin-bottom:10px; }
.crconcat{ text-align:center; height:218px; box-sizing:border-box; padding:0px 60px; }
.crphone{ font-size:33px; font-weight:bold;}
.cr_c{ font-size:14px; line-height:25px; margin:20px 0; color:#888;}
.crbtn a{ width:200px; line-height:38px; border-radius:20px; font-size:14px; color:#fff; display:inline-block; background:#e46c0a; transition:all .3s ease;}
.crbtn a:hover{ box-shadow:0 0 5px #fff;}
.crbtn i{ display:inline-block;  color: #fff; padding-left:28px; background:url(20240726120613_681846365.png) no-repeat left center;font-style: normal;}
.zhuying{line-height: 80px;}

.kslj>li dl{display:none;}



/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(20240816092934_525281387.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #e46c0a; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; margin-top:12px; background-color: #e46c0a !important; border-color: #e46c0a !important; }
.y-kefu-box01 .kf-mobile p{ color:#FFF;}
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.kf-email,.y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #e46c0a; border-color: #e46c0a;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #e46c0a; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height: 130px; margin: 10px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #e46c0a; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
/*qq*/
.y-kefu-box01 .kf-zixun {border-bottom: solid 1px #efefef; display:none !important; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 a.kf-zixun:hover{ background-color: #e46c0a; border-color: #e46c0a; color: #fff; }/*颜色更改*/
.y-kefu-box01 a.kf-zixun:hover>i { background-position: -30px -5px; }
/*关闭后*/
.hide-status .kf-zixun { border-bottom:none; border-radius: 2px; display:block !important; }
.hide-status .kf-zixun i { background-position: -30px -5px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#e46c0a;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }