@charset "utf-8";
:root {
    --newList-navigation-size: 2rem;
}

/* 全部 */
.all_index{}
.sectionBan{position:relative;}
.header{position:absolute;left:0;top:0;z-index: 222;}

/***【0】***banner****/
.ban_box .swiper-container {width: 100%;height: 100%;}
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.ban_box .swiper-container .swiper-pagination{width:auto !important;left:50% !important;bottom:22px;margin-left:-23px}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px !important;height:12px !important;background:#fff;border-radius:50%;opacity:1}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:12px !important;border-radius:50%;background:#f1bb00 !important;}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{top:auto !important;bottom:40%;color:rgba(255,255,255,0.85) !important;font-family:'黑体';}
.ban_box .swiper-container .hide{opacity:0}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{transition:opacity 0.5s}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{font-size:48px;}
.ban_box .swiper-button-next,.ban_box .swiper-container-rtl .swiper-button-prev{background-image:none !important}
.ban_box .swiper-button-prev,.ban_box .swiper-container-rtl .swiper-button-next{background-image:none !important}
.ban_box .swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;}
/* .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)} */

.ban_box .swiper-slide .pcimg{height: 100%;}
.ban_box .swiper-slide .pcimg img{height: 100%;}

@media screen and (min-width:960px){
.ban_box .swiper-slide .pcimg img{display:block;}
.ban_box .swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.ban_box .swiper-slide .pcimg img{display:none}
.ban_box .swiper-slide .moimg {height: 100%;}
.ban_box .swiper-slide .moimg img{display:block;}
.ban_box .swiper-container .swiper-pagination{left:50% !important;top: 95% !important;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}

}

.section .indexAb_more{border: 1px solid #b6b6b6;color: #414141;background-color: transparent;border-radius: 0;}
.section .indexAb_more:hover{color:#fff;}

/* 首页标题 */
.section .abTit h4{position:relative;margin-bottom: 0;font-size: 48px;font-weight: bolder;font-family: '[FZLTCHJW]';}

@media screen and (max-width: 1200px){
.section .abTit{margin-bottom:20px;}
}
@media screen and (max-width: 960px){
.section .abTit{margin-bottom:10px;}
.section .abTit h4,
.section .abTit h4 i{font-size: 24px !important;}
.section .abTit p{font-size: 22px !important;letter-spacing: -1px !important;}
}

/***【1】==关于我们*****/
.sectionAbu{height:410px;padding:50px 0;background: url(../images/indexBg1.jpg) left top no-repeat;background-attachment: fixed;background-size: 100% 100%;}

.WawConBox{}
.WawConBox .WawLeft {width:52px;float:left;}
.WawPic{display:block;max-width:100%}

.WawCon {float:left;width:calc(100% - 540px);margin: 0 60px 0 30px;color: #fff;}
.WawCon .WawTit p{font-size: 30px;color: rgba(255, 255, 255, 0.52);font-family:'Impact';text-transform: uppercase;letter-spacing: 2px;}
.WawCon .WawTit h4{font-size: 30px;font-weight:bolder;}
.WawCon .WawText{margin-top: 20px;margin-bottom: 20px;}
.WawCon .WawText p{font-size: 17px;line-height: 1.75;text-align: justify;}
.WawCon .indexAb_more{display: block;width: 120px;height: 34px;line-height: 34px;text-align: center;margin: 10px 0 0 !important;border-radius: 15px;background: transparent;font-size: 14px;border-color: #fff;color: #fff;}
.WawCon .indexAb_more:before{background: #fff;color: #f1bb00;}
.WawCon .indexAb_more:hover{color: #f1bb00;}

.WawConBox .WawRight{float:right;width:390px;}


/***【2】==我们的优势*****/
.sectionOa{height:530px;padding:50px 0;background: url(../images/indexBg2.jpg) left top no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.OaConBox .abTit h4,
.OaConBox .abTit p{color:#fff;letter-spacing:2px;}
.OaConBox .abTit h4{font-size:36px;font-family:'[FZLTCHJW]';}
.OaConBox .abTit p{font-size:48px;font-family:'[Arimo]';font-weight:bold;}
.OaCon .newList{width:20%;margin-bottom:0;margin-right:0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.OaCon .image_con{height:83px;}
.OaCon .newPicBox{width: auto;padding-bottom: 83px;}
.OaCon .newPic{width:auto;}
.OaCon .contentBoxB{margin-top:0;padding: 15px;text-align: center;}
.OaCon .newTitle{position: relative;margin-top: 5px;margin-bottom: 20px;padding-bottom:20px;-webkit-line-clamp: 1;font-size: 28px;font-weight: 500;color:#fff;}
.OaCon .newTitle::before{content:'';position:absolute;left:50%;bottom:0;width: 22px;height: 2px;margin-left:-11px;background-color: #ffb923;z-index:1;}
.OaCon .newMs{height: 120px;min-height: inherit;color:#fff;line-height: 2;-webkit-line-clamp: 5;font-size: 14px;}
.OaCon .newList:nth-child(2) .newMs,
.OaCon .newList:nth-child(5) .newMs{line-height: 1.75;font-size: 12px;}
.OaCon .newList:hover {-webkit-box-shadow:rgba(40,109,174,.2) 0px 0px 30px;-moz-box-shadow:rgba(40,109,174,.2) 0px 0px 30px;box-shadow:rgba(40,109,174,.2) 0px 0px 30px;-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}
.OaCon .newList:hover .newTitle{color:#fff;}
.OaCon .newList:hover .newTitle::before{background-color:#fff;}


/***【3】==加盟金伟利*****/
.sectionJu{position:relative;padding:80px 0;background: url(../images/indexBg3.jpg) left top no-repeat;background-size: cover;overflow: hidden;}
.sectionJu::before{content:'';position:absolute;right:0;top:0;width:72%;height:100%;background-color:rgba(250, 250, 250, 0.76);z-index: 0;}
.JuConBox .abTit {position: relative;display: flex;flex-direction: row-reverse;justify-content: center;align-items: flex-end;flex-wrap: nowrap;z-index: 22;}
.JuConBox .abTit h4{margin-left:25px;color:#08131c;letter-spacing:8px;}
.JuConBox .abTit h4 i{font-size:72px;color:#08131c;}
.JuConBox .abTit p{font-size:62px;color:rgba(139, 139, 139, 0.38);font-family:'[Arimo]';font-weight:bold;}
.JuConLeft{position:relative;float:left;width: calc(100% - 730px);z-index: 22;}
.JuConLeft::before{content:'';position:absolute;left:-90px;top: -125px;width: calc(50% + 90px);height: 680px;background-color:#ffb923;z-index: -2;}
.JuConLeft img{display:block;width:100%;}
.JuConRight{float:right;width: 700px;position: relative;}
.JuConRight::before{content:'';position:absolute;left: -58%;top: -25px;width: calc(100% + 220px + 58%);height: 133px;background-color:#ffb923;z-index: -1;}
.JuConRight dl{display:flex;flex-direction: row;flex-wrap: nowrap;}
.JuConRight dl dd{color: #fff;text-align: center;margin-right: 20px;}
.JuConRight dl dd span{position: relative;display:block;font-size:40px;}
.JuConRight dl dd:nth-child(1) span{text-align:left;}
.JuConRight dl dd span::before{content:'';position:absolute;right: -15px;top:50%;width:10px;height:10px;background-color:#fff;border-radius:50%;z-index:1}
.JuConRight dl dd:nth-child(1) span::before{right:30px;}
.JuConRight dl dd:nth-child(2) span::before{right:-10px;}
.JuConRight dl dd:last-child span::before{opacity:0;}
.JuConRight dl dd em{font-size:18px;font-family:'Arial';letter-spacing: 3px;text-transform: uppercase;}
.JuConRight ul {margin-top:50px;}
.JuConRight ul li{position:relative;padding-left: 30px;margin-bottom: 6px;font-size: 17px;color:#434343;line-height: 1.5 !important;}
.JuConRight ul li::before{content:'';position:absolute;left:0;top:10px;width:20px;height:20px;background-color:#ffb923;border-radius:50%;z-index:1}


/***【4】==产品中心*****/
.sectionPro {padding:50px 0;background: url(../images/indexBg4.jpg) left top no-repeat;background-attachment: fixed;background-size: 100% 100%;}
.ProConBox .abTit h4,
.ProConBox .abTit p{letter-spacing:2px;color:#fff;}
.ProConBox .abTit h4{font-size: 36px;font-weight: 500;}
.ProConBox .abTit p{font-size: 44px;font-weight: bold;}
.ProCon{}
.ProCon .swiper-slide{
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.ProCon .newList{width:20%;margin-bottom: 40px;margin-right:0%;}
.ProCon .newList:nth-child(3n){margin-right:0%;}
.ProCon .newList:nth-child(4n){margin-right:0;}
.ProCon .image_con{position:relative;}
.ProCon .newPicBox{padding-bottom:66%;}
.ProCon .contentBoxB{margin-top:15px;}
.ProCon .contentBoxB{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;margin-top: 0;z-index: 222;text-align: center;background: rgba(255, 185, 35, 0.73);transition: 0.5s;}
.ProCon .contentBoxB .newTitle{width: 100%;height:100%;margin-bottom: 0;display: flex;align-items: center;justify-content: center;font-weight:normal;text-align:center;-webkit-line-clamp: 1;color:#fff;font-size: 18px;font-family: '[FZLTCHJW]';}
.ProCon .newList:hover .contentBoxB{height:100%;transition: all 0.3s linear;background: rgba(0, 0, 0, 0.53);}

.ProCon .slick-slide {margin:0 6px 20px;}

/* slick */
.ProCon .slick-next,.ProCon .slick-prev{position:absolute;top: calc(50% - 60px);overflow:hidden;width: 60px;height: 60px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-webkit-background-size:auto;background-size:auto;background-color: rgba(255, 255, 255, 0.32);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:none;cursor:pointer;}
.ProCon .slick-prev{left: -60px;background-image:url(../images/leftArrow.png);}
.ProCon .slick-next{right: -60px;background-image:url(../images/rightArrow.png);}
.ProCon .slick-prev:hover,
.ProCon .slick-next:hover{background-color:#fabe00;}
.ProCon .slick-prev:hover{background-image:url(../images/leftArrows.png)}
.ProCon .slick-next:hover{background-image:url(../images/rightArrows.png)}
.ProCon .slick-dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:9}
.ProCon .slick-dots li{display:inline-block;margin:0 2px}
.ProCon .slick-dots li button{display:block;width:8px;height:8px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:50%;padding:0;border:none;cursor:pointer}
.ProCon .slick-dots li.slick-active button{background-color:#910000;}


/***【5】==工程案例*****/
.sectionPc {padding:50px 0;}
.PcConBox .abTit{}
.PcConBox .abTit h4,
.PcConBox .abTit p{letter-spacing:2px;}
.PcConBox .abTit h4{font-size: 36px;color:#08131c;font-weight: 500;}
.PcConBox .abTit p{font-size: 44px;color:#8b8b8b;font-weight: bold;}
.PcCon{}
.PcCon .hdPc{text-align:center;}
.PcCon .hdPc a{position:relative;display:inline-block;width:150px;height: 48px;margin: 0 6px;line-height: 48px;background: transparent;text-align:center;font-size:18px;cursor:pointer;border: 1px solid #c3c3c3;color: #626262;}
.PcCon .hdPc a:hover,.PcCon .hdPc a.on{background: #fabe00;border-color: transparent;color:#fff;}
.bdPc {min-height:200px;padding-top: 60px;}
.bdPcCon{display:none;}

.PcCon .newList{width:20%;margin-bottom: 40px;margin-right:0%;}
.PcCon .newList:nth-child(3n){margin-right:0%;}
.PcCon .newList:nth-child(4n){margin-right:0;}
.PcCon .image_con{position:relative;}
.PcCon .newPicBox{padding-bottom:67%;}
.PcCon .contentBoxB{margin-top:15px;}
.PcCon .contentBoxB{display:none;margin: 0 auto;width: 100%;height:100%;position:absolute;left:0;top:0;z-index:2;text-align: center;}
.PcCon .contentBoxB::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(241, 187, 0, 0.65);transition: all 0.3s linear;opacity: 0;z-index:-1;}
.PcCon .contentBoxB .newTitle{position:absolute;left:0;top: 0;width: 100%;height: 100%;padding: 0 10px;display: flex;align-items: center;justify-content: center;font-size:34px;font-weight:normal;text-align:center;-webkit-line-clamp: 1;color:#fff;z-index:3;}
.PcCon .newList:hover .contentBoxB{display:block;}
.PcCon .newList:hover .contentBoxB::before{opacity:1; transition: all 0.3s linear;}
.PcCon .newList:hover .newTitle{color:#fff;}

.PcCon .swiper{width: 100%;height: 100%;/* overflow: visible; */}
.PcCon .swiper-slide {transition: 300ms;}
.PcCon .swiper-button-prev,.PcCon .swiper-container-rtl .swiper-button-next,.PcCon .swiper-button-next,.PcCon .swiper-container-rtl .swiper-button-prev{position:absolute;top:50%;width: 70px;height: 70px;margin-top: -39px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(241, 187, 0, 0.67);box-shadow:2px 2px 9px #333;overflow:hidden;background-size: auto;}
.PcCon .swiper-button-next,.PcCon .swiper-button-prev{top: var(--swiper-navigation-top-offset,53%);z-index: 222;outline:none;}
.PcCon .swiper-button-prev,.PcCon .swiper-container-rtl .swiper-button-next{/* left: var(--swiper-navigation-sides-offset,-29px); *//* right: var(--swiper-navigation-sides-offset,110px); */background-image:url(../images/leftArrow.png);}
.PcCon .swiper-button-next,.PcCon .swiper-container-rtl .swiper-button-prev{background-image:url(../images/rightArrow.png)}
.PcCon .swiper-button-prev:after,.PcCon .swiper-container-rtl .swiper-button-next:after{content: '';}
.PcCon .swiper-button-next:after,.PcCon .swiper-container-rtl .swiper-button-prev:after{content: '';}
.PcCon .swiper-horizontal>.swiper-pagination-bullets,.PcCon .swiper-pagination-bullets.swiper-pagination-horizontal,.PcCon .swiper-pagination-custom,.PcCon .swiper-pagination-fraction{bottom: var(--swiper-pagination-bottom,15px);}
.PcCon .swiper-pagination-bullet-active{background: #fabe00;}
.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));}


/***【6】==新闻中心*****/
.sectionNc{padding:50px 0;background-color: #fff;position:relative;}
.sectionNc::before{content:'';position:absolute;left:0;top:0;width:100%;height: 186px;background-color:#f1bb00;}
/* 新闻中心 */
.NcConBox{}
.NcConBox .abTit{text-align:left;}
.NcConBox .abTit h4,
.NcConBox .abTit p{color:#fff;letter-spacing:2px;}
.NcConBox .abTit h4{font-size: 36px;font-weight: 500;}
.NcConBox .abTit p{font-size: 44px;font-weight: bold;}
.DtCon{position:relative;}
.DtCon .hdDt{position:absolute;right:0;top: -76px;}
.DtCon .hdDt a{position:relative;display:inline-block;width:140px;height: 46px;margin: 0 6px;line-height: 46px;background: transparent;color:#fff;text-align:center;font-size:16px;cursor:pointer;border: 1px solid #fff;}
.DtCon .hdDt a:hover,.DtCon .hdDt a.on{background: #fff;border-color: transparent;color: #f1bb00;}
.bdDt {min-height:340px;padding-top: 60px;}
.bdDtCon{display:none;}

/* 左侧新闻 */
.ncL{float:left;width:57%}
.nclT .newList{float: none;width: 100%;margin-bottom:30px;margin-right: 0;background: #fabe00 url(../images/indexBg6.png) right bottom no-repeat;border-radius:10px;overflow: hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.nclT .newTitle{padding-left: 0;font-size:18px;color:#fff;min-height: 22px;font-weight: 500;line-height: 1.5;}
.nclT .newTitle::before{display:none;}
.nclT .image_con{float:left;width:50%;}
.nclT .newPicBox{width:100%;padding-bottom: 67%;border-radius: 10px 0 0 10px;}
.nclT .contentBoxB{float: left;width: 50%;margin-top: 0;padding: 3% 3% 0;}
.nclT .lineBox{margin-bottom:20px;margin-top:20px;width:30px;height:2px;background:#fff;}
.nclT .newMs{height: 70px;margin-bottom:15px;line-height:24px;color:#fff;font-size:14px;-webkit-line-clamp:3}
.nclT .TimeBox{margin-top:4px;font-size:14px;color:#fff}
.nclT .newList:hover{-webkit-box-shadow:0 2px 8px rgba(6,99,184,.1);-moz-box-shadow:0 2px 8px rgba(6,99,184,.1);-ms-box-shadow:0 2px 8px rgba(6,99,184,.1);-o-box-shadow:0 2px 8px rgba(6,99,184,.1);box-shadow:0 2px 8px rgba(6,99,184,.1);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}
.nclT .newList:hover .newTitle{color:#4b4b4b;}
.nclT .newList:hover .lineBox::before{background-color:#4b4b4b;}

.nclB .newList{width:49%;margin-bottom:30px;margin-right: 2%;}
.nclB .newList:nth-child(2n){margin-right:0;}
.nclB .newList:nth-child(3n){margin-right:2%;}
.nclB .contentBoxB{margin-top:0;}
.nclB .newTitle{height: 20px;min-height: auto;padding-left:0;margin-bottom:0;font-size:18px;color:#333;-webkit-line-clamp: 1;}
.nclB .newTitle::before{display:none;}
.nclB .newMs{height:54px;margin:15px 0;line-height:2;font-size:14px;color:#999;}
.nclB .TimeBox{margin:0;font-size:14px;color:#333;}
/* .nclB .newList:hover{box-shadow: 0 0 16px 0px #999;} */
.nclB .newList:hover{box-shadow: 6px 7px 9px rgba(209,209,209,0.4);}
.nclB .newList:hover .TimeBox{color:#e7a414;}

/* 右侧新闻 */
.ncR{float:right;width:40%;}
.ncR .newList{float:none;width:100%;margin-right:0;margin-bottom:60px;}
.ncR .newList:last-child{margin-bottom:0;}
.ncR .TimeBox{float:left;width:70px;margin:0;text-align:center;color:#999;transition-duration:0.5s}
.ncR .TimeBox h1{font-size:40px;color:#333;}
.ncR .TimeBox span{font-size:14px;color:#999;}
.ncR .contentBoxB{float:right;width:calc(100% - 90px);padding:0 0 0 20px;margin-top:0;border-left:1px solid #ddd;}
.ncR .newTitle{min-height: 22px;padding-left: 0;font-size:18px;color:#333}
.ncR .newTitle::before{display:none;}
.ncR .lineBox{margin-bottom:15px;background-color:#ddd;}
.ncR .newMs{font-size:14px;color:#999;line-height: 1.75;height:48px;}
.ncR .newList:hover{transition:all .5s ease;}
.ncR .newList:hover .lineBox::before{background-color:#e7a415;}
.nclB .newList:hover .newTitle,
.ncR .newList:hover .newTitle{color:#e7a414}
.bdDtCon .indexAb_more{margin:0 auto;}
.bdDtCon .indexAb_more:before{background-color:#e7a415;}


/***【7】==留言反馈咨询*****/
.sectionInq{padding:35px 0;background-color:#f1f1f1;overflow: hidden;}
.sectionInq .abTit{float:right;width:250px;text-align:justify;margin-bottom:0;}
.sectionInq .abTit h4{margin-bottom: 0;padding-bottom: 0;font-size: 36px;color: #333;font-weight: normal;letter-spacing: 2px;}
.sectionInq .abTit p{font-size: 48px;color: #f1bb00;font-family: '[Arimo]';font-weight: bold;}
.conForm {float:left;width: calc(100% - 300px);}
.conForm .feedForm{width: 100%;margin-top: 10px;display: flex;flex-wrap: wrap;}
.conForm input[type='text']{display: block;float: left;width:150px;height: 40px;margin-right: 1%;padding-left: 10px;margin-bottom:10px;line-height:54px;background-color:#fff;border:none;font-size:16px;color:#737373;border-radius:10px;}
.conForm input[type='text']:nth-child(3){width: calc(97% - 300px);}
.conForm input[name="checkcode"]{width:150px;margin-bottom:0;}
.conForm img{width:100px;height: 40px;margin-top: 0;}
.feedForm textarea{float: left;padding-left: 6px;width:calc(100% - 300px);height:54px;line-height:54px;font-size:16px;color:#737373;background-color:#fff;border:none;border-radius:10px;}
.btnBox {float: left;width:calc(97% - 250px);margin-left: 10px;text-align:right;}
.btnBox button[type='submit']{width:100px;height: 40px;line-height: 40px;color:#fff;font-size:16px;text-align:center;cursor:pointer;background-color:#fabe00;border-radius:10px;}
.btnBox button[type='submit']:hover{background-color:#d0a00a;}


@media screen and (max-width: 1660px) and (min-width: 1360px){
.JuConRight::before{width: calc(100% + 160px + 58%);}
}

@media screen and (max-width: 1550px) {
/* 1.关于我们 */
.WawCon .WawTit h4{font-size: 26px;}
.WawCon .WawText{margin-top: 15px;}

/***【3】==加盟金伟利*****/
.JuConRight ul li{padding-left: 16px;font-size:16px;line-height: 1.5;}
.JuConLeft{width: calc(100% - 630px);}
.JuConRight{width: 600px;}
.JuConRight ul li::before{width:10px;height:10px;}

/* 【6】==新闻中心 */
.nclT .contentBoxB{padding: 3% 2% 0;}
.nclT .TimeBox{margin-bottom: 0;}
.nclT .lineBox{margin-bottom: 15px;margin-top: 15px;}
.nclT .newMs{height: 48px;-webkit-line-clamp: 2;}
.ncR .newList{margin-bottom:20px;}

}
@media screen and (max-width: 1440px) {
/* 3.加盟金伟利 */
.JuConBox .abTit{flex-direction: column;align-items: center;}
.JuConBox .abTit h4,
.JuConBox .abTit p{letter-spacing:2px;}
.JuConBox .abTit h4{margin-left:0;font-size: 36px;font-weight: bolder;}
.JuConBox .abTit p{font-size: 44px;font-weight: bold;}
.JuConBox .abTit h4 i{font-size: 36px;}
.sectionJu::before{width:77%;}

/***【4】==产品中心*****/
.ProConBox .abTit h4,
.PcConBox .abTit h4,
.NcConBox .abTit h4,
.sectionInq .abTit h4{font-weight: bolder;}

/***【5】==工程案例*****/
.PcCon .contentBoxB .newTitle{font-size:26px;}
}
@media screen and (max-width: 1360px) and (min-width: 960px){
/***【3】==加盟金伟利*****/
.JuConRight::before{width: calc(100% + 60px + 58%);}
}

@media screen and (max-width: 1200px) {
	
.sectionAbu,
.sectionOa,
.sectionPro,
.sectionPc,
.sectionNc,
.sectionJu{padding:25px 0;}

/* 1.关于我们 */
.WawCon{width: calc(100% - 300px);}
.WawConBox .WawRight{display:none;}
.WawRight .indexAb_more{margin: 20px auto 0 !important;}

/***【2】==我们的优势*****/
.OaCon .newTitle{font-size:24px;}
.OaCon .newMs{height:120px;}
.OaCon .newList:nth-child(1) .newMs{font-size: 12px;}

/***【3】==加盟金伟利*****/
.sectionJu{background-image:none;background-color:#eaeaea;}
.sectionJu::before{width:100%;}
.JuConLeft,
.JuConRight{float:none;width:100%;}
.JuConLeft{display:none;}
.JuConLeft::before{display:none;}
.JuConLeft img{width:auto;margin:0 auto;}
.JuConRight::before{height:100px;}
.JuConRight ul{margin-top:25px;}
.JuConRight dl{justify-content: center;}
.JuConRight dl dd span{font-size:34px;}
.JuConRight dl dd em{font-size:16px;letter-spacing: 1px;}

/***【4】==产品中心*****/


/***【5】==工程案例*****/
.bdPc{padding-top:30px;}
.PcCon .contentBoxB .newTitle{font-size:22px;}
.PcCon .swiper-button-prev,
.PcCon .swiper-container-rtl .swiper-button-next,
.PcCon .swiper-button-next,
.PcCon .swiper-container-rtl .swiper-button-prev{width: 40px;height: 40px;}

/* 【6】==新闻中心 */
.nclB .newList{margin-bottom:15px;}
.nclB .newMs{margin:10px 0;}
.ncR .newList{margin-bottom:20px;}
.ncR .lineBox{margin-bottom: 5px;}
}

@media screen and (max-width: 960px) {

/* 1.关于我们 */
.sectionAbu{height:auto;background-image:none;background-color: #fabe00;}
.WawConBox .WawLeft{display:none;}
.WawConBox .WawCon{width: 100%;float: none;margin: 0;text-align: center;}
.WawCon .WawTit{display:flex;flex-direction: column-reverse;align-items: center;justify-content: center;}
.WawCon .WawTit h4{font-size: 24px;}
.WawCon .WawTit p{font-size: 22px;font-family: '[Arimo]';font-weight: bold;letter-spacing: -1px !important;}
.WawCon .indexAb_more{margin: 10px auto 0 !important;}

/***【2】==我们的优势*****/
.sectionOa{height: auto;}
.OaCon .newList{width: 100%;margin-right: 0;margin-bottom: 10px;}
.OaCon .contentBoxB{float: right;width: 100%;padding: 5px;}
.OaCon .newTitle{margin-top: 0;margin-bottom: 10px;padding-bottom:10px;font-weight:900;font-size: 18px;}
.OaCon .newMs{height: 48px;font-size: 14px;line-height: 1.75;}
.OaCon .newList:nth-child(1) .newMs,
.OaCon .newList:nth-child(2) .newMs{height:72px;}
.OaCon .image_con{float: left;width: 30%;display:none;}

/***【3】==加盟金伟利*****/
.JuConRight dl dd span{font-size:24px;}
.JuConRight dl dd em{font-size:12px;}
.JuConRight::before{width:100%;height: 80px;left: 0;top: -10px;}

/***【5】==工程案例*****/
.bdPc{padding-top:20px;}

/* 【6】==新闻中心 */
.sectionNc::before{display:none;}
.sectionNc .abTit{margin-bottom: 15px;text-align:center;}
.sectionNc .abTit h4{color:#08131c;}
.sectionNc .abTit p{color:#8b8b8b;}
.DtCon .hdDt{display:flex;flex-wrap: wrap;position: inherit;right: inherit;top: inherit;margin-bottom: 15px;text-align: center;}
.DtCon .hdDt a{width:auto;flex: calc(33.3% - 6px);margin: 0 3px;height: auto;padding: 6px 2px;font-size: 15px;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;line-height: normal;border-color: #f1bb00;color: #f1bb00;}
.DtCon .hdDt a:hover, .DtCon .hdDt a.on{background-color: #f1bb00;color: #fff;}
.bdDt{padding-top: 0;}
.ncL{float: none;width: 100%;}
.nclT .newList{margin-bottom: 0;background-image:none;background-color:transparent;}
.nclT .image_con{display:none;}
.nclT .contentBoxB{width: 100%;padding: 5px;}
.nclT .newTitle{margin-bottom: 0;color:#333;}
.nclT .newMs{height: 48px;color:#999;}
.nclT .TimeBox{display:none;}
.nclT .newList:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.nclT .newList:hover .newTitle{color:#e7a414;}
.nclB .newList{width:100%;margin-right: 0;margin-bottom: 0;}
.nclB .TimeBox{display:none;}
.nclB .newList:hover{box-shadow: none;}
.ncCon .lineBox{display:none;}
.ncCon .bottom_btn{display:none;}
.ncR{float: none;width: 100%;}
.ncR .newTitle{margin-bottom:0;}
.ncR .TimeBox{display:none;}
.ncR .contentBoxB{float:none;width:100%;padding:5px;border-left: none;}
.ncR .TimeBox{margin:8px 0;}
.ncR .newList{padding-bottom:10px;}
.bdDtCon .indexAb_more{margin:0 auto;height:30px;line-height:30px;}

/* 【7】==留言反馈咨询 */
.conForm{margin-top:0;}
.conForm,
.sectionInq .abTit{float:none;width:100%;}
.sectionInq .abTit{text-align:center;}
.conForm input[type='text']{width:100%;margin-right: 0;}
.conForm input[type='text']:nth-child(3){width: 100%;height:80px;line-height:1.75;}
.conForm input[name="checkcode"]{width:50%;margin-right:20px;}
.btnBox {width:100%;margin-top:20px;margin-left: 0;text-align: center;}
}
@media screen and (max-width: 768px) {

/***【5】==工程案例*****/
.bdPc{padding-top:10px;}
.PcCon .hdPc{display:flex;flex-wrap: wrap;}
.PcCon .hdPc a{width:auto;flex: calc(25% - 6px);margin: 0 3px;height: auto;margin-bottom: 10px;padding: 6px 2px;font-size: 15px;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;line-height: normal;}

/* 【6】==新闻中心 */
.ncR{display:none;}
}




/*动效*/
.transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
@-webkit-keyframes BiHover
{
  0%{-webkit-transform:translateX(0px);opacity:1}
  49%{-webkit-transform:translateX(-28px);opacity:0}
  50%{-webkit-transform:translateX(28px);opacity:0}
  100%{-webkit-transform:translateX(0px);opacity:1}
}








































































