@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(lrtk3.css);

@import url(pscroll.css);
 
.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: flex-start; bottom: 37px;left: 30px;max-width: 300px;}

.c-banner1 .swiper-pagination-bullet {position: relative; margin: 0 8px !important; width: 16px; height: 16px;display: inline-block;border-radius: 16px; background: #fff;opacity: 1;    transition-duration: 0.9s;
}
 

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active  { width: 48px;  background: #eee;}

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

.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #b63034; stroke-width: 3; 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;}

.main .banner .swiper-slide .ends{ text-align:center;}

.main .banner .swiper-slide .ends .rbtn{ /*display:inline-block; */vertical-align:top; margin-left:0.6%; margin-right:0.6%;}



.banner .c-dot-box .c-line-box .c-line {  width: 0; height: 2px;  background: #fff; transition: 1s;}

 
.i_one{ overflow:hidden; margin-top:7%; margin-bottom:4%; position:relative;}

.i_one .i_one_r{ float:right; width:56.5%; overflow:hidden; line-height:1.8;}

.i_one .i_one_r .rbtn{ margin-top:5%;}

.i_one .i_one_l{ position:absolute; width:41%; top:0; left:0; height:100%;display: flex; align-items: center; justify-content: left; line-height:1.6; font-weight:bold;}

.i_one .i_one_l span{ color:var(--main-color); display:block;}

.index1 { background:#EFEFEF; padding: 100px 0;}
.index2{ background:#fff; padding: 100px 0;background-size: cover;}
.index3{background:url(../images/i_3bg.png);background-size: cover;padding: 100px 0;position: relative;min-height: 800px;}
.index4{background:url(../images/index4.jpg);background-size: cover;padding: 100px 0 50px 0;position: relative;}
.index5 {
    padding: 100px 0;
 }




.index4 .swiper-pagination-bullet{background: #fff;opacity: .5;}
.index4 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.index5 .jut {
    margin-bottom: 1px;
}
.index5 .jut .jut-r {
    width: 50%;
    float: right;
    display: flex;
    flex-wrap: wrap;

}
.index5 .jut .jut-l {
    width: 50%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.index5 .jut .jut-l .item {
    width: 100%;
    padding-right:30px ;
 }
 .index5 .jut .jut-r .item {
    width: 100%;
    margin-bottom:30px ;
}
 .index5 .jut .jut-r .item .list .img img{
     height: 100%;
 }
 .index5 .jut .jut-r .item .list .img {
     height: 370px;
 }
 .index5 .jut .jut-r .item:nth-child(2) {
    margin-bottom:0px ;
 }
.index5 .jut .jut-l .item:nth-child(2) {
    width: 100%;
 }
.index5 .jut .item .list {
    width: 100%;
    display: block;
    position: relative;
}

.index5 .jut .item .list .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 770px;
    /*padding-bottom: 51%;*/
}

.index5 .jut .item .list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.index5 .jut .item .list .img:hover img {
transform: scale(1.1, 1.1);
}

.index5 .jut .item .list .jut {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* padding: 88px 56px; */
}

.index5 .jut .item .list .jut .font {
    /* max-width: 430px; */
    /* background-color: rgba(255, 255, 255, 0.95); */
    padding: 40px 52px;
    /* padding-bottom: 20px; */
    width: 100%;
    position: relative;
    color: #fff;
}

.index5 .jut .item .list .jut .font .tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-bottom: 12px;
    font-size: 36px;
    /* color: #e0000d; */
    font-weight: 700;
    line-height: 1.2;
}

.index5 .jut .item .list .jut .font .text {
    /* color: #666; */
    font-size: 15px;
    line-height: 26px;
    /* height: 52px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index5 .jut .item .list .jut .font .but {
    /* background-color: #e0000d; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 33px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.index5 .jut .item  a:hover  .but  {
color: #fff;
background-color: var(--main-color);
border: 1px solid var(--main-color)!important;
}
 
.index5 .jut .item .list .jut .font .but i {
    position: relative;
    z-index: 9;
}

.index5 .cont {
    display: flex;
    flex-wrap: wrap;
}

.index5 .cont .item {
    border-right: 1px solid #fff;
    width: 33.333%;
}

.index5 .cont .item:last-child {
    border-right: none;
}

.index5 .cont .item .list {
    display: block;
    width: 100%;
    position: relative;
}

.index5 .cont .item .list .img {
    width: 100%;
    position: relative;
    /*padding-bottom: 54%;*/
    overflow: hidden;
    height: 300px;
}

.index5 .cont .item .list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/*.index5 .cont .item .list .img:after {  content: "";  display: block;  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 100%;  background: url(../images/jianbianimgf1.png) no-repeat;  background-position: left top;  background-size: 100% 100%;  z-index: 2;  -webkit-transition: all 0.3s linear;  transition: all 0.3s linear;}*/
.index5 .cont .item .list .font {
    position: absolute;
    top: 0;
    left: 0;
    padding: 85px 90px 65px;
    color: #fff;
    z-index: 3;
}

.index5 .cont .item .list .font .tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    margin-bottom: 7px;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
}

.index5 .cont .item .list .font .text {
    opacity: 0;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index5 .cont .item .list .font .but {
    border: 2px solid rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index5 .cont .item .list .font .but img:nth-child(2),.index5 .cont .item .list .font .but svg:nth-child(2) {
    display: none;
}

.index5 .cont .item .list .font .but:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s 0.3s linear;
    transform: rotate(-45deg);
}
 
.index7 {margin:0 -20px;padding-bottom: 3%;}
.i_news_ul   {overflow:hidden;margin: 2% -20px;}

.i_news_ul li{display:block;overflow:hidden;margin: 10px 20px;position:relative;/* background-color: rgba(239,239,239,1); */box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);padding: 20px;background: #fff;}

.i_news_ul li .imgs{width:480px;float:left;overflow:hidden;}

.i_news_ul li .imgs img{width:100%; height: 350px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; display:block;}

.i_news_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news_ul li:hover .txts h3{color:#fff;}
.i_news_ul li:hover .txts .p{color:#fff;}
.i_news_ul li:hover { background-color: #003F8A;color: #fff;}
.i_news_ul li:hover .txts .s_more{color:#003F8A;background: #fff;}

.i_news_ul li .nums{/* float:right; *//* width:10%; */overflow:hidden;text-align:left;/* font-size: 18px; *//* margin-top:50px; */line-height:30px;color: #003F8A;transition:all 0.3s;}

.i_news_ul li .nums .day{/* padding-left: 20px; */line-height:72px;font-size: 55px;font-weight:bold;color: #003F8A;overflow:hidden;/* display:block; */margin-bottom:10px;transition:all 0.3s;}

.i_news_ul li .nums.bgs2{ display:none;}
.i_news_ul li:hover .nums{color:#fff;}
.i_news_ul li:hover .day{color:#fff;}

.i_news_ul li .txts{/* margin-left:3%; *//* overflow:hidden; *//* float:left; *//* width:calc(85% - 480px); *//* width:-webkit-calc(85% - 480px); */width:-moz-calc(85% - 480px);/* margin-top:10px; *//* max-width:656px; *//* text-align:justify; */}

.i_news_ul li .txts .h3{ line-height:40px;height:40px;overflow:hidden;color:#101010;font-weight: normal;transition: all 0.3s;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;font-size: 20px;}

.i_news_ul li .txts .p{height:80px;overflow:hidden;color:#101010;line-height:25px;transition: all 0.3s;display: -webkit-box;margin-top:10px;transition:all 0.3s;}


.i_news_ul li .txts .s_more {transition:all 0.3s;
    margin-top: 30px;
 width: 200px;
height: 55px;
border-radius: 10px;
 border: 1px solid rgba(149,149,149,1);
line-height: 55px;
color: rgba(149,149,149,1);
font-size: 18px; 
text-align: center;

}
.i_news_ul li .txts .o_more{ position:relative; float:left; margin-left:46px; margin-top:50px;  height:54px; width:54px; }

.i_news_ul li .txts .o_more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;border-radius:50%;transition:all 0.3s; border:1px dashed #80888f;transition:all 0.6s;}

.i_news_ul li:hover .txts .o_more:before{transform: rotate(180deg);/*transform: rotateX(-30deg);*/}

.i_news_ul li:hover .txts .o_more:after{ left:-35px;}

.i_news_ul li .txts .o_more:after{ content:""; position:absolute; left:-45px; width:75px; height:15px; top:50%; margin-top:-7px; background:url(../images/news_pic1.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}


.about_l_link_i ul{display: flex;justify-content: space-between;padding-right: 20px;}
.about_l_link_i li{width: 150px;}


.banner .posi img{width: 100%;display: block;}
.banner .posi{width: 23px;position: absolute;left: 50%;margin-left: -11.5px;bottom: 37px;z-index: 1;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;animation:myfirst 1s infinite;-moz-animation:myfirst 1s infinite;-webkit-animation:myfirst 1s infinite;-o-animation:myfirst 1s infinite;}
@keyframes myfirst
{
0%   { bottom:42px;}
50%  { bottom:30px;}
75%  { bottom:30px;}
100% { bottom:42px;}
}

@-moz-keyframes myfirst
{
0%   { bottom:112px;}
50%  { bottom:100px;}
75%  { bottom:100px;}
100% { bottom:112px;}
}

@-webkit-keyframes myfirst 
{
0%   { bottom:112px;}
50%  { bottom:100px;}
75%  { bottom:100px;}
100% { bottom:112px;}
}

@-o-keyframes myfirst 
{
0%   { bottom:112px;}
50%  { bottom:100px;}
75%  { bottom:100px;}
100% { bottom:112px;}
}
.i_two_bg{ overflow:hidden;}
.i_two_bg .rbtn{border-radius: 5px; padding: 0 35px;}
.i_two_bg .rbtn input, .i_two_bg .rbtn span{font-size: 12px;}

.i_two_a{text-align:center;overflow:hidden;margin-top: 3%;}

.i_two_a a{display:inline-block;vertical-align:top;padding: 10px 46px;color: rgba(16,16,16,1);float: left;position:relative;overflow:hidden;/* padding-bottom:15px; */border: 1px solid #A8ABB2;margin-right: 40px;}

.i_two_a a.isel{background:var(--main-color);color:#fff;border: 1px solid var(--main-color);}

.i_two_a a:after{content:"";position:absolute;bottom:0;left:50%;right:50%;width:0;height:4px;background:var(--main-color);transition:all 0.3s;}

.i_two_a a.isel:after{ width:80%; left:10%; right:10%;}

 
.i_two_ul .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.6s;/* height: 0; */display: none; /* overflow: hidden; */}

.i_two_ul .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;}

.i_two_ul{margin-top: 3%; }
.i_two_ul .divhidden{opacity: 0;filter: Alpha(opacity=0);transition: all 0.6s;/* height: 0;*/display: none;/* overflow: hidden;*/}
.i_two_ul .divhidden.on{opacity: 1.0;filter: Alpha(opacity=100);/* height: auto;*/display: block;}
.i_two_ul ul{/* display: flex;*/}
/*
.i_two_ul li{float: left;width: 22%;margin-bottom: 3%;padding: 15px;background: #fff;position: relative;margin-right: 3%;border: 1px solid #eee;}
.i_two_ul li:nth-child(4n){margin-right: 0;}
.i_two_ul li:hover .imgs{}
.i_two_ul li .imgs{overflow: hidden;position: relative;padding-top: 72%;}
.i_two_ul li .imgs img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_two_ul li:hover .imgs img{transform: scale(1.1, 1.1);}
 .i_two_ul li .des{font-size: 14px;line-height: 1.6;color: #959595;margin-top: 10px;word-break: break-all;height: 44px;overflow: hidden;}
.i_two_ul li:hover .more span{color: #fff;background-color: var(--main-color);border: 1px solid var(--main-color);}
.i_two_ul li:hover{ }
.i_two_ul li .more{text-align: center;margin-top: 15px;}
.i_two_ul li .more span{
    display: inline-block;
    /* width: 120px; */
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    border: 1px solid #959595;
    color: #959595;
    }
*/
.i_two_bg .i_two_end{ clear:both; text-align:center; overflow:hidden; }


.about_l_link_i  {margin-top: 30px;}
.about_l_link_i li{float: left;width: 25%;text-align: center;}
.about_l_link_i .link_ico {display: inline-block;width: 150px;height: 105px;/* background-color: rgba(255,255,255,1); */border: 1px solid #fff;border-radius: 2px;}

.about_l_link_i .link_ico i{font-size: 48px;color: #ccc;    line-height: 105px;}

.about_l_link_i .link_tit {margin-top: 10px;color: #fff;}
.about_l_link_i li a{display: block;color: #000;}
.about_l_link_i li:hover .link_ico{background:var(--main-color);color:#fff;}
.about_l_link_i li:hover a{color:var(--main-color);}
.about_l_link_i li:hover .link_ico i{color:#fff;}

/*关于我们*/

.i_about{ margin-top:6%; margin-bottom:5%; position:relative;min-height:600px; overflow:hidden; }

.i_about .i_about_l{ position:absolute;width:50%; overflow:hidden; right:0; top:0;  }

.i_about .i_about_l .img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}

.i_about .i_about_l:hover .img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_about .i_about_l .imgs{ position:relative; overflow:hidden; cursor:pointer;}

.i_about .i_about_l .imgs .bgs{ width:100%; height:100%; top:0; left:0; position:absolute;display: flex; align-items: center; justify-content: left;}

.i_about .i_about_l .imgs .bgs i{ display:block;  width:126px; height:126px; margin:0 auto; position:relative;background:url(../images/i_pic2.png) center center no-repeat; background-size:100% 100%;}

.i_about .i_about_r{ float:left; width:48%; overflow:hidden; max-width:610px;}

.i_about .i_about_r .h4{ position:relative;  font-weight:bold;color:#232323; line-height:1; margin-top:4%; }

.i_about .i_about_r .desc{ overflow:hidden; line-height:1.8; margin-top:4%; color:#333333;}

.i_about .i_about_r .counter{ text-align:left; margin-top:15%;}

.i_about .i_about_r .counter ul li{ display:inline-block; vertical-align:top;width:24%;transition:all 0.3s; position:relative; }

.i_about .i_about_r .counter ul li .txts2{}

.i_about .i_about_r .counter ul li .nums{  line-height:1; color:var(--main-color);}

.i_about .i_about_r .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial; }

.i_about .i_about_r .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500; }

.i_about .i_about_r .counter .h6{ font-weight: normal; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis;  */margin-top:12px; margin-bottom:6px; color:#333;}

.i_about .i_about_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_about .i_about_r .rbtn{ margin-top:8%;}

/*生产智造*/
.i_three{/* overflow:hidden; *//* position:relative; */}

.i_three .img{ display:block; width:100%;}
.i_three .bgs-l {width: 53%;float: left;padding: 5% 1% 0 0;}
.i_three .bgs-l .tit{
    height: 68px;
line-height: 68px;
color: rgba(255,255,255,1);
font-size: 48px;
margin-bottom: 30px;
}
.i_three .bgs-l .text{ 
line-height: 23px;
color: rgba(255,255,255,1);
font-size: 16px;
text-align: left; }

.i_three .bgs{width: 47%;float: left;position: absolute;right: 0;top: 0;height: 100%;}

.i_three ul{ position:relative; height:100%; width:100%; overflow:hidden;}

.i_three ul li{float:left;width: 50%;overflow:hidden;height: 50%;position:relative;display: flex;align-items: center;justify-content: left;text-align: left;padding: 20px;border-bottom: 1px solid #eee;border-left: 1px solid #eee;}

.i_three ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:rgba(255,255,255,0.5);}

.i_three ul li:after{content:""; position:absolute; right:0; top:0%; height:71px; margin-top:-35px; width:4px; background:var(--main-color);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}


.i_three ul li:hover {background: rgba(0, 0, 0, 0.5);}

.i_three ul li a{background: url(../images/j.png) no-repeat top left; width:100%;padding-left:2%;padding-right:2%;display:block;overflow:hidden;/* text-align:center; */}

.i_three ul li .ico{/* display:block; */height: 50px;margin:0 auto;margin-left: 16px;margin-top: 20px;}

.i_three ul li .h3{ color:#fff; overflow:hidden; line-height:1.4; margin-top:4%;}

.i_three ul li i{display:block;overflow:hidden;font-style:normal;margin-top:4%;color:var(--main-color);transition:all 0.3s;/* opacity:0; */filter:Alpha(opacity=0);}

.i_three ul li:hover i{opacity:1.0;filter:Alpha(opacity=100);}

.i_three ul li:nth-child(3n){ border-bottom: none;}
.i_three ul li:nth-child(4n){ border-bottom: none;}

/*弘裕优势*/

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

.i_four li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;  position:relative;}

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

.i_four li .imgs{ overflow:hidden;}

.i_four li .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}

.i_four li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_four li .bgs{ background:#fff; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;display: flex; align-items: center; justify-content: center;transition:all 0.3s;}

.i_four li .boxs{ width:96%; margin:0 auto; overflow:hidden;}

.i_four li .ico{ display:block; height:90px; margin:0 auto; margin-bottom:4%;transition:all 0.3s;}

.i_four li .h3{overflow:hidden; line-height:44px; height:44px;white-space:nowrap;text-overflow:ellipsis; font-weight:bold;transition:all 0.3s;}

.i_four li:hover .h3{ color:#fff;}

.i_four li .p{ overflow:hidden; line-height:30px; height:90px;/* text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */ color:#999999; margin-top:3%;transition:all 0.3s;}

.i_four li:hover .p{ color:#fff;}

.i_four li:hover .bgs{ background:rgba(0,0,0,0.5);}

.i_four li:hover .ico{ display:none;}
.banner .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}

.banner .cons .wrap{ height:100%; display:table; }

.banner .cons .wrap2{ height:100%; display:table; }

.banner .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:center;transition:all 0.6s;}

.banner .h2 label{width:100%;display:block;color:rgba(255,255,255,1.0);/*margin-top:12px; margin-bottom:80px;*/letter-spacing:4px;line-height: 2;}

.banner .gd{margin-top: 50px;}
.banner .gd span{
display: inline-block;padding: 0 50px;
height: 50px;
line-height: 50px;
 border: 1px solid rgba(255,255,255,1);
 text-align: center;
 color: #fff;
}

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

.index1 { background:#f3f3f3;padding: 4% 0;}
.index2{ padding: 4% 0;background-size: cover;}
.index3{ padding: 4% 0;position: relative;min-height: 800px;}
.index4{padding: 4% 0;position: relative;}
}
@media screen and (max-width: 1500px) {

/*关于我们*/

.i_about{ min-height:inherit;}

.i_about .i_about_r .counter{ margin-top:10%;}

.i_about .i_about_r .h4{ margin-top:2%;}

.i_about .i_about_l .imgs .bgs i{ height:116px; width:116px;}

/*弘裕优势*/

.i_four{ margin-top:3%;}

.i_four li .ico{ height:80px;}

.i_four li .h3{ height:40px; line-height:40px;}

.i_four li .p{ line-height:30px; height:90px;}

/*生产智造*/

.i_three ul li .ico{/* height: 50px; */}



}

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

/*轮显*/

.main .banner:hover .btn .boxs{width:97%;}

.main .banner .btn .boxs{ width:98%;}

.main .banner .swiper-slide .rbtn{ display:none;}

/*关于我们*/

.i_about .i_about_r .desc{ line-height:1.6;}

.i_about .i_about_r .counter{ margin-top:8%;}

.i_about .i_about_r .h4{ margin-top:0%;}

.i_about .i_about_r .rbtn{ margin-top:6%;}

.i_about .i_about_l .imgs .bgs i{ height:100px; width:100px;}

/*弘裕优势*/

.i_four li{ width:49%;}

.i_four li:nth-child(3n){ margin-right:2%;}

.i_four li:nth-child(2n){ margin-right:0;}





}





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

/*产品*/

.i_two_ul li{width:49%;margin-right: 1%;}

.i_two_ul li:nth-child(4n){ margin-right:2%;}

.i_two_ul li:nth-child(2n){ margin-right:0;}
 

.i_about .i_about_l{ position:static; width:100%;}

.i_about .i_about_r{ float:none; width:100%; max-width:none; margin-top:5%; text-align:center;}

.i_about .i_about_r .desc{ margin-top:3%; text-align:left;}

.i_about .i_about_r .counter{ text-align:center;}

.i_about .i_about_r .counter span{ font-size:40px;}

 

.i_three ul li .ico{ height:70px;}

.i_three ul li .h3{ margin-top:5%;}

.i_three ul li i{ margin-top:5%;}
 

.i_four li .ico{ height:70px;}

.i_four li .h3{ height:32px; line-height:32px;}

.i_four li .p{ line-height:26px; height:78px;}

}





@media screen and (max-width: 640px) {
    
    .index1{padding:20px 0}
    .index2{padding:20px 0}
    .index3{padding:20px 0}
    .index4{padding:20px 0}
    .index5{padding:20px 0}
    .index6{padding:20px 0}

    
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px;background-size:10px auto;}
 .index5 .jut .item .list .jut .font .tit {font-size:20px}
.index5 .jut .item .list .jut .font .but {width:100px;height:26px;line-height:26px; }
.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}

/*.main .banner .swiper-other { bottom: 20px;}*/
 
.i_one .i_one_l{ position:static; display:block;width:100%; text-align:center;}

.i_one .i_one_r{ float:none; width:100%; margin-top:3%; text-align:center;}

.i_one .i_one_r p{ text-align:left;}
 

.i_two_a a{ margin-left:2%; margin-right:2%;}

.i_two_ul{margin-top:4%;margin-right: 1%;}

.i_two_ul li .h3{   margin-top:6px;}
 
.i_about .i_about_l .imgs .bgs i{ height:80px; width:80px;}

.i_about .i_about_r .counter span{ font-size:32px;}



 

.i_three ul li .ico{ height:60px;}

.i_three ul li .h3{ margin-top:6%;}

.i_three ul li i{ margin-top:6%;}
 
.i_four li .ico{ height:50px;}

.i_four li .h3{ height:28px; line-height:28px;}

.i_four li .p{ line-height:22px; height:66px;}

.i_four li .imgs img{ min-height:179px;}

}



@media screen and (max-width: 880px) {
 
.main .banner .btn{bottom:22px;display: none;}

.main .banner .swiper-slide .txt{ font-size:36px;}

.c-banner1 .swiper-pagination{ bottom:20px;}

.main .banner .swiper-slide .desc{ font-size:18px;}
 

.i_about .i_about_l .imgs .bgs i{ width:60px; height:60px;}

.i_about .i_about_r{ margin-top:6%;}
 

.i_two_a a{margin-left:1%;margin-right:1%;padding: 10px;margin-bottom: 10px;height: 40px;}


 

.i_three ul li .ico{ height:50px;}

.i_three ul li:after{ height:50px; width:3px;}

.i_three ul li:hover:after{ margin-top:-25px;}

.i_three ul li .h3{font-size:15px; margin-top:7%;}

.i_three ul li i{ margin-top:7%;}

 

.i_four li .ico{ height:40px;}

.i_four li .h3{ height:24px; line-height:24px; }

.i_four li .p{ line-height:20px; height:80px; -webkit-line-clamp: 4;}

.i_four li .imgs img{ min-height:155px;}



}





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

 
.c-banner1 .swiper-pagination{bottom:15px;display: none;}

.main .banner .swiper-slide .txt{ font-size:32px;}

.main .banner .swiper-slide .desc{ font-size:16px;}

/*生产智造*/

.i_three ul li .ico{ height:40px;}

.i_three ul li .h3{ margin-top:10%; font-size:14px;}

.i_three ul li i{ font-size:13px;}

/*弘裕优势*/

.i_four li{ margin-bottom:4%;}

.i_four li .h3{ font-size:16px;}

}

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

/*轮显*/

.main .banner .swiper-slide .txt{ font-size:30px;}

.main .banner .swiper-slide .desc{ font-size:14px;}
 
.i_about .i_about_r .counter ul li{ width:23.5%;}
 

.i_three ul li .h3{ font-size:13px;}

.i_three ul li i{ font-size:12px;}
 

.i_four li .h3{ font-size:15px;}

}

@media screen and (min-width: 1200px) {
 
.swiper-container{ height:100%!important;}

.main .banner .swiper-slide {position: relative; height:100%;}



}

@keyframes mymove6

{

    from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);

  -moz-transform: translateY(-100px) translateX(0);

  transform: translateY(-100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

    to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

    /*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

    to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

    from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);

  -moz-transform: translateY(-100px) translateX(0);

  transform: translateY(-100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

    to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}