﻿@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(lrtk3.css);

@import url(pscroll.css);

@import url(reset.css);

/*首页*/

/*轮显*/

/*.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 37px;}

.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::before {content: ""; position: absolute; z-index: -1;top: 3px;left: 3px; width: 6px; height: 6px; border-radius: 50%;background: #878787;

 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(135, 135, 135, .5); background: transparent;}

.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;}*/


.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#fff; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic; font-weight:bold;*/}
.banner_page .wrap{ height:0; text-align:right;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;}
.banner_page em{ font-style:normal; color:#fff;}
.main .banner .btn .boxs{ margin-left:240px;}
.swiper-container-autoheight .swiper-slide{ cursor:default;}
.banner .c-dot-page {position: absolute; z-index: 10;bottom: 60px; right:0; width:100%;}
.banner .c-dot-box { float:right; /*right: 5.8%;*/ display: flex; align-items: center; width: 200px;color: #fff; font-size: 18px;}
.banner .c-dot-box .c-text1 {width: 50px; line-height: 1;}
.banner .c-dot-box .c-text2 { width: 50px; line-height: 1; text-align: right;}
.banner .c-dot-box .c-line-box { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: 2px;  background: rgba(255, 255, 255, .2);}
.banner .c-dot-box .c-line-box .c-line {  width: 0; height: 2px;  background: #fff; transition: 1s;}
.main .banner .down {
  width: 90px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom:5.4%;
  z-index: 10;
  cursor: pointer;
  margin-left: -45px; font-size:14px; color:#999; text-align:center;
}
.main .banner .down span {
  height: 28px;
  background: url(../images/i_pic2.png) no-repeat center;
  background-size: auto 100%;
  display: block; 
  animation: banner-down 0.6s infinite alternate;
  -o-animation: banner-down 0.6s infinite alternate;
  -moz-animation: banner-down 0.6s infinite alternate;
  -webkit-animation: banner-down 0.6s infinite alternate; margin-bottom:12px;
}
/* .main .banner .swiper-pagination{ margin-top:20px;} */
.swiper-other{position: absolute; left: 0; bottom: 5.4%; width: 100%; z-index: 2;}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet{
  width: 40px;
  height: 2px;

  background: #CCCCCC;
  opacity: 1;
  margin-right:14px;position: relative;z-index: 0;border-radius: 0;
}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet::before{
  content: "";position: absolute; top: 0; left: 0; width: 0; height: 100%;background: linear-gradient(90deg, #029944 0%, #09a2e5 100%);z-index: -1;
}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet-active::before{ width: 100%;transition:all 3s;  }
.main .banner .swiper-other .number {
  margin-left: 15px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 1); float: right;
}
.main .banner.swiper-other .number .current {
  margin-right: 4px;
  font-size: 20px;
  color: #ffffff;
}
.main .banner .swiper-other .number .all {
  margin-left: 3px;
}







/*产品中心*/
.i_title2{ overflow: hidden; margin-top: 7%;color: #222222; text-align: left;margin-bottom: 3%; }
.i_title2 .h3{  font-weight: bold;line-height: 1.1;}
.i_title2 .p{ overflow: hidden; padding-top:1.3%; color: #555;}
.i_product_bg{ overflow: hidden; background: #f7f7f7;}
.i_product_bg .i_prodcut_box{ position: relative;margin-top: 3%; margin-bottom: 8%;}
.i_product{ position: relative;}
.i_product .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: block; /* overflow: hidden; */z-index: -1;}
.i_product .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block; z-index: 0;}
.i_product .divhidden:nth-child(2),.i_product .divhidden:nth-child(3),.i_product .divhidden:nth-child(4),.i_product .divhidden:nth-child(5),.i_product .divhidden:nth-child(6){ position:absolute; top:0; left:0; width:100%; height:100%; }
.i_product .rbtn{ font-style: normal; margin-top: 30px; float: right;}
.i_product_a{ position: absolute; top: 0; right: 2%; width: 30%; max-width: 430px; z-index: 2;}
.i_product_a li{ margin-bottom: 10px; display: block; cursor: pointer;color: #666666;font-weight: 500; overflow: hidden;line-height: 22px; height:36px;}
.i_product_a li span{ display: inline-block; vertical-align: top; position: relative; padding-bottom: 13px; font-size:16px;}
.i_product_a li span::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px;background: linear-gradient(98deg, #029944, #40b4e6); border-radius: 1px;transition:all 0.3s;}
.i_product_a li.on{color: #029944;}
.i_product_a li.on span::before{ width: 100%;}

/* 首页公用标题 */
.htitlebox{text-align: center;}
.htitlebox .title{font-size: 18px;color: #9ea0a1; margin-bottom:8px; letter-spacing:4px;}
.htitlebox .bigtitle{/*font-size: 62px;*/ font-size:42px; color: #1c1b1b; font-weight:bold;}

/*首页关于我们*/
.indexabout .textbox{
	width: 100%;
    height: 100%;
	display: inline-block;
    background: url(../images/bgab.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
	padding:180px 0;
}

.indexabout .textbox .title{
	font-size:40px;
	line-height: 1;
	margin-bottom: 50px;
	opacity: 0;
	font-weight:bold;
}
.indexabout .textbox .des{
	font-size: 18px;
	margin-bottom: 50px;
	opacity: 0;
	color:rgb(255,255,255,1);
	font-weight:bold;
	letter-spacing:1.5px;
	line-height:1.8
}

.indexabout .textbox .counter{ text-align:left; }
.indexabout .textbox .counter ul li{ display:inline-block; vertical-align:top;transition:all 0.3s; position:relative; padding:0 52px}
.indexabout .textbox .counter ul li .nums{  line-height:1; color:var(--main-color);}
.indexabout .textbox .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  
	font-weight:bold; font-family:"MB"; color:#fff; }
.indexabout .textbox .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500;color:#fff; font-weight:bold; margin-left:10px;}
.indexabout .textbox .counter .h6{ font-weight: normal; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis;  */margin-top:12px; margin-bottom:6px; color:#fff; font-weight:bold;}
.indexabout .textbox .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.more-b{ margin-top:60px; background:rgb(255,255,255,0); border:1px solid rgb(255,255,255,0.2)}
.morebox .more{
	width: 160px;
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.morebox .more{
	position: relative;
}
.morebox .more:after{
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0ba3e5;
	z-index: 0;
	transition: 0.5s;
}
.morebox .more .cbg{
	position: relative;
	z-index: 2;
}
.morebox .more:hover{
	border: 1px solid #0ba3e5;
}
.morebox .more:hover:after{
	width: 100%;
}
.morebox.hascolor .more{
	background-color: var(--main-color);
	border: none;
}
.morebox.hascolor2 .more{
	/*background-color: var(--main-color);*/
	border: 1px solid var(--main-color);
	color: var(--main-color);
}
.morebox.hascolor2 .more:hover{
	color: #fff;
}




/*解决方案*/

.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;}

/*产品*/

.i_two_bg{ overflow:hidden; background:#f3f3f3;}



.i_two_a{ text-align:center; overflow:hidden; margin-top:4%;}

.i_two_a a{ display:inline-block; vertical-align:top; margin-left:3.2%; margin-right:3.2%; color:#333; position:relative; overflow:hidden; padding-bottom:15px;}

.i_two_a a.isel{ color: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{  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 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;  position:relative;}

.i_two_ul li:nth-child(4n){ margin-right:0;}

.i_two_ul li:hover .imgs{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}

.i_two_ul li .imgs{ overflow:hidden; position:relative; padding-top:100%;}

.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;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}

.i_two_ul li:hover .imgs img{/*-webkit-transform:scale(0.95, 0.95); -moz-transform:scale(0.95, 0.95); -o-transform:scale(0.95, 0.95); -ms-transform:scale(0.95, 0.95); transform:scale(0.95, 0.95);*//*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}

.i_two_ul li .h3{ font-weight:normal; overflow:hidden; line-height:36px; height:36px; margin-top:14px;white-space:nowrap;text-overflow:ellipsis; text-align:center;transition:all 0.3s;}

.i_two_ul li:hover .h3{ color:var(--main-color);}

.i_two_bg .i_two_end{ clear:both; text-align:center;margin-bottom:5%; overflow:hidden; padding-top:2%;}



/*生产智造*/

.i_three{ overflow:hidden; position:relative;}

.i_three .img{ display:block; width:100%;}

.i_three .bgs{ position: absolute;
    bottom: 30px;
    left: 2%;
    width: 96%;
    height: 15%;
    background: rgba(0,0,0,0.6);}

.i_three ul{ position:relative; height:100%; width:100%; overflow:hidden;}

.i_three ul li{ float:left; width:25%; overflow:hidden; height:100%; position:relative;display: flex; align-items: center; justify-content: left;}
.i_three ul li:hover{ background:#029944;}
/* .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:after{opacity:1.0;filter:Alpha(opacity=100); top:50%;} */

.i_three ul li a{ width:100%; padding-left:2%; padding-right:2%; display:block; overflow:hidden; text-align:center;}

.i_three ul li .ico{ display:block; height:44px; margin:0 auto;opacity:0.7;filter:Alpha(opacity=0.7);}

.i_three ul li .h3{ color:#fff; overflow:hidden; line-height:1.4; margin-top:0%;opacity:0.7;filter:Alpha(opacity=0.7);}

.i_three ul li i{ display:block; overflow:hidden; font-style:normal; margin-top:2%; color:var(--main-color);transition:all 0.3s;opacity:0.7;
	filter:Alpha(opacity=0.7); color:#fff}

.i_three ul li:hover i{opacity:1.0;filter:Alpha(opacity=100);}
.i_three ul li:hover .ico{opacity:1.0;filter:Alpha(opacity=100);}
.i_three ul li:hover .h3{opacity:1.0;filter:Alpha(opacity=100);}

.i_three ul li:last-child:before{ display:none;}

.i_three ul li:last-child:after{ display: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:50px; 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;}





/*新闻*/
.i_news{ background:#f0f0f0; overflow:hidden;}
.i_news .wrap{ padding-top:5%; padding-bottom:5%;}
.i_news .i_news_r{ float:right; width:69.875%; overflow:hidden; margin-top:5%; border-left:1px solid #e0e0e0;  padding-left:4%;}
.i_news .i_news_r .boxs{ overflow:hidden; max-width:940px; margin:0 auto; width:96%;}
.i_news .i_news_r li{ float:left; width:49%; max-width:440px; overflow:hidden;}
.i_news .i_news_r li:nth-child(2n+0){ float:right;}
.i_news .i_news_r li .imgs{  overflow:hidden; position:relative; padding-top:59.1%;}
.i_news .i_news_r li .imgs img{ width:100%; display:block; position:absolute; top:0; left:0; height:100%;-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_news .i_news_r 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 .i_news_r li .date{ overflow:hidden; line-height:28px; height:28px; margin-top:30px; font-size:16px; color:#666666;}
.i_news .i_news_r li .h4{ overflow:hidden; font-weight:normal;   line-height:30px; height:60px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#000000; margin-top:18px;transition:all 0.3s;}
.i_news .i_news_r li:hover .h4{ color:#029944;}
.i_news .i_news_r li em{ font-style:normal;transition:all 0.3s; margin-top:11%;opacity:0;filter:Alpha(opacity=0);}
.i_news .i_news_r li:hover em{opacity:1.0;filter:Alpha(opacity=100);}

.i_news .i_news_r .divhidden{ display:block;opacity:0;filter:Alpha(opacity=0); height:0; overflow:hidden;transition:all 0.3s;}
.i_news .i_news_r .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}
.i_news .i_news_l{ float:left; width:28%; max-width:400px; overflow:hidden;}
.i_news .i_news_l .i_title{ font-weight:bold; color:#333 !important;text-align:left;}
.i_news .i_news_l .i_title span{color:#333 !important;}
.i_news .i_news_l .p{ color:#666666; overflow:hidden; line-height:30px; max-height:150px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-top:7%;}
.i_news .i_news_l .i_news_a{ max-width:400px; overflow:hidden; margin-top:30%;}
.i_news .i_news_l .i_news_a li{ display:block;margin-bottom:7px;}
.i_news .i_news_l .i_news_a li a{ display:inline-block; vertical-align:top; line-height:34px; height:34px;border-bottom:2px solid #f0f0f0; color:#333333;}
.i_news .i_news_l .i_news_a li.isel a{ border-bottom:2px solid #029944; color:#029944;}
.i_news .more-b{ margin-top:32.8%;}
.i_news .more-b{ border:1px solid #ccc;}
.i_news .more-b span{ color:#666 !important}
.i_news .more-b:hover span{ color:#fff !important;}



/*合作伙伴*/
.evenbg{background-color: #f2f2f2;}
.wai{overflow: hidden;}
.hpartner{
	padding: 92px 0 57px;
}




.hpartner .hprobox{
	padding: 112px 0;
}
.hpartner .htitlebox{
	position: relative;
	text-align: center;
}
.hpartner .htitlebox.pc-hide{
	display: none;
}
.hpartner .htitlebox .htitle{
	font-size: 38px;
	color: #222;
	font-weight: bold;
	margin-bottom: 15px;
}
.hpartner .htitlebox .htitle .bgtext{
	position: absolute;
	top: -40px;
	left: 0;
	/*width: 100vw;*/
	font-size: 165px;
	line-height: 1;
	color: #222;
	opacity: 4%;
	animation: htextbgmove 19s linear infinite;
	white-space:nowrap;
}
.hpartner .htitlebox .hdes{
	font-size: 20px;
	color: #555;
}

@keyframes htextbgmove{
	from{transform: translateX(calc(50vw + 50%));}
	to{transform: translateX(calc(-50% - 50vw));}
}




.hpartner .more-b{ border:1px solid #ccc;}
.hpartner .more-b span{ color:#666 !important}
.hpartner .more-b:hover span{ color:#fff !important;}

.hpartner .htitlebox{
	text-align: left;
}
.hpartner .leftbox{
	width: 100%;
	padding-right: 136px;
	box-sizing: border-box;
}
.hpartner .leftbox .des{
	font-size: 18px;
	color: #555;
	line-height: 2;
	margin: 60px 0 66px;
}
.hpartner .rightbox{
	width: 700px;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}
.hpartner .rightbox:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: radial-gradient(rgba(0, 0, 0, 0) 20%,rgba(242, 242, 242, 1) 100%);
	z-index: 9;
}
.hpartner .rightbox .partbox{
	width: 211px;
	height: 112px;
	border-radius: 8px;
	background-color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.hpartner .rightbox .partbox:nth-child(3n+1){
	transform: translate(calc(100% + 33px),0px);
}
.hpartner .rightbox .partbox:nth-child(3n+2){
	margin-left: 33px;
	margin-right: 33px;
	transform: translate(calc(100% + 33px),33px);
}
.hpartner .rightbox .partbox:nth-child(3n+3){
	transform: translate(calc(-200% - 66px),88px);
}
.hpartner .rightbox .partbox img{
	width: 100%;
}




/*连接地球*/
.network{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden; padding:130px 0 60px 0}
.network .i_title{ text-align:left;}
.network .i_title .h3 label{ color:#222222; margin-right:25px;}
.network .i_title .h3{ color:#029944}
.network .indmh-more{justify-content: left; margin-top:0%;}
.network .more-b{ border:1px solid #ccc;}
.network .more-b span{ color:#666 !important}
.network .more-b:hover span{ color:#fff !important;}
.i_five{ overflow:hidden; margin-bottom:5%;}
.i_five .i_title{ margin-top:0;font-family:"MR";}
.i_five .ul{ overflow:hidden; margin-top:3%; color:#2f2e2e; font-size:20px; max-width:380px;}
.i_five .ul li{ display:block; overflow:hidden; margin-bottom:10%; position:relative; line-height:24px; padding-left:18px;}
.i_five .ul li:last-child{ margin-bottom:0;}
.i_five .ul li:after{ content:""; position:absolute; left:0; top:8px; width:10px; height:10px; border-radius:50%; background:#e7851d;}
.network .i_five .img{ display:none; max-width:100%; margin:0 auto; margin-top:5%;}






@media screen and (max-width: 1760px) {
.i_news .i_news_r li .date{ margin-top:25px;}
.i_news .i_news_r li .h4{ margin-top:15px;}
.i_news .i_news_r li em{ margin-top:8%;}
.i_news .i_news_l .i_news_a{ margin-top:32%;}
.i_news .i_news_l .more-b{ margin-top:33%;}
}


@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:80px;}



}


@media screen and (max-width: 1400px) {
  /*轮显*/
  .main .banner .swiper-slide .table .imgs{ width: 530px;}
  
  .indexabout .des{line-height: 1.6;}
  .hpartner .leftbox{padding-right: 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_product_a li{ margin-bottom: 13px;}


/*首页关于我们*/
.{lesocms:sitetplpath}/{padding: 40px 0;text-align: center;}
.{lesocms:sitetplpath}/ .des{font-size: 16px;color: #777777;}
.{lesocms:sitetplpath}/ .zhuzhao{margin: 20px 0;}
.{lesocms:sitetplpath}/ .zhuzhao img{width: 100%;}
.{lesocms:sitetplpath}/ .morebox .more{width: 160px;}

.xxytexiaobox{height: unset;}
.indexabout{height: unset;}
.indexabout{display: none;}
.indexabout .textbox .title{opacity: 1 !important; }
.indexabout .textbox .des{opacity: 1 !important;}
.indexabout .textbox .videobtn{opacity: 1 !important; width:100%;}

.indexabout .textbox .counter{ text-align:left; width:100% !important;  display:inline-block;}
.indexabout .textbox .counter ul li{ width:24%; float:left; padding:0}

/*合作伙伴*/
.hpartner .rightbox{width: 540px;}
.hpartner .rightbox .partbox{width: 158px;}


/*连接地球*/
.i_five{ margin-bottom:7%; text-align:center;}
.i_five .i_title{ margin-top:8%;text-align:center; }
.network{ background:#fff;}
.network .indmh-more{justify-content:center; margin-top:4%;}
.i_five .ul{ max-width:none; display:inline-block; vertical-align:top; text-align:left;}
.i_five .ul li{ margin-bottom:2%;}
.network .i_five .img{ display:block;}


/*关于我们*/

.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) {


.network{  padding:0px 0 0px 0; background:none !important}

/*产品中心*/
.i_title2{ text-align: center;}
.i_product_a{  height: 28px;width: 100%;max-width: none; position:relative; }
.i_product_a ul{  position: absolute;width: 130%;}
.i_product_a .contact_scroll{ overflow:hidden;position:absolute; height:94%; padding-right:3%; width:94%; right:3%; top:3%;}
.i_product_a #srcolls{ overflow:hidden; overflow-x:auto; }
.i_product_a #srcolls::-webkit-scrollbar {width: 5px;height: 0px;}
.i_product_a #srcolls::-webkit-scrollbar-thumb { /*background-image:url(../images/product_bg1.png); background-position:center center; background-repeat:no-repeat; background-size:10px 6px;*/background-color: rgba(74, 182, 193, 1.0);}
.i_product_a #srcolls:hover::-webkit-scrollbar-thumb {background-color: rgba(41, 174, 232, 0.7);}
.i_product_a #srcolls::-webkit-scrollbar-thumb:hover { background-color: rgba(41, 174, 232, 1.0);-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); }
.i_product_a #srcolls::-webkit-scrollbar-track {  background-color:#e6e6e6;}
.i_product_a li{ float: left; margin-bottom: 10px; margin-left: 5px; margin-right:5px;}
.i_product{ clear: both; padding-top: 3%;}

.morebox .more{width: 120px;height: 36px;line-height: 34px;font-size: 13px;}
.morebox .more:hover{border: 1px solid #fff;}
.morebox .more:hover:after{width: 0%;}
.morebox.hascolor .more:hover{color: #fff;border: none;}
.morebox.hascolor2 .more:hover{color: var(--main-color);border: 1px solid var(--main-color);}
.htitlebox .bigtitle{font-size: 22px;}

.indexabout .textbox .title{font-size: 20px;}
.indexabout .textbox .des{font-size: 16px;}
.indexabout .textbox .videobtn{transform: scale(0.72);}

/*产品*/

.i_two_ul li{ width:49%;}

.i_two_ul li:nth-child(4n){ margin-right:2%;}

.i_two_ul li:nth-child(2n){ margin-right:0;}



.hpartner{padding: 50px 0;}
.hpartner .mainbox{flex-direction: column;}
.hpartner .leftbox{padding-right: 0;margin-bottom: 25px;}
.hpartner .morebox{ justify-content:center; }
.hpartner .leftbox .des{margin: 30px 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_news .i_news_l{ float:none; width:100%; max-width:none;}
.i_news .i_news_l .i_more{ margin-top:6%;}
.i_news .i_news_l .i_news_a{ max-width:none; margin-top:4%;text-align:center;}
.i_news .i_news_l .i_news_a li{width:23%; display:inline-block; margin-left:0.8%; margin-right:0.8%;}
.i_news .i_news_l .i_title{text-align:center;}
.i_news .i_news_l .p{ margin-top:4%;text-align:center; }
.i_news .wrap{ padding-top:0; padding-bottom:6%;}
.i_news .i_news_r{ float:none; padding-left:0; border-left:0; width:100%; margin-top:6%;}
.i_news .i_news_r li em{ margin-left:0; margin-top:5%;opacity:1.0;filter:Alpha(opacity=100);}
.i_news .more-b{font-size:14px;margin:0 auto; margin-top:5%; display:none;}

/*生产智造*/

.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) {

/*轮显*/

.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px;background-size:10px auto;}

.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}

/*.main .banner .swiper-other { bottom: 20px;}*/

.htitlebox .title{font-size: 14px;}
.indexabout .textbox .title{font-size: 18px;margin-bottom: 10px;}
.indexabout .textbox .des{font-size: 14px;margin-bottom: 10px;}

/*解决方案*/

.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%;}

.i_two_ul li .h3{ height:30px; line-height:30px; margin-top:6px;}



/*新闻*/
.i_news .i_news_r{ margin-top:7%;}
.i_news .i_news_r li .date{ margin-top:5%; height:24px; line-height:24px; font-size:14px;}
.i_news .i_news_r li .h4{ margin-top:3%; height:48px; line-height:24px;}
.i_news .i_news_r li em{ margin-top:7%;}


.hpartner .leftbox .des{font-size: 16px;line-height: 1.6;}
.hpartner .rightbox{width: 100%;}
.hpartner .rightbox .partbox{width: calc(33.3333% - 12px);margin-bottom: 18px;height: 88px;padding: 0 15px;}
.hpartner .rightbox .partbox:nth-child(3n+1){transform: translate(calc(100% + 18px),0px);}
.hpartner .rightbox .partbox:nth-child(3n+2){margin-left: 18px;margin-right: 18px;transform: translate(calc(100% + 18px),33px);}
.hpartner .rightbox .partbox:nth-child(3n+3){transform: translate(calc(-200% - 32px),88px);}


/*关于我们*/

.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: 480px) {

/*轮显*/

.main .banner .btn{bottom:22px;}

.main .banner .swiper-slide .txt{ font-size:36px;}

.c-banner1 .swiper-pagination{ bottom:20px;}

.main .banner .swiper-slide .desc{ font-size:18px;}


/*新闻*/
.i_news .i_news_r li .date{ font-size:12px; height:22px; line-height:22px;}
.i_more{ width:110px; height:40px; line-height:38px; text-indent:12px; background-position:right 15px center; font-size:13px;}
.i_more:hover{ background-position:right 10px center; text-indent:17px;}
/*关于我们*/

.i_about .i_about_l .imgs .bgs i{ width:60px; height:60px;}

.i_about .i_about_r{ margin-top:6%;}

/*产品中心*/
.i_title2{margin-top: 8%;}
.i_product .rbtn{margin-top: 20px;}


/*产品*/

.i_two_a a{ margin-left:1%; margin-right:1%;}



/*生产智造*/

.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;}

.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;}

.i_more{ font-size:12px;height:36px; line-height:34px;}

}

@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;}

}









@keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@-o-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-moz-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-webkit-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@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);}
}

@keyframes map-point {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.15;
    transform: scale(5);
  }
}
@keyframes about-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 20px);
  }
}

