@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(pscroll.css);

@import url(lrtk3.css);

/*首页*/

/*轮显*/

.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 5px; right:0; z-index:100;}

.c-banner1 .swiper-pagination-bullet{position: relative; margin: 0 8px !important; width: 12px; height: 12px;display: inline-block;border-radius: 100%; background: transparent;opacity: 1;}

.c-banner1 .swiper-pagination-bullet::after{ content:""; position:absolute; z-index:-1; left:0px; top:0px; width:12px; height:12px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .5); }

.c-banner1 .swiper-pagination-bullet::before {content: ""; position: absolute; z-index: -1;top: 4px;left: 4px; width: 3px; height: 3px; border-radius: 50%;background: #fff;

 transition: all 0s;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { /*top: 1px; left: 1px;width: 10px; height: 10px;  border: 2px solid rgba(255, 255, 255, .5); background: transparent;*/}

.c-banner1 .swiper-pagination-bullet svg {vertical-align: top;}

.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39;stroke-dashoffset: 39; -webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear; transition: stroke-dashoffset 0s linear, opacity 0s linear;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { opacity: 1;stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear; transition: stroke-dashoffset 5s linear, opacity 0s linear;}

/*关于我们*/

.i_one{ overflow:hidden;  background-repeat:no-repeat; background-position:center center; background-size:cover;}

.i_one .boxs{ margin-top:12.715%; margin-bottom:12.715%; overflow:hidden; background:rgba(252,248,229,0.85); padding-top:46px; padding-bottom:46px;}

.i_one .i_one_l{ float:left; width:464px; border-right:1px solid #bfb49f;  padding-top:43px; padding-bottom:43px;animation-delay:0.5s;

-webkit-animation-delay:0.5s;}

.i_one .i_one_l img{ display:block; max-width:367px; width:94%; margin:0 auto;}

.i_one .i_one_r{animation-delay:0.5s;-webkit-animation-delay:0.5s; overflow:hidden;}

.i_one .i_one_r .boxs2{ width:94%; margin:0 auto; max-width:786px; overflow:hidden; margin-top:14px;}

.i_one .i_one_r .h4{ font-weight:normal; color:#877252; line-height:1.21; height:93px; padding-top:29px; position:relative; overflow:hidden;}

.i_one .i_one_r .h4:after{ background:#857051; position:absolute; left:0; top:0; height:3px; width:29px;transition:all 0.3s; content:"";}

.i_one .i_one_r .h5{ font-weight:normal; color:rgba(135,114,82,0.5); line-height:52px; margin-top:10px;  overflow:hidden; text-transform:uppercase;}

.i_one .i_one_r .desc{color:#333333; line-height:36px; margin-top:60px;  overflow:hidden; }

.i_one .i_one_r .p{color:#333333; line-height:36px; margin-top:16px;  overflow:hidden; font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height:180px;}

.i_one .i_one_r .i_more{ margin-top:37px}

.i_more{ float:left; line-height:20px;  position:relative;color: #877252; z-index:0; font-size:14px;}

.i_more:after{content:""; position:absolute; bottom:0px; left:0%;  width:100%; height:2px; background:#baa985;  z-index:-1;transition:all 0.3s;}

.i_more:hover{color:#877252; /*font-weight:bold;*/}

.i_more:hover:after{ /*width:50%; height:3px;*/ height:7px;}

/*产品中心*/

.wrapper {

    overflow: visible;

}

.i_two_bg{ background:url(../images/i_bg1.jpg) center top #fcf8e5 no-repeat; background-size:100% auto;background-attachment: fixed; /*overflow:hidden;*/ position:relative;}

.i_two_bg .i_two_a{ position:fixed; margin-left:32px; top:131px; z-index:2;transition:all 0.3s;--height:720px; top:calc((100vh - var(--height))/2);}

.i_two_bg .i_two_a.pos{ position:absolute; }

.i_two_bg .i_two_a.pos2{ position:absolute; bottom:131px; top:auto;bottom:calc((100vh - var(--height))/2);}

.i_two_bg .i_two_a li{ display:block; width:78px; height:78px; text-align:center; border-radius:10px; background:#877252; margin-bottom:12px; cursor:pointer; color:#efe7d4; font-size:20px; line-height:30px;transition:all 0.3s;}

/*.i_two_bg .i_two_a li:nth-child(4),.i_two_bg .i_two_a li:nth-child(5){ line-height:78px;}

.i_two_bg .i_two_a li:nth-child(4) .b2,.i_two_bg .i_two_a li:nth-child(5) .b2{ padding-top:0;}*/

.i_two_bg .i_two_a li:nth-child(7) span{ width:78px;}

.i_two_bg .i_two_a li span{ display:inline-block; vertical-align:top; width:56px;transition:all 0.3s;}

.i_two_bg .i_two_a li:hover span{transform: translate3d(-1px, -1px, 0)}

.i_two_bg .i_two_a li label{ display:inline-block; line-height:78px; font-size:50px;transition:all 0.3s;}

.i_two_bg .i_two_a li:hover label{transform: translate3d(-1px, -1px, 0)}

.i_two_bg .i_two_a li.c-active{ background:#f8efd4; color:#877252;}

.i_two_bg .i_two_a li .b1{ display:none;}

.i_two_bg .i_two_a li .b2{ padding-top:8px;}

.i_two_bg .i_two_a li:nth-child(8) span{ padding-top:8px;}

.i_two_bg .i_two_a li.c-active .b2{ display:none;}

.i_two_bg .i_two_a li.c-active .b1{ display:inline-block;}

.i_two_bg .i_two_a li:hover{box-shadow: 3px 8px 9px 0px rgba(135, 114, 82, 0.3);}

.i_two_bg .i_two{/* padding-top:131px; overflow:hidden;*/display: flex;flex-wrap: wrap;  align-items: flex-start; justify-content: space-between;}

.i_two_bg .i_two .wrap{position: sticky; top: 0; overflow:hidden;}

.i_two_bg .i_two .imgs{ /*float:right;*/ /*overflow:hidden;*/ width:50%; position:absolute; right:0; top:0;/*height: calc(100vh * var(--num));*/}

.i_two_bg .i_two .imgs img{ display:block; width:100%;}

.i_two_bg .i_two .imgs .pc_div { /*--num: 1;*/ position: relative; height: calc(100vh * var(--num)); }

.i_two_bg .i_two .imgs .luxy-box { position: sticky; top: 0; height: 100vh; overflow: hidden; }

.i_two_bg .i_two .imgs .luxy-box img { width: 100%; height: 100vh; object-fit: cover; }

.i_two_bg .i_two .imgs .luxy-box-li { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: translateY(100%); transition: transform 1s ease-out; transition: transform .3s cubic-bezier(.13,.18,.65,1.04); }

.i_two_bg .i_two .imgs .luxy-box-li:nth-child(1) { transform: translateY(0); }

.i_two_bg .i_two .imgs .luxy-box-li-el { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center/cover; }

.i_two_bg .i_two .imgs .mobile_div{ display:none;}

.i_two_bg .i_two .pos_div{ /*overflow:hidden;*/ position:relative; display:none;transition:all 0.3s; width:100%;height: calc(100vh * var(--num));}

.i_two_bg .i_two .pos_div::after { content: ''; display: block; width: 100%; clear: both; }

.i_two_bg .i_two .pos_div.ons{ display:block;}

.i_two_bg .i_two .i_two_l{ width:50%; max-width:700px; /*position:absolute; top:0;*//*transition:all 0.3s;*/overflow:hidden;padding-top:131px; padding-bottom:80px;}

/*.i_two_bg .i_two .i_two_l.shows{ position:fixed; top:131px;padding-top:0px; }

.i_two_bg .i_two .i_two_l.shows2{  bottom:131px; top:auto;}*/

.i_two_bg .i_two .i_two_l .h4{ font-weight:normal; color:#877252; line-height:1.21;padding-top:29px; position:relative; overflow:hidden;}

.i_two_bg .i_two .i_two_l .h4:after{ background:#857051; position:absolute; left:0; top:0; height:3px; width:29px;transition:all 0.3s; content:"";}

.i_two_bg .i_two .i_two_l .h5{ font-weight:normal; color:rgba(135,114,82,0.5); line-height:52px; margin-top:10px;  overflow:hidden; text-transform:uppercase;}

.i_two_bg .i_two .i_two_l .h6{font-weight:normal; color:rgba(135,114,82,0.2); line-height:1;padding-top:10%; position:relative; overflow:hidden; text-transform:uppercase;}

.i_two_bg .i_two .i_two_l .h6 span{color:#877252; position:absolute; bottom:0; left:0; line-height:1;}

.i_two_bg .i_two .i_two_l .p{color:#333333; line-height:36px; margin-top:14px;  overflow:hidden; font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height:144px; max-width:450px;}

.i_two_bg .i_two .i_two_l .i_more{ margin-top:6%;}

/*定制流程*/

.i_three_bg{ background:#fcf8e5; overflow:hidden;}

.i_three{ /*overflow:hidden;*/ position:relative; margin-bottom:130px; margin-top:120px;}

.i_three .i_three_l{ float:left; width:48%; overflow:hidden;}

.i_three .i_three_l.active{ position:absolute; left:0; top:0;}

.i_three .i_three_l.active.bottoms{ bottom:0; top:auto; position:absolute; left:0;}

.i_three .i_three_l .h4{ font-weight:normal; color:#877252; line-height:1.21;padding-top:29px; position:relative; overflow:hidden;}

.i_three .i_three_l .h4:after{ background:#857051; position:absolute; left:0; top:0; height:3px; width:29px;transition:all 0.3s; content:"";}

.i_three .i_three_l .h5{ font-weight:normal; color:rgba(135,114,82,0.5); line-height:52px; margin-top:10px;  overflow:hidden; text-transform:uppercase;}

.i_three .i_three_l .h6{font-weight:normal; color:rgba(135,114,82,0.2); line-height:1;padding-top:10%; position:relative; overflow:hidden; text-transform:uppercase;}

.i_three .i_three_l .h6 span{color:#877252; position:absolute; bottom:0; left:0; line-height:1;}

.i_three .i_three_l .p2{ color:#333; line-height:1.3; margin-top:8%; overflow:hidden;}

.i_three .i_three_l .p{color:#333333; line-height:26px; margin-top:10px;  overflow:hidden; font-size:16px; max-width:430px; text-transform:uppercase;}

.i_three .i_three_l .p3{color:#877252; line-height:1.3; margin-top:18%; overflow:hidden; padding-left:36px; position:relative; font-size:18px;}

.i_three .i_three_l .p3:after{background:#857051; position:absolute; left:0; top:50%; margin-top:-1px; height:2px; width:29px;transition:all 0.3s; content:"";}

.i_three .i_three_r{ float:right; width:50%; /*overflow:hidden;*/}

.i_three .i_three_r li{ display:block;overflow:hidden; margin-bottom:2%; position:relative;transition:all 0.3s;}

.i_three .i_three_r li:hover{/*box-shadow: 0 0px 24px 0px rgba(0, 0, 0, 0.2);*/box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.42);transform: translateY(-3px);}

.i_three .i_three_r li img{ width:100%; display:block;}

.i_three .i_three_r li .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);transition:all 0.3s;display: flex; align-items: center; justify-content: left;}

.i_three .i_three_r li .bgs:after{ content:""; position:absolute; bottom:-14px; right:0; font-size:100px; color:rgba(255,255,255,0.2); line-height:1;}

.i_three .i_three_r li:nth-child(1) .bgs:after{ content:"01";}

.i_three .i_three_r li:nth-child(2) .bgs:after{ content:"02";}

.i_three .i_three_r li:nth-child(3) .bgs:after{ content:"03";}

.i_three .i_three_r li:nth-child(4) .bgs:after{ content:"04";}

.i_three .i_three_r li:nth-child(5) .bgs:after{ content:"05";}

.i_three .i_three_r li:nth-child(6) .bgs:after{ content:"06";}

.i_three .i_three_r li:nth-child(7) .bgs:after{ content:"07";}

.i_three .i_three_r li:hover .bgs{ background:rgba(135,114,82,0.8);}

.i_three .i_three_r li .ico{ float:left; width:67px; height:63px; margin-top:45px; margin-right:6%;}

.i_three .i_three_r li .cons{ width:90%; margin:0 auto; max-width:620px; overflow:hidden;}

.i_three .i_three_r li .txts{ overflow:hidden; padding-left:6%; border-left:1px solid #877252; height:150px;transition:all 0.3s;}

.i_three .i_three_r li:hover .txts{border-left:1px solid #f8efd4; }

.i_three .i_three_r li .txts .h3{ height:40px; line-height:40px; overflow:hidden; margin-top:17px; color:#f8efd4;}

.i_three .i_three_r li .txts .p{line-height:30px; overflow:hidden; margin-top:12px; color:#f8efd4; text-transform:uppercase;}

/*华博承诺*/

.i_four{ overflow:hidden; padding-top:7%; background:#fcf8e5;}

.i_four_t{ overflow:hidden; position:relative;}

.i_four_t .h4{ font-weight:normal; color:#877252; line-height:1.21;padding-top:29px; position:relative; overflow:hidden;}

.i_four_t .h4:after{ background:#857051; position:absolute; left:0; top:0; height:3px; width:29px;transition:all 0.3s; content:"";}

.i_four_t .h5{ font-weight:normal; color:rgba(135,114,82,0.5); line-height:52px; margin-top:10px;  overflow:hidden; text-transform:uppercase;}

.i_four_t .i_more{ position:absolute; right:0; bottom:15%;}

.i_four .i_four_ul{ margin-top:4%; margin-bottom:5%; overflow:hidden;}

.i_four .i_four_ul ul li{ float:left; width:24.14%; margin-right:1%; overflow:hidden;  position:relative; z-index:0;transition:all 1s; background-repeat:no-repeat; background-position:center center; background-size:cover; height:560px;}

.i_four .i_four_ul ul li:nth-child(3n+0){ margin-right:0;}

.i_four .i_four_ul ul li.on{ width:49.72%;}

.i_four .i_four_ul ul li .boxs{ position:absolute; left:0; top:0; height:100%; width:100%;transition:all 0.3s;}

.i_four .i_four_ul ul li .cons{ max-width:270px; width:90%; margin:0 auto; margin-top:43px;}

.i_four .i_four_ul ul li .cons .h3{ width:50px; color:#f8efd4; font-weight:normal; line-height:1.3; float:left; margin-right:3px;}

.i_four .i_four_ul ul li .cons .p{ float:left; margin-top:186px; position:relative; padding-top:12px; overflow:hidden; line-height:26px; text-transform:uppercase; color:#b2a58d; font-size:14px;writing-mode:vertical-lr;}

.i_four .i_four_ul ul li .cons .p:after{ content:""; position:absolute; top:0; left:50%; margin-left:-2px; width:4px; height:4px; border-radius:50%; background:#b2a58d;}

.i_four .i_four_ul ul li.on .boxs{opacity:0;filter:Alpha(opacity=0);}

.i_four .i_four_ul ul li .bgs{ background-repeat:no-repeat; background-position:right top; background-size:100% auto; position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.4);}

.i_four .i_four_ul ul li.on .bgs{ background-image:url(../images/i_bg2.jpg); background-color:#f8efd4;}

.i_four .i_four_ul ul li .boxs2{opacity:0;filter:Alpha(opacity=0);position:absolute; top:0; left:0; height:100%; width:100%;}

.i_four .i_four_ul ul li.on .boxs2{opacity:1.0;filter:Alpha(opacity=100);}

.i_four .i_four_ul ul li .cons2{ width:94%; margin:0 auto; max-width:600px; margin-top:59px; height:480px; position:relative;}

.i_four .i_four_ul ul li .cons2 .h4{ font-weight:normal; overflow:hidden; line-height:30px; color:#877252;}

.i_four .i_four_ul ul li .cons2 .h3{ font-weight:normal; overflow:hidden; line-height:54px; color:#877252; margin-top:22px;}

.i_four .i_four_ul ul li .cons2 .p{ border-top:1px solid #decba7; line-height:42px; height:319px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; padding-right:px; margin-top:22px; padding-right:20px; padding-top:25px; color:#666666; font-size:18px; overflow:hidden;transition:all 0.3s;}

.i_four .i_four_ul ul li .cons2 .p:hover{ color:#000;}

.i_four .i_four_ul ul li .cons2 .rtxt{ position:absolute; bottom:0;  right:0;}

.i_four .i_four_ul ul li .cons2 .p2{ float:left;  position:relative; padding-top:12px; overflow:hidden; line-height:26px; text-transform:uppercase; color:#b2a58d; font-size:14px;writing-mode:vertical-lr;}

.i_four .i_four_ul ul li .cons2 .p2:after{ content:""; position:absolute; top:0; left:50%; margin-left:-2px; width:4px; height:4px; border-radius:50%; background:#b2a58d;}

/*工程案例*/

.i_five{ overflow:hidden; padding-top:7%; background:#fcf8e5;}

.i_five_ul{ position:relative; margin-top:4%;}

.i_five_ul .i-icon{ width: 100%; text-align:right;  }

.i_five_ul .i-icon img {transform: translateX(calc(var(--bettwen-1400-pad)*0.5));}

.i_five_ul .i_five_zi{ position:absolute; top:-5%; left:; width:100%; z-index:2;}

html{--bettwen-1400-pad: calc((100vw - var(--wrap-1400-width))/2);}

[flex]{ display: flex;}

[flex][flex~="jfe"]{justify-content: flex-end;}

/*新闻中心*/

.i_six{ overflow:hidden; padding-top:7%; background:#fcf8e5;}

@media (min-width: 1201px) {

 html{ --wrap-1400-width: clamp(calc(1200px - calc(15px*2)), calc(90vw - 30px), 1400px);}

}

@media (max-width: 1200px) {

 html{--wrap-1400-width: clamp(0px, 768px, calc(100% - (15px*2)));}

}

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

/*产品中心*/

.i_two_bg .i_two_a{ margin-left:5px;}







}

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

/*产品中心*/

.i_two_bg .i_two_a{--height:576px;}

.i_two_bg .i_two_a li{ width:60px; height:60px; line-height:24px; font-size:18px;}

/*.i_two_bg .i_two_a li:nth-child(4), .i_two_bg .i_two_a li:nth-child(5){ line-height:60px;}*/

.i_two_bg .i_two_a li span{ width:40px;}

.i_two_bg .i_two_a li label{ line-height:60px;font-size:36px; }

.i_two_bg .i_two_a li:nth-child(7) span{ width:60px;}

.i_two_bg .i_two_a li .b2{ padding-top:6px;}

.i_two_bg .i_two_a li:nth-child(8) span{ padding-top:6px;}

.i_two_bg .i_two .i_two_l{ padding-left:40px;}

/*定制流程*/

.i_three{ margin-top:100px; margin-bottom:110px;}

}

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

/*产品中心*/

.i_two_bg .i_two_a{--height:448px;}

.i_two_bg .i_two_a li{ width:50px; height:50px; line-height:22px; font-size:15px; margin-bottom:6px;}

/*.i_two_bg .i_two_a li:nth-child(4), .i_two_bg .i_two_a li:nth-child(5){ line-height:50px;}*/

.i_two_bg .i_two_a li span{ width:40px;}

.i_two_bg .i_two_a li label{ line-height:50px; font-size:30px;}

.i_two_bg .i_two_a li:nth-child(7) span{ width:50px;}

.i_two_bg .i_two_a li .b2{ padding-top:3px;}

.i_two_bg .i_two_a li:nth-child(8) span{ padding-top:3px;}

.i_two_bg .i_two .i_two_l{ max-width:660px;}

/*华博承诺*/

.i_four .i_four_ul ul li .cons .p{ margin-top:160px;}

}



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

/*关于我们*/

.i_one .i_one_l{ width:360px; padding-top:35px; padding-bottom:35px;}

.i_one .i_one_r .desc{ margin-top:40px; line-height:30px;}

.i_one .i_one_r .h4{ height:90px;}

.i_one .i_one_r .h5{ line-height:46px;}

.i_one .i_one_r .p{ line-height:30px; height:150px;}

/*产品中心*/

.i_two_bg .i_two{ padding-top:80px;}

.i_two_bg .i_two .i_two_l{ padding-bottom:0;}

.i_two_bg .i_two .i_two_l .h5{ line-height:46px;}

.i_two_bg .i_two .i_two_l .p{ line-height:30px; height:120px;}

.i_two_bg .i_two .i_two_l .h6{ padding-top:6%;}

.i_two_bg .i_two .i_two_l{ width:100%; max-width:none; position:static; margin-top:5%; margin-bottom:5%; padding-left:60px; padding-top:0;}

.i_two_bg .i_two .i_two_l.shows{ position:static;}

.i_two_bg .i_two .wrap{ position:static;}

.i_two_bg .i_two{ display:block;}

.i_two_bg .i_two .imgs{ float:none; width:100%; position:static;}

.i_two_bg .i_two .imgs .pc_div{ display:none;}

.i_two_bg .i_two .imgs .mobile_div{ display:block;}

.i_two_bg .i_two .pos_div{ height:auto;}





/*定制流程*/

.i_three .i_three_l .h5{ line-height:46px;}

.i_three .i_three_l .h6{ padding-top:6%;}

.i_three{ margin-bottom:100px;}

/*华博承诺*/

.i_four .i_four_ul ul li .cons .p{ margin-top:140px;}

}







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

/*轮显*/

/*.c-banner1 .swiper-pagination{ bottom:30px;}*/

.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}

.main .banner .btn{ display:none;}

/*关于我们*/

.i_one .i_one_l{ width:300px; padding-top:25px; padding-bottom:25px;}

.i_one .i_one_r .desc{ margin-top:20px; line-height:26px;}

.i_one .i_one_r .h4{ height:70px; padding-top:20px;}

.i_one .i_one_r .h5{ line-height:36px; margin-top:5px;}

.i_one .i_one_r .p{ line-height:26px; height:130px;}

.i_one .i_one_r .i_more{ margin-top:30px;}

/*产品中心*/

.i_two_bg .i_two_a li{ margin-bottom:3px;}

.i_two_bg .i_two .i_two_l .h4{  padding-top:20px;}

.i_two_bg .i_two .i_two_l .h5{ line-height:36px; margin-top:5px;}

.i_two_bg .i_two .i_two_l .p{ line-height:26px; height:104px;}

/*定制流程*/

.i_three{ margin-bottom:5%; margin-top:7%;}

.i_three .i_three_l{ float:none; width:100%; margin-bottom:2%;}

.i_three .i_three_l .h4{  padding-top:20px;}

.i_three .i_three_l .h5{ line-height:36px; margin-top:5px;}

.i_three .i_three_l .p3{ margin-top:10%; font-size:17px;}

.i_three .i_three_l .p2{ margin-top:5%;}

.i_three .i_three_l .p{ font-size:15px; line-height:24px;}

.i_three .i_three_r{ float:none; width:100%; margin-top:8%;}

.i_three .i_three_r li .cons{ max-width:none;}

/*华博承诺*/

.i_four_t .h4{  padding-top:20px;}

.i_four_t .h5{ line-height:36px; margin-top:5px;}

.i_four .i_four_ul ul li{ height:460px;}

.i_four .i_four_ul ul li .cons2{ height:380px;}

.i_four .i_four_ul ul li .cons2{ margin-top:40px;}

.i_four .i_four_ul ul li .cons2 .p{ font-size:16px; line-height:30px; height:230px; padding-top:20px; margin-top:18px;}

.i_four .i_four_ul ul li .cons2 .p2{ font-size:13px;}

.i_four .i_four_ul ul li .cons2 .h3{ margin-top:15px; line-height:44px;}

.i_four .i_four_ul ul li .cons2 .h4{ line-height:24px;}

.i_four .i_four_ul ul li .cons .h3{ width:36px;}

.i_four .i_four_ul ul li .cons .p{ margin-top:120px; font-size:13px;}

/*工程案例*/

.i_five{ padding-top:9%;}

}



@media screen and (max-width: 780px) {
/*轮显*/
.c-banner1 .swiper-pagination{ bottom:1px;}
/*关于我们*/

.i_one .boxs{ padding-top:3%; padding-bottom:7%; margin-top:5%; margin-bottom:5%;}

.i_one .i_one_l{ float:none; width:100%; border-right:0; padding-top:1%; padding-bottom:1%;}

/*华博承诺*/

.i_four .i_four_ul ul li{ height:380px;}

.i_four .i_four_ul ul li .cons .p{ margin-top:110px;}

.i_four .i_four_ul ul li .cons2{ height:320px; margin-top:30px;}

.i_four .i_four_ul ul li .cons2 .p2{ line-height:22px;}

.i_four .i_four_ul ul li .cons2 .h3{ margin-top:12px; line-height:40px;}

.i_four .i_four_ul ul li .cons2 .p{ font-size:15px; line-height:26px; padding-top:15px; height:197px; margin-top:13px; padding-right:25px;}

}



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

/*轮显*/

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:100%!important;}

.swiper-container-autoheight .swiper-wrapper{ height:100%!important;}

.banner .lzpic2{ height:100%;}

/*关于我们*/

.i_one .i_one_r .p{ font-size:14px; line-height:24px; height:120px;}

.i_one .i_one_r .h4{ height:50px; padding-top:15px;}

.i_one .i_one_r .h5{ line-height:26px;}

/*产品中心*/

.i_two_bg .i_two{ padding-top:7%;}

.i_two_bg .i_two .i_two_l .h4{  padding-top:15px;}

.i_two_bg .i_two .i_two_l .h5{ line-height:26px;}

.i_two_bg .i_two .i_two_l .p{ line-height:24px; height:96px; font-size:14px;}

.i_two_bg .i_two .i_two_l{ padding-left:50px; margin-bottom:10%;}



/*定制流程*/

.i_three{ margin-top:12%;}

.i_three .i_three_l .h4{  padding-top:15px;}

.i_three .i_three_l .h5{ line-height:26px;}

.i_three .i_three_l .p{ line-height:24px;  font-size:14px;}

.i_three .i_three_l .p3{ font-size:16px;}

.i_three .i_three_r li .ico{ width:60px; height:56px;}

.i_three .i_three_r li .txts{ height:136px;}

/*华博承诺*/

.i_four_t .h4{  padding-top:15px;}

.i_four_t .h5{ line-height:26px;}

.i_four .i_four_ul ul li .cons .h3{ width:30px;}

.i_four .i_four_ul ul li .cons2 .h4{ line-height:22px;}

.i_four .i_four_ul ul li .cons2 .h3{ line-height:36px;}

.i_four .i_four_ul ul li .cons2 .p{ font-size:14px; line-height:24px; padding-top:12px; height:204px;-webkit-line-clamp: 8; margin-top:10px; padding-right:23px;}





}

@media screen and (max-width: 480px) {
/*关于我们*/

.i_more{ font-size:13px;}

.i_one .i_one_r .desc{ margin-top:15px;}

.i_one .i_one_r .p{ font-size:13px; line-height:22px; height:110px;}

.i_one .i_one_r .h5{ line-height:24px;}

/*产品中心*/

/*.i_two_bg .i_two{ padding-top:50px;}*/

.i_two_bg .i_two .i_two_l .h5{ line-height:24px;}

.i_two_bg .i_two .i_two_l .p{ font-size:13px; line-height:22px; height:88px;}

/*定制流程*/

.i_three .i_three_l{ margin-bottom:3%;}

.i_three .i_three_l .h5{ line-height:24px;}

.i_three .i_three_l .p{ font-size:13px; line-height:22px; }

.i_three .i_three_l .p3{ font-size:15px;}

.i_three .i_three_r li{ margin-bottom:3%;}

.i_three .i_three_r li .bgs:after{ font-size:90px;}

.i_three .i_three_r li .ico{ width:50px; height:47px; margin-top:35px;}

.i_three .i_three_r li .txts{ height:110px;}

.i_three .i_three_r li .txts .p{ line-height:26px; margin-top:8px;}

.i_three .i_three_r li .txts .h3{ height:30px; line-height:30px; margin-top:10px;}

/*华博承诺*/

.i_four .i_four_ul ul li{ height:350px;}

.i_four .i_four_ul ul li{ width:20%;}

.i_four .i_four_ul ul li.on{ width:58%;}

.i_four .i_four_ul ul li .cons{ width:78%;}

.i_four .i_four_ul ul li .cons .h3{ width:24px;}

.i_four .i_four_ul ul li .cons .p{ margin-top:80px; font-size:12px;}

.i_four .i_four_ul ul li .cons2 .p{ font-size:13px; line-height:22px; height:188px;}

.i_four .i_four_ul ul li .cons2 .p2{ font-size:12px;}

.i_four .i_four_ul ul li .cons2{ height:290px;}

}

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

/*关于我们*/

.i_more{ font-size:12px;}

/*定制流程*/

.i_three .i_three_r li .bgs:after{ font-size:80px;}

.i_three .i_three_r li .txts{ height:90px;}

.i_three .i_three_r li .ico{ margin-top:22px;}

.i_three .i_three_r li .txts .h3{ height:26px; line-height:26px; margin-top:6px;}

.i_three .i_three_r li .txts .p{ font-size:14px; line-height:22px;}

}



@keyframes animate1 {

  0% {

    transform: translate(-50%, 0%);

  }

  50% {

    transform: translate(-50%, 50%);

  }

  100% {

    transform: translate(-50%, 0%);

  }

}