/*-----------------[初始化]--------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }

table{border-collapse:collapse; border-spacing:0; } 

fieldset,img{border:0; }

ol,ul{list-style:none; }

caption,th{text-align:left; } 

q:before,q:after{content:''; } 

abbr,acronym{border:0; } 

a{text-decoration:none; } 

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.l,.col-l,.col_l,.col-c,.col_c{float:left; }

 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 

.dn{display:none; }  

*,*:before,*:after {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: none !important;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

    -webkit-tap-highlight-color: transparent;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    font-smoothing: antialiased;

}

body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}

img {max-width: 100%;border: none;}

input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}

input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999;}

::-ms-input-placeholder {color: #999;}

select::-ms-expand {display: none;}

a {color: #333;text-decoration: none;}





.pic img{

    transition:all .8s;

}

.pic img:hover{

    transform: scale(1.1, 1.1);

}

.icon img,.ico img{

    transition:all .8s;

}

.icon img:hover,.ico img:hover{

     -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}

/*布局*/

body{padding-top: 122px;}

.wp {margin: 0 auto;width: 1400px;}

/*******************************

    -------[=头部]-------

********************************/

.header{

    position: fixed;

    z-index: 99;

    background: #fff;

    top: 0;

    width: 100%;



    left: 0;

}

.header.fixed{

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

}

.header .top{

    overflow: hidden;

    background:rgba(214,214,214,0.8);

    color:#217540;

    line-height: 40px;

    font-size: 14px;

    height: 40px;

}

.header .top .l{

    color:#000;

}



.header .top .r img{

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

    margin-top: -4px;

}

.header .top span{

    font-size: 20px;

    font-weight: bold;

}

.mlogo{display:none;}

.logo{

   position: absolute;

    top: 45px;

    left: 50%;



    -webkit-transform: translateX(-60%);

       -moz-transform: translateX(-60%);

        -ms-transform: translateX(-60%);

         -o-transform: translateX(-60%);

            transform: translateX(-60%);

    z-index: 1;

    overflow: hidden;

}

.logo a{

    display: block;

}

.logo img{

   display: block;

   width: 100%;

   height: 100%;

}

.nav{

    background: #fff;

    border-top: 8px solid #217540;

}

.nav .l{

    margin:0 -32px;

}

.nav::after{

    content: '';

    display: block;

    clear:both;

    visibility: hidden;

    width: 100%;

    height: 0;

}

.nav .item {

    float: left;

    text-align: center;

    position: relative;

}

.nav .v1{

    display: block;

    font-size: 16px;

    color:#222;

    line-height: 72px;

    width: 106px;

}

.nav .l .item{

    margin-right:50px;

}

.nav .r .item{

    margin-left:50px;

}

.nav .v1 span{

    font-size: 12px;

    color:#C4C4C4;

    text-transform: uppercase;

    display: block;

    margin-top: 2px;

}

.nav .on .v1,.nav .item:hover .v1{

    background-color: #217540;

    color:#fff;

    border-bottom: 4px solid #666666;

}

.nav .sub{

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    display: none;

    background-color: #666666;

}

.nav .sub a{

    display: block;

    text-align: center;

    color:#fff;

    font-size: 14px;

    line-height: 35px;

}

.nav .sub a:hover{

    opacity: .5;

}

/*******************************

    -------[=导航]-------

********************************/

.menuBtn{

    display: none;

    position: fixed;

    top: 12px;

    right: 12px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn b{display: block;height: 4px;background-color: #217540;

    margin: 4px 0;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}

/*******************************

    -------[=底部]-------

********************************/



/*******************************

    -------[=公用]-------

********************************/

.banner img{

    display: block;

    width: 100%;

}

.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{

    bottom:20px;

  }

.banner .swiper-pagination-bullet{width:14px;height:14px;background:#fff;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#217540;}



/*****/

.g-prod{

    overflow: hidden;

    position: relative;

    z-index: 9;

    height: 180px;

    background-color: #fff;

    box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.07);

}

.g-prod .l{

    width: 200px;

    float: left;

    padding: 23px 18px 45px;

    color:#FFFFFF;

    background: url(../images/pic1.jpg) no-repeat;

}

.g-prod .l .cn{

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 5px;

}

.g-prod .l .en{

    font-size: 14px;

    text-transform: uppercase;

    line-height: 15px;

    margin-bottom: 40px;

}



.ul-prod{

    overflow: hidden;

}

.ul-prod li{

    float: left;

    width: 14.28%;

    text-align: center;

    font-size: 14px;

    padding-top: 18px;

    position: relative;

}

.ul-prod li a{

     color:#333333;

}

.ul-prod li::after{

    content:'';

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -45px;

    width: 1px;

    height: 90px;

    background: #bfbfbf;

}

.ul-prod li:last-child::after{

    display: none;

}

.ul-prod .pic{

    margin-bottom: 10px;

}

.ul-prod .ico{

    margin:0 auto 5px;

    width: 120px;

    height: 120px;

    background-repeat: no-repeat;

    background-position: center center;

}

.ul-prod .i1{

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

}

.ul-prod .i2{

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

}

.ul-prod .i3{

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

}

.ul-prod .i4{

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

}

.ul-prod .i5{

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

}

.ul-prod .i6{

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

}

.ul-prod .i7{

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

}

.g-tit{

    text-align: center;

    margin-bottom: 40px;

}

.g-tit .box{

    display: inline-block;

    position: relative;

}

.g-tit .box::after{

    content:'';

    display: block;

    position: absolute;

    left: -35px;

    bottom: 0;

    width: 35px;

    height: 60px;

    background: url(../images/ico7.png) no-repeat;

}

.g-tit .box::before{

    content:'';

    display: block;

    position: absolute;

    right: -35px;

    bottom: 0;

    width: 35px;

    height: 60px;

    background: url(../images/ico8.png) no-repeat;

}

.g-tit .cn{

    font-weight: bold;

    font-size: 24px;

    color:#281D19;

    margin-top: -10px;

}

.g-tit .en{

    font-size: 14px;

    color:#B28D05;

    font-family: 'Impact';

    text-transform: uppercase;

}

.g-tit .desc{

    font-size: 12px;

    color:#999999;

    line-height: 18px;

    margin-top: 12px;

}

.row1{

    padding-top: 60px;

    overflow: hidden;

    padding-bottom: 40px;

    background: url(/Theme/Home/web/img/set-pro.jpg) no-repeat top center;

}

.m-slider1{   



}

.m-slider1 .l{

    width: 300px;

    margin-right: 40px;

    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid #e7e7e7;

}

.m-slider1 .r{

    float: none;

    overflow: hidden;

}



 .product_left{width:100%; margin-top:5px; display:none}

 .product_left .pl_top{width:130px;height:50px;background:#D00019;float:left}

 .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;}

 .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;}

 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}

 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}

 .product_left .pl_ul .ul_li a{width:100%;height:35px;line-height:35px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}

 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}

 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}

 .product_left .pl_right i.on{transform:rotate(-90deg);}

 .product_right{width:96%;padding:0rem 2% 1rem;}

 .product_right .pr_ul{width:100%;overflow:hidden;}

 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}

 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}

 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}

 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}

 .product_right .pr_ul .swiper-slide p a{color:#333;}



/*手机浮动*/

#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}

#floatBottom a{width:33.333%;height:53px;line-height:53px;display:block;float:left;position:relative;}

#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}

#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}

#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}

#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}

#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}

#floatBottom .ewm img{width:100%;height:100%;display:block;}







.g-title1{

    background-color: #217540;

    color:#fff;

    font-size: 14px;

    font-weight: bold;

    padding: 23px 30px;

    text-transform: uppercase;

}

.g-title1 p:first-child{

    font-size: 22px;

}

.m-slider1 .l .more{

    display: block;

   font-size: 18px;

   color:#217540;

   padding:0 30px ;

   background-color: #fff;

   padding-bottom: 20px;

}

.bg{

   background-color: #fff; 

}

.zd{

    padding: 0px 28px 10px;

    margin-bottom: 10px;

}

.zd dl{

   display: block;

   background: url(../images/ico24.png) no-repeat bottom;

}

.zd dl:last-child{



}

.zd dt{

    font-size: 18px;

    line-height: 63px;

    color:#222222;

    background: url(../images/ico9.png) no-repeat right center;

    cursor: pointer;

    transition:all .3s;

}

.zd dt a{

    display: block;

}

.zd dl:first-child dd{

    display: block;

}

.zd dd{

    padding-bottom: 23px;

    display: none;

}

.zd dd a{

    display: block;

    font-size: 16px;

    margin-bottom: 16px;

    color:#4D4D4D;

    line-height: 1.33;

}

.zd dd a:hover{

    color:#EC0005;

}

.g-pictxt1{

    margin-bottom: 20px;

    overflow: hidden;

    background: url(../images/pic12.jpg) no-repeat;

    background-size: cover;

}

.g-pictxt1 .txt{

    overflow: hidden;

    width: 50%;

    float: left;

    padding: 16px 10px 20px;

}



.g-pictxt1 .txt .tit{

    font-size: 22px;

    color:#fff;

    font-weight: bold;

    line-height: 2;

    margin-bottom: 14px;

    border-bottom: 1px solid #B28D05;

}

.g-pictxt1 .txt .desc{

    font-size: 14px;

    color:#fff;

    line-height: 1.71;

}

.ul-list1{

    overflow: hidden;

    margin:0 -10px;

}

.ul-list1 li{

    width: 25%;

    float: left;

	margin-top: 30px;

}

.ul-list1.sty1









 .con{

    display: block;

    margin:0 10px;

    overflow: hidden;

}

.ul-list1 .pic{

    position: relative;

    padding-top: 75%;

    overflow: hidden;

    height: 0;

    background-color: #fff;

    border:1px solid #eee;

}

.ul-list1.slider1 .pic{

    background-color: #fff;

}

.ul-list1 .pic img{

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    object-fit: contain;

    transition:all .3s;

}

.ul-list1 li:hover .pic img{

    transform:scale(1.05, 1.05);

}

.ul-list1 .tit{

    text-align: center;

    font-size: 14px;

    color:#666666;

    line-height: 41px;background-color: #EEEEEE;

}

.ul-list1 li:hover .tit{

    color:#ec0005;

}



.row2{

    overflow: hidden;

    padding-top: 30px;

    background: url(../images/pic5.jpg) no-repeat top;

}

.row2 .g-tit{

    position: relative;

}

.row2 .g-tit::after{

    content:'';

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -3px;

    height: 6px;

    border: 1px dashed #FFFFFF;

    width: 43%;

}

.row2 .g-tit::before{

    content:'';

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -3px;

    height: 6px;

    border: 1px dashed #FFFFFF;

    width: 43%;

}

.row2 .g-tit .cn,

.row2 .g-tit .en

{

    color:#fff;

}

.row2 .g-tit .box::before{

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

}

.row2 .g-tit .box::after{

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

}

.g-more a{

    display: block;

    margin:29px auto 40px;

    width: 154px;

    height: 48px;

    border: 1px solid #6E5A10;

    font-size: 14px;

    color:#281E1A;

    text-align: center;

    line-height: 46px;

}

.row3 img{

    display: block;

    width: 100%;

}







/**row4***/

.row4{

    padding-top: 40px;

    overflow: hidden;

}

.ul-list2{

    overflow: hidden;

    margin-bottom: 60px;

}

.ul-list2 li{

    float: left;

    width: 25%;

    height: 500px;

     background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    padding: 10px;

}

.ul-list2 .con{

    display: block;

    width: 100%;

    height: 100%;

    border: 1px solid transparent;

    padding: 87px 46px 0; 

    color:#fff;

}

.ul-list2 li:hover .con{

    border-color: #fff;

}

.ul-list2 .icon{

   width: 86px;

   height: 86px;

   line-height: 80px;

   margin:0 auto 30px;

   background: url(../images/ico18.png) no-repeat;

   text-align: center;

}

.ul-list2 .icon img{

   display: inline-block;

   vertical-align: middle;

}

.ul-list2 .desc{

    font-size: 14px;

    color:#FFFFFF;

    line-height: 1.71;

    height: 0;

    overflow: hidden;

    margin-bottom: 30px;

}

.ul-list2 li:hover .desc{

    height: auto;

}

.ul-list2 li:hover .icon{

    margin-bottom: 16px;

}

.ul-list2 li:hover .tit{

    margin-bottom: 30px;

}

.ul-list2 .tit{

    text-align: center;

    font-size: 12px;

    margin-bottom: 24px;

    text-transform: uppercase;

}

.ul-list2 .tit .cn{

    font-weight: bold;

    font-size: 22px;

    margin-bottom: 5px;

}

.ul-list2 .more{

    margin:0 auto;

    width:37px;

    height:37px;

}

.ul-list2 .more img{

    display: block;

}





/***row5**/

.row5{

    overflow: hidden;

    padding-top: 30px;

    background: url(../images/pic12.jpg) no-repeat 0 -15px;

    -webkit-background-size: cover;

    background-size: cover;

}

.row5 .g-tit .cn,

.row5 .g-tit .en{

    color:#281D19;

}

.slider-chanpin .swiper-slide{

    position: relative;

    padding-right: 180px;

    margin-bottom: 90px;

}

.slider-chanpin .nub{

    position: absolute;

    right: 0;

    top: 96px;

    width: 180px;

    height: 200px;

    background: #217540;

    color:#fff;

    font-size: 60px;

    font-family: 'Impact';

    text-align: center;

    padding-top: 20px;

}

.slider-chanpin .pic{

    float: left;

    width: 622px;

    height: 390px;

    overflow: hidden;

}

.slider-chanpin .pic img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.slider-chanpin .txt{

    overflow: hidden;

    background-color: #fff;

    height: 390px;

    padding: 51px 68px;

}

.slider-chanpin .tit{

    font-size: 24px;

    color:#222222;

    font-weight: bold;

    margin-bottom: 37px;

}

.slider-chanpin .tit span{

    font-size: 34px;

    color:#217540;

    position: relative;

    top: 6px;

    margin-right: 10px;

    font-weight: normal;

    font-family: 'Impact';

    padding-bottom: 16px;

}

.slider-chanpin .tit span::after{

    content:'';

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 40px;

height: 3px;

background: #217540;

}

.slider-chanpin .desc{

    font-size: 14px;

    color:#666666;

    line-height: 1.75;

    margin-bottom: 56px;

}

.slider-chanpin a.more{

    display: block;

   width: 200px;

    height: 55px;

    background: #217540;

    line-height: 55px;

    font-size: 14px;

    color:#393939;

}

.slider-chanpin a.more i{

    display: block;

    width: 54px;

    height: 54px;

    float: left;

      background: url(../images/pic13.jpg) no-repeat;

}

.slider-chanpin a.more span{

    display: block;

    text-align: center;

	color:#fff;

}

.slider-chanpin .swiper-button-next{

    background: url(../images/ico20.png) no-repeat center;

    width: 20px;

    height: 20px;

    right: 58px;

}

.slider-chanpin .swiper-button-prev{

    background: url(../images/ico19.png) no-repeat center;

    width: 20px;

    height: 20px;

    right: 111px;

    left:auto;

}

.slider-chanpin .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{

    bottom:35px;

  }

.slider-chanpin .swiper-pagination-bullet{width:14px;height:14px;background:#ccc;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;}

.slider-chanpin .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#217540;}









.ul-list1.sty2 li{

    width: 25%;

    margin-bottom: 10px;

}

.row6{

    padding-top: 40px;

    padding-bottom: 20px;

}



/***row7**/

.row7{

    overflow: hidden;

    background: url(/Theme/Home/web/img/set-us.jpg) no-repeat top;

}

.row7 .g-tit .cn,

.row7 .g-tit .en,

.row7 .g-tit .desc{

    color:#ccc;

}



.row7 .g-tit .cn::before{

    background-color: #fff;

}

.row7 .info{

    font-size: 14px;

    line-height: 2;

    color:#fff;

    margin-bottom: 20px;

}

.row7 .info p{

    text-indent: 2em;

}

.row7 .link{

    text-align: center;

    overflow: hidden;

    margin-bottom: 70px;

}

.row7 .link a{

   display: block;

   margin:0 auto;

    width: 109px;

    height: 32px;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

   color: #ccc;

   background-color: #217540;

}

.row7{

    padding-bottom: 40px;

    padding-top: 10px;

}

.rongyu{

    background-color: #fff;

    padding: 40px 20px ;

    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14);

}

.ul-list6 a{

    display: block;

}

.ul-list6 .pic{

    border: 1px solid #E5E5E5;

    height: 260px;

    padding: 10px;

    position: relative;

    overflow: hidden;

}

.ul-list6 img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.ul-list6 .tit{

    text-align: center;

    font-size: 16px;

    padding-top: 12px;

    color:#222222;

}

/**row8**/

.row-8{

    overflow: hidden;



}

.row-8 .info{

    text-align: center;

    font-size: 16px;

    color:#757575;

    margin-bottom: 34px;

    margin-top: 10px;

}

.ul-tab1{

    overflow: hidden;

    text-align: center;

    margin-bottom: 37px;

}

.ul-tab1 li{

    display: inline-block;

    font-size: 0;

    margin:0 15px;

}

.ul-tab1 li a{

    display: block;

    width:175px;

    height:45px;

    background-color: #fff;

    text-align: center;

    line-height: 43px;

    border:1px solid #dedede;

    font-size: 18px;

    color:#333333;

    transition:all .3s;

}

.ul-tab1 li.on a,

.ul-tab1 li:hover a{

    background-color: #217540;

    color:#fff;

    border-color: #217540   ;

}

.ul-list5{

    margin:0 -7px;

}

.ul-list5 li{

    width: 25%;

    float: left;

    padding-bottom: 3.59vw;

}

.ul-list5 li:hover .con{

    position: relative;

    margin-top:-25px;

}

.ul-list5 .con{

    display: block;

    margin:0 7px;

    transition:all .3s;

}

.ul-list5 .pic{

    position: relative;

    padding-top:75% ;

    overflow: hidden;

    height: 0;

}

.ul-list5 .pic img{

    display: block;

    min-width: 100%;

    min-height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.ul-list5 .txt{

    overflow: hidden;

    background-color: #fff;

    padding: 20px 30px 26px;

    box-shadow:2px 1px 0px 0px rgba(0, 0, 0, 0.04);

}

.ul-list5 .txt .tit{

    font-size: 16px;

    font-weight: bold;

    color:#333333;

    margin-bottom: 12px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.ul-list5 .txt .desc{

    font-size: 14px;

    color:#888888;

    line-height: 1.57;

    height: 3.14em;

    overflow: hidden;

    margin-bottom: 16px;

}

.ul-list5 .more{

    font-size: 14px;

    color:#B1B1B1;

    background: url(../images/ico21.png) no-repeat right center;

}

.swiper-container.ul-list5{

    padding-bottom: 100px;

}

.ul-list5 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{

    bottom:35px;

	

  }

.ul-list5 .swiper-pagination-bullet{width:14px;height:14px;background:#E3E3E3;font-size:0;cursor:pointer;border: none;border-radius: 50%;opacity:1;}

.ul-list5 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#217540;}

/**links***/

.links{

    overflow: hidden;

    background-color: #313131;

    border-bottom: 1px solid #5b5b5b;

    padding: 20px 0 15px;

}

.links .name{

    float: left;

    margin-right: 50px;

}

.links .link{

    overflow: hidden;

}

.links .link a{

    font-size: 14px;

    color:#fff;

    line-height: 37px;

    margin-right: 15px;

}





.phone-chanpin{margin-bottom: 30px;display: none;}

 .phone-chanpin::after{  content: '';

    display: block;

    clear:both;

    visibility: hidden;

    width: 100%;

    height: 0;}

    .phone-chanpin .tit{width: 100px;float: left;background-color: #ec6b0a;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color:#fff;}

    .phone-chanpin .more{float: left;width: calc(100% - 100px); background-color: #eee;position: relative;height: 44px;}

    .phone-chanpin .name{text-align: center;font-size: 14px;color:#333;line-height: 44px;}

    .phone-chanpin .sub{position: absolute;top: 100%;left: 0;width: 100%;background-color: #ec6b0a;z-index: 99;display: none;padding: 10px 0;}

    .phone-chanpin .sub a{display: block;line-height: 24px;font-size: 12px;padding-left: 15px;color:#fff;}



/**footer**/

.footer{

   overflow: hidden;

   background: #313131;

   padding: 15px 0;

}

.fd-form{

    float: left;

    width: 500px;

    margin-right: 68px;

}

.footer .title{

    color:#fff;

   

    margin-bottom: 28px;

     text-transform: uppercase;

}

.footer .title  .cn{

    font-weight: bold;

     font-size: 20px;

     line-height: 1.3;

}

.footer .title .en{

    font-size: 10px;

    text-transform: uppercase;

}

.fd-form .box{

    overflow: hidden;

}

.fd-form .item{

    overflow: hidden;

    margin-bottom: 20px;

}

.fd-form .item .inp-box{

    width: 30%;

    margin-right: 5%;

    float: left;

    height: 37px;

    overflow: hidden;

}

.fd-form .item .inp-box1 {
    width: 40%;
    margin-right:3%;
    float: left;
    height: 37px;
    overflow: hidden;
}

.fd-form .item .inp-box:last-child{

    margin-right: 0;

}

.fd-form .item .inp{

    display: block;

    width: 100%;

    height: 100%;

    background-color: #fff;

    padding: 0 14px;

    font-size: 14px;

    border-radius: 4px;

}

.fd-form .item .inp::placeholder{

    color:#7b7b7b;

}

.fd-form .item textarea{

    display: block;

    resize: none;

    background-color: #fff;

    height:100px;

    overflow: hidden;

    width: 100%;

    border-radius: 4px;

    padding: 14.02px;

}

.fd-form .btn .foot_btn{

    display: block;

    height: 46px;

    line-height: 46px;

    cursor:pointer;

    text-align: center;

    width:100%;

    color: #fff;

    overflow: hidden;

    background-color: #217540;

    background-image: url(../images/ico22-2.png);

    background-position: 30%;

    background-repeat: no-repeat;

    border-radius: 4px;

}

.fd-form .item a{

    display: block;

    height: 44.93px;

    text-align: center;

    line-height: 44.93px;

    color:#fff;

    width: 48%;

    float: right;

    overflow: hidden;

    background-color: #b98d47;

}

.fd-about{

    overflow: hidden;

    float: left;

    width: 480px;

    margin-right: 40px;

}

.fd-about .tel span em{

    font-size: 14px;

    font-style: normal;

}

.fd-about .l{

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    color:#FFFFFF;

    margin-right: 83px;

}

.fd-about .l img{

    display: block;

    margin:0 auto;

    margin-bottom: 30px;

}

.fd-about .desc{

    overflow: hidden;

    color:#fff;

}

.fd-about .item{

    overflow: hidden;

    margin-bottom: 22px;

}

.fd-about .icon{

    float: left;

    width: 32px;

    height: 32px;

    margin-right: 28px;

}

.fd-about .txt{

    overflow: hidden;

}

.fd-about .desc .tit{

    text-transform: uppercase;

    font-size: 14px;

    line-height: 14px;

}

.fd-about .tel{    

    font-weight: normal;

    font-size: 14px;

}

.fd-about .tel span{

    font-size: 20px;

    line-height: 1.1;

}

.fd-desc{

    overflow: hidden;

}

.fd-desc  .desc{

    font-size: 14px;

    color:#FFFFFF;

    line-height: 1.71;

    margin-bottom: 40px;

}

.fd-desc  .qr{

    overflow: hidden;

        display: flex;

    flex-flow: row nowrap;

    align-items: center;

    justify-content: space-between;

	    margin-bottom: 15px;

}

.fd-desc  .qr img{

    display: block;

}

.footer .fd-desc .title{

    border-bottom: 1px solid #5B5B5B;

    padding-bottom: 8px;

}

.footer .fd-desc .title .cn{

    letter-spacing: -1px;

}

.copy{

    font-size: 14px;

    padding-top: 6px;

}

.copy a{

    color:#FFF;

}







.izl-rmenu{position:fixed;left:90%;bottom:10px;padding-bottom:20px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}

.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#b60000;}



.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#b60000;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#b60000}



.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;max-width: none;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#b60000}



.izl-rmenu .btn-phone .phone{background-color:#b60000;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}

.izl-rmenu .btn-top:hover{background-color:#444;}       



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





.header .top{font-size: 12px;}



}

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

    body{padding-top: 100px;}

    .nav .l .item{

    margin-right:25px;

        }

        .nav .r .item{

            margin-left:25px;

        }

    .wp {margin: 0 auto;width:1100px;}

    .logo{width: 120px;}

    .nav .v1{font-size: 12px;width:90px;}

    .ul-list2 li{height: 400px;}

    .ul-list2 .con{padding: 30px 10px;}

    .zd dd a{margin-bottom: 10px;}

    .zd dt{line-height: 72px;font-size: 18px;}

    .slider-chanpin .txt{padding: 30px 30px 0;}

    .fd-form{width: auto;float: none;margin-right: 0;}

    .fd-desc{clear:left;}

    .slider-chanpin .pic{width: 500px;}

    .row2 .g-tit::before,.row2 .g-tit::after{width: 35%;}

    .footer .wp{width: 1160px;}



}

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

     .wp,.footer .wp {margin: 0 auto;width:96%; ;}

     .g-tit1 .tit{font-size: 26px;}



  .fd-about{width: auto;float: none;}

    .row-a5 .txt{line-height: 45px;font-size: 14px;}

    .ul-tab1 a{width: 200px;height:45px;line-height:43px;font-size: 16px;}

    .row-a7,.row-a8,.row-a6,.row-a4,.row-a3,.row-a1{padding: 40px 0;}

    .row-a1 .g-tit1,.row-a3 .g-tit1,.ul-tab1,.row-a6 .g-tit1,.row-a7 .g-tit1{margin-bottom: 30px;}

    .footer .top{padding: 30px 0 15px;}

    .row7 .info{padding:0;}

    .header{background-color: #fffeff;}

    .nav{

        position: fixed;

    }

    .menuBtn{display: block;}

    body{padding: 50px 0 53px;}

    .logo{width: 40px;position: static;float: left;transform: translateX(0);margin-left: 15px;}

  

    .row1{padding-top: 30px;}

    .nav{

        position: fixed;

        top: 50px;

        left: 0;

        right: 0;

        bottom: 0;

        margin-left: 100%; 

        z-index: 99;

        overflow: hidden;

        transition:all .3s;

        background: none;

    }

    .nav.on{

        margin-left: 0;

    }

    .nav .box{

        width: 300px;

        position: absolute;

        right: 0;

        bottom: 0;

        top: 0;

        background-color: #fffeff;

        overflow-y: scroll;

    }

    .nav .bg{

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background: rgba(0, 0, 0, 0.3);

    }

    .nav .l,.nav .r{float: none;margin:0;}

    .nav .item i {

        display: block;

        width: 40px;

        height: 40px;

        background-position: center center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 9;

        background: url(../images/sel.png) no-repeat center center;

    }

    .nav .on .v1, .nav .item:hover .v1{background: none;color:#222;border:none;}

    .nav .sub{position: static;}

    .nav .sub a{padding-left: 20px;text-align: left;}

    .nav .wp{width: auto;padding: 0;}

    .nav .v1 span{display: none;}

    .nav .v1{height: 40px;line-height: 40px;text-align: left;width: auto;padding-left: 20px;}

    .nav .l .item,.nav .r .item{float: none;padding: 0;margin: 0;}

    .header .top{display: none;}

    .wp{width: auto;padding: 0 15px;}

    #floatBottom{display: block;}

    .copy .r .kf4{display: none;}

    .copy .r span{display: none;}

    .copy, .copy a{line-height: 45px;font-size: 12px;}



    .fd-about .l{display: none;}

    .fd-about .tel span{font-size: 20px;}

    .fd-about .desc .tit{display: none;}

    .fd-about .item{margin-bottom: 15px;}

    .fd-about .item:last-child{margin-bottom: 0;}

    .links .name{float: none;margin-right: 0;text-align: center;margin-bottom: 0px;}

    .links{padding: 15px 0 10px;}

    .links .link span{display: none;}

    .links .link a{display: block;width: 20%;float: left;text-align: center;}

    .m-about .txt .cn{font-size: 22px;}

    .m-about .txt .en{font-size: 26px;}

    .m-about .txt .desc p{line-height: 1.5;}

    .m-about .icon,.m-about .video .btn{width: 90px;height: 90px;}

    .m-about .txt{padding: 20px 70px 0 20px;}

    .ul-list5 .con{margin:0 3px;}

    .g-pictxt1 .txt .desc{font-size: 12px;}

  .row2 .g-tit::before,.row2 .g-tit::after{display: none;}

    .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}

    #izl_rmenu{display: none;}

    

}

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

.m-slider1 .l{display: none;}

  .slider-chanpin .nub{display: none;}

    .slider-chanpin .swiper-slide{padding-right: 0;}

    .slider-chanpin .pic{width: 320px;height: 250px;}

    .slider-chanpin .txt{height: 290px;padding:15px;}

        .slider-chanpin .swiper-button-next,.slider-chanpin .swiper-button-prev{display: none!important;}

    .slider-chanpin .swiper-slide{margin-bottom: 15px;}

    .slider-chanpin .tit span{font-size: 20px;top: 2px;}

    .slider-chanpin .desc{margin-bottom: 15px;}

    .slider-chanpin .tit{font-size: 18px;}

    .slider-chanpin .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{opacity: 0;}

    .row7 .link{margin-bottom: 20px;}

    .row7{padding-bottom: 20px;}

    .row-8{padding-top: 30px;}

    .g-tit .cn{font-size: 22px;}

    .fd-about{width: auto;float: none;}

    .g-prod{display: none;}

    .phone-chanpin{display: block;}

    



}

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

  .ul-list5 li{width: 50%;margin-bottom: 15px;}

  .ul-list1 .li .tit{font-size: 14px;}

  .row-a5{background-position: center center;

  background-size: cover;}

  .row-a1 .g-tit1, .row-a3 .g-tit1, .ul-tab1, .row-a6 .g-tit1, .row-a7 .g-tit1{margin-bottom: 20px;}

  .m-about .txt .desc{margin-bottom: 15px;}

  .ul-list4 .tag{border-radius: 20px;}

  .ul-list1.swiper-container{margin-bottom: 15px;}

  .slider-chanpin .pic{width: auto;float: none;}

  .g-more a{font-size: 14px;margin:15px auto;width: 120px;height: 34px;line-height: 32px;}

  .ul-list6 .pic{height: auto;}

  .ul-list1.sty2 li{width: 50%;}

  .g-tit .desc br{display: none;}

  .ul-list2 li{width: 50%;}

.g-pictxt1 .txt .tit{width: auto;}

  .ul-list1 li{width: auto;float: none;}

  .g-pictxt1 .txt{padding: 15px;}

.g-pictxt1 .txt{width: auto;float: none;}



}

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

   .fd-form .btn .foot_btn{background-position: 30%;}

    .copy .l,.copy .r{float: none;}

    .copy{padding: 15px 0;}

    .row-a7, .row-a8, .row-a6, .row-a4, .row-a3, .row-a1{padding: 30px 0 20px;}

    .form-group .btn{width: 100%;float: none;}

    .form-group{clear:left; overflow: hidden;padding-top: 16px;}

    .row-a5 .txt{line-height: 22px;}

    .row-a5 .txt .tag{display: block;border:none;padding: 0;text-align: center;}

    .row-a5 .tit{font-size: 18px;margin-bottom: 20px;}

}

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

    .g-more1{width: auto;font-size: 16px;margin:0 15px;}

    .g-tit1.sty1 h2{width: auto;}

    .g-tit1 .tit{font-size: 22px;}

    .ul-list1 .li{width: 33.333%;margin-bottom: 15px;}

    .ul-list1 .li:nth-child(4){clear:left;}

     .ul-list1 .li .tit{font-size: 12px;}

    .row-a2 .txt{padding: 15px 15px 0 45px;}

    .ul-list1{margin-bottom: 0;}

    .ul-list3 li{width: auto;float: none;margin-bottom: 15px;}

    .ul-list4 li{width: 50%;margin-bottom: 15px;}

    .ul-list6 li{width: auto;float: none;margin-bottom: 15px;}

    .ul-list2 .tit .cn{font-size: 18px;}

    .g-tit1.sty1 span{font-size: 40px;}

    .g-tit1.sty1 h2{font-size: 24px;}

    .g-tit1.sty1 .en{left: 30%; width: 100%;top: 0;}

    .g-tit1.sty1 .yun{right:-67px;}

    .g-tit1.sty1 .tit::after{left:-220px;}

    .ul-tab1 a{width: 100px;}

    .nav .box{width: 200px;}

    .fd-about .tel span{font-size: 14px;}

    .footer .title{margin-bottom: 14px;}

    .links .link a{width: 25%;margin-right: 0;}

    .ul-tab1 li{margin:0 10px;}

    .ul-list3 .pic{margin-bottom: 0;}

    .ul-tab1 li a{width: 120px;font-size: 14px;}

    .ul-list2 li:hover .tit{margin-bottom: 15px;}

    .ul-list2 .con{padding-top: 10px;}

    .row3{display: none;}

    .row4{padding-top: 20px;}

    .ul-list1.sty2 li{width: auto;float: none;}

    .row7{-webkit-background-size: cover;

    background-size: cover;}

    .ul-list1.sty1 li{margin-bottom: 10px;

	width: 50%;

    float: left;}

	

}







