@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.why_desc p b{color:#E60012;font-size:17px;font-weight:bold;}

.tit{text-align: center;font-weight: normal;font-size: 0;}
.tit b{display: block;font-size: 50px;color: #000;line-height: 50px;padding-bottom: 22px;position: relative;font-weight: normal;}
.tit b:after{position: absolute;width: 94px;height: 5px;background: #E60012;content: "";left: 50%;bottom: 0;margin-left: -47px;}
.tit span{display: block;font-size: 24px;color: #666;line-height: 48px;position: relative;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;bottom: 30px;height: 17px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 50%;margin: 0 10px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{background: #E60012;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}

/*sou*/
.sou{height: 50px;background: #F5F5F5;}
.htwd{float: left;font-size: 14px;color: #232429;line-height: 50px;}
.htwd a{color: #666;margin-right: 12px;}
.htwd a:hover{color: #E60012;}
.s_box{float: right;width: 330px;height: 30px;border: 1px solid #ddd;border-radius: 15px;margin-top: 10px;box-sizing: border-box;}
.s_box .txt{float: left;width: 290px;height: 28px;line-height: 28px;padding-left: 20px;font-size: 14px;color: #333;border: 0;background: none;box-sizing: border-box;outline: 0;}
.s_box .btn{float: left;width: 28px;height: 28px;background: url(/images/sou.png) no-repeat center;border: 0;outline: 0;cursor: pointer;}

/*yinzi*/
.yinzi{padding: 100px 0;}
.yinzi dl{display: flex;}
.yinzi dt{width: 55.7%;}
.yinzi dt img{display: block;width: 100%;}
.yinzi dd{flex: 1;padding-left: 40px;}
.yinzi dd h2{padding: 20px 0 70px;font-weight: normal;white-space: nowrap;}
.yinzi dd h2 b{display: block;font-size: 48px;color: #14171C;line-height: 48px;position: relative;margin-bottom: 10px;}
.yinzi dd h2 b:after{position: absolute;width: 328px;height: 9px;content: "";background: url(/images/yz-line2.png) no-repeat;left: 250px;top: 30px;}
.yinzi dd h2 em{color: #E60012;}
.yinzi dd h2 span{display: block;font-size: 30px;color: #14171C;line-height: 30px;position: relative;padding-left: 105px;}
.yinzi dd h2 span:after{position: absolute;width: 200px;height: 9px;content: "";background: url(/images/yz-line1.png) no-repeat;left: -100px;top: 11px;}
.yz_desc{font-size: 16px;color: #666;line-height: 30px;}
.yz_sz{display: flex;margin-top: 80px;}
.yz_sz li{flex: 1;text-align: center;height: 98px;border-right: 1px solid #cccccc;}
.yz_sz li b{display: block;height: 68px;line-height: 68px;font-size: 16px;color: #333;}
.yz_sz li em{font-size: 72px;color: #E60012;font-family: Arial;}
.yz_sz li p{font-size: 16px;color: #666;line-height: 28px;}
.yz_sz li:last-child{flex: 1.5;border-right: 0;}

@media screen and (max-width:1536px){
    .yinzi dd h2{padding: 15px 0 45px;}
}

/*pro*/
.pro{padding: 65px 0 30px;background: url(/images/pro_bg.jpg) no-repeat center 0;}
.pro_tit{display: flex;justify-content: space-between;margin-bottom: 60px;}
.pro_tit h2{font-weight: normal;}
.pro_tit h2 b{display: block;font-size: 48px;line-height: 48px;color: #14171C;}
.pro_tit h2 span{display: block;font-size: 22px;line-height: 22px;color: #333;padding-top: 20px;}
.pro_tag{display: flex;}
.pro_tag p{padding: 0 40px;text-align: center;font-size: 0;height: 86px;border-right: 1px solid #b9baba;}
.pro_tag p img{width: 44px;height: 44px;object-fit: contain;}
.pro_tag p span{display: block;font-size: 18px;color: #14171C;line-height: 18px;padding-top: 22px;}
.pro_tag p:last-child{border-right: 0;}
.pro_ctg li{height: 67px;line-height: 67px;margin-bottom: 6px;background: #fff;display: flex;}
.pro_ctg li h3 a{display: block;width: 9.896vw;font-size: 18px;color: #fff;background: #E60012;text-align: center; line-height:67px;}
.pro_ctg li p{flex: 1;}
.pro_ctg li p a{padding-left: 14px;font-size: 16px;color: #666;background: url(/images/pro_c1.png) no-repeat left center;margin-left: 2.083vw;}
.pro_ctg li p a:hover{color: #E60012;background: url(/images/pro_c2.png) no-repeat left center;}
.pro_list{margin-top: 45px;}
.pro_list ul{display: flex;flex-wrap: wrap;}
.pro_list li{width: calc((100% - 60px) / 3);margin-right: 30px;margin-bottom: 30px;}
.pro_list li:nth-child(3n){margin-right: 0;}
.pro_list li img{display: block;width: 100%;}
.pro_list li h4{height: 56px;line-height: 56px;padding: 0 25px;font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: url(/images/pro_jt1.png) no-repeat 95% center #fff;}
.pro_list li:hover h4{color: #E60012;background: url(/images/pro_jt2.png) no-repeat 95% center #fff;}
.pro ul.pro_ctg{margin-bottom:20px;}

@media screen and (max-width:1536px){
    .pro_ctg li h3 a{font-size: 16px;}
    .pro_ctg li p a{font-size: 14px;}
}

/*xban*/
.xban{height: 228px;background: url(/images/xban_bg.jpg) no-repeat center 0;}
.xban .content{display: flex;height: 228px;position: relative;}
.xban h3{padding-top: 56px;text-align: center;font-weight: normal;margin-left: 290px;}
.xban h3 b{display: block;font-size: 36px;color: #fff;line-height: 60px;}
.xban h3 span{display: block;font-size: 20px;color: #fff;line-height: 52px;border-top: 1px solid #535353;}
.xban h3 em{color: #E60012;}
.fw-ewm{margin-left: 120px;margin-top: 52px;width: 118px;}
.fw-ewm img{display: block;width: 100%;}
.xban .tel{position: absolute;right: -45px;padding-top: 45px;color: #fff;}
.xban .tel i{display: block;font-size: 18px;line-height: 18px;}
.xban .tel b{display: block;font-size: 30px;line-height: 40px;font-family: Arial;}
.xban .tel .zx{display: block;width: 132px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #fff;background: url(/images/zx_bg.png) no-repeat;margin-top: 26px;}

/* custom */
.custom .container5 {width:1580px;margin:0 auto;}
.custom{padding: 80px 0 0;height: 1046px;background: #EFF3F6;box-sizing: border-box;}
.custom-con{display: flex;justify-content: space-between; margin-top:55px;}
.custom-left{width: 570px;margin-top: 16px;position: relative;z-index: 10;}
.custom-left h2{font-size: 0;}
.custom-left h2 span{display: block;font-size: 40px;color: #222;line-height: 66px;white-space: nowrap;}
.custom-left .cus-desc{font-size: 18px;color: #666;line-height: 40px;margin: 45px 0 50px;}
.custom-left .cus-btn{display: flex;gap: 20px;}
.custom-left .cus-btn a{display: flex;justify-content: center;align-items: center;width: 240px;height: 75px;font-size: 22px;color: #222;background: rgba(34, 34, 34, 0.07);transition: all 0.3s;position: relative;}
.custom-left .cus-btn a i{display: block;width: 29px;height: 29px;overflow: hidden;margin-right: 8px;}
.custom-left .cus-btn a span{position: absolute;left: 50%;top: 100%;margin-left: -120px;transition: all 0.3s;transform: scale(0);transform-origin: top center;}
.custom-left .cus-btn a span img{width: 239px;height: 239px;}
.custom-left .cus-btn a:hover{background: #0074E6;color: #fff;}
.custom-left .cus-btn a:hover i img{transform: translateY(-100%);}
.custom-left .cus-btn a:hover span{transform: scale(1);}
.custom-right{width: 901px;}
.custom-right ul{display: flex;gap: 20px;}
.custom-right li{width: 287px;height: 508px;position: relative;}
.custom-right li>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.custom-right li i{position: absolute;left: 12px;bottom: 12px;width: 50px;height: 50px;background: url(/images/cus-bo.png) no-repeat;}
.custom-right li .video-wrap {  
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 5;
  background: #000;
}

.custom-bt{display: flex;justify-content: space-between;margin-top: 100px;}
.custom-bt li{display: flex;align-items: center;}
.custom-bt li img{margin-right: 25px;}
.custom-bt li .txt{width: 255px;}
.custom-bt li .txt h3{font-size: 20px;color: #222;line-height: 26px;}
.custom-bt li .txt p{font-size: 16px;color: #222;line-height: 26px;padding-top: 18px;}
.custom-bt li.line{width: 1px;height: 72px;background: #ccc;}
.custom-bt li:hover img{animation: flipInY 1.5s;}


@media screen and (max-width:1600px){
  .custom-left{width: 480px;}
  .custom-left h2 span{font-size: 34px;}
  .custom-left .cus-desc{font-size: 16px;}
  .custom-right{width: 740px;}
  .custom-right li{width: 240px;}
  .custom-bt li img{margin-right: 18px;}
  .custom-bt li .txt{width: 220px;}
}



/*why*/
.why{padding: 80px 0 0;background: #f7f7f7;}
.why h2{margin-bottom: 60px;}
.why_con{position: relative;}
.why_con dl{display: flex;justify-content: space-between;}
.why_con dt{width: 44.5%}
.why_con dt img{display: block;width: 100%;}
.why_con dd{width: 44.5%;display: flex;align-items: center;}
.why_text{width: 70%;}
.why_text h3{display: flex;align-items: center;height: 74px;}
.why_text h3 span{font-size: 40px;color: #000;line-height: 40px;height: 64px;padding-left: 24px;border-left: 1px solid #a1a1a1;margin-left: 20px;}
.why_text h3 i{display: block;font-size: 16px;color: #000;line-height: 30px;font-weight: normal;font-family: Arial;text-transform: uppercase;}
.why_text h4{font-size: 24px;color: #000;line-height: 24px;font-weight: normal;padding: 1.823vw 0 1.5625vw;border-bottom: 1px solid #d6d6d6;}
.why_desc{font-size: 16px;color: #000;line-height: 2.083vw;margin-top: 1.823vw;}
.why_con dl:nth-child(2n) dd{justify-content: flex-end;}
.why_num{position: absolute;width: 4.948vw;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 20px 0;}
.why_num img{display: block;width: 100%;}
.why_num p{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.why_num p span{display: block;width: 5.417vw;height: 5.417vw;line-height: 5.417vw;text-align: center;font-size: 2.5vw;color: #fff;font-family: Arial;background: url(/images/num_bg.png) no-repeat;background-size: contain;}
.why_num p span:last-child{margin-left: -2.083vw;}

@media screen and (max-width:1750px){
    .why_text{width: 80%;}
    .why_text h4{padding: 1.4vw 0 1.2vw;}
    .why_desc{margin-top: 1.4vw;}
}

@media screen and (max-width:1536px){
    .why_text{width: 90%;}
}


/*case*/
.case{padding: 70px 0 100px;overflow: hidden;}
.case_sz{margin: 50px 0 40px;display: flex;justify-content: center;}
.case_sz li{width: 360px;text-align: center;height: 100px;border-right: 1px solid #dcdcdc;padding-top: 10px;box-sizing: border-box;}
.case_sz li b{display: block;font-size: 20px;color: #363636;line-height: 50px;height: 50px;font-weight: normal;}
.case_sz li b em{font-size: 60px;font-family: Arial;color: #E60012;font-weight: bold;}
.case_sz li p{font-size: 20px;color: #363636;line-height: 40px;}
.case_con{display: flex;position: relative;}
.case_l{width: 56.8%;}
.case-pic{position: relative;}
.case-pic:before{position: absolute;width: 1000px;height: 100%;content: "";background: #dd2821;right: 100%;top: 0;}
.case-pic img{display: block;width: 100%;height: 100%;}
.case_l dl{display: flex;}
.case_l dt{width: 57%;}
.case_l dt img{display: block;width: 100%;height: 100%;}
.case_l dd{width: 43%;background: #dd2821;padding: 0 2.083vw;box-sizing: border-box;}
.case_l dd h4 a{display: block;font-size: 24px;color: #fff;font-weight: normal;height: 30px;line-height: 30px;margin: 2.604vw 0 0.833vw;}
.case_l dd p{font-size: 14px;color: #fff;line-height: 30px;margin-bottom: 4.771vw;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; }
.case_l dd .xq{display: inline-block;height: 38px;line-height: 38px;font-size: 14px;color: #fff;padding: 0 1.5625vw;border: 1px solid #fff;}
.case_r{width: 43.2%;}
.case_r dt{position: relative;}
.case_r dt img{display: block;width: 100%;height: 100%;}
.case_r dt span{position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;height: 30px;line-height: 30px;font-size: 18px;color: #fff;}
.case_r dt:before{position: absolute;width: 1000px;height: 100%;content: "";background: #d9d7d8;left: 100%;top: 0;}
.case_r dd{height: 336px;padding: 0 40px;background: #7d7d7f;position: relative;}
.case_r dd:before{position: absolute;width: 25px;height: 39px;content: "";background: url(/images/case_s.png) no-repeat;left: -25px;top: 50%;transform: translateY(-50%);}
.case_r dd h4{padding: 4.167vw 0 1vw;}
.case_r dd h4 a{display: block;font-size: 24px;color: #fff;font-weight: normal;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_r dd p{font-size: 14px;color: #fff;line-height: 30px;margin-bottom: 1.771vw;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; }
.case_r dd .xq{display: block;width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #e60012;}
.case_con .more{position: absolute;right: 0;bottom: 20px;font-size: 20px;color: #656565;line-height: 40px;font-weight: bold;}
.case_con .more:hover{color: #e60012;}

@media screen and (max-width:1536px){
    .case_con .more{bottom: 0;line-height: 30px;}
}


/*abt*/
.abt{padding: 248px 0 50px;background: url(/images/abt_bg.jpg) no-repeat center 0;}
.abt dl{padding: 2.083vw;background: #fff;   display: flex; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
.abt dt{width: 50%;}
.abt dt img{display: block;width: 100%;height: 100%;}
.abt dd{width: 50%;padding-left: 2.604vw;}
.abt dd h3{font-size: 30px;color: #000;line-height: 30px;padding: 2.083vw 0 2.5vw;font-weight: normal;}
.abt dd p{font-size: 16px;color: #666;line-height: 30px;}
.abt_btn{display: flex;margin-top: 2.604vw;}
.abt_btn a{width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;background: #282828;}
.abt_btn a:nth-child(2){background: #e60012;}

.honor_t{height: 44px;margin: 50px 0 30px;display: flex;justify-content: space-between;}
.honor_t h4{display: flex;font-weight: normal;}
.honor_t h4 a{width: 150px;height: 44px;line-height: 44px;font-size: 20px;color: #333;text-align: center;margin-right: 40px;}
.honor_t h4 a i{display: inline-block;width: 26px;height: 30px;margin: 7px 5px 0 0;vertical-align: top;}
.honor_t h4 .i1{background: url(/images/hn_ic1.png) no-repeat center;}
.honor_t h4 .i2{background: url(/images/hn_ic2.png) no-repeat center;}
.honor_t h4 a.on{background: #e60012;color: #fff;}
.honor_t h4 a.on .i1{background: url(/images/hn_ic1h.png) no-repeat center;}
.honor_t h4 a.on .i2{background: url(/images/hn_ic2h.png) no-repeat center;}
.honor_t .more{width: 75px;height: 30px;line-height: 30px;font-size: 12px;color: #666;border: 1px solid #D3D3D3;padding-left: 20px;background: url(/images/hn_jt.png) no-repeat 62px center;}
.honor_t .more:hover{color: #e60012;border-color: #e60012;background: url(/images/hn_jt2.png) no-repeat 62px center;}

.hn_list li{width: calc((100% - 80px) / 5);margin-right: 20px;background: url(/images/hn-li.png) no-repeat;background-size: 100% 100%;}
.hn_list li p{  padding: 15px;  }
.hn_list li p img{display: block;width: 100%;}


@media screen and (max-width:1536px){
    .abt dd h3{padding: 1.6vw 0 2vw;}
    .abt dd p{line-height: 26px;}
    .abt_btn{margin-top: 2vw;}
}

/*news*/
.news{padding: 100px 0;background: url(/images/news_bg.jpg) no-repeat center 0;}
.news h3{height: 54px;line-height: 54px;border-bottom: 1px solid #d5d7d9;margin-bottom: 25px;font-size: 24px;color: #333;font-weight: normal;}
.news h3 span a{display: inline-block;height: 54px;margin-right: 30px;}
.news h3 span a i{display: inline-block;vertical-align: top;margin: 15px 10px 0 0;height: 24px;overflow: hidden;}
.news h3 span a.on{border-bottom: 2px solid #E60012;color: #E60012;}
.news h3 span a.on i img{transform: translateY(-50%);}
.news_con{display: flex;justify-content: space-between;}
.news_l{width: 800px;}
.news_item dl{padding: 15px 0;}
.news_item dt{width: 280px;float: left;}
.news_item dt img{display: block;width: 100%;}
.news_item dd{padding-left: 30px;overflow: hidden;}
.news_item dd h4 a{display: block;font-size: 20px;color: #333;font-weight: normal;line-height: 30px;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_item dd p{font-size: 14px;color: #666;line-height: 24px;margin: 20px 0;}
.news_item dd .xq{display: block;width: 124px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #333;background: #f1f1f1;}
.news_item dd h4 a:hover,.news_item li h4 a:hover{color: #E60012;}
.news_item dd .xq:hover{background: #E60012;color: #fff;}
.news_item ul{margin-top: 15px;display: flex; }
.news_item li{flex: 1;padding: 24px 30px 0 20px;height: 126px;background: #fff; box-sizing: border-box;  box-shadow: 0px 3px 7px 0px rgba(219,219,219,0.35);}
.news_item li h4 a{display: block;font-size: 15px;color: #333;line-height: 24px;font-weight: normal;}
.news_item li i{float: right;height: 20px;line-height: 20px;font-size: 12px;color: #808080;padding-right: 28px;background: url(/images/news_jt.png) no-repeat right center;}
.news_item li:nth-child(1){margin-right: 20px;}

.news_r{width: 530px;}
.news_r h3{margin-bottom: 15px;}
.ques li{padding: 25px 0;border-bottom: 1px solid #d5d7d9;}
.ques li h4 a{display: block;font-size: 18px;color: #333;font-weight: normal;line-height: 30px;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ques li p{font-size: 14px;color: #666;line-height: 24px;margin: 8px 0;height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ques li i{display: block;font-size: 14px;color: #9F9F9F;line-height: 20px;}
.news_list{padding-top: 30px;}
.news_list li{height: 40px;line-height: 40px;font-size: 16px;color: #383838;}
.news_list li i{float: right;font-size: 12px;color: #808080;}
.news_list li em{display: inline-block;width: 20px;height: 20px;line-height: 20px;font-size: 14px;background: #747474;text-align: center;vertical-align: middle;color: #fff;font-weight: bold;margin-right: 12px;}
.news_list li:nth-child(1) em{background: #e60012;}
.news_list li:nth-child(2) em{background: #de767f;}
.news_r h4 a:hover, .news_list li:hover a{color: #E60012;}




@media screen and (max-width:1536px){
    .news_l{width: 685px;}
    .news_item dd p{height: 48px;overflow: hidden;}
    .news_r{width: 454px;}
}