@charset "utf-8";
html,body{ font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none;    letter-spacing: 0.6px; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; display:block;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
clear{ clear:both;}
.BMap_Marker img{ max-width:none !important;}
.BMap_shadow div{display:none;}
.fl{float:left;}
.fr{float:right;}
.container{max-width:100%; margin:0 auto; width:1400px;    }
.clearfix{clear:both;}
.hidden{display:none;}
.banner .bnimg{width:100%; height:650px;}
.tfix{    
    z-index: 99999999;
    width: 100%;        border-bottom: 1px solid rgba(201, 201, 201, 0.329);
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    top: 0}
.prot{display:none;}
.header{width:100%; overflow:hidden; display:none;        background: #006838; line-height:50px;}
.header .tlb span.add{background:url(../images/tel.png) no-repeat left;    background-size: 14px;padding-left: 22px;color: #fff;}
.header .tlb span.email{background:url(../images/email.png) no-repeat left;    background-size: 14px;padding-left: 22px;color: #fff;margin-left: 15px;}
.navbar a.logo{width:152px; float:left; margin-top:0px;}
.header .wapp ul li{margin: 0 4px;    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;margin-top: 9px;}
	.header .wapp ul li img{margin: 5px auto;
    width: 20px;}
.se{color:#fff; font-size: 22px; font-family: "Impact"; width: 18%;}
.se dd.tel{background:url(../images/tel.png) no-repeat left;    background-size: 20px;
    padding-left: 30px;}
	.header .wapp ul li:hover{background:#486247; border:1px solid #486247;}
.navbar .pcmenu ul li{float:left;      padding: 0 30px;text-align: center;}
.navbar .pcmenu ul li .drop-m{position:absolute; top:87px; padding: 30px 0;left:0; width:100%;background: #fff;display: none;box-shadow: 0 0 23px rgb(0 0 0 / 5%);}
.navbar .pcmenu ul li .drop-m .dimg{    float: right;
    width: 25%;}
.navbar .pcmenu ul li:nth-child(3) .drop-m,.navbar .pcmenu ul li:nth-child(4) .drop-m,.navbar .pcmenu ul li:nth-child(6) .drop-m,.navbar .pcmenu ul li:nth-child(7) .drop-m  {display:none !important;}
/*.navbar .pcmenu ul li:hover .drop-m{opacity: 1;}*/
.navbar .pcmenu ul li .drop-m dd{float: left;
    margin-right: 60px; text-align: center;}
.navbar .pcmenu ul li .drop-m dt{    font-size: 18px;
    font-weight: bold;
    text-align: left;}
.navbar .pcmenu ul li .drop-m dl dd a{font-size:16px; color:#888;    text-align: center;
    display: block;
    line-height: 32px;}
.navbar .pcmenu ul li .drop-m dl dd:hover a{color: #29522b; font-weight:bold;}
.navbar .pcmenu ul li:hover a.nav-link{color:#fff;  opacity: 1;}
.navbar .pcmenu ul li:last-child .drop-m{ display:none !important;}
.navbar .pcmenu ul li a{font-size:16px;      opacity: .7;  color: #fff;}
.navbar{  position: relative;line-height: 86px;z-index: 99999;width: 100%;  }
.navbar .pcmenu{margin-left: 0;
    width: 80%;
    float: right; }
.navbar-nav{width:70%;}
.navbar .pcmenu a.lx{font-size:16px;  margin-left: 20px;    margin-right: 10px;  border-radius: 5px; padding:0 30px;  font-weight:600;   color: #fff;line-height: 50px; background:#486247;margin-top: 25px;}
.navbar .pcmenu a.lx:hover{    background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);}
.navbar .pcmenu a.language{font-size:16px; padding-left:30px;  font-weight:600;    color: #fff; background:url(../images/en.png) no-repeat left;}
/*.navbar .pcmenu dl dd a.tf{display:block; background:url(../images/wfacebook.png) no-repeat center; height:42px;      background-size: 22px; }
.navbar .pcmenu dl dd a.tshap{display:block; background:url(../images/shap.png) no-repeat center; height:42px;       background-size: 22px;}
.navbar .pcmenu dl dd a.tmail{display:block; background:url(../images/wmail.png) no-repeat center; height:42px;     background-size: 22px;  }
.navbar .pcmenu dl{margin-right:10px;}
.navbar .pcmenu dl dd{width:42px; height:42px; border-radius:50%;  margin: 0 6px; margin-top: 29px;background: rgba(255,255,255,.2);
    opacity: .9; float:left;}
	.navbar .pcmenu dl dd:hover{background:#486247;}*/
.navbar .pcmenu .enn{ position:relative;}
.navbar .pcmenu .enn .elb{position:absolute; left:0;     width: 100%;
    background: #fafafa; display:none;}
	.navbar .pcmenu .enn .elb a{display:block; font-size:14px; color:#666;    line-height: 30px; float:left; width:100%; text-align:center; transition:.5s all ease;}
		.navbar .pcmenu .enn .elb a:hover{color:#486247; font-weight:bold;}
			.navbar .pcmenu .enn a.language:hover{color:#fff; }
.navbar .pcmenu .enn:hover .elb{display:block;}
.navbar.header-active{position:fixed;top:0; z-index:99999999;   background: #000000; transition:.1s all; /*  box-shadow: 0 6px 30px -6px rgba(0,0,0,.2);*/}

/*.navbar.header-active  a.logo img.logo_m{display:none;}
.navbar.header-active  a.logo img.logo_b{display:block;}*/
.prot ul li{float:left; position:relative;  width: 50%; background: #29522b;}
.prot ul li .st{position:absolute; bottom: 7%; left:10%; display: none;}
.prot ul li .st h4{font-size:36px; font-weight: bold; color:#fff;}
.prot ul li .st  p{font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-top: 1px;}
.prot ul li .st span{    border: 1px solid #fff;
    border-radius: 10px;
    width: 120px;
    line-height: 34px;
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center; margin-top: 15px;}
.prot ul li .st span:hover{border:1px solid #486247; background:#486247; color:#fff;}
.prot ul li  .pimg{overflow:hidden;}
.prot ul li .pimg img{width:100%; transition: .5s all ease;}
.prot ul li:hover .pimg img{ transform:scale(1.1);    opacity: .9;}
.prot ul li:hover .st{display:block;}
.banner {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}
@-webkit-keyframes scroll {
	100% {
	-webkit-transform:translate(-50%,8px);
	transform:translate(-50%,8px);
}
}@keyframes scroll {
	100% {
	-webkit-transform:translate(-50%,8px);
	transform:translate(-50%,8px);
}
}.rslides {
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li {
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li .btx{      color: #fff;  position: absolute;
    top: 50%;
    font-size: 50px;
    width: 100%;
    text-align: left;    transform: translateY(-50%);}
.rslides li:nth-child(2) .btx{float: right;
    /* text-align: right; */
    width: 25%;
    right: 0;}
.rslides li .btx h4{font-size:30px;    text-shadow: 1px 1px 3px #006838;}
.rslides li .btx p{    font-size:80px;color: #486247;
    font-weight: bold;    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);}
.rslides li .btx span{font-size: 20px;
    display: block;
    border: 1px solid #fff;
    width: 175px;
    text-align: center;
    border-radius: 8px;
    line-height: 48px;
    margin-top: 33px; transition: .5s all ease;}
.rslides li .btx span:hover{ border:1px solid #486247; background: #486247; color:#fff;}
.rslides li:first-child {
	position:relative;
	display:block;
	float:left;
}
.rslides img {
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
.rslides {
	margin:0 auto 40px;
}
#banner2,#slider3 {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin:0 auto;
}
.rslides_tabs {
	width:100%;
	padding:0;
	font-size:18px;
	list-style:none;
	margin:0 auto;
	position:absolute;
	bottom:3%;
	left:50%;
	z-index:99;
	display:inline-block;
	margin-top:-75px;
}
.rslides_tabs li {
	float:left;
	width:22px;
	height:22px;
	margin:14px 0;
}
.rslides_tabs li:first-child {
	margin-left:0;
}
.rslides_tabs li:last-child {
	margin-right:0;
}
.rslides_tabs a {
	width:100%;
	height:100%;
	display:block;
	border-radius:50%;
	position:relative;
}
.rslides_tabs li a:before {
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	left:5px;
	top:5px;
}
.container h1{
    font-size: 23px;
    font-weight: bolder;
}
.sci1{
    border-bottom: 1px solid #000028;
    line-height: 45px;
    position: relative;
    margin-top: 45px;
}
.sci1 p{
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: -2px;
    background-color: #000028;
    width: 160px;
}
.choose{
    background-image: url(/template/default/images/sbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 90px;
    background: #002008;
}
.index-title{

    position: relative;
    padding: 15px 0 10px;
 
    text-align: center;
    padding-top: 50px;
}
.index-title p.title {
    padding-bottom: 5px;
    font-size: 53px;
}
.container-width{

    max-width: 1200px;
    margin: 0 auto;
}
.clearfix {zoom: 1;}
.choose ul{
    float: left;
    width: 40%;
}
.choose ul li:first-child{border-bottom: 1px solid #eee;}
.choose ul:first-child li {    padding-right: 140px;
    text-align: right;}
    .choose ul li{
        position: relative;
        padding: 80px 0;
    }
    
.container p{color: #ffffff; font-weight: 600;       font-size: 17px; margin-top: 15px;}
.choose ul:first-child li img {
    right: 20px;
}
.choose ul:first-child li{
    font-size: 16px;
    color: #fff;
}
.choose ul li img {
    position: absolute;
    top: 80px;
    max-width: 100%;
}
.clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.choose ul:last-child li {
    padding-left: 140px;
}
.choose ul:last-child li img {
    left: 20px;
}
.choose ul li img {
    position: absolute;
    top: 80px;
    max-width: 100%;
}
.choose-pic{

    float: left;
    width: 20%;
    padding-top: 155px;
}
.choose ul li p:nth-of-type(1) {
    padding-bottom: 10px;
    font-size: 22px;
    color: #fff;
}   
.choose ul li p {
    font-size: 12px;
    color: #fff;
}


.rslides_tabs li:first-child {
	margin-left:0;
}
.rslides_tabs li a:hover,.rslides_tabs .rslides_here a:before {
	background:#486247;
}
.huibg{
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 100px;
}
.huibg .sci2{
    text-align:center ;
    font-size:60px;
}
.huibg .img-fluid{
    border-bottom: 3px solid #004c42;
    margin-top: 10px;
} 
.huibg  ul li p.ps1 {     
    font-size: 26px;
    border-bottom: 1px solid #000028;
    line-height: 45px;
    display: inline-block;
    margin-bottom: 5px;
}
.huibg  ul li p.ps2 {
    line-height: 20px;
    font-size: 15px;
    color: #054929;
}
.huibg  ul li{
    margin-top: 36px;
    
}
.safga{    width: 46%;}
.rowdsf{display: flex;    justify-content: space-between;}
.isds{
    width: 45%;
    margin-top: 12px;
}
.huibgefs{
    background: #002008;
    padding: 40px 0;
    display: flex;
    margin-top: 90px;
}
.col-sm-4 {
    flex: 0 0 106.333333%;
    max-width: 25.333333%;
}
.binglei{
    display: flex;
    flex-wrap: wrap;
    width: 1400px;
    margin: 0 auto;
}
.binglei li {
    background-repeat: no-repeat;
    background-position: 25px 30px;
    background-size: 55px;
    color: #FFF;
    padding: 20px 10px 20px 90px;
}
.binglei li p.pf1 {
    font-size: 17px;
    font-weight: bold;
    line-height: 35px;
}
.binglei li p.pf2 {
    line-height: 18px;
}
.about{overflow:hidden; width:100%;margin-bottom: 4%; }

.about .al{    width: 62%;
    padding-top: 3%;}
.about .al h2{font-size: 72px;color: #004c42;font-weight: 900;}
.about .al  p{line-height:36px; margin-top: 20px;text-align: justify;}
.about .al  dl{width:33.3333%; text-align: center; margin-top:0px;}
.about .al  dl dt{font-size:24px;    font-style:normal; }
.about .al  dl dt span{ font-size:55px; color:#d35454; font-weight: bold;font-style: italic;}
.about .al  dl dd{font-size:24px;color:#696969;}
.about .ar{position:relative;}
.about .al dl dt span{font-style:normal;}
.woqunwes{display: flex;justify-content: space-between;}
.about .ar a.amore{       display: block;
    width: 175px;
    height: 50px;
    display: block;
    line-height: 51px;
    text-align: center;
    border: 3px solid #004c42;
    color: #004c42;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 274px;
    bottom: -14px;}
   .right .rig_box {
        display: grid
    ;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        padding: 3.8rem 0;
    }
     .right .rig_box .list {
        position: relative;
        background: #f6f7f9;
        padding: 1.36rem;
        border-radius: 10px;
    }
     .right .rig_box .list::before {
        transition: 0.4s;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 5px;
        background: #004c42;    
    }
    .right .rig_box .list:hover::before {
        width: 100%;
    }
    
    .right .rig_box .list .li_img {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: auto;
    }
    .right .rig_box .list .li_img img {
        max-width: 100%;
    }
    .right .rig_box .list .li_title {
        margin-top: 0.3rem;
    }
    .right .rig_box .list .li_title p {
        color: #000;
        margin-bottom: 0.1rem;
        line-height: 28px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }
    .xainx{border-bottom: 5px solid #002e04;
        width: 500px;
        margin: 0 auto;}
    .public_title{
        text-align: center;margin-top: -30px;
    }
    .public_title H1{    font-size: 57px; font-weight: 800;color: #004e07;}
    .public_title .f16{font-size: 18px ;    margin-top: 30px; color: #000; }
.ys2{margin-bottom:4%;width:100%; background:url(../images/c3.png) no-repeat; background-size:cover;overflow:hidden; color: #fff;padding: 5% 0;}
.ys2 h4{    font-size: 40px;
    font-weight: bold;
    /* font-style: italic; */
    color: #486247;
    text-align: center;}
.ys2 p{    font-size: 18px;
    line-height: 36px;
    margin-top: 20px;
    color: #666;
}
.ys2 a.lmore{    width: 228px;
    height: 62px;
    display: block;
    line-height: 62px;
    text-align: center;
    background: #486247;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    margin: 30px auto;
    font-weight: bold;}
.hvideo {z-index: 9; width: 100%;}
.videobg{width: 100%;height: 100%; position: absolute;top: 0;left: 0;bottom: 0; right: 0; background: rgba(0,0,0,.3);z-index: 10;}
.videobg .videot h2{font-size:60px; text-align:center; color:#fff; margin-bottom:30px;}
.videobg .videot h4{font-size:24px; text-align:center; color:#fff;font-weight: normal; line-height:1.8;}
.videot{    padding-top: 24%;}
.svideo {position:relative; width:100%; overflow:hidden;height: 100vh;}
.tit .line{display: inline-block; width: 50px;height: 2px;background: #555;position: relative;}
.tit .line::before {position: absolute;content: "";width: 6px;height: 6px; background: #486247;border-radius: 50px;top: 50%;left: 50%;margin-left: -3px; margin-top: -3px;}
.tit h4{font-size:50px; text-align:center; color: #282828;}
.tit.tb h4,.tit.tb p{color:#fff;}
.tit.tb .line{background:#fff;}
.tit{    text-align: center; padding:5% 0 0;}
.tit p{font-size:15px; color:#555;padding-top: 18px;}
.cpwo{display: flex; width: 100%;}

.prod ul li .pimg{width:100%;overflow: hidden;}
.prod{width: 41%;}
.prod ul li .prt{    position: absolute; color:#fff;z-index: 4; left:6%; bottom:20%; opacity: 0; transition: .3s all ease;}
	.prod ul li .prt .pdw{position: relative;}
		.prod ul li .pdw h1{    position: absolute;
    z-index: 1;
     font-size: 208px;
    line-height: 1;
    opacity: .07;
    top: -57px;
    left: 0;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;}
	.prod ul li .pdw span{    color: #486247;
    font-weight: 700;
    font-size: 20px;    padding-left: 75px;
    position: relative;}
	.prod ul li .pdw span::before {
    position: absolute;
    background:#486247;
    content: "";
    height: 3px;
    width: 45px;
    left: 0;
    bottom: 11px;}
.prod ul li{    
   
    position: relative;
    background: #000;
    overflow: hidden;
   }

.prod.sgb ul li {
    width: 31.333333%;
    margin-top: 40px;
    position: relative;
    background: #000;
    overflow: hidden;
    float: left;

	margin: 10px 10px;}
.prod ul li .xt:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.1);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}

.prod ul li:hover .xt::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1,1,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}
.pimg img {
    width: 100%;
    transition: .5s;display: block;

}
.prod ul li:hover .pimg img {
    transform: scale(1.1); opacity: .9;
}

.prodtwo ul li .pimg{width:100%;overflow: hidden;}
.prodtwo{width: 82%;}
.prodtwo ul li .prt{    position: absolute; color:#fff;z-index: 4;     left: 13%;
    bottom: 33%;opacity: 0; transition: .3s all ease;}
	.prodtwo ul li .prt .pdw{position: relative;}
		.prodtwo ul li .pdw h1{    position: absolute;
    z-index: 1;
     font-size: 208px;
    line-height: 1;
    opacity: .07;
    top: -57px;
    left: 0;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;}
	.prodtwo ul li .pdw span{    color: #486247;
    font-weight: 700;
    font-size: 20px;    padding-left: 75px;
    position: relative;}
	.prodtwo ul li .pdw span::before {
    position: absolute;
    background:#486247;
    content: "";
    height: 3px;
    width: 45px;
    left: 0;
    bottom: 11px;}
.prodtwo ul li{    
   
    position: relative;
    background: #000;
    overflow: hidden;
   }

.prodtwo.sgb ul li {
    width: 31.333333%;
    margin-top: 40px;
    position: relative;
    background: #000;
    overflow: hidden;
    float: left;

	margin: 10px 10px;}
.prodtwo ul li .xt:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.1);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}

.prodtwo ul li:hover .xt::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1,1,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}

.prodtwo ul li:hover .pimg img {
    transform: scale(1.1); opacity: .9;
}
.pro-bt{
    font-size: 16px;
    text-align: center;
    background-color: #0b3a02;
    padding: 15px;
}
.pro-bt div{
    max-width: 600px;
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 25px;
}
.pro-bt .line{
    border-bottom: 2px solid #ffffff;
    position: absolute;
    right: -11px;
    top: 39px;
    width: 97px;
}

.butboxs{
    width: 50%;
}
.butboxs .prodtwo{
    width: 100%;
}
.butcps{display: flex; width: 100%;}
.gyyl{width:100%; overflow: hidden; background:url(../images/tbg.jpg) no-repeat; background-size: cover; color:#fff;
    padding: 6% 0;}
.gyyl h4{font-size:36px; text-align: center; padding-bottom: 10px;}
.gyyl p{font-size:16px; padding-top: 10px;}
.gyyl .g1{    width: 47%;}
.gyyl .g2{    background: #fff;    margin-top: 18px;
    padding: 2%;
    width: 43%;}
.cl2 {width:100%; overflow: hidden; padding:5% 0;}
.cl2 .cl{width:40%;}
.cl2 .cr{width:50%;    margin-top: 4%;}
.cl2 .cr h4{font-size:36px; padding-bottom: 15px;}
.cl2 .cr h2{font-size:26px;}
.cl2 .cr span{font-size: 20px; font-weight: bold; display:block; margin-top:20px;}
.cl2 .cr p{font-size:16px; color:#666; padding-top: 20px;}
.cl3 h4{font-size:36px; padding-bottom: 20px;}
.cl3 p{font-size:16px; color:#fff;}
.cl3{    background: url(../images/bbg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    width: 100%;
    overflow: hidden;
    padding: 4% 0;
    background-attachment: fixed;
}
.cl3.clw{background:none; color:#333;}
.cl3.clw p{color:#666;}
.cl3.clw img{margin-top:30px;}
.cl4{width:100%; overflow: hidden; padding:4% 0 ;}
.cl4 h4{font-size:36px; padding-bottom:20px;}
.cl4 .c4l{width:48%; font-size:16px; color:#666;    margin-top: 2%;}
.cl4 .c4r{width:48%;}
.cl4 .c4l p{padding-top:10px;}
.cl5 h4{font-size:36px; padding-bottom: 20px;}
.cl5 p{font-size:16px; color:#666; padding-top:10px;}
.cl5 .c5l{width:28%;}
.cl5 .c5r{width:70%;}
.cl5{    background: #f5f5f5;
    padding: 4% 0;}
.qline{width:100%; height: 4px; background:#333;  }
.qline1{width:100%; height: 1px; background:#333;  margin-top: 1.5px; margin-bottom: 4%;}
.cl6 .pt h4{font-size:36px; padding-bottom: 20px;}
.cl6 .pt p{font-size:16px; color:#666;}
.cl7{margin-top:4%; padding-bottom: 4%;}
.cl7 h4{font-size:18px; padding-bottom: 15px;}
.cl7 p{color:#666; padding-top:6px;}

.p2 ul.p2u li{ position: relative; padding-bottom: 60px; margin-top:5%;}
.p2 ul.p2u li:nth-child(2) .p2img{right:0;    left: auto;}
.p2 ul.p2u li:nth-child(2) .p2tr{float:left;padding-left: 10%;}
.p2img{position:absolute; top:0; left:0;    width: 38%;}

.p2{width:100%; background:#f4f4f4; padding:5% 0; overflow:hidden;}
.p2t img{margin:0 auto; }
.p2t{text-align:center;}
.p2t ul li{    display: inline-block;
    font-size: 20px;
    border: 1px solid #333;
    border-radius: 50px;
    width: 190px;
    height: 60px;
    line-height: 60px;
    margin: 10px;
    margin-top: 6%;}
.p2t ul li a{color:#696969; font-weight: bold;}
.p2t ul li:hover{background:#486247; border:1px solid #486247;}
.p2t ul li:hover a{color:#fff;}
.p2tr h4{ font-size:48px; color:#516851; font-weight: bold;    padding-bottom: 20px;}
.p2tr span{display:block; font-size:20px;     padding-bottom: 10px;color:#696969;}
.p2tr{    width: 43%;
    background: #ffff;
    padding: 5%;}
.p2tr i{    display: block;
    margin-top: 40px;
    width: 216px;
    height: 60px;
    text-align: center;
    border: 3px solid #516851;
    line-height: 60px;
    font-style: normal;
    font-size: 16px;
    color: #516851;}
.p2 ul.p2u li:hover i{background: #516851; color:#fff;}
.p2 a.lj1{ font-size: 20px;
    color: #598158;
    text-align: center;
    /* padding-top: 120px; */
    display: block;
    border: 1px solid #ccc;
    width: 210px;
    height: 60px;
    display: block;
    margin: 4% auto 0;
    line-height: 60px;}
.p2 a.lj1:hover{background: #486247; border:1px solid #486247; color:#fff;}
.cly{background:#f4f4f4; padding: 0; overflow:hidden;}
.cly ul li{float:left; width:20%; overflow:hidden; position: relative;background:#000;}
.cly ul li .clt{ position:absolute; top:32%; left:0;  display: none;width: 100%;
    height: 100%;}
.cly ul li .clt h4{font-size:40px; color:#fff; text-align: center;}
.cly ul li .clt a{display:block;width:66px; height: 66px; border:3px solid #fff; text-align: center; line-height: 60px; color:#fff; border-radius: 50%; font-size:50px; font-weight: bold; margin:120px auto;}
.cly ul li .cl2{overflow:hidden;    padding: 0;}
.cly ul li .cl2 img{}
.cly ul li .cl2 img {-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;width: 100%;}
.cly ul li:hover .cl2 img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);opacity: .8;}
.cly ul li:hover .clt{display:block;}
.cly .p2t{padding-bottom:5%;}
.cly a.ymore{    width: 210px;
    height: 60px;
    text-align: center;
    display: block;
    line-height: 60px;
    background: #598158;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    margin: 50px auto;}
	.mes{width:100%; overflow:hidden; background-size:cover; margin-top:100px;}
		.mes .me{background:rgba(255,255,255,255); width:30%;     margin-right: 3.5%;
    padding: 3%;    margin-top: 0%;}
			.mes .me h4{font-size:50px; padding-bottom:20px; text-align:center; position:relative;}
		.mes .mimg{     position: relative;  /* width: 66%; background:url(../images/mnn.jpg) no-repeat; background-size:cover;*/ }
		.mes .container .mbox{}
 .bl1 {
    width: 200px;
    height: 200px;
    position: absolute;
   bottom:80px;
    left: -30px;
    border-radius: 50%;
    -webkit-animation-name: bMover;
    animation-name: bMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
		transform-origin: center center;}
		.mes .mimg .bl2 {
    width: 120px;
    height: 120px;
    background-color:#fafafa;
    position: absolute;
    top: -40px;
    left: -30px;
    border-radius: 50%;
    -webkit-animation-name: bMover;
    animation-name: bMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
		transform-origin: center center;	}
	.mes .me h4:before {
    content: '';
    position: absolute;
        top: 7%;
    left: 27%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0e6d36;}
	.mes .me h4 span{display:block; position:relative;z-index:10;}
		.mes .me p{    font-size: 20px;
    padding-bottom: 20px;
    color: #666;}
		.mes .yst{   padding: 0;    margin-top:5%;
    width: 100%;
    margin-left: 0;
}
		.mes .yst ul li{font-size:40px; color:#fff; font-weight:700;    padding-bottom: 12px;}
		.mes .me input{ outline:none; border:none;line-height: 60px;font-size: 16px;
    text-indent: 2rem;padding:0;
    width: 100%;
    background: #fafafa;}
			.mes .me .for{margin-bottom:20px;   }
	.mes .me .for.fom{}
.fas.zy ul li{position: relative;}
.fas.zy ul li .ftt{    position: absolute;
    right: 8%;
    top: 16%;
    background: #fff;
    padding: 3%;
    width: 30%;}
.fas.zy ul li .ftt h4{font-size:36px; padding-bottom: 15px;}
.fas.zy ul li .ftt p{color:#666; padding-top: 10px;}
.fas.zy{margin-top:4%;}

.zoombox{width:100%;margin:20px auto 0 auto;    overflow: hidden;}
.zoompic{    width: 70%;
    float: left; }

.sliderbox{overflow:hidden;margin:6px 0 0 0;    width: 30%;
    float: right;}
.sliderbox .arrow-btn{width:38px;height:76px;background:url(../images/arrow-btn.png) no-repeat;cursor:pointer; display:none;}
.sliderbox #btn-left{float:left;background-position:0 0;}
.sliderbox #btn-left.dasabled{background-position:0 -76px;}
.sliderbox #btn-right{float:right;background-position:-38px 0;}
.sliderbox #btn-right.dasabled{background-position:-38px -76px;}
.sliderbox .slider{float:left;width:100%;    height: 470px;position:relative;overflow:hidden;display:inline;}
.sliderbox .slider ul{position:absolute;left:0;width:999em; text-align: center;    margin: 0 auto; width: 100% !important;}
.sliderbox .slider li{    width: 270px;
    text-align: center;
    display: inline-block; }
.sliderbox .slider li img{border:solid 1px #dfdfdf;   margin:0 auto;}
.sliderbox .slider li.current img{border:solid 4px #486247;}

.productlist h4{font-size:36px; text-align: center;}
.prod ul li:nth-child(2) .pimg{ float:right;}
.prod ul li:nth-child(2) .prt{ float:left;}
.prod ul li h4{font-size:30px; padding-bottom:10px;color: #fff;}
.prod ul li .prt p.pjj{font-size:24px; color:#fff; font-weight: bold;}
.prod ul li .pyd h2{color: #282828;font-size: 20px;  padding-bottom:8px; }
.prod ul li .pyd img{width: 56px; float:left;}
.prod ul li .pyd .pdt{float:left;width: 87%;
    padding-left: 4%;}
.prod ul li .pyd{padding-top:0px;}
.prod ul li .pyd p{font-size:16px; color:#666;}
	.prod ul li .pyd span{font-size: 16px;
    float: left;
    display: block;
    width: 130px;
    text-align: center;
    border-radius: 50px;
    line-height: 43px;
    color: #fff;
    margin-top: 10px;
    transition: .5s all ease;
    border: 1px solid #fff;}
		.prod ul li .pyd span:hover{  background:#486247;color:#fff; border:1px solid #486247;}
.prod ul li:hover .prt{opacity:1;}
.prodtwo ul li:nth-child(2) .pimg{ float:right;}
.prodtwo ul li:nth-child(2) .prt{ float:left;}
.prodtwo ul li h4{font-size:30px; padding-bottom:10px;color: #fff;}
.prodtwo ul li .prt p.pjj{font-size:24px; color:#fff; font-weight: bold;}
.prodtwo ul li .pyd h2{color: #282828;font-size: 20px;  padding-bottom:8px; }
.prodtwo ul li .pyd img{width: 56px; float:left;}
.prodtwo ul li .pyd .pdt{float:left;width: 87%;
    padding-left: 4%;}
.prodtwo ul li .pyd{padding-top:0px;}
.prodtwo ul li .pyd p{font-size:16px; color:#666;}
	.prodtwo ul li .pyd span{font-size: 16px;
    float: left;
    display: block;
    width: 130px;
    text-align: center;
    border-radius: 50px;
    line-height: 43px;
    color: #fff;
    margin-top: 10px;
    transition: .5s all ease;
    border: 1px solid #fff;}
		.prodtwo ul li .pyd span:hover{  background:#486247;color:#fff; border:1px solid #486247;}
.prodtwo ul li:hover .prt{opacity:1;}
		.video{position:relative;}
		.vbtn{position:absolute;      top: 52%;
    right: 10%;    width: 70px;}
		.vbtn img{position: relative;
    z-index: 9;}
		 .vbtn a:before,.video .vbtn a:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    width: 100px;
    height: 100px;
		border-radius: 50%;}
.vbtn a:before {
    z-index: 0;
    animation: pulse-border 2000ms ease-out infinite;
		background: #fff;}
		.video .vtit{position:absolute; left:0; padding:5%; background:#ffff;bottom: 0;}
			.video .vtit h4{ font-size:50px;}
		@keyframes pulse-border {
	0% {
		transform: translate(-50%,-50%) translateZ(0) scale(1);
		opacity: .7
	}

	100% {
		transform: translate(-50%,-50%) translateZ(0) scale(1.5);
		opacity: .1
	}
}
.vbox{ background:url(../images/cbg.jpg) no-repeat; background-size:cover; width:100%; overflow:hidden; padding:3% 0;}
.case {width:100%; overflow:hidden; /*background:url(../images/cbg.jpg) no-repeat; background-size:cover; padding:4% 0; margin-top:5%;*/    background: #fafafa;padding-bottom:100px;}
.case .fas{    width: 100%;
    float: right;margin-top: 60px;}
	.tit.tib h4{color:#fff;}
	.case ul li{ padding:20px;position:relative;overflow:hidden;}
		.case ul li h4{position:absolute;     bottom: 11%;
    font-size: 30px;
    color: #fff;
    left: 11%;}
		.case ul li .fimg{background:#000;overflow:hidden;}
				.case ul li .ft{position:absolute;   bottom: -100%;
    font-size: 30px;
    color: #fff;
    left: 11%;background:#486247;    width: 69%;padding:40px; border-radius:6px; transition:.5s all ease;}
	.case ul li .ft h2{float:left; font-size:30px;}
	.case ul li .ft span{float:right; display:block; width:60px; height:60px; border-radius:50%; background:#fff;color: #486247;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;}
.case ul li .fimg img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.case ul li:hover .fimg img{ transform: scale(1.1);}
.case ul li .ft span:hover{}
.case ul li:hover .ft{bottom:11%;}
.about .aimg img{border-radius:15px;}
.fas{width:100%; }
.fas .fimg{width:100%; position:relative;}
.xvideo{width:32.5%; position:relative; height:660px;}
.zhl{width:32.5%; position:relative; height:660px; border-radius:15px;}
.xvideo video{width:100%; height:100%;}
.vdw{display:none;    position: absolute;
    width: 100%;
    z-index:10;
    background: rgba(255,255,255,.8);height: 100%;}
.xvideo .vbtt{position:absolute;bottom:23%; left:9%;    width: 50%; transition:.3s all ease;}
.xvideo .vbtt h4{ font-weight:700; font-size:40px;}
#clos{width:50px; height:50px; background:#486247; color:#fff; border-radius:50%; text-align:center;    font-size: 20px;
    line-height: 44px;    position: absolute;
    top: 5%;
    right: 4%;z-index:11; cursor:pointer;}
.fas  ul li{width:100%;}
.fas ul li .ft{position:absolute; bottom:23%; left:9%;    width: 40%; transition:.3s all ease;}
.fas ul li .ft h2,.zong .zimg .lx h4{color:#fff; font-weight:700; font-size:40px;}
.fas ul li .ft p,.xvideo .vbtt p,.zong .zimg .lx p{font-size:16px; color:#fff;padding-top: 20px;}
.xvideo .vbtt p{color:#282828;}
.fas ul li .ft span,.zong .zimg .lx span{ display:block; border:1px solid #fff; text-align:center; width:200px; line-height:50px; border-radius:30px; color:#fff; margin-top:30px; transition:.3s all ease; font-size:16px; cursor:pointer;}
.xvideo .vbtt span{ display:block; border:1px solid #282828; text-align:center; width:200px; line-height:50px; border-radius:30px;  margin-top:30px; transition:.3s all ease; font-size:16px;  cursor:pointer;}
.fas ul li .ft span:hover,.xvideo .vbtt span:hover,.zong .zimg .lx span:hover{background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%); color:#fff; border:1px solid #8eb18c;}
.zhl .zht{position:absolute; bottom:23%; left:9%;    width: 40%; transition:.3s all ease;}
.zhl .zht h4{color:#fff; font-weight:700; font-size:40px;}
.zong{width:100%; overflow:hidden;margin-top: 28px;}
.zong .zimg{ position:relative;width:66%;  height:660px;}
.hy h4{font-size:36px; text-align: center; padding-bottom: 4%;}
.zong .zimg .lxt{position:absolute; top:12%; left:11%;      opacity: .4;  transition:.3s all ease;    font-weight: 700;
       -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    font-size: 96px;
    line-height: 1.2;}
	.zong .container{position:relative;}
	.zong .abo{    position: absolute;

    width: 32.5%;
    padding: 1.5%;
    bottom: 0;     padding-top: 10px;background:url(../images/abbg.jpg) no-repeat; background-size:cover;}
	.zong .zimg .lx{position:absolute; bottom:23%; left:11%;    width: 40%; transition:.3s all ease;}
.zong .abo .atop h2{    font-size: 20px;    padding-left: 62px;
    color: #486247;    position: relative;}
.zong .abo .atop h2::before {
    position: absolute;
    background: #486247;
    content: "";
    height: 3px;
    width: 45px;
    left: 0;
    bottom: 14px;}
	.zong .abo .atop h4{    font-size: 40px; padding-top:10px;}
		.zong .abo .atop p{font-size:16px; color:#666; padding-top:15px;width: 95%;}
			.zong .abo .atop a{display: block;
    border: 1px solid #282828;
    text-align: center;
    width: 200px;
    line-height: 50px;
    border-radius: 30px;
    color: #282828;
    margin-top: 30px;
    transition: .3s all ease;
    font-size: 16px;
    cursor: pointer;}
				.zong .abo .atop a:hover{background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%); color:#fff; border:1px solid #8eb18c;}
		.zong .abo .hor{margin-top:15px;}
	.zong .abo .hor ul li .fimg{width:150px;}
	.hb{width:100%; overflow:hidden; background:url(../images/rbg.jpg) no-repeat; background-size:cover;padding-bottom:4%; margin-top:100px;}
	.hb .sor{margin-top:2%; }
	.sl{width:100%; overflow:hidden; background:url(../images/rbg.jpg) no-repeat; background-size:cover;padding-bottom:4%; padding-top:4%; margin-top:100px; }
	.sl ul{ width:100%; float:left;}
		.sl ul li{    width: 23%;
    padding: 20px 0;
    background: #fff;
    margin: 0 14px;
}
	.sl ul li p{font-size:16px; font-weight:700;  text-align:center;}
		.sl ul li img{margin:26px auto;width:40px;}
		.mes{width:100%; overflow:hidden; background-size:cover; margin-top:100px;}
		.mes .me{background:rgba(255,255,255,255); width:35%;     
    padding: 3%;    }
			.mes .me h4{font-size:40px; padding-bottom:20px; text-align:center; position:relative;}
		.mes .mimg{     position: relative;  /* width: 66%; background:url(../images/mnn.jpg) no-repeat; background-size:cover;*/}
		.mes .container .mbox{}
 .bl1 {
    width: 200px;
    height: 200px;
    position: absolute;
   bottom:80px;
    left: -30px;
    border-radius: 50%;
    -webkit-animation-name: bMover;
    animation-name: bMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
		transform-origin: center center;}
		.mes .mimg .bl2 {
    width: 120px;
    height: 120px;
    background-color:#fafafa;
    position: absolute;
    top: -40px;
    left: -30px;
    border-radius: 50%;
    -webkit-animation-name: bMover;
    animation-name: bMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
		transform-origin: center center;	}
	.mes .me h4:before {
    content: '';display:none;
    position: absolute;
        top: 7%;
    left: 27%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #486247;}
	.mes .me h4 span{display:block; position:relative;z-index:10;}
		.mes .me p{    font-size: 20px;
    padding-bottom: 20px;
    color: #666;}
		.mes .yst{ margin-top: 20%;
}
		.mes .yst ul li{font-size:40px; color:#fff; font-weight:700;    padding-bottom: 20px;}
        .yst p{font-size: 33px;}
		.mes .me input{ outline:none; border:none;line-height: 60px;font-size: 16px;
    text-indent: 2rem;padding:0;
    width: 100%;
    background: #fafafa;}
			.mes .me .for{margin-bottom:20px;   }
	.mes .me .for.fom{}
			.new ul li{padding: 3%;    margin-bottom: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;}
			.new ul li .nei{overflow:hidden;}
		.new ul li .nei img {
    width: 100%;
    transform: scale(1);
    transition: all 0.6s ease-out 0s;
}
	.mes .me form button{background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);
    color: #fff;
border:none;
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    margin-top:15px; }
		.mes .me form button:hover{    background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%); color:#fff; border:1px solid #486247;}
.new ul li:hover .nei img {
    transform: scale(1.1);
}
.boxcontainer{max-width:1420px; width:100%; margin:0 auto;}
.new ul li .newt{width: 75%;
    float: right;    padding-top: 22px;}
.new ul li .newt span{display:block; font-size:14px; color:#666; background:url(../images/time.png) no-repeat left;padding-left: 30px; }
.new ul li .newt h4{font-size:20px;    padding: 16px 0; }
.new ul li .newt p{font-size:15px; color:#666;}
.new .tit{margin-bottom:30px;}

				.foot .dlogo img{    width: 22%;}
				.foot  h2{font-size:40px;  padding:15px 0; text-align:center;}
				.foot ul li{  }
				/*.foot ul li.add{background:url(../images/add.png) no-repeat left;    background-size: 22px;
;}
				.foot ul li.tell{background:url(../images/tell.png) no-repeat left;background-size: 22px;}
				.foot ul li.cz{background:url(../images/cz.png) no-repeat left;background-size: 22px;}
				.foot ul li.email{background:url(../images/femail.png) no-repeat left;background-size: 22px;}*/
				.foot dl  { text-align:center;    margin: 0 6px;}
				.foot dl dd{background:#999; width:50px;    margin-top: 12px; height:50px; border-radius:50%; display:inline-block;margin-right: 4px;
    margin-left: 4px; }
		.foot dl dd:hover{background:#486247;}
					.foot dl dd img{margin:14px auto;}
				@-webkit-keyframes bMover {
	0% {
	-webkit-transform:translateY(0px) translateX(0) rotate(0);
	transform:translateY(0px) translateX(0) rotate(0)
}
30% {
	-webkit-transform:translateY(30px) translateX(150px) rotate(15deg);
	transform:translateY(30px) translateX(150px) rotate(15deg);
	-webkit-transform-origin:center center;
	transform-origin:center center
}
50% {
	-webkit-transform:translateY(50px) translateX(200px) rotate(45deg);
	transform:translateY(50px) translateX(200px) rotate(45deg);
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom
}
80% {
	-webkit-transform:translateY(30px) translateX(150px) rotate(15deg);
	transform:translateY(30px) translateX(150px) rotate(15deg);
	-webkit-transform-origin:left top;
	transform-origin:left top
}
100% {
	-webkit-transform:translateY(0px) translateX(0) rotate(0);
	transform:translateY(0px) translateX(0) rotate(0);
	-webkit-transform-origin:center center;
	transform-origin:center center
}

}
@keyframes bMover {
	0% {
	-webkit-transform:translateY(0px) translateX(0) rotate(0);
	transform:translateY(0px) translateX(0) rotate(0)
}
30% {
	-webkit-transform:translateY(30px) translateX(150px) rotate(15deg);
	transform:translateY(30px) translateX(1) rotate(15deg);
	-webkit-transform-origin:center center;
	transform-origin:center center
}
50% {
	-webkit-transform:translateY(50px) translateX(200px) rotate(45deg);
	transform:translateY(50px) translateX(200px) rotate(45deg);
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom
}
80% {
	-webkit-transform:translateY(30px) translateX(150px) rotate(15deg);
	transform:translateY(30px) translateX(150px) rotate(15deg);
	-webkit-transform-origin:left top;
	transform-origin:left top
}
100% {
	-webkit-transform:translateY(0px) translateX(0) rotate(0);
	transform:translateY(0px) translateX(0) rotate(0);
	-webkit-transform-origin:center center;
	transform-origin:center center
}
}
.foot{background:#000000; width:100%; overflow:hidden;padding: 3% 0;}
.foot .dnav li{padding-top: 5px; }
.foot .dnav {width: 16%;
    margin-right: 3%;}
.foot .dnav li a{color: #fff; font-size: 15px;    opacity: .7; }
.foot .dnav  h4{   font-weight: normal;padding-bottom: 15px;  font-size: 16px;
    color: #fff; margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.3);}
.foot .dnav li.ftel{ background:url(../images/tel.png) no-repeat left;    padding-left: 35px;
    font-family: "Impact";
    font-size: 26px;
    color: #fff;
    background-size: 21px;}
.foot .dnav:last-child{margin-right:0;    width: 20%;}

.foot .dnav .wx img{margin:0 auto;}
.foot .dnav li:hover a{opacity:1;}
.lanmu {text-align:center;     padding-top: 5%;}
.lanmu h4{ font-size:36px; padding-bottom: 30px;}
.lanmu dl dd{display:inline-block; text-align: center; }
.lanmu dl dd a{    color: #888;
    font-size: 16px;
    font-weight: bold;
    display: block;
    border: 1px solid #888;
    border-radius: 20px;
    /* padding: 2px 20px; */
    width: 120px;
    line-height: 38px;
    margin: 2px 8px;}
.lanmu dl dd:hover a{background: #486247; color:#fff; border:1px solid #486247;}
.hyi{    margin-top: 4%;}
.a2{padding-top: 4%; padding-bottom: 5%; }
.cn{    margin-top: 3%;}
.lxbox{    background: rgb(255 255 255);    padding: 4% 0;}
.lxl h4{ font-size:30px;    padding-bottom: 8%;}
.lxl{    background: #fff;
    padding: 5%;
    width: 38%;}
.lxl .pt{margin-bottom:5%;}
.lxl p{font-size:18px; color:#888; padding-top:22px;}
.lxl span{width:100px; height:4px; background:#486247; display: block;margin-bottom: 6%;}
.lxr{height: 490px;
    width: 52%;}
.lxbox .ppt{padding-bottom:5%;}
.mes {background:url(../images/22.jpg) no-repeat; background-size:cover;   margin-top:0; background-attachment: fixed; padding:6% 0;}
.a3l{width:40%;    position: relative;
    z-index: 4;}
.a3{    padding:1% 0 6%;}
.zhi{       position: relative;
    float: left;
    margin-top: -13%;
    z-index: 3;
    opacity: .2;}
.a3l h4{font-size:40px; }
.a3l span{    font-size: 40px;
    /* color: #888; */
    font-weight: bold;}
.a3r{    width: 50%;
    color: #888;
    font-size: 16px;}
.hyb .btx{    position: absolute;
    top: 30%;
    left: 16%;    font-size: 48px;
    color: #486247;
    font-weight: bold;}
.ap{width: 100%;
    float: left;
    margin-top: 6%;}
.ap .hyb .owl-item:nth-child(2)  ul li  .btx{ text-align:right;    width: 68%;}
.ap .owl-theme .owl-controls{    position: absolute;
    width: 100%;
    bottom: 28px;}
.a4{background:url(../images/wh.jpg) no-repeat; background-size:cover; background-attachment: fixed;width:100%; overflow: hidden; padding:5% 0;}
.a4 h4{font-size:40px; color:#fff; text-align: center;    padding-bottom: 4%;}
.a4l{width: 30%;    margin-top: 9%;}
.a4l h2{    font-size: 36px;
    color: #fff;
    padding-bottom: 20px;}
.a4l p{font-size:16px; color:#fff;}
.a4l a{    display: block;
    font-size: 16px;
    color: #fff;
    background: #486247;
    width: 148px;
    line-height: 50px;
    margin-top: 30px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;}
.a4z{    width: 40%; margin-top: 40px;}
.a4l.a4r{    width: 30%;}
.asl{width:46%;
    margin-top: 5%;}
.a5{padding:6% 0;}
.asl h4{font-size:40px; padding-bottom: 30px;}
.asl  p{color:#888; font-size:16px;    line-height: 35px;}
.asr{width:48%;}
/*右侧漂浮菜单*/
.righto{position: fixed;right: -50px;bottom: 10%;z-index: 30;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.righto.act{right: 0;}
.righto .ul1{width: 50px;}
.righto .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} 
.righto .ul1 li{cursor: pointer;margin-bottom: 1px;position: relative;}
.righto .ul1 li .img{display: block;width: 50px;height: 50px;background: #395438; border-radius: 50%; position: relative;right: 0;}
.righto .ul1 li .img img{display: block;width: 100%;}
.righto .ul1 li .cla{position: absolute;top: 0;right: -160px; width: 160px;height: 50px; line-height: 50px;background: #f9f9f9;color: #d2000f;font-size: 20px;overflow: hidden;text-align: center;z-index: 2;}
.righto .ul1 li.dh:hover .img{right: 160px;}
.righto .ul1 li.dh:hover .cla{right: 0;}
.righto .ul1 li .ewm{width: 100px;position: absolute;top: 0;right: -100px;z-index: -1;}
.righto .ul1 li:hover .ewm{right: 45px;}
/*右侧漂浮菜单 end*/
.flash{ width:100%;  height:600px;position:relative;}
.flash .container{ }
.flash .flt{position:absolute;     left: 14.2%;
    top: 37%;}
.flash h4{font-size:50px;  }
.flash .flt p{font-size:24px; color:#666; padding-top:30px;}
.flash .flt .aline{width:150px; height:4px; background:#004c42;    margin-top: 30px;}
.boxcontainer{width:100%; max-width:1420px; margin:0 auto;}
.ablist .listab {position:relative;width: 47%;}
.ablist .listab .ldimg{position:absolute; top:-7%; right:-4%; background:#fff;padding: 4%;
    width: 18%;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}
	.ablist .listab .ldimg p{font-size:16px; font-weight:700; text-align:center; color:#486247; padding-top:12px;}
	.ablist  .bl1{width:150px; height:150px;}
	.ablist .listr {width: 47%;margin-top: 23px;}
	.ablist{width:100%; overflow:hidden; padding:100px 0;}
	.ablist .listr h4{font-size:40px; padding-bottom:10px;}
.dz{width:100%; background:url(../images/sbg.jpg) no-repeat; background-size:cover;    padding: 4% 0;background-attachment: fixed;}
.dz h4{color:#fff;}
.dz .ppt span{color:#fff;}
.dz ul{text-align:center; margin-top: 4%;}
.dz ul li{display:inline-block;text-align: center;    width: 15%;
    background: rgba(255,255,255,.9);
    padding: 20px 0;
    border-radius: 5px;
    margin:9px 6px;}
.dz ul li img{margin:0 auto 15px; width:70px;}
.psy table td{text-align: center;
    line-height: 50px;padding: 0 10px;
}
.psy{    margin-top: 4%;}
	.ablist .listr .content{    font-size: 16px;
    color: #666;
    line-height: 32px;padding-top: 40px; }
		.ablist .listr .aline{width:150px; height:4px; background:#486247;    margin-top: 10px;}
.hylist{width:100%;  }
.ppt h4{font-size:40px; text-align:center;    margin-top: 40px;}
.ppt span{font-size:16px; color:#888; text-align: center; padding-top: 10px;display: block;}
.ys{    background: #f5f5f5;
    padding: 4% 0; width:100%; overflow:hidden;}
.content{font-size:16px; color:#666;
    margin-top: 4%;    line-height: 30px;}

		.why{width:100%; overflow:hidden;}
			.why ul.ysi li{     background: #fff;
      padding: 2% 3%;
    margin: 0 20px;
    width: 15.6%;
   border-radius: 6px; transition:.3s all ease;}
.ppimg{margin-top:0%;}
		.why ul.ysi li h4{font-size:22px; color:#333;margin-bottom: 10px;    padding-top: 10px}
		.why ul.ysi li p{font-size:16px; color:#666; padding-top:10px; text-align: center;}
		.why ul.ysi li.w1 span{display:block; width:45px; height:45px; background:url(../images/w1.png) no-repeat; background-size:45px;margin-bottom:20px;margin: 0 auto;}
		.why ul.ysi li.w2 span{display:block; width:45px; height:45px; background:url(../images/w2.png) no-repeat; background-size:45px;margin-bottom:20px;margin: 0 auto;}
		.why ul.ysi li.w3 span{display:block; width:45px; height:45px; background:url(../images/w3.png) no-repeat; background-size:45px;margin-bottom:20px;margin: 0 auto;}
		.why ul.ysi li.w4 span{display:block; width:45px; height:45px; background:url(../images/w4.png) no-repeat; background-size:45px;margin-bottom:20px;margin: 0 auto;}
		.why ul.ysi li:hover{background:#486247;}
		.why ul.ysi li:hover h4{color:#fff;}
		.why ul.ysi li:hover p{color:#fff;}
		.why ul.ysi li.w1:hover span{background:url(../images/w11.png) no-repeat;background-size:45px;}
			.why ul.ysi li.w2:hover span{background:url(../images/w22.png) no-repeat;background-size:45px;}
				.why ul.ysi li.w3:hover span{background:url(../images/w33.png) no-repeat;background-size:45px;}
					.why ul.ysi li.w4:hover span{background:url(../images/w44.png) no-repeat;background-size:45px;}
					.xy{ width:100%;background:url(../images/xy.jpg) no-repeat; background-size:cover; padding:6% 0; background-attachment:fixed; position:relative; overflow:hidden;}
					.xy .xyl h4{ font-size:50px; color:#fff;padding-bottom:30px;}
					.xy .xyl{width:50%;}
					.xy .xyl p{font-size:16px; color:#fff; opacity:.8;padding-top: 15px;}
					.xy .xyl span{display:block; border:1px solid #fff; border-radius:30px; font-size:16px; color:#fff;width: 200px;
    text-align: center;
    line-height: 50px; cursor:pointer;
    margin-top: 7%; transition:.3s all ease;}
	.xy .xyl span:hover{    background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);
    color: #fff;
    border: 1px solid #8eb18c;}
	.xy .xyr{position:relative;    margin-top: 7%;}
		.xy .xyr span{position:relative; display:block; width:90px; height:90px; background:url(../images/vbtn.png) no-repeat; background-size:90px;}
		.xy  .vdw{top:0;background:rgba(0,0,0,.3);}
		.xy  .vdw video{width:100%; height:100%; margin:0 auto;}
		.xy .xyr .rip::before,.xy .xyr .rip::after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90px;
    width: 90px;
    margin-left: .5px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
    -webkit-animation: rip 3s infinite;
		animation: rip 3s infinite;}
		.xy .xyr .rip::before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
		position: absolute;}
		.xy .xyr .rip::after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
		position: absolute;}
-webkit-keyframes rip {
	70% {
	-webkit-box-shadow:0 0 0 70px rgba(255,255,255,0);
	box-shadow:0 0 0 70px rgba(255,255,255,0)
}
100% {
	-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);
	box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}
@keyframes rip {
	70% {
	-webkit-box-shadow:0 0 0 70px rgba(255,255,255,0);
	box-shadow:0 0 0 70px rgba(255,255,255,0)
}
100% {
	-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);
	box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}
.zh{padding-bottom:4%;}
.ahy{width:100%; overflow:hidden; padding:4% 0;}
.ahy .aht h4{font-size:50px;}
.ahy .aht ul li{font-size:16px; color:#666; line-height:52px; margin:0 10px; font-weight:bold;}
.ahy .aht a.hmore{display:block; width:200px; height:50px; line-height:50px; text-align:center; border:1px solid #666; color:#666; border-radius:30px; margin-left:20px;}
.ahy .aht a.hmore:hover{    background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);
    color: #fff;
    border: 1px solid #8eb18c;}
.ahy .hyi ul li{padding:0 20px}
.ahy .aht{padding-bottom:3%;}
.ahy .hyi ul li .himg{ overflow:hidden;}
.ahy .hyi ul li .himg img {
    width: 100%;
    transform: scale(1);
    transition: all 0.6s ease-out 0s;
}
.ahy .hyi ul li:hover img{  transform: scale(1.1);}
.ahy .hyi ul li .ft{text-align:center; font-size:22px;}
	.ahy .hyi ul li h2{border-bottom:1px solid #fafafa; padding-top:20px; padding-bottom:10px;font-size:40px;}
	.ahy .owl-theme .owl-controls{display:none;}
		.ahy .hyi ul li h2:hover{color:#486247;}
		.product.protop,.caselist{width:100%; overflow:hidden;padding-top:0;}
		.product.protop .prod ul li .pyd .pdt{width:84%;}
		.product.protop .prod ul li .pdw h1 {
  
		font-size: 192px;    top: -44px;}
.pcont{margin-top:3%;}
.pcont img{     display: initial;}
		.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline{width:100%; height:1px; background:#e6e6e6;margin-top: 36px;}
		.product.protop .prod ul li .pimg {
}
		.productlist{padding-top: 3%;}
.productlist h4{padding-bottom:3%;}
		.new.newlist{padding-top: 4%;    background: #f5f5f5;}
.new.newlist h4.ntt{font-size:36px; text-align: center;    padding-bottom: 26px;}
		.productlist .pit h4{font-size:40px; padding-bottom:10px;}
		.productlist .pit p{color:#666; font-size:16px;    font-weight: bold;}
			.productlist .pline{padding-top:4%; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
			.productlist  ul.fr li{    border: 1px solid #666;
    border-radius: 30px;
    text-align: center;
    line-height: 50px;
    padding: 0 30px;
    margin: 25px 10px;}
		.productlist  ul.fr li:hover{ background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);
    color: #fff; border: 1px solid #8eb18c;}
	.productlist  ul.fr li:hover a{color:#fff;}
			.productlist  ul.fr li a{font-size:16px; color:#666;}
			.productlist .pxq .pxi{    width: 50%;
    margin: 6% auto;}
		.productlist .pxq .content{font-size:16px; color:#666;}
			.text-secondary{border-top:1px solid #e6e6e6;        padding: 4% 0;
    margin-top: 6%;}
	.text-secondary p{color:#666;font-size: 16px;}
		.text-secondary p a{font-size:16px; color:#666;}
		.flash .flt.pin h4{color:#fff;}
		.flash .flt.pin p{color:#fff;}
		.pplist{width:100%; overflow:hidden;    padding: 100px 0;}
		.pplist .content{font-size:16px; color:#666;}
		.caselist ul li {float:left;width:46%;  margin-top:3%;     padding: 25px;position: relative;  padding-bottom: 50px;  }
			.caselist ul li .cimg{width:100%; border-radius: 10px; overflow:hidden;}
			.caselist ul li .cimg img{    width: 100%;
    transform: scale(1);
    transition: all 0.6s ease-out 0s;}
			.caselist ul li .ft{ overflow: hidden;    padding: 40px;
    width: 62%;
    position: absolute;
    bottom: 0;
    left: 14.1%;
    background: #ffffff;
    transition: all 0.6s;
    box-shadow: 5px 10px 10px #ebebeb;
}
				.caselist ul li .ft h2{font-size:18px; float:left;    color: #666;}
					.caselist ul li .ft p{font-size:16px; color:#666; padding-top:15px;}
							.caselist ul li .ft span{   transition: .5s all ease;    margin-top: 8px;  display: block; float:right;
  }
.cly ul li .cld {
    position: absolute;
    top: 5%;
    left: 10%;    transition: .5s all ease
    }
.cly ul li .clt a:hover{    border: 3px solid #486247; background:#486247;}
.cly ul li .cld h3{    font-size: 40px;
    color: #fff;}
.cly ul li:hover .cld{    opacity: 0;}
.caselist ul li .ft span img.youbai{display:none;}
		.caselist ul li:hover .ft span img.youbai {
   display:block; }
		.caselist ul li:hover .ft span img.you {
   display:none; }
.caselist ul li:hover .ft{background: #486247; color:#fff;}
.caselist ul li:hover .ft h2{color:#fff;}
		.caselist ul li:hover .cimg img{    transform: scale(1.1);}
		.productlist.caco .fas{width:84%; margin:7% auto 0;}
		.productlist.caco .fas .fimg{width:100%; height:auto;}
		.new.newlist ul li {
		width: 100%;}
		.new.newlist dl{text-align:center; padding-bottom:4%;}
		.new.newlist dl dd{    display: inline-block;
            width: 200%;
            text-align: center;
            border: 1px solid #666;
            border-radius: 30px;
            margin: 8px;
            transition: .3s all ease;}
		.new.newlist dl dd a{font-size:16px; line-height:50px;}
		.new.newlist dl dd:hover{background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);
   border: 1px solid #8eb18c;}
	.new.newlist dl dd:hover a{  color: #fff;}
		.new.newlist ul li .newt h4 {
    font-size: 22px;}
.new ul li .nei{width:21%; float:left;}
	.pagination{text-align:center; padding:5.5% 0; font-size:14px; color:#666;}
	.pagination a{color:#666; display:inline-block; margin:0 5px;     border-radius: 2px;}
.ab{width:100%; background:url(../images/abg1.jpg) no-repeat;background-size:cover; overflow: hidden;height: 100vh;}
.ab h4{font-size:46px;color:#fff; text-align: center; margin-bottom: 30px;padding-top: 18%;}
.ab h2{    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #486247;
    width: 300px;
    margin: 0 auto 8%;
    line-height: 54px;}
.ab .cn{font-size:16px; color:#666; }
.fy{width: 82%;}
.fh{    width: 140px;
    background: #486247;
    line-height: 50px;
    text-align: center;
    font-size: 16px;}
.fh a{color:#fff;}
.ab .cn span{color:#fff !important;}
	.pagination a.page-num-current{border:1px solid #666;padding:0 10px;}
	.pagination a.page-s,.pagination a.page-d{border:1px solid #666;padding:0 10px;}
	.pagination a.page-num-current:hover,.pagination a.page-s:hover,.pagination a.page-d:hover{background: #486247;
   border: 1px solid #486247; color:#fff;}
   .newn{width:100%; overflow:hiddden; padding:4% 0 0; background: #f3f3f3;}
   .newn .newtop h4{font-size: 40px;
    text-align: left;}
.net{      padding: 80px;background:#fff; margin-bottom: 80px; }
     .newn .newtop{ padding-bottom:30px;}
      .newn .newtop  span{    display: block;
    /* text-align: left; */
    background: url(../images/time.png) no-repeat left;
    /* background-position-x: 43%; */
    margin-top: 28px;
    color: #333;
    padding-left: 36px;
    font-size: 20px;}
	  .newn .content{font-size:16px; padding-top:0%; margin-top:2%;}
	  .newn .content p{text-indent:2rem;}
	  .mes.lxmes{margin-top:0; padding: 5% 0;}
		   .mes.lxmes .container {    }
		   .mes.lxmes .fline{width:100%; height:1px; background:#e6e6e6;margin-top: 8%;}
			  .caselist.honorlist {    background: #fff; padding-top:0;}
			  	  .caselist.honorlist  dl dd{       margin-top: 10px;
    width: 22.8%;
    float: left;
    padding: 15px;}
	.hvideo {
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
	.mobilenav .pcmenu {   float: right;}
	.mobilenav{    position: fixed; display:none;
    z-index: 9999; width:100%;    background: #000000;
    padding-bottom: 10px;}
	
	.mobilenav a.logo{width:100px; float:left; margin-top:5px;}
	.mobilenav .pcmenu .enn{ position:relative;    margin-top: 20px;}
.mobilenav .pcmenu .enn .elb{position:absolute; left:0; top: 53px;    width: 100%;
    background: #fafafa; display:none;}
	.mobilenav .pcmenu .enn .elb a{display:block;line-height: 30px; font-size:14px; color:#666; float:left; width:100%; text-align:center; transition:.5s all ease;}
		.mobilenav .pcmenu .enn .elb a:hover{color:#486247; font-weight:bold;}
		.mobilenav .pcmenu .enn a.language:hover{color:#486247; }
.mobilenav .pcmenu .enn:hover .elb{display:block;}
.mobilenav .pcmenu a.lx{font-size: 14px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 5px;
    padding: 0 10px;
    font-weight: 600;
    color: #fff;
    line-height: 34px;
    background: #486247;
    margin-top: 20px;}
.mobilenav .pcmenu a.lx:hover{    background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);}
.mobilenav .pcmenu a.language{font-size:16px; padding-left:30px;  font-weight:600;     color: #fff; background:url(../images/en.png) no-repeat left;}
.mobilenav .navbar-nav{position: fixed;
    top: 0;
    right:-100%;
    width: 100%;
    height: 100%;
background:rgba(0,0,0,.5);
background-size:cover;
color:#fff;
    z-index: 999;
    transition: .5s cubic-bezier(.77,0,.175,1);
    overflow: auto;}
	.mobilenav .navbar-nav.r-co{right:0;}
	.mobilenav .navbar-nav  li{text-align:center; font-size:20px; line-height:50px; width:100%; float:left;}
		.mobilenav .navbar-nav li a{font-size:16px; color:#fff;font-size:20px; font-weight:bold;}
	.mobilenav .navbar-nav .cha{padding-right:10%; padding-top:10%; padding-bottom:15%;}
	.mobilenav .navbar-nav li:hover a{color:#486247;}
	.r-c{     cursor: pointer;   }
.r-c span.Tmenu_icon {margin-top: 12px;
 cursor: pointer;
 position: relative;
 display: inline-block;
 width: 45px;
 height: 45px;
 line-height: 45px;
 vertical-align: middle;
 z-index: 4;
 }
.r-c span i {    position: absolute; width: 65%;background: #fff;height: 3px;margin-top: -1.5px;left: 25%;top: 50%;}
.r-c span i::before { position: absolute; background: #fff;right: 0; width: 100%; height: 100%;
content: '';transition: transform 0.3s;top: 9px;}
.r-c span i::after {position: absolute; background: #fff; right: 0;width: 100%; height: 100%; content: '';transition: transform 0.3s;top: -9px;}
.r-ct{position: fixed;top: 0;right:-100%;width:100%;height: 100%;background:url(../images/sbg.jpg) no-repeat center;background-size:cover;z-index: 999;transition: .5s cubic-bezier(.77,0,.175,1);overflow: auto;}
.r-ct.r-co{right:0;}
.ab.ab1{background:url(../images/ab1.jpg) no-repeat; background-size:cover; background-attachment: fixed; height:750px;}
.ab.ab1  dl.gmr dt{font-size:40px; color:#fff; font-weight: bold;    padding-bottom: 20px;}
.ab.ab1  dl.gmr dd{    font-size: 20px;
    color: #fff;
    padding: 5px 0;
    font-weight: bold;}
.ab.ab1  dl.gmr dd img{margin-top:20px;}
.ab.ab1  .gml{width:40%;margin-top: 10%;}
.ab.ab1  dl.gmr { margin-top:12%;   width: 38%;}
.mj{background:url(../images/23.jpg) no-repeat; background-size:cover; background-attachment: fixed; height: 750px; text-align: center;}
.mj a{    display: block;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
 
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    width: 18%;
    margin: 0 5%;
    display: inline-block; transition: .5s all ease;}
.mj a:hover{ color:#486247; border-bottom: 1px solid #486247;}
.fu{padding-top:21%;}
.down {
background: rgb(245, 245, 245); padding:4% 0;}
.down .dmr{width:100%;}
.down .dmr dd{padding:2% 0 2%;width: 100%;line-height: 50px;    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
    position: relative;} 
.down .dmr dd i{font-style: normal;
    color: #888;
    line-height: 30px;    padding-right: 25px;
}
.down .dmr dd:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #486247;
	transition: all .5s;}
.down .dmr dd:hover:after {
	width: 100%;}
.down .dmr dd:hover h4,.down .dmr dd:hover .ttm{ color:#486247;}
.down .dmr dd h4{font-size:20px; font-weight: bold;}
.down .dmr dd .ttm{font-size:14px; color:#666; font-weight: 600;    padding-right: 20px;}
.an{padding:4% 0 0;}
.an .atop h4{font-size:40px; text-align: center; padding-bottom: 4%;}
.jr h4{font-size:40px; padding-bottom: 25px;}
.jr h2{font-size:18px; color:#666; padding-bottom: 30px;}
.jr p{font-size:18px; color:#666;     padding-bottom: 10px;}
.jr{    width: 46%;
    background: #fff;
    padding: 5%;}
.jl{width: 44%; overflow:hidden;transtion:.5s all ease;}
.jl img{    transform: scale(1);
    transition: all 0.6s ease-out 0s;}
.jl:hover img{    transform: scale(1.1);}
.joblist{    margin-top: -6%;
    position: relative;}
.jobm{width:100%; background:url(../images/13.jpg) no-repeat; background-size:cover; padding:8% 0 15%; margin-top: 4%;}
.jobm h4{font-size:40px; color:#fff; text-align: center;}
.jobm h2{color:#fff; font-size:24px; text-align: center;padding-top: 36px;}
.co2 .ul1 dd .dtp{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;box-sizing: border-box;cursor: pointer;}
.co2 .ul1 dd .dbt{padding: 30px 80px;line-height: 1.8;color: #666;display: none;}
.co2 .ul1 dd .dbt p{ font-size:16px;}
.co2 .ul1 dd.act .dtp{background: #486247;}
.co2 .ul1 dd .dtp h4{font-size:20px; background:url(../images/re.png) no-repeat left;    background-size: 25px;
    padding-left: 36px;
}
.co2 .ul1 dd .dtp{background:rgba(72,98,71,.2);    padding: 10px 40px;
    border: 1px solid #eee;
    margin-top: 10px;}
.co2 .ul1 dd.act .dtp span{color: #fff;}
.co2 .ul1{    background: #fff;    padding: 20px 30px;
    margin-top: -12%;
    position: relative;}
.co2 .ul1 dd .dtp span{    display: block;
    border: 1px solid #888;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #888;}
.co2 .ul1 dd.act .dtp h4{color:#fff; background:url(../images/baire.png) no-repeat left;    background-size: 25px; }
.co2 .ul1 dd.act .dtp span{background:#fff; border:1px solid #fff; color:#486247;}
.co2 .ul1 dd:hover .dtp span{background:#fff; border:1px solid #fff; color:#486247;}
.co2 .ul1 dd .dbt a{    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #888;
    padding-top: 20px;}
.co2 .ul1 dd .dbt a:hover{ color: #486247;}
.co2{padding-bottom: 3%;}
.dllist dl dd .dlf { width: 44%;
    background: #fff;
    padding: 4%; height: 358px;}
.dllist dl dd .cimg{width:48%;}
.dllist dl dd .dlf span{ display:block;    font-size: 16px;
    font-weight: bold;}
.dllist dl dd .dlf  .dn,.dllist dl dd .dlf  .dn p span{ font-size:16px !important; color:#888 !important; font-weight: normal !important;}
.dllist dl dd h4{font-size:30px; padding-bottom:30px;}
.dllist dl dd  h2{   font-size: 28px;
    padding-top: 20px;
    font-family: Impact;
    color: #666;}
.dllist{background:rgba(245,245,245);  }
.dllist .container{margin-top: -5%;z-index: 3;
    position: relative;}
.dllist dl dd:nth-child(2) .cimg{ float:left;}
.dllist dl dd:nth-child(2) .dlf{ float:right;}
.dllist dl dd{width:100%; float:left; margin-bottom: 80px;}
.dlfd{ background:url(../images/28.jpg) no-repeat; background-size:cover;width: 100%; background-attachment: fixed;
    z-index: 2; font-size: 40px; color:#fff; text-align: center; padding:6% 0;}
.dlfd h4{font-size:30px; padding-top: 20px;}
.wl .wlr h2{font-size:44px; color: #2b56b0;}
.wl .wlr  p{font-size:16px; color:#888;padding-top: 18px;}
.xbox{    background: rgb(245, 245, 245); overflow:hidden; }
.wl{overflow:hidden;
}
.wmap img{margin:0 auto;    margin-bottom: 25px;}
.wl .wmap{position:relative;}
.wl .wmap .sd{ position:absolute;     top: 44%;
    right: 32%;}
.wl .wmap .hn{ position:absolute;      top: 38%;
    right: 37%;}
.wl .wmap .sz{ position:absolute;              bottom: 37%;
    right: 30%;}
.wl .wmap .ah{ position:absolute;       top: 60%;
    right: 20%;}
.wl .wmap .tj{ position:absolute;            top: 38%;
    right: 23%;}
.wl .wmap .lf{ position:absolute;           top: 43%;
    right: 25%;}
.wl .wmap .sh{ position:absolute;          top: 62%;
    right: 13%;}
.wl .wmap .ks{ position:absolute;       top: 58%;
    right: 15%;}
.wl .wmap .cd{ position:absolute;        top: 66%;
    left: 50%;}
.wl .wmap .ty{ position:absolute;           top: 49%;
    right: 36%;}
.wl .wmap span.y1{    width: 10px;
    height: 10px;
    background: #486247;
    border-radius: 50%;
    display: block;position: relative;}
@keyframes mymoveli {
  from {
    transform: scale3d(0.9, 0.9, 1);
  }
  to {
    transform: scale3d(2.5, 2.5, 1);
  }
}
.wl .wmap span.y2 {
    animation: mymoveli 1s ease-out infinite;
}
.wl .wmap span.y2 {
    transform: scale3d(2.4, 2.4, 1);
    background-color: rgba(72, 98,71, 0.2);
	z-index: 0; width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
	border-radius: 50%;
    width: 10px;
    height: 10px;
}
.wl .wlr{    padding-top: 15%;}

.wl .wmap .span {
    width: 0.25rem;
    height: 0.25rem;
    position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -50%);}

.wl .wmap h3{    font-size: 14px;
    color: #666;
    background: #fff;
    border-radius: 6px;
 
    position: absolute;
 
    left: 10px;
    text-align: left; opacity: 0;    width: 200px;
    width: 50px;
    background: #ffffff;
    padding: 10px;
    text-indent: 1rem;}
.wl .wmap h3 p{padding-top:10px;}
.wl .wmap .sy{ position:absolute;            top: 44%;
    right: 32%;}
.wl .wmap .lys{     position: absolute;
    top: 49%;
    right: 19%;}
.wl .wmap .ha {
    position: absolute;
    top: 55%;
	right: 17%;}
.wl .wmap .fs{ position:absolute;               bottom: 15%;
    right: 27%;}
.wl .wmap .yy {
    position: absolute;
        top: 67%;
    right: 15%;}
.wl .wmap .xg{ position:absolute;             bottom: 51%;
    right: 35%;}
.wl .wmap div:hover h3{opacity:1;}

.wld{ z-index: 35; width:100%; }
.product.protop{}
.productlist .lanmu{    padding-top: 0;    margin-bottom: 4%;
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;}
.plk{    width: 100%;

    position: relative;
 }
.hybb{  }
.ppimg{width:100%; float:right;    margin-top: 5%;
    position: relative;}
.ax{background:rgba(245,245,245); background-size:cover;padding: 4% 0; margin-top: 0%;}
.ax .ppt h4{color:;}
.ax ul li{background:#fff; text-align: center;    padding: 4%;
    width: 22.333333%;
    margin: 0 15px; height: 170px;}
.ax ul li span{    font-size: 38px;
    font-family: Impact;
    color: #486247;
    background: 热点、;
    width: 80px;
    display: block;
    height: 80px;
    border-radius: 50%;
    background: rgba(72,98,71,.2);
    line-height: 80px;
    margin: 0 auto 30px;}
.ax ul li p{font-size:16px; color:#888;}
.ax .ppt{margin-bottom:4%;}
.zxzx{padding:5% 0 0;display:none;}
.zxbox ul li{padding:0 20px; position: relative;}
.zxbox ul li .zxt{     position: absolute;
    bottom: -100%;
    width: 79%;
    left: 40px;   background: #fff;
    padding: 10px;    border-radius: 5px; transition: .6s all ease;}
.zxbox ul li:hover .zxt{background: #486247; color:#fff; bottom:20px;}
.zxbox{margin-top: 4%;}
.ax ul{width:100%;}
.ax .map2{width:50%;  display:none;}
.a6{ background:url(../images/07.jpg) no-repeat; background-size: cover;    background-attachment: fixed; padding: 5% 0;}
.a6 h4{font-size:40px; text-align: center; color:#fff;    margin-bottom: 5%;}
.a6 ul{text-align:center;}
.a6 ul li{    color: #fff;
    width: 8%;
    border-right: 1px solid rgba(255,255,255,.5);
    /* height: 100%; */
    /* position: relative; */
    padding: 0 30px;
    float: none;
    display: inline-block;
    text-align: center;
    height: 600px;}
.a6 ul li:last-child{border-right:none;}
.a6 ul li h2{font-size:40px;   font-weight: 500;
    letter-spacing: 5px; writing-mode: vertical-lr; float: left;}
.a6 ul li p{ float:right;     font-size: 16px;  letter-spacing: 2px; writing-mode: vertical-lr;}
.a7{width:100%; padding:5% 0;}
.a7 ul li h4{font-size:120px; text-align: center; color:#486247;}
.a7 ul li p{font-size:20px; text-align: center; color:#888;}
.a7 .owl-prev{
	background:url(../images/prev7.png) no-repeat center;
	position:absolute;
	left:30px;
	top:44%;
}
.a7 .owl-prev:hover{
	background:url(../images/prevh4.png) no-repeat center;
}
.a7 .owl-next{
	background:url(../images/next7.png) no-repeat center;
	position:absolute;
	right:30px;
	top:44%;background-size:50px;
}
.a7 .owl-next:hover{
	background:url(../images/nexth4.png) no-repeat center;
}
.a7 .owl-theme .owl-controls .owl-buttons div{
	width:50px;
	height:50px;
	border:none;
}
.a7 .case-carousel-carousel{margin-top:4%;}
.newn .content p span{    text-wrap: inherit !important;}
.footb{background: #000000;
    border-top: 1px solid #6c6c6c;
    padding: 1% 0;
    color: #fff;
    width: 100%;
    overflow: hidden;}
.footb a{color:#fff;}
.gyy ul li .pimg{width:44%;}
.gyy{margin-top:0px;    background: url(../images/ybg.jpg) no-repeat;height: 115vh;}
.gyy .ygn{    background: #fff;    padding: 4%;}
.gyy h4.bbt{font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10%;}
.gyy ul li .prt{width:43%;    padding-top: 28px;    background:#fafafa;
    padding: 5%;}
	.gyy ul li .prt .pdw{position: relative;}
		.gyy ul li .pdw h1{    position: absolute;
    z-index: 1;
     font-size: 208px;
    line-height: 1;
    opacity: .07;
    top: -57px;
    left: 0;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;}
	.gyy ul li .pdw span{    color: #486247;
    font-weight: 700;
    font-size: 20px;    padding-left: 75px;
    position: relative;}
	.gyy ul li .pdw span::before {
    position: absolute;
    background:#486247;
    content: "";
    height: 3px;
    width: 45px;
    left: 0;
    bottom: 11px;}
.gyy ul li{width:100%; float:left; margin-top:40px;}
.gyy ul li:nth-child(2) .pimg{ float:right;}
.gyy ul li:nth-child(2) .prt{ float:left;}
.caon{margin-top: -900px;}
.gyy ul li h4{font-size:50px; padding-bottom:10px;color: #282828;}
.gyy ul li .prt p.pjj{font-size:16px; color:#666;}
.gyy ul li .pyd h2{color: #282828;font-size: 20px;  padding-bottom:8px; }
.gyy ul li .pyd img{width: 56px; float:left;}
.gyy ul li .pyd .pdt{float:left;width: 87%;
    padding-left: 4%;}
.gyy ul li .pyd{padding-top:30px;}
.gyy ul li .pyd p{font-size:14px; color:#666;}
.gyy ul li .pyd span{ font-size: 16px;    float: left;
    display: block;
   
    width:200px;
    text-align: center;
    border-radius: 50px;
    line-height: 60px;
    color: #fff;
    margin-top: 40px;transition: .5s all ease;background-image: -webkit-linear-gradient(-51deg,#486247 0,#8eb18c 99%);}
		.gyy ul li .pyd span:hover{  background-image: -webkit-linear-gradient(-51deg,#486247 0,#486247 99%);color:#fff;}
.gyy .ygn ul li .pyd .pdt{width:84%;}
	.gyy .ygn ul li .pdw h1 {
  
		font-size: 192px;    top: -44px;}
	.gyy .fline{width:100%; height:1px; background:#e6e6e6;margin-top: 36px;}
	.gyy .ygn ul li .pimg {
		margin-top: 22px;}
.productlist.gyylist{padding-top:0;    background: url(../images/ybg.jpg) no-repeat;}
.productlist.gyylist  .gyybox{background:#fff; padding:5%;}
 h4.bbt {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10%;}
.pcont{font-size:16px;}
.pcont p span{text-wrap: inherit !important;}
.lanmu dl dd a.in{border:1px solid #486247; background:#486247; color:#fff;}
.caselist{background:#f6f6f6;    padding-bottom: 5%;}
.caselist .tit h4 {
	font-size: 36px}
.casewz .pit h4{font-size:36px; text-align: center;}
.casewz .pit p{font-size: 18px;
    text-align: center;
    color: #888;
    padding-top: 10px;}
.casewz .pit{    border-bottom: 1px solid #eee;
    padding-bottom: 25px; padding-top: 5%;}
.navbar .pcmenu ul li:nth-child(5) .drop-m{display:none !important;}

@media (max-width:2560px) and (min-width:2400px) {
		.gyy,.productlist.gyylist{background-size:cover;}
		.banner .bnimg {
    width: 100%;
    height: 860px; background-size:cover !important;}
.flash {
    width: 100%;
    height: 800px;}
		.mes .me {
		margin-top: 2%;}
		.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline {
		margin-top: 0px;}
	}
@media (max-width:1680px) and (min-width:1440px) {

	.flash {
    width: 100%;
		height: 530px;}
.banner .bnimg {
    width: 100%;
    height: 542px;
    background-size: cover !important;}
	.videot {
    padding-top: 30%;}
	.new ul li {

    padding: 18px;}
	.mes .me h4:before {
    left: 24%;}
	.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline {
    margin-top: 56px;}
	.mes.lxmes .container {
    margin-top: 10%;}
	
}
@media (max-width:1440px) and (min-width:1366px) {
.banner .bnimg {
    width: 100%;
    height: 487px;
    background-size: cover !important;}
.rslides li .btx p {
    font-size: 50px;}
	.navbar-nav {
		width: 73%;}
	.about .al {
    width: 42%;
		padding-top: 5%;}
	.about .ar {
 
		width: 55%;}
	.about .ar a.amore {
    width: 270px;
    height: 66px;
		line-height: 66px;}
	.se {
		width: 21%;}
	.navbar .pcmenu ul li {
    float: left;
		padding: 0 30px;}
	.foot .dnav {
    width: 13%;
    margin-right: 3%;
    margin-left: 3%;
	}
	.a6 ul li {
		width: 7%;}
	.flash {
    width: 100%;
		height: 450px;}
	.navbar .pcmenu ul li a {
    padding: 0 8px;}
	.boxcontainer{width:96%;}
	.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline {
    margin-top: 66px;
	}
	.mes.lxmes .container {
    margin-top: 0%;}
	.videot {
    padding-top: 28%;}
	.prod ul li .pyd .pdt {
    width: 85%;}
		.zong .zimg,.xvideo,.fas .fimg {
    height: 580px;}
	.fas ul li .ft {
    left: 14%;}
		.xvideo .vbtt {
    width: 66%;}
	.zong .abo .atop p {
    padding-top: 5px;}
	.zong .abo .atop h4 {

    padding-top: 0;}
	.new ul li {
    width: 31.1%;
    padding: 15px;}
	.mes .yst {

    margin-left: 2%;}
	.mes .me h4:before {
    left: 19%;}
	.mes .me {
    margin-top: 5.5%;}
}
@media (max-width:1366px) and (min-width:1280px) {
.banner .bnimg {
    width: 100%;
    height: 487px;
    background-size: cover !important;}
	.p2tr h4 {
		font-size: 60px;}
	.about .al {

		padding-top: 5%;}
	.about .ar {
    position: relative;
		width: 58%;}
	.navbar .pcmenu ul li {
    float: left;
		padding: 0 30px;}
	.se {
		width: 21%;}
	.a4l h2 {
		font-size: 30px;}
	.a6 ul li h2 {
		font-size: 30px;}
	.a6 ul li {
		width: 7%;}
	.new.newlist ul li .newt h4 {
		font-size: 18px;}
	.flash {
    width: 100%;
		height: 425px;}
.rslides li .btx p {
    font-size: 50px;}
	.navbar-nav {
		width:77%;}
		.container {
		width: 1260px;}
.navbar .pcmenu ul li a {
    font-size: 15px;
padding: 0 6px;}	
.navbar .pcmenu {
    margin-left: 0;
float: right;}
.navbar .pcmenu .enn {}
.videot {
padding-top: 26%;}
.prod ul li .pyd .pdt {
width: 85%;}
	.zong .zimg,.xvideo,.fas .fimg {
    height: 570px;}
	.fas ul li .ft {
    left: 14%;}
	.xvideo .vbtt {
    width: 66%;}
	.zong .zimg .lxt {
    font-size: 76px;}
	.new ul li {
    width: 31.1%;
    padding: 14px;}
	
	.mes .yst {
    margin-left: 0;}
	.mes .me h4:before {
    left: 18%;}
	.ablist .listr h4 {
    font-size: 36px;}
	.why ul.ysi li {
    width: 18.3%;    margin: 0 4px;}
	.boxcontainer{width:96%;}
	.product.protop .fl
ine,.productlist .fline,.caselist .fline,.new.newlist .fline {
    margin-top: 66px;}
	.mes.lxmes .container {
    margin-top: 10%;}
	.a3l span {
		font-size: 38px;}
}
@media (max-width:1280px) and (min-width:1152px) {
	.a6 ul li {

		width: 7%;}
.banner .bnimg {
    width: 100%;
    height: 446px;
    background-size: cover !important;}
	.p2 a.lj1 {
}
	.p2t img {
    margin: 0 auto;
}
	.mes .mimg {
		height: auto;    width: 50%;}
	.p2 ul.p2u li {
		padding:  0;}
	.p2tr h4 {
		font-size: 48px;}
	.about .ar a.amore {
    width: 260px;
    height: 66px;

		line-height: 66px;}
	.about .ar {
    position: relative;
		width: 58%;}
	.se {
		width: 21%;}
	.navbar .pcmenu ul li {
		padding: 0 30px;}
	.a6 ul li {
    color: #fff;
		width: 17%;}
	.a3l span {
		font-size: 36px;}
	.wl .wmap .sd {
		right: 28%;}
	.dllist dl dd .dlf {
		height: 308px;}
	.mj{    height: 642px;}
	.flash {
    width: 100%;
		height: 400px;}
	.container {
		width: 1200px;}
	.navbar .pcmenu ul li a {
    padding: 0px;}
	.navbar .pcmenu .enn {
}
	.navbar .pcmenu {
    margin-left: 0;
    float: right;}
	.prod ul li .pyd .pdt {
    width: 84%;}
	.fas ul li .ft {
    left: 14%;
    width: 50%;}
	.xvideo .vbtt {
    width: 65%;}
	.vbtn {
    right: 5%;}
	.zong .zimg .lxt {
    font-size: 76px;}
	.zong .zimg,.xvideo,.fas .fimg {
    height: 560px;}
	.new ul li {
    width: 31%;
    padding: 13px;}
	.mes .yst {
    margin-top: 3%;
    margin-left: 0;}
	.mes .me h4:before {
    left: 16%;}
	.ablist .listr h4 {
    font-size: 34px;
	}
	.why ul.ysi li {

    padding: 5% 2%;
    width: 19.2%;    margin: 0 10px;}
	.boxcontainer{width:96%;}
	.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline {
    margin-top: 70px;}
	.mes.lxmes .container {
    margin-top: 4%;}
}

@media (max-width:1152px) and (min-width:991px) {
	.mes .yst ul li {
		font-size: 30px;}
	.cly ul li .cld h3 {
		font-size: 30px;}
.banner .bnimg {
    width: 100%;
    height: 364px;
    background-size: cover !important;margin-top:70px;}
.rslides li .btx p {
    font-size: 40px;}
.rslides li .btx span {
    margin-top: 10px;}
	.mes .mimg {
    position: relative;
		height: auto;}
	.mes .me {
    background: rgba(255,255,255,255);
    width: 83%;
		padding: 5%;}
	.p2img {
    float: none;margin:0 auto;
		position: static;}
	.p2img img{margin: 0 auto;}
	.p2tr {
    width: 100%;    text-align: center; padding-left:0 !important;
		float: none;}
	.p2tr i{margin:20px auto;}
	.about .al {
		width: 100%;}
		.mobilenav{display:block;}
	.tfix{display:none;}
	.mobilenav .pcmenu .enn{}
		.foot .dnav {
    width: 13%;
    margin-right: 3%;
		margin-left: 3%;}
	.footb{    text-indent: 2rem;}
	.new ul li .newt {
		width: 69%;}
	.new ul li .nei {
    width: 28%;
		float: left;}
	.flash .flt {

		top: 20%;}
	
	.flash {
    width: 100%;
		height: 324px;top: 70px;}
.down,.hylist,.product.protop, .caselist,.productlist,.lxbox,.xbox,.an {
    margin-top: 70px;}
	.gyyl .g1 {
    width: 50%;
		margin-left: 20px;}
	.navbar .pcmenu ul li {
 
		width: 14%;}
	.navbar a.logo {
		margin-left: 15px;}
	.rslides li .btx{left:10%;}
	.navbar-nav {
		width: 77%;}
.navbar .pcmenu ul li a {
padding: 0 4px;}
.navbar .pcmenu .enn {
}
.navbar .pcmenu a.lx {
    margin-left: 10px;
margin-right: 10px;}
.navbar .pcmenu {
    margin-left: 0;
width: 87%;}
.videot {
padding-top: 50%;}
.videobg .videot h2 {
font-size: 40px;}
.prod ul li .prt {
padding: 3%;    width: 48%;}
.prod ul li .pyd .pdt {
    
width: 80%;}
.prod ul li .pimg,.product.protop .prod ul li .pimg {
}
.fas .fimg,.xvideo,.zong .zimg {
  
height: 360px;}
.fas ul li .ft {
    left: 16%;
width: 60%;}
.fas ul li .ft span, .zong .zimg .lx span,.xvideo .vbtt span {
width: 150px;}
.zong .zimg .lxt {
  
    top: 7%;
font-size: 50px;}
.zong .abo {
position: static;width: 30.5%; float:left;    padding: 0;}
.zong .abo .atop h4 {
font-size: 30px;}
.zong .abo .atop p{display:none;}
.zong .abo .atop a {
    width: 150px;
margin-top: 10px;}
.new ul li {
    width: 31.2%;
padding: 10px;}
.mes .me {
    }
	.dllist dl dd .dlf{height:258px;}
	.ablist .listr {
    margin-top: 0;}
	.why ul.ysi li {
        width: 19.4%;
    padding: 3% 2%;
    margin: 0 8px;}
	.boxcontainer {
    width: 96%;}
	.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline {
    margin-top: 88px;}
	.mes.lxmes .container {
    margin-top: 0%;}
	.wl .wmap .sd {
		right: 27%;}
	
}
@media (max-width:991px) and (min-width:767.5px) {
			.productlist,.lxbox,.down,.an,.joblist,.dllist,.hylist,.joblist{margin-top:70px;}
	h4.bbt {
    font-size: 30px;
		padding: 15%}
	.productlist.gyylist{margin-top:0;}
	.cly ul li .cld h3 {
		font-size: 30px;}
.rslides li .btx p {
    font-size: 30px;}
.rslides li .btx span {
    margin-top: 3px;}
.rslides li .btx {

    top: 56%;
    left: 7%;}
.rslides li:nth-child(2) .btx{left:auto;}
.banner .bnimg {
    height: 270px;
    background-size: cover !important;
    margin-top: 70px;}
	.mes .mimg {
    position: relative;
			height: auto;}
		.cly a.ymore {
    height: 48px;
    line-height: 48px;
			font-size: 24px;}
		.cly ul li .clt {
    position: absolute;
			top: 20%;}
		.cly ul li .clt a {
    display: block;
    width: 36px;
    height: 36px;
    border: 3px solid #fff;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
			margin: 20px auto;}
		.cly ul li .clt h4 {
			font-size: 16px;}
		.p2 a.lj1 {
    font-size: 22px;
		}
		.p2tr i {
    display: block;
    margin-top: 20px;
    width: 288px;
    height: 50px;
    text-align: center;
    border: 3px solid #516851;
    line-height: 50px;
    font-style: normal;
			font-size: 24px;}
		.p2tr span {
    display: block;
			font-size: 20px;}
		.p2tr h4 {
			font-size: 30px;}
		.p2tr {
    width: 90%;
    float: none;
			margin: 0 auto;}
		.p2img {float: none;
			position: static;}
		.p2 ul.p2u li {
			margin-top: 40px;}
		.p2t ul li {
   
    font-size: 20px;
    width: 34%;
    height: 46px;
    line-height: 46px;
			margin: 10px;}
		.p2t img {
       margin: 0px auto 30px;
    width: 28%;}
.p2img{margin:0 auto;}
.cly ul li {

    width: 33.333333%;}
		.ys2 a.lmore {

			font-size: 24px;}
		.ys2 p {
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
    width: 90%;
			margin: 20px auto;}
		.ys2 h4 {
    font-size: 30px;
			text-align: center;}
		.about .al p {
    width: 90%;
			margin: 20px auto;}
		.about .ar a.amore {
    display: block;
    width: 200px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    border: 6px solid #ccc;
    border-radius: 30px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    position: static;
    right: 24px;
    bottom: 24px;
			margin: 20px auto;}
		.about .al {
			width: 100%;}
		.al img{width:28%;}

	.a6 ul li {
   
    width: 15%;
		height: 400px;}
	.a7 ul li h4{font-size:80px;}
	.a7 .owl-buttons{display:none;}
	.asl {
    width: 90%;
    margin-top: 5%;
    float: none;
		margin: 0 auto;}
	.asr {
    width: 100%;
		margin-top: 20px;}
	.footb {
		text-align: center;}
	.jl img {
		width: 100%;}
			.lanmu h4 {
			font-size: 26px;}
		.mobilenav .pcmenu .enn{}
		.foot .dnav li.ftel,.foot .dnav li {
			margin-left: 10%;}
		.prot ul li {
			width: 100%;}
		.foot .dnav{display:none;}
		.foot .dnav:last-child{display:block; width: 100%;}
		.prot{display:none;    padding-top: 70px;}
	.dllist dl dd .cimg {
			width: 100%;}
		.dllist dl dd{margin-bottom:20px;}
		.dllist dl dd .dlf {
    width: 90%;
    background: #fff;
    padding: 4%;
    height: auto;
    margin: 0 auto;
			float: none;}
		.joblist {
	}
		.co2 .ul1 {

			padding: 20px 20px;    margin-top: -6%;}
		.lanmu dl dd a {
    color: #888;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border: 1px solid #888;
    border-radius: 20px;
    /* padding: 2px 20px; */
    width: 106px;
    line-height: 38px;
			margin: 2px 5px;}
		.jr {
			width: 90%;}
		.jl {
			width: 100%;}
		.down .dmr {
    width: 90%;
			margin: 0 auto;}
		.lanmu.hidden{display:block !important;}
		.down .dmr dd .ttm{display:none;}
		.lxl {
		padding: 0;float: none;
    width: 90%;
    margin: 0 auto; background: none;}
		.down .dmr dd h4{font-size:16px;}
		.ab.ab1 .gml {
			width: 100%;}
		.ab.ab1 dl.gmr {
    margin-top: 12%;
			width: 90%; margin: 12% auto 0; float:none;}
		.new ul li .nei {
			width: 100%;}
		.ab{padding-top:70px;}
		.new ul li .newt {
			width: 100%;}
		.lxr {
    height: 400px;
			width: 100%;}
	
		.dz ul li {
			width: 44%;}
		.ahy .owl-theme .owl-controls{display:none !important;}
		.fas.zy ul li .ftt {
    position: static;
    padding: 0;
    width: 90%;
			margin: 0 auto;}
		.ab.ab1 {
			height: 100%;}
		.wl .wmap h3{       left: -131px;}
		.mj a {

    font-size: 26px;
			width: 30%;}
		.dllist .container {
			margin-top: 0;}
		.dllist dl dd {
    width: auto;
			float: none;}
		.wl .wmap .sd {

			right: 18%;}
		.mj {
			height: 456px;}
		.cl3 h4,.cl4 h4,.cl5 h4,.cl6 .pt h4 {
			text-align: center;}
		.co2 .ul1 dd .dbt {
			padding: 30px 20px;}
		.ab.ab1 dl.gmr dd {
			font-size: 16px;}
		.cl4 .c4l {
    width: 90%;
    margin: 2% auto;
			float: none;}
		.cl2 .cl,.cl5 .c5r {
			width: 100%;}
		.cl5 .c5l {
			width: 100%;}
		.cl3 p,.cl5 p,.cl6 .pt p,.cl7,.content,.cn{width:90%; margin: 0 auto;}
		.cl2 .cr {
    width: 90%;
    margin-top: 4%;
    margin: 4% auto;
			float: none;}
		.gyyl .g2 {
			width: 100%;}
		.cl4 .c4r {
			width: 100%;}
		.gyyl .g1 {
    width: 90%;
			    margin: 0 auto;margin-top: 70px;
    float: none;}
		.gyyl h4,.cl2 .cr h4,.cl3 h4,.cl4 h4,.cl5 h4,.cl6 .pt h4,.fas.zy ul li .ftt h4,.ppt h4,.ab h4,.new.newlist h4.ntt,.ab.ab1 dl.gmr dt,.lxl h4,.an .atop h4,.jobm h4,.jr h4,.dlfd,.prot ul li .st h4,.a6 ul li h2 {
			font-size: 26px;}
		.mobilenav a.logo {
			margin-left: 15px;}
		.mobilenav .pcmenu {
  
			margin-right: 15px;}
			.hylist .hidden.lanmu {display:block;    margin-bottom: 30px;}
		.prod {
			margin-top: 0px;}
		.pcont {

			padding: 0 15px;}
		.prod ul li {
			width: 100%;}
		.text-secondary p {
			font-size: 14px;}
		.zoompic {
			width: 100%;}
		.sliderbox {
			width: 100%;}
.mobilenav{display:block;}
	.tfix{display:none;}	
	.hvideo {
    position: relative;
    height: 100vh;}	
		.videobg .videot h2 {
		font-size: 24px;}
.videobg .videot h4 {
font-size: 14px;}
.videot {
padding-top: 73%;}
.tit {
padding: 40px 0 0;}
.tit h4 {
font-size: 30px;}
.prod ul li .pimg {
width: 100%;}
.prod ul li .prt {
    width: 90%;}
	.prod ul li .pdw h1,.product.protop .prod ul li .pdw h1 {
    font-size: 58px;
    top: -7px;}
	.prod ul li h4 {
    font-size: 30px;}
	.prod ul li .pyd img {
    width: 46px;}
	.prod ul li .pyd p {
    font-size: 14px;}
	.prod ul li .pyd span {
    width: 145px;
    line-height: 40px;
    margin-top: 30px;}
	.fas {
    width: 100%;}
	.fas .fimg {
    height:400px;}
	.fas ul li .ft p,.xvideo .vbtt p,.zong .zimg .lx p{display:none;}
	.fas ul li .ft h2,.zong .zimg .lx h4 {
    font-size: 30px;}
	.fas ul li .ft span,.zong .zimg .lx span{ width: 145px;
    line-height: 40px;margin-top: 20px;}
	.fas ul li .ft {

    bottom: 23%;
    left: 21%;
    width: 100%;}
	.fas .owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;

    background-size: 30px !important;}
		.xvideo {
    width: 100%;
		height:400px;}
		.xvideo .vbtt h4{font-size:30px;}
		.xvideo .vbtt {
    bottom: 23%;
  left: 9%;
		width: 100%;}
		.xvideo .vbtt span,.zong .abo .atop a{width: 145px;
    line-height: 40px;margin-top: 20px;}
	.vbtn {
    top: 38%;}
	.zong .zimg {

    width: 100%;
    height: 400px;}
	.zong .abo {    padding: 0;
    position: static;
    width: 100%;}
	.zong .abo .atop h4 {
    font-size: 30px;}
	.zong .abo .atop p {
    font-size: 15px;
    width: 100%;}
	.new ul li {
    width: 100%;
    padding: 0px; margin-top:20px;}
	.mes .yst {
    padding: 0;
    width: 100%;
    margin-left: 20px;}
	.mes .yst ul li {
    font-size: 20px;}
	.bl1 {
    width: 100px;
    height: 100px;    bottom: 50px;}
	.mes .me {
    width: 100%;
    margin-right: 0;
    padding: 0;
    margin-top: 0;}
	.mes .container .mbox,.mes .mimg {
    height:290px;}
	.mes .me h4,.foot h2{font-size:30px;}
	.mes .me h4:before {
    top: 10%;
    left: 39%;
    width: 20px;
    height: 20px;}
	.mes .me input,.mes .me form button {

    line-height: 40px;
    font-size: 15px;}
	.mes{margin-top:40px;}
	.zong .zimg .lxt {

    font-size: 24px;}
	.atop{    width: 100%;
    float: left;}
	.mobilenav .pcmenu a.lx{float:none;padding: 6px 10px;}
	.flash {
       height: 258px;
    /* padding-top: 70px; */
    top: 70px;}
	.flash h4 {
    font-size: 20px;}
	.flash .flt p {
    font-size: 14px;}
	.flash .flt {
    padding: 3%;top: 22%;}
	.boxcontainer {
    width: 90%;}
	.ablist {

    padding: 40px 0;}
	.ablist .listab {
    width: 100%;}
	.ablist .listab .ldimg p {
    font-size: 14px;
	}
	.ablist .listab .ldimg {

    width: 26%;}
	.ablist .bl1 {
    width: 90px;
    height: 90px;
}
.ablist .listr {
width: 100%;}
.ablist .listr h4 {
font-size: 30px;}
.ablist .listr .content {
font-size: 15px;}
.why ul.ysi li {
    padding: 20px 0;
    margin: 0;
	margin-top:20px;
width: 100%;text-align: center;}
.why ul.ysi li span{margin:0 auto;}
.ahy .aht h4 {
font-size: 30px;}
.ahy .aht a.hmore{width: 145px;
    line-height: 40px;height: 40px;

    margin-left: 0;}
	.xy .xyl {
    width: 100%;}
	.xy .xyl h4 {
    font-size: 30px;}
	.xy .xyl p {
    font-size: 15px;}
	.xy .xyl span {

    width: 145px;
 
    line-height: 40px;}
	.xy .xyr .rip::before,.xy .xyr .rip::after {
 
    height: 70px;
    width: 70px;}
	.ahy .aht ul li {
    font-size: 15px;
    line-height: 34px;}
	.ahy .hyi ul li h2 {
    font-size: 22px;}
.gyy h4.bbt {
    font-size: 40px;
    padding: 14%}
.gyy ul li .pimg {
    width: 100%;}
.gyy ul li .prt {
    width: 90%;}
.gyy ul li h4 {
    font-size: 40px;}
.lxbox {
  
    margin-top: 70px;}
.foot .dnav li {
    margin-left: 0;}
	.product.protop, .caselist,.productlist {

    padding-top: 38px;    margin-top: 70px;}
.sliderbox .slider {

    height: 140px;}
	.productlist .pit h4 {
    font-size: 30px;}
	.productlist ul.fr li {

    line-height: 40px;
    padding: 0 20px;
    margin: 5px;}
	.pplist {
    padding: 40px 0;}
	.caselist ul li .cimg {
    width: 100%;}
	.caselist ul li .ft {
    float: none;
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;}
	.caselist ul li .cimg {
    float: none;}
	.caselist ul li .ft h2 {
    font-size: 30px;}
	.caselist ul li .ft span{width: 145px;
    line-height: 40px;}
	.productlist .pit p{font-size: 15px;}
	.text-secondary p a {
    font-size: 15px;}
	.productlist ul.fr li a {
    font-size: 15px;}
	.new.newlist dl dd {
    width: 43%;
  
    margin: 5px;}
	.new.newlist dl dd a {
    font-size: 15px;
    line-height: 40px;}
	.new.newlist ul li {
       width: 41%;
    margin-left: 20px;    padding: 3%;}
	.new.newlist ul li .newt h4 {
    font-size: 20px;}
	.newn .newtop h4 {
    font-size: 20px;}
	.newn .newtop span {

    background-position-x: 35%;}
	.newn .content {
    font-size: 15px;}
	.mes.lxmes .container {
    margin-top: 86px;}	
	.why ul.ysi li {
  padding: 20px 0;
    margin: 0;
    margin-top: 20px;
    width: 46%;
    text-align: center;
    margin-left: 10px;}
		.why ul.ysi li p {
			font-size: 12px;}
.why ul.ysi li span{margin:0 auto;}
.ahy .aht h4 {
font-size: 30px;}
	.new ul li .newt p{display:none;}
	.a4l,.a4z,.a4l.a4r {
    width: 90%;
    margin-top: 20px;
    float: none;
			margin: 0 auto;}
		.hyb .btx {

			font-size: 28px;}
		.a3r {
    width: 90%;
    color: #888;
    font-size: 16px;
    float: none;
			margin: 20px auto;}
		.a3l {
    width: 90%;
    position: relative;
    z-index: 4;
    float: none;
			margin: 0 auto;}
		.a3l span,.a3l h4,.a4 h4,.a4l h2{font-size:26px;}
		.plk,.ppimg {
			width: 100%;}
		.ax ul li {
    background: #fff;
    text-align: center;
    padding: 6px 0;
    width: 100%;
    margin: 10px 0;
			height: 140px;}
}

	@media (max-width: 767.5px) {
		.productlist.gyylist{margin-top:0;}
.banner .bnimg {
    width: 100%;
    height: 140px  !important;
    background-size: 100% !important;}
.rslides_tabs {
    bottom: 0%;}
		.mes .mimg {
    position: relative;
			height: auto;}
		.cly a.ymore {
    height: 48px;
    line-height: 48px;
			font-size: 16px;}
		.cly ul li .clt {
    position: absolute;
			top: 20%;}
		.cly ul li .clt a {
    display: block;
    width: 36px;
    height: 36px;
    border: 3px solid #fff;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
			margin: 20px auto;}
		.cly ul li .clt h4 {
			font-size: 16px;}
		.p2 a.lj1 {
    font-size: 16px;
    padding-top: 0;
    width: 180px;
    height: 40px;
    display: block;
    margin: 8% auto 0;
    line-height: 40px;
		}
		.p2tr i {
    display: block;
    margin-top: 20px;
    width: 180px;
    height: 50px;
    text-align: center;
    border: 3px solid #516851;margin: 6px auto;
    line-height: 50px;
    font-style: normal;
			font-size: 18px;}
		.p2tr span {
    display: block;
			font-size: 18px;}
		.p2tr h4 {
			font-size: 22px;}
		.p2tr {
    width: 100%;
    float: none;text-align: center;    padding-left: 0 !important;
			margin: 0 auto;padding: 5% 0;}
		.p2img {
			    font-size: 16px;
    width: 90%;
   
    margin: 10px;
    margin-top: 22px;
    float: none;
    margin: 0 auto;
    position: static;}
		.p2 ul.p2u li {
			margin-top: 40px;    padding-bottom: 0;}
		.p2t ul li {
   
   font-size: 16px;
    width: 34%;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    margin-top: 22px;}
		.p2t img {
    margin: 0 auto;
			width: 34%;}
		.ys2 a.lmore {

			font-size: 24px;}
		.ys2 p {
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
    width: 90%;
			margin: 20px auto;}
		.ys2 h4 {
    font-size: 30px;
			text-align: center;}
		.about .al p {
    width: 90%;
			margin: 20px auto;}
		.about .ar a.amore {
    display: block;
    width: 200px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    border: 6px solid #ccc;
    border-radius: 30px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    position: static;
    right: 24px;
    bottom: 24px;
			margin: 20px auto;}
		.about .al {
			width: 100%;}
		.al img{margin:0 auto;width:50%;}
		.about .al h2 {
    font-size: 26px;
    text-align: center;
}
		.about .al dl dt span {
			font-size: 24px;}
		.a4l,.a4z,.a4l.a4r {
    width: 90%;
    margin-top: 20px;
    float: none;
			margin: 0 auto;}
		.hyb .btx {

			font-size: 22px;}
		.a3r {
    width: 90%;
    color: #888;
    font-size: 16px;
    float: none;
			margin: 20px auto;}
		.a3l {
    width: 90%;
    position: relative;
    z-index: 4;
    float: none;
			margin: 0 auto;}
		.a3l span,.a3l h4,.a4 h4,.a4l h2,.asl h4{font-size:22px;}
		.plk,.ppimg {
			width: 100%;}
		.ax ul li {
    background: #fff;
    text-align: center;
    padding: 15px 0;
    width: 100%;
    margin: 10px 0;
		}
		.dllist dl dd .cimg {
			width: 100%;}
		.ap .owl-theme .owl-controls {
			bottom: 0;}
		.dllist dl dd{margin-bottom:20px;}
		.dllist dl dd .dlf {
    width: 90%;
    background: #fff;
    padding: 4%;
    height: auto;
    margin: 0 auto;
			float: none;}
		.joblist {
			margin-top: 0;}
		.co2 .ul1 {

			padding: 20px 20px;}
		.lanmu dl dd a {
    color: #888;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border: 1px solid #888;
    border-radius: 20px;
    /* padding: 2px 20px; */
    width: 106px;
    line-height: 38px;
			margin: 2px 5px;}
		.jr {
			width: 90%;}
		.jl {
			width: 100%;}
		.down .dmr {
    width: 90%;
			margin: 0 auto;}
		.lanmu.hidden{display:block !important;}
		.down .dmr dd .ttm{display:none;}
		.lxl {
		padding: 0;float: none;
    width: 90%;
    margin: 0 auto; background: none;}
		.down .dmr dd h4{font-size:16px;}
		.ab.ab1 .gml {
			width: 100%;}
		.ab.ab1 dl.gmr {
    margin-top: 12%;
			width: 90%; margin: 12% auto 0; float:none;}
		.new ul li .nei {
			width: 100%;}
		.ab{padding-top:70px;}
		.new ul li .newt {
			width: 100%;}
		.lxr {
    height: 400px;
			width: 100%;}
	
		.dz ul li {
			width: 44%;}
		.ahy .owl-theme .owl-controls{display:block !important;}
.ahy .hyi ul li {
    width: 90%;}
.ahy .hyi ul li .himg img {
    width: 90%;
    margin: 0 auto;}
		.fas.zy ul li .ftt {
    position: static;
    padding: 0;
    width: 90%;
			margin: 0 auto;}
		.ab.ab1 {
			height: 100%;}
		.wl .wmap h3{width:100px;       left: -131px;}
		.mj a {

    font-size: 26px;
			width: 30%;}
		.dllist .container {
			margin-top: 0;}
		.dllist dl dd {
    width: auto;
			float: none;}
		.wl .wmap .sd {

			right: 15%;}
		.mj {
			height: 256px;}
		.cl3 h4,.cl4 h4,.cl5 h4,.cl6 .pt h4 {
			text-align: center;}
		.co2 .ul1 dd .dbt {
			padding: 30px 20px;}
		.ab.ab1 dl.gmr dd {
			font-size: 16px;}
		.cl4 .c4l {
    width: 90%;
    margin: 2% auto;
			float: none;}
		.cl2 .cl,.cl5 .c5r {
			width: 100%;}
		.cl5 .c5l {
			width: 100%;}
		.cl3 p,.cl5 p,.cl6 .pt p,.cl7,.content,.cn{width:90%; margin: 0 auto;}
		.cl2 .cr {
    width: 90%;
    margin-top: 4%;
    margin: 4% auto;
			float: none;}
		.gyyl .g2 {
			width: 100%;}
		.cl4 .c4r {
			width: 100%;}
		.gyyl .g1 {
    width: 90%;
			    margin: 0 auto;margin-top: 70px;
    float: none;}
		.dz ul li h2{font-size:16px;}
		.asl {
    width: 90%;
    float: none;
			margin: 20px auto;}
		.ppt span {
			font-size: 14px;}
		.psy table td {
			line-height: 25px;}
		.a7 ul li h4 {
			font-size: 40px;}
		.a7 .owl-buttons{display:none;}
		.a7 ul li p {
			font-size: 16px;}
		.a6 ul li {
    color: #fff;
    width: 24%;
    border-right: 1px solid rgba(255,255,255,.5);
    /* height: 100%; */
    /* position: relative; */
    padding: 0 30px;
    float: none;
    display: inline-block;
    text-align: center;
			height: 342px;}
		.asr {
			width: 100%;}
		.gyyl h4,.cl2 .cr h4,.cl3 h4,.cl4 h4,.cl5 h4,.cl6 .pt h4,.fas.zy ul li .ftt h4,.ppt h4,.ab h4,.new.newlist h4.ntt,.ab.ab1 dl.gmr dt,.lxl h4,.an .atop h4,.jobm h4,.jr h4,.dlfd,.prot ul li .st h4,.a6 h4,.a6 ul li h2 {
			font-size: 22px;}
		.mobilenav a.logo {
			margin-left: 15px;}
		.mobilenav .pcmenu {
  
			margin-right: 15px;}
			.hylist .hidden.lanmu {display:block;    margin-bottom: 30px;}
		.prod {
			margin-top: 0px;}
		.pcont {

			padding: 0 15px;}

		.prod ul li {
			width: 100%;}
		.text-secondary p {
			font-size: 14px;}
		.zoompic {
			width: 100%;}
		.sliderbox {
			width: 100%;}
		.sliderbox .slider li {
    width: 122px;
		}
		.sliderbox .slider {
			height: 75px;}
		.lanmu h4 {
			font-size: 26px;}
		.mobilenav .pcmenu .enn{}
		.foot .dnav li.ftel,.foot .dnav li {
			margin-left: 0%;}
		.prot ul li {
			width: 100%;}
	.foot .dnav{display:none;}
		.foot .dnav:last-child{display:block; width: 100%;}
		.prot{display:none;    padding-top: 70px;}
		.mobilenav{display:block;}
	.tfix{display:none;}
		.footb {
			padding:0;}
		.foot .dnav .wx img {
    margin: 0 auto;
		}
	.hvideo {
    position: relative;
    height: 100vh;}	
		.videobg .videot h2 {
		font-size: 24px;}
.videobg .videot h4 {
font-size: 14px;}
.videot {
padding-top: 73%;}
.tit {
padding: 40px 0 0;}
.tit h4 {
font-size: 30px;}
.prod ul li .pimg {
width: 100%;}
.prod ul li .prt {
    width: 90%;}
	.prod ul li .pdw h1,.product.protop .prod ul li .pdw h1 {
    font-size: 58px;
    top: -7px;}
	.prod ul li h4 {
    font-size: 30px;}
	.prod ul li .pyd img {
    width: 46px;}
	.prod ul li .pyd p {
    font-size: 14px;}
	.prod ul li .pyd span {
    width: 145px;
    line-height: 40px;
    margin-top: 30px;}
	.fas {
    width: 100%;}
	.fas .fimg {
}
	.fas ul li .ft p,.xvideo .vbtt p,.zong .zimg .lx p{display:none;}
	.fas ul li .ft h2,.zong .zimg .lx h4 {
    font-size: 30px;}
	.fas ul li .ft span,.zong .zimg .lx span{ width: 145px;
    line-height: 40px;margin-top: 20px;}
	.fas ul li .ft {

    bottom: 23%;
    left: 21%;
    width: 100%;}
	.fas .owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;

    background-size: 30px !important;}
		.xvideo {
    width: 100%;
		height: 223px;}
		.xvideo .vbtt h4{font-size:30px;}
		.xvideo .vbtt {
    bottom: 23%;
  left: 9%;
		width: 100%;}
		.xvideo .vbtt span,.zong .abo .atop a{width: 145px;
    line-height: 40px;margin-top: 20px;}
	.vbtn {
    top: 38%;}
		.why ul.ysi li h4 {
    font-size: 18px;
			margin-bottom: 0px;}
	.zong .zimg {

    width: 100%;
    height: 223px;}
		.hylist,.product.protop .fline,.productlist .fline,.caselist .fline,.new.newlist .fline {
    margin-top: 70px;}
	.zong .abo {    padding: 0;
    position: static;
    width: 100%;}
	.zong .abo .atop h4 {
    font-size: 30px;}
	.zong .abo .atop p {
    font-size: 15px;
    width: 100%;}
	.new ul li {
    width: 100%;
    padding: 0px 0 20px; margin-top:20px;    margin-top: 0;}
	.mes .yst {
    padding: 0;    margin-top: 0;
    width: 100%;
    margin-left: 20px;}
	.mes .yst ul li {
    font-size: 15px;}
	.bl1 {
    width: 100px;
    height: 100px;    bottom: 50px;}
	.mes .me {
    width: 100%;
    margin-right: 0;
    padding: 20px 0;
    margin-top: 0;}
	.mes .container .mbox,.mes .mimg {
}
	.mes .me h4,.foot h2{font-size:22px;}
	.mes .me h4:before {
    top: 10%;
    left: 29%;
    width: 20px;
    height: 20px;}
	.mes .me input,.mes .me form button {

    line-height: 40px;
    font-size: 15px;}
	.mes{margin-top:0px;}
	.zong .zimg .lxt {

    font-size: 24px;}
		.flash .flt .aline {
    width: 80px;
			margin-top: 10px;}
	.atop{    width: 100%;
    float: left;}
		.product.protop{margin-top:70px;}
	.mobilenav .pcmenu a.lx{float:none;padding: 6px 10px;}
	.flash {
    height: 124px; top:70px;}
	.flash h4 {
    font-size: 20px;}
	.flash .flt p {
    font-size: 14px;}
	.flash .flt {
    padding: 3%;    left: 3.2%;
    top: 12%;}
	.boxcontainer {
    width: 90%;}
	.ablist {

    padding: 40px 0;}
	.ablist .listab {
    width: 100%;}
	.ablist .listab .ldimg p {
    font-size: 14px;
	}
	.ablist .listab .ldimg {

    width: 26%;}
	.ablist .bl1 {
    width: 90px;
    height: 90px;
}
.ablist .listr {
width: 100%;}
.ablist .listr h4 {
font-size: 30px;}
.ablist .listr .content {
font-size: 15px;}
.why ul.ysi li {
  padding: 20px 0;
    margin: 0;
    margin-top: 20px;
    width: 46%;
    text-align: center;
    margin-left: 10px;}
		.why ul.ysi li p {
			font-size: 12px;}
.why ul.ysi li span{margin:0 auto;}
.ahy .aht h4 {
font-size: 30px;}
.ahy .aht a.hmore{width: 145px;
    line-height: 40px;height: 40px;

    margin-left: 0;}
	.xy .xyl {
    width: 100%;}
	.xy .xyl h4 {
    font-size: 30px;}
	.xy .xyl p {
    font-size: 15px;}
	.xy .xyl span {

    width: 145px;
 
    line-height: 40px;}
	.xy .xyr .rip::before,.xy .xyr .rip::after {
 
    height: 70px;
    width: 70px;}
	.ahy .aht ul li {
    font-size: 15px;
    line-height: 34px;}
	.ahy .hyi ul li h2 {
    font-size: 22px;}
	.product.protop, .caselist,.productlist {

    padding-top: 38px;}
	.productlist .pit h4 {
    font-size: 30px;}
	.productlist ul.fr li {

    line-height: 40px;
    padding: 0 20px;
    margin: 5px;}
	.pplist {
    padding: 40px 0;}
	.caselist ul li .cimg {
    width: 100%;}
	.caselist ul li .ft {
    float: none;
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;}
	.caselist ul li .cimg {
    float: none;}
	.caselist ul li .ft h2 {
    font-size: 30px;}
	.caselist ul li .ft span{width: 145px;
    line-height: 40px;}
	.productlist .pit p{font-size: 15px;}
	.text-secondary p a {
    font-size: 15px;}
	.productlist ul.fr li a {
    font-size: 15px;}
	.new.newlist dl dd {
    width: 43%;
  
    margin: 5px;}
	.new.newlist dl dd a {
    font-size: 15px;
    line-height: 40px;}
	.new.newlist ul li {
    width: 100%;}
	.new.newlist ul li .newt h4 {
    font-size: 16px;}
	.newn .newtop h4 {
    font-size: 18px;}
		.new ul li .newt span{margin-left:15px;}
		.new.newlist ul li .newt h4{padding:0 15px;}
		.new ul li .newt p{display:none;}
	.newn .newtop span {

    background-position-x: 18%;}
	.newn .content {
    font-size: 15px;}
	.mes.lxmes .container {
    margin-top: 0px;}
		.banner{padding-top: 73px;}
		.rslides li .btx p {
			font-size: 22px;}
		.rslides li .btx h4 {
			font-size: 16px;}
		.rslides li .btx span {
    font-size: 14px;
    display: block;
    border: 1px solid #fff;
    width: 100px;
    text-align: center;
    border-radius: 8px;
    line-height: 30px;
			margin-top: 4px;}
		.rslides li .btx {

			left: 5%;}
		.rslides li:nth-child(2) .btx{right:5%; left:auto;}
		.cly {
			margin-top:0;padding-top: 35px;}
.cly .p2t {
    padding-bottom: 10%;}
		.cly ul li {
			width: 50%;}
		.cly ul li .cld h3 {
			font-size: 20px;}
.about .al dl dd {
    font-size: 18px;}
.al img {
    margin: 0 auto;
    width: 34%;}
.about .al dl dt {
    font-style: normal;}
.prod ul li {
    width: 100%;
    background: none;}
		.productlist,.lxbox,.down,.an,.joblist,.dllist{margin-top:70px;}
		.lxl p {
			font-size: 16px;}
		.dlfd h2,.dlfd h4{font-size:22px;}
		.dllist dl dd h4 {
    font-size: 22px;
			padding-bottom: 8px;}
		.co2 .ul1 dd .dtp h4 {
			font-size: 16px;}
		.jobm h2 {
    font-size: 18px;

			padding-top: 13px;}
		.mj a {
			font-size: 22px;}
		.productlist h4 {
			font-size: 22px;    padding: 24% 7% 10%;}
		.productlist .gyybox h4{padding-top:30px;} 
.prod ul li .prt {      float: none !important;    width: 90%;
    position: static;
    opacity: 1;
    margin: 10px auto;}
.prod ul li h4 {
    font-size: 22px;
    color: #333;}
.prod ul li .prt p.pjj {
    font-size: 18px;
    color: #666;}
.prod ul li .pyd span {

    color: #888;
width: 145px;
    line-height: 40px;
    margin-top: 20px;
    border: 1px solid #ccc;}
.gyy h4.bbt {
    font-size: 22px;
    padding: 32% 0;}
.gyy ul li .pimg {
    width: 100%;}
.gyy ul li .prt {
    width: 90%;}
.gyy .ygn ul li .pdw h1 {
    font-size: 90px;
    top: -8px;}
.gyy ul li h4 {
    font-size: 22px;}
.gyy ul li .pyd span {

    margin-top: 20px;}
.gyy ul li .pyd {
    padding-top: 10px;}

	}
.cpqbs{display: flex;}
.cpnwes{
    width: 100%;
}	
.ctopdw{width: 39%;}
.cptps{

    position: relative;
}
.wrodcp{
position: absolute;color: #fff;
z-index: 4;
left: 6%;
bottom: 20%;
opacity: 0;
transition: .3s all ease;
}
.cpnwes:hover .wrodcp{
    opacity: 1; 
}
.twocptp{width: 78%;position: relative;}
.wrodcps{
    position: absolute;top: 300px;left: 140px;
}
.cpnwes .xt::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.1);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
}
.cpnwes:hover .xt::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
    transform: scale3d(1,1,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
}