@charset "UTF-8";

@font-face {
  font-family: 'iconfont';  /* Project id 4558382 */
  src: url('//at.alicdn.com/t/c/font_4558382_4p2h3krn0lt.woff2?t=1730798758176') format('woff2'),
       url('//at.alicdn.com/t/c/font_4558382_4p2h3krn0lt.woff?t=1730798758176') format('woff'),
       url('//at.alicdn.com/t/c/font_4558382_4p2h3krn0lt.ttf?t=1730798758176') 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;}

@font-face{font-family:hs_r;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Regular.ttf)}
.hs_r{font-family:hs_r}

@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}




*{ margin:0; padding:0; font-family: hs_r; box-sizing: border-box;list-style: none}
body{font-size: 15px; font-family: hs_r; overflow-x: hidden; color: #333;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
*{margin: 0; padding: 0; box-sizing: border-box;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{height:0; overflow:hidden; clear:both;}
.cl{height:0; overflow:hidden; clear:both;}

.w1400{margin:0 auto; width:1400px;}
.page{margin:0 auto; width:1400px; overflow:hidden;}

.top30{ margin-top: 30px;}
.top50{ margin-top: 50px;}
.top60{ margin-top: 60px;}
.top70{ margin-top: 70px;}
.top80{ margin-top: 80px;}


.t { font-size:40px; font-weight:bold; width: 1400px; margin: 0 auto; text-align: center;}
.t b{color:#c61521;}
.t p{font-size:18px; padding:16px 0 0; text-transform:  uppercase;color:#666; font-weight: normal;}


/*顶部*/
.db_bg{ width: 100%; height: 46px; line-height: 46px; color: #999; border-bottom: 1px solid #eee;     min-width: 1400px;}
.head_tc ul{display: flex;}
.head_tc ul li{position:relative;line-height:45px; float: left;}
.head_tc ul li a{display: flex;align-items: center;}
.head_tc ul li+li{margin-left: 27px;}
.head_tc ul li span{font-size: 16px;color: #666;padding-right: 4px;}
.head_tc ul li p{font-size: 14px;color: #666;}
.head_tc ul li:nth-child(1) p{font-size: 22px; font-family: Arial; color: #c61521;     font-weight: bold;}
.head_tc ul li:nth-child(1) p b {
    font-size: 20px;
    padding-left: 3px;
}
.head_tc ul li:nth-child(3) a{display: flex; justify-content: center;}

.head_tc ul li .itel_box{width:auto; display: none;}
.head_tc ul li:hover .itel_box {transform: rotateX(0deg); display: block; z-index: 1; position: absolute;}
.head_tc ul li:hover a p{color: #c61521;}

/*抬头*/
.headbg{display:flex; width:100%; min-width:1300px; max-width:1920px;/* position:fixed; left:0%; top:0; */ z-index:1; background: #fff;}
.headbg_box{padding:0 5%; height: 120px; width:100%; min-width:1400px;}
.headbg .fl{}
.head_logo{margin-top:22px; margin-right:10px;  }
.head_logo a{ float: left;}
.head_logo p{font-size: 24px; float: left; padding-left: 15px; font-weight: bold; line-height: 34px; padding-top: 5px;}
.head_logo p b{font-size: 18px; display: block; font-weight: normal; color: #666; }
.head_logo p i{font-size: 30px;  color: #c61521; font-family: din;}

.headbg .fr{display:flex; width:60%; flex-direction:row; justify-content:space-between;}
.head_nav{width:91%;}
.head_nav ul{display:flex; width:100%; height:auto; flex-direction:row; justify-content:space-between;}
.head_nav ul > li{position:relative;}
.head_nav ul > li a{display:block; height:100%; font-size:17px; line-height:118px; color:#333;box-sizing:border-box;}
.head_nav ul > li.navcurrent a{color:#c61521; font-weight:bold;}
.head_nav ul > li:hover > a,.head_nav ul > li.navcurrent > a{color:#c61521; font-weight: bold;}
.head_nav ul > li:hover > a:after,.head_nav ul > li.navcurrent > a:after{width:100%;}
.head_nav ul> li> a:after{content:""; display:block; bottom: 0; width:0; height:2px; overflow:hidden; background:#c61521; transition:width 0.8s;}

.head_nav ul > li a:hover{color:#c61521; font-weight:bold;}
.head_nav ul > li a:before,.head_nav ul > li a:hover:before{ position: absolute; content: "\e61b"; font-family: "iconfont";font-size: 14px; color: #999;top: 1px; right: -1vw; transition: .5s;}
.head_nav ul > li:nth-child(1) a:before,.head_nav ul > li:nth-child(6) a:before,.head_nav ul > li:nth-child(8) a:before{ display: none;}
.head_nav ul > li:hover >a:before{-webkit-transform: rotate(-180deg);  color: #c61521; top: 0px;}




.search{height:max-content; margin:45px 15px 0 0px; position:relative;}
.search i{font-size:23px; line-height:22px; cursor:pointer;}
.search_box{padding-top:40px; position:absolute; right:150px; top:35px; z-index:3; transform:translateX(26%); visibility:hidden;}
.search_cont{width:880px; padding:34px; box-shadow:0 0 13px rgba(0,0,0,.1); background:rgba(255,255,255,0.98); transform:rotateX(90deg); transform-origin:top; transition:all 0.5s;}
.search_Rec,.search_Rec a{font-size:14px; line-height:14px; color:#666;}
.search_Rec a:hover{color:#c61521; text-decoration:underline;}
.search_frame{width:100%; margin-top:20px;}
.search_frame form{display:flex; border:1px solid #ddd;}
.search_frame #infoname,.search_frame #infoseek{color:#999; background-color:transparent; border:none;}
.search_frame #infoname{width:95%; padding-left:14px; font-size:14px; line-height:43px;}
.search_frame #infoseek{padding:5px 8px; font-size:25px; line-height:33px; cursor:pointer;}
.search:hover .search_box{visibility:visible;}
.search:hover .search_cont{transform:rotateX(0);}


		




/*下拉*/
.head_nav ul > li{position:relative;}
.head_nav ul > li > em{position:absolute; right:-50px; top:120px; z-index:99; display:none; width:180px}
.head_nav ul > li> em a{display:block; text-align:center;  background:#fff; box-sizing:border-box; font-size:16px; height:50px; line-height:50px; color:#333  !important; text-decoration:none; transition:0.8s; display: block; font-weight: normal !important;}
.head_nav ul > li > em a:hover{background:#c61521; color:#fff  !important;}
.head_nav ul > li> em a+a {  border-top: 1px solid #eee;}

@media(max-width:1680px){

}
@media(max-width:1366px){

.head_nav ul > li a{ font-size: 16px;}
.search i {font-size: 22px;}
.search {margin: 38px 10px 0 20px;}
.headbg .fr{ width: 68%;}
.page{    width: 1200px;}
.add_w li{    width: calc((100% - 10px) / 5);}
}

@media(max-width:1300px){
.headbg_box { padding: 0 2%;}
.head_nav ul > li a{ font-size: 15px;}

.search i {font-size: 22px;}
.search {margin: 38px 10px 0 20px;}
.headbg .fr{ width: 68%;}
.page{    width: 1250px;}
.add_w li{    width: calc((100% - 10px) / 5);}

}
@media(max-width:1266px){
.headbg_box { padding: 0 2%;}
.head_nav ul > li a{ font-size: 15px;}
.head_tel em,.head_tel i{ font-size: 22px;}
.search i {font-size: 22px;}
.search {margin: 38px 10px 0 20px;}
.headbg .fr{ width: 68%;}
.page{    width: 1200px;}
.add_w li{    width: calc((100% - 10px) / 5);}
.cas_bc,.work{    width: 1200px;}
.work ul li{    width: 29.15%;}
.work ul li:nth-child(2){ top: 291px;}

}




/*banner*/
.banner{ overflow: hidden; background:#000; }
.banner-box{ min-width:1400px; height:800px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 800px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:420px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527161345_367664021.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527161345_367664021.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:60px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#b0010d !important; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; 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; }


/*pro*/
.pro_bg{ width: 100%; padding: 70px 0; background: #f5f5f5;}
.pro_w {width: 81%;margin:auto;position: relative;}
.pr_l{width:49.44%; overflow: hidden;}
.pr_r{width:49.44%; overflow: hidden; }

.product_t {background:#fff; overflow:hidden; margin-bottom:2.2%; height:340px; border-radius: 10px; position: relative;}
.product_t:hover{ color:#fff; background-image: linear-gradient(to right, #000000, #333); display: block;}
.product_t:hover strong{ color:#fff; }
.product_t:hover strong .en{color: rgb(255,255,255,.9);}
.product_t > a{padding: 2% 0px 0px 5%;    float:left;} 
.product_t > a strong{ font-size:30px; font-weight: normal; display: block;position: relative;color: #333; padding-top:8%;}
.product_t > a strong .en{ font-size:0.85vw; display: block; line-height:1.32vw; padding:2px 0 20px; color: #999; text-transform: capitalize; }
.pao{padding-top:15px; padding-right: 35px; width:54%;}
.pro{margin-top:80px;}
.product_t > a > i{ display: block; text-align: center; width: 128px; height:34px; border: 1px solid #ddd; line-height: 34px; border-radius: 50px; font-style: normal; color: #666; margin-top: 30px; transition:0.3s all ease; }
.product_t > a:hover > i{ background: #c61521; color: #fff; border: 1px solid #c61521; }
.product_t > b{ position: absolute; top: 0; right: 0;}


.pmaw{margin-top:2.2%; margin-bottom:0px;}
.product_it{ background:#FFF; width:48.87%; height: 340px;  margin-right:2.25%; float:left; border-radius: 10px; position: relative;}
.product_it:hover{ color:#FFF;  background-image: linear-gradient(to right, #000000, #333);}
.product_it:hover  a strong{ color:#FFF;}
.product_it:hover strong .en{color: rgb(255,255,255,.9);}
.product_it > a{  height: 95px; overflow:hidden }
.product_it > a strong{ font-size:29px; font-weight: normal; display: block; line-height: 28px; position: relative; color:#333;    padding:12% 0px 0 9.1%; }
.product_it > a strong .en{ font-size: 0.85vw; color: #666; display:block; line-height:1.32vw; text-transform: capitalize; padding:10px 0 10px; }
.product_it:nth-child(5){ margin-right:0px;}
.pr_r .product_it:nth-child(2){ margin-right:0px;}
.product_it:nth-child(4){ margin-right:0px;}
.product_it img{ display: block; float:right; }
.product_it > b{ position: absolute; bottom:20px;    left: 40px;}


.product_it a .more-1{display: block; height:32px;line-height:32px; overflow: hidden; top: 40px; right: 20px; text-align: center; background:#f9f9f9;border-radius:32px;  position: absolute;}

.product_t a .more-1{display: block; height:32px;line-height:32px;font-size: 0;overflow: hidden; top: 130px; text-align: center; background:#f9f9f9;border-radius:32px;  position: absolute;}
.product_t a .more-1 .font16,.product_it a .more-1 .font16{ font-size:14px;}
.product_t a .more-1 span,.product_it a .more-1 span{display: inline-block;vertical-align: middle;color:#000; line-height:32px; margin-right:10px; margin-left:19px}
.product_t a .more-1 i,.product_it a .more-1 i{display: inline-block;vertical-align: middle;width:32px;height:32px; border-radius:32px; background: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240523/20240523165216_1993011019.png) center no-repeat #c61521; }
.product_t a .more-1:hover,.product_it a .more-1:hover{ background: #333; transition:all .5s; }
.product_t a .more-1:hover span,.product_it a .more-1:hover span{color:#fff;}
.product_t:hover .more-1 i,.product_it:hover .more-1 i{background: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240523/20240523165216_1993011019.png) center no-repeat #c61521;}



/*adv*/
.adv{ min-height:902px; background:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527203103_578047028.jpg) no-repeat top center; padding-top:70px;}
.adv_titl{ text-align:center; color:#fff; font-size:42px; font-weight: bold;}
.adv_titl p{color:#e5e5e5; font-size:18px;  font-weight: normal;}
.advleft{ width:1180px;}
.advwa{ height:180px; width:100%; background:#fff; padding:30px 50px;}
.advw{ width:790px;}
.advw p:nth-child(1){ font-weight:bold; font-size:30px; color:#222222; margin-bottom:10px;}
.advw p:nth-child(2){ font-size:15px; color:#999; line-height:26px;}
.advconcat{ font-size:33px; color:#222222; padding-top:20px;}
.advconcat span{ display:block; padding-left:30px; background:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527172722_379232634.png) no-repeat left center; font-size:16px; line-height:22px;}
.advtab li{ width:220px; height:112px; border-bottom:1px solid  rgba(255,255,255,0.2); background:#c61521; color:#fff; padding:30px 0px 0px 30px; transition:all .4s ease; cursor:pointer;}
.advtab li p{ float:left;}
.advtab li p:nth-child(1){ font-size:45px; font-family:Antonio, Arial;}
.advtab li p:nth-child(2){ font-size:25px; line-height:28px; margin: 10px 0px 0px 10px;}
.advtab li p:nth-child(2) span{ font-size:12px; display:block; line-height:12px;}
.adver{ width:220px; height:182px; background:#c61521; text-align:center; padding-top:16px;}
.adver img{ width: 150px;}
.advtab li.on{     background-image: linear-gradient(to top, #333, #111);  border-bottom:1px solid rgba(255,255,255,0.2);}


/*case*/
.so_ic { margin-top: 54px;}
.so_ic .new_web_div2021 {display: flex;justify-content: space-between;}
.so_ic ul img { width: 100%; height: auto; transition: all .75s;}
.so_ic ul {  width: 24%;}
.so_ic ul:nth-child(1) { width: 49.6%;}
.so_ic ul:nth-child(1) li:nth-child(2) { display: none;}
.so_ic ul li { position: relative;}
.so_ic ul li p a {display: block; position: absolute;  bottom: 0px; right: 0; width: 100%; height: 46px;  line-height: 46px; text-align: center;  background: rgba(0,0,0,0.6); color: #fff;  font-size: 16px;transition: all .5s;}
.so_ic ul li+li { margin-top: 18px;}
.so_ic li:hover img {  transform: scale(1.1);}
.so_ic li>a {  display: block;  overflow: hidden;}
.so_ic ul li:hover p a { background: #c61521;}



/*about*/

.about_bg {position: relative; padding-top: 50px; background:#f9f9f9; height: 620px;}
.about_bg:after{
        content: '';
        background: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240522/20240522103116_1599188286.jpg)no-repeat right;
        width: 49.22%;
        height: 620px;
        position: absolute; right: 0; top: 0; z-index:1; }
    
.about_box { margin: 0 auto;     position: relative;} 
.about_con { display: inline-block; width: 48%;}
.about_con p {
        font-size: 40px;
        text-transform: uppercase;
        color: #eee;
        line-height: 40px;}
    
.about_con p b { color: #eee;  font-weight: bold;}
    
    .about_con em {
        display: flex;
        flex-direction: column;
        font-size: 32px;
        padding-top: 10px;  font-weight: bold; }
    
    .about_con em span {
        font-size: 16px;
        line-height: 30px;
        padding-top: 25px;    font-weight: normal;}
    
    .about_con a {
        font-size: 16px;
        color: #666; padding: 30px 0;  display: block;}
	.about_con a:hover{ transition: .5s; color: #c61521;}
    
    @media screen and (max-width: 1920px) and (min-width: 1500px) .box1 {
        max-width: 1500px;
    }

    
    .ab_b{
        margin-top: 0px;
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 66%;
        background: #c61521;
    position: relative;    top: 86px; z-index: 9;}
    
    .ab_b ul {width: 100%;
    display: flex;
    justify-content: space-around;}
    
    .ab_b li i {
        font-size: 40px;
        color: #fff;
        display: inline-block;
        font-family: Arial;
    }
    
    .ab_b ul p {}
    
    .ab_b li span {
        display: inline-block;
        font-size: 15px;
        color: #fff;
        margin-left: 5px;
    }
    
    .ab_b li em {
        font-size: 16px;
        margin-top: 20px;
        color: #fff;
    }
    
    .ab_b ul li {
        text-align: center;
    }
    
    .ab_b>p {
        width: 49%;
        font-size: 138px;
        text-transform: uppercase;
        color: #eee;
        font-weight: bold;
        letter-spacing: 25px;
        text-align: right;
        font-family: Arial;
        font-weight: 800;
    }


/*sj*/
.pro_sub{position: relative;}
.pro_sub:before{content: '';width: 60px;height: 3px;background: #cb0000;position: absolute;bottom: -24px;left: 0%;}
.pro_sub p{font-size: 32px;font-family: din;text-transform: uppercase;flex-direction: column;line-height: 40px; color: #999;   font-weight: normal;}
.pro_sub p span{font-size: 30px;display: block;color: #333;letter-spacing: 2px;line-height: 30px;padding-top: 13px;font-family: "Microsoft YaHei";   font-weight: bold;}
.pro_sub a:before{content: '';width: 100px;height: 23px;background: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527160117_252465214.png) right no-repeat;position: absolute;bottom: 27px;left: 82%;}
.pro_sub a{float: right;color: #999;position: relative;margin-top: -40px;font-size: 16px;}

.ap_bc{margin-top: 70px;}
.ap_ic{display: flex;position: relative;margin-top: 60px;}
.ap_rc{position: absolute;right: 0;top: 0;width: 69%;height: 100%;display: flex;align-items: center;}
.ap_lc{width: 50%;position: relative;}
.ap_lc img{width: 100%;transition: all 1s;}
.ap_lc>a{display: block;overflow: hidden;}
.ap_lc:hover img{transform: scale(1.1);}
.ap_lc>a i{position: absolute;bottom: 26px;left: 30px;color: #fff;font-size: 16px;display: flex;align-items: center;}
.ap_lc>a i span{color: #fff;font-size: 22px;margin-left: 6px;transition: all .5s;font-family: "iconfont";}
.ap_rc .new_web_div2021{width: 100%;}
.ap_rc ul{display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;padding: 24px;}
.ap_rc img{width: 100%;height: auto;}
.ap_rc li{width: 49%;position: relative;overflow: hidden;}
.ap_rc li>a{display: block;position: relative;}
.ap_rc li p a{display: block;position: absolute;bottom: 28px;left: 32px;color: #fff;font-size: 16px;}
.ap_rc li p a:after{content: "\eb8d";font-family: "iconfont";font-size: 22px;position: absolute;top: 0;right: -30px;transition: all .5s;}
.ap_rc li:nth-child(n+3){margin-top: 20px;}
.ap_rc li>a:after{position: absolute;content: "";bottom: 0;left: 0;background: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527160047_1733328849.png) no-repeat left bottom;width: 100%;height: 100%;}
.ap_rc li>a:before{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.ap_rc li:hover>a:before{left: 100%;transition: 0.2s;}
.ap_rc li:hover p a:after{transform: translateX(5px);}
.ap_lc:hover>a i span{transform: translateX(5px);}
a.ap_btn{font-size: 16px;color: #fff;display: flex;width: 190px;height: 54px;line-height: 54px;background: #cb0000;border-radius: 30px;align-items: center;justify-content: center;margin: 0 auto;margin-top: 50px;}
a.ap_btn span{color: #fff;font-size: 30px;transform: rotate(-90deg);margin-left: 14px;}



/*Process*/
.Process_bg{height:622px;background:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527163022_116366217.jpg) center no-repeat;padding-top: 80px; }


.fbbottom{ margin-top:25px; padding-bottom:60px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.fbb_l{ font-size:30px; color:#333333;font-weight: normal;margin-top: -12px;}
.fbb_l span{ display:block; margin:5px 0 25px 0;font-size: 25px;}
.fbb_l b{ font-size:48px; font-family:fontDin1; color:#c61521;}
.fbb_l a{ display:inline-block; width:150px; line-height:42px; text-align:center; font-size:16px; color:#fff; background:#c61521; transition:all .3s ease;}
.fbb_l a:hover{background:#222;}
.fbb_r{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; font-size:16px; color:#333333; font-weight:lighter; text-align:center;}
.pcicon{ position:relative; width:90px; height:90px; border-radius:50%; background:#eeeeee;}
.pcicon span{ position:absolute; border-radius:50%; width:23px; line-height:23px; font-size:16px; color:#fff; background:#222222; transition:all .3s ease; top:5px; right:0;}
.fbb_r li:hover span{ transform:rotate(360deg); background:#c61521;}
.fbb_r li+li{ margin-left:80px;}
.fbb_r li:nth-child(1){width: 0px;}
.fbb_r li{ position:relative; width:90px; white-space:nowrap;}
.fbb_r li+li:after{ content:''; display:block; position:absolute; width:80px; height:16px; background:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527160219_726437781.png) no-repeat center; left:-80px; top:40px;}
.fbb_r li p{ margin-top:20px;}
.fbb_r li:hover p{color:#c61521;}

#form1 ul{ font-size:0; white-space:nowrap; padding: 20px; box-shadow: 0px 0px 20px #eeeeee;}
.Process #form1{padding:50px 30px;}
#form1 ul li{display:inline-block; vertical-align:middle; display:inline-block; vertical-align:top; width:248px; height:68px; box-sizing:border-box; background-color:#f5f5f5; background-position:20px center; background-repeat:no-repeat; padding-left:60px;}

#form1 ul li:nth-child(1){ background-image:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527160335_178403143.png);}
#form1 ul li:nth-child(3){ background-image:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527160335_349126490.png);}
#form1 ul li:nth-child(2){ background-image:url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527160335_457099818.png);}
#form1 ul li input{ border:none; height:68px; background:none; width:180px;font-size: 14px;}
#form1 ul li+li{ margin-left:10px;}
#form1 ul li:nth-child(4){ padding-left:30px;}
#form1 ul li:nth-child(4) input{ width:140px;}
#form1 ul li:nth-child(4) img{ display:inline-block; vertical-align:middle;margin-top: -10px;}
#form1 ul li:nth-child(5){ padding:0;}
#form1 ul li:nth-child(5) input{ display:block; width:100%; background:#c61521; font-size:18px; color:#f5f5f5; font-weight:lighter; cursor:pointer; transition:all .3s ease;}
#form1 ul li:nth-child(5) input:hover{ background:#222;}
.Processall{ box-shadow: 0px 0px 30px #1f243a; padding: 50px 40px;background: #fff; width:1400px; margin:0 auto;}
.pcicon b {  font-size: 42px;   line-height: 94px;   font-weight: normal;}



/*video_sp*/
.adout_video{ position:absolute; left:50%;  top:30px; z-index:100;}
.adout_video em{display:block; width:250px; height:250px; position:relative; cursor:pointer; border-radius:13px; overflow:hidden;}
.adout_video em:after{content:""; display:block; width:50px; height:50px; position:absolute; left:calc(50% - 25px); top:calc(50% - 25px); background:url(https://memberpic.114my.com.cn/dgledaci11/uploadfile/image/20240823/20240823181022_1161929956.png) center no-repeat;}
.adout_video em:before{content:""; display:block; width:60px; height:60px; border-radius:50%; background:rgba(198,21,33,.8); box-shadow:0px 0px 0px 5px rgba(198,21,33,.6); opacity:1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); animation:playKey 1.2s linear infinite;}
@keyframes playKey { 
0% {transform:translate(-50%,-50%) scale(1); box-shadow:0px 0px 0px 5px rgba(198,21,33,.4); opacity:1;}
25% {transform:translate(-50%,-50%) scale(1); box-shadow:0px 0px 0px 10px rgba(198,21,33,.4); opacity:1;}
50% {transform:translate(-50%,-50%) scale(1.2); box-shadow:0px 0px 0px 15px rgba(198,21,33,.3); opacity:0.9;}
75% {transform:translate(-50%,-50%) scale(1.4); box-shadow:0px 0px 0px 25px rgba(198,21,33,.2); opacity:0.6;}
100% {transform:translate(-50%,-50%) scale(1.8); box-shadow:0px 0px 0px 35px rgba(198,21,33,.1); opacity:0.3;}
}
#adoutVideoBox{margin:auto; padding:1em; border-radius:10px; border-width:5px; overflow:visible;}
#shutAdoutVideoBox{width:30px; text-align:center; line-height:30px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; right:-35px; top:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; background-color:#000; cursor:pointer; transition-duration:0.8s;}
#shutAdoutVideoBox:hover{background-color:#c61521;}






/*新闻*/
.news_bg {overflow: hidden;  padding-bottom: 30px; background: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527161504_1317703953.png) center no-repeat; }
.news_t { padding: 70px 0 14px 0;}
.news_tl p {
    color: #c61521;
    line-height: 1.1;
    font-family: PingFang SC, 'Microsoft YaHei', Arial, sans-serif;
    font-weight: 900; font-size: 40px;}

.news_tl span {
    margin-top: 10px;
    color: #666;
    line-height: 30px;
    font-size: 16px;}
.news_tl,.news_tr {display: inline-block;}

.news_tr a {
    display: inline-block;
    margin-left: 110px;
    margin-top: -12px;
}

.news_tr a p {
    font-size: 20px;
    color: #222;
    line-height: 0px;
}

.news_tr a span {
    font-size: 12px;
    color: #ccc;
    font-family: "Arial";
    text-transform: uppercase;
    line-height: 46px;
}

.news_tr a:before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #f7f7f7;
    margin: -10px 14px 0 0;
    position: relative;
    top: 37px;
    left: -70px;
    transition: 0.3s ease all;
    background-image: url(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240527/20240527161546_1511579234.png);
}

.news_tr a:nth-child(1):before {
    background-position: 0 0;
}

.news_tr a:nth-child(2):before {
    background-position: -56px 0;
}

.news_tr a:nth-child(3):before {
    background-position: -112px 0;
}

.news_tr a.on:before {
    background-color: #c61521;
    background-position-y: -56px;
}

.news_div .news_div_item {
    position: relative;
    float: left;
}

.news_div .news_div_item:first-child {
    width: 42%;
    padding-top: 20px;
    z-index: 2;
}

.news_div .news_div_item:nth-child(n+2) {
    width: 25%;
    padding: 30px 0 30px 0;
    height: 240px;
    float: left;
    border-bottom: 1px #ddd solid;
    margin-left: 4%;
}

.news_div .news_div_item:nth-child(n+2) .news_div_item_pic {
    float: left;
    width: 30%;
    height: 168px;
    display: none;
}

.news_div_item_pic {
    overflow: hidden;
}

.news_div_item_pic img { height: 455px; width: 100%;
    border: 1px #eee solid;}

.news_div .news_div_item:first-child .news_div_item_date {
    display: none;
}

.news_div .news_div_item:nth-child(n+2) .news_div_item_date div {
    float: left;
    color: #ccc;
}

.news_div_item_content {
    position: absolute;
}

.news_div .news_div_item:first-child .news_div_item_pic {
    height: auto;
}

.news_div .news_div_item:first-child .news_div_item_content {
    bottom:0px;
    width: 100%; padding:4%;
    background: rgba(0,0,0,0.5);}

.news_div .news_div_item:nth-child(n+2) .news_div_item_content {
    left: 0;
    top: 54px;
    width: 100%;
}

a.news_div_item_a {
    font-size: 22px;
    color: #222;
    line-height: 30px;
    display: block;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_div .news_div_item:first-child a.news_div_item_a{color: #fff;}
.news_div .news_div_item:first-child .news_div_item_body:after{color: #fff;}
.news_div_item_body {
    font-size: 15px;
    line-height: 26px;
    color: #999;
    margin-top: 0px;
}

.news_div_item_body:after {
font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
content: "\e718" !important;
    display: block;
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100px;
    border: 1px #ccc solid;
    margin-top: 15px;
    transition: 0.3s all ease;
text-align: center;  }

.news_div_item:hover .news_div_item_body:after {
    background-color: #c61521;
    width: 50px;
    border: 1px #c61521 solid;
 color: #fff;
}

.news_div_item:hover a.news_div_item_a {
    color: #c61521;
}
.news_div .news_div_item:first-child .news_div_item_body {
    color: #dfdfdf;
    font-weight: normal;     white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}




/*link*/
.links { overflow: hidden;  margin: 0 auto;  padding-bottom: 25px;     margin-top: 40px;}
.linksW {  margin: 0 auto; display: flex; justify-content: space-between; align-items: center; max-width: 1400px;}
.links_l { width: 100px;}
.links_lm { font-size: 18px;  line-height: 30px; font-weight: lighter;}
.links_lm p {  text-transform: uppercase; font-size: 24px;  font-weight: bold;   line-height: 24px;  color: #444;}
.links_lm p span { color: #c61521;}
.links_lm em {  font-size: 14px;color: #666;  letter-spacing: 5px;  line-height: 16px;}
.links_r {  width: 93%; color: #666;}
.links_r a {  font-size: 15px; color: #666 !important;}
.linkTagcs li a {font-weight: lighter; color: #666;}



/*footer*/
.footer_bg{width: 100%; color: #fff; background:#252525; position: relative;overflow:hidden;margin-top: 0px;padding-top: 0px;}


.crcon{ padding:70px 0 ; border-bottom: 1px solid rgba(255,255,255,0.1);}
.copy_item{float:left; padding-left: 140px;}
.copy_item1{float: right;padding-left:60px;     border-left: 1px solid #403f3f; height:250px;}
.copy_item ul proadvong{display: block;padding:0 0 30px; position: relative;}
.copy_item ul proadvong a{display: block; line-height: 40px;color: #fff;font-weight: normal;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #666;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: #afafaf;line-height:26px;font-size: 15px; opacity: 0.9; font-weight: lighter;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #ffa500;     opacity: 1;}
.copy_item ul proadvong::after { position: absolute; content: ""; top: 50px; width: 25px; height: 2px; background-color:rgba(255,255,255,0.5); left: 0px; }
.copy_item:hover proadvong::after { position: absolute; content: ""; top: 50px; width: 77px; height: 2px; background-color: #ffffff;; left: 0px; transition: 0.5s; }
.crconcat{ width:32%; }

.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding:5px 9px; border: 1px solid rgba(255,255,255,0.2); transition:0.3s all ease-in-out; float: left;display: block;margin-right:14px; margin-top:4%;}
.social a i { opacity: 0.9;}
.social a img{ display: block}
.social a:hover{ background: #c61521;  }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -35px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px;left: calc((100% - 10px) / 2); }
.social .ewm img { display: block; width: 100%; height:auto; }
.cr_tel b{float: left;
    padding-left: 10px;
    font-weight: normal;
    line-height: 36px; 
    font-size: 18px;
    color: #cfcfcf;
    padding-top: 5px; }
.cr_tel img {float: left; display: block; }
.cr_tel{ padding-bottom: 15px; font-size:16px; color:#fff;}
.cr_tel em { display: block;font-size:38px;color: #fff;font-family: Arial;font-weight: bold;}

.tel{padding-top:10px;}
.tel h2{font-size:28px;margin: 0;color: #ffa500; letter-spacing:2px; font-family: "din";}
.add{padding-top:20px; color:#999; font-size:15px; line-height:25px;}
.copy_item ul li dl {   display: none;}

.copy_bg{line-height: 24px;overflow:hidden;  padding:1% 0; }
.copy_b{display: flex;justify-content: space-between; line-height: 24px;color: #666; }
.copy_bg div{color: #999; line-height:44px; font-size: 15px;}
.copy_b div:nth-child(1){width:70%;}
.copy_b div:nth-child(2){position: relative;}
.copy_b div:nth-child(2):after {position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.copy_b div a{color: #999;font-size: 14px;}
.copy_db{ width: 1400px; line-height: 28px; font-size: 15px; color: #666; margin: 0 auto}
.copy_db a{color: #999;font-size: 15px;}
.copy_db a:hover{color: #ffe000;}


/*右侧浮动*/
.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(https://memberpic.114my.com.cn/0384881/uploadfile/image/20240524/20240524205308_1833532864.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: 10px; position: absolute; bottom: -8px; left: 13px; z-index: 1;  background-color: #ce0f1c; }/*颜色更改*/
.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 .show-status .kf-zixun { background-color: #ce0f1c; border-color: #ce0f1c; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.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: 22px; background-position: -5px -76px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -76px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 22px; height: 22px; background-position: -5px -51px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -51px; }
.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; }
.y-kefu-box01 .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: #ce0f1c; border-color: #ce0f1c;}/*颜色更改*/
.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: #ce0f1c; 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: #ce0f1c; 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; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#ce0f1c;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }


.more2{display: block;
    width: 170px;
    height: 50px;
    line-height: 50px;text-align: center;  margin-top: 50px; border: 1px solid #dedede;}
.more2 a i {padding-right: 10px;}
.more2 a,.more2 a i{color: #666;   font-size: 18px; }
.more2:hover{width: 210px;  display: block; transition: all 0.6s; background: linear-gradient(120deg,#c61521 20%,#c61521 70%); border-radius: 30px; color: #fff; }
.more2 a:hover,.more2 a:hover i{color: #fff; }


/*车间*/
.fac{width:100%;margin:auto; position: relative; overflow:hidden; }
.abt_pan{/*width:1400px;*/margin: 0 auto; padding-top:50px;}
.pan_tab{height: 61px;}
.pan_tab a{display: block;float: left;width: calc(100% / 2);line-height: 61px;background:#e5e5e5; color: #565656; font-size: 20px;font-weight: 100;text-align: center;transition: 0.3s;cursor: pointer;}
.pan_tab a.cur{background: #ce0f1c;color: #fff;transition: 0.3s;}
.pan_con{margin-top: 40px; overflow:hidden; }
.pan_con tr{display: block;}
.pan_con .hd{text-align: center;height:25px;margin-top: 36px;}
.pan_con .hd ul,.pan_con .hd li{height: 14px;display: block;}
.pan_con .hd li>li{font-size:14;width: 14px;height: 14px;background: #999;border-radius: 100%;display: inline-block;color:#999;line-height:14px;}
.pan_con .hd li>li.on{background:#ce0f1c;color:#ce0f1c;}
.pan_con .hd li>li+li{margin-left:10px;}
.pan_con td{position: relative;margin-right:12px;   transition: 0.5s;overflow: hidden; padding:0 !important;}
.pan_con td a{overflow: hidden; display:block;   border: 1px #f5f5f5 solid;}
.pan_con td a img{transition-duration:0.5s;}
.pan_con td:hover img{transform:scale(1.1);}
.pan_con td:last-child{margin-right: 0;}
.pan_con td>br{display: none;}
.pan_con td div{padding-top: 0px !important;transition: all 0.5s ease;width: 100%;height: 0%;}
.pan_con td div a{ display:block; width:100%; height:46px;color:#333; background:#f5f5f5;line-height:46px;font-size:16px;}