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

*,*:before,*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    outline: none;

}

html{position: relative;overflow-x: hidden;}

body{color: #333;font-size: 12px;line-height: 1;font-family:"微软雅黑","Microsoft Yahei";

    background-color: #fff;overflow-x: hidden !important;

}

img{max-width: 100%;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";outline: 0;

}

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

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

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

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

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

button{padding:0;border:0;cursor: pointer;}



h1,h2,h3,h4,h5{font-weight: normal;}



a{color:#333;}

a:hover{color:#009440;text-decoration: none;}



.wp{width: 98%;max-width: 1150px;margin: 0 auto;}
.wp2{width: 98%;max-width: 1200px;margin: 0 auto;}
.wp3{width: 98%;max-width: 1300px;margin: 0 auto;}
.wp4{width: 98%;max-width: 1100px;margin: 0 auto;}



/* 头部 **************************************************/

.header{

    overflow: hidden;

    position: fixed;

    top: 29px;

    left: 0;

    width: 100%;

    padding: 0 50px 0 43px;

    z-index: 10;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.header.float{

    top: 0;height: 85px;

    background-color: rgba(255, 255, 255, 0.8);

}

.header.float .logo{line-height: 85px;}

.logo{font-size: 0;

    float: left;

}

.logo img{display: inline-block;vertical-align: middle;height: 62px;}

.logo .img2{display: none;}

.header.float .logo .img1{display: none;}

.header.float .logo .img2{display: inline-block;}

.hdr{

    float: right;

    padding: 0 20px;

    margin-top: 10px;

    float: right;

    border-radius: 5px;

    background-color: rgba(0,0,0,.5);

}

.hdr a{

    display: inline-block;

    background-repeat: no-repeat;

    background-position: right center;

    padding-right: 48px;

    line-height: 60px;

    height: 60px;

    font-size: 16px;

    color: #fff;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.hdr .ico-tel{

    padding-right: 38px;

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

}

.hdr .ico-mail{

    margin-left: 43px;

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

}

.hdr .ico-menu{

    margin-left: 42px;

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

}

.hdr a:hover{

    color: #FFB800;

}

.hdr .ico-tel:hover{

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

}

.hdr .ico-mail:hover{

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

}

.hdr .ico-menu:hover{

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

}

.nav{

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 148, 64, .8);

    z-index: 11;

    display: none;

}

.nav ul{

    position: absolute;

    left: 0;

    top: 110px;

    width: 100%;   

    text-align: center;

}

.nav ul li{

    margin: 0 0 20px 0;

}

.nav ul a{
    display: block;
    font-size: 22px;
    line-height: 50px;
    color: #fff;
    position: relative;
    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.nav ul a::after{

    content: '';

    position: absolute;

    width: 31px;

    height: 50px;

    left: 40%;

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

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.nav ul li.on a,

.nav ul a:hover{

    background-color: rgba(255, 184, 0, 1);

}

.nav ul li.on a::after,

.nav ul a:hover::after{

    left: 42%;

    opacity: 1;

    filter: alpha(opacity=100);

}

.nav .btn-close{

    position: absolute;

    left: 50%;

    margin-left: -18px;

    bottom: 124px;

    width: 36px;

    height: 36px;

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

}

.nav .btn-close:hover{

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

}

/* banner **************************************************/

.banner .item{position: relative;
    height: 100vh;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .slick-arrow{position: absolute;top: 50%;width: 80px;height: 80px;
    border: 0;border-radius: 50%;z-index: 3;
    font-size: 0;text-indent: 9999px;cursor: pointer;
    background-color: transparent;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .slick-prev{left: 10px;background-image: url(../images/q-prev.png);}
.banner .slick-next{right: 10px;background-image: url(../images/q-next.png);}

.banner .txt{

    position: absolute;

    top: 50.5%;

    width: 100%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center;

    z-index: 1;

}

.banner .txt h2{

    font-size: 72px;

    color: #fff;

} 

.banner .txt h2 span{

    display: block;

    margin-top: 42px;

    font-size: 18px;

    color: #fff;

}

.banner .btn-play{

    margin-top: 78px;

    display: inline-block;

    width: 80px;

    height: 80px;

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

}

.banner .animLoop{

    position: absolute;

    left: 50%;

    margin-left: -18px;

    bottom: 124px;

    width: 36px;

    height: 36px;

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

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.banner .animLoop:hover{

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

}

.video-box{

    position: absolute;

    top: 12%;

    left: 12%;

    right: 12%;

    bottom: 12%;

    z-index: 12;

    display: none;

    background-color: #000;

}

.video-box video{

    position: absolute;left: 0;top: 0;width: 100%;height: 100%;

}

.video-box .btn-close{

    position: absolute;

    top: 10px;

    right: 10px;

    width: 36px;

    height: 36px;

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

}









.ind-slick{

    position: relative;

}

.ind-slick .item{height: 100vh;

    background-repeat: no-repeat;

    background-position: center center;

    padding: 270px 0 155px;

    text-align: center;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;

}

.ind-slick .txt{

    padding: 0 9%;

    color: #fff;

}

.ind-slick .txt h3{

    font-size: 48px;

    margin-bottom: 27px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.ind-slick .txt p{

    font-size: 14px;

    line-height: 26px;height: 104px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}

.ind-slick .btn-more{

    display: block;

    margin: 302px auto 0;

    width: 160px;

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    text-align: center;

    font-family: "Arial";

    color: #333;

    background-color: #fff;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.ind-slick .btn-more:hover{

    background-color: #009440;

    color: #fff;

}

.ind-slick .slick-arrow{

    position: absolute;

    top: 50%;

    margin-top: -40px;

    width: 80px;

    height: 80px;

    background-color: transparent;

    font-size: 0;

    background-repeat: no-repeat;

    background-position: center center;

    z-index: 1;

}

.ind-slick .slick-prev{

    left: 0;

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

}

.ind-slick .slick-next{

    right: 0;

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

}

.ind-slick .slick-dots{position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;z-index: 8;display: none !important;}

.ind-slick .slick-dots li{display: inline-block;margin: 0 5px;}

.ind-slick .slick-dots li button{display: block;width: 12px;height: 12px;

    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;outline:none;

    border:none;

    cursor: pointer;

}

.ind-slick .slick-dots li.slick-active button{background-color: #009440;}

.ind-inform{

    /*padding: 95px 0 107px;*/

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

}

.ind-inform .txt{

    width: 45%;

}

.ind-inform .txt h3{

    font-size: 36px;font-weight: bold;

    color: #fff;

    margin-bottom: 25px;

}

.ind-inform .txt p{

    text-align: justify;

    font-size: 14px;

    line-height: 28px;

    color: #a8abc9;

}

.ul-inform{

    overflow: hidden;

    margin-bottom: 52px;

}

.ul-inform li{

    float: left;

    margin-right: 30px;

}

.ul-inform a{

    display: block;

    width: 120px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 20px;

    font-size: 18px;font-weight: bold;

    color: #edeef3;

}

.ul-inform li.hover a,

.ul-inform a:hover{

    background-color: #FFB800;

    color: #333;

}

.ind-inform .txt .btn-more{

    display: block;

    width: 160px;

    height: 40px;

    line-height: 38px;

    text-align: center;

    border-radius: 20px;

    border: 1px solid rgba(255,255,255,.3);

    color: #fff;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.ind-inform .txt .btn-more:hover{

    color: #333;background-color: #FFB800;

}

.ind-product{

    /*padding: 140px 0 109px;*/

    overflow: hidden;   

}

.ind-product h3{

    text-align: center;

    font-size: 48px;

    margin-bottom: 42px;

    color: #032441;

}

.m-link{

    text-align: center;

    margin-bottom: 84px;

}

.m-link a{

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    padding: 0 22px;

    color: #fff;

    display: inline-block;

    font-size: 18px;

    color: #333;

}

.m-link a:hover,

.m-link a.on{

    background-color: #009440;

    color: #fff;

}

.ul-product{

    overflow: hidden;

    margin: 0 -9px;

}

.ul-product-1{overflow: visible;}

.ul-product li{

    float: left;

    width: 25%;

}

.ul-product a{

    display: block;

    margin: 0 9px;

}

.ul-product .pic{

    padding-top: 100%;background-color: #fff;

    position: relative;

}

.ul-product .pic img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.ul-product p{

    font-weight: bold;

    font-size: 18px;

    line-height: 28px;

    color: #333;

    text-align: center;

    margin-top: 35px;

}

.ul-product a:hover p{

    color: #009440;

}

.ul-product .slick-arrow{position: absolute;top: 50%;width: 49px;height: 49px;

    border: 1px solid #999;border-radius: 50%;font-size: 0;text-indent: 9999px;

    cursor: pointer;background-color: transparent;z-index: 2;

    background-position: center;background-repeat: no-repeat;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.ul-product .slick-prev{left: -97px;background-image: url(../images/i-01.png);}

.ul-product .slick-next{right: -97px;background-image: url(../images/i-02.png);}

.ul-product .slick-arrow:hover{border-color: #009440;}

.ul-product .slick-prev:hover{background-image: url(../images/i-01-on.png);}

.ul-product .slick-next:hover{background-image: url(../images/i-02-on.png);}



.ind-product .btn-more{

    display: block;

    margin: 80px auto 0;

    width: 160px;

    height: 40px;

    line-height: 38px;

    text-align: center;

    border-radius: 20px;

    border: 1px solid #b2bcc5;

    color: #032441;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.ind-product .btn-more:hover{

    background-color: #009440;

    border: 1px solid #009440;

    color: #fff;

}



.footer{

    background: url(../images/f-bg.jpg) no-repeat center;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

}

.fd-top{

    overflow: hidden;

    border-bottom: 1px solid rgba(255,255,255,.2);

}

/*.fd-top .col-l{

    width: 62%;

}

.fd-top .col-r{

    width: 38%;

}*/

.fd-logo{

    float: left;font-size: 0;

    line-height: 105px;

}

.fd-logo img{height: 52px;

    display: inline-block;

    vertical-align: middle;

}

.fd-top .ewm{

    width: 150px;

    height: 150px;  

    overflow: hidden;  

}

.fd-top .ewm img{

    display: block;

    width: 100%;

    height: 100%;

}

.fd-content{

    padding-right: 27px;

}

.fd-content p{

    line-height: 20px;

    font-size: 14px;

    color: #bec0d6;

    margin-bottom: 8px;

}

.fd-content p span{

    float: left;

    display: block;

    width: 70px;

}

.fd-content p span.mail{

    letter-spacing: 0.1px;

} 

.fd-content p em{

    display: block;

    overflow: hidden;

}

.fd-content p em a{

    color: #bec0d6;

}

.fd-content p em a:hover{

    color: #fff;

}

.fd-bot{

    line-height: 50px;

    color: rgba(255,255,255,.7);

    padding: 0 47px;

    overflow: hidden;

    border-top: 1px solid rgba(255,255,255,.2);

}

.fd-bot .link{

    float: right;

}

.fd-bot a{

    padding: 0 5px;

    color: rgba(255,255,255,.7);

    border-left: 1px solid  rgba(255, 255, 255, 0.7);

}

.fd-bot a:first-child{border: none;}

.fd-bot a:hover{

    color: #fff;

}

.fd-link{float: right;line-height: 105px;color: #fff;}

.fd-link .tit{float: left;font-size: 16px;font-weight: bold;padding-left: 23px;

    background: url(../images/i-03.png) no-repeat left center;

}

.fd-link .con{overflow: hidden;}

.fd-link .con a{font-size: 16px;color: #fff;float: left;margin-left: 18px;}

.fd-link .con a:hover{opacity: .8;}



.fd-con{overflow: hidden;padding: 59px 0 81px;}

.fd-nv{float: left;}

.fd-nv dl{float: left;margin-right: 50px;}

.fd-nv dt{margin-bottom: 22px;}

.fd-nv dt a{display: block;font-size: 16px;color: #fff;}

.fd-nv dd a{font-size: 14px;color: #fff;opacity: .8;display: block;

    line-height: 30px;

}

.fd-nv dd a:hover{opacity: 1;}

.fd-adds{float: right;}

.fd-adds .desc{font-size: 14px;line-height: 2;color: #fff;margin-bottom: 12px;}

.fd-adds .qr{width: 128px;}

.fd-adds .qr img{width: 100%;display: block;}



.warp{width: 100%;max-width: 1600px;margin: 0 auto;}

.cur{position: absolute;left: 0;right: 0;bottom: 40px;font-size: 16px;

    color: #333;text-shadow: none;opacity: .68;

}



.m-comm{overflow: hidden;padding-bottom: 69px;margin-bottom: 50px;

    border-bottom: 1px dashed rgba(0,0,0,.25);

}

.m-comm .pic{float: left;width: 371px;height: 371px;border: 1px solid rgba(0,0,0,.15);

    margin-right: 58px;

}

.m-comm .pic img{width: 100%;height: 100%;display: block;}

.m-comm .txt{overflow: hidden;padding-top: 12px;}

.m-comm h3{font-size: 28px;font-weight: normal;margin-bottom: 23px;}

.m-comm .desc{font-size: 20px;line-height: 2;color: #666;margin-bottom: 78px;}

.m-comm .bot{overflow: hidden;}

.m-comm .bot a{float: left;width: 235px;float: left;height: 60px;text-align: center;

    line-height: 58px;font-size: 20px;border: 1px solid #009440;border-radius: 6px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-comm .bot .xun{color: #fff;background-color: #009440;margin-right: 50px;}

.m-comm .bot .xun:hover{background-color: #fff;color: #009440;}

.m-comm .bot .down{color: #009440;}

.m-comm .bot .down:after{content: '';display: inline-block;vertical-align: middle;

    width: 18px;height: 20px;position: relative;top: -2px;margin-left: 18px;

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

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.m-comm .bot .down:hover{background-color: #009440;color: #fff;}

.m-comm .bot .down:hover:after{background-image: url(../images/i-15-on.png);}

.m-txt3{border-bottom: 1px dashed rgba(0,0,0,.25);/*margin-bottom: 54px;padding-bottom: 56px;*/}

.m-txt3 .list{overflow: hidden;}

.m-txt3 .list li{width: 33.33%;float: left;font-size: 20px;line-height: 2.4;

    color: #333;padding-left: 28px;padding-right: 5px;

    background: url(../images/i-14.png) no-repeat left 13px;

}

/*.m-txt3 .list li:nth-child(3n+1){width: 45%;}*/

.m-txt4{}



.m-t1{font-size: 28px;margin-bottom: 15px;}

.comm-txt{line-height: 1.8;font-size: 16px;}



.fd-qr{overflow: hidden;margin-right: -15px;}
.fd-qr .item{float: left;width: 128px;text-align: center;margin-right: 15px;}
.fd-qr .pic img{width: 100%;display: block;margin-bottom: 10px;}
.fd-qr span{display: block;font-size: 16px;color: #fff;}