/*通用*/
*{margin:0; padding:0;}
*, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}
html{}
body{margin:0;color:#3A432E; position: relative;font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif"; font-size: 12px;word-break: break-word;background-color: #fff}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;line-height: 1.5}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#2c2c2c;text-decoration:none;line-height: 1.5}
img{border:none; display: block;max-width: 100%;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}
i{font-style: normal;}
button{border:none;background-color: transparent;cursor: pointer;}
input{background-color: transparent;border:none;}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.overF{overflow: hidden;}
.marL{margin-left: auto}
.text-center{text-align: center;}
.text-right{text-align: right;}
.br4{border-radius: 4px;}
.br6{border-radius: 6px;}
.br8{border-radius: 8px;}
.br10{border-radius: 10px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-60{margin-top: 60px;}
.mt-90{margin-top: 90px;}
.pt-30{padding-top: 30px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pb-30{padding-bottom: 30px;}
.pb-80{padding-bottom: 80px;}
.div-space{padding:50px 0;}
.position-relative{position: relative;}
.white-bg{background-color: var(--whiteColor)}
.ward{width: 1460px;margin:0 auto;}
.rotate90{transform: rotate(90deg);-webkit-transform: rotate(90deg);transition: all var(--transition)}
.triangle{width: 0;height: 0;border-top: 8px solid var(--whiteColor);border-right: 6px solid transparent;border-left: 6px solid transparent;transition: all var(--transition);}
img.OF-cover {font-family: 'object-fit: cover';}
/*修改input默认颜色文字*/
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #aaa;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #aaa;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #aaa;  
}

/*修改默认滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}


/*header*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2024;
    background-color: #3A432E;
}
.nav ul li{

}
.navA{
    display: block;
    color: #fff;
    position: relative;
    transition: all .4s;
}
.navA:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    width: 0;
    background-color: #fff;
    transition: all .4s;
}
.navA.on:before,.navA:hover:before{
    width: 100%;
}
/*wap-menu*/
.nav-button-wrapper {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 3000;
    transition: all .3s ease 2ms;
}

.nav-button {
    position: relative;
    display: block;
    transition: all .7s cubic-bezier(.75,.1,.25,1);
}

.nav-button .menu-btn {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 100;
    cursor: pointer;
    transform: translate(50%,-50%);
    pointer-events: none;
}

.nav-button .menu-btn span:before {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    content: '';
    transition: transform .3s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
}
.nav-button .menu-btn span, .nav-button .menu-btn:after, .nav-button .menu-btn:before {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #fff;
    transition: background-color .7s cubic-bezier(.75,.1,.25,1);
}
.nav-button .menu-btn span {
    top: 50%;
    background-color: #fff;
    transition: transform .3s ease-out;
}
.nav-button .menu-btn:after, .nav-button .menu-btn:before {
    content: '';
    transition: .3s width .4s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
}
.nav-button .menu-btn:before {
    right: 0;
    bottom: 0;
}
.nav-button .menu-btn:after {
    top: 0;
    left: 0;
}
.nav-button.active {
  background-color: transparent;
}
.nav-button.active {
    border-color: #fff;
    color: #fff;
}
.nav-button .menu-btn.open span {
    transition: .3s transform .4s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
    transform: rotate(45deg);
    width: 99.9%;
}

.nav-button .menu-btn.open:before {
    right: 0;
    width: 0;
    transition: all .2s ease;
}

.nav-button .menu-btn.open:after {
    left: 0;
    width: 0;
    transition: all .2s ease;
}
.nav-button .menu-btn.open span:before {
    background-color: #fff;
    transition: .3s transform .4s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
    transform: rotate(-90deg);
}
.side-nav{
    border-top: none;
    transition: all .7s cubic-bezier(.88,-.26,.13,1.23);
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #5d6c49;
    z-index: 2000;
    height: 100%;
    display: none;
}
.side-nav .inner-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0,-50%);
    margin: 0 auto;
}
.side-nav ul {

}
.side-nav ul li {
    position: relative;
}
.side-menu{
    color: #fff;
    display: block;
    text-align: center;
}
.side-menu.on{
    color: #fff;
}
.side-nav.active{
    right: 0;
}
/*******
首页
*******/
/*banner*/
.banner{
 
}
.banner .swiper-slide{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannnerT{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translate(0,-58%);
    text-align: center;
    color: #fff;
}
.bannnerT h2{
    font-size: 58px;
}
.bannnerT h2 span{
    color: #4FE742;
}
.bannnerT p{
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.83;
    text-shadow: 1px 1px 5px rgba(79,231,66,.3)
}
.bannnerT p span{
    width: 100%;
}
/*关于我们*/
.IndAbout{
  
}
.IndAboutPic{
    position: relative;
}
.IndAboutPic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.IndAboutPic:before{
    content: '';
    height: 100%;
    width: 100%;
    background-color: #f3f3f3;
    position: absolute;
    z-index: -1;
}
.IndAboutDesc{
    
}
.tit{
    color: #3E6F52;
    font-weight: 600;
}
.subTit{
    width: 100%;
    text-align: center;
    color: #406E52;
}
.IndAboutDesc h3{
    
}
.IndAboutDesc span{
    display: inline-block;
}
.IndAboutDescP{

}
.IndAboutDescP p{
    line-height: 2;
    text-align: justify;
}
/*植物全生命周期保护*/
.IndProtect{

}
.IndProtectList{
  
}
.IndProtectListItem{
   
}
.IndProtectListItem .pic{
    border:1px solid #e5e5e5;
    overflow: hidden;
}
.IndProtectListItem .pic img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.IndProtectListItem p{
    text-align: center;
    color: #3A432E;
    
}
/*农药登记注册*/
.IndRegister{
  
}
.IndRegisterItemW{
   
}
.IndRegisterItem{
    
}
.IndRegisterItem .pic{
    border:1px solid #e5e5e5;
    overflow: hidden;
}
.IndRegisterItem .pic img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.IndRegisterItem p{
    line-height: 2;
}
.IndRegisterItem:nth-child(2n){
    flex-direction: row-reverse;
}
/*检测设备*/
.IndDevice{
  
}
.IndDeviceList{
    
}
.IndDeviceListItem{

}
.IndDeviceListItem .pic{
    overflow: hidden;
}
.IndDeviceListItem .pic img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.IndDeviceListItem p{
   font-weight: 600;
   color: #000;
   text-transform: uppercase;
   text-align: center;
}

.footer{
    background-color: #5d6c49;
}
.footer .ward{
  
}
.ftL{
    
}
.ftL img{
    
}
.ftL p{
    color: #fff;
    text-align: center;
}
.ftR{

}
.ftRItem{
    color: #fff;
}
.ftRItem h4{
    position: relative;
}
.ftRItem h4:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.ftRItem p{

}
.ftRItem:first-child p{
    font-weight: 600;
}
.ftRItem:first-child h4:before{
    background-image: url(../images/icon_phone.png);
}
.ftRItem:last-child h4:before{
    background-image: url(../images/icon_email.png);
}

/*******
联系我们
*******/

.ContactLItem p{
    color: #000;
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.ft-copy{
    color: #000;
    font-weight: 600;
}

.ft-ewm img{
    width: 100%;
}

.ContactR img{
    width: 100%;
}













@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 
}
@keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(2px, 0, 0);transform: translate3d(2px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(6px, 0, 0);transform: translate3d(6px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}


.enlarge img{transition:all 0.3s;}
.enlarge:hover img{-ms-transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);}
.enlarge1 img{transition:all 0.3s;}
.enlarge1:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.IndChangeTabRight {-webkit-animation-name: changeTabRight__1s_Xw;animation-name: changeTabRight__1s_Xw;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
@-webkit-keyframes changeTabRight__1s_Xw
{
	0%{opacity:0;visibility: hidden;}
	to{opacity:1;visibility: visible;}
}
@keyframes changeTabRight__1s_Xw
{
	0%{opacity:0;visibility: hidden;}
	to{opacity:1;visibility: visible;}
}

/*出的各分辨率媒体查询换算：*/
html {font-size: 625%;}


@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/