/* 内页-Banner */
.nei_banner{position: relative;}
.nei_banner img{width:100%;}
.nei_banner .text{width: 100%; color: white; text-align: center; position: absolute; top: 50%; left: 0%;}
.nei_banner .text h2{margin: 0 auto; width: 230px; font-size: 36px; font-weight: 500; margin-bottom: 24px; position: relative;}
.nei_banner .text h2::after,
.nei_banner .text h2::before{content: ''; display: block; width: 30px; height: 3px; background-color: white; position: absolute; top: 50%; left: 0px;}
.nei_banner .text h2::after{left: auto; right: 0px;}
.nei_banner .text p{font-size: 18px;}
/* 内页-导航 */
.nei_navigation{height: 100px; background-color: white; margin-top: -50px; position: relative; z-index: 10; border-radius: 10px; box-shadow: 0 10px 15px rgba(0,0,0,.1); margin-bottom: 80px;}
.nei_navigation div{display: block; flex: 1; text-align: center; margin-top: -10px;}
.nei_navigation a{font-size: 20px; color: #333333; padding-bottom: 10px;}
.nei_navigation a.active{color: #df2322; border-bottom: 2px solid #df2322;}
.nei_navigation a:hover{color: #df2322;}
/* 内页-分页器 */
.pager{justify-content: center; margin:20px 0 100px;}
.pager li{width: 50px; line-height: 50px; background-color: #f5f5f6; text-align: center; border-radius: 10px; margin: 0 10px;}
.pager li:last-child,
.pager li:first-child{width: 120px;}
.pager li a{display: block; color: #333333; font-size: 18px; line-height: 50px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; line-clamp:5; -webkit-box-orient:vertical;}
.pager li:hover{color: white; background-color: #df2322;}
.pager li:hover a{color: white;}
.pager li.active{background-color: #df2322;}
.pager li.active a{color: white;}
/* 内页-详情头部 */
.xq_title .wrap{background-color: #f8f8f8; line-height: 40px; color: #999999; font-size: 16px; justify-content: center; margin-top: 40px;}
.xq_title .wrap p{margin: 0 30px; position: relative; padding-left: 26px;}
.xq_title .wrap p.time::before{content: url(../image/xq-icon-time.png); position: absolute; top: 2px; left: 0;}
.xq_title .wrap p.liulan::before{content: url(../image/xq-icon-yanjing.png); position: absolute; top: 0px; left: 0;}
.xq_title .wrap p.jungong::before{content: url(../image/xq-icon-biao.png); position: absolute; top: 2px; left: 0;}
.xq_title .wrap p.prodoct::before{content: url(../image/xq-icon-pingmu.png); position: absolute; top: 2px; left: 0;}
/* 内页-服务项目 */
.service-wrap{background-color: #f5f5f5;}
.service-title{padding-top:60px; margin-bottom:60px;}
.service-title h2{text-align: center; font-size: 34px; margin-bottom: 16px;}
.service-title ul{justify-content: center;}
.service-title ul li{width: 13px; height: 13px; margin: 0 3px; border-radius: 50%; background-color: #df2322; opacity: 30%;}
.service-title ul li:nth-child(2){opacity: 100%;}
.service-list{flex-wrap: wrap;}
.service-list .list-item{width: 48.5%; padding: 40px 0; background: linear-gradient(to right, transparent 0%, transparent 5%,white 5%, white 100%); margin-bottom: 60px; transition: all .3s ease;}
.service-list .list-item .img{width: 52%; height: 340px; overflow: hidden;}
.service-list .list-item .img img{width: 100%; transition: all .3s linear;}
.service-list .list-item .text{width: 48%; box-sizing: border-box; padding: 0 36px;}
.service-list .list-item .text h3{font-size: 26px; padding-bottom: 22px; margin-bottom: 30px; position: relative;}
.service-list .list-item .text h3::after{content: ''; display: block; width: 45px; height: 4px; background-color: #df2322; position: absolute; bottom: 0px; left: 0;}
.service-list .list-item .text p{font-size: 18px; line-height: 28px; margin-bottom: 50px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; line-clamp:5; -webkit-box-orient:vertical;}
.service-list .list-item .text a{font-size: 18px;}
.service-list .list-item:hover{box-shadow: 0px 10px 15px rgba(223,35,34,.1); background: linear-gradient(to right, white 0%, white 100%); transform: translateY(-15px); color: #df2322;}
.service-list .list-item:hover .img img{transform: scale(1.06);}
.service-list .list-item:hover .text a{color: #df2322;}
/* 内页-案例 */
.service_jieshao{padding-bottom: 60px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 60px;}
.service_jieshao .left_img{width: 49.5%; height: 455px; overflow: hidden; border-radius: 10px;}
.service_jieshao .left_img img{width: 100%;}
.service_jieshao .right_text{width: 48%; overflow: hidden;}
.service_jieshao .right_text .title{padding-top: 20px; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid rgba(223,35,34,.3);}
.service_jieshao .right_text h3{font-size: 38px; font-weight: 500; border-left: 6px solid #df2322; padding-left: 18px;}
.service_jieshao .right_text p{font-size: 18px; color: #666666; line-height: 26px;}
.case_wrap{flex-wrap: wrap; padding-top: 60px;}
.case_wrap .case_item{display: block; width: 32%; margin-right: 2%; margin-bottom: 50px; transition: all .3s ease-in-out;}
.case_wrap .case_item:nth-child(3n){margin-right: 0;}
.case_wrap .case_item .case_img{width: 100%; height: 375px; overflow: hidden; position: relative;}
.case_wrap .case_item .case_img::after{content: url(../image/xq-icon.png); display: block; box-sizing: border-box; width: 100%; height: 100%; padding-top: 30%; background-color: rgba(223,35,34,.5); position: absolute; top: -100%; left: 0; transition: all .3s ease-in-out; text-align: center; color: white; font-size: 20px;}
.case_wrap .case_item .case_img img{width: 100%;}
.case_wrap .case_item p{font-size: 22px; text-align: center; line-height: 90px; background-color: #f7f8fa; position: relative; transition: all .3s linear;}
.case_wrap .case_item p::after,
.case_wrap .case_item p::before{content: ''; display: block; width: 6px; height: 30px; background-color: #df2322; position: absolute; top: 50%; transform: translateY(-50%); left: -3px;}
.case_wrap .case_item p::before{left: auto; right: -3px;}
.case_wrap .case_item:hover{box-shadow: 0 10px 15px rgba(0,0,0,.1); transform: translateY(-15px);}
.case_wrap .case_item:hover p{color: #df2322; font-weight: 600;}
.case_wrap .case_item:hover .case_img::after{top: 0%;}
/* 内页工程案例部分 */
.OEM{padding-top:0;}
.oem_odm{flex-wrap:nowrap; display:block; overflow:hidden;}
.oem_odm .oem_odm_item{display: block; width: 31.5%; float:left; box-sizing:border-box; padding: 25px; background: #f7f8fa; border-radius: 20px; text-align: center; padding-bottom: 60px; position: relative; transition: all .3s linear; margin-right: 2.75%; margin-bottom: 70px;}
.oem_odm .oem_odm_item:nth-child(3n){margin-right:0;}
.oem_odm .oem_odm_item .oem_odm_img{width: 100%; height: 314px; overflow: hidden;}
.oem_odm .oem_odm_item .oem_odm_img img{width: 100%;}
.oem_odm .oem_odm_item h3{font-size: 28px; margin: 30px 0; color: #df2322;}
.oem_odm .oem_odm_item p{padding: 0 26px; flex-wrap: wrap; font-size: 18px; line-height: 24px; color: #333333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.oem_odm .oem_odm_item span{position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); color: #df2322; font-size: 18px; line-height: 54px; background-color: white; border-radius: 50px; padding: 0 55px; box-shadow: 0 0px 20px rgba(223,35,34, .3); opacity: 0; transition: all .3s linear;}
.oem_odm .oem_odm_item:hover{background: linear-gradient(to bottom right, #df2322, #0b67b0); box-shadow: 0 0 30px rgba(223,35,34,.3);}
.oem_odm .oem_odm_item:hover h3{color: white;}
.oem_odm .oem_odm_item:hover p{color: white;}
.oem_odm .oem_odm_item:hover span{opacity: 1; bottom: -27px;}
/* 内页工程案例详情 */
.oem_case_details p{font-size: 18px; line-height: 30px;}
.oem_case_details p img,.oem_case_details img{margin:20px auto;}
.back_case{align-items: center; padding: 40px 0;}
.back_case a{font-size: 18px; color: #898989;}
.back_case .back{font-size: 18px; color: #898989; background-color: white; border: 1px #898989 solid; border-radius: 30px; padding: 10px 26px; display: flex; display: -webkit-flex; align-items: center;}
.back_case .back img{margin-left: 10px;}
.back_case a:hover{color: #df2322;}
.oem_tuijian{margin:60px auto 0; background:#f9f9f9; padding:80px 0; overflow:hidden;}
/* 内页-设备环境 */
.shebei_wrap ul{overflow: hidden; flex-wrap: wrap;}
.shebei_wrap ul li{width: 32%; height: 440px; margin-right: 2%; margin-bottom: 36px; border-radius: 6px; overflow: hidden; position: relative;}
.shebei_wrap ul li a{display: block;}
.shebei_wrap ul li img{width: 100%; transition: all .3s linear;}
.shebei_wrap ul li p{width: 100%; text-align: center; font-size: 22px; color: white; background-color: rgba(0, 110, 63, .8); position: absolute; bottom: -100px; left: 0; line-height: 60px; transition: all .3s linear;}
.shebei_wrap ul li:nth-child(1){width: 66%; height: 520px;}
.shebei_wrap ul li:nth-child(2){margin-right: 0; height: 520px;}
.shebei_wrap ul li:nth-child(4){width: 66%; margin-right: 0;}
.shebei_wrap ul li:nth-child(7){margin-right: 0;}
.shebei_wrap ul li:hover img{transform: scale(1.06);}
.shebei_wrap ul li:hover p{bottom: 0px;}
/* 内页-公司环境 */
.huanjing_wrap .box .box_item{height: 400px;}
.huanjing_wrap .box .box_1{width: 25%; box-sizing: border-box; padding: 66px; text-align: center; background-color: #f5f5f5;}
.huanjing_wrap .box .box_1:nth-child(2){background-color: white;}
.huanjing_wrap .box .box_1 img{margin: 0 auto;}
.huanjing_wrap .box .box_1 p{font-size: 16px; line-height: 26px; margin-top: 40px;}
.huanjing_wrap .box .box_2{width: 50%; overflow: hidden; position: relative;}
.huanjing_wrap .box .box_2 img{width: 100%; transition: all .3s linear;}
.huanjing_wrap .box .box_2 p{width: 100%; line-height: 60px; font-size: 20px; color: white; background-color:rgba(0,0,0,.6); text-align: center; position: absolute; bottom: -80px; left: 0; transition: all .3s linear;}
.huanjing_wrap .box .box_2:hover p{bottom: 0;}
.huanjing_wrap .box .box_2:hover img{transform: scale(1.05);}
.hj_img{margin: 60px 0;}
.hj_img .item{width: 23%; height: 500px; overflow: hidden; position: relative;}
.hj_img .item p{width: 100%; line-height: 60px; font-size: 20px; color: white; background-color: rgba(0,0,0,.6); text-align: center; position: absolute; bottom: 0px; left: 0; transition: all .3s linear;}
.hj_img .item img{height:400px; object-fit: cover; transition: all .3s linear;}
.hj_img .item:hover img{transform: scale(1.05); cursor: pointer;}
.huanjing_wrap .box_3 .box_1{order: 2;}
.huanjing_wrap .box_3 .box_2{order: 1;}
.hj_img_2{margin-top: 40px; margin-bottom: 100px; overflow: hidden;}
.hj_img_2 ul li{position: relative; width:32.333%; float:left; margin:20px 1% 0 0; overflow: hidden;}
.hj_img_2 ul li:nth-child(3n){margin-right:0;}
.hj_img_2 ul li img{width: 100%; transition: all .3s linear;}
.hj_img_2 ul li p{width: 100%; line-height: 48px; font-size:18px; color: white; background-color: rgba(0,0,0,.6); text-align: center; position: absolute; bottom: 0; left: 0; transition: all .3s linear;}
.hj_img_2 ul li:hover img{transform: scale(1.05);}
/* 内页-合作伙伴 */
.ny_hzhb{margin-bottom:100px; overflow:hidden;}
.ny_hzhb li{position:relative; width:23%; float:left; margin:20px 2% 0 0; border:1px solid #e9e9e9; overflow: hidden;}
.ny_hzhb li:nth-child(4n){margin-right:0;}
.ny_hzhb li img{width: 75%; padding:20px 0; margin:auto; transition: all .3s linear;}
.ny_hzhb li p{width:100%; line-height:44px; font-size:16px; color: white; background-color: rgba(0,0,0,.6); text-align: center;}
.ny_hzhb li:hover img{-webkit-transform: scale(1.05); transform: scale(1.05); cursor: pointer;}
/* 内页-关于我们 */
.about_top .about_top_left{width:50%;}
.about_top .about_top_left h3{font-size:100px; -webkit-text-stroke:1px #e9e9e9; color:transparent;}
.about_top .about_top_left h4{font-size:30px; line-height:60px; font-weight: 500; color: #333; margin:40px 0;}
.about_top .about_top_right{width:40%; display: flex; flex-direction: column; justify-content: space-between;}
.about_top .about_top_right p{font-size: 22px; padding: 30px 0; border-top: 2px solid #df2322;}
.about_top .about_top_right img{margin-bottom: 60px;}
.number_2{background: url(../image/about-number-bg.jpg) no-repeat; color: white; padding: 140px; box-sizing: border-box; margin-top: 0;}
.number_2 .numCount_2 li:hover .numCX{color: white; text-shadow: 0 10px 6px rgb(0 0 0 / 20%);}
.number_2 .numCount_2 li:hover .unit{color: white;}
.about_company{margin:80px auto 80px;}
.about_company .company_left{width: 45%;}
.about_company .company_left h3{font-size: 46px; color: #333333;}
.about_company .company_left p{font-size: 24px; color: #999; font-weight:100; margin-top:20px; margin-bottom:40px;}
.about_company .company_left .img{width: 100%; overflow: hidden;}
.about_company .company_left .img img{width:100%;}
.about_company .company_right{width: 50%; padding-top: 42px; border-top: 2px solid #df2322;}
.about_company .company_right p{font-size: 18px; line-height: 32px;}
.history{margin-top: -90px; color: white; background: url(../image/history-bg.jpg) no-repeat;}
.history .history_wrap{padding: 110px 0; padding-top: 150px;}
.history .history_wrap h3{font-size: 36px; margin-bottom: -50px;}
.history .history_wrap .swiper-slide .left_text{width: 36%; padding-top: 90px;}
.history .history_wrap .swiper-slide .left_text h4{font-size: 28px; padding-bottom: 40px; border-bottom: 1px solid white; margin-bottom: 26px;}
.history .history_wrap .swiper-slide .left_text p{font-size: 18px; letter-spacing: 1px; line-height: 26px;}
.history .history_wrap .swiper-button-prev,
.history .history_wrap .swiper-button-next{width: 60px; height: 40px; border-radius: 4px; background-color: white; right: auto; left: 0; top: auto; bottom: 0;}
.history .history_wrap .swiper-button-next{left: 80px;}
.history .history_wrap .swiper-button-next:after,
.history .history_wrap .swiper-button-prev:after{font-size: 20px; color: #df2322;}
.history .history_wrap .swiper-slide .right_img{width: 51%; height: 440px; border: 4px solid white; overflow: hidden; border-radius: 4px;}
.history .history_wrap .swiper-slide .right_img img{width: 100%;}
.honor_wrap{margin-top: 70px; margin-bottom: 60px;}
.honor_wrap .swiper{padding-bottom: 40px;}
.honor_wrap .swiper .swiper-slide img{width: 100%;}
.honor_wrap .swiper .swiper-slide p{font-size: 20px; text-align: center; line-height: 50px;}
.honor_wrap .swiper .swiper-pagination-bullet{width: 14px; height: 14px;}
.honor_wrap .swiper .swiper-pagination-bullet-active{background: #df2322;}

.culture_wrap {font-size: 18px; line-height: 32px; margin-bottom:60px;}

/* 内页新闻中心 */
.ny_main{width:95%; max-width:1600px; margin:auto;}
.ny_left{width:70%; float:left;}
.ny_left .container{width:100%;}
.ny_right{width:27%; float:right; padding-left:3%; border-left:1px solid #e9e9e9;}
.ny_rtit{width:100%; float:left; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.ny_rtit h4{font-size:30px; line-height:30px; color:#000;}
.ny_rpbox{width:100%; float:left; margin-top:20px;}
.ny_rpbox li{width:100%; float:left; margin-top:20px; border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.ny_rpbox li .pic{width:100%; float:left; overflow:hidden;}
.ny_rpbox li .pic img{width:100%; display:block; -webkit-transition:all .5s; transition:all .5s;}
.ny_rpbox li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.ny_rpbox li .biaoti{width:100%; float:left; margin-top:10px; font-size:16px; line-height:30px;}
.newslbls-list{width:100%;}
.newslbls-list ul{margin-left:-1.5%;}
.newslbls-list li{width:23.5%; float:left; margin:0 0 40px 1.5%; box-shadow:0 4px 10px 2px #ebebeb; position:relative;}
.newslbls-list a{display: block;width: 100%;position: relative;}
.newslbls-img{width:100%; overflow:hidden;}
.newslbls-img img{width:100%; height:275px; object-fit:cover; transition:all 1s ease;}
.newslbls-wd{padding:34px 30px 36px; position:relative; z-index:2;}
.newslbls-wdtit{width:100%; height:84px; position:relative;}
.newslbls-wdtit h3{font-size:20px; color:#333; line-height:28px; transition:all .4s ease; height:84px; position:relative; overflow: hidden; display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.newslbls-wdtit i{width:0; height:6px; position:absolute; top:-28px; left:-30px; background:#fff;transition: all .4s ease; opacity: 0;}
.newslbls-wddes{width:100%; border-top:2px solid #eaf0fb; padding-top:30px; margin-top:28px; transition:all .4s ease;}
.newslbls-wddes p{width:100%; position:relative; font-size:15px; color: #888; transition:all .4s ease;}
.newslbls-wddes p i{float:left; margin-right:8px;}
.newslbls-wddes p i .tb1{display:block;}
.newslbls-wddes p i .tb2{display:none;}
.newslbls-wddes p i img{width:22px; height:22px;}
.newslbls-wddes p:after{content:""; position:absolute; right:0; width:22px; height:100%; background:url("../image/in_news_arr.png") no-repeat center; transition: all .4s ease;}
.newslbls-sd{position:absolute; z-index:1; width:100%; height:100%; left:0; bottom:0; background:url('../image/in_news_sd.png') repeat-x left bottom; opacity:0; transition: all .3s ease;}
.newslbls-list a:hover .newslbls-sd{opacity:1;}
.newslbls-list a:hover .newslbls-wdtit h3{transform:translateY(-10px); color:#fff; font-weight:bold;}
.newslbls-list a:hover .newslbls-wddes{border-top-color:#df2322;}
.newslbls-list a:hover .newslbls-wddes p{color: #fff;}
.newslbls-list a:hover .newslbls-wddes p:after{background-image: url('../image/in_news_arrH.png');}
.newslbls-list a:hover .newslbls-wdtit i{width:68px; opacity:1; transform:translateY(-10px);}
.newslbls-list li a:hover .newslbls-wddes p i .tb1{display:none;}
.newslbls-list li a:hover .newslbls-wddes p i .tb2{display:block;}
.newslbls-list a:hover .newslbls-img img{transform: scale(1.04);}
/* 内页-联系我们 */
.contact2{width: 100%; margin: 60px auto 0;}
.contact2 h3{font-size: 30px; font-weight: bold; color: #000; text-align: center; margin: 0;}
.contact2 p.en{font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing:2px; margin-top: 20px; color: #999; font-family: Arial;}
.contact2 li{width: 33%; float: left; margin-top: 60px; padding: 10px 0; text-align: center; font-size: 18px; line-height:30px; color:#666; border-right:1px solid #f4f4f4;}
.contact2 li:nth-child(3n){border-right:none;}
.contact2 li p{margin: 5px 0;}
.contact2 li a{color:#666;}
.contact2 li a:hover{color:#df2322;}
.right_liuyan{width: 100%; background-color: #f9f9f9; box-sizing: border-box; padding:60px 60px 80px 60px; padding-bottom: 60px; overflow: hidden; margin-bottom:80px;}
.right_liuyan h3{color: #df2322; font-size:30px; font-weight:bold; text-align: center;}
.right_liuyan p{color:#666; font-size:18px; text-align:center; margin:20px 0;}
.right_liuyan input[type=text]{box-sizing: border-box; border: 1px #e9e9e9 solid; font-size: 18px; padding: 0 20px; line-height: 50px; color: #666; width: 100%; margin-top: 22px; border-radius: 4px;}
.right_liuyan textarea{box-sizing: border-box; border: 1px #e9e9e9 solid; font-size: 18px; padding: 10px 20px; line-height: 30px; color: #666; width: 100%; resize: none; margin-top: 22px;}
.right_liuyan .yzm input[type=text]{width: 33%; margin-bottom: 0;}
.right_liuyan .yzm input[type=submit]{width: 34%; background-color: #df2322; border: none; color: white; font-size: 20px; line-height: 50px; cursor: pointer; margin-top:20px; border-radius: 4px;}
.right_liuyan .yzm img{width: 120px; height: 50px; margin:20px 20% 0 0;}

.header,
.footer .footer_top,
.footer .footer_bottom{
    zoom: 1 !important;
}
@media (max-width:1800px) {
    html{
        zoom: 0.96;
    }
}
@media (max-width:1700px) {
    html{
        zoom: 0.90;
    }
}
@media (max-width:1600px) {
    html{
        zoom: 0.86;
    }
}
@media (max-width:1500px) {
    html{
        zoom: 0.80;
    }
}
@media (max-width:1400px) {
    html{
        zoom: 0.74;
    }
}
@media (max-width:1350px) {
    html{
        zoom: 0.72;
    }
}
@media (max-width:1300px) {
    html{
        zoom: 0.70;
    }
}
@media (max-width:1250px) {
    html{
        zoom: 0.68;
    }
}
@media (max-width:1200px) {
    html{
        zoom: 0.66;
    }
}
@media (max-width:1150px) {
    html{
        zoom: 0.64;
    }
}
@media (max-width:1100px) {
    html{
        zoom: 0.62;
    }
}
@media (max-width:1050px) {
    html{
        zoom: 0.60;
    }
}
@media (max-width:1000px) {
    html{
        zoom: 0.56;
    }
}
@media (max-width:950px) {
    html{
        zoom: 0.52;
    }
}
@media (max-width:750px) {
    html{
        zoom: 1;
    }
    .number_2 .numCount_2 li{
        width: 50% !important;
        box-sizing: border-box;
        padding: 10px 0;
        border: 1px solid rgba(255, 255, 255, .5);
    }
    .number_2 .numCount_2 li:nth-child(2n){
        border-left: none;
    }
    .number_2 .numCount_2 li:nth-child(3),
    .number_2 .numCount_2 li:nth-child(4){
        border-top: none;
    }
    .number_2{
        padding: 20px 5% !important;
        background-size: 100% 100%;
    }
    .number_2 .numCount_2 ul{
        flex-wrap: wrap;
        text-align: center;
    }  
}