html {
	}html,img,fieldset {
	border:0;
}
html,body,form {
	margin:0;
	padding:0;
}
body {
	color:#000;
	background-color:#fff;
}
body,td {
	}h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-weight: normal;
}
ul,ol {
	margin:0;
}
dl,p {
	margin:0;
}
a,a:link {
	color: #333;
	text-decoration:none;
}

body {

	font-size:14px;
	color:#333;
}
input,select,textarea {
	font-family:"Open Sans",sans-serif;
	font-size:1em;
}

img,a {
	border:0;
}
ul,li {
	list-style:none;
}
*,*:after,*:before {
	margin:0;
	padding:0;
	/* transition:all .5s; */
	font-style: normal;
}
.wrap {
	width: 90%;
	max-width: 1318px;
	margin:0 auto;
	position:relative;
}
.wrap:after{
  content: "020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  } 

.animation *{ opacity:0; animation:move 1s forwards; animation-play-state:paused;}
.animation.move *{ animation-play-state:running;}
@keyframes move{
	from{ opacity:0; margin-left:500px;}
	to{ opacity:1; margin-left:0;}
}
/*-------------------*/

.topheader{
    background: #222222;
    height: 34px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}
.topheader ul{
    float: right;
}
.topheader ul li{
    float: left;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    border-right: 1px solid #b3b3b3;
    position: relative;
}
.topheader ul li.en{border: none;}
.topheader ul li:before{
    content:"0";
    width: 25px;
    height: 17px;
    display: inline-block;
    font-size: 0;
    }
.topheader ul li.en:before{
   background: url(../images/topicon03.png) no-repeat;
}
.topheader ul li.monitor:before{
    background: url(../images/topicon02.png) no-repeat;
}
.topheader ul li.chat:before{
    background: url(../images/topicon01.png) no-repeat;
}
.topheader ul li a{
    color: #fff;
    line-height: 34px;
}
.showewm{/* display:none; */position: absolute;top: -200px;z-index: 9;background: #fff;padding: 10px;box-shadow: 0px 4px 7px rgba(146, 146, 146, 0.2);border-radius: 6px;transition: all 0.4s ease;}
.showewm:before{content:".";font-size: 0;display: block;width: 20px;height: 20px;background: #fff;transform: rotate(45deg);position: absolute;left: 50%;top: -10px;margin-left: -10px;}
.showewm img{}
.topheader ul li:hover .showewm{/* display: block; */top: 40px;}
.header{height: 80px;position: fixed;top: 0px;width: 100%;/* background: #fff; */z-index: 99;/* box-shadow: 0 0 10px rgba(0,0,0,0.2); */}
.header:hover{
    background: #fff;
}
.header .nav a{color: #fff;}
.header  svg path{fill: #fff !important;}
.header:after{content:".";height: 150px;display: block;position: absolute;top: 0;left: 0;right: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0,0,0,0));z-index: -30;}
.header:hover:after{display:none}
.nav{
    /* overflow: hidden; */
    clear: both;
    position: relative;
}
.nav .logo,.nav .fflogo {/* float: left; */display: flex;align-items: center;height: 80px;position: absolute;left: 0;}
.nav .logo{display:none}
.yya .fflogo{/* display: block; */}
.header:hover .logo{opacity:1;display: flex;}
.header:hover .fflogo{ display: none; }
.yya .fflogo{ display: none; }
.yya .logo{display:block;display: flex;align-items: center;height: 80px;position: absolute;left: 0;opacity: 1;}
.nav .logo a{}
.nav .logo a img{}
.nav ul{
    /* float: right; */
    overflow: hidden;
    clear: both;
    /* width: 60%; */
    margin: 0 auto;
    margin: 0 50px 0 210px;
    text-align: center;
}
.nav ul li{
    /* float: left; */
    line-height: 80px;
    margin-right: 2%;
    /* position: relative; */
    display: inline-block;
    position: relative;
}

.sy a{color: #75b033;}

.sy:after{
    content: ".";
    box-sizing: content-box;
    margin-bottom: 0px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #75b033;
}

.sy1:after{
    content: ".";
    box-sizing: content-box;
    margin-bottom: 0px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #fff;
}

.nav ul li a{
    line-height: 80px;
    padding: 0px 20px;
    font-size: 16px;
    color: #fff;
   /* font-weight: bold;*/
}
.nav ul li a:hover,.nav ul li .zinav a:hover{color:#6bad3d}
.nav .seachbox,.nav .engbox{/* float: right; */display: flex;align-items: center;height: 80px;position: absolute;right: 70px;}
.nav .engbox{
    right: 0;
}
.nav .engbox a:hover{color:#75b033}


.page{margin: 50px auto;
    font-size: 16px;
    text-align: center;}
 
.page-item,.page-num {border: 1px solid #ddd;    padding: 5px 10px;
    margin: 5px;}

.page a:hover{color:#6bad3d;}
 
.page-num-current{color:#6bad3d;}
.nav .seachbox svg,.nav .engbox svg{
    width: 30px;
    height: 30px;
}
.hideseach{
    position: absolute;
    right: 30px;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    transition: all 0.4s ease;
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #ddd;
    opacity: 0;
    display: none;
    transition: all 0.2s ease;
}
.hideseach.now {
    display: block;
    opacity: 1;
}
.hideseach.now form{
    margin-left: 20%;
}
.nav .hideseach.now {
    /* right: 30px; */
    top: 22px;
}
.hideseach input[type=text]{
    background: #fff;
    line-height: 80px;
    border: 0;
    outline: none;
    float: left;
    width: 80%;
}
.hideseach form{display: block;overflow: hidden;background: #fff;width: 60%;margin-left: 30%;/* line-height: 66px; */font-size: 18px;margin-left: 100%;transition: all 0.2s ease;position: relative;}
.hideseach input[type=submit]{
    background: url(../images/seach.png) center center no-repeat;
    width: 28px;
    height: 25px;
    border: none;
    outline: none;
    float: left;
    margin: 29px 15px 0 0;
    background-size: 85%;
}
.hideseach a{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) no-repeat #fff;
    float: right;
    margin-top: 30px;
    background-size: 80%;
    position: absolute;
    right: 0;
}
.header .zinav{/* display: none; */height: 0;padding: 0;line-height: 30px;overflow: hidden;position: fixed;left: 0px;top: 80px;right: 0;background: #f7f9faa6;z-index: 99;/* width: 101%; */text-align: center;/* border-top: 2px solid #75b033; */transition: all 0.4s ease;}
.nav ul li:hover .zinav{/* display: block; */height: auto;padding: 10px 0px;/* position: relative; */}
.nav ul li .zinav a{
    display: inline-block;
    line-height: 34px;
    color: #333 !important;
    font-size: 14px;
    padding: 0;
    margin: 0 35px;
    padding-left: 70px;
    border-left: 2px solid #bfbfbf85;
    /* font-weight: normal; */
}
.nav ul li .zinav a:hover{color: #75b033 !important;}
.phonenav{/* float: right; */display: flex;align-items: center;height: 80px;margin-right: 20px;display: none;position: absolute;}
.phonenav svg{width: 25px;height: 25px;}
.enchbox {
    position: absolute;
    top: 80px;
    left: -25px;
    /* background: #fff; */
    color: #333;
    height: 0px;
    overflow: hidden;
    padding-top: 0px;
    transition: all 0.2s ease;
}

.enchbox ul{margin: 0;float: none;background: #fff;}
.enchbox:before{content:".";display: inline-block;font-size: 0;width: 20px;height: 20px;background: #fff;transform: rotate(45deg);/* margin: 0 0; */text-align: center;position: absolute;left: 50%;top: 7px;z-index: -10;margin-left: -8px;}
.enchbox .nav-item{float: none;line-height: 0;margin: 0 !important;padding: 5px 0px;cursor: pointer;background: #fff;}
.enchbox .nav-item:hover{background:#ececec}
.enchbox .nav-item a{color: #333 !important;font-size: 14px;font-weight: normal;line-height: 36px;padding: 0px;}

.engbox:hover .enchbox {
    height: 110px;
    padding-top: 15px;
    width: 80px;
    text-align: center;
}
.nav ul li.sy a {
    color: #75b033;
}

 

.header:hover a, .yya .nav a{color: #333;}
.header:hover svg path,.yya  svg path{fill: #333 !important;}
.yya{
	position:fixed;
	left:0;
	top:0;
	background: #fff;
	display: none;
	box-shadow: 1px 0 15px 0 rgb(0, 0, 0,0.2);
}
.gizle{/* top: -100px; *//* display: none; */}
.sabit{top:0;z-index: 9;/* background: #fff; */display: block;}
.sabit:after{display:none}

/*------------*/
.mainer {
	position:relative;
	font-size: 0;
	margin-top: 0px;
}
.banner {
	position:relative;
}
.banner img{
	 width:100% 
}
.cur {
	height:0;
	position:absolute;
	top:50%;
	margin-top:-30px;
	left: 0;
	right: 0;
	z-index: 2;
}
.banner_cur.cur span {
	display:block;
	cursor:pointer;
	background:url(../images/leftcur.png) no-repeat center center;
	width: 38px;
	height: 80px;
	opacity:.5;
	border-radius: 10px 0  0  10px;
}
.cur span.prev {
	float:left;
	border-radius: 0px 10px 10px 0px;
}
.cur span.next {
	float:right;
	background:url(../images/rightcur.png) no-repeat center center;
}
.cur span:hover {
	opacity:1;
}
.banner .item {
	/* position:relative; */
	/* height: 600px; */
	overflow: hidden;
}
.banner .item a{display:block}
.banner .item .img{
	 width:100%; 
	display: block;
	/* height: 600px; */
	background-size: 100%;
	background-position: center;
}
.banner .item .text {
font-size:25px;}
.bbwo {
    position: absolute;
    top: 10%;
    left: 15%;
    z-index: 2;
}

.bbwo h4 {
    font-size: 4rem;
}
.bbwo p{
    font-size: 5rem;
    font-weight: bold;
    margin: 5px 0px 2rem;
}
.bbwo span{
    font-size: 2rem;
    padding: 20px 20px 9px 0;
    position: relative;
    border-bottom: 1px solid #333;
}
.bbwo span:before,.bbwo span:after{content:".";display: block;font-size: 0;position: absolute;bottom: -10px;}
.bbwo span:before{
    /* width: 100px; */
    height: 1px;
    background: #333;
}
.bbwo span:after{
    width: 20px;
    height: 20px;
    border-top: 1px solid #333;
    transform: rotate(45deg);
    right: 3px;
}



/**/
.f7bgcor{
    background: #f7f8fc;
    padding: 70px 0px;
}

.bigtitle{
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}
.bigtitle h1{
    font-size: 32px;
}
.bigtitle h1:after{content:"1";width: 70px;height: 2px;background: #6bad3d;display: block;margin: 5px auto;font-size: 0;}
.bigtitle p{font-size:16px;margin:20px auto 0px}
.bigtitle span{
    /* position: absolute; */
    font-size: 100px;
    font-weight: bold;
    color: #eff1f7;
}

.price{
    /* margin: 50px 0 100px 0; */
}
.category{
    margin-top: 20px;
}
.category ul{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 0rem;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #999;
}
.category ul li{
    line-height: 40px;
    cursor: pointer;
    /* background: #fff; */
    /* height: 50px; */
    font-size: 18px;
    position: relative;
    border-right: 1px solid #dee0e2;
    /* padding: 20px 0px; */
    box-sizing: content-box;
    color: #363a47;
}
.category ul li:last-child{
    border: none;
}
.category ul li.active,.category ul li:hover{
    color: #fff;
    /* background: #5c6271; */
}
.category ul li .ddbg{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}
.category ul li .ddbg:after{content:".";display: block;width: 10px;height: 10px;border-radius: 50%;font-size: 0;background: #5c6271;position: absolute;left: -10px;top: -10px;transform: scale(0);/* transition: all 0.4s ease; */}
.category ul li:hover .ddbg:after,.category ul li.active .ddbg:after{
    transform: scale(62);
}
.category ul li:before{content:"1";background: #5c6271;width: 20px;height: 20px;display: block;font-size: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 10px;margin: 0 0 0 -10px;transition: all 0.2s ease;}
.category ul li:hover:before,.category ul li.active:before{
    top: -10px;
}
.category ul li i{
    display: inline-block;
    width: 55px;
    height: 50px;
    margin-right: 10px;
    /* float: left; */
    position: relative;
    z-index: 1;
    transition:all 0.2s ease;
}
.category ul li:hover i,.category ul li.active i{margin-right:20px}
.category ul li:hover path,.category ul li.active path{fill: #6bad3d;}
.category ul li h3{
    display: inline-block;
    /* float: left; */
    position: relative;
    z-index: 1;
}
.category ul li span{
    font-size: 45px;
    color: #2b303d;
    font-weight: 100;
}
.category ul li .power{
    background: url(../images/soluticon1.png) center center no-repeat;
    background-size: 90%;
}
.category ul li .orbit{
    background: url(../images/soluticon2.png) center center no-repeat;
    background-size: 72%;
}
.category ul li .energy{
    background: url(../images/soluticon3.png) center center no-repeat;
    background-size: 85%;
}
.category ul li .ups{
    background: url(../images/soluticon4.png) center center no-repeat;
    background-size: 85%;
}
.category ul li .car{
    background: url(../images/soluticon5.png) center center no-repeat;
    background-size: 100%;
}
.category ul li:hover .power,.category ul li.active .power{
    background: url(../images/soluticonh1.png) center center no-repeat;
    background-size: 90%;
}
.category ul li:hover .orbit,.category ul li.active .orbit{
    background: url(../images/soluticonh2.png) center center no-repeat;
    background-size: 72%;
}
.category ul li:hover .energy,.category ul li.active .energy{
    background: url(../images/soluticonh3.png) center center no-repeat;
    background-size: 85%;
}
.category ul li:hover .ups,.category ul li.active .ups{
    background: url(../images/soluticonh4.png) center center no-repeat;
    background-size: 85%;
}
.category ul li:hover .car,.category ul li.active .car{
    background: url(../images/soluticonh5.png) center center no-repeat;
    background-size: 100%;
}


.cont{display:none;overflow: hidden;clear: both;position: relative;}
.cont .imgnews{
    float: left;
    width: 50%;
}
.cont .imgnews .newsimgbox{
    width: 95%;
    font-size: 0;
}
.cont .imgnews .newsimgbox img{
    width: 100%;
    height: 100%;
}
.cont .imgnews .main{
    width: 95%;
}
.cont .imgnews .main a{
    font-size: 16px;
    position: relative;
    margin: 20px 0px 10px;
    display: block;
}
.cont .imgnews .main a:hover{color:#ff8813;}
.cont .imgnews .main span{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #999;
}
.cont .imgnews .main p{
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.cont .textnews{
    float: right;
    width: 50%;
}
.cont .textnews ul{}
.cont .textnews ul li{
    overflow: hidden;
    clear: both;
    padding: 22px 0px;
    position: relative;
    display: flex;
    align-items: center;
}
.cont .textnews ul li:after{content:"0";width: 100%;height: 1px;display: block;font-size: 0;background: url(../images/syhr.png);position: absolute;bottom: 0;left: 0;}
.cont .textnews ul li:nth-child(3):after{
    display: none;
}
.cont .textnews ul li .time{
    float: left;
    width: 15%;
    color: #999;
}
.cont .textnews ul li .time em{
    font-size: 32px;
    color: #333;
}
.cont .textnews ul li .main{
    float: left;
    width: 85%;
}
.cont .textnews ul li .main a{
    font-size: 16px;
    margin: 0px 0 15px 0;
    display: block;
}
.cont .textnews ul li .main a:hover{color:#ff8813;}
.cont .textnews ul li .main p{
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.cont.active{display:block}
.solimg{
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.solimg img{transition:all 0.2s ease;width: 100%;}
.solimg img:hover{
    transform: scale(1.1);
}
.cont p{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px 2%;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
}

 
.imgbgcor{
    background: #fff;
    padding: 70px 0px;
    }
.tecbox{
    position: relative;
}
.tecimg{
    text-align: center;
}
.tecimg img{width:190px;}
.tecbox ul{
}
.tecbox ul li{
    position: absolute;
    width: 30%;
    line-height: 70px;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: right;
}
.tecbox ul li:before{content:".";display: block;height: 1px;width: 50%;border-top: 1px dashed #6bad3d;font-size: 0;position: absolute;top: 60%;}
.tecbox ul li.tec01:before, .tecbox ul li.tec03:before, .tecbox ul li.tec05:before, .tecbox ul li.tec07:before{left: 100%;}
.tecbox ul li.tec02:before, .tecbox ul li.tec04:before, .tecbox ul li.tec06:before, .tecbox ul li.tec08:before{right:100%}
.tecbox ul li .dot{width: 12px;height: 12px;/* font-size: 0; *//* background: url(../images/jsdot.png) no-repeat; */position: absolute;right: 200%;top: 50%;margin-top: -4px;}
.tecbox ul li .dot:before{
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #6bad3d;
    content: "";
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    }

.tecbox ul li.tec01 .dot, .tecbox ul li.tec03 .dot, .tecbox ul li.tec05 .dot{left: 178%;}
.tecbox ul li.tec02 .dot, .tecbox ul li.tec04 .dot, .tecbox ul li.tec06 .dot{right: 200%;}
.tecbox ul li:hover span{
    transform: rotate(360deg);
    border: 2px solid #6bad3d;
}
.dot{
    position: absolute;
    width: 9px;
    height: 9px;}
.tecbox ul li .dot em{
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    margin-top: -12px;
    margin-left: -13px;
    width: 25px;
    height: 25px;
    border: 1px solid #6bad3d;
    border-radius: 50%;
    background-color: rgba(255,255,255,.4);
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-animation: scaleForEver2 4s linear infinite;
    -moz-animation: scaleForEver2 4s linear infinite;
    -o-animation: scaleForEver2 4s linear infinite;
    animation: scaleForEver2 4s linear infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    }
.tecbox ul li .dot .arrow-city-radio1 {    z-index: 0;
    border: 1px dashed #6bad3d;
}

.tecbox ul li .dot .arrow-city-radio2 {    z-index: 1;
    background-color: rgba(255,255,255,.3);
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;}

.tecbox ul li .dot .arrow-city-radio2 {    z-index: 2;
    background-color: rgba(255,255,255,.3);
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;}
.tecbox ul li .dot .arrow-city-radio3 { z-index: 2;
    background-color: rgba(255,255,255,.3);
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;}
    @-webkit-keyframes scaleForEver2 {
	0% {
	transform:scale(.6);
	-webkit-transform:scale(.6);
	opacity:1
}
70% {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	opacity:.8
}
100% {
	transform:scale(2);
	-webkit-transform:scale(2);
	opacity:0
}
}@keyframes scaleForEver2 {
	0% {
	transform:scale(.6);
	-webkit-transform:scale(.6);
	opacity:1
}
70% {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	opacity:.8
}
100% {
	transform:scale(2);
	-webkit-transform:scale(2);
	opacity:0
}
}
.tecbox ul li:hover h3{color:#6bad3d}
.tecbox ul li.tec01{
    left: 0%;
    top: 18px;
    /* width: 29%; */
}
.tecbox ul li.tec01:before{width: 41%;}
.tecbox ul li.tec01 .dot{left: 139%;}
.tecbox ul li.tec03:before{width: 24%;}
.tecbox ul li.tec03 .dot{left: 123%;}
.tecbox ul li.tec05:before,.tecbox ul li.tec07:before{width: 24%;}
.tecbox ul li.tec05 .dot, .tecbox ul li.tec07 .dot{left: 123%;}
.tecbox ul li.tec02:before{width: 39%;}
.tecbox ul li.tec02 .dot{right: 139%;}
.tecbox ul li.tec04:before{width: 24%;}
.tecbox ul li.tec04 .dot{right: 123%;}
.tecbox ul li.tec06:before,.tecbox ul li.tec08:before{width: 23%;}
.tecbox ul li.tec06 .dot,.tecbox ul li.tec08 .dot{right: 123%;}
.tecbox ul li.tec01:after{/* content:"."; */width: 34%;height: 94px;display: block;position: absolute;right: -99%;top: 21px;border-left: 1px dashed #6bad3d;border-bottom: 1px dashed #6bad3d;font-size: 0;}
.tecbox ul li.tec02{
    right: 0%;
    top: 21px;
}
.tecbox ul li.tec03{
    top: 116px;
    left: 0%;
}
.tecbox ul li.tec04{
    top: 116px;
    right: 0%;
}
.tecbox ul li.tec05{
    top: 219px;
    left: 0%;
}
.tecbox ul li.tec06{
    top: 219px;
    right: 0%;
}
.tecbox ul li.tec07{
    top: 331px;
    left: 0%;
}
.tecbox ul li.tec08{
    top: 331px;
    right: 0%;
}
.tecbox ul li.tec01, .tecbox ul li.tec03, .tecbox ul li.tec05, .tecbox ul li.tec07{
    padding-right: 90px;
}
.tecbox ul li.tec02,.tecbox ul li.tec04,.tecbox ul li.tec06,.tecbox ul li.tec08{
    padding-left: 90px;
}
.tecbox ul li span{
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 0;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #5c6271;
    background-repeat: no-repeat;
    transition: all 0.2s ease;
}
.tecbox ul li.tec01 span{background: url(../images/tecicon01.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec02 span{background: url(../images/tecicon06.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec03 span{background: url(../images/tecicon02.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec04 span{background: url(../images/tecicon05.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec05 span{background: url(../images/tecicon03.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec06 span{background: url(../images/tecicon07.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec07 span{background: url(../images/tecicon04.png) no-repeat center center #fff;background-size: 55%;}
.tecbox ul li.tec08 span{background: url(../images/tecicon08.png) no-repeat center center #fff;background-size: 55%;}

.tecbox ul li.tec01:hover span{background: url(../images/teciconh01.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec02:hover span{background: url(../images/teciconh06.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec03:hover span{background: url(../images/teciconh02.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec04:hover span{background: url(../images/teciconh05.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec05:hover span{background: url(../images/teciconh03.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec06:hover span{background: url(../images/teciconh07.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec07:hover span{background: url(../images/teciconh04.png) no-repeat center center #fff;background-size: 65%;}
.tecbox ul li.tec08:hover span{background: url(../images/teciconh08.png) no-repeat center center #fff;background-size: 65%;}

.tecbox ul li .texrit{
    text-align: right;
    width: 100%;
}
.tecbox ul li .texlet{
    width: 100%;
    text-align: left;
}
.tecbox ul li h3{
    font-size: 18px;
    /*font-weight: bold;*/
    text-align: right;
    line-height: 30px;
}
.tecbox ul li.tec02 h3, .tecbox ul li.tec04 h3, .tecbox ul li.tec06 h3, .tecbox ul li.tec08 h3{
    text-align: left;
}
.tecbox ul li.tec01 span, .tecbox ul li.tec03 span, .tecbox ul li.tec05 span, .tecbox ul li.tec07 span{
    right: 0;
}
.tecbox ul li.tec02 span, .tecbox ul li.tec04 span, .tecbox ul li.tec06 span, .tecbox ul li.tec08 span{
    left: 0;
}

 

.right {text-align:right;}
.center {text-align:center;}
/* Links */a {}
/* Carousel */.carousel-example {/* padding:20px 0 50px 0; */}
#complicated-content-carousel .carousel-control {position:absolute;top: 50%;/* margin-top: -45px; */left:auto;bottom:auto;width: 34px;font-size:25px;color:#3c3c3c !important;opacity:1;}
#complicated-content-carousel .carousel-control.left {right:35px;background: url(../images/qianxleft.png);left: 0;}
#complicated-content-carousel .index {position:absolute;top:-70px;right:0;font-size:16px;color:#3c3c3c;}
#complicated-content-carousel .flex-item {position:relative;display:inline-block;width: 100%;height: 480px;/* padding:16px 13px; */background-color: #bbbdc5;/* border:6px solid #f5f6f7;*/overflow: hidden;}
#complicated-content-carousel .flex-item:hover,#complicated-content-carousel .flex-item:focus {/* border:6px solid #d2d4d5;*//* border-radius:3px;*/}
.choose-color div {display:inline-block;width:21px;height:21px;border-radius:50%;letter-spacing:5px;cursor:pointer;}
.good-bottom {line-height:40px;background: rgba(0,0,0,0.6);position:absolute;bottom:0;left:0;right:0;transition: all ease 0.2s;}
.good-bottom p {margin-top:0;margin-bottom:0;text-align:center;font-size: 22px;color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding: 20px 15px;}
.col-xs-4:hover .good-bottom{background: #6bad3d;}
.flex-item {position: relative;}
.good-image {height: 480px;text-align:center;display: flex;align-items: center;justify-content: center;background: #bbbdc5;overflow: hidden;}
.good-image:before {content:"";display:inline-block;height:100%;vertical-align:middle;display: none;}
.good-image img {vertical-align:middle;transition: all 0.3s ease;min-height: 400px;}

.good-image1 {height: 550px;text-align:center;display: flex;align-items: center;justify-content: center;background: #bbbdc5;overflow: hidden;}
.good-image1:before {content:"";display:inline-block;height:100%;vertical-align:middle;display: none;}
.good-image1 img {vertical-align:middle;transition: all 0.3s ease;width: 100%;height: 100%;}

.col-xs-4:hover .good-image img{transform: scale(1.1);}
.size {position:absolute;padding:0;cursor:pointer;transition:all .35s;}
.size.shown {padding:0 5px 5px 5px;background-color:#fff;border-radius:2px;}
.size.shown .option:hover {background-color:#f5f6f7;}
.carousel-control {width:50px;height:50px;top:50%;transform:translateY(-50%);bottom:auto;font-size:30px;text-align:center;opacity:1;}
a.carousel-control.left,a.carousel-control.right {background-image:none;opacity:1;text-align:center;position: absolute;top: 50%;/* margin-top: -45px; */height: 90px;left: auto;bottom: auto;width: 34px;font-size: 25px;opacity: 1;z-index: 1;background: url(../images/qianxleft.png);}
a.carousel-control.right {background-image:none;background: url(../images/qianxr.png);width: 34px;height: 90px;right: 0px;}

@media only screen and (max-width:350px) {
	#complicated-content-carousel .flex-item {width:300px;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	#complicated-content-carousel .flex-item {/* width:300px; */}
}



/**/
.ffbgcor{background: #f7f8fc;padding: 70px 0px;}
.newsfl{
    font-size: 26px;
  /*   padding-left: 35px;
   background: url(../images/newsicon.png) no-repeat left center;*/
    margin-bottom: 30px;
}
.imgnewsbox{
    width: 49%;
    float: left;
    margin-bottom: 20px;
}
.imgnewsbox li{position:relative}
.textnewsbox{
    width: 48%;
    float: right;
    margin-bottom: 20px;
}
.imgnewsbox .controls{display:none;}
div#slider .pagination li {
    background: #ddd;
}
div#slider .pagination li.active {
    background: #6bad3d;
}
#container {/* width: 100%; */margin:0 auto;position:relative;z-index:0;}
#example {/* width: 100%; *//* height: 387px; *//* position:relative; */}
#ribbon {position:absolute;top:-3px;left:-15px;z-index:500;}
#frame {position:absolute;z-index:0;width:739px;height:341px;top:-3px;left:-80px;}
#slides {position: relative;}
#slides .next,#slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
.slides_container {/* width: 100%; *//* min-height: 441px; */overflow:hidden;/* position:relative; */}
#slides .next {left:585px;}
.pagination {position: absolute;right: 3%;bottom: 30px;z-index: 9;}
.pagination li {float:left;margin: 0 5px;}
.pagination li a {display:block;width: 10px;height: 10px;background: #fff;border: 1px solid #fff;float:left;overflow:hidden;font-size: 0;padding: 0;}
.pagination li.current a {background-position:0 -12px;border: 1px solid #6bad3d;background: #6bad3d;}
.caption {position:absolute;bottom: 0;left: 0;right: 0;padding: 20px 3%;background: rgba(0,0,0,0.8);/* width: 100%; */color:#fff;font-size: 18px;}
.caption p:hover{
    color: #6bad3d;
}
.caption span{
    font-size: 14px;
    color: #cccccc;
    margin-bottom: 5px;
    display: block;
}
.caption p{

 white-space: nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.slides_control li{
    font-size: 0;
    /* width: 100%; */
    /* overflow: hidden; */
    /* min-height: 440px; */
    margin: 0 auto;
}
.slides_control li a{
    font-size: 0;
    display: block;
    height: 100%;
}
.slides_control li a img{
    width: 100%;
    height: 100%;
    display: block;
}   


.c-banner {width:100%;position:relative;/* height: 400px; */margin-bottom: 40px;}
.c-banner img {width:100%;}
.c-banner .newsbanner{margin-bottom:50px}
.c-banner .newsbanner ul {list-style:none;padding-left:0px;margin-bottom:0px;overflow: hidden;}
.c-banner .newsbanner ul li {/* position: absolute; */opacity:0;overflow: hidden;}
.c-banner .newsbanner ul li:nth-child(1) {opacity:1;display:block;}
.c-banner .newsbanner ul li img {width:100%;position:absolute;top:0px;transition: transform ease 0.2s;}
.c-banner .newsbanner ul li img:hover{transform:scale(1.2)}
.c-banner .newsbanner ul li:first-child img {position:relative;}
.c-banner .nexImg,.c-banner .preImg {padding:25px 10px 25px 10px;position:absolute;top:50%;margin-top:-53px;background:#000000;opacity:0.5;border-radius:5px;z-index:10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover {opacity:0.8;}
.c-banner .nexImg {right:0px;}
.c-banner .nexImg img,.c-banner .preImg img {}
.c-banner .jumpBtn {/* width:100%; */position:absolute;bottom:20px;text-align:center;right: 20px;}
.c-banner .jumpBtn ul {margin-bottom:0px;padding:0px;}
.c-banner .jumpBtn ul li {width: 12px;height: 12px;border-radius: 0;display:inline-block;background-color:white;opacity:0.9;margin-left:10px;}
.c-banner .jumpBtn ul li:first-child {margin-left:0px;}





.newsbox{
    /* height: 440px; */
}
.newsbox ul{
    /* height: 440px; */
}
.newsbox ul li{
    position: relative;
    margin-bottom: 20px;
}
.newsbox ul li:hover .main h4{color:#6bad3d}
.newsbox ul li .date{
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    text-align: center;
}
.newsbox ul li .date em{
    font-size: 44px;
    display: block;
    color: #2b303d;
}
.newsbox ul li .date span{
    font-size: 14px;
    color: #666;
}
.newsbox ul li .main{
    margin-left: 0px;
    /* margin-bottom: 35px; */
}
.newsbox ul li .main h4{
    font-size: 18px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 18px;
    margin-bottom: 10px;
}
.newsbox ul li .main h4:after{content:"0";display: block;width: 35px;height: 1px;background: #696969;margin: 7px 0px 10px;font-size: 0;}
.newsbox ul li .main p{
    font-size: 14px;
    line-height: 20px;
    color: #5a5a5a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0px;
}

.newsbox ul li .main .time{
    font-size: 14px;
    line-height: 20px;
    color: #8d8d8d;
    
}

.newsbox ul li .main a{
    font-size: 12px;
    color: #6bad3d;
    padding: 3px 7px;
    border: 1px solid #6bad3d;
    margin: 10px 0px 0;
    display: inline-block;
}
.newsbox ul li .main a:hover{
    background: #6bad3d;
    color: #fff;
}

a.newsmore {
    color: #333333;
    border: 1px solid #333333;
    padding: 8px 60px;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
   /* text-align: left;
    position: absolute;*/
    bottom: -45px;
    /* left: 0; */
        margin-left: 42%;
}
a.newsmore:hover {
    color: #ffffff;
    background: #333333;
}
a.newsmore:after{transition: all ease 0.2s;content:">>";display: inline-block;margin-left: 0px;display: none;}
a.newsmore:hover:after{
    margin-left: 10px;
}
.imgnewsbox a.newsmore{left: 50%;margin-left: -200px;}

/**/
.abimgbg{background-image: url(../images/aboutbg.png);background-repeat: no-repeat;background-position: right 50px;}
.aboutbox{
}
.aboutbox:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; } 
.comimg{
    float: left;
    width: 49%;
}
.comimg img{
    width: 100%;
}
.commain{
    float: right;
    width: 48%;
}
.abouttitle{
    text-align: left;
    position: relative;
}
.abouttitle h1{
    font-size: 32px;
    margin-bottom: 20px;

}
.abouttitle h1:after{/* content:"1"; */width: 70px;height: 2px;background: #6bad3d;display: block;margin: 5px 0;font-size: 0;}
.abouttitle span{
    /* position: absolute; */
    font-size: 100px;
    font-weight: bold;
    color: #eff1f7;
    line-height: 100px;
}
.commain p{
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.commain a{
    display: inline-block;
   /* border: 1px solid #333333;*/
    border-radius: 6px;
    color: #6bad3d;
  /*  padding: 10px 25px 10px 25px;*/
    font-size: 14px;
   /* background: url(../images/morebut.png) no-repeat 20px center;*/
    margin: 20px 0px  0px;
    transition:all 0.2s ease
}
/*.commain a:hover{background:#6bad3d;color:#fff;padding: 10px 35px 10px 35px;border: 1px solid #6bad3d;} */
.numberbox{}
.h_top {
    min-height: 700px;
}
.numberbox ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 60px;
    gap: 3rem;
}
.numberbox ul li{
    position: relative;
    border-right: 1px solid #ddd;
}
.numberbox ul li:last-child{border:none}
.numberbox ul li span{
    color: #666;
    display: block;
}
.numberbox ul li p{
    font-size: 38px;
    font-weight: bold;
    display: inline-block;
}
.numberbox ul li em{
    font-size: 22px;
    display: inline-block;
} 
.numberbox ul li i{
    background-image: url(../images/abouticon.png);
    background-repeat: no-repeat;
    background-position: 0,0;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: 20px;
    top: -10px;
    transition:all 0.2s ease
}
.numberbox ul li:hover i{right:50px;background-image: url(../images/abouticonh.png);}
.numberbox ul li i.zhuanli{}
.numberbox ul li i.shenqing{
    background-position: -90px,0;
}
.numberbox ul li i.guimo{
    background-position: -170px,0;
}
.numberbox ul li i.yanfa{
    background-position: -260px,0;
}
#four_flash .caselist{
    height: 200px;
}
#four_flash .flashBg ul.casebox li p{
    text-align: left;
    font-size: 16px;
    padding: 0px 3%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 46px;
    width: 94%;
}


























/*--------------*/
.footercon{
    padding: 80px 0px 40px;
    /* border-top: 1px solid #ddd; */
    /* margin-top: 60px; */
    background: #2e3035;
}
.footbox {
    overflow: hidden;
    clear: both;
}
.footbox .left{
    float: left;
    width: 80%;
    margin-bottom: 40px;
}
.footbox .left .footnav{overflow: hidden;clear: both;}
.footbox .left .footnav li{
    float: left;
    width: 16.6666%;
}
.footbox .left .footnav h3{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.footbox .left .footnav h3:after{content:"0";font-size: 0;display: block;width: 16px;height: 2px;background: #bdbdbd;margin: 15px 0px;}
.footbox .left .footnav a{
    display: block;
    color: #dedede;
    line-height: 30px;
    font-size: 14px;
}
.footbox .left .footnav a:hover{color:#6bad3d}
.footbox .right{
    float: right;
    text-align: right;
}
.footbox .right .footlogo {
    margin-bottom: 20px;
}
.footbox .right .footphone{
    /* text-align: right; */
    color: #fff;
    margin-bottom: 20px;
    line-height: 25px;
}
.footbox .right .footphone img{}
.footbox .right .footphone span{
    display: block;
    font-size: 24px;
    color: #fff;
}
 .footcontent{
    float: right;
    height: 100px;
    display: flex;
    align-items: center;
    margin-right: 30px;
}
 .footcontent a{
    display: block;
    float: left;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-image: url(../images/footico1.png);
    background-repeat: no-repeat;
    /* margin-left: 15px; */
    transition: all 0.2s ease;
}
 .footcontent a.wei{
    background-position: 0px 0px;
}
 .footcontent a.wb{
    background-position: -50px 0px;
}
 .footcontent a.wei:hover{
    background-position: 0px -46px;
}
 .footcontent a.wb:hover{
    background-position: -50px -46px;
}
.footcontent{}
.footcontent ul{}
.footcontent ul li{
    float: left;
    position: relative;
    margin-left: 10px;
}
.footcontent ul li .sqrcode_wrap{display:none;position: absolute;top: 60px;background: #fff;opacity: 0;transition: all 2s ease;z-index: 9;}
.footcontent ul li:hover .sqrcode_wrap{display:block;top: -140px;opacity: 1;left: 7px;}
.sq_img {
    width: 110px;
    height: 110px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 21px;
    left: -48px;
    border-radius: 4px;
    box-shadow: 0 0 4px #060606;
}
.sq_img img{margin:5px;width: 100px;}
.sq_img:before {
    content: "0";
    font-size: 0;
    height: 0px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #fff;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    z-index: 99;
    margin-left: -5px;
}
 .beian{
    text-align: center;
    color: #999;
    margin-bottom: 0px;
    background: #000;
    line-height: 55px;
}
 .beian p{float:left}
 .beian span{float:right}

 
.mainbanner{
    position: relative;
    z-index: 1;
    margin-top: 80px;
}
.bannerimg{
    font-size: 0;
}
.bannerimg img{
    width: 100%;
}
.breadnav{
  /*  position: absolute;*/
    bottom: 0;
    line-height: 40px;
    background: #f6f8fc;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.breadthing{
    /*background: url(../images/homeicon.png) no-repeat left center;
    padding-left: 25px;*/
}
.breadnav a{
    margin: 0 5px;
}

.breadnav a:hover,.breadnav a:last-child{
   color: #75b033;
}
.breadnav span{
    color: #75b033;
    margin-left: 5px;
}

.plannavbox{
    padding: 30px 0px;
    
}
.plannav{}
.plannav ul{
    /* margin: 0 auto; */
    overflow: hidden;
    clear: both;
    text-align: center;
}
.plannav ul li{
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    /* float: left; */
    margin: 0px 15px;
}
.plannav ul li.active,.plannav ul li:hover{
    color: #75b033;
}
.plannav ul li:after{content:"0";font-size: 0;display: block;width: 90px;height: 3px;/*background: #ffffff;*/margin: 10px auto 0;}

.plannav ul li.active:after,.plannav ul li:hover:after{background: #75b033;}
.plannav ul li h3{}

.planbox{display:none}
.planbox.active{display:block} 
.plantitle{
    text-align: center;
}
.plantitle h3{
    font-size: 32px;
    margin-bottom: 20px;
}
.plantitle p{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 50px;
}
.planmain,.probox{
    background: #f9f9f9;
    padding: 0px 0;
}
.planmain ul{}
.planmain ul li{
    overflow: hidden;
    clear: both;
    background: #fff;
    margin-bottom: 0px;
    position: relative;
}
.planmain ul li .planimg{
    width: 50%;
    font-size: 0;
}
.planmain ul li .planimg{}
.planmain ul li .plantext{padding: 40px 3%;/* position: relative; *//* min-height: 200px; */width: 50%;}
.plleft{
    float: left;
    overflow:hidden
}
.plright{
    float: right;
    overflow:hidden
}
.planimg img{
    width: 100%;
    transition:all 0.2s ease
}
.planimg img:hover{transform:scale(1.1)}
.plantext h2{
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}
.plantext p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.plantext a.more{
    color: #75b033;
    position: absolute;
    bottom: 30px;
    transition:all 0.2s ease
}
.plantext a.more:hover{margin-left:20px}
.plantext a:hover{color: #75b033;}

/*õ*/
.bannertext{
    position: absolute;
    width: 100%;
    /* height: 100%; */
    top: 50%;
    left: 0;
    margin-top: -80px;
}
.bannertext span{
    font-size: 42px;
    color: #fff;
}
.bannertext p{
    font-size: 54px;
    color: #fff;
    line-height: 80px;
}
.maintitle{
    font-size: 32px;
    margin-bottom: 60px;
    text-align: center;
}
.mab20{margin-bottom: 20px;}
.mainmain{
    font-size: 16px;
    line-height: 32px;
   /* text-align: center;*/
    color: #666;
}
.ffbg{
    background:#fff;
    padding: 70px 0px;
}
.graybg{
    background: #fcfcfc;
    padding: 70px 0px;
}
.goods{}
.goods ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1rem;
}
.goods ul li{}
.goods ul li i{
    display: block;
    width: 130px;
    height: 100px;
    margin: 40px auto;
    background-image: url(../images/goodicon.png);
    background-repeat: no-repeat;
}
.goods ul li i.good01{}
.goods ul li i.good02{background-position: -155px 0px;}
.goods ul li i.good03{background-position: -320px 0px;}
.goods ul li i.good04{background-position: -481px 0px;}
.goods ul li span{
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    display: block;
}
.maiimg{}
.maiimg img{
    max-width: 850px;
    display: block;
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
}
.product{
    background: #fff;
    /* height: 380px; */
    position: relative;
    overflow: hidden;
    clear: both;
    border: 1px solid #ddd;
    box-sizing: content-box;
}
.proimg{
    width: 45%;
    height: 350px;
    float: left;
    background: radial-gradient(#fafafa,#d5d4da );
    display: flex;
    align-items: center;
    justify-content: center;
}
.proimg img{
    max-height: 90%;
}
.promain{
    width: 55%;
    float: left;
    padding: 40px 3%;
}
.promain h2{
    font-size: 38px;
    margin-bottom: 20px;
}
.promain h2:hover{color:#75b033;cursor:position}
.promain .divul {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;
    line-height: 30px;
    font-size: 16px;
}
.promain ul li{}
.promain span{
    font-size: 16px;
    display: block;
    font-size: 18px;
    line-height: 38px;
    color: #666;
}


.promain span:before{content:".";font-size: 60px;line-height: 0px;margin-right: 10px;}
.product a.more{
    display: block;
    font-size: 14px;
    color: #75b033;
   /* border: 1px solid #ddd;*/
    border-radius: 50px;
    padding: 5px 0px;
    position: absolute;
    bottom: 20px;
}

.product a.more:hover{margin-left:20px}


.product a:hover{color: #75b033;/*background:#75b033;border: 1px solid #75b033;*/}

.controls {}
.controls li{
    top: 42%;
}
.controls li:first-child{
    left: 0;
}
.controls li:last-child{
    right: 0;
}

/**/

.probox ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5rem;
    margin-bottom: 70px;
}
.probox ul li{
    background: #fff;
    position: relative;
}
.probox ul li .proimg{
    height: 190px;
    overflow:hidden
}
.probox ul li .proimg img{
    height: 85%;
    transition:all 0.2s ease
}
.probox ul li .proimg img:hover{transform:scale(1.1)}
.probox ul li .protext{
    width: 55%;
    float: left;
    padding: 15px 3%;
    /* position: relative; */
    /* cursor: pointer; */
}
.probox ul li .protext h2{
    font-size: 20px;
    margin-bottom: 10px;
}
.probox ul li .protext span{
    display: inline-block;
    width: 100%;
    /* float: left; */
    line-height: 25px;
    color: #666;
}
.probox ul li .protext span:before{  /*content:".";font-size: 40px;margin-right: 10px;line-height: 0;*/}
.probox ul li .protext a{
    color: #33333;
    /*position: absolute;*/
    bottom: 20px;
    display: block;
}

.probox ul li .protext a:hover{
    color: #75b033;
   
}

.lb-box {
  width: 100%;
  /* height: 352px; */
  margin: 15px auto;
  position: relative;
  overflow: hidden;
}
@media (max-width:568px) {
  .lb-box {
    /* width: 76%; */
    /* height: 220px; */
  }
}

.lb-content {
  width: 100%;
  /* height: 100%; */
}

.lb-item {
  width: 100%;  
  height: 100%;
  display: none;
  position: relative;   
}

.lb-item > a {
  width: 100%;
  height: 100%;
  display: block;
}

.lb-item > a > img {
  width: 100%;
  height: 100%;
}

.lb-item > a > span {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  padding: 15px;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}
@media (max-width:568px) {
  .lb-item > a > span {
    padding: 10px;
  }
}

.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}

/*  */
.lb-item.next,
.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,
.lb-item.prev.right {
  left: 0%;
}

.lb-sign {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 5px 3px;
  border-radius: 6px;
  list-style: none;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
  display: none;
}

.lb-sign li {
  width: 22px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  float: left;
  color: #aaa;
  margin: auto 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lb-sign li:hover {
  color: #fff;
}
.lb-sign li.active {
  color: #000;
  background-color: #EBEBEB;
}

.lb-ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
  font-weight: normal;
}
@media (max-width:568px) {
  .lb-ctrl {
    font-size: 30px;
  }
}
.lb-ctrl.left {
  left: -50px;
}
.lb-ctrl.right {
  right: -50px;
}
.lb-box:hover .lb-ctrl.left {
  left: 10px;
}
.lb-box:hover .lb-ctrl.right {
  right: 10px;
}
.lb-ctrl:hover {
  background-color: #000;
}

/**/
.promimbx{
    position: absolute;
    left: 0;
    top: 0;
    width: 420px;
    height: 300px;
}
.promimbx img{transition:all 0.2s ease;width: 100%;}
.promimbx img:hover{transform:scale(1.1)}
.promaincon{
    margin-left: 450px;
    min-height: 300px;
}
.promaincon h2{font-size: 26px;margin-bottom: 20px;}
.promaincon p{
    font-size: 16px;
    line-height: 35px;
    color: #2f2f2f;
}

.prgoods{}
.prgoods ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0rem;
}
.prgoods ul li{}
.prgoods ul li i{
    display: block;
    width: 95px;
    height: 80px;
    margin: 40px auto 10px;
    background-image: url(../images/prgoodsicon.png);
    background-repeat: no-repeat;
}
.prgoods ul li i.good01{}
.prgoods ul li i.good02{background-position: -110px 0px;}
.prgoods ul li i.good03{background-position: -225px 0px;}
.prgoods ul li i.good04{background-position: -340px 0px;}
.prgoods ul li span{
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.prgoods ul li p{
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    display: block;
    color: #666;
}
.eebox img {
    width: 100%;
}
.downbox{}
.downbox ul{
    overflow: hidden;
    clear: both;
}
.downbox ul li{
    float: left;
    width: 45%;
    padding-left: 6%;
    margin-right: 5%;
    background-image: url(../images/downicon.png);
    background-repeat: no-repeat;
    background-position: 0 17px;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 0.2s ease;
}
.downbox ul li:hover{
    background-position: 0 -95px;
}
.downbox ul li:last-child{border:0}
.downbox ul h5{

font-size: 18px;

line-height: 30px;
}
.downbox ul a:hover h5{ color: #75b033;}
.downbox ul p{line-height: 30px;color: #999;}
.downbox ul li a span{display:none;}
.container{}
.parameter-list{}
.parameter-data{
    font-size: 0;
    margin-top: 15px;
}
.parameter-data h4{
    font-size: 18px;
    display: inline-block;
    padding: 0 0px 0 0;
    /* width: 8%; */
    vertical-align: top;
    color: #75b033;
    padding: 0px 0;
    position: absolute;
    left: 0;
    margin: 0;
}
.parameter-data ul{
    vertical-align: middle;
    font-size: 14px;
    display: inline-block;
    width: 92%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    padding-left: 100px;
}
.parameter-data ul li{
    font-size: 14px;
    display: inline-block;
    padding-right: 3%;
    width: 46%;
    vertical-align: top;
    line-height: 2;
}
.parameter-data ul li span{
    color: #606060;
}

.anli-image{overflow:hidden}
.anli-image img {
    width: 100%;
    transition:all 0.2s ease
}
.anli-image img:hover{transform:scale(1.1)}
#complicated-content-carousel .heiauto{
    width: 100%;
    height: auto;
}
.anli-bottom p{
	background:rgba(0,0,0,0.8);
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	line-height: 36px;
	font-size: 18px;
	margin: 0;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.heiauto:hover .anli-bottom p{color:#fff;background:#6bad3d}

.banner01{width: 420px;height: 300px;position:relative;overflow:hidden;}
.banner01-btn{display: block !important;}
.banner01-btn a{display:block;line-height:40px;position:absolute;top:120px;width:40px;height:40px;overflow: hidden;z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner01-img{/* font-size:0; */ *word-spacing:-1px;position:relative;}
.banner01-img li{display: block;*display:inline;*zoom:1;width: 420px;height: 300px;display: flex;align-items: center;justify-content: center;background: radial-gradient(#fafafa,#d5d4da );float: left;}
.banner01 i{background: url(../images/turnicon.png)  no-repeat;width: 25px;height: 40px;cursor:pointer;margin: 8px 0 0 12px;display:block;}
.banner01 .nextBtn i{background-position: 0px -38px;}
.banner01 .prevBtn i{background-position: 0px 0px;}
.banner01 .nextBtn:hover i{background-position: 0px -118px;}
.banner01 .prevBtn:hover i{background-position: 0px -77px;}


.promimbx .owl-carousel .owl-item{display: block;*display:inline;*zoom:1;width: 420px;height: 400px;display: flex;align-items: center;justify-content: center;background: radial-gradient(#fafafa,#d5d4da );float: left;}
.promimbx .owl-theme .owl-controls{display:none}

/**/
.promain01con{
    margin-right: 50%;
    min-height: 370px;
}
.promain01con h2{
    font-size: 30px;
    padding: 20px 0px;
}
.promain01con p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-bottom: 50px;
}
.thrxs{
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    text-align: center;
}
.thrht{
}
.thrht img{}
.thrxs span{
    display: inline-block;
    text-align: center;
    margin: 25px 0px 0px 100px;
    font-size: 20px;
    color: #75b033;
    border: 1px solid #75b033;
    padding: 10px 15px;
    border-radius: 50px;
}
.famain{}
.famain ul{
    display: grid;
    grid-template-columns: repeat(5,1fr);
}
.famain ul li{
    background: #fcfcfc;
    position: relative;
}
.faimg{
    font-size: 0;
}
.faimg img{
    width: 100%;
}
.fatext{
    height: 150px;
    position: relative;
}
.fatext:before{content:".";font-size: 0;width: 20px;height: 20px;display: block;background: #fcfcfc;position: absolute;left: 50%;transform: rotate(45deg);margin-left: -10px;}
.fatext:nth-child(2n+1):before{bottom: -10px;}
.fatext:nth-child(2n):before{top: -10px;}
.fatext p{
    padding: 20px;
    font-size: 15px;
    line-height: 25px;
    color: #666;
    position: relative;
    text-align: justify;
}
.fatext p:before{content:".";width: 30px;height: 2px;background: #75b033;font-size: 0;display: block;margin-bottom: 10px;}























/**/
.zicon{
    display: none;
    /* margin-bottom: 70px; */
    padding: 40px 0px;
}

.zicon1 {
    display: none;
    /* margin-bottom: 70px; */
    padding: 10px 0px;
}

.zicon.active{display: block;/* background-color: #f6f6f6; */}


.zicon1.active{display: block;/* background-color: #f6f6f6; */}
.casecon ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 70px;
}
.casecon ul li{
    position: relative;
    font-size: 0;
    overflow: hidden;
}
.casecon ul li img{
    width: 100%;
    transition:all 0.2s ease
}
.casecon ul li img:hover{transform:scale(1.1)}
.casecon ul li p{
    text-align: left;
    font-size: 16px;
    padding: 0px 3%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 46px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.65);
    color: #fff;
    transition:all 0.2s ease
}
.casecon ul li:hover p{background:#75b033;padding-left:30px}

/**/
.casemainbox{
    margin-top: 70px;
    overflow: hidden;
    clear: both;
    font-size: 0;
    margin-bottom: 40px;
}
.casemainimg{
    width: 50%;
        height: 400px;
    float: left;
    overflow:hidden
}
.casemainimg img{
    width: 100%;
    transition:all 0.2s ease
}
.casemainimg img:hover{transform:scale(1.1)}
.casemaintext{
    width: 47%;
    float: right;
}
.casemaintext h2{
    font-size: 24px;
    margin: 20px 0px 30px;
}
.casemaintext span{
    font-size: 16px;
    line-height: 25px;
    display: block;
    border-left: 2px solid #6bad3d;
    padding-left: 10px;
    margin-bottom: 15px;
}
.addclass {
    position: relative;
}
.allmain{
    margin-bottom: 70px;
}
.allmain span{
    font-size: 22px;
    line-height: 25px;
    display: block;
    border-left: 2px solid #6bad3d;
    padding-left: 10px;
    margin-bottom: 10px;
}
.allmain p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}



/**/
.words{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -58px;
}
.words h2{
    font-size: 38px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    top: 10px;
}
.words h2:after{content:"0";display: block;width: 80px;height: 2px;background: #fff;font-size: 0;margin: 5px auto;}
.words span{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    display: block;
    color: rgba(255,255,255,0.05);
}
.jieshao{
    margin: -30px 0px 0px;
}
.jieshao p{
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.jieshao ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    margin: 70px 0px 50px;
}
.jieshao ul li{
    cursor: pointer;
}
.jieshao ul li i{
    display: block;
    width: 135px;
    height: 112px;
    margin: 0 auto;
    background-image: url(../images/severicon.png);
    background-repeat: no-repeat;
}
.jieshao ul li:hover i{-webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.jieshao ul li:hover h3{
    color: #75b033;
}
.jieshao ul li:hover p{}
.jieshao ul li.sever01 i{background-position: 0px 0;}
.jieshao ul li.sever02 i{background-position: -157px 0;}
.jieshao ul li.sever03 i{background-position: -307px 0;}
.jieshao ul li.sever04 i{background-position: -464px 0;}
.jieshao ul li.sever05 i{background-position: -624px 0;}
.jieshao ul li.sever06 i{background-position: -760px 0;}
.jieshao ul li h3{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin: 10px 0px;
}
.jieshao ul li p{
    font-size: 14px;
    line-height: 25px;
}
.fangshi{
    background: #fcfcfc;
}
.fangshi ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2.5rem;
    padding: 70px 0px;
}
.fangshi ul li{
    padding-left: 65px;
    border-right: 1px solid #ddd;
    transition: all 0.4s ease;
    cursor:pointer;
}
.fangshi ul li:last-child{border:0}
.fangshi ul li.fs01{background: url(../images/severicon001.png) no-repeat;}
.fangshi ul li.fs02{background: url(../images/severicon002.png) no-repeat;}
.fangshi ul li.fs03{background: url(../images/severicon003.png) no-repeat;}
.fangshi ul li.fs04{background: url(../images/severicon004.png) no-repeat;}
.fangshi ul li:hover{background-position: 0 -80px;}
.fangshi ul li:hover span{color:#6bad3d}

.fangshi ul li span{
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}
.fangshi ul li p{
    font-size: 16px;
    color: #666;
}
.tesebox{
    background: url(../images/severbg.jpg) top center no-repeat;
    min-height: 560px;
}
.tesebox .lekoh{
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 360px;
    margin: 100px 0px;
    background: url(../images/severbg01.jpg);
}
.tesebox .lekoh .sologn{
    margin: 40px;
    height: 280px;
    border: 1px solid #fff;
    padding: 55px 40px;
}
.tesebox .lekoh .sologn span{
    color: #fff;
    font-size: 32px;
    display: block;
    line-height: 56px;
    letter-spacing: 10px;
}
.tesebox .lekoh .sologn span.te0{}
.tesebox .lekoh .sologn span.te10{
    padding-left: 30px;
}
.tesebox .lekoh .sologn span.te20{
    padding-left: 60px;
}
.tesebox .tesemain{
    margin-left: 402px;
    padding: 100px 0px;
}
.tesebox .tesemain ul{}
.tesebox .tesemain ul li{
    height: 179px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    margin-bottom: 2px;
    padding: 20px 40px;
}
.tesebox .tesemain ul li.kc h4{
    background-position: 0 4px;
}
.tesebox .tesemain ul li.js h4{
    background-position: 0 -57px;
}
.tesebox .tesemain ul li h4{
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 55px;
    line-height: 40px;
    background: url(../images/tsicon.png) no-repeat;
}
.tesebox .tesemain ul li p{
    line-height: 26px;
    color: #ddd;
}
/**/
.menu_list{
    margin-bottom: 100px;
}
.menu_list li{}
.menu_list li h3{
    font-size: 18px;
    position: relative;
    padding-left: 35px;
    line-height: 50px;
    /* background: #fbfbfb; */
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    cursor: pointer;
}
.menu_list li h3:before{content:".";margin-right: 10px;width: 3px;height: 22px;background: #75b033;font-size: 0;display: block;position: absolute;left: 20px;top: 15px;}
.menu_list li h3:after{content:"+";display: block;position: absolute;right: 0;top: 0;font-size: 26px;transition: all 0.2s ease;}
.menu_list li .sever00{
    background: #ffffff;
    padding: 40px;
    font-size: 16px;
    line-height: 32px;
    display: block;
    height: 0;
    transition: all 0.2s ease;
    padding: 0px 40px;
    overflow: hidden;
}
.menu_list li.current .sever00{
    background: #ffffff;
    padding: 40px;
    font-size: 16px;
    line-height: 32px;
    display: block;
    height: auto;
}
.menu_list li.current h3{color:#6bad3d}
.menu_list li.current h3:after{transform: rotate(135deg);}

/**/

.plannavbox{}
.downnav{}
.downnav ul{
    text-align: center;
}
.downnav ul li{
    text-align: center;
    cursor: pointer;
    display: inline-block;
    /* float: left; */
    padding: 0;
    font-size: 18px;
    color: #666;
}
.downnav ul li:after{content:"/";margin: 0px 15px;font-size: 16px;}
.downnav ul li:last-child:after{font-size:0px}
.downnav ul li.active,.downnav ul li:hover{
    color: #75b033;
}
.downmaincon{display:none}
.downmaincon.active{display:block}
.downmaincon{
    margin: 50px 0px 100px;
}
.downmaincon ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5rem;
}
.downmaincon ul li{
    background: url(../images/downicon01c.png) no-repeat 30px center #fcfcfc;
    align-items: center;
    min-height: 60px;
    padding: 30px;
}
.downmaincon ul li span{
    font-size: 22px;
    display: block;
    float: left;
    line-height: 60px;
    text-align: justify;
}
.downmaincon ul li a{
    display: block;
    float: right;
    background: #fff;
    line-height: 30px;
    padding: 2px 15px;
    border-radius: 6px;
    border: 1px solid #75b033;
    color: #75b033;
    margin: 15px 0;
}

.downmaincon ul li a:hover{background:#75b033;color:#fff}
/**/
.aboutcon{
    margin: 70px auto 0;
}
.jianjie{
    width: 48%;
    float: left;
    margin-bottom: 70px;
}
.jianjie h4{
    font-size: 38px;
    margin: 30px 0px 30px;
}
.jianjie p{
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.compimg{
    width: 50%;
    float: right;
    font-size: 0;
    margin-bottom: 70px;
    overflow:hidden
}
.compimg img{
    width: 100%;
    transition:all 0.2s ease
}
.compimg img:hover{transform:scale(1.1)}
.wenhua{
    margin-bottom: 70px;
}
.wenhua ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
}
.wenhua ul li{
    border-right: 1px solid #ddd;
    cursor:pointer
}
.wenhua ul li:last-child{
    border-right: 0;
}
.wenhua ul li:hover i{
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
.wenhua ul li i{
    display: block;
    width: 80px;
    height: 90px;
    background: url(../images/abicon.png) no-repeat;
    margin: 0 auto;
}
.wenhua ul li.wh01 i{background-position: 0 0px;}
.wenhua ul li.wh02 i{background-position: -89px 0;}
.wenhua ul li.wh03 i{background-position: -186px 0;}
.wenhua ul li h5{
    font-size: 24px;
    margin: 20px 0px 10px;
}
.wenhua ul li:hover h5{color:#75b033}
.wenhua ul li span{
    font-size: 18px;
    color: #666;
}
.licheng{background: url(../images/lichbg.jpg) no-repeat top center;background-size: cover;min-height: 700px;}
.licheng h3{
    font-size: 40px;
    text-align: center;
    color: #fff;
    padding: 100px 0px 70px;
}
.licbox{width: 90%;overflow: hidden;margin: 0 auto;}
.licbox *{
    box-sizing: content-box;
}
.licbox ul{
    display: flex;
    color: #fff;
    transition-duration: 0.3s;
    width: 150%;
    position: relative;
    left: 0px;
}
.licbox ul li{
    position: relative;
    width: 65%;
    height: 400px;
}
.licbox ul li:nth-child(2n){
    margin-left: -100px;
}
.licbox ul li:before,.licbox ul li:after{content:".";position: absolute;left: 2px;font-size: 0;}
.licbox ul li:before{
    border-left: 1px solid #ddd;
    height: 200PX;
    display: block;
    top: 0;
}

.licbox ul li:after{
    width: 5px;
    height: 5px;
    background: #fff;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0px;
}
.licbox ul li:nth-child(2n):before{
    top: 50%;
}
.licbox ul li:nth-child(2n):after{
    top: 100%;
    margin-top: -5px;
}
.licbox ul li h4{
    font-size: 28px;
    margin-bottom: 10px;
}
.licbox ul li span{
    font-size: 16px;
    line-height: 26px;
    display: block;
}
.licbox ul li .itme{
    position: absolute;
    height: 180px;
    border-bottom: 1px solid #fff;
    top: 0px;
    width: 122%;
    padding-top: 20px;
    padding-left: 30px;
}
.licbox ul li:nth-child(2n) .itme{
    border-top: 1px solid #fff;
    border-bottom: 0;
    top: 50%;
    margin: 0;
    /* padding-top: 20px; */
}
.hrighttbut,.hleftbut {width: 52px;height: 52px;position: absolute;top: 63%;background: url(../images/hleftbut.png) no-repeat;cursor: pointer;}
.hrighttbut {left: 0;}
.hleftbut {right: 0;background: url(../images/hrighttbut.png) no-repeat;}
.hrighttbut:hover{background: url(../images/hhleftbut.png) no-repeat;}
.hleftbut:hover{background: url(../images/hhrighttbut.png) no-repeat;}
/**/
.newscon{}
.imgnews{}
.imgnews ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5rem;
}
.imgnews ul li{
    position: relative;
    font-size: 0;
}
.imgnews ul li a{}
.imgnews ul li a .newsimg{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.imgnews ul li a .newsimg img{width:100%;transition: all 0.2s ease;height: 350px;}
.imgnews ul li a .newsimg img:hover{transform:scale(1.1)}
.imgnews ul li a h3{
    position: absolute;
    bottom: 0px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    padding: 10px 3%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition:all 0.2s ease
}
.imgnews ul li:hover h3{background:#75b033;padding-left:30px}
.textnews{
    margin-top: 50px;
}
.textnews ul{}
.textnews ul li{
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
    /* position: relative; */
}
.textnews ul li a{
    position: relative;
    display: block;
    padding-left: 0px;
    transition: all 0.2s ease;
}
.textnews ul li a h3{
    font-size: 18px;
    margin-bottom: 15px;
}
.textnews ul li a em{
    font-size: 14px;
    color: #999;
}
.textnews ul li a span{
    position: absolute;
    right: 30px;
    top: 25px;
    color: #999;
    transition: all 0.2s ease;
}
.textnews ul li a:hover{
    color: #75b033;
    padding-left: 30px;
}
.textnews ul li a:hover span{right:50px;color: #75b033;}

/**/

.newsmaincon{
    margin: 100px auto;
}
.newsmaincon h1{
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
}
.time-share{
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.time-share span{height: 20px;line-height:30px;}
.time-share a{
    font-size: 16px;
    color: #75b033;
    width: 22px;
    height: 20px;
  /*  display: inline-block;
    background: url(../images/wei-bo.png) no-repeat;
    margin-left: 15px;*/
}
.time-share a.weiicon{}
.time-share a.boicon{
    background-position: -35px 0px;
}
.newsmaincon p{
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.newsmaincon img{
    max-width: 100%;
    margin: 30px auto;
    display: block;
}
.morenews{
    margin: 50px 0px 0;
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
}
.morenews ul{
    overflow: hidden;
    clear: both;
    position: relative;
}
.morenews ul li{
    float: left;
    line-height: 25px;
}
.morenews ul li:last-child{
    float: right;
}
.morenews ul li a{
    color: #666;
}
.morenews ul li a:hover{color: #75b033;}
.morenews a.golist{
    font-size: 0;
    width: 25px;
    height: 25px;
    background: url(../images/golist.png) no-repeat;
    display: block;
    position: absolute;
    top: 20px;
    left: 50%;
}

/**/
.joincon{
    margin-bottom: 100px;
}
.joincon h3{
    font-size: 32px;
    text-align: center;
    margin: 80px 0px 60px;
}
.joincon ul{}
.joincon ul li{
    border-top: 1px solid #ddd;
    padding: 40px 0px 0;
    position: relative;
}
.zhiwei{
    /* position: relative; */
    cursor: pointer;
}
.name{
    font-size: 20px;
    position: absolute;
    left: 0;
    width: 20%;
    color: #75b033;
}
.numbcon{
    margin-left: 20%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: space-between;
    margin-bottom: 30px;
}
.numbcon .numb{
    font-size: 18px;
    color: #666;
    text-align: r;
}
.numbcon .numb em{
    font-size: 16px;
    display: block;
    color: #333;
    margin: 10px 0px;
}
a.chme{
    text-align: right;
    padding: 8px 24px;
    border: 1px solid #75b033;
    display: inline-block;
    position: absolute;
    border-radius: 23px;
    font-size: 16px;
    color: #75b033;
    right: 0px;
    top: 40px;
}
a.chme:hover{background: #75b033;color: #ffffff;}
.joinmain {
    margin-left: 20%;
    margin-bottom: 30px;
}
.joinmain h6{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.joinmain p{
    line-height: 30px;
    font-size: 16px;
    color: #666;
}

/**/
.contactcon{
    margin: 70px auto;
}
.fash{}
.fash ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
}
.fash ul li{}
.fash ul li h3{
    font-size: 30px;
    padding-left: 20px;
    border-left: 2px solid #75b033;
    margin-bottom: 15px;
}
.fash ul li p{
    font-size: 18px;
    line-height: 38px;
    padding-left: 20px;
    color: #666;
}
.mapcon{/* min-height: 570px; */}
.mapcon .map{
    width: 100%;
    /* min-height: 680px; */
}
.mapcon .map img{
    /* width: 100%; */
    /* height: 100%; */
    /* display: block; */
}
.address{
    width: 22%;
    background: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    bottom: 20px;
    padding: 30px;
    overflow: scroll;
}
.address h4{
    font-size: 30px;
    margin-bottom: 20px;
}
.address .addmain{
    padding: 1rem 0px 2rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.address .addmain i{
    display: block;
    width: 34px;
    height: 40px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}
.address .addmain i.add01{
    background: url(../images/mapicon01.png) no-repeat;
}
.address .addmain i.add02{
    background: url(../images/mapicon02.png) no-repeat;
}
.address .addmain i.add03{background: url(../images/mapicon03.png) no-repeat;}
.address .addmain span{
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}
.address .addmain p{
    font-size: 16px;
    color: #666;
}
.frombg{
    background: url(../images/frombg.jpg) top center;
    padding: 100px 0px;
}
.froff{
    background: #fff;
    overflow: hidden;
    clear: both;
}
.lefrom{
    float: left;
    width: 50%;
    padding: 60px 3%;
}
.lefrom p{
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0px 0;
    color: #666;
}
.lefrom .namebox{
    width: 43%;
    float: left;
    margin-right: 7%;
}
.lefrom .phone{
    width: 50%;
    float: left;
}
.lefrom .notes{
    float: left;
    width: 100%;
}
.lefrom .namebox,.lefrom .phone,.lefrom .notes{
    /* padding-left: 6%; */
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}
.lefrom .namebox input,.lefrom .phone input,.lefrom .notes textarea{
    border: 0;
    /* border-bottom: 1px solid #ddd; */
    line-height: 30px;
    padding-left: 15%;
    outline: none;
    width: 85%;
}
.lefrom .namebox input,.lefrom .phone input{}
.lefrom .notes textarea{
    width: 93%;
    padding-left: 7%;
}
.lefrom span{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 23px;
    height: 24px;
}
.lefrom .namebox span{background: url(../images/froicon01.png) no-repeat;}
.lefrom .phone span{
    background: url(../images/froicon02.png) no-repeat center center;
}
.lefrom .notes span{background: url(../images/froicon03.png) no-repeat;}
.submit{
    clear: both;
}
.submit button{
    text-align: center;
    display: block;
    background: #555555;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    border: none;
}
.rightimg{
    float: right;
    font-size: 0;
    width: 50%;
}
.rightimg img{
    width: 100%;
}









@media only screen and (max-width:1200px) {
.wrap {min-width: 960px;}
.nav ul {/* margin-left: 0%; */}
.bigtitle span,.abouttitle span {font-size: 60px;}

}


@media only screen and (max-width:960px) {
.wrap {min-width: 700px;}
.nav ul li{margin-right:10px}
.nav ul li a{padding: 0px 0%;line-height: 40px;/* padding-left: 10px; */}
.nav ul li .zinav a{font-size: 16px;line-height: 40px;padding-left: 20px;}
.f7bgcor,.imgbgcor{padding: 50px 0px;}
.comimg, .commain{float:none;width: 100%;}
.abouttitle{margin-top:30px}
.numberbox ul li i{right:0px}
.numberbox ul {grid-template-columns: repeat(2,1fr);}
.numberbox ul li:nth-child(2n){border-right:0}
.imgnewsbox, .textnewsbox{float:none;width: 100%;position: relative;}
a.newsmore{position: relative;}
.imgnewsbox a.newsmore{margin: 0;left: 0;margin-bottom: 20px;bottom: 0;}
.footbox .left{width:70%}
.beian span {float: left;}


.planmain ul li .plantext{padding:20px}
.plantext h2{font-size: 25px;margin-bottom: 5px;}
.plantext p {font-size: 14px;line-height: 22px;}
.bannertext span{font-size: 32px;}
.bannertext p{font-size: 40px;}

.casecon ul{grid-template-columns: repeat(2,1fr);}

.jieshao ul,.fangshi ul {grid-template-columns: repeat(2,1fr);}
.fangshi ul li:nth-child(2n) {border: 0;}
.tesebox .lekoh{display:none}
.tesebox .tesemain{margin: 0;}
.downmaincon ul li{padding:20px }
.downmaincon ul li span{line-height:30px;margin-bottom: 20px;}
.downmaincon ul li a{margin: 0 auto;float: left;}
.licbox{width:80%}
.jianjie,.compimg{float:none;width:100%}

.morenews ul li:last-child{float:left;margin-top: 15px;}
.morenews a.golist{display:none}

}


@media only screen and (max-width: 768px) {
    .probox ul {
 
    grid-template-columns: repeat(1,1fr);
   
}

.wrap {max-width: 90%;position: relative;min-width: 0px;}
.maintitle{margin:0 auto 30px}
.ffbg,.graybg{padding: 40px 0px;}
.nav .seachbox, .nav .engbox{margin-right: 0px;/* margin-left: 10px; *//* width: 10%; */}
 .nav .engbox{/* width: 30%; */height: 54px;right: 44px;}
 .header:hover a, .yya .nav a{color:#fff}
 .yya .nav a:first-child{color:#6bad3d}
 .header:hover svg path, .yya svg path{fill:#fff !important}
.phonenav{display: flex;/* margin-right: 0; *//* width: 10%; */margin: 0;right: 0px;height: 54px;}
svg.iconclo {display: none;}
.phonenav.closes svg.iconclo{display:block}
.phonenav.closes svg.icon {display: none;}
.header{display:block!important;height: 54px;background: #1b1d1f;}
.header:hover{background: #1b1d1f;}
.header:hover .logo,.nav .seachbox,.hideseach,.hideseach.now{display:none}

.mainbanner { margin-top: 54px;}

.nav .logo,.header:after{display:none}
.nav .logo, .nav .fflogo{width: 50%;height: 54px;}
.header:hover .fflogo,.yya .fflogo {display: block;display: flex;}
.header .nav a img{width:100%}
.hideseach.now form{width:100%;margin: 0 auto;}
.nav ul{/* display: none; */float: none;position: fixed;top: 54px;right: -120%;background: #fff;z-index: 99;padding: 20px 0px;transition: all 0.6s ease;width: 100%;/* box-shadow: 0 0 10px rgba(0,0,0,0.2); */}
.nav ul.h_menu{right: 0px;/* border-top: 1px solid #ddd; */margin: 0;width: 100%;left: 0;background: #1b1d1fe8;}
.nav ul li {float: none;line-height: 40px;text-align: left;padding: 0px;margin: 0;/* border-bottom: 1px solid #ddd; */display: block;}
.sy1:after,.sy:after{display:none}
.header .nav ul li a{padding: 0 0 0 20px;/* color: #333; */}
.nav ul li:hover a{/* color:#fff; *//* background: #75b033; */display: block;line-height: 32px;}
.header .zinav{display: block;border: 0;background: #fcfcfc;top: 0;text-align: left;height: 0px;transition: all 0.4s ease;position: inherit;}
.nav ul li:hover .zinav{height: auto;position: inherit;text-align: left;background: #1b1d1fe8;}
.nav ul li:hover .zinav a{color: #fff !important;/* background: #fcfcfc; */line-height: 20px;display: block;margin: 10px 21px;font-size: 14px;border: 0;padding: 0;}
.nav .hideseach{right: -300px;top: 22px;}
.nav .hideseach.now {right: 30px;top: 22px;}
.mainer{/* top:54px; */margin-top: 54px;}
.cur{display:none}
.owl-theme .owl-controls{bottom:0px !important}
.cont p{font-size: 16px;line-height: 24px;position: relative;background: #ffffff;color: #666;line-height: 30px;}
.category ul {grid-template-columns: repeat(2,1fr);}
.category ul li{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.category ul li.active:before, .category ul li:hover:before{display:none}
.imgbgcor{background:none;height: auto;}
.tecimg{/* float:left */display: none;}
.tecbox ul{display:grid;grid-template-columns: repeat(2,1fr);margin: 50px auto;gap: 3rem 0rem;}
.tecbox ul li .dot{display:none}
.tecbox ul li.tec01, .tecbox ul li.tec02, .tecbox ul li.tec03, .tecbox ul li.tec04, .tecbox ul li.tec05,.tecbox ul li.tec06, .tecbox ul li.tec07,.tecbox ul li.tec08{position: relative;width: 100%;left: 0;top: 0;padding: 0;margin: 0 0 0px 0;}
.tecbox ul li:before, .tecbox ul li:after,.tecbox ul li.tec01:after{display:none}
.tecbox ul li span{/* display:none */position: relative;left: 0;top: 0;margin: 0px 10px 0 auto;}
.tecbox ul li .texrit{text-align:left}
.c-banner .newsbanner{margin-bottom: 90px;}
.caption{bottom: -80px;background: none;color: #333;padding: 20px 0;}
.numberbox ul li i{display:none}
.footbox .left{width:100%;float: none;}
.footbox .right{width:100%;float: none;text-align: left;padding-top: 20px;border-top: 1px solid #454954;}
.footbox .right .footphone{float:left;margin-right: 10%;}
.footcontent{height: 50px;}
.tecbox ul li.tec01 h3, .tecbox ul li.tec02 h3, .tecbox ul li.tec03 h3,.tecbox ul li.tec04 h3, .tecbox ul li.tec05 h3, .tecbox ul li.tec06 h3, .tecbox ul li.tec07 h3, .tecbox ul li.tec08 h3{font-size: 18px;/* line-height: 22px; */text-align: left;font-weight: normal;}
.slides_control li {margin-left: 40px;}
    
.planmain ul li .planimg,.planmain ul li .plantext{float:none;width: 100%;}
.planmain ul li .plantext{margin-bottom: 50px;width: 92%;}
.plannav ul li{margin: 0;font-size: 14px;padding: 5px 0;border: 1px solid #929292;border-radius: 6px;width: 100%;box-sizing: border-box;}
.plannav ul li.active, .plannav ul li:hover{border: 1px solid #75b033}
.plannav ul{text-align: left;display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem;}
.plannav ul li:after{display:none}

.goods ul { grid-template-columns: repeat(2,1fr);}
.proimg,.promain{width: 100%;float:none;margin-bottom: 30px;padding: 0 3%;}
.promain{margin-bottom: 100px;}
.probox ul li .protext{width: 94%;margin-bottom: 60px;padding: 0 3%;}

.promimbx{position: relative;margin: 0px auto;width: 100%;padding: 70px 0px 0px;height: auto;}
.banner01{width:100%}
.banner01-img li{width:50%}
.promaincon h2{position: absolute;top: 0;left: 0;width: 100%;text-align: center;}
.promaincon{margin: 30px auto 0;min-height: 0px;}
.prgoods ul{grid-template-columns: repeat(2,1fr);}
.downbox ul li{padding:0px;/* margin: 0px; */background: none;}
.downbox ul li a span{display:block;border: 1px solid #75b033;padding: 5px 10px;border-radius: 4px;display: inline-block;margin: 10px 0px 0px;color: #75b033;}

.promain01con{margin: 0 auto;min-height: 0px;text-align: center;}
.thrxs{position: relative;width: 100%;}
.thrxs span{margin: 25px auto 0;}
.famain ul{grid-template-columns: repeat(1,1fr);gap: 1rem 0;}
.faimg{position: absolute;left: 0;top: 0;}
.fatext{margin-left: 240px;min-height: 190px;}

.fatext:nth-child(2n+1):before{bottom: -10px;}
.fatext:nth-child(2n+1):before,.fatext:nth-child(2n):before{top: 50%;left: 0px;z-index: 9;}

.casecon ul{grid-template-columns: repeat(1,1fr);}

.casemainimg,.casemaintext{float: none;width: 100%;/* margin-top: 40px; */}
.casemaintext{ margin-top: 40px; }
.casemainbox{margin:0;padding-top: 70px;margin: 50px auto 0;}
.casemaintext h2{position:absolute;top: 0;text-align: center;width: 100%;margin: 0;}
.allmain span{font-size:18px}


.fangshi ul {grid-template-columns: repeat(1,1fr);}
.fangshi ul li{border:0}
.tesebox{background-size:auto 100%}
.tesebox .tesemain ul li{height:auto}
.downmaincon ul {grid-template-columns: repeat(1,1fr);}
.downmaincon ul li span{margin:0;line-height: 60px;}
.downmaincon ul li a {float: right;margin: 15px 0;}

.words h2{font-size:3rem}
.name{position: relative;width: 100%;}
.numbcon{margin-left: 0;margin-top: 20px;grid-template-columns: repeat(3,1fr);}
.joinmain{margin-left: 0;}
.licbox ul{width: 500%;}
.licbox ul li{width: 100%;}
.licbox{width:60%}
.address,.rightimg{display:none}
.lefrom{float:none;width: 94%;}

.textnews ul li a span{display:none}

.imgnews ul li a .newsimg img{height: auto;}

.imgnews ul li a h3 {
  
    line-height: 30px;
    font-size: 16px;
    padding: 5px 3%;
}

.wenhua ul li h5 {
    font-size: 18px;
}

.wenhua ul li span {
    font-size: 14px;
    
}

.licbox ul li h4 {
    font-size: 16px;
}
.licbox ul li span {
    font-size: 14px;
    
}

.licbox ul li .itme {
   
    padding-left: 10px;
}
.licbox ul li .itme {
    
    width: 100%;
   
}
.footbox .left .footnav li {
    width: 33.33333%;
    height: 220px;
}
.fash ul {
    
    grid-template-columns: repeat(1,1fr);
    
}

.tecbox ul li span {
    
    width: 70px;
    height: 50px;
    
}



}