@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.eot");
    src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Merriweather";
    src: url("../fonts/Merriweather-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "Merriweather-Black";
    src: url("../fonts/Merriweather-Black.ttf") format("truetype");
}

@font-face {
	font-family: "DroidSansFallback-Bold";
	src: url("../fonts/DroidSansFallbackBold.ttf") format("truetype");
}

/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family: "SourceHanSansCN-Regular";}
a{color: #333;}
a:hover{color: #094;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #333;
    font-family:"SourceHanSansCN-Regular";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],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;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{width: 90%;max-width: 14.4rem;margin: 0 auto;}
.wp2{margin: 0 1.12rem;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
.header{position: relative;z-index: 109;}
.header .wp2{display: flex;justify-content: space-between;align-items: center;}
.header .hdr{display: flex;justify-content: space-between;align-items: center;}
.header .logo{line-height: 1rem;font-size: 0;}
.header .logo img{display: inline-block;vertical-align: middle;height: .41rem;}
.nav{position: relative;margin-right: .3rem;}
.nav ul{display: flex;flex-wrap: wrap;position: relative;z-index: 2;}
.nav li{position: relative;padding: .25rem .1rem .25rem 0;}
.nav li .v1{display: block;font-size: .2rem;line-height: .42rem;
    width: .9rem;border-radius: .21rem;text-align: center;
    transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
}
.nav li.on .v1,.nav li:hover .v1{color: #fff;background-color: #094;}
.nav li.on .v1{background-color: #094;}
.nav li:last-child{padding-right: 0;}

/*.nav .bg{position: absolute;left: 0;bottom: .25rem;width: .9rem;height: .50rem;border-radius: .25rem;
    background-color: #094;
}*/
.nav .sub{position: absolute;top: 100%;display: none;}
.nav .sub-1{width: 12rem;left: 50%;
    background-color: #fff;box-shadow: 0px .26rem .54rem 0px rgba(0,0,0,0.1);
    border-radius: .32rem;padding: .34rem .4rem 1px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav .sub-1 .cont{display: flex;justify-content: space-between;}
.nav .sub-1 .t1{font-size: .2rem;color: #222;font-weight: normal;margin-bottom: .03rem;
    position: relative;z-index: 1;
}
.nav .sub-1 .t1:after{content: '';position: absolute;right: .5rem;top: 50%;
    width: .11rem;height: .14rem;opacity: 0;
    background: url(../images/i-10.png) no-repeat center;
    -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%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-1 .tips{font-size: .16rem;line-height: 1.63;color: #999;z-index: 1;}
.nav .sub-1 .col-l{float: none;width: 2.8rem;}
.nav .sub-1 .item{display: block;padding: .11rem .2rem;position: relative;
    border-radius: .07rem;margin-bottom: .22rem;overflow: hidden;
}
.nav .sub-1 .item:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(18, 204, 101, .15);opacity: 0;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-1 .item:hover:before{opacity: 1;}
.nav .sub-1 .item:hover .t1:after{right: 0rem;opacity: 1;}
.nav .sub-1 .col-l:last-child{width: 4.1rem;}
.nav .sub-1 .pic{display: block;width: 3.55rem;margin-top: .85rem;}
.nav .sub-1 .pic img{width: 100%;display: block;}

.nav li.ok .sub-1 .item,.nav li.ok .sub-1 .pic{
    animation: nav .5s both normal cubic-bezier(.645, .045, .355, 1) calc(50ms * var(--item-number));
}
.nav .down{display: none;}
@keyframes nav {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.nav .sub-2{left: 0;width: 2.76rem;
    background: #FFF;border-radius: .18rem;padding: .4rem .23rem;
    box-shadow: 0px .26rem .54rem 0px rgba(0,0,0,0.1);
}
.nav .sub-2 dd .v2{font-size: .2rem;color: #222;padding-left: .19rem;
    height: .52rem;line-height: .52rem;border-radius: .07rem;display: block;
    background-color: rgba(18, 204, 101, 0);position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-2 dd .v2:after{content: '';position: absolute;right: .5rem;top: 50%;
    width: .11rem;height: .14rem;opacity: 0;
    background: url(../images/i-10.png) no-repeat center;
    -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%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav .sub-2 dd .v2:hover{background-color: rgba(18, 204, 101, .15);}
.nav .sub-2 dd .v2:hover:after{right: .2rem;opacity: 1;}


.top-r{display: flex;flex-wrap: wrap;align-items: center;}
.btn-zi{display: block;width: 1.6rem;height: .42rem;text-align: center;font-size: 0;
    background-color: #094;border-radius: .21rem;line-height: .42rem;overflow: hidden;
    border: 1px solid #094;
}
.btn-zi span{display: inline-block;vertical-align: middle;position: relative;z-index: 3;
    font-size: .16rem;color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.btn-zi .ico{display: inline-block;vertical-align: middle;position: relative;
    width: .24rem;height: .24rem;margin-left: .13rem;
}
.btn-zi .ico:before{content: '';position: absolute;top: 0;left: 0;
    width: 100%;height: 100%;z-index: 2;
    background: url(../images/i-01.png) no-repeat center;
    -o-background-size: .09rem auto;
    -ms-background-size: .09rem auto;
    -moz-background-size: .09rem auto;
    -webkit-background-size: .09rem auto;
    background-size: .09rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.btn-zi .ico:after{content: '';position: absolute;top: 50%;left: 50%;
    width: 100%;height: 100%;border: 2px solid #fff;border-radius: .06rem;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.btn-zi:hover span{color: #094;}
.btn-zi:hover .ico:after{width: 3rem;height: 3rem;
    background-color: #fff;
}
.btn-zi:hover .ico:before{left: -3px;
    background-image: url(../images/i-01-on.png);
}
.header .tel{margin-left: .25rem;font-size: .2rem;font-weight: bold;color: #111;}


/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: black;
    margin: 3px 0 5px;border-radius: 2px;
    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: 10px;top: 50%;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]-------
*******************************/
.banner{height: 832px;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-slide{outline: 0;position: relative;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .slick-next,.banner .slick-prev{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    width: 45px;height: 50px;font-size: 0;line-height: 0;z-index: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
}
.banner .slick-prev{left: 50%;margin-left: -645px;background-image: url(../images/arr-l.png);}
.banner .slick-next{right: 50%;margin-right: -645px;background-image: url(../images/arr-r.png);}

.banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}
.banner .slick-dots li{display: inline-block;margin: 0 2px;}
.banner .slick-dots li a{display: block;width: 24px;height: 24px;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;
}
.banner .slick-dots li.slick-active a{background-color: #000;}


/*******************************
  -------[=底部]-------
********************************/

.footer{border-top: 4px solid #009944;color: #fff;
    background-color: #333;
}
.footer a{color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-con{padding: .67rem 0 0;}
.fd-con .wp{display: flex;justify-content: space-between;}
.fd-nv{display: flex;flex-wrap: wrap;}
.fd-nv dl{width: 2.25rem;}
.fd-nv dt{margin-bottom: .14rem;}
.fd-nv dt a{display: block;font-size: .24rem;font-weight: normal;}
.fd-nv dd a{display: inline-block;font-size: .18rem;line-height: 2.28;position: relative;}
.fd-nv dd a:after{content: '';display: inline-block;vertical-align: middle;
    width: .19rem;height: .19rem;border-radius: .06rem;margin-left: .06rem;
    border: 2px solid #009944;position: relative;top: -1px;left: -.1rem;opacity: 0;
    background: url(../images/i-01-on.png) no-repeat center;
    -o-background-size: .07rem auto;
    -ms-background-size: .07rem auto;
    -moz-background-size: .07rem auto;
    -webkit-background-size: .07rem auto;
    background-size: .07rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-nv dd a:before{content: '';position: absolute;left: 0;bottom: 0;height: 2px;width: 0;
    background-color: #094;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-nv dd a:hover:before{width: 100%;}
.fd-nv dd a:hover:after{left: 0;opacity: 1;}

.fd-r{}
.fd-r .t1{font-size: .24rem;font-weight: normal;}
.fd-r .share{margin-bottom: .25rem;}
.fd-r .share .t-c{display: flex;flex-wrap: wrap;margin-top: .15rem;}
.fd-r .share .i-t{position: relative;position: relative;margin-right: .18rem;}
.fd-r .share .ico{width: .44rem;height: .44rem;display: block;cursor: pointer;
    background-color: #094;border-radius: 50%;
}
.fd-r .share .ico img{width: 100%;height: 100%;display: block;}
.fd-r .share .qr{position: absolute;left: 50%;bottom: 100%;
    padding-bottom: .1rem;width: 1.2rem;opacity: 0;visibility: hidden;
    box-shadow: 0px 0px .1rem rgba(0,0,0,.1);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-r .share .qr img{width: 100%;display: block;}
.fd-r .share .i-t:hover .qr{opacity: 1;visibility: visible;}
.fd-r .tel{margin-bottom: .21rem;}
.fd-r .tel .t-e{font-size: .38rem;font-weight: bold;}

.fd-link{position: relative;}
.fd-link .tit{border: 1px solid #B2B2B2;border-radius: .17rem;height: .36rem;
    line-height: .34rem;width: 1.33rem;text-align: center;font-size: .15rem;
    font-weight: normal;color: #B1B2B2;cursor: pointer;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-link .tit:after{content: '';display: inline-block;vertical-align: middle;
    width: .07rem;height: .1rem;margin-left: .18rem;position: relative;top: -1px;
    background: url(../images/i-09.png) no-repeat center;
    -o-background-size: 100% atuo;
    -ms-background-size: 100% atuo;
    -moz-background-size: 100% atuo;
    -webkit-background-size: 100% atuo;
    background-size: 100% atuo;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-link a{display: block;font-size: .16rem;color: #333;line-height: .4rem;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-link a:hover{color: #094;}
.fd-link .con{width: 2rem;position: absolute;left: 0;bottom: calc( 100% + .4rem );
    padding: .15rem .15rem .25rem;border-radius: .1rem;opacity: 0;visibility: hidden;
    background-color: #fff;box-shadow: rgba(148, 137, 111, 0.2) 0px 3px .2rem;
    transition: .6s;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
}
.fd-link .t-s{max-height: 2.4rem;overflow-y: auto;}
.fd-link .t-s::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(255, 255, 255);
}
.fd-link .t-s::-webkit-scrollbar-track {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px inset;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
}
.fd-link .t-s::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px inset;
    background-color: rgb(207, 207, 207);
}
.fd-link.open .con{bottom: calc( 100% + .1rem );opacity: 1;visibility: visible;}
.fd-link.open .tit,.fd-link .tit:hover{background-color: #094;color: #fff;border-color: #094;}
.fd-link.open .tit:after,.fd-link .tit:hover:after{background-image: url(../images/i-09-on.png);}

.fd-bot{text-align: center;padding: .88rem 0 .5rem;}
.fd-logo{margin: 0 auto .15rem;width: 1.89rem;}
.fd-logo img{width: 100%;display: block;}
.fd-tit{font-size: .46rem;}

.fd-copy{font-size: .14rem;padding: .27rem 0 .41rem;border-top: 1px solid rgba(240, 240, 240, .1);
    display: flex;justify-content: space-between;
}
.fd-copy a:hover{color: #094;}




/*******************************
    -------[=正文]-------
********************************/
.cur{font-size: .18rem;color: #666;padding: .19rem 0;}
.cur a{color: #666;}
.cur a:hover{color: #094;}