ul,

li {

    list-style: none;

}

body {
    margin: 0;
    overflow-x: hidden;
}

a {
    color: #000;
    text-decoration: none;
    transition-duration: 0.2s;
}
.phonenav{
    display: none;

    width: 100%;

    position: absolute;

    z-index: 20;

    justify-content: space-between;

    align-items: center;

    height: 4.5789rem;

    padding: 0 5rem;

    box-sizing: border-box;

    background-color: #fff;

    position: relative;

    border-bottom: 1px solid #eaeaea;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);



}

.phonemenu{

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background-color: #fff;

}

.phmitem{

    font-size: 4rem;

    padding: 2rem 5rem;

    border-bottom: 1px solid #eaeaea;

}

.phmenuchild{

    display: none;

}

.pristchid{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.pchilditem{

    font-size: 3rem;

    padding: 1rem 0.5rem;

}



.phmitem img{

    width: 3rem;

    height: 1.5rem;

}

.phonelogo {

    width: 13.5rem;

    height: 4.5789rem;

}

.menuiocn{
    width: 5.5rem;
    height: 3.5789rem;
    margin-left: 5rem;

}

/*头部*/

.logo {

    height: 4.7368rem;

    border-top: 2px solid #F57C05;

    background: #fff;

    box-shadow: 0px 10px 5px -10px black;

    position: absolute;

    z-index: 999;

    width: 100%;

    top: 0px;

    left: 0;

    position: fixed;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 0 16.8421rem;

}



.logo_left img {

    height: 3.6842rem;

    margin-top: 0.5263rem;

}



.logo_left {}



.logo_right {

    height: 3.6842rem;

    margin: 0.5263rem 0 0.5263rem 0;

}



.mySwiper {
    width: 100%;
    /* height: 49.4737rem; */
    overflow: hidden;
    margin-top:4.7368rem;
}
.srowleft {
    position: absolute;

    top: 50%;

    left: 4.2105rem;

    transform: translateY(-50%);

    z-index: 9;

}



.srowleft .srow {

    width: 4.2105rem;

    height: 4.2105rem;

    border-radius: 50%;

}



.srowright {

    position: absolute;

    top: 50%;

    right: 4.2105rem;

    transform: translateY(-50%);

    z-index: 9;

}



.srowright .srow {

    width: 4.2105rem;

    height: 4.2105rem;

    border-radius: 50%;

}



.srowright:hover .srow2 {

    display: inline-block;

}



.srowright:hover .srow {

    display: none;

}



.srowleft:hover .srow2 {

    display: inline-block;

}



.srowleft:hover .srow {

    display: none;

}



.srow2 {

    width: 4.2105rem;

    height: 4.2105rem;

    border-radius: 50%;

    display: none;

}



.swiper-slide {

    /* text-align: center;

    font-size: 18px;

    background: #fff;

    width: 100%!important; */

    /* Center slide text vertically */



}



.swiper-index {

    text-align: center;

    width: 100%;

    /* height: 49.4737rem; */

    background-size: 100% 100%;

    background-repeat: no-repeat;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    background-size: 100% 100%;

}
.swiper-index img{
    width: 100%;
    height: auto;
}


.productbox {
    width: 100%;
    text-align: center;
    padding-bottom: 2.1053rem;
    padding-top: 4.2105rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}



.produvtitle {

    font-size: 1.8947rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #353535;

}



.yeborder {

    width: 7.3684rem;

    height: 0.6316rem;

    margin-top: 1rem;

}



.productlist {

    display: flex;
    justify-content: center;
    margin-top: 2.1579rem;
    flex-wrap: wrap;

}



.probtn{
    width: 13rem;
    background: url('../images/menubg.png');
    border-radius: 5px;
    transition-duration: 0.2s;
    height: 2.2105rem;
    line-height: 2.2105rem;
    padding: 0 1.0526rem 0 1.0526rem;
    color: #fff;
    margin: 0 0.5263rem;
    position: relative;
    margin-bottom: 1rem;

}

.probtn a{

    color: #fff;

}



.probtn:hover {

    /* background: url('../images/menubg.png') bottom repeat-x; */

    background: linear-gradient(0deg, #008144 0%, #02A246 100%);

box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.44);

    background-size: contain;

    border-radius: 5px;

    height: 2.0526rem;

    margin-top: 3px;

}

.probtn:hover .probtnlist{

   display: block;

}

.probtnlist{

    display: none;

    min-width: 100%;

    position: absolute;

    top: 100%;

    left: 0;

    background: -webkit-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;

    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;

    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 5px 5px 5px 5px;

    box-shadow: 0 1px 0 #FFFFFF inset;

    z-index: 9;

}



.prochild{

    border-right-width: 0;

    border-top: 1px solid #D1D1D1;

    box-shadow: 0 1px 0 #FFFFFF inset;

    color: #444444;

    padding: 0.5263rem 0.6316rem;

    white-space: nowrap;

    height: 1.2632rem;

    line-height: 1.2632rem;

}

.prochild:hover{

    color: #F57C05;

}



.swiper-wgrid {

    position: relative;

}



.swiper-grids {

    width: 14.7368rem;

    text-align: center;

    font-size: 18px;

    background-color: #fff;

    box-sizing: border-box;;



}

.swiper-grids:hover{

    border: 1px solid #e67817;

    transform:translateY(-0.4211rem);

}

.srowgr{

    display: none;

}

.swiper-grids:hover .srowgr2{

    display: none;

}

.swiper-grids:hover .srowgr{

    display: inline-block;

}



.swiper-grids img {

    width: 100%;

    height: auto;

}

.swiper-pagination{

    bottom: -1.0526rem !important;

    left: 0;

    width: 100%;

}

.swiper-pagination img {

    width: 2.5263rem;

    height: 0.2105rem;

    margin: 0 0.5263rem;

}

.gridneir{

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;;

    padding: 2rem 1.0526rem;

    font-size: 0.7368rem;

color: #000000;

}

.gridneir img{

    width: 1.5789rem;

height: 1.5789rem;

border-radius: 50%;

}



.gridbox {

    padding: 0 12.6316rem;

    position: relative;

    margin-top: 2.6316rem;



}



.gridleft {

    position: absolute;

    top: 50%;

    left: 6.6316rem;

    transform: translateY(-50%);



}



.gridleft img {

    width: 2.1053rem;

    height: 2.1053rem;

}



.gridright img {

    width: 2.1053rem;

    height: 2.1053rem;

}



.gridright {

    position: absolute;

    top: 50%;

    right: 6.6316rem;

    transform: translateY(-50%);

}



.gridicon2 {

    display: none;

}



.grids:hover .gridicon2 {

    display: inline-block;

}



.grids:hover .gridicon1 {

    display: none;

}



.mypagination {

    display: flex;

    justify-content: center;

    margin-top: 2.1053rem;

}



.mypagination img {

    width: 2.5263rem;

    height: 0.2105rem;

    margin: 0 0.5263rem;

}



.choosebox {
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 6.8421rem 0;
}



.chooseus_liebiao1 {
    margin-top: 1.5789rem;
    width: 100%;
    box-sizing: border-box;

}
.aboutbox{
    width: 100%;
    box-sizing: border-box;
}



.chooseus_liebiao1 .lii {

    display: inline-block;

    width: 15.2632rem;

    padding: 0 0 0 5.2632rem;

    margin: 0 0.7895rem 5.2632rem 0.7895rem;

    border-radius: 5px;

    transition-duration: 0.5s;

    padding-top: 20px;

    text-align: left;

}

.liititle{

    font-size: 0.8421rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #000000;

margin-bottom: 1.158rem;



}

.litext{

    font-size: 0.8421rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #666666;

}



.chooseus_liebiao1 .lii {

    background: url('../images/1.png') no-repeat left center;

    background-size: 3.6842rem;

}







.chooseus_liebiao1 .lii:hover {

    transform:translateY(-1.0526rem);

}

.chimgbox{

    display: flex;

    justify-content: center;

    margin-top: 7.8947rem;

}

.chimg{

    width: 6.3158rem;

    height: 6.3158rem;

    background-color: #dedede;

    box-shadow: 0px 0.1053rem 0.2105rem 0px rgba(0,0,0,0.5);

border-radius: 0.5263rem;

display:flex;

align-items: center;

justify-content: center;

margin: 0 1.57rem;

}

.chimg:hover{

    background: #bbbbbb;

}

.chimgbox img{

    max-width: 5.2105rem;

height: 4.4211rem;

border-radius: 0.5263rem;

}

.aboutbox{

    text-align: center;

    padding: 5.7895rem 16.8421rem;

}

.leftcont{

    flex: 1;

}

.aboutcont{
    display: flex;
    /* margin-top: 3.1579rem; */
}

.lefttop{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}

.abouttite{

    font-size: 1.2632rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #00923E;

}

.more{

    width: 6.3158rem;

height: 2.2105rem;

background: #00923E;

font-size: 0.8421rem;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 2.2105rem;

color: #FFFFFF;

}

.leftcont .neirong{

    font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #353535;

text-align: left;

}

.righttitle{

    font-size: 1.2632rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #00923E;

}

.rightcont img{

    width: 18.9474rem;

height: 14rem;

margin-left: 3.1579rem;

}

.bottom{

    display: flex;

    justify-content: space-between;

background: #00923E;

padding: 4.2105rem 16.8421rem 4.7368rem 16.8421rem;

}

.bottom ::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{ 

    /* WebKit browsers，webkit内核浏览器 */

    color: #fff; 

    font-size: 14px;

    font-family: Microsoft YaHei;

    } 

    .bottom :-moz-placeholder { 

    /* Mozilla Firefox 4 to 18 */ 

    color: #fff; 

    font-size: 14px;

    } 

    .bottom ::-moz-placeholder { 

    /* Mozilla Firefox 19+ */ 

    color: #fff; 

    font-size: 14px;

    } 

    .bottom :-ms-input-placeholder { 

    /* Internet Explorer 10+ */ 

    color: #fff; 

    font-size: 14px;

    }



.bottitle{

    font-size: 1.0526rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #FFFFFF;

margin-bottom: 2.1053rem;



}
.bottom .botitem:first-child .bottag:hover{
    color: #F57C05;
}

.bottag{

    font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #FFFFFF;

line-height: 1.8421rem;

opacity: 0.8;

}


.inputbox{

    width: 31.5789rem;

    display: flex;

    justify-content: space-between;

}

.inputbox input{

    width:46%;

    height: 2.6842rem;

    border: 1px solid #56CE90;

    opacity: 0.5;

    box-sizing: border-box;

    background-color: transparent;

    outline:none;

    font-size: 0.7368rem;

    color: #FFFFFF;

    padding: 1.0526rem;

}

.xqbox{

    width: 100%;

    height: 105px;

border: 1px solid #56CE90;

opacity: 0.5;

box-sizing: border-box;

margin-top: 0.6316rem;

background-color: transparent;

outline:none;

resize:none;

font-size: 0.7368rem;

color: #FFFFFF;

padding: 1.0526rem;

}

.submit{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 10.5263rem;

height: 2.6316rem;

background: #FFFFFF;

font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #00923E;

}

.submit img{

    width: 1.1579rem;

height: 0.7895rem;

margin-right: 0.5263rem;

}

.footer{

    height: 3.3684rem;

background: #00A144;

padding-left: 2.6316rem;

line-height: 3.3684rem;

color: #FFFFFF;

font-size: 0.7368rem;

}

.topbox{

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 3.2632rem;

background: #02A246;

padding: 0 16.8421rem;

margin-top:4.7368rem ;

}

.topboxtitle{

    font-size: 1.4737rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #FFFFFF;

}

.toptext{

    font-size: 0.8421rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #FFFFFF;

}

.toptext a{

    color: #FFFFFF;

}

.aboutcont{

    padding: 1.1579rem 6.3158rem;

    display: flex;

}

.smatitle{

    font-size: 0.7368rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #888888;

    width: 12.1053rem;

    padding-bottom: 0.5263rem;

    border-bottom: 1px solid #eaeeae;

    margin-bottom: 2.1053rem;

}

.subtitle{

    font-size: 0.8421rem;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #000000;

    display: flex;

    align-items: center;

    justify-content: space-between;
    cursor: pointer;

}
.subtitle:hover{
    color: #F57C05;
}
.subtitle2{

    color: #02A246;

}

.lists .listchild:first-child .downrow{

    display: none;

}

.lists .listchild:first-child .greenrow{

    display: inline-block;

}

.lists .listchild:first-child .subchildbox{

    display: block;

}

.subchildbox{

    display: none;

}

.subtitle .greenrow{

    width: 0.6316rem;

    height: 0.4737rem;

    display: none;

}

.downrow{

    width: 0.3684rem;

    height: 0.6842rem;

}

.listchild{

    margin-bottom: 2.1053rem;

}

.subchild{
    font-size: 0.8421rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: 1.5789rem;
    margin-left: 1.3158rem;
}
.subchild:hover{
    color: #F57C05;
}
.subchildred{
    color: #F57C05;
}
    

.aboutright{
    flex: 1;
    margin-left: 1.5789rem;

}

.rightlistitle{

    font-size: 0.7368rem;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #000000;

}

.aboutrightlist{

    display: flex;

    flex-wrap: wrap;

}

.aboutrightlist .rightitem{

    margin-top: 1.1053rem;

    margin-right: 1rem;

}

.aboutrightlist .rightitem:hover{

    box-shadow: 0px 0px 5px 2px #E67817;

}

.aboutrightlist .rightitem:hover .textbox{

    color: #E67817;

}

.aboutrightlist .rightitem:nth-child(4n){

    margin-right: 0;

}

.aboutrightlist .rightitem{

    width: 15.8947rem;

}

.aboutrightlist .rightitem img{

    width: 100%;

height: auto;
/* 14.3158rem */

}

.aboutrightlist .rightitem .textbox{

height: 2.6316rem;

background: #F7F7F7;

text-align: center;

line-height: 2.6316rem;

}

.pagesbox{

    display: flex;

    justify-content: center;

    margin-top: 1.1579rem;

}

.pagebtn{

    width: 2.2632rem;

height: 2.2632rem;

background: #FFFFFF;

border: 1px solid #D3D3D3;

text-align: center;

line-height: 2.2632rem;

margin-right: 0.5263rem;

}

.pagegreen{

    background: #02A246;

    color: #FFFFFF;

}

.pagebtn:hover{

    background: #02A246;

    color: #FFFFFF;

}

.prodetailswiper{

    border: 1px solid #EAEAEA;

    overflow: hidden;

}

.prodetailswiper .swiper{

    width: 34.2105rem;

    height: 27.3684rem;

}

.prodetailswiper img{

    width: 34.2105rem;

height: 27.3684rem;

}

.swipercontrol{

    width: 34.2105rem;

    display: flex;

    align-items: center;

    margin-top: 0.8421rem;

}

.pageimg{

    width: 9.4737rem;

    height: 7.5789rem;

}

.pageimg img{

    width: 9.4737rem;

    height: 7.5789rem;

}

.swiperpage{

    flex: 1;

    overflow: hidden;

    padding:0 0.7895rem;

}

.prozuo{

    width: 0.7368rem;

    height: 1.3684rem;

}

.proyou{

    width: 0.7368rem;

    height: 1.3684rem;

    display: none;

}

.swprowbox:hover .prozuo{

    display: none;

}

.swprowbox:hover .proyou{

    display: inline-block;

}

.select{

    border: 2px solid #00923E;

}

.productright{

    margin-left: 0.8421rem;

    display: flex;

}

.prointro{

    margin-left: 3.1579rem;

}

.prointro .title{

    font-size: 2.1053rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #000000;

}

.proinbtn {

    width: 7.8947rem;

    height: 2.6316rem;

    background: url('../../images/menubg.png');

    border-radius: 5px;

    transition-duration: 0.2s;

    line-height: 2.6316rem;

    color: #fff;

    box-sizing: border-box;

    text-align: center;

    margin-top: 2.7895rem;

}



.proinbtn:hover {

    background: url('../../images/btnbg.png');

    background-size: 100% 100%;

    border-radius: 5px;

}

.probtnbox{

    display: flex;

    margin-top: 3.7368rem;

}

.probtnbox img{

    width: 0.8421rem;

height: 0.8421rem;

margin: 0 0.5263rem;

}

.lastnext{

    display: flex;

    align-items: center;

    font-size: 0.9474rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #000000;

    /* margin-right: 0.5263rem; */

}



.sy2{

    display: none;

}

.lastnext:hover{

    color: #E67817;

}

.lastnext:hover .sy1{

    display: none;

    }

.lastnext:hover .sy2{

display: inline-block;

}

.subbox{

    display: flex;

    align-items: center;

    margin-top: 4.7368rem;

    margin-bottom: 2.1053rem;

}

.delcubtitle{

    padding: 0.7895rem 1.0526rem;

    background: #02A246;

border-radius: 6px;

font-size: 1.2632rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #FFFFFF;

}

.xian{

    flex: 1;

    height: 1px;

background: #02A246;

opacity: 0.4;

}

.frompart img{

    width: 35.7895rem;

height: 23.7895rem;

}

.frombox{

    background: #F5F5F5;

    padding: 2.1053rem 2.1053rem 2.9474rem 2.1053rem;

}

.fromtag{

    font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #666666;

}

.frominputbox{

    margin-top: 1.5789rem;

    width: 63.6842rem;

}



.inputbox1{

    display: flex;

    justify-content: space-between;

    margin-bottom: 1.0526rem;

}

.inputbox1 input{

    width: 45%;

    outline: none;

    height: 2.2632rem;

    background: #FFFFFF;

    border: 1px solid #CCCCCC;

    padding:  0.7895rem 1.0526rem;

    box-sizing: border-box;

    font-size: 0.7368rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #333333;

}

.mess2{

    width: 100%;

    height: 9.5263rem;

    background: #FFFFFF;

    resize: none;

    outline: none;

    border: 1px solid #CCCCCC;

    padding:  0.7895rem 1.0526rem;

    box-sizing: border-box;

    font-size: 0.7368rem;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #333333;

}

.subtn1{

    background-image: url('../images/menubg.png');

    background-size: 100% 100%;

    padding: 0.6316rem 0;

    text-align: center;

    font-size: 0.9474rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #FFFFFF;

margin-top: 1.0526rem;

border-radius: 6px;

}

.uscontent{

    padding: 3.1579rem 16.8421rem;

}

.ustop{

    display: flex;



}

.artbox{

    flex: 1;

}

.usbottm{

    display: flex;

    justify-content: space-between;
    align-items: flex-end;

margin-top: 3.4737rem;



}

.artitle{

    font-size: 1.2632rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #000000;

}

.article{

margin-top: 1.7895rem;

}

.usimg{

    width: 18.2105rem;

height: 21.8947rem;

margin-left: 3.6842rem;

}

.usblockbox{

    display: flex;

    margin-top: 1.2632rem;

}

.usblock{

    width: 15.1579rem;

height: 13.4211rem;

background-size: 100% 100%;

background-repeat: no-repeat;

position: relative;

padding: 0 2.1053rem;

box-sizing: border-box;

}

.usblocktitle{

    margin-bottom: 1.3684rem;

    font-size: 1.0526rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #FFFFFF;

margin-top: 3.6842rem;

}

.usblocktext{

    font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #FFFFFF;

}

.agde{

    position: absolute;

    top: 0;

    left: 0;

    width: 3.3158rem;

    height: 3.3684rem;

    border-bottom-right-radius: 120%;

    background-color: #02A246;

    font-size: 1.5789rem;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #FFFFFF;

    padding: 0.4211rem 0.4211rem;

    box-sizing: border-box;

}

.usbright{

    font-size: 1.2632rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #000000;

}

.usbright img{

    width: 18.2105rem;

    height: 13.4211rem;

    margin-top: 1.2632rem

}

.certifcont{

    padding: 3.1579rem 16.8421rem;

}

.certif{

    font-size: 1.2632rem;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #000000;

}

.certifitem{

    width: 12.3684rem;

background: #F5F5F5;

box-sizing: border-box;

padding-top: 2.1053rem;

padding-bottom: 1.0526rem;

text-align: center;



}

.certifitem:hover .certitle{

    color: #E67817;

}

.certifitem:hover img{

    box-shadow: 0px 0px 14px 0px rgba(230,120,23,0.86);



}

.certifbox{

    margin-top: 2.1053rem;

}

.certitle{

    font-size: 0.9474rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #02A246;

}

.certifbox{

    display: flex;

    justify-content: space-between;

}

.certifitem img{

    width: 9.8947rem;

height: 9.8947rem;

background: #FFFFFF;

border-radius: 50%;

margin-top: 1.3158rem;

transition-duration: 0.2s



}

.searchcont{

    padding: 3.1579rem 13.8421rem;

}

.searlist{

    display: flex;

    flex-wrap: wrap;

}

 .searitem{
    width: 20.8947rem;

    margin-top: 2.1053rem;

    margin-right: 1rem;

}

 .searitem:hover{

    box-shadow: 0px 0px 5px 2px #E67817;

}

 .searitem:hover .textbox{

    color: #E67817;

}

 .searitem:nth-child(4n){

    margin-right: 0;

}

 .searitem img{

    width: 100%;

height: auto;

}

 .searitem .textbox{

height: 2.6316rem;

background: #F7F7F7;

text-align: center;

line-height: 2.6316rem;

}

.contactcont{

    padding: 3.1579rem 16.8421rem;

    display: flex;

    justify-content: space-between;

}

.contitem{

    display: flex;

    align-items: center;

    margin-bottom: 1.0526rem;

}

.contitem img{

    width: 4.2105rem;

height: 4.2105rem;

border-radius: 50%;

}

.catbox{

    width: 15.9474rem;

    margin-left: 1.5789rem;

}

.catitle{

    font-size: 1.0526rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #000000;

}

.catext{

    font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #353535;

}

.con2{

    display: none;

}

.contitem:hover .con2{

    display: inline-block;

}

.contitem:hover .con1{

    display: none;

}

.contright{

background: #F5F5F5;

padding: 2.1053rem 2.1053rem 1.3684rem 2.1053rem;

}

.contitle{

    font-size: 1.2632rem;

font-family: Microsoft YaHei;

font-weight: bold;

color: #000000;

margin-bottom: 1.4211rem;

}

.contright input{

    display: block;

    width: 37.8947rem;

height: 2.2632rem;

background: #FFFFFF;

border: 1px solid #CCCCCC;

padding: 0.7895rem 1.0526rem;

outline: none;

margin-bottom: 0.5263rem;

box-sizing: border-box;

}

.texae{

    width: 37.8947rem;

height: 7.4211rem;

background: #FFFFFF;

border: 1px solid #CCCCCC;

padding: 0.7895rem 1.0526rem;

box-sizing: border-box;

outline: none;

resize: none;

}

.contright textarea::-webkit-input-placeholder{ 

    /* WebKit browsers，webkit内核浏览器 */

    color: #999999; 

    font-size: 14px;

    font-family: Microsoft YaHei;

    } 

.conbtn{

width: 37.8947rem;

height: 2.2632rem;

background: #CCCCCC;

border: 1px solid #CCCCCC;

text-align: center;

line-height: 2.2632rem;

margin-top: 1.0526rem;

font-size: 0.7368rem;

font-family: Microsoft YaHei;

font-weight: 400;

color: #FFFFFF;

}
.wejoy_page{
    display: flex !important;
}
.wejoy_page a{
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    color: #999;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0.4rem;
}
.wejoy_page a:hover{
    color: #fff;
    background-color: #00923E;
}
.wejoy_page a img:nth-child(2){
    display: none;
}
.wejoy_page a:hover img:nth-child(1){
   display: none;
}
.wejoy_page a:hover img:nth-child(2){
    display: inline-block;
 }
.active {
    color: #fff;
    background-color: #00923E;
}
.active{
    color: #fff !important;
}
.frompart{
    width: 100%;
}

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

    html {

        font-size: 16.80px;

    }

}





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

    html {

        font-size: 19.20px;

    }

}



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

    html {

        font-size: 15.35px;

    }

}



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

    html {

        font-size: 14.35px;

    }

}



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

    html {

        font-size: 13.35px;

    }

 

}



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

    html {

        font-size: 13px;

    }

    .logo {

        padding: 0 15.8421rem;

    }

    .bottom {

        padding: 4.2105rem 10.8421rem 4.7368rem 10.8421rem;

    }

}



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

    html {

        font-size: 12.8px;

    }

    .logo {

        padding: 0 12.8421rem;

    }

}



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

    html {

        font-size: 11.6px;

    }

}



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

    html {

        font-size: 11.6px;

    }

    .aboutbox {

        padding: 5.7895rem 11.8421rem;

    }

    .bottom {

        padding: 4.2105rem 11.8421rem 4.7368rem 11.8421rem;

    }

}



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

    html {

        font-size: 11px;

    }

    .certifcont {

        padding: 3.1579rem 13.8421rem;

    }

    

}



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

    html {

        font-size: 10.6px;

    }

    .uscontent {

        padding: 3.1579rem 12.8421rem;

    }

}

.contactcont {

    padding: 3.1579rem 12.8421rem;

}





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

    html {

        font-size: 10px;

    }

    .logo {

        padding: 0 8.8421rem;

    }

    .bottom {

        padding: 4.2105rem 8.8421rem 4.7368rem 8.8421rem;

    }

    .catbox {

        width: 19.9474rem;

    }

    .aboutcont {

        padding: 3.1579rem 2.3158rem;

    }

    .aboutrightlist .rightitem {

        width: 17.8947rem;

        height: auto;

    }

}



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

    html {

        font-size: 9.8px;

    }

    .chooseus_liebiao1 .lii {

        width: 22.2632rem;

    }

    .usblock {

        width: 17.1579rem;

        height: 15.4211rem;

    }

    .usbright img {

        width: 18.2105rem;

        height: 15.4211rem;

    }

    

}



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

    html {

        font-size: 9.6px;

    }

    .logo {

        padding: 0 6.8421rem;

    }

    .aboutbox {

        padding: 5.7895rem 9.8421rem;

    }

    .uscontent {

        padding: 3.1579rem 10.8421rem;

    }
    .probtn{
        width: 15rem;
        border-radius: 5px;
    
    }

}



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

    html {

        font-size: 9.2px;

    }

    .aboutrightlist .rightitem {

        width: 23.8947rem;

        height: auto;

    }

    .aboutrightlist .rightitem:nth-child(3n) {

        margin-right: 0;

    }

}



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

    html {

        font-size: 9px;

    }

    .logo {

        padding: 0 3.8421rem;

    }

    .uscontent {

        padding: 3.1579rem 8.8421rem;

    }
    .searchcont {
        padding: 3.1579rem 12.8421rem;
    }

}



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

    html {

        font-size: 8.6px;

    }

    .aboutbox {

        padding: 5.7895rem 7.8421rem;

    }

    .bottom {

        padding: 4.2105rem 5.8421rem 4.7368rem 5.8421rem;

    }

    .uscontent {

        padding: 3.1579rem 6.8421rem;

    }

}



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

    html {

        font-size: 8px;

    }
    .probtn {
        width: 17rem;
        border-radius: 5px;
        height: 3.2105rem;
        line-height: 3.2105rem;
    }

    .uscontent {

        padding: 3.1579rem 5.8421rem;

    }

    .usblock {

        width: 19.1579rem;

        height: 17.4211rem;

    }

    .usbright img {

        width: 18.2105rem;

        height: 17.4211rem;

    }

    .contactcont {

        padding: 3.1579rem 10.8421rem;

    }

    .catbox {

        width: 21.9474rem;

    }

}

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

    html {

        font-size: 7.9px;

    }
    .rightboxnav{
        display: flex;
        justify-content:flex-end;
        align-items: center;
    }

    .aboutcont {

        padding: 3.1579rem 4.3158rem;

    }

    .logo{

        display: none;

    }

    .phonenav{

        display: flex;
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 20;
        justify-content: space-between;
        align-items: center;
        /* padding: 3rem 5rem; */
        height: 9rem;
        box-sizing: border-box;
    }

    .topbox{

        margin-top: 0;
        padding: 0 5rem;

    }

    .uscontent {

        padding: 3.1579rem 3.8421rem;

    }

    .aboutleft{

        display: none;

    }
    .searitem {
        width: 23.8947rem;
        margin-top: 2.1053rem;
        margin-right: 1rem;
    }
    .searchcont {
        padding: 3.1579rem 9.8421rem;
    }
    .mySwiper {
        margin-top:0;
    }
  
}

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

    html {

        font-size: 7.5px;

    }

    .bottom {

        padding: 4.2105rem 2.8421rem 4.7368rem 2.8421rem;

    }

    .catbox {

        width: 23.9474rem;

    }

  

}
@media screen and (max-width: 730px){
    html {

        font-size: 7.3px;

    }
    .searitem {
        width: 33.8947rem;
        margin-top: 2.1053rem;
        margin-right: 1rem;
    }
    .searitem img {
        width: 100%;
        height: auto;
    }
    .searlist{
        justify-content: space-between;
    }
}

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

    html {

        font-size: 7px;

    }
    .probtn {
        width: 20rem;
        border-radius: 5px;
        height: 3.2105rem;
        line-height: 3.2105rem;
    }

    .bottom {

        flex-direction: column;

        justify-content: space-between;

        background: #00923E;

        padding: 4.2105rem 16.8421rem 4.7368rem 16.8421rem;

    }

    .bottag {

        font-size: 0.7368rem;

        line-height: 2.8421rem;

    }

    .inputbox {

        width: 100%;

    }

    .inputbox input {

        width: 46%;

        height: 4.6842rem;

    }

    .ustop {

        display: flex;

        flex-direction: column;

    }

    .usimg {

        width: 26.2105rem;

        height: auto;;

        margin-left: 0;

        margin-top: 3.6842rem;

    }

    .usblock {

        width: 20.1579rem;

        height: 18.4211rem;

    }

    .usbright img {

        width: 19.2105rem;

        height: 18.4211rem;

    }

   

}

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

    html {

        font-size: 6.8px;

    }

    .aboutcont {

        padding: 3.1579rem 2.3158rem;

    }

    .aboutrightlist .rightitem {

        width: 26.8947rem;

        height: auto;

        

    }

    /* .aboutrightlist .rightitem{

        width: 32%;

    } */

    .aboutrightlist .rightitem img {

        width: 100%;

        height: auto;
        /* 25.3158rem */

    }

    .aboutrightlist .rightitem:nth-child(3n) {

        margin-right: 0;

    }

    .aboutrightlist .rightitem:nth-child(4n) {

        margin-right: 1rem;

    }

    .contactcont {

        flex-direction: column;

    }

    .catbox {

        width: 100%;

    }

    .contright input {

        display: block;

        width: 100%;

        height: 4.2632rem;

    }

    .texae {

        width: 100%;

        height: 12.4211rem;

    }

    .conbtn {

        width: 100%;

        height: 4.2632rem;

        line-height: 4.2632rem;

        font-size: 2.0rem;

    }

    .contright {

        margin-top: 3rem;

    }

    .contitem {

        margin-bottom: 2.0526rem;

    }

    .certifcont {

        padding: 12.1579rem 13.8421rem;

    }

    .certif {

        font-size: 2.2632rem;

    }

   

}

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

    html {

        font-size: 6.4px;

    }

    .usbottm {

        display: flex;

       flex-direction: column;

        margin-top: 3.4737rem;

    }

    .usblockbox{

        justify-content: space-between;

    }

    

    .usblock {

        width: 29rem;

        height: 25rem;

    }

    .usbright img {

        width: 100%;

        height: auto;

    }

    .artitle {

        font-size: 3.2632rem;

    }

   

}

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

    html {

        font-size: 6.1px;

    }

    .gridbox {

        padding: 0 2.6316rem;

        position: relative;

        margin-top: 2.6316rem;

    }
    .probtn {
        width: 23rem;
        border-radius: 5px;
        height: 3.2105rem;
        line-height: 3.2105rem;
    }

   

}

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

    html {

        font-size: 6px;

    }

    

}

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

    html {

        font-size: 5.8px;

    }

   

}

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

    html {

        font-size: 5.5px;

    }

   

}

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

    html {

        font-size: 5.2px;

    }

    .grids{

        display: none;

    }

   

}

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

    html {

        font-size: 5px;

    }

    .aboutrightlist {

        justify-content: space-between;

    }

    .swiper-grids img{

        width: 100%;

        height: auto;

    }

    .gridneir img {

        width: 4.5789rem;

        height: 4.5789rem;

        border-radius: 50%;

    }

    .gridneir {

        font-size: 2.7368rem;

    }

  

    .liititle {

        font-size: 4.0421rem;

    }

    .litext {
        width: 100%;
        font-size: 3.2421rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
    }

    .chooseus_liebiao1 .lii {
        background-size: 8.6842rem;
        display: block;
        width: 100%;
        padding: 0 0 0 11rem;
      box-sizing: border-box;

    }

    /* .chimgbox img {

        width: 8.3158rem;

        height: 8.3158rem;

    } */

    .chimg{

        width: 12.3158rem;

        height: 12.3158rem;

    }

    .chimgbox img{

        max-width: 10.2105rem;

    height: 9.4211rem;

    }

    .abouttite {

        font-size: 4.2632rem;

    }

    .more {
        width: 12.3158rem;
        height: 4.2105rem;
        font-size: 3.5421rem;
        line-height: 4.2105rem;
    }

    .leftcont .neirong {

        font-size: 3.7368rem;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #353535;

        text-align: left;

    }

    .aboutbox {

        padding: 5.7895rem 3.8421rem;

    }

    .aboutcont {

        flex-direction: column;

        padding: 3.1579rem 2.3158rem;



    }

    .righttitle {

        font-size: 3.2632rem;

        margin-top: 3rem;

    }

    .rightcont img {

        width: 100%;

        height: auto;

        margin-left: 0;

    }

    .bottitle {

        font-size: 3.0526rem;

    }

    .bottag {

        font-size: 2.5368rem;

        

    }

    .inputbox input {

        width: 46%;

        height: 6.6842rem;

        font-size: 2.7368rem;

    }

    .xqbox {

        font-size: 2.7368rem;

    }

    .submit {

        width: 100%;

        height: 5.2rem;

        line-height: 5.2rem;

        font-size: 3.2rem;

        margin-top: 3rem;

    }

    .submit img {

        width: 2.8rem;

        height: 2.5rem;

        margin-right: 0.5263rem;

    }

    .footer {

     font-size: 3rem;

    }

    .aboutcont {

        box-sizing: border-box;

    }

    .topbox {

        height: 7.2632rem;

        background: #02A246;

        padding: 0 5.8421rem;

    }

    .topboxtitle {

        font-size: 3.4737rem;

    }

    .toptext {

        font-size: 2.5421rem;

    }

    .aboutleft{

        width: 30%;

    }

    .smatitle {

        font-size: 3.7368rem;

    }

    .subtitle {

        font-size: 3rem;

    }

    .subchild {

        font-size: 2.8421rem;

        margin-top: 2.5789rem;

        margin-left: 2.3158rem;

    }

    .subtitle .greenrow {

        width: 2.6316rem;

        height: 1.4737rem;

    }

    .downrow {

        width: 1.6316rem;

        height: 2.4737rem;

    }

    .rightlistitle {

        font-size: 2.7368rem;

    }

    .aboutright {

       margin-top: 3rem;

    }

    .aboutrightlist .rightitem  {

       margin-right: 0;

    }

    .aboutrightlist .rightitem img {

        width: 100%;

        height: auto;
        /* 20rem */

    }

    .aboutrightlist .rightitem .textbox {

        font-size: 3rem;

            height: 4.6316rem;

            line-height: 4.6316rem;

    }

    .pagebtn {

        width: 4.2632rem;

        height: 4.2632rem;

        line-height: 4.2632rem;

        margin-right: 0.5263rem;

        font-size: 2rem;

    }

    .usbright {

    margin-top: 3rem;

    }

    .artitle {

        font-size: 4.0rem;

    }

    .article {

        font-size: 3rem;

    }

    .usblocktitle {

        margin-bottom: 1.3684rem;

        font-size: 1.0526rem;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #FFFFFF;

        margin-top: 3.6842rem;

    }

    .usblocktitle {

        font-size: 3rem;

    }

    .usblocktext {

        font-size: 2.5368rem;

      

    }

    .usblock {

        width: 29rem;

        height: 23rem;

    }

    .agde {

        width: 4.3158rem;

        height: 4.3684rem;

        border-bottom-right-radius: 120%;

        font-size: 2.5789rem;

        padding: 0.4211rem 0.4211rem;

    }

    .catitle {

        font-size: 4.0526rem;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #000000;

    }

    .contitem img {

        width: 6.2105rem;

        height: 6.2105rem;

        border-radius: 50%;

    }

    .catext {

        font-size: 3.5368rem;

    }

    .contitle {

        font-size: 3.5rem;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #000000;

        margin-bottom: 1.4211rem;

    }

    .contright input {

        height: 8.2632rem;

    }

    .conbtn{

        font-size: 3.5rem;

        height: 5.2632rem;

    line-height: 5.2632rem;

    }

    

    .texae {

        width: 100%;

        height: 16.4211rem;

    }

    .swiper-pagination{

        display: none;

    }

    .aboutrightlist .rightitem {

        width: 39.8947rem;

    }
    .wejoy_page a {
        width: 2.5rem;
        height: 3.5rem;
        text-align: center;
        color: #999;
        padding: 0;
        margin: 0 0.4rem;
        font-size: 3rem;
    }
    .searitem .textbox {
        height: 4.6316rem;
        line-height: 4.6316rem;
        font-size: 3.0rem;
    }
    .searitem {
        width: 38.8947rem;
    }
    .prodetailswiper .swiper {
        width: 100%;
        height: auto;
    }
    .prodetailswiper img {
        width: 100%;
        height: auto;
    }
    .swipercontrol{
        width: 100%;
    }
    .productright{
        flex-direction: column;
    }
    .pageimg{
         width: 24.4737rem;
         height: auto;
    }
    .pageimg img {
        width: 100%;
        height: auto;
    }
    .prozuo {
        width: 1.7368rem;
        height: 3.3684rem;
    }
    .proyou {
        width: 1.7368rem;
        height: 3.3684rem;
    }
    .prointro .title {
        font-size: 5.1053rem;
        margin-top: 2rem;
    }
    .lastnext {
        font-size: 3.9474rem;
    }
    .probtnbox img {
        width: 2.8421rem;
        height: 2.8421rem;
        margin: 0 3.5263rem;
    }
    .delcubtitle {
        font-size: 4rem;
    }
    .fromtag {
        font-size: 3.9368rem;
    }
    .frominputbox {
        margin-top: 1.5789rem;
        width: 100%;
    }
    .inputbox1 input {
        width: 45%;
        outline: none;
        height: 8.2632rem;
        font-size: 3.7368rem;
    }
    .mess2 {
        height: 22.5263rem;
        font-size: 3.7368rem;
    }
    .subtn1 {
        font-size: 4rem;
        padding: 1.5rem 0;
    }
    .contright ::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{ 

    /* WebKit browsers，webkit内核浏览器 */
    color: #999; 
    font-size: 14px;

    } 
    .swprowbox{
        display: none;
    }
  

}

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

    html {

        font-size: 4.5px;

    }

    .aboutcont {

    padding: 3.1579rem 4.3158rem;

    }

    .topboxtitle{

        font-size: 4rem;

    }

    .toptext {

        font-size: 3.2rem;

    }

    .usblocktext {

        font-size: 3.0rem;

      

    }

    .usblock {

        flex: 1;

        height: 32rem;

    }

    .phonelogo {

        width: 20rem;

        height: auto;

    }

    .srowright .perrow{

        width: 6.2105rem;

        height: 6.2105rem;

        border-radius: 50%;

    }

    .srowleft .nextrow{

        width: 6.2105rem;

        height: 6.2105rem;

        border-radius: 50%;

    }

    .produvtitle {

        font-size: 4.56rem;

        color: #353535;

    }

    .probtn {
        width: 36rem;
        height: 6.2105rem;

        line-height: 6.2105rem;

        padding: 0px 1.0526rem 0 1.0526rem;

        font-size: 3.2rem;

    }

    .probtn:hover {

        /* background: url('../../images/menubg2.png') bottom repeat-x; */

        background: linear-gradient(0deg, #008144 0%, #02A246 100%);

        box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.44);

        background-size: contain;

        border-radius: 5px;

        height: 5.526rem;

        margin-top: 3px;

    }

    .prochild{

        border-right-width: 0;

        border-top: 1px solid #D1D1D1;

        box-shadow: 0 1px 0 #FFFFFF inset;

        color: #444444;

        padding: 0.5263rem 0.6316rem;

        white-space: nowrap;

        height: 5.2632rem;

        line-height: 5.2632rem;

    }

    .swiper-grids img{

        width: 100%;

        height: auto;
        /* 24.7895rem */

    }

    .gridneir img {

        width: 4.5789rem;

        height: 4.5789rem;

        border-radius: 50%;

    }

    .gridneir {

        font-size: 3.5368rem;

    }

    .botitem{

        margin-bottom: 3rem;

    }
   
    

    .bottag {

        font-size: 2.7368rem;

        line-height: 3.5rem;

    }

    .bottom {

        flex-direction: column;

        justify-content: space-between;

        background: #00923E;

        padding: 4.2105rem 8.8421rem;

    }

    .certifcont {

        padding: 12.1579rem 4.8421rem;

    }

    .certif {

        font-size: 4.2632rem;

    }

    .certifitem {

        width: 16.3684rem;

    }

    .certitle {

        font-size: 2.5rem;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #02A246;

    }

    .certifitem img {

        width: 12.8947rem;

        height: 12.8947rem;

        background: #FFFFFF;

        border-radius: 50%;

        margin-top: 1.3158rem;

        transition-duration: 0.2s;

    }

    .certifbox {

        margin-top: 4.1053rem;

    }
    .searchcont {
        padding: 3.1579rem 6.8421rem;
    }

   

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

        font-size: 4.2px;

    }
    .aboutcont {
        padding: 3.1579rem 3.3158rem;
    }
}

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

    html {

        font-size: 4px;

    }

   

}

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

    html {

        font-size: 3.75px;

    }



}