@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: hefeng;
    src:url('../font/SOURCEHANSERIFCN-REGULAR.OTF')
}

 .page-box{ margin:15px 30px; padding-bottom:30px; }
    .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
    div.digg a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
    div.digg a:hover { border:1px solid #3b8dd1; }
    div.digg span{ display:block; float:left; padding:5px 0; line-height:20px; height:20px; }
    div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
    div.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }
body{
    font-family: "微软雅黑","Arial","hefeng","宋体","Microsoft YaHei","黑体",sans-serif;
	overflow-x: hidden;
}
a{
    display: inline;
    text-decoration: none;
    color: inherit;
}
.left{
    float: left;
}
.right{
    float: left;
}
.clear{
    clear: both;
}
ul{
    list-style: none;
}
.center{
    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;
}
.clearfix:after{
    display: block;
    height: 0;
    content: '';
    clear: both;
    zoom: 1;
    visibility:hidden;
    /*font-size: 0;*/
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: #fff ;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(111, 168, 44, 0.7);
}
::-webkit-scrollbar-thumb:hover {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(111, 168, 44, 1);
}

.btn-nav{
    cursor: pointer;
    width: 80px;
    height: 110px;
    background: url("../images/btn.jpg") no-repeat 100% 100%;
    position: fixed;
    top: 96px;
    /*margin-top: -55px;*/
    z-index: 9;
    left: 0;
    display: block;
    background-size: 100%;
}
.panel{
    display:none;
    width:640px;
    /*padding:20px;*/

    /*box-shadow:inset 0 0 5px 5px #222;*/
}

.btn-nav-main{
    position:relative;
    width:100%;
    background: #242424;
    top: 0;left:0;
    z-index: 10;
    display: block;
}
.close{
    width: 26px;
    height: 26px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: url("../images/close.png") no-repeat;
    cursor: pointer;
}
.logo{
    width: 100px;
    margin: 0 auto;
    padding-top: 30px;
}

.logo img{
    width: 100%;
}
#mark9{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 2;
    display: none;
}
.btn-nav-ul{
    width: 230px;
    margin:12% auto 0 auto;
    transform: translateX(50px);
}

.btn-nav-ul li a{
    font-size: 28px;
    color: #ffffff;
}
.btn-nav-ul li.active a{
    color: #6fba2c;
}
.btn-nav-ul li{
    margin-bottom: 30px;
}
.btn-nav-ul li i{
    display: inline-block;
    height: 2px;
    width: 0;
    background: #6fba2c;
    vertical-align: middle;
    margin-right: 10px;
    visibility: hidden;
    transition: width .3s;
}
.btn-nav-ul li:hover i{
    width: 20px;
}
.btn-nav-ul li:hover a{
    color: #6fba2c;
}
.lang{
    position: absolute;
    bottom: 75px;
    text-align: center;
    font-size: 20px;
    color: white;
    width: 100%;

}

.lang a{
    display: inline-block;

}
.lang a:hover{
    color: #6fba2c;
}
.nav-di{
    color: white;
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%;
}
.nav-di>a{
    display: inline-block;
    color: white;

}

.index-banner{
    width: 100%;
    /*height: 620px;*/
}
.swiper-container1,.swiper-container1 .swiper-wrapper,.swiper-container1 .swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-container1 .swiper-slide{
    position: relative;
}
.index-banner-word{
    color: white;
    max-width: 600px;
    /*border: 1px solid red;*/
    position: absolute;
    top: 70%;
    left: 50%;
    margin-left: -700px;
}
.index-banner-word h2{
    font-size: 54px;
    color: #fefefe;
    margin-bottom: 3%;
}
.index-banner-word h2 span{
    color: #6fba2c;
}
.index-banner-word p{
    font-size: 16px;
    line-height: 48px;
    color: #8a8a8a;

}
.index-banner-word a{
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
   /* color: #cccccc;
    padding: 5px 0;
    border-bottom: 1px solid white;*/
}
.swiper-next-index,.swiper-prev-index{
    width: 80px;
    height: 40px;
    background: white;
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 50%;
    cursor: pointer;
}
.swiper-next-index{
   margin-left: -620px;
   background: #2a2a2d;
}
.swiper-prev-index{
    margin-left: -700px;
    background: #6fba2c;
}
.index-about{
    width: 1400px;
    margin: 0 auto;
    padding-top: 4.2%;
    border-bottom: 1px solid #f5f5f5;
}
.index-about-left{
    width: 28.3%;
    padding-top: 5px;

}
.myh2{
    font-size: 34px;
    color: #3d3d3d;
    padding-left: 22px;
    position: relative;
    margin-bottom: 30px;

}
.mya{
    /*width: 85px;*/
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid #6fba2c;
    height: 20px;
    line-height: 20px;
    position: relative;
    color: #6fba2c;
    font-size: 14px;
}
.mya:hover{
    background: #6fba2c;
    color: white;
}

.index-banner-center>a{
    margin: 3% 0 4% 0;
}
.mya i{
   position: absolute;
    display: inline-block;
    width: 40px;
    height: 1px;
    top: 50%;
    right: 0;
    z-index: 2;
    background: #575757;
    transition: all .5s;
    display: none;
}
.mya b{
    position: relative;
    /*display: inline-block;*/
    width: 7px;
    height: 13px;
    top: 1px;
    margin-left: 5px;
    z-index: 2;
    display: none;
    background: url("../images/moreright.png") no-repeat center;
    transition: all .5s;
}
.mya:hover i{
    width: 0;
}

.myh2 i{
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #6fba2c;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    margin-top: -1px;
}
.index-banner-title p{
    font-size: 30px;
    color: #6fba2c;
    padding-left: 10px;
    margin-bottom: 20px;
}
.index-banner-title h3{
    font-size: 110px;
    color: #6fba2c;
    font-family: "Arial";
    font-weight: lighter;
}
.index-banner-center{
    width:71.7%;
}
.index-banner-center h3{
    font-size: 24px;
    line-height: 48px;
    color: #3d3d3d;
}
.index-banner-center p{
    font-size: 16px;
    line-height: 36px;
    color: #575757;
    width: 46.5%;
}
.index-banner-center p:nth-of-type(1){
    margin-right: 7%;
}
.areas{
    padding-bottom: 2.2%;
    border-bottom: 1px solid  #f5f5f5;
}
.areas-main{
    width: 1400px;
    padding-top: 2%;
    margin: 0 auto;
}
.areas-main-title ul li{
    float: left;
    width: 24.7%;
    margin-right: 0.3%;
    height: 60px;
    background: #3d3d3d;
    position: relative;
    cursor: pointer;
}
.picbiao{
    position: absolute;
    display: inline-block;
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    left: 10%;
}

.picbiao1{
    background: url("../images/pic1.png") no-repeat center;
}
.picbiao2{
    background: url("../images/pic2.png") no-repeat center;
}
.picbiao3{
    background: url("../images/pic3.png") no-repeat center;
}
.picbiao4{
    background: url("../images/pic4.png") no-repeat center;
}


.areas-main-title ul li p{
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    color: white;
}
.areas-main-title ul li:first-child:hover i{
    background: url("../images/pic11.png") no-repeat center;
}
.areas-main-title ul li:first-child+li:hover i{
    background: url("../images/pic22.png") no-repeat center;
}
.areas-main-title ul li:first-child+li+li:hover i{
    background: url("../images/pic33.png") no-repeat center;
}
.areas-main-title ul li:first-child+li+li+li:hover i{
    background: url("../images/pic44.png") no-repeat center;
}

.areas-main-title ul li:hover{
    background: #6fba2c;
}
.areas-main-body{
    padding-top: 3%;
}

.areas-main-body-left{
    width: 48.57%;
}
.areas-main-body-left img{
    width: 100%;

}

.areas-main-body-right{
    width: 51.43%;
    padding-left: 4%;
    box-sizing: border-box;
}
.areas-main-body-right1{
    margin-bottom: 4%;
}
.syh{
    width: 44px;
    height: 44px;
    background: url("../images/syh.png") no-repeat center;
    display: inline-block;
}
.syhw{
    display: inline-block;
    font-size: 24px;
    color: #3d3d3d;
    position: relative;
    top: -3px;
    margin-left: 20px;
}
.areas-main-body-right p{
    font-size: 16px;
    color: #575757;
    line-height: 36px;
    margin-bottom: 3%;
}
.amb1{
    display: none;
}
.amb1:first-child{
    display: block;
}
.best{
    padding: 2.2% 0;
}
.best-main{
    width: 1400px;
    margin: 0 auto;
}
.best-main-body{
    width: 1200px;
    margin: 0 auto;
}
.best-main-body-left{
    width: 50%;
    padding-top: 3%;
    padding-right: 4%;
}
.best-main-body-right{
    width: 46%;
}

.bmb1{
    display: none;
}
.bmb1.active{
    display: block;
}
.bmb1 p{
    font-size: 16px;
    color: #575757;
    line-height: 36px;
    margin-bottom: 3%;
}
.best-main-body-right{
    /*position: relative;
    top: -65px;*/
    margin-top: -65px;
}
.bofang{
    width: 26px;
    height: 26px;
    /*display: inline-block;*/
    position: absolute;
    right: -35px;
    background: url("../images/bofang.png") no-repeat center;
    top: -3px;
    display: none;
}
.bubofang{
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    right: -35px;
    background: url("../images/bubofang.png") no-repeat center;
    top: -3px;
}
.bmb1 .mya{
    margin-top: 11%;
}

.three{
    padding: 2.5% 0;
    background: #fafafa;
}
.three-main{
    width: 1400px;
    margin: 0 auto;

}
.three-main1{
    width: 31.4666%;
    float: left;
    margin-right: 2.8%;
    /*height: 100px;*/
    background: #ffffff;

}
.three-main1:last-child{
    margin-right: 0;
}

.three-main1-title{
    padding: 10px 0 10px 20px ;
}

.num1{
    width: 46px;
    height: 46px;
    background: url("../images/num1.png") no-repeat center;
    margin-right: 20px;
}
.num2{
    width: 46px;
    height: 46px;
    background: url("../images/num2.png") no-repeat center;
    margin-right: 20px;
}
.num3{
    width: 46px;
    height: 46px;
    background: url("../images/num3.png") no-repeat center;
    margin-right: 20px;
}
.three-main1-title .myh2{
    font-size: 30px;
    margin-bottom: 0;
    line-height: 46px;
}
.three-main1-img img{
    width: 100%;
}
.three-main1-a{
    padding: 5% 0;
}
.contact{
    background: #3d3d3d;
    padding: 2.2% 0 0 0;
}
.contact-main{
    width: 1400px;
    margin: 0 auto;
}
.contact-main-title h2{
    color: white;
}
.contact-main-title p{
    font-size: 14px;
    color: #d6d6d6;
    padding-bottom: 2%;
}
.contact-main-body{
    padding-bottom: 2.2%;
    border-bottom: 1px solid #2e2e2e;
}
.contact-main-body-left{
    width: 49%;
    margin-right: 2%;
}
.contact-main-body-right{
    width: 49%;
}
.cmb_img{

}
.cmb_img img{
    width: 100%;
}

.cmb_information p{
    font-size: 16px;
    color: #6fba2c;
    padding: 2% 0 2.1% 0;
}
.cmb_information tr{
   font-size: 16px;
}
.cmb_information tr td{
    color: white;
    line-height: 30px;
}
.cmb_information tr td:first-child{
    color: #a3a3a3;
    width: 100px;
}
.footer{

    background: #3d3d3d;
    overflow: hidden;
}
.footer p{
    font-size: 14px;
    color: #8a8a8a;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.5% 0 0.5% 0;
    /*line-height: 40px;*/
}
#bb1{
    display: block;

}
#bb2{
    display: none;
}
.source_hide{
    display: none;
}
.index-video{
    width: 846px;
    margin:0 auto;
    position: relative;
}


#index_black{
    width: 60px;
    position: absolute;
    right: 35px;
    top: -50px;
}

#best-main2{
    display: none;
}
#best-main2{
    width: 100%;
}
#best-main2 li{
    width: 25%;
    height: 80px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    float: left;
    padding-top: 15px;
    background: #3d3d3d;
    color: white;
    cursor: pointer;
}
#best-main2 li:hover{
    background: #6fba2c;
}
#best-main2 li h2{
    font-size: 20px;
    /*line-height: 40px;*/

    text-align: center;
    font-weight: normal;

}
#best-main2 li p{
    font-size: 16px;
    /*line-height: 20px;*/
    text-align: center;
}
#best-main1{
    position: relative;
}
#best-main1 img{
    position: absolute;
    top: 0;
    left: 0;
}
#imgtop{
    position: relative!important;
    z-index: 15;
}
.img_active{
    z-index: 10;
}

/*关于我么开始*/

.about-title{
    padding: 0.5% 0 0.5% 0;
    /*background: red;*/
}

.about-border{
    width: 40px;
    height: 80px;
    background: url("../images/border.png") no-repeat center;
    margin-right: 20px;
    margin-left: -24px;
}
.about-border-right{
    width: 235px;
    height: 80px;
    background: white;

}
.about-border-right p:first-child{
    font-size: 30px;
}
.about-border-right p:first-child+p{
    font-size: 24px;
}
.about-bannr1{
    height: 800px;
}
.about-word{
    padding: 7% 0 7% 0;
}
.about-word h2{
    color: #6fba2c;
    font-size: 40px;
    text-align: center;
    margin-bottom: 3%;
}
.about-word p{
    font-size: 18px;
    line-height: 40px;
    color: #575757;
    text-align: center;

}
.about-word2{
    padding: 7% 0 11% 0;
    background: url("../images/about-word.jpg") no-repeat center/cover;
}
.about-word2 h2{
    color: white;
    font-size: 40px;
    text-align: center;
    margin-bottom: 3%;
}
.about-word2 p{
    font-size: 18px;
    line-height: 40px;
    color:white;
    text-align: center;

}
.about-word3{
    max-width: 1920px;
    margin: 0 auto;
}
.about-word3-left,.about-word3-right{
    width: 50%;
}
.swiper-container2 img{
    width: 100%;
    display: block;
}
.swiper-container2,.swiper-container2 .swiper-wrapper,.swiper-container2 .swiper-slide{
    width: 100%;
    height: 100%;
}

.about-word3-right .swiper-slide{
    background: #242424;
}
.about-word3{
    /*padding: 7% 0 11% 0;*/
    /*background: url("../images/about-word.jpg") no-repeat center/cover;*/
}
.about-word3 h2{
    color: white;
    padding-top: 13%;
    font-size: 40px;
    text-align: center;
    margin-bottom: 5%;
}
.about-word3 p{
    font-size: 18px;
    line-height: 40px;
    color:white;
    text-align: center;
}
.swiper-container2 .swiper-pagination {
    bottom: 40px;
}
.swiper-container2 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #555555;
    border: 2px solid transparent;
}

.swiper-container2 .swiper-pagination-bullet-active{
    background:transparent;
    border: 2px solid #6fba2c;

}


.about-product{
    padding: 8% 0 9% 0;
}
.about-product-main{
    width: 1400px;
    margin: 0 auto;
}
.about-product-main-title{

}
.about-product-main-title h2{
    font-size: 40px;
    color: #6fba2c;
    text-align: center;
    margin-bottom: 4%;
    background: url("../images/bg-border.png") no-repeat center;
    /*background-size: 100% 100%;*/
}
.about-product-main-title p{
    font-size: 20px;
    text-align: center;
    color: #6fba2c;
    transform: translateY(-47px);
}
.about-product-main-body{
    position: relative;

}
.about-hezuo .about-product-main-body{
    overflow-y: auto;
    height: 436px;
}
.swiper-slide4{
    position: relative;
}
.swiper-slide4 img{
    width: 100%;
    display: block;
}



.about-left4,.about-right4{
    width: 40px;
    height: 40px;
    background: #6fba2c;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 9;
}
.about-left4{
    left: -70px;
}
.about-right4{
    right: -70px;
}
.sws4a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    padding: 30px 10px 20px 20px;
    box-sizing: border-box;
    display: none;
}
.sws4a p{
    font-size: 16px;
    color: white;
    line-height: 30px;
    height: 100%;
    overflow-y: auto;
    padding-right: 10px;

}
.swiper-slide4:hover .sws4a{
    display: block;
}
.about-product.about-hezuo{
    background: #f5f5f5;

}
.about-product.about-hezuo .about-product-main{
    width: 1422px;
}
.about-product-main-body ul{

}
.about-product-main-body ul li{
    width: 225px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.about-product-main-body ul li:nth-child(6n+6){
    margin-right: 0;
}
.about-product-main-body ul li img{
    width: 100%;
    display: block;
}
/*关于我么结束*/


/*新闻动态开始*/

.new-bannr1{
    height: 500px;
}
.new{
    padding: 1.5% 0;
}
.new-main{
    width: 1400px;
    margin: 0 auto;
}
.new-main ul li{
    border-bottom: 1px solid #f5f5f5;
    padding: 3.2% 0 3% 0;
}
.new-main-left{
    width: 31.4%;
}
.new-main-left img{
    width: 100%;
    display: block;
}
.new-main-right{
    width: 68.6%;
    padding-left: 2.5%;
    box-sizing: border-box;
}
.new-main-right h2{
    font-size: 24px;
    color: #3d3d3d;
    line-height: 1;
}
.new-main-right span{
    border: 1px solid #f5f5f5;
    padding: 5px 20px;
    font-size: 14px;
    color: #6fba2c;
    margin: 20px 0;
    display: inline-block;
}
.new-main-right p{
    color: #575757;
    font-size: 16px;
    line-height: 36px;
}

/*新闻动态结束*/


/*过程开始*/

.process-banner{
    overflow-x: auto;
    width: 1400px;
    margin:  0 auto;
    border-left: 1px solid #6fba2c;
    border-right: 1px solid #6fba2c;
}

.process-body{
    padding-bottom: 1.5%;
}
.process-main{
    width: 100%;
    padding: 3% 0;
    border-bottom: 1px solid #f5f5f5;
}
.process-main:last-child{
    border-bottom:none;
}
.process-main1{
    width: 1400px;
    margin: 0 auto;
	line-height: 2.5;
	color: #595959;
}
.process-main-title .myh2{
    font-size: 30px;

}
.process-main-title p{
    font-size: 16px;
    color: #575757;
    line-height: 36px;
}
.process-main-body{
    padding-top: 3%;
	font-size: 16px;
line-height: 36px;
}
.process-main-body div{
   display: block;

}
.process-main-body div img{
    width: 100%;
    display: block;
    border: 1px solid #e6e6e6;
}
.process-main-body div p{
    font-size: 16px;
    color: #3d3d3d;
    text-align: center;
    margin-top: 14px;
}
.mar-rig{
    margin-right: 6%;
}

/*过程结束*/

/*四大领域开始*/

.areas-body{
    border-top: 1px solid #cccccc;
}
.li-title{
    box-shadow: 0 3px 8px #ccc;
    cursor: pointer;
    background: #3d3d3d;
    color: white;
    border-bottom: 1px solid #242424;
}
.li-title.active{
    background: white;
    color: #3d3d3d;
    border-bottom: 1px solid #cccccc;
}
.li-title-main{
    width: 1400px;
    margin: 0 auto;
    height: 45px;
}
.areas_pic{
    width: 35px;
    height: 45px;
    position:relative;
    top:3px
}
.li-title-main-h2{
    width: 70%;
}
.li-title-main-h2 h2{
    font-size: 22px;
    line-height: 45px;
    font-weight: normal;
    padding-left: 25px;
}
.li-body{
    width: 1400px;
    margin: 0 auto;
    padding-top: 25px;
    display: none;
}
.li-body.active{
    display: block;
}
.li-body-left{
    width: 175px;
    height: 100px;
    margin-left: -70px;  box-sizing: border-box;
	display:none;
}
.li-body-left i{
    width: 28px;
    height: 28px;
    background: url("../images/clock.png") no-repeat center;
    display: inline-block;
    margin-right: 20px;
}
.li-body-left span{
    font-size: 30px;
    color: #3d3d3d;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}

.li-body-right{
    width: 1290px;
    /*border: 1px solid red;*/
    box-sizing: border-box;
    height: 400px;
    overflow-y: auto;

}
.areas-ul li{
    float: left;
    width: 24%;
    margin: 0 1% 1% 0;
    position: relative;
}
.areas-ul li img{
    display: block;
    width: 100%;
}

.areas-ul li:hover .areas-alert{
    display:flex;
}



.areas-alert{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;left: 0;
    display: none;
}
.areas-alert a{
    text-align: center;
}
.areas-alert a p{
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
    color: white;
}
.areas-alert a i{
    width: 32px;
    height: 32px;
    /*display: inline-block;*/
    transition:  transform .5s;
    background: url("../images/add.png") no-repeat center/cover;
    display: none;
}
.areas-alert:hover a i{
    transform: rotateY(360deg);
}

.bu_close{
    width: 26px;
    height: 26px;
    margin: 30px auto;
    background: url("../images/bubofang.png") no-repeat center;
	display:none;
}




/*四大领域结束*/

.detail-main{
    width: 100%;
    height: 100%;
    /*border: 1px solid red;*/
}

.detail{
    /*width: 95%;*/
    height: 100%;
    /*background: yellow;*/
    position: relative;
}
.swiper-container5,.swiper-container5 .swiper-wrapper,.swiper-container5 .swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-container5 .swiper-slide{
  background-position: center!important;
  /* background-size: 100% 100%!important; */

}


.swiper-container5 .swiper-pagination-clickable .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin: 20px 0;
    background: #6fba2c;
    opacity: 0.3;
}
.swiper-container5 .swiper-pagination-bullet-active{
    opacity: 1!important;
}
.detail-btn{
    width: 60px;
    height: 60px;
    background: rgba(250,250,250,0.9);
    position: absolute;
    cursor: pointer;
    z-index: 8;
    top: 20px;left: 20px;
}

.detail-btn img{
    display: block;
    width: 32px;
    height: 32px;
}
.detail-word{
    position: absolute;
    width: 400px;
    height: calc(100% - 40px);
    background: rgba(240,240,240,0.9);
    z-index: 9;
    top: 20px;
    left: 0;
    overflow-y: auto;
    display: none;
    box-sizing: border-box;
}
.detail-word>div{
    width: 100%;
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
}
.detail-word-main{
    width: 90%;
    /*height: 100%;*/
    margin: 0 auto;
    padding-top: 5%;

}
.detail-word-main .dwm-title{
    position: relative;
    padding-bottom: 5%;
 border-bottom: 1px solid #e5e5e5;
    height: 45px;
}
.dwm-title div{
    width: 18px;
    height: 34px;
    cursor: pointer;
    position: absolute;
}
.dwm-title .left1{
    background: url("../images/g_left.png") no-repeat center;
    left: 0;
    font-size: 0;
    background-size: 80% 80%;
}
.dwm-title .left1 a,
.dwm-title .right1 a {
    font-size: 0;
    width: 100%;
    height: 100%;
}
.dwm-title .right1{
    background: url("../images/g_right1.png") no-repeat center;
    right: 0;
    font-size: 0; background-size: 80% 80%;
}
.dwm-title img{
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -25px;
    width: 30px;
}
.dwn-body{
    padding-top: 5%;

}
.dwn-body h2{
    font-weight: normal;
    font-size:26px;
    color: #575757;

}
.dwn-body h3{
    font-weight: normal;
    font-size:26px;
    color: #575757;
}
.dwn-body h4{
    color: black;
    font-size: 20px;
    transform: translateX(-13px);
    margin-top: 28px;
}
.dwn-body h5{
    font-weight: normal;
    font-size:22px;
    color: #575757;
}
.detail-word::-webkit-scrollbar {
    width: 1px;
    height: 4px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.detail-word::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: #fff ;
}
/*定义滑块 内阴影+圆角*/
.detail-word::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    background-color:rgba(111, 168, 44, 0.7);
}
.detail-word::-webkit-scrollbar-thumb:hover {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    background-color:rgba(111, 168, 44, 1);
}




.dwn-body p{
    font-size: 16px;
    line-height: 36px;
    color: #575757;
}
.dwn-body>a{
    text-align: center;
    color: #6fba2c;
    padding: 20px 0;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}
.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7;
    background: transparent;
    display: none;
}

.three1{
    padding: 10px 0 30px 0;
    border-bottom: 1px solid #f5f5f5;
}
.three2,
.three3,
.three4,
.three5{
    padding: 50px 0 30px 0;
    border-bottom: 1px solid #f5f5f5;
}
.lianjie{
    width: 620px;
}
.lianjie dd{
    float: left;
    width: 310px;
    line-height: 30px;
    font-size: 14px;
    color: #575757;
}

.three2-body>div{
    float: left;
}

.three2-body>div h3{
    font-size: 18px;
    font-weight: normal;
    color: #3d3d3d;
    margin-bottom: 10px;
}




.three2-body>div h3 i{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #6fba2c;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.three2-body>div a i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background:url("../images/down.png") no-repeat center;
    position: relative;
    top: 0px;
    margin-left: 5px;
}
.three2-body>div a{
    font-size: 16px;
    color: #575757;
    line-height: 36px;
}
.three2-body .thb1{
    width: 292px;
}

.three2-body .thb2{
    width: 292px;
}
.three2-body .thb3{
    width: 500px;
}
.three2-body .thb4{
    width: 170px;
}
.three3 p{
    font-size: 16px;
    color: #575757;
    line-height: 36px;
}
.my-ewm{
    width: 160px;

}
.my-ewm img{
    width: 100%;
    display: block;
}
.my-ewm p{
    font-size: 16px;
    color: #575757;
    text-align: center;
    line-height: 36px;
}

.btn-nav-ul li:last-child{
    /* font-weight: bold; */
    border-top: 1px solid white;
    transform: translateY(-15px);
    padding-top: 15px;
    margin-bottom: 0;
}

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

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

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

    .index-banner-word,.swiper-prev-index{
        margin-left: -500px;
    }
    .swiper-next-index{
        margin-left: -420px;

    }

    .index-about,.areas-main,.best-main,.three-main,.contact-main{
        width: 95%;
    }
    .about-product-main{
        width: 90%;
    }
    .sws4a p{
        line-height: 26px;
    }
    .about-left4{
        left: -50px;
    }
    .about-right4{
        right: -50px;
    }
    .about-product.about-hezuo .about-product-main{
        width: 90%;
    }
    .about-product-main-body ul li{
        width: 15.5%;
        margin-right: 1%
    ;
    }
    .about-bannr1{
        height: 600px;
    }
    .footer p{
        width: 90%;
    }
    .about-product {
        padding: 4% 0 5% 0;
    }
    .about-word {
        padding: 4% 0 6% 0;
    }
    .new-main,.process-main1{
        width: 90%;
    }

    .li-title-main,.li-body{
        width: 90%;
    }
    .li-body-left{
        height: 50px;
        margin-left: 0;
    }


    .li-body-right{
        width: 100%;
    }
    .three2-body .thb3{
        width: 456px;
    }

    .three2-body .thb2{
        width: 222px;
    }

    .btn-nav-ul{
        margin: 7% auto 0 auto;
    }



}

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

	.index-banner{
		height: 700px!important;
	}
	.index-banner-word{
		top:68%;
	}
	.index-banner-word h2{
		font-size:42px;
	}
	.btn-nav-ul{
		margin: 6% auto 0 auto;
	}
	.btn-nav-ul li{
		margin-bottom: 15px;
	}
	.btn-nav-ul li:last-child{
		transform: translateY(-7px);
		padding-top: 6px;
	}

    .btn-nav-ul li a {
        font-size: 22px;
    }


    .btn-nav {
        width: 67px;
    }
    .index-about,.areas-main,.best-main,.three-main,.contact-main{
        width: 90%;
    }

}


@media screen and (max-width: 1365px) {
    .about-word3 h2{
        padding-top: 7%;
    }
    .about-word3 p{
        font-size: 16px;
    }
}
@media screen and (max-width: 1280px) {
    .index-about,.areas-main,.best-main,.three-main,.contact-main{
        width: 85%;
    }

    .best-main-body {
        width: 1080px;
    }
    .best-main-body-left {
        width: calc(100% - 541px);
    }

    .about-product-main,.about-product.about-hezuo .about-product-main ,.new-main, .process-main1 {

        width: 85%;
    }




}


@media screen and (min-width: 1200px) {
.bmb1 {
    height: 269px;
    position: relative;
	}
	.bmb1 .mya {
    margin-top: 0;
    position: absolute;
    left: 0;
    bottom: 0;
	}

}


@media screen and (max-width: 1200px) {
    .about-word3 p {
        font-size: 14px;
        line-height: 36px;
    }
    .about-word3 h2{
        font-size: 20px;
    }
    .about-product-main-body ul{
        height: 290px;
    }
    .best-main-body{
        width: 95%;
    }
    .best-main-body-left{
        width: 100%;
    }
    #best-main2{
        display: block;
    }
    #best-main1{
        display: none;
    }

}
@media screen and (max-width: 1024px) {
    .index-about,.areas-main,.best-main,.three-main,.contact-main{
        width: 99%;
    }
    .index-banner-word,.swiper-prev-index{
        margin-left: -380px;
    }
    .swiper-next-index{
        margin-left: -300px;
    }
    .detail{
        width: 100%;
    }
    .detail-btn{
        top: 0;
        left: 0;
    }
    .btn-nav{
        top: 43%;
    }
    .btn-nav-main{
        width: 340px;
    }
	 .btn-nav-main{

        width: 100vw;


    }

}
@media screen and (max-width: 768px) {
    .index-banner-word{
        top: 50%;
    }
    .index-banner-word,.swiper-prev-index{
        margin-left: -300px;
    }
    .swiper-next-index{
        margin-left: -220px;
    }
    .index-banner-title h3{
        font-size: 80px;
    }
    .index-banner-center p:nth-of-type(1){
        margin-right: 0%;
    }
    .index-banner-center p{
        width: 100%;
    }
    .index-banner-center p br{
        display: none;
    }
    .btn-nav{
        cursor: pointer;
        width: 48px;
        height:66px;
    }
    .picbiao{
        left: 5%;
    }
    .areas-main-body-left{
        width: 100%;
    }
    .areas-main-body-right{
        width: 100%;
    }
    .best-main-body-left{
        padding-right: 0;
        width: 100%;
    }
    .best-main-body-right{
        width: 100%;
    }
    .areas-main-body-right1{
        margin-bottom: 1%;
    }
    .bmb1 .mya{
        margin-top: 3%;
    }
    .best-main-body-right{
        margin-top: 10px;
    }
    .three-main1{
        width: 100%;
        margin-right: 0;
    }
    .contact-main-body-left,.contact-main-body-right{
        width: 100%;
        margin-right: 0;
    }
    .about-bannr1{
        height: 520px;
    }
    .about-word h2,.about-word2 h2,.about-product-main-title h2{
        font-size: 33px;
    }
    .about-word3 p{
        text-align: left;
        padding-right: 5px;
        padding-left: 5px;
    }
    .about-word3 h2{
        padding-top: 3%;
    }

    .about-word3 p br{
        display: none;

    }
    .swiper-container2 .swiper-pagination{
        bottom: 10px;
    }
    .about-product-main,
    .footer p,
    .process-main1,
    .new-main,
    .about-product.about-hezuo .about-product-main{
        width: 99%;
    }
    .about-left4{
        left: 0;
    }
    .about-right4{
        right: 0;
    }
    .about-product-main-body ul li{
        width: 24%;
    }
    .about-product-main-body ul li:nth-child(6n+6){
        margin-right: 1%;
    }
    .about-product-main-body ul li:nth-child(4n+4){
        margin-right: 0;
    }
    .new-main-left,.new-main-right{
        width: 100%;
    }
    .new-bannr1{
        display: none;
    }
    .new-main-right{
        padding-top: 3%;
    }
    .new-main-right span{
        margin: 15px 0;
    }
    .new-main ul li{
        padding: 3.2% 0 1.5% 0;
    }
    .mar-rig{
        margin-right: 20px;
    }
    .process-main-title .myh2{
        font-size: 25px;
        margin-bottom: 10px;
    }
    .detail-btn{
        width: 48px;
        height: 48px;
    }
    .detail-btn img{
        width: 30px;
        height: 30px;
    }
    .dwm-title img{
        width: 30px;
        height: 30px;
        top: 0;
        margin-left: -15px;
    }
    .detail-word{
        width: 480px;
        /*width: 100%;*/
    }
    .index-video{
        width: 100%;
    }
    .lianjie{
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .lianjie dd{
        width: 100%;
    }
    .lianjie dd:nth-child(2n){
        display: none;
    }
    .three2-body>div{
        width: 100%!important;
        overflow: hidden;
        padding-left: 10px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 480px) {
    .index-banner{
        height: 200px!important;
    }
    .index-banner-word h2{
        font-size: 20px;
    }
    .index-banner-word, .swiper-prev-index{
        margin-left: -160px;
    }
	#sc{
		 padding: 20px 0 20px 20px;
        box-sizing: border-box;
        line-height: 2;
		color:#575757;
	}
	#sc br{
		display:none;
	}
    .swiper-next-index{
        margin-left: -80px;
    }
	.swiper-prev-index,.swiper-next-index{
		display:none;
	}
    .index-banner-word{
        top: 10%;
    }
    .index-banner-word p{
        line-height: 19px;
		font-size: 14px;
    }
    .index-about-left,.index-banner-center{
        width: 100%;
    }
    .myh2{
        margin-bottom: 10px;
        font-size: 21px;
    }
    .index-banner-title p{
        font-size: 20px;
    }
    .index-banner-title{
        position: relative;
    }
    .index-banner-title h3{
        font-size: 60px;
        position: absolute;
        top: -10px;
        right: 5px;
    }
    .picbiao{
        display: none;
    }
    .areas-main-title ul li p{
        font-size: 16px;
    }
    .three-main1-title .myh2{
        font-size: 25px;
    }
    .three-main1-title {
        padding: 10px 0 10px 0;
    }
    .index-banner-center h3{
        font-size: 22px;
    }
    .best-main-body-left{
        padding-top: 1%;
    }
    .footer p span:first-child{
        
    }
    .footer p{
        text-align: center;
		padding: 0.5% 0 1.5% 0;
    }


    .footer p span{
        float: none!important;
    }
    .contact-main-title p{
        padding-bottom: 5%;
    }

    .about-title{
        padding-left: 0;
    }
    .about-border{
        width: 22px;
        height: 40px;
    }
    .about-border-right{
        height: 40px;
    }
    .about-border-right p:first-child{
        display: none;
    }
    .about-border-right p:first-child+p{
        height: 40px;
        line-height: 40px;
    }

    .about-word3-left{
        display: none;
    }
    .about-word3-right{
        width: 100%;
		height:325px;
    }

    .about-word h2, .about-word2 h2, .about-product-main-title h2{
        font-size: 22px;
    }
    .about-word p,.about-word2 p{
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding-left:10px ;
        padding-right:10px ;
    }
    .about-word p br,.about-word2 p br{
        display: none;
    }
    .about-word3 p{
        padding-bottom: 30px;
    }
    .about-left4, .about-right4{
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
    .about-product-main-body ul{
        height: 190px;
    }
    .about-bannr1{
        height: 300px;
    }
    .about-product-main-body ul li{
        width: 49%;
    }
    .new-main-right h2{
        font-size: 19px;
    }
    .process-main-title .myh2{
        font-size: 19px;
    }
    .mar-rig{
        margin-right: 0;
    }
    .process-main-body div{
        width: 100%;
    }
    .process-main-title p{
        line-height: 2;
    }
    .process-banner{
        font-size: 0;
    }
    .process-main-body div img{
        width: 100%;
        border: none;
    }

    .process-main{
        padding: 10% 0;
    }
    .process-main-body div p{

        margin: 0 auto 14px auto;
    }

    .detail-word,.btn-nav-main{
        width: 100%;
    }
    .btn-nav-ul li a{

        font-size: 23px;
    }
    .logo{
        width: 80px;
    }
    .btn-nav-ul {
        width: 180px;
        margin: 9% auto 0 auto;
    }
    .close{
        top: 20px;
        right: 20px;
    }
    .btn-nav-ul{
        transform: translateX(30px);
    }
    .lang{
        bottom: 30px;
    }

    .areas-ul li{
        width: 49%;
    }

    .li-title-main-h2 h2{
        font-size: 19px;
    }

    .li-body-left span{
        font-size: 20px;
        line-height: 28px;
    }
    .li-body{
        padding-top: 6%;
    }
    #best-main2{
        margin-bottom: 20px;
    }
    #best-main2 li{
        height: 75px;
    }
    .areas-alert a p{
        font-size: 18px;
    }
    .areas-alert a i{
        width: 24px;
        height: 24px;
    }
    #best-main2 li h2{
        font-size: 16px;
    }
    #best-main2 li p{
        font-size: 14px;
    }
    #best-main2 li{
        width: 33.3%;
    }
    /*过程开始*/
    .detail-word{
        height: calc(100% - 0px);
        top: 0px;
        left: 0px;
    }


    .three1,.three2, .three3, .three4, .three5{
        padding: 25px 0;
    }
    .three3 p{
        box-sizing: border-box;
        padding: 0 10px;
    }
    .my-ewm{
        padding-left: 10px;
    }

	.panel{
    display:none;
    width:100%;
 
	}
	.nav-di{

    bottom: 55px;
  
	}
	.btn-nav-ul li {
    margin-bottom: 13px;
	}
	.btn-nav-ul li:last-child{
   
    transform: translateY(-8px);
    padding-top: 8px;
  
	}
	.nav-di>a{
		font-size:12px;
	}

	.about-product-main-title p{
   
    transform: translateY(-10px);
	}


	.index-banner-center{
	text-align: justify;
	padding: 0 15px;
	box-sizing: border-box;
    }

    .areas-main-body-right p{
        text-align: justify;
        padding-left:15px;
        padding-right:15px;
        box-sizing: border-box;
    }

	.bu_close{
		display:block;
	}

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

}


#wgd::-webkit-scrollbar {
    width:0px;
    height: 4px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
#wgd::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    background: #fff ;
}
/*定义滑块 内阴影+圆角*/
#wgd::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
    background-color:rgba(111, 168, 44, 0.7);
}
#wgd::-webkit-scrollbar-thumb:hover {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
    background-color:rgba(111, 168, 44, 1);
}

#left-panes_{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: -101%;
    display: block;
    z-index: 999;
    background: #242424;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
#left-panes_.active{
    left: 0;
}

.btn-nav1{
    display: none;
}


@media screen and (max-width: 480px) {
    .btn-nav{
        display: none;
    }
    .btn-nav1{
        cursor: pointer;
        width: 48px;
        height:66px;
        background: url("../images/btn.jpg") no-repeat 100% 100%;
        top: 48%;
        position: fixed;
        z-index: 9;
        left: 0;
        display: block;
        background-size: 100%;
    }
}