﻿.flexslider{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height:793px;
    overflow: hidden;
    zoom: 1;
} 
.flexslider .slides li{
    width: 100%;
    height: 100%;
}
.nav{
    height: 97px;
}
.navigation{
    height: 68px;
}
.navigation ul li a{
    width: 156px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    display: inline-block;
}
.navigation ul li a{
    color: #FFFFFF;
}
.navActive{
    height: 68px;
    background: #FE973B;
    position: relative;
}
.logo{
    width: 163px;
    height: 163px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px 0px rgba(19, 116, 47, 0.35);
    border-radius: 50%;
    position: relative;
    z-index: 3;
    margin-top: -50px;
}
.subtitle{
    width: 389px;
    height: 41px;
    line-height: 41px;
    background: #FE973B;
    border-radius: 0px 0px 37px 37px;
    margin: auto;
}
.record a{
    color: #FFFFFF;
    margin-right: 40px;
}
.record a:hover{
    color: #FFFFFF;
}
.tonic ul li img{
    border-radius: 20px 20px 0px 0px;
}
.tonic ul li div{
    width: 230px;
    height: 110px;
    background: #F7F7F7;
    border-radius: 0px 0px 20px 20px;
    margin-top: -7px;
}
.tonicActive div{
    background: #13742F !important;
    color: #FFFFFF;
}
.tonic ul{
    margin-bottom: 64px;
}
.consumption{
    width: 100%;
    height: 403px;
    background: url(../image/bg.png) no-repeat center;
}
.join{
    width: 212px;
    height: 52px;
    line-height: 52px;
    background: #FE973B;
}
.details{
    width: 212px;
    height: 52px;
    line-height: 52px;
    background: #F9B410;
}
.soup{
    width: 100%;
    background: url(../image/bg1.png) no-repeat center;
}
.swiper1{
    width: 1100px;
    height: 340px;
    margin: auto;
}
.swiper1 .swiper-wrapper{
    margin-left: -25px;
}
.next1{
    margin-left: 1135px !important;
    margin-top: -350px !important;
    background-image: url(../image/right.png) !important;
    width: 16px !important;
    height: 30px !important;
}
.prev1{
    background-image: url(../image/left.png) !important;
    width: 16px !important;
    height: 30px !important;
    margin-left: -50px !important;
    margin-top: -30px !important;
    z-index: 999 !important;
}
.swiper1 .swiper-wrapper .swiper-slide{
    border-radius: 50%;
}
.swiper-button-next{
    opacity: 1;
    background-size: cover;
    position: relative !important; 
}
.swiper-button-prev{
    opacity: 1;
    background-size: cover;
    position: relative !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: none !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: none !important;
}
.swiper1 .swiper-pagination-bullet-active{
    background: #13742F !important;
}
.swiper1 .swiper-wrapper .swiper-slide-active{
    width: 270px !important;
    height:270px !important;
    border: 3px dashed #BBBBBB !important;
    border-radius: 50%;
    background: none;
}
.swiper1 .swiper-wrapper .swiper-slide-active .swiper-slideBox{
    width: 240px !important;
    height: 240px !important;
    background: #13742F;
    border-radius: 50%;
}
.swiper1 .swiper-wrapper .swiper-slide-active .swiper-slideBox img{
    width: 220px !important;
    height: 220px !important;
    border-radius: 50%;
}

#features{
    width: 100%;
    height: 629px;
    background: url(../image/pp.png) no-repeat center;
}
.inheritanceNav li{
    width: 173px;
    height: 50px;
    line-height: 50px;
    background: #F7F7F7;
    border-radius: 7px 7px 0px 0px;
    margin: 0 5px;
}
.inheritanceActive{
    background: #13742F !important;
    color: #FFFFFF !important;
}
.cooperationConsultation{
    width: 102px;
    height: 32px;
    line-height: 32px;
    background: #13742F;
}
.closeShot{
    width: 100%;
    height: 1244px;
    background: url(../image/bg3.png) no-repeat center;
    position: relative;
    z-index: 2;
}
.swiper2{
    width: 1100px;
    height: 160px;
    margin: auto;
}
.next2{
    margin-left: 1170px !important;
    margin-top: -190px !important;
    background-image: url(../image/right1.png) !important;
    width: 57px !important;
    height: 57px !important;
}
.prev2{
    margin-top: -57px!important;
    margin-left: -30px!important;
    background-image: url(../image/left1.png) !important;
    width: 57px !important;
    height: 57px !important;
}
.swiper2Box{
    width: 812px;
    height: 341px;
    background: #13742F;
    border-radius: 0px 0px 40px 0px;
}
.line1{
    width: 718px;
    height: 1px;
    background: rgba(255,230, 94, 0.37);
    margin: auto;
}
.swiper2BoxSeeMore{
    width: 123px;
    line-height: 49px;
    height: 49px;
    background: #FE973B;
    position: absolute;
    top: 260px;
    margin-right: -50px;
}
.swiper2BoxSeeMore a{
    color: #FFFFFF;
}
.swiper2BoxSeeMore a:hover{
    color: #FFFFFF;
}
.swiper2Active{
    width: 154px !important;
    height: 154px !important;
    border-radius: 50%;
    background: #13742F;
}
.swiper2Active img{
    width: 150px !important;
    height: 150px !important;
    margin-top: 2px !important;
}
.product li{
    width: 500px;
    margin-bottom: 70px;
}
.product li .productImg img:nth-child(1){
    display: block;
}
.product li .productImg img:nth-child(2){
    display: none;
}
.product li div p:nth-child(2){
    margin-top: 10px;
}
.consulting{
    width: 330px;
    position: relative;
    margin: auto;
    margin-top: -450px;
}
.consulting p{
   background: url(../image/img34.png) no-repeat center;
   width: 330px;
   height: 42px;
   line-height: 42px;
   margin-top: 100px;
}
.productActive .productImg img:nth-child(1){
    display: none !important;
}
.productActive .productImg img:nth-child(2){
    display: block !important;
}
.cooperation{
    width: 100%;
    height: 1198px;
    background: url(../image/bg4.png) no-repeat center;
    position: relative;
    margin-top: -100px;
}
.cooperationBox{
    width: 428px;
    height: 187px;
    background: #FE973B;
    position: relative;
    margin-top: -100px;
    margin-left: -80px;
}
.cooperationButton{
    width: 91px;
    height: 29px;
    line-height: 29px;
    background: #FFFFFF;
    border-radius: 14px;
    margin-right: 22px;
}
.cooperationDetails{
    width: 91px;
    height: 29px;
    line-height: 29px;
    background: #FE973B;
    border-radius: 14px;
}
.cooperation ul li{
    border-bottom:  1px dashed #DDDDDD;
    width: 498px;
    padding: 34px 0;
}
.supportNav{
    width: 100px;
    height: 190px;
    background: #13742F;
    padding-top: 50px;
}
.support ul{
    width: 1100px;
    height: 240px;
    background: #DBF4E2;
}
.support ul li{
    width: 254px;
}
.support ul li img{
    margin-top: 25px;
}
.message{
    width: 209px;
    height: 96px;
    line-height: 96px;
    background: #13742F;
    border-radius: 0px 0px 30px 0px;
    position: relative;
    margin-top: -60px;
}
.policy{
    width: 457px;
    line-height: 54px;
    height: 54px;
    background: url(../image/bg10.png) no-repeat center;
}
.formBox{
    width: 663px;
    height: 555px;
    background: #F1F0F6;
    position: relative;
    margin-left: -80px;
}
.formBox form p{
    width: 540px;
    margin: auto;
}
.formBox form p input{
    width: 450px;
    height: 52px;
    margin-left: 10px;
    padding-left: 10px;
    background: #FFFFFF;
    border: none;
    outline: none;
}
.formBox form p{
    margin-bottom: 40px;
}
.formBox form p textarea{
    resize: none;
    margin-left: 20px;
    padding-left: 10px;
    padding-top: 10px;
    width: 449px;
    height: 156px;
    background: #FFFFFF;
    border: none;
    outline: none;
}
.formBox form button{
    width: 459px;
    height: 60px;
    line-height: 60px;
    background: #13742F;
    border: none;
    outline: none;
    margin-left: 80px;
}
.contact{
    width: 100%;
    height: 530px;
    background: url(../image/bg12.png) no-repeat center;
    margin-top: -140px;
}