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

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000; }

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000; }

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000; }

.left {
    float: left; }

.right {
    float: right; }

.table {
    width: 100%;
    height: 100%;
    display: table; }
.table .table-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }

.bc {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.main {
    background-color: #1b1b1b;
    width: 100%;
    overflow: hidden; }

.bgc {
    background-color: #fff; }

.header-box {
    width: 100%;
    height: 90px;
    background-color: #000; }
.header-box .header {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.header-box .header .header-new {
    width: 1680px;
    height: auto;
    max-width: 94%;
    margin: 0 auto;
    position: relative; }
.header-box .header .header-new .logo {
    width: 201px;
    height: 27px;
    margin-top: 20px;
    display: block;
    float: left;
    position: relative;
    z-index: 3; }
.header-box .header .header-new .header-right {
    float: right;
    position: relative;
    z-index: 3; }
.header-box .header .header-new .header-right .button {
    float: right;
    width: 174px;
    height: 44px;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    border: 2px solid #fff;
    background-color: #fff;
    color: #000;
    border-radius: 44px;
    margin-top: 21px;
    transition: background .5s,color .5s;
    position: relative;
    z-index: 20; }
.header-box .header .header-new .header-right .search {
    width: 30px;
    height: 30px;
    margin-top: 30px;
    margin-right: 20px;
    float: right;
    position: relative;
    transition: all .5s; }
.header-box .header .header-new .header-right .search .search-new {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
    border-radius: 30px;
    z-index: 15; }
.header-box .header .header-new .header-right .search .search-new .text {
    width: 120px;
    height: 30px;
    padding-left: 10px;
    background: none;
    border: none;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .5s; }
.header-box .header .header-new .header-right .search .search-new .text::-webkit-input-placeholder {
    color: #fff; }
.header-box .header .header-new .header-right .search .search-new .text:-moz-placeholder {
    color: #fff; }
.header-box .header .header-new .header-right .search .search-new .text::-moz-placeholder {
    color: #fff; }
.header-box .header .header-new .header-right .search .search-new .text:-ms-input-placeholder {
    color: #fff; }
.header-box .header .header-new .header-right .search .search-new .submit {
    width: 30px;
    height: 30px;
    float: right;
    display: block;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-image: url(../image/search.png);
    background-repeat: no-repeat; }
.header-box .header .header-new .header-right .search:hover .search-new {
    width: 160px;
    background-color: #000;
    left: -130px; }
.header-box .header .header-new .header-right .search:hover .search-new .text {
    opacity: 1; }
.header-box .header .header-new .header-right .cn {
    width: 96px;
    height: 32px;
    display: block;
    float: right;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    /*padding:6px 20px 6px 6px;*/
    /*background:#666 url('/img/angle.png') no-repeat 70px center;*/
    color: #999;
    margin-right: 15px;
    margin-top: 30px;
    border-radius:20px;
}

.header-box .header .header-new .header-right .cn:hover {
    color: #8bc331; }

.header-box .header .header-new .header-right .cn.on {
    color: #8bc331; }

.header-box .header .header-new .nav {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
.header-box .header .header-new .nav ul {
    width: 100%;
    height: 100%;
    text-align: center; }
.header-box .header .header-new .nav ul li {
    display: inline-block; }
.header-box .header .header-new .nav ul li a {
    font-size: 18px;
    line-height: 90px;
    color: #999;
    padding: 0 23px; }
.header-box .header .header-new .nav ul li:hover a {
    color: #8ac331; }
.header-box .header .header-new .nav ul li.on a {
    color: #8ac331; }
.header-box .header-m {
    width: 100%;
    height: 70px; }
.header-box .header-m .logo {
    width: 185px;
    height: auto;
    margin-top: 14px;
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    margin-left: 3%; }
.header-box .header-m .nav-click {
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 20px;
    margin-right: 3%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../image/nav_click.png);
    background-size: 30px;
    float: right; }
.header-box .header-m .nav-click.on {
    background-image: url(../image/nav_close.png);
    background-size: 22px; }
.header-box .header-m .cn {
    padding:6px 20px 6px 6px;
    /*background:url('/img/angle2.png') no-repeat 70px center;*/
    width: 70px;
    height: 100%;
    display: flex;
    float: right;
    margin-right: 20px;
    font-size: 20px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    align-items: center;
    font-weight: bold; }



.header-box .header-m .cn:hover {
    color: #8bc331; }

.header-box .header-m .cn.on {
    color: #8bc331; }


.header-box .header-m .nav-m {
    width: 100%;
    height: 744px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: none;
    top: 70px;
    right: 0;
    z-index: 400; }
.header-box .header-m .nav-m ul {
    width: 220px;
    height: 100%;
    float: right;
    background: #000;
    margin-top: -1px; }
.header-box .header-m .nav-m ul li {
    width: 100%;
    height: auto;
    border-top: 1px solid #eee; }
.header-box .header-m .nav-m ul li .tits {
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    display: block;
    color: #fff; }
.header-box .header-m .nav-m ul li .tits span {
    float: left;
    margin-left: 40px; }
.header-box .header-m .nav-m ul li.first-child {
    border-top: none; }
.header-box .cn-n {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 100;
    background-color: #242424;
    display: none; }
.header-box .cn-n .cn-new {
    width: 1680px;
    height: auto;
    max-width: 94%; }
.header-box .cn-n .cn-new .item {
    float: right;
    margin-right: 7%; }
.header-box .cn-n .cn-new .item a {
    font-size: 14px;
    line-height: 70px;
    color: #fff;
    float: left;
    display: block;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 10px;
    position: relative; }
.header-box .cn-n .cn-new .item a:after {
    width: calc(100% - 20px);
    height: 3px;
    background-color: #242424;
    position: absolute;
    bottom: 0;
    left: 10px;
    content: ''; }
.header-box .cn-n .cn-new .item a:hover:after {
    background-color: #8bc331; }
@media (max-width: 1580px) {
    .header-box .header .header-new .header-right .cn {
        margin-right: 15px; }

    .header-box .header .header-new .header-right .search {
        margin-right: 15px; }
    .header-box .header .header-new .header-right .button {
        width: 126px; } }
@media (max-width: 1360px) {
    .header-box .header .header-new .nav ul li a {
        padding: 0 15px; }
    .header-box .header .header-new .header-right .button {
        width: 92px;
        height: 26px;
        margin-top: 30px;
        line-height: 26px; } }
@media (max-width: 1190px) {
    .header-box .header .header-new .nav ul li a {
        padding: 0 8px;
        font-size: 16px; } }
@media (max-width: 1024px) {
    .header-box {
        height: 70px; }
    .header-box .header {
        display: none; }
    .header-box .header-m {
        display: block; }
    .header-box .cn-n {
        height: 40px;
        top: 70px; }
    .header-box .cn-n .cn-new .item {
        margin-right: 0; }
    .header-box .cn-n .cn-new .item a {
        line-height: 40px; } }
@media (max-width: 530px) {
    .header-box {
        height: 50px; }
    .header-box .header-m {
        height: 50px; }
    .header-box .header-m .logo {
        width: 140px;
        margin-top: 10px; }
    .header-box .header-m .nav-click {
        width: 22px;
        height: 22px;
        margin-top: 14px;
        background-size: 22px; }
    .header-box .header-m .nav-click.on {
        background-size: 16px; }
    .header-box .header-m .nav-m {
        top: 50px; }
    .header-box .header-m .cn {
        line-height: 50px; }
.cn {
        line-height: 50px; }
    .header-box .cn-n {
        top: 50px; } }
@media (max-width: 440px) {
    .header-box .header-m .nav-m ul {
        width: 170px; }
    .header-box .header-m .nav-m ul li .tits {
        font-size: 14px;
        height: 45px;
        line-height: 45px; }
    .header-box .header-m .nav-m ul li .tits span {
        margin-left: 20px; }
    .header-box .header-m .nav-m ul li .tits i {
        width: 15px !important;
        height: 8px;
        margin-right: 15px;
        margin-top: 18px; }
    .header-box .header-m .nav-m ul li dl dd {
        font-size: 14px;
        line-height: 40px;
        height: 40px; }
    .header-box .header-m .nav-m ul li dl dd a {
        padding-left: 20px; } }

.index-banner {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden; }
.index-banner ul {
    width: 100%;
    height: 100%; }
.index-banner ul li {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
.index-banner ul li .con {
    width: 100%;
    height: 100%;
    position: relative; }
.index-banner ul li .con .con-new {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%;
    color: #fff;
    padding-top: 15%; }
.index-banner ul li .con .con-new .tits {
    font-size: 80px;
    line-height: 80px;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s,opacity 0.5s; }
.index-banner ul li .con .con-new .tit {
    font-size: 46px;
    line-height: 46px;
    margin-top: 1%;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s,opacity 0.5s;
    transition-delay: 0.2s; }
.index-banner ul li .con .con-new .tit1 {
    font-size: 32px;
    line-height: 34px;
    margin-top: 4%;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s,opacity 0.5s;
    transition-delay: 0.2s; }
.index-banner ul li .con .con-new .more {
    font-size: 18px;
    line-height: 20px;
    padding-left: 37px;
    color: #8cc332;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../image/banner_icon1.png);
    margin-top: 1.5%;
    font-weight: bold;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.5s,opacity 0.5s;
    transition-delay: 0.4s; }
.index-banner ul li .con .pic {
    width: 49.8%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 1.6%; }
.index-banner ul li .con.c1 .con-new {
    text-align: center;
    padding-top: 3%; }
.index-banner ul li .con.c1 .pic {
    width: 43.4%;
    right: 0;
    left: 50%;
    transform: translateX(-50%); }
.index-banner ul li .con.c2 .pic {
    width: 42.3%;
    transform: translateX(-25%); }
.index-banner ul li .con.c3 .con-new .tits {
    font-size: 80px;
    line-height: 80px; }
.index-banner ul li .con.c3 .pic {
    width: 40.3%; }
.index-banner ul li .con.c4 .pic {
    width: 92.9%;
    bottom: 2%; }
.index-banner ul li .con.c4 .pic.pic1 {
    display: none; }
.index-banner ul li.swiper-slide-active .con .con-new .tits {
    transform: translateY(0);
    opacity: 1; }
.index-banner ul li.swiper-slide-active .con .con-new .tit {
    transform: translateY(0);
    opacity: 1; }
.index-banner ul li.swiper-slide-active .con .con-new .tit1 {
    transform: translateY(0);
    opacity: 1; }
.index-banner ul li.swiper-slide-active .con .con-new .more {
    transform: translateY(0);
    opacity: 1; }
.index-banner .btns {
    width: 12px !important;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    left: 97% !important; }
.index-banner .btns span {
    width: 12px;
    height: 12px;
    display: block;
    background-color: #fff;
    border-radius: 12px;
    margin: 10px 0;
    transition: height 0.5s;
    opacity: 1;
    cursor: pointer; }
.index-banner .btns span.swiper-pagination-bullet-active {
    height: 30px;
    background-color: #8ac331; }
.index-banner .share {
    width: 14px;
    height: auto;
    position: absolute;
    left: 2%;
    top: 10%;
    z-index: 10; }
.index-banner .share .line {
    width: 2px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 auto; }
.index-banner .share img {
    width: 10px;
    height: auto;
    display: block;
    margin-left: 2px;
    margin-top: 25px; }
.index-banner .share .share-box {
    width: 100%;
    height: auto;
    margin-top: 20px; }
.index-banner .share .share-box a {
    width: 14px;
    height: 12px;
    display: block;
    margin-bottom: 15px;
    opacity: 0.5;
    transition: opacity .5s;
    background-repeat: no-repeat;
    background-position: center center; }
.index-banner .share .share-box a.a1 {
    background-image: url(../image/a1.png); }
.index-banner .share .share-box a.a2 {
    background-image: url(../image/a2.png); }
.index-banner .share .share-box a.a3 {
    background-image: url(../image/a3.png); }
.index-banner .share .share-box a.a4 {
    background-image: url(../image/a4.png); }
.index-banner .share .share-box a:hover {
    opacity: 1; }
.index-banner .down {
    width: 24px;
    height: auto;
    position: absolute;
    bottom: 35px;
    left: 2%;
    padding-bottom: 30px;
    z-index: 10; }
.index-banner .down img {
    width: 9px;
    height: auto;
    display: block;
    margin: auto; }
.index-banner .down i {
    width: 24px;
    height: 12px;
    background-image: url(../image/dwon.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: slideInDown 1s infinite linear; }
@media (max-width: 1460px) {
    .index-banner ul li .con .con-new .tits {
        font-size: 60px;
        line-height: 60px; }
    .index-banner ul li .con .con-new .tit {
        font-size: 38px;
        line-height: 38px; }
    .index-banner ul li .con.c3 .con-new .tits {
        font-size: 54px;
        line-height: 54px; } }
@media (max-width: 1024px) {
    .index-banner {
        min-height: 575px; }
    .index-banner ul {
        height: 100%; }
    .index-banner ul li {
        height: 100%; }
    .index-banner ul li .con .con-new {
        padding-top: 5%;
        text-align: center; }
    .index-banner ul li .con .pic {
        width: 60%;
        margin: 3% auto 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;
        position: absolute;
        margin: auto; }
    .index-banner ul li .con.c1 .pic {
        width: 60%; }
    .index-banner ul li .con.c4 .pic {
        width: 100%;
        display: none; }
    .index-banner ul li .con.c4 .pic.pic1 {
        display: block; }
    .index-banner .btns {
        width: 100% !important;
        text-align: center;
        font-size: 0;
        left: 0 !important;
        top: 96%;
        transform: translate(0); }
    .index-banner .btns span {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        margin: 0 10px;
        display: inline-block;
        transition: width .5s; }
    .index-banner .btns span.swiper-pagination-bullet-active {
        width: 25px;
        height: 8px;
        background-color: #8ac331; }
    .index-banner .share {
        display: none; }
    .index-banner .down {
        display: none; } }
@media (max-width: 670px) {
    .index-banner ul li .con .con-new .tits {
        font-size: 44px;
        line-height: 46px; }
    .index-banner ul li .con .con-new .tit {
        font-size: 20px;
        line-height: 22px; }
    .index-banner ul li .con .con-new .tit1 {
        font-size: 20px;
        line-height: 20px; }
    .index-banner ul li .con .con-new .more {
        padding-left: 25px;
        font-size: 16px; }
    .index-banner ul li .con.c3 .con-new .tits {
        font-size: 32px;
        line-height: 32px; }
    .index-banner .share img {
        margin-top: 10px; }
    .index-banner .share .share-box {
        margin-top: 10px; }
    .index-banner .share .share-box a {
        margin-bottom: 5px; } }
@media (max-width: 600px) {
    .index-banner ul li .con .con-new {
        padding-top: 12%; }
    .index-banner ul li .con .con-new .tits {
        font-size: 30px;
        line-height: 30px; }
    .index-banner ul li .con .con-new .tit {
        margin-top: 4%; }
    .index-banner ul li .con .con-new .tit1 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 5%; }
    .index-banner ul li .con .con-new .more {
        margin-top: 6%; }
    .index-banner ul li .con.c1 .con-new {
        padding-top: 20%; }
    .index-banner ul li .con.c3 .con-new .tits {
        font-size: 28px;
        line-height: 28px; }
    .index-banner ul li .con.c4 .con-new {
        padding-top: 27%; }
    .index-banner ul li .con.c4 .pic {
        margin: 10% auto 0; }
    .index-banner ul li .con .pic {
        width: 96% !important; } }

.index {
    width: 100%;
    height: auto;
    background-color: #101010; }
.index .index-product {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 94%; }
.index .index-product .title {
    width: 1160px;
    margin: 5% auto 0;
    max-width: 94%;
    text-align: center; }
.index .index-product .title .tits {
    font-size: 54px;
    line-height: 56px;
    color: #fff; }
.index .index-product .title .tit {
    font-size: 20px;
    line-height: 40px;
    color: #999;
    margin-top: 3%; }
.index .index-product .list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 5%; }
.index .index-product .list ul {
    width: 100%;
    height: auto; }
.index .index-product .list ul li {
    width: 22.6%;
    height: 455px;
    float: left;
    background-color: #f3f3f3;
    margin-right: 3.2%;
    position: relative; }
.index .index-product .list ul li .pic {
    width: 100%;
    height: 100%;
    overflow: hidden; }
.index .index-product .list ul li .pic dl {
    width: 100%;
    height: 100%; }
.index .index-product .list ul li .pic dl dd {
    width: 100%;
    background:#fff;
    height: 100%;
    position: relative; }
.index .index-product .list ul li .pic dl dd img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 80%;
    transition: transform 1.5s; }
@media (min-width: 1024px) {
    .index .index-product .list ul li .pic dl dd:hover img {
        transform: scale(1.1); } }
.index .index-product .list ul li .pic .btns {
    position: absolute;
    right: 7.9%;
    bottom: 6%;
    z-index: 10; }
.index .index-product .list ul li .pic .btns .btns-new {
    float: right; }
.index .index-product .list ul li .pic .btns .btns-new span {
    float: left;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 6px;
    display: inline-block;
    margin-left: 9px;
    cursor: pointer;
    opacity: 1; }
.index .index-product .list ul li .pic .btns .btns-new span.swiper-pagination-bullet-active {
    background-color: #000;
    border: 1px solid #000; }
.index .index-product .list ul li .tits {
    width: 84.2%;
    height: auto;
    position: absolute;
    z-index:9999;
    left: 7.9%;
    top: 24px; }
.index .index-product .list ul li .tits .t {
    font-size: 24px;
    line-height: 30px;
    color: #333; }
.index .index-product .list ul li .tits .t1 {
    font-size: 16px;
    line-height: 24px;
    color: #8cc332; }
.index .index-product .list ul li .tit {
    position: absolute;
    left: 7.9%;
    bottom: 5%;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    font-weight: bold; }
@media (min-width: 1024px) {
    .index .index-product .list ul li:hover .tits {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .index .index-product .list ul li:hover .tit {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; } }
.index .index-product .list ul li:last-child {
    margin-right: 0; }
.index .index-product .more {
    width: min-content;
    margin: 0 auto;
    font-size: 18px;
    display: block;
    margin: 5% auto 0;
    line-height: 29px;
    padding-right: 40px;
    background-image: url(../image/more_h.png);
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: right center;
    color: #8cc332;
    font-family: calibri; }
.index .index-event {
    width: 100%;
    height: auto;
    margin-top: 5%;
    position: relative;
    overflow: hidden; }
.index .index-event ul {
    width: 100%;
    height: auto; }
.index .index-event ul li {
    width: 100%;
    height: auto;
    float: left;
    position: relative; }
.index .index-event ul li .con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
.index .index-event ul li .con .con-new {
    width: 100%;
    height: auto;
    text-align: center; }
.index .index-event ul li .con .con-new .title {
    font-size: 54px;
    line-height: 70px;
    color: #fff;
    width: 96%;
    height: auto;
    margin: 0 auto; }
.index .index-event ul li .con .con-new .tits {
    font-size: 140px;
    line-height: 70px;
    color: #fff; }
.index .index-event ul li .con .con-new .tit {
    font-size: 54px;
    line-height: 72px;
    text-align: center;
    color: #fff; }
.index .index-event ul li .con .con-new .tit span {
    font-size: 32px; }
.index .index-event ul li .con .con-new .time {
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
    color: #8cc332;
    margin-top: 3%; }
.index .index-event ul li .con .con-new .tt {
    font-size: 18px;
    line-height: 48px;
    width: 90%;
    margin: 0 auto; }
.index .index-event ul li .con .con-new .more {
    width: 213px;
    height: 62px;
    text-align: center;
    display: block;
    margin: 4% auto 0;
    background-color: #89c12d;
    color: #fff;
    font-size: 18px;
    line-height: 62px;
    font-weight: bold;
    text-transform: uppercase; }
@media (min-width: 1024px) {
    .index .index-event ul li .con .con-new .more:hover {
        box-shadow: 0 0 20px rgba(137, 193, 45, 0.5); } }
.index .index-event .btns,
.product .index-event .btns{
    width: 15px;
    height: auto;
    position: absolute;
    left: 4%;
    top: 65%;
    transform: translateY(-50%);
    z-index: 5; }
.index .index-event .btns span,
.product .index-event .btns span{
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    opacity: 0.3;
    margin-bottom: 25px;
    cursor: pointer;
    display: block;
    border-radius: 11px;
    position: relative;
    background: none; }
.index .index-event .btns span.swiper-pagination-bullet-active,
.product .index-event .btns span.swiper-pagination-bullet-active{
    width: 7px;
    height: 7px;
    border: 4px solid #fff;
    border-radius: 7px;
    opacity: 1; }
.index .index-event .btns span.swiper-pagination-bullet-active:after,
.product .index-event .btns span.swiper-pagination-bullet-active:after{
    content: '';
    width: 15px;
    height: 3px;
    background-color: #7aa632;
    position: absolute;
    left: 26px;
    top: 0px; }
.index .index-service {
    overflow: hidden;
    width: 1680px;
    height: auto;
    max-width: 92%;
    margin: 5% auto 0; }
.index .index-service .title {
    width: 100%;
    height: auto;
    text-align: center; }
.index .index-service .title .tits {
    font-size: 54px;
    line-height: 56px;
    color: #fff; }
.index .index-service .title .tit {
    font-size: 20px;
    line-height: 20px;
    color: #666;
    text-transform: uppercase;
    margin-top: 2.5%; }
.index .index-service .list {
    /*width: 91.7%;*/
    width: 100%;
    height: auto;
    padding: 0 4.16%;
    margin-top: 5%;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5%; }
.index .index-service .list ul {
    width: 100%;
    height: auto; }
.index .index-service .list ul li {
    width: 31.2%;
    height: auto;
    float: left;
    margin-right: 3.2%; }
.index .index-service .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.index .index-service .list ul li a .pic {
    width: 100%;
    height: auto;
    overflow: hidden; }
.index .index-service .list ul li a .pic img {
    transition: transform 1.5s; }
.index .index-service .list ul li a .txt {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7%; }
.index .index-service .list ul li a .more {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding-right: 20px;
    color: #ccc;
    background-image: url(../image/index_icon1.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin-top: 8%;
    transition: all .5s; }
@media (min-width: 1024px) {
    .index .index-service .list ul li:hover .pic img {
        transform: scale(1.1); }
    .index .index-service .list ul li:hover .more {
        color: #8cc332;
        padding-right: 40px; } }
.index .index-service .list ul li:last-child {
    margin-right: 0; }
.index .index-download {
    width: 100%;
    height: auto;
    padding: 6% 0; }
.index .index-download .title {
    width: 100%;
    height: auto;
    text-align: center; }
.index .index-download .title .tits {
    font-size: 54px;
    line-height: 56px;
    color: #fff; }
.index .index-download .title .tit {
    font-size: 20px;
    line-height: 22px;
    color: #999;
    text-transform: uppercase;
    margin-top: 3%; }
.index .index-download .box {
    width: 522px;
    height: auto;
    margin: 4% auto 0; }
.index .index-download .box .text {
    width: 275px;
    height: 58px;
    background: none;
    border: none;
    border-bottom: 2px solid #1b1b1b;
    text-align: center;
    color: #666;
    font-size: 20px;
    line-height: 58px;
    float: left;
    display: block; }
.index .index-download .box .text::-webkit-input-placeholder {
    color: #666; }
.index .index-download .box .text:-moz-placeholder {
    color: #666; }
.index .index-download .box .text::-moz-placeholder {
    color: #666; }
.index .index-download .box .text:-ms-input-placeholder {
    color: #666; }
.index .index-download .box .submit {
    width: 221px;
    height: 60px;
    float: right;
    border: 2px solid #333;
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    background: none;
    text-transform: uppercase;
    display: block;
    position: relative;
    transition: background .5s,color .5s,border .5s; }
@media (min-width: 1024px) {
    .index .index-download .box .submit:hover {
        background-color: #8cc332;
        color: #fff;
        border: 2px solid #8cc332; } }
.index .index-box {
    width: 100%;
    height: auto;
    overflow: hidden; }
.index .index-box .box-new {
    width: 100%;
    height: auto;
    float: left;
    position: relative; }
.index .index-box .box-new .con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 5;
    color: #fff; }
.index .index-box .box-new .con .tits {
    font-size: 54px;
    line-height: 50px; }
.index .index-box .box-new .con .txt {
    width: 670px;
    height: auto;
    margin: 3% auto 0;
    max-width: 92%;
    font-size: 20px;
    line-height: 40px; }
.index .index-box .box-new .con .more {
    width: 180px;
    height: 58px;
    border: 2px solid #fff;
    text-align: center;
    display: block;
    margin: 8% auto 0;
    font-size: 18px;
    line-height: 58px;
    font-weight: bold;
    color: #fff;
    transition: all .5s; }
@media (min-width: 1024px) {
    .index .index-box .box-new .con .more:hover {
        border: 2px solid #8cc332;
        background-color: #8cc332;
        color: #fff; } }
.index .index-box1 {
    width: 100%;
    height: auto;
    padding: 5% 0 7%;
    border-bottom: 1px solid #000; }
.index .index-box1 .item {
    width: 30%;
    height: auto;
    text-align: center;
    color: #fff;
    float: left; }
.index .index-box1 .item span {
    width: 100%;
    height: auto;
    display: block;
    font-size: 80px;
    line-height: 80px; }
.index .index-box1 .item span em {
    font-size: 40px;
    display: inline-block;
    transform: translateY(-40px); }
.index .index-box1 .item i {
    font-size: 20px;
    line-height: 24px;
    display: block;
    width: 100%;
    margin-top: 2px;
    color: #999; }
.index .index-box1 .item:nth-child(2) {
    width: 40%; }
.index .index-box1 .item:nth-child(3) {
    width: 30%; }
@media (max-width: 1350px) {
    .index .index-box .box-new .con .txt {
        width: 92%;
        max-width: 100%; }
    .index .index-box1 .item span {
        font-size: 60px;
        line-height: 60px; }
    .index .index-box1 .item span em {
        font-size: 30px;
        transform: translateY(-30px); }
    .index .index-box1 .item i {
        font-size: 16px;
        line-height: 20px; }
    .index .index-box1 .item:nth-child(2) {
        width: 30%; }
    .index .index-box1 .item:nth-child(3) {
        width: 40%; } }
@media (max-width: 1350px) {
    .index .index-event ul li .con .con-new .tit {
        font-size: 94px;
        line-height: 80px; }
    .index .index-event ul li .con .con-new .tit span {
        font-size: 70px; } }
@media (max-width: 1200px) {
    .index .index-event ul li .con .con-new .title {
        font-size: 40px;
        line-height: 52px; }
    .index .index-event ul li .con .con-new .tits {
        font-size: 90px;
        line-height: 50px; }
    .index .index-event ul li .con .con-new .tit {
        font-size: 74px;
        line-height: 60px; }
    .index .index-event ul li .con .con-new .tit span {
        font-size: 50px; }
    .index .index-event ul li .con .con-new .time {
        font-size: 50px;
        line-height: 50px; }
    .index .index-event ul li .con .con-new .more {
        width: 170px;
        height: 48px;
        line-height: 48px;
        font-size: 15px; } }
@media (max-width: 1170px) {
    .index .index-service .list {
        width: 100%;
        padding: 0 0 5% 0; } }
@media (max-width: 980px) {
    .index .index-box .box-new .con .tits {
        font-size: 46px;
        line-height: 48px; }
    .index .index-box .box-new .con .txt {
        font-size: 18px;
        line-height: 28px; }
    .index .index-box .box-new .con .more {
        width: 200px;
        height: 42px;
        line-height: 42px;
        font-size: 14px; } }
@media (max-width: 900px) {
    .index .index-product .title .tits {
        font-size: 40px;
        line-height: 42px; }
    .index .index-product .title .tit {
        font-size: 18px;
        line-height: 32px; }
    .index .index-product .list ul li {
        width: 48.3%;
        height: 370px;
        margin-bottom: 3.2%; }
    .index .index-product .list ul li:nth-child(2n) {
        margin-right: 0; }
    .index .index-service .title .tits {
        font-size: 40px;
        line-height: 42px; }
    .index .index-service .title .tit {
        font-size: 18px;
        line-height: 32px; }
    .index .index-download .title .tits {
        font-size: 40px;
        line-height: 42px; }
    .index .index-download .title .tit {
        font-size: 18px;
        line-height: 32px; } }
@media (max-width: 830px) {
    .index .index-event ul li .con .con-new .title {
        font-size: 24px;
        line-height: 30px; }
    .index .index-event ul li .con .con-new .time {
        font-size: 26px;
        line-height: 26px; }
    .index .index-event ul li .con .con-new .tits {
        font-size: 60px;
        line-height: 30px; }
    .index .index-event ul li .con .con-new .tit {
        font-size: 50px;
        line-height: 50px; }
    .index .index-event ul li .con .con-new .tit span {
        font-size: 40px; }
    .index .index-event ul li .con .con-new .tt {
        font-size: 16px;
        line-height: 16px;
        margin-top: 2%; }
    .index .index-event ul li .con .con-new .more {
        width: 170px;
        height: 48px;
        line-height: 48px;
        font-size: 15px; } }
@media (max-width: 700px) {
    .index .index-box .box-new {
        width: 100%;
        float: none; } }
@media (max-width: 680px) {
    .index .index-service .list ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
        float: none; } }
@media (max-width: 600px) {
    .index .index-event .btns span,
    .product .index-event .btns span{
        width: 6px;
        height: 6px;
        margin-bottom: 10px; }
    .index .index-event .btns span.swiper-pagination-bullet-active,
    .product .index-event .btns span.swiper-pagination-bullet-active{
        width: 4px;
        height: 4px;
        border: 3px solid #fff; }
    .index .index-event .btns span.swiper-pagination-bullet-active:after,
    .product .index-event .btns span.swiper-pagination-bullet-active:after{
        left: 10px; }
    .index .index-box1 {
        width: 90%;
        margin: 0 auto; }
    .index .index-box1 .item {
        text-align: left; }
    .index .index-box1 .item span {
        font-size: 40px;
        line-height: 40px;
        height: 40px; }
    .index .index-box1 .item span em {
        font-size: 20px;
        transform: translateY(-20px); }
    .index .index-box1 .item:nth-child(1) {
        width: 40%; }
    .index .index-box1 .item:nth-child(2) {
        width: 30%; }
    .index .index-box1 .item:nth-child(3) {
        width: 30%; } }
@media (max-width: 560px) {
    .index .index-download .box {
        width: 90%; }
    .index .index-download .box .text {
        width: 52.7%;
        font-size: 16px;
        line-height: 40px;
        height: 38px; }
    .index .index-download .box .submit {
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        width: calc(42.3% - 4px); } }
@media (max-width: 500px) {
    .index .index-event ul li {
        overflow: hidden; }
    .index .index-event ul li img {
        width: 160%;
        margin-left: -30%; }
    .index .index-event ul li .con .con-new .title {
        font-size: 20px;
        line-height: 24px; }
    .index .index-event ul li .con .con-new .time {
        margin-top: 5%; }
    .index .index-event ul li .con .con-new .tits {
        font-size: 36px;
        line-height: 30px; }
    .index .index-event ul li .con .con-new .tit {
        font-size: 32px;
        line-height: 34px; }
    .index .index-event ul li .con .con-new .tit span {
        font-size: 26px; }
    .index .index-event ul li .con .con-new .more {
        width: 140px;
        height: 30px;
        line-height: 30px;
        font-size: 14px; } }
@media (max-width: 450px) {
    .index .index-product .title .tits {
        font-size: 32px;
        line-height: 32px; }
    .index .index-product .title .tit {
        font-size: 16px;
        line-height: 26px; }
    .index .index-product .list ul li {
        width: 100%;
        float: none;
        margin-right: 0; }
    .index .index-service .title .tits {
        font-size: 32px;
        line-height: 32px; }
    .index .index-service .title .tit {
        font-size: 16px;
        line-height: 26px; }
    .index .index-service .list ul li a .txt {
        font-size: 14px;
        line-height: 24px;
        margin-top: 3%; }
    .index .index-service .list ul li a .more {
        margin-top: 3%; }
    .index .index-download .title .tits {
        font-size: 32px;
        line-height: 32px; }
    .index .index-download .title .tit {
        font-size: 16px;
        line-height: 26px; }
    .index .index-box .box-new .con .tits {
        font-size: 32px;
        line-height: 32px; }
    .index .index-box .box-new .con .tit {
        font-size: 14px;
        line-height: 24px; } }

.footer {
    width: 100%;
    height: auto;
    background-color: #000;
    padding: 6% 0 7%;
    position: relative;
    z-index: 20; }
.footer .title {
    font-size: 46px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-family: calibri; }
.footer .nav {
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 2%; }
.footer .nav a {
    font-size: 18px;
    line-height: 40px;
    color: #ccc;
    margin: 0 33px; }
.footer .nav a:hover {
    color: #fff; }
.footer .search {
    width: 490px;
    height: 54px;
    margin: 2% auto 0;
    max-width: 92%; }
.footer .search .text {
    width: calc(100% - 79px);
    height: 100%;
    background-color: #fff;
    border: none;
    float: left;
    padding-left: 25px;
    color: #999;
    font-size: 14px; }
.footer .search .text::-moz-placeholder {
    color: #999; }
.footer .search .text:-moz-placeholder {
    color: #999; }
.footer .search .text:-ms-input-placeholder {
    color: #999; }
.footer .search .submit {
    width: 54px;
    height: 54px;
    float: left;
    background-color: #8cc332;
    border: none;
    background-image: url(../image/footer_search.png);
    background-position: center center;
    background-repeat: no-repeat; }
.footer .tits {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #ccc;
    margin-top: 2%; }
.footer .share {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 2%; }
.footer .share a {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin: 0 6px;
    border: 2px solid #333;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0; }
.footer .share a.a1 {
    background-image: url(../image/footer_icon1.png); }
.footer .share a.a2 {
    background-image: url(../image/footer_icon5.png); }
.footer .share a.a3 {
    background-image: url(../image/footer_icon3.png); }
.footer .share a.a4 {
    background-image: url(../image/footer_icon6.png); }
@media (max-width: 1024px) {
    .footer .search {
        display: none; }
    .footer .nav {
        width: 95%;
        margin: 5% auto 0;
        border-bottom: 2px solid #333;
        padding-bottom: 5%; } }
@media (max-width: 450px) {
    .footer .title {
        font-size: 30px;
        line-height: 30px; }
    .footer .nav a {
        width: 33.3%;
        padding: 0;
        margin: 0;
        display: block;
        float: left;
        font-size: 16px;
        line-height: 28px; }
    .footer .tits {
        margin-top: 4%; }
    .footer .search {
        margin: 4% auto 0;
        height: 36px; }
    .footer .search .text {
        height: 36px; }
    .footer .search .submit {
        height: 36px; }
    .footer .tits {
        font-size: 14px;
        line-height: 26px; }
    .footer .share {
        margin-top: 6%; } }

.event-banner {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden; }
.event-banner .con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center; }
.event-banner .con .tits {
    font-size: 58px;
    line-height: 1.1em;
    margin-bottom: 50px;
    color: #8cc332; }
.event-banner .con .subTitles {
    font-size: 35px;
    line-height: 1.1em;
    color: #8cc332; }
.event-banner .con .tit {
    font-size: 120px;
    line-height: 1.1em;
    color: #fff; }
.event-banner .con .tit1 {
    font-size: 28px;
    line-height: 1.1em;
    color: #fff;
    margin-top: 1%;
    display: none; }
@media (max-width: 1024px) {
    .event-banner .con .tits {
        font-size: 58px; }
    .event-banner .con .subTitles {
        font-size: 35px;}
    .event-banner .con .tit {
        font-size: 80px; }
    .event-banner .con .tit1 {
        font-size: 20px; } }
@media (max-width: 600px) {
    .event-banner img {
        width: 140%;
        /*margin-left: -20%; */
    }
    .event-banner .con .tits {
        font-size: 40px;
        margin-bottom: 30px;}
    .event-banner .con .subTitles {
        font-size: 25px;}
    .event-banner .con .tit {
        font-size: 46px; }
    .event-banner .con .tit1 {
        font-size: 14px; } }

.event {
    width: 100%;
    height: auto;
    background-color: #1b1b1b;
    padding-bottom: 5%; }
.event .box1 {
    width: 1680px;
    height: auto;
    margin: 6% auto 0;
    max-width: 92%; }
.event .box1 .title {
    font-size: 46px;
    line-height: 1.1em;
    color: #fff;
    text-align: center; }
.event .box1 .list {
    width: 100%;
    height: auto;
    margin-top: 5%;
    position: relative; }
.event .box1 .list ul {
    width: 100%;
    height: auto; }
.event .box1 .list ul li {
    width: 32.1%;
    height: auto;
    margin-right: 1.85%;
    float: left;
    padding-bottom: 4%;
    margin-bottom: 3%; }
.event .box1 .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.event .box1 .list ul li a .pic {
    width: 100%;
    height: auto;
    overflow: hidden; }
.event .box1 .list ul li a .pic img {
    transition: transform 1.5s; }
.event .box1 .list ul li a .time {
    font-size: 14px;
    line-height: 1.2em;
    color: #666;
    margin-top: 6%; }
.event .box1 .list ul li a .tits {
    width: 500px;
    max-width: 92.6%;
    font-size: 20px;
    line-height: 30px;
    color: #666;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4%; }
@media (min-width: 1024px) {
    .event .box1 .list ul li:hover a .pic img {
        transform: scale(1.1); }
    .event .box1 .list ul li:hover a .tits {
        color: #fff; } }
.event .box1 .list ul li:nth-child(3n) {
    margin-right: 0; }
.event .box1 .list .line {
    width: 100%;
    height: 1px;
    background-color: #666;
    opacity: 0.3;
    position: absolute;
    top: 46%;
    left: 0; }
.event .report-list .list {
    margin-bottom: 7%; }
.event.news .box1 .list ul li {
    margin-bottom: 0;
    padding-bottom: 2%; }
@media (max-width: 900px) {
    .event .box1 .title {
        font-size: 46px; }
    .event .box1 .list ul li {
        width: 49%; }
    .event .box1 .list ul li:nth-child(3n) {
        margin-right: 1.85%; }
    .event .box1 .list ul li:nth-child(2n) {
        margin-right: 0; }
    .event .box1 .list .line {
        display: none; } }
@media (max-width: 550px) {
    .event .box1 .title {
        font-size: 32px; }
    .event .box1 .list ul li {
        width: 100%;
        margin-right: 0;
        padding-bottom: 0; }
    .event .box1 .list ul li a .tits {
        font-size: 16px;
        line-height: 24px; }
    .event .box1 .list ul li:nth-child(3n) {
        margin-right: 0%; } }

.report-list {
    width: 1680px;
    height: auto;
    margin: 3% auto 0;
    max-width: 92%; }
.report-list .title {
    font-size: 46px;
    line-height: 1.1em;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
.report-list .list {
    width: 100%;
    height: auto;
    margin-top: 4%; }
.report-list .list ul li {
    width: 100%;
    height: auto;
    margin-bottom: 2%; }
.report-list .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.report-list .list ul li a .pic {
    width: 29.8%;
    height: auto;
    float: left;
    overflow: hidden; }
.report-list .list ul li a .pic img {
    transition: transform 1.5s; }
.report-list .list ul li a .con {
    width: 63%;
    height: auto;
    float: left;
    margin-left: 3.2%;
    padding-top: 2%; }
.report-list .list ul li a .con .tits {
    font-size: 20px;
    line-height: 30px;
    color: #ccc;
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
.report-list .list ul li a .con .time {
    font-size: 14px;
    line-height: 1.1em;
    color: #fff;
    opacity: 0.2;
    margin-top: 8px; }
.report-list .list ul li a .con .tit {
    font-size: 15px;
    line-height: 30px;
    color: #999;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3%; }
.report-list .list ul li a .con .more {
    display: inline-block;
    font-size: 14px;
    line-height: 1.1em;
    padding-right: 20px;
    background-image: url(../image/event_icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    margin-top: 3%; }
@media (min-width: 1024px) {
    .report-list .list ul li:hover {
        background-color: #313131; }
    .report-list .list ul li:hover a .pic img {
        transform: scale(1.1); } }
@media (max-width: 1300px) {
    .report-list .list ul li a .con {
        padding-top: 0; } }
@media (max-width: 1060px) {
    .report-list .list ul li a .con {
        padding-top: 0; }
    .report-list .list ul li a .con .tit {
        margin-top: 1%;
        line-height: 24px;
        height: 48px; } }
@media (max-width: 900px) {
    .report-list .title {
        font-size: 46px; } }
@media (max-width: 840px) {
    .report-list .list ul li a .pic img {
        width: 130%;
        margin-left: -15%; } }
@media (max-width: 620px) {
    .report-list .list ul li {
        margin-bottom: 5%; }
    .report-list .list ul li a .pic {
        width: 100%;
        float: none; }
    .report-list .list ul li a .pic img {
        width: 100%;
        margin-left: 0; }
    .report-list .list ul li a .con {
        width: 100%;
        float: none;
        margin-top: 3%;
        margin-left: 0; }
    .report-list .list ul li a .con .tits {
        font-size: 18px; } }
@media (max-width: 550px) {
    .report-list .title {
        font-size: 32px; } }

.event-details {
    width: 100%;
    height: auto;
    padding-bottom: 5%; }
.event-details .box1 {
    width: 100%;
    height: auto;
    padding-top: 6%; }
.event-details .box1 .title {
    text-align: center;
    font-size: 70px;
    line-height: 1.1em;
    color: #fff; }
.event-details .box1 .box-new {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 6%; }
.event-details .box1 .box-new .pic {
    width: 57.1%;
    height: auto;
    float: right; }
.event-details .box1 .box-new .con {
    width: 32.8%;
    height: 100%;
    position: absolute;
    left: 6.25%;
    top: 0; }
.event-details .box1 .box-new .con .time {
    font-size: 24px;
    line-height: 1.1em;
    color: #4b4b4b;
    padding-top: 4%; }
.event-details .box1 .box-new .con .txt {
    font-size: 36px;
    line-height: 70px;
    color: #fff;
    font-weight: bold;
    margin-top: 5%; }
.event-details .box1 .box-new .con .down {
    width: 24px;
    height: auto;
    position: absolute;
    bottom: 35px;
    left: 4%;
    padding-bottom: 30px; }
.event-details .box1 .box-new .con .down img {
    width: 9px;
    height: auto;
    display: block;
    margin: auto; }
.event-details .box1 .box-new .con .down i {
    width: 24px;
    height: 12px;
    background-image: url(../image/event_icon1.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: slideInDown 1s infinite linear; }
.event-details .box2 {
    width: 1680px;
    height: auto;
    max-width: 92%;
    margin: 10% auto 0;
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
    padding-bottom: 4%; }
.event-details .box2 .title {
    text-align: center;
    width: 100%;
    height: auto; }
.event-details .box2 .title .tits {
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    font-weight: bold; }
.event-details .box2 .title .time {
    font-size: 24px;
    line-height: 1.1em;
    color: #fff;
    opacity: 0.5;
    margin-top: 1%; }
.event-details .box2 .content {
    width: 840px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    font-size: 24px;
    line-height: 40px;
    color: #999; }
.event-details .box2 .content img {
    max-width: 100%; }
.event-details .box2 .share {
    width: 100%;
    height: auto;
    margin-top: 5%;
    text-align: center; }
.event-details .box2 .share a {
    width: 14px;
    height: 12px;
    display: inline-block;
    margin: 0 12px;
    opacity: 0.5;
    transition: opacity .5s;
    background-repeat: no-repeat;
    background-position: center center; }
.event-details .box2 .share a.a1 {
    background-image: url(../image/a1.png); }
.event-details .box2 .share a.a2 {
    background-image: url(../image/a2.png); }
.event-details .box2 .share a.a3 {
    background-image: url(../image/a3.png); }
.event-details .box2 .share a.a4 {
    background-image: url(../image/a4.png); }
.event-details .box2 .share a:hover {
    opacity: 1; }
.event-details .box2 .return {
    width: 210px;
    height: 58px;
    border: 2px solid #fff;
    display: block;
    margin: 2% auto 0;
    font-size: 18px;
    line-height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center; }
.event-details .box2.news {
    margin: 4% auto 0; }
.event-details .box2.news .content {
    margin: 4% auto 0; }
@media (max-width: 1460px) {
    .event-details .box1 .box-new .con .txt {
        font-size: 26px;
        line-height: 40px; } }
@media (max-width: 1100px) {
    .event-details .box1 .box-new .con .time {
        font-size: 16px;
        line-height: 18px; }
    .event-details .box1 .box-new .con .txt {
        font-size: 18px;
        line-height: 28px; } }
@media (max-width: 900px) {
    .event-details .box1 {
        width: 94%;
        margin: 0 auto; }
    .event-details .box1 .title {
        font-size: 46px;
        line-height: 46px; }
    .event-details .box1 .box-new .con {
        width: 100%;
        float: none;
        position: relative;
        top: 0;
        left: 0; }
    .event-details .box1 .box-new .con .txt {
        margin-top: 3%; }
    .event-details .box1 .box-new .con .down {
        display: none; }
    .event-details .box1 .box-new .pic {
        width: 100%;
        float: none;
        margin-top: 5%; }
    .event-details .box2 {
        margin: 5% auto 0; }
    .event-details .box2 .content {
        font-size: 18px;
        line-height: 28px; } }
@media (max-width: 550px) {
    .event-details .box2 .title .tits {
        font-size: 22px;
        line-height: 30px; }
    .event-details .box2 .title .time {
        font-size: 16px; } }
@media (max-width: 450px) {
    .event-details .box1 .title {
        font-size: 32px;
        line-height: 32px; }
    .event-details .box1 .box-new .con .txt {
        font-size: 16px;
        line-height: 26px; }
    .event-details .box2 .content {
        font-size: 14px;
        line-height: 26px; }
    .event-details .box2 .return {
        width: 120px;
        height: 38px;
        line-height: 38px;
        font-size: 14px; } }

.page {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0; }
.page a, .page span {
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 2px solid #313131;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    font-family: SimSun;
    margin: 0 5px; }
.page a.p, .page span.p {
    border: 2px solid #8cc332;
    background-color: #8cc332 !important; }
.page a.active, .page span.active {
    background-color: #313131; }
.page a.current, .page span.current {
    background-color: #313131; }
@media (min-width: 1024px) {
    .page a:hover, .page span:hover {
        background-color: #313131; } }
@media (max-width: 550px) {
    .page a, .page span {
        width: 33px;
        height: 33px;
        line-height: 33px; } }

.search-box .list .page {
    margin-top: 25px; }
.search-box .list .page a, .search-box .list .page span {
    color: #333; }
.search-box .list .page a.p, .search-box .list .page span.p {
    color: #fff; }
.search-box .list .page a.active, .search-box .list .page span.active {
    color: #fff; }
.search-box .list .page a.current, .search-box .list .page span.current {
    color: #fff; }
@media (min-width: 1024px) {
    .search-box .list .page a:hover, .search-box .list .page span:hover {
        color: #fff; } }

.service {
    width: 100%;
    height: auto; }
.service .box1 {
    width: 100%;
    position: relative;
    height: auto; }
.service .box1 .content{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.service .box1 .con {
    width: 1060px;
    height: auto;
    margin: 0 auto;
    max-width: 94%;
    text-align: center;
    padding-top: 6%; }
.service .box1 .con .tits {
    font-size: 46px;
    line-height: 60px;
    color: #fff; }
.service .box1 .con .line {
    width: 57px;
    height: 4px;
    margin: 3% auto 0;
    background-color: #8cc332; }
.service .box1 .con .tit {
    font-size: 30px;
    line-height: 50px;
    color: #999;
    margin-top: 3%; }
.service .box1 .box-new {
    width: 1060px;
    margin: 7.5% auto 0;
    height: auto;
    max-width: 94%;
    position: relative; }
.service .box1 .box-new .txt {
    font-size: 24px;
    line-height: 86px;
    color: #fff;
    z-index: 5; }
.service .box1 .box-new .txt .t {
    padding-left: 40px;
    position: relative; }
.service .box1 .box-new .txt .t:after {
    width: 10px;
    height: 10px;
    background-color: #8cc332;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    border-radius: 9px;
    content: ''; }
.service .box2 {
    width: 100%;
    height: auto;
    padding: 10% 0; }
.service .box2 .box-new {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%;
    position: relative; }
.service .box2 .box-new .con {
    width: 50%;
    height: auto;
    float: left;
    color: #fff; }
.service .box2 .box-new .con .icon {
    width: 46px;
    height: auto; }
.service .box2 .box-new .con .tits {
    font-size: 56px;
    line-height: 56px;
    margin-top: 15%; }
.service .box2 .box-new .con .line {
    width: 57px;
    height: 4px;
    background-color: #8cc332;
    margin-top: 7%; }
.service .box2 .box-new .con .txt {
    font-size: 16px;
    line-height: 32px;
    margin-top: 6%; }
.service .box2 .box-new .ewm {
    width: 186px;
    float: right;
    padding-top: 27%;
    height: auto;}
.service .box2 .box-new .ewm p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px; }
.service .box3{
    width: 100%;
    height: auto;
    position: relative;
    cursor: pointer;}
.service .box3 .icon{
    width: 82px;
    height: 82px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-image: url('../image/sIcon1.png');
    -webkit-background-size: cover;
    background-size: cover;}
.service .box4{
    width: 100%;
    height: auto;
    padding-top: 11%;
    padding-bottom: 7%;
}
.service .box4 .con{
    width: 1060px;
    max-width: 94%;
    margin: 0 auto;
}
.service .box4 .con .t{
    width: calc(100% - 30px);
    padding-left: 30px;
    height: auto;
    color: #fff;
    margin-bottom: 55px;
    position: relative;
}
.service .box4 .con .t:after{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #8cc332;
    position: absolute;
    left: 0;
    top: 10px;
    content: '';
}
.service .box4 .con .t .t1{
    font-size: 24px;
    line-height: 30px;
}
.service .box4 .con .t .t2{
    font-size: 16px;
    line-height: 30px;
}
.service .box4 .con .txt{
    font-size: 16px;
    line-height: 30px;
    color: #8cc332;
    margin-top: 8%;
}
.service .box5{
    width: 100%;
    height: auto;
    padding-top: 5%;
    padding-bottom: 12%;
}
.service .box5 .title{
    width: 100%;
    text-align: center;
    height: auto;
}
.service .box5 .title .tits{
    font-size: 46px;
    line-height: 60px;
    color: #333;
}
.service .box5 .title .line{
    width: 57px;
    height: 4px;
    margin: 1% auto 0;
    background-color: #8cc332;
}
.service .box5 .con{
    width: 1380px;
    max-width: 94%;
    height: auto;
    margin: 8% auto 0;
}
.service .box5 .con .conn{
    width: 620px;
    height: auto;
    float: right;
    font-size: 24px;
    line-height: 86px;
    color: #333;
}
.service .box5 .con .conn .t{
    width: calc(100% - 40px);
    position: relative;
    padding-left: 40px;
}
.service .box5 .con .conn .t:after{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #8cc332;
    position: absolute;
    top: 38px;
    left: 0;
    content: '';
}
@media (max-width: 1440px) {
    .service .box2 .box-new .con {
        width: 70%; }
    .service .box2 .box-new .con .tits {
        font-size: 46px;
        line-height: 55px; }
    .service .box2 .box-new .con .tit {
        font-size: 24px;
        line-height: 30px; } }
@media (max-width: 1366px){
    .service .box1 .box-new .txt{
        font-size: 20px;
        line-height: 48px;
    }
    .service .box5 .con .conn{
        font-size: 20px;
        line-height: 56px;
    }
    .service .box5 .con .conn .t:after{
        top: 24px;
    }
}
@media (max-width: 1100px) {
    .service .box1 .con .tits {
        font-size: 34px;
        line-height: 44px; }
    .service .box1 .con .tit {
        font-size: 22px;
        line-height: 36px; } }
@media (max-width: 980px){
    .service .box2 .box-new .con .tits{
        font-size: 34px;
        line-height: 40px;
    }
    .service .box5 .title .tits{
        font-size: 34px;
        line-height: 44px;
    }
}
@media (max-width: 830px) {
    .service .box5 .con .conn{
        width: 80%;
        font-size: 14px;
        line-height: 24px;
    }
    .service .box5 .con .conn .t{
        width: calc(100% - 18px);
        padding-left: 18px;
    }
    .service .box5 .con .conn .t:after{
        width: 6px;
        height: 6px;
        top: 10px;
    }
    .service .box4 .con .t{
        width: calc(100% - 20px);
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .service .box4 .con .t:after{
        width: 6px;
        height: 6px;
    }
    .service .box4 .con .t .t1{
        font-size: 18px;
        line-height: 24px;
    }
    .service .box4 .con .t .t2{
        font-size: 14px;
        line-height: 24px;
        max-width: 90%;
    }
    .service .box4 .con .txt{
        font-size: 14px;
        line-height: 24px;
        max-width: 90%;
    }
    .service .box3 .icon{
        width: 40px;
        height: 40px;
    }
    .service .box2 .box-new .con {
        width: 100%;
        float: none; }
    .service .box2 .box-new .con .icon {
        width: 30px; }
    .service .box2 .box-new .con .tits {
        margin-top: 6%;
        font-size: 28px;
        line-height: 34px; }
    .service .box2 .box-new .con .line{
        margin-top: 2%;
    }
    .service .box2 .box-new .con .tit {
        font-size: 20px;
        line-height: 28px; }
    .service .box2 .box-new .con .txt {
        font-size: 14px;
        line-height: 24px; }
    .service .box2 .box-new .ewm p{
        font-size: 14px;
        margin-top: 10px;
    }
    .service .box2 .box-new .ewm {
        width: 140px;
        margin-top: 20px;
        padding-top: 0;
        float: none; } }
@media (max-width: 740px) {
    .service .box5 .title .tits{
        font-size: 24px;
        line-height: 32px;
    }
    .service .box1 .con .tits {
        font-size: 24px;
        line-height: 32px; }
    .service .box1 .con .tit {
        font-size: 18px;
        line-height: 28px; }
    .service .box1 .box-new .txt {
        position: relative;
        font-size: 18px;
        line-height: 20px; } }
@media (max-width: 500px) {
    .service .box5 .title .tits{
        font-size: 18px;
        line-height: 24px;
    }
    .service .box2 .box-new .con .tits{
        font-size: 22px;
        line-height: 26px;
    }
    .service .box1 .con .tits {
        font-size: 18px;
        line-height: 24px; }
    .service .box1 .con .tit {
        font-size: 16px;
        line-height: 24px; }
    .service .box1 .box-new .txt .t{
        padding-left: 16px;
    }
    .service .box1 .box-new .txt .t:after{
        width: 6px;
        height: 6px;
        margin-top: -3px;
    }
    .service .box1 .box-new .txt {
        position: relative;
        font-size: 14px;
        line-height: 22px; } }

.download {
    width: 100%;
    height: auto; }
.download .content {
    width: 1540px;
    height: auto;
    margin: 0 auto 6%;
    max-width: 92%;
    padding-top: 7%; }
.download .content .title {
    width: 100%;
    height: auto;
    text-align: center; }
.download .content .title .tits {
    font-size: 46px;
    line-height: 1.1em;
    color: #fff; }
.download .content .title .tit {
    font-size: 20px;
    line-height: 1.1em;
    color: #ccc;
    margin-top: 3%; }
.download .content .search {
    width: 622px;
    height: auto;
    margin: 4% auto 0; }
.download .content .search .text {
    width: 60.3%;
    height: 58px;
    background: none;
    border: none;
    border-bottom: 2px solid #343434;
    text-align: center;
    font-size: 20px;
    line-height: 58px;
    color: #666; }
.download .content .search .text::-webkit-input-placeholder {
    color: #666; }
.download .content .search .text::-moz-placeholder {
    color: #666; }
.download .content .search .text:-moz-placeholder {
    color: #666; }
.download .content .search .text:-ms-input-placeholder {
    color: #666; }
.download .content .search .submit {
    width: 36.2%;
    height: 60px;
    border: 2px solid #343434;
    text-align: center;
    background: none;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    float: right;
    text-transform: uppercase;
    transition: background .5s,color .5s,border .5s; }
@media (min-width: 1024px) {
    .download .content .search .submit:hover {
        background-color: #8cc332;
        color: #fff;
        border: 2px solid #8cc332; } }
.download .content .list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 5%;
    padding-bottom: 3%; }
.download .content .list ul {
    width: 100%;
    height: auto; }
.download .content .list ul li {
    width: 29.5%;
    height: 540px;
    float: left;
    background-color: #f3f3f3;
    margin-right: 5.75%;
    position: relative;
    margin-bottom: 5%; }
.download .content .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.download .content .list ul li a .pic {
    width: 100%;
    height: 100%;
    overflow: hidden; }
.download .content .list ul li a .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    transition: transform 1.5s; }
@media (min-width: 1024px) {
    .download .content .list ul li a .pic:hover img {
        transform: scale(1.1); } }
.download .content .list ul li a .tits {
    width: 84.2%;
    height: auto;
    position: absolute;
    left: 7.9%;
    top: 24px; }
.download .content .list ul li a .tits .t {
    font-size: 24px;
    line-height: 30px;
    color: #333; }
.download .content .list ul li a .tits .t1 {
    font-size: 16px;
    line-height: 24px;
    color: #8cc332; }
.download .content .list ul li a .tit {
    position: absolute;
    left: 7.9%;
    bottom: 5%;
    display: inline-block;
    font-size: 16px;
    line-height: 23px;
    color: #666;
    padding-right: 33px;
    background-image: url(../image/download_icon1.png);
    background-position: right center;
    background-repeat: no-repeat; }
.download .content .list ul li a .icon {
    width: 33px;
    height: 33px;
    border: 1px solid rgba(153, 153, 153, 0.2);
    border-radius: 3px;
    position: absolute;
    bottom: 4%;
    right: 7.9%;
    background-image: url(../image/download_icon2.png);
    background-position: center center;
    background-repeat: no-repeat; }
.download .content .list ul li a .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity .5s; }
@media (min-width: 1024px) {
    .download .content .list ul li:hover a .tits {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .download .content .list ul li:hover a .tit {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .download .content .list ul li:hover a .icon {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .download .content .list ul li:hover .bg {
        opacity: 0; } }
.download .content .list ul li:nth-child(3n) {
    margin-right: 0; }
@media (max-width: 1024px) {
    .download .content .title .tits {
        font-size: 46px; }
    .download .content .title .tit {
        font-size: 18px; }
    .download .content .list ul li {
        width: 32%;
        height: 450px;
        margin-right: 2%;
        margin-bottom: 2%; }
    .download .content .list ul li a .bg {
        display: none; } }
@media (max-width: 720px) {
    .download .content .list ul li {
        width: 49%;
        margin-bottom: 4%; }
    .download .content .list ul li:nth-child(3n) {
        margin-right: 2%; }
    .download .content .list ul li:nth-child(2n) {
        margin-right: 0; } }
@media (max-width: 678px) {
    .download .content .search {
        width: 94%; }
    .download .content .search .text {
        width: 52.7%;
        font-size: 16px;
        line-height: 40px;
        height: 38px; }
    .download .content .search .submit {
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        width: calc(42.3% - 4px); } }
@media (max-width: 460px) {
    .download .content .title .tits {
        font-size: 32px; }
    .download .content .title .tit {
        font-size: 14px;
        line-height: 20px; }
    .download .content .list ul li {
        width: 100%;
        margin-right: 0;
        float: none; }
    .download .content .list ul li:nth-child(3n) {
        margin-right: 0; } }

.contact {
    width: 100%;
    height: auto; }
.contact .box1 {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%;
    padding-top: 8%; }
.contact .box1 .con {
    width: 43%;
    height: auto;
    float: left;
    margin-top: -14px; }
.contact .box1 .con .tits {
    font-size: 84px;
    line-height: 1.1em;
    color: #fff;
    font-weight: bold; }
.contact .box1 .con .tit {
    font-size: 20px;
    line-height: 40px;
    color: #666;
    margin-top: 6%; }
.contact .box1 .con .tit1 {
    font-size: 20px;
    line-height: 40px;
    color: #8cc332;
    font-weight: bold;
    margin-top: 8%; }
.contact .box1 .con .tel {
    width: 280px;
    height: 77px;
    background-color: #8cc332;
    text-align: center;
    line-height: 77px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    display: block;
    margin-top: 3%; }
.contact .box1 .con .down {
    width: 24px;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    margin-top: 10%; }
.contact .box1 .con .down img {
    width: 9px;
    height: auto;
    display: block;
    margin: auto; }
.contact .box1 .con .down i {
    width: 24px;
    height: 12px;
    background-image: url(../image/event_icon1.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: slideInDown 1s infinite linear; }
.contact .box1 .box-right {
    width: 54.5%;
    height: auto;
    float: right;
    position: relative; }
.contact .box1 .box-right .box {
    width: 100%;
    height: 460px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }
.contact .box1 .box-right .box .pic {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center; }
.contact .box1 .box-right .box .pic img {
    width: 916px;
    height: 100%;
    position: absolute;
    margin-left: -458px;
    left: 50%;
    top: 0; }
.contact .box1 .box-right .box .map {
    width: 100%;
    height: 100%;
    display: none; }
.contact .box1 .box-right .conn {
    width: 100%;
    height: auto;
    margin-top: 6%; }
.contact .box1 .box-right .conn .tits {
    font-size: 30px;
    line-height: 40px;
    color: #8cc332;
    font-weight: bold; }
.contact .box1 .box-right .conn .tit {
    font-size: 20px;
    line-height: 40px;
    color: #ccc;
    margin-top: 4%; }
.contact .box1 .box-right .conn .tit1 {
    font-size: 16px;
    line-height: 40px;
    color: #ccc;
    margin-top: 5%; }
.contact .box1 .box-right .tabs {
    width: 100px;
    height: 50px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0; }
.contact .box1 .box-right .tabs a {
    width: 50px;
    height: 50px;
    display: block;
    background-color: #434343;
    float: left;
    position: relative; }
.contact .box1 .box-right .tabs a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.5; }
.contact .box1 .box-right .tabs a.on {
    background-color: #8cc332; }
.contact .box1 .box-right .tabs a.on img {
    opacity: 1; }
.contact .box2 {
    width: 1190px;
    height: 420px;
    margin: 4% auto 0;
    max-width: 92%; }
.contact .box2 .con {
    width: 100%;
    height: 100%;
    background-color: #313131;
    position: relative; }
.contact .box2 .con .con-new {
    width: 69.8%;
    height: auto;
    margin-left: 5.9%;
    padding-top: 4%; }
.contact .box2 .con .con-new .tits {
    font-size: 40px;
    line-height: 40px;
    color: #fff; }
.contact .box2 .con .con-new .tit {
    font-size: 20px;
    line-height: 40px;
    color: #ccc;
    margin-top: 5%; }
.contact .box2 .con .con-new .tit1 {
    font-size: 16px;
    line-height: 40px;
    color: #ccc;
    margin-top: 4%; }
.contact .box2 .con .con-new .tit1 span {
    color: #8cc332; }
.contact .box2 .con .map-click {
    width: 50px;
    height: 50px;
    background-color: #1b1b1b;
    position: absolute;
    opacity: .5;
    position: absolute;
    top: 30%;
    right: 10%; }
.contact .box2 .con .map-click img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
@media (min-width: 1024px) {
    .contact .box2 .con .map-click:hover {
        opacity: 1;
        background-color: #8cc332; } }
.contact .box2 .map-box {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    display: none; }
.contact .box2 .map-box .map {
    width: 100%;
    height: 100%;
    opacity: 0.4; }
.contact .box2 .map-box .con-click {
    width: 50px;
    height: 50px;
    background-color: #1b1b1b;
    opacity: .8;
    position: absolute;
    top: 10%;
    right: 4%; }
.contact .box2 .map-box .con-click img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
.contact .box3 {
    width: 785px;
    height: auto;
    margin: 6% auto 7%;
    max-width: 92%;
    position: relative; }
.contact .box3 .title{
    text-align: center;
    width: 100%;
    position: absolute;
    top: -40px;
    left: 0;
    font-size: 40px;
    line-height: 40px;
    color: #fff;}
.contact .box3 ul {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
.contact .box3 ul li {
    width: 22px;
    height: 28px;
    position: absolute;
    cursor: pointer; }
.contact .box3 ul li .icon {
    width: 22px;
    height: 28px;
    background-image: url(../image/contact_icon6.png);
    background-size: cover; }
.contact .box3 ul li .tits {
    display: inline-block;
    background-color: #464646;
    padding: 0 15px;
    line-height: 28px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
    width: 28px;
    font-weight: bold;
    color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: opacity .5s,left .5s; }
.contact .box3 ul li .tits:after {
    width: 5px;
    height: 10px;
    position: absolute;
    left: -5px;
    top: 10px;
    content: '';
    background-image: url(../image/contact_icon7.png); }
.contact .box3 ul li.l1 {
    top: 28%;
    left: 19.2%; }
.contact .box3 ul li.l2 {
    top: 63%;
    left: 48%; }
.contact .box3 ul li.l3 {
    top: 74%;
    left: 57%; }
.contact .box3 ul li.l4 {
    top: 69%;
    left: 67%; }
.contact .box3 ul li.l5 {
    top: 81%;
    left: 61%; }
.contact .box3 ul li.l6 {
    top: 82%;
    left: 70%; }
.contact .box3 ul li.l7 {
    top: 57%;
    left: 77%; }
.contact .box3 ul li.l8 {
    top: 53%;
    left: 69%; }
.contact .box3 ul li.l9 {
    top: 41%;
    left: 72%; }
.contact .box3 ul li.l10 {
    top: 34%;
    left: 73.5%; }
.contact .box3 ul li:hover .tits {
    left: 34px;
    opacity: 1; }
.contact .box4 {
    width: 100%;
    height: auto;
    background-color: #121212;
    padding: 4% 0 5%; }
.contact .box4 .box-new {
    width: 682px;
    height: auto;
    margin: 0 auto;
    max-width: 92%; }
.contact .box4 .box-new .title {
    font-size: 50px;
    line-height: 1.1em;
    text-align: center;
    color: #fff;
    font-weight: bold; }
.contact .box4 .box-new .table-box {
    width: 100%;
    height: auto;
    margin-top: 6%; }
.contact .box4 .box-new .table-box .t {
    width: 100%;
    height: auto; }
.contact .box4 .box-new .table-box .t .text {
    width: 100%;
    height: 60px;
    text-indent: 1.5em;
    font-size: 14px;
    line-height: 60px;
    color: #999;
    background-color: #393939;
    border: none;
    margin-bottom: 15px; }
.contact .box4 .box-new .table-box .t .text.text1 {
    width: 49%; }
.contact .box4 .box-new .table-box .t .text::-webkit-input-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .text::-moz-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .text:-moz-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .text:-ms-input-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .txt {
    width: 100%;
    padding: 10px 1.5em;
    height: 135px;
    background-color: #393939;
    border: none;
    font-size: 14px;
    line-height: 30px;
    color: #999; }
.contact .box4 .box-new .table-box .t .txt::-webkit-input-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .txt::-moz-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .txt:-moz-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .t .txt:-ms-input-placeholder {
    color: #999; }
.contact .box4 .box-new .table-box .submit {
    width: 214px;
    height: 62px;
    background-color: #89c12d;
    display: block;
    margin: 6% auto 0;
    text-align: center;
    font-size: 18px;
    line-height: 62px;
    color: #fff;
    font-weight: bold;
    border: none;
    text-transform: uppercase; }
@media (max-width: 1024px) {
    .contact .box1 .con .tits {
        font-size: 60px; }
    .contact .box1 .con .tit {
        line-height: 26px;
        font-size: 18px; }
    .contact .box1 .con .tel {
        width: 190px;
        line-height: 50px;
        height: 50px;
        font-size: 20px; }
    .contact .box1 .box-right .box {
        height: 320px; }
    .contact .box1 .box-right .conn .tit {
        font-size: 16px;
        line-height: 26px; }
    .contact .box1 .box-right .conn .tit1 {
        line-height: 26px; } }
@media (max-width: 840px) {
    .contact .box3 .title{
        font-size: 28px;
        line-height: 28px;
        top: 0;}
    .contact .box2 {
        height: 300px; }
    .contact .box2 .con .con-new .tits {
        font-size: 28px;
        line-height: 28px; }
    .contact .box2 .con .con-new .tit {
        font-size: 16px;
        line-height: 26px; }
    .contact .box2 .con .con-new .tit1 {
        line-height: 28px; } }
@media (max-width: 790px) {
    .contact .box4 .box-new .title {
        font-size: 32px; }
    .contact .box4 .box-new .table-box .t .text {
        height: 40px;
        line-height: 40px; }
    .contact .box4 .box-new .table-box .submit {
        height: 40px;
        line-height: 40px;
        width: 160px; } }
@media (max-width: 700px) {
    .contact .box1 .con {
        width: 100%;
        float: none; }
    .contact .box1 .con .tits {
        font-size: 32px; }
    .contact .box1 .con .tit {
        font-size: 16px;
        line-height: 26px;
        margin-top: 4%; }
    .contact .box1 .con .tit1 {
        margin-top: 4%;
        font-size: 18px;
        line-height: 20px; }
    .contact .box1 .con .down {
        display: none; }
    .contact .box1 .box-right {
        width: 100%;
        float: none;
        margin-top: 4%; }
    .contact .box1 .box-right .conn .tits {
        font-size: 20px;
        line-height: 24px; } }
@media (max-width: 500px) {
    .contact .box3 .title{
        font-size: 22px;
        line-height: 22px;
        top: 4px;}
    .contact .box2 .con .con-new {
        width: 80%; }
    .contact .box2 .con .con-new .tits {
        font-size: 22px;
        line-height: 22px; }
    .contact .box2 .con .con-new .tit {
        font-size: 16px;
        line-height: 26px; }
    .contact .box2 .con .con-new .tit1 {
        line-height: 28px; }
    .contact .box2 .con .map-click {
        right: 3%; }
    .contact .box3 ul li {
        width: 14px;
        height: 18px; }
    .contact .box3 ul li .icon {
        width: 14px;
        height: 18px; }
    .contact .box3 ul li .tits {
        top: -7px; }
    .contact .box3 ul li:hover .tits {
        left: 24px; } }

.about {
    width: 100%;
    height: auto;
    overflow: hidden; }
.about .box1 {
    width: 100%;
    height: auto; }
.about .box1 .box-new {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%;
    padding-top: 8%;
    position: relative; }
.about .box1 .box-new .con {
    width: 53%;
    height: auto;
    float: left; }
.about .box1 .box-new .con .tits {
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: justify;
    word-wrap: keep-all; }
.about .box1 .box-new .con .tits p {
    width: 100%; }
.about .box1 .box-new .con .tits p span {
    font-size: 34px; }
.about .box1 .box-new .con .tit {
    width: calc(100% - 30px);
    height: auto;
    color: #fff;
    position: relative;
    margin-top: 10%;
    padding-left: 30px; }
.about .box1 .box-new .con .tit .t {
    font-size: 22px;
    line-height: 22px; }
.about .box1 .box-new .con .tit .t1 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px; }
.about .box1 .box-new .con .tit:after {
    width: 4px;
    height: 100%;
    position: absolute;
    top: -5px;
    left: 0;
    background-color: #8cc332;
    content: '';
    padding: 5px 0; }
.about .box1 .box-new .pic {
    width: 34.7%;
    height: auto;
    position: absolute;
    right: 0;
    top: 20%; }
.about .box1 .box-new .pic img {
    position: relative;
    z-index: 3; }
.about .box1 .box-new .pic .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7%;
    right: -7%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/about_bg.png); }
.about .box1 .box-bottom {
    width: 100%;
    height: 280px;
    /*background-color: #333;*/
    margin-top: 6%; }
.about .box1 .box-bottom .bottom-new {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%;
    padding-top: 64px; }
.about .box1 .box-bottom .bottom-new a {
    width: 196px;
    height: auto;
    display: block;
    float: left;
    margin-right: 20px; }
.about .box1 .box-bottom .bottom-new a .pic {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden; }
.about .box1 .box-bottom .bottom-new a .pic img {
    transition: transform 1.5s; }
.about .box1 .box-bottom .bottom-new a .pic .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(../image/banner_icon1.png);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; }
.about .box1 .box-bottom .bottom-new a .tits {
    text-align: center;
    font-size: 18px;
    line-height: 1.2em;
    color: #8cc332;
    font-weight: bold;
    margin-top: 10px; }
@media (min-width: 1024px) {
    .about .box1 .box-bottom .bottom-new a:hover .pic img {
        transform: scale(1.1); } }
.about .box2 {
    width: 100%;
    height: auto;
    padding: 5% 0 8%; }
.about .box2 .title {
    text-align: center;
    font-size: 46px;
    line-height: 1.2em;
    color: #fff; }
.about .box2 .list {
    width: 80.2%;
    height: auto;
    margin-left: 19.8%;
    margin-top: 6%;
    position: relative;
    overflow: inherit; }
.about .box2 .list ul {
    width: 100%;
    height: auto; }
.about .box2 .list ul li {
    width: 29.8%;
    height: auto;
    float: left;
    margin-right: 1.9%; }
.about .box2 .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.about .box2 .list ul li a .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative; }
.about .box2 .list ul li a .pic img {
    transition: transform 1.5s; }
.about .box2 .list ul li a .pic .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
.about .box2 .list ul li a .pic .bg .icon {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../image/about_icon2.png); }
.about .box2 .list ul li a .con {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10%; }
.about .box2 .list ul li a .con .num {
    font-size: 24px;
    line-height: 1.2em;
    color: #666666; }
.about .box2 .list ul li a .con .line {
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-top: 6%;
    opacity: 0; }
.about .box2 .list ul li a .con .tits {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px; }
.about .box2 .list ul li a .con .tit {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666;
    margin-top: 20px; }
@media (min-width: 1024px) {
    .about .box2 .list ul li:hover a .pic img {
        transform: scale(1.1); }
    .about .box2 .list ul li:hover a .pic .bg {
        background-color: rgba(0, 0, 0, 0); }
    .about .box2 .list ul li:hover a .pic .bg .icon {
        background-image: url(../image/about_icon1.png); }
    .about .box2 .list ul li:hover a .con .num {
        color: #fff; }
    .about .box2 .list ul li:hover a .con .line {
        opacity: 1; } }
.about .box2 .list .line1 {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    opacity: 0.4;
    position: absolute;
    left: 0;
    bottom: 122px; }
@media (max-width: 1355px) {
    .about .box1 .box-new .con .tits {
        font-size: 20px;
        line-height: 34px; }
    .about .box1 .box-new .con .tit {
        margin-top: 5%; }
    .about .box1 .box-bottom {
        height: 220px; }
    .about .box1 .box-bottom .bottom-new {
        padding-top: 30px; } }
@media (max-width: 1100px) {
    .about .box1 .box-new .con .tits {
        font-size: 18px;
        line-height: 30px; }
    .about .box1 .box-new .con .tits p span {
        font-size: 26px; }
    .about .box1 .box-new .con .tit .t {
        font-size: 24px;
        line-height: 24px; } }
@media (max-width: 1024px) {
    .about .box2 .title {
        font-size: 46px; }
    .about .box2 .list {
        width: 100%;
        margin-left: 0; }
    .about .box2 .list ul li a .con .tits {
        font-size: 18px;
        line-height: 18px;
        margin-top: 20px; }
    .about .box2 .list ul li a .con .tit {
        margin-top: 10px;
        font-size: 14px; }
    .about .box2 .list .line1 {
        bottom: 100px; } }
@media (max-width: 720px) {
    .about .box1 .box-new .con {
        width: 100%;
        float: none; }
    .about .box1 .box-new .pic {
        display: none; } }
@media (max-width: 470px) {
    .about .box1 .box-new .con .tits {
        font-size: 16px;
        line-height: 26px; }
    .about .box1 .box-new .con .tits p span {
        font-size: 20px; }
    .about .box1 .box-new .con .tit .t {
        font-size: 20px;
        line-height: 20px; }
    .about .box1 .box-new .con .tit .t1 {
        font-size: 16px;
        line-height: 26px; }
    .about .box1 .box-bottom {
        height: auto;
        padding-bottom: 20px; }
    .about .box1 .box-bottom .bottom-new a {
        width: 48%;
        margin-right: 2%; }
    .about .box2 .title {
        font-size: 32px;
        line-height: 32px; }
    .about .box2 .list ul li a .con {
        margin-top: 4%; } }

.about-box3 {
    width: 1184px;
    height: auto;
    margin: 0 auto 0;
    max-width: 92%;
    padding-top: 5%; }
.about-box3 .title {
    width: 100%;
    height: auto;
    text-align: center; }
.about-box3 .title .tits {
    font-size: 46px;
    line-height: 1.1em;
    color: #fff; }
.about-box3 .title .tit {
    font-size: 20px;
    line-height: 1.1em;
    color: #ccc;
    margin-top: 3%; }
.about-box3 .search {
    width: 622px;
    height: auto;
    margin: 4% auto 0; }
.about-box3 .search .text {
    width: 60.3%;
    height: 58px;
    background: none;
    border: none;
    border-bottom: 2px solid #343434;
    text-align: center;
    font-size: 20px;
    line-height: 58px;
    color: #666; }
.about-box3 .search .text::-webkit-input-placeholder {
    color: #666; }
.about-box3 .search .text::-moz-placeholder {
    color: #666; }
.about-box3 .search .text:-moz-placeholder {
    color: #666; }
.about-box3 .search .text:-ms-input-placeholder {
    color: #666; }
.about-box3 .search .submit {
    width: 36.2%;
    height: 60px;
    border: 2px solid #343434;
    text-align: center;
    background: none;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    float: right;
    text-transform: uppercase;
    transition: background .5s,color .5s,border .5s; }
@media (min-width: 1024px) {
    .about-box3 .search .submit:hover {
        background-color: #8cc332;
        color: #fff;
        border: 2px solid #8cc332; } }
.about-box3 .list-box {
    width: 100%;
    height: auto;
    margin-top: 5%;
    padding-bottom: 6%; }
.about-box3 .list-box .t {
    float: left; }
.about-box3 .list-box .t.t1 {
    width: 22%;
    margin-left: 5.3%; }
.about-box3 .list-box .t.t2 {
    width: 48.6%;
    height: auto;
    text-align: center; }
.about-box3 .list-box .t.t3 {
    width: 19.4%;
    float: right;
    text-align: center; }
.about-box3 .list-box .tabs {
    width: 100%;
    height: 73px;
    background-color: #8cc332;
    font-size: 20px;
    line-height: 73px;
    font-weight: bold;
    color: #fff; }
.about-box3 .list-box .list {
    width: 100%;
    height: auto; }
.about-box3 .list-box .list ul {
    width: 100%;
    height: auto; }
.about-box3 .list-box .list ul li {
    width: 100%;
    height: auto;
    border-bottom: 2px solid #313131; }
.about-box3 .list-box .list ul li a {
    width: 100%;
    height: auto;
    display: block;
    font-size: 18px;
    line-height: 72px;
    color: #666;
    transition: color .5s; }
@media (min-width: 1024px) {
    .about-box3 .list-box .list ul li:hover a {
        color: #fff; } }
.about-box3 .list-box .list .more-click {
    width: 210px;
    height: 58px;
    border: 2px solid #333;
    text-align: center;
    display: block;
    margin: 5% auto 0;
    font-size: 18px;
    line-height: 58px;
    color: #fff;
    font-weight: bold;
    transition: all .5s; }
@media (min-width: 1024px) {
    .about-box3 .list-box .list .more-click:hover {
        background-color: #8cc332;
        border: 2px solid #8cc332;
        color: #fff; } }
@media (max-width: 1024px) {
    .about-box3 .title .tits {
        font-size: 46px; }
    .about-box3 .title .tit {
        font-size: 16px; } }
@media (max-width: 940px) {
    .about-box3 .list-box .tabs {
        font-size: 18px;
        line-height: 50px;
        height: 50px; }
    .about-box3 .list-box .list ul li a {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0; }
    .about-box3 .list-box .list ul li a .t {
        min-height: 40px; } }
@media (max-width: 678px) {
    .about-box3 .search {
        width: 94%; }
    .about-box3 .search .text {
        width: 52.7%;
        font-size: 16px;
        line-height: 40px;
        height: 38px; }
    .about-box3 .search .submit {
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        width: calc(42.3% - 4px); } }
@media (max-width: 550px) {
    .about-box3 .title .tits {
        font-size: 32px; }
    .about-box3 .title .tit {
        font-size: 16px; } }
@media (max-width: 440px) {
    .about-box3 .list-box .tabs {
        font-size: 14px;
        line-height: 40px;
        height: 40px; }
    .about-box3 .list-box .list ul li a {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 0; }
    .about-box3 .list-box .list ul li a .t {
        min-height: 36px; }
    .about-box3 .list-box .list .more-click {
        width: 120px;
        height: 38px;
        line-height: 38px;
        font-size: 14px; } }

.join .about-box3 .list-box .list ul {
    height: 222px;
    overflow: hidden; }
.join .about-box3 .list-box .list .more-click {
    width: 150px;
    height: 30px;
    text-align: center;
    border: none;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../image/join_icon1.png); }
@media (min-width: 1024px) {
    .join .about-box3 .list-box .list .more-click:hover {
        background-color: rgba(0, 0, 0, 0);
        border: none;
        color: #fff; } }
.join .box1 {
    width: 100%;
    height: auto;
    background-color: #202020;
    padding: 5% 0 4%; }
.join .box1 .box-new {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%; }
.join .box1 .box-new .title {
    font-size: 46px;
    line-height: 1.1em;
    color: #fff;
    text-align: center; }
.join .box1 .box-new .list {
    width: 100%;
    height: auto;
    padding-top: 10%; }
.join .box1 .box-new .list ul {
    width: 100%;
    height: auto; }
.join .box1 .box-new .list ul li {
    width: 30.4%;
    height: auto;
    float: left;
    margin-right: 4.4%;
    transition: transform .5s; }
.join .box1 .box-new .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.join .box1 .box-new .list ul li a .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative; }
.join .box1 .box-new .list ul li a .pic img {
    transition: transform 1.5s; }
.join .box1 .box-new .list ul li a .pic .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../image/join_icon2.png);
    opacity: 0;
    transform: scale(0.7);
    transition: opacity .5s,transform .5s; }
.join .box1 .box-new .list ul li a .tits {
    font-size: 24px;
    line-height: 1.2em;
    color: #fff;
    font-weight: bold;
    margin-top: 8%; }
.join .box1 .box-new .list ul li a .tit {
    font-size: 16px;
    line-height: 1.2em;
    color: #666;
    margin-top: 2%; }
@media (min-width: 1024px) {
    .join .box1 .box-new .list ul li:hover {
        transform: translateY(-20%); }
    .join .box1 .box-new .list ul li:hover a .pic img {
        transform: scale(1.1); }
    .join .box1 .box-new .list ul li:hover a .pic .bg {
        opacity: 1;
        transform: scale(1); } }
.join .box1 .box-new .list ul li:last-child {
    margin-right: 0; }
.join .box1 .box-new .list .btns {
    width: 100%;
    height: 18px;
    text-align: center;
    margin-top: 5%;
    font-size: 0;
    position: relative; }
.join .box1 .box-new .list .btns .a {
    width: 18px;
    height: 18px;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-family: Simsun;
    font-weight: bold;
    color: #5a5a5a;
    position: absolute; }
.join .box1 .box-new .list .btns .a.prev {
    left: 50%;
    margin-left: -80px; }
.join .box1 .box-new .list .btns .a.next {
    right: 50%;
    margin-right: -80px; }
.join .box1 .box-new .list .btns .btns-new {
    display: inline-block;
    font-size: 0;
    text-align: center;
    margin: 3px 15px 0; }
.join .box1 .box-new .list .btns .btns-new span {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #fff;
    opacity: 0.3;
    margin: 0 12px;
    position: relative;
    cursor: pointer; }
.join .box1 .box-new .list .btns .btns-new span.swiper-pagination-bullet-active {
    opacity: 1; }
.join .box2 {
    width: 100%;
    height: auto;
    background-color: #fff; }
.join .box2 .box-new {
    width: 1680px;
    height: auto;
    margin: 0 auto;
    max-width: 92%;
    padding: 5% 0 6%;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    position: relative; }
.join .box2 .box-new .title {
    text-align: center;
    font-size: 46px;
    line-height: 1.1em;
    color: #202020; }
.join .box2 .box-new .list {
    width: 100%;
    height: auto;
    margin-top: 6%;
    position: relative;
    z-index: 5; }
.join .box2 .box-new .list ul {
    width: 100%;
    height: auto; }
.join .box2 .box-new .list ul li {
    width: 49.1%;
    height: auto;
    float: left;
    margin-right: 1.8%;
    position: relative;
    cursor: pointer;
    overflow: hidden; }
.join .box2 .box-new .list ul li img {
    transition: transform 1.5s; }
.join .box2 .box-new .list ul li .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4); }
.join .box2 .box-new .list ul li .bg .con {
    width: 85.5%;
    height: auto;
    position: absolute;
    left: 7.25%;
    top: 10%;
    color: #fff; }
.join .box2 .box-new .list ul li .bg .con .tits {
    font-size: 40px;
    line-height: 1.2em;
    font-weight: bold; }
.join .box2 .box-new .list ul li .bg .con .tit {
    font-size: 24px;
    line-height: 36px;
    margin-top: 1%; }
.join .box2 .box-new .list ul li .bg .more {
    width: 165px;
    height: auto;
    position: absolute;
    bottom: 7%;
    left: 7.25%;
    font-size: 24px;
    color: #fff;
    line-height: 35px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../image/join_icon3.png); }
.join .box2 .box-new .list ul li:last-child {
    margin-right: 0; }
@media (min-width: 1024px) {
    .join .box2 .box-new .list ul li:hover img {
        transform: scale(1.1); }
    .join .box2 .box-new .list ul li:hover .bg .con {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .join .box2 .box-new .list ul li:hover .bg .more {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; } }
.join .box2 .box-new .list .btns {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 3%; }
.join .box2 .box-new .list .btns span {
    width: 4px;
    height: 4px;
    background-color: #e5e5e5;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    opacity: 1; }
.join .box2 .box-new .list .btns span.swiper-pagination-bullet-active {
    width: 16px;
    background-color: #8cc332; }
.join .box2 .box-new .line {
    width: 1px;
    height: 100%;
    background-color: #e3e3e3;
    position: absolute;
    left: 33.3%;
    top: 0; }
.join .box2 .box-new .line.line1 {
    left: 66.6%; }
@media (max-width: 1100px) {
    .join .box1 .box-new .title {
        font-size: 46px; }
    .join .box1 .box-new .list ul li a .tits {
        font-size: 18px; }
    .join .box2 .box-new .title {
        font-size: 46px; }
    .join .box2 .box-new .list ul li .bg .con .tits {
        font-size: 24px; }
    .join .box2 .box-new .list ul li .bg .con .tit {
        font-size: 16px;
        line-height: 26px; }
    .join .box2 .box-new .list ul li .bg .more {
        font-size: 18px;
        line-height: 28px;
        background-size: 28px;
        width: 125px; } }
@media (max-width: 690px) {
    .join .box2 .box-new .title {
        font-size: 32px; }
    .join .box2 .box-new .list ul li .bg .con .tits {
        font-size: 18px; }
    .join .box2 .box-new .list ul li .bg .con .tit {
        font-size: 14px;
        line-height: 24px; }
    .join .box2 .box-new .line {
        display: none; } }
@media (max-width: 550px) {
    .join .box1 .box-new .title {
        font-size: 32px; } }

.news-list {
    width: 100%;
    height: auto;
    background-color: #101010;
    padding: 6% 0 5%; }
.news-list .title {
    text-align: center;
    font-size: 46px;
    line-height: 1.1em;
    color: #fff; }
.news-list .list {
    width: 1680px;
    height: auto;
    margin: 4% auto 0;
    max-width: 92%; }
.news-list .list ul {
    width: 100%;
    height: auto; }
.news-list .list ul li {
    width: 30.7%;
    height: auto;
    margin-right: 3.95%;
    float: left; }
.news-list .list ul li a {
    width: 100%;
    height: auto;
    display: block; }
.news-list .list ul li a .pic {
    width: 100%;
    height: auto;
    overflow: hidden; }
.news-list .list ul li a .pic img {
    transition: transform 1.5s; }
.news-list .list ul li a .con {
    width: 100%;
    height: auto;
    margin-top: 5%; }
.news-list .list ul li a .con .time {
    font-size: 14px;
    line-height: 30px;
    color: #999; }
.news-list .list ul li a .con .tits {
    font-size: 24px;
    line-height: 30px;
    height: auto;
    color: #fff;
    font-weight: bold;
    margin-top: 2%; }
.news-list .list ul li a .con .tit {
    font-size: 16px;
    line-height: 30px;
    height: 60px;
    color: #999;
    margin-top: 5%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
.news-list .list ul li a .con .more {
    width: 105px;
    height: auto;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-top: 8%;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../image/index_icon1.png);
    transition: all .5s; }
.news-list .list ul li:nth-child(3n) {
    margin-right: 0; }
@media (min-width: 1024px) {
    .news-list .list ul li:hover .pic img {
        transform: scale(1.1); }
    .news-list .list ul li:hover .con .more {
        width: 115px; } }
.news-list .list .more-click {
    width: 210px;
    height: 58px;
    border: 2px solid #333;
    text-align: center;
    display: block;
    margin: 5% auto 0;
    font-size: 18px;
    line-height: 58px;
    color: #fff;
    font-weight: bold;
    transition: all .5s; }
@media (min-width: 1024px) {
    .news-list .list .more-click:hover {
        background-color: #8cc332;
        border: 2px solid #8cc332;
        color: #fff; } }
.news-list.news .list ul li {
    margin-bottom: 4%; }
.news-list.news .list .more-click {
    margin: 3% auto 0; }
@media (max-width: 1024px) {
    .news-list .title {
        font-size: 46px; }
    .news-list .list ul li a .con .tits {
        font-size: 20px;
        line-height: 22px;
        height: 22px; } }
@media (max-width: 750px) {
    .news-list.news .list ul li {
        width: 48%;
        margin-right: 2%; }
    .news-list.news .list ul li:nth-child(3n) {
        margin-right: 2%; }
    .news-list.news .list ul li:nth-child(2n) {
        margin-right: 0; } }
@media (max-width: 550px) {
    .news-list .list ul li {
        width: 100%;
        float: none;
        margin-bottom: 4%; }
    .news-list .list .more-click {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px; } }

.amap-logo, .amap-copyright {
    display: none !important; }

.fadeInUp {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98); }

.fadeInDown {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98); }

.animated {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

@media (max-width: 1024px) {
    .animated {
        transition-delay: 0 !important; } }
.join-tk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none; }
.join-tk .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10001; }
.join-tk .con-box {
    width: 960px;
    height: 80%;
    max-width: 90%;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10002; }
.join-tk .con-box .con {
    width: 84.375%;
    height: calc(100% - 80px);
    padding: 40px 0;
    margin: 0 auto;
    overflow: auto; }
.join-tk .con-box .con .tits {
    font-size: 18px;
    line-height: 40px;
    color: #333;
    font-weight: bold; }
.join-tk .con-box .con .item {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    margin-bottom: 30px; }
.join-tk .con-box .con .item b {
    font-weight: bold; }
.join-tk .con-box .con a {
    width: 210px;
    height: 60px;
    background-color: #89c12d;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    font-weight: bold;
    color: #fff;
    display: block;
    margin: 0 auto; }
@media (max-width: 550px) {
    .join-tk .con-box .con {
        width: 90%;
        height: calc(100% - 40px);
        paddding: 20px 0; }
    .join-tk .con-box .con .tits {
        line-height: 30px; }
    .join-tk .con-box .con .item {
        line-height: 30px; } }
.join-tk .con-box .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/nav_close11.png);
    display: block; }

.pass-tk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110000;
    display: none; }
.pass-tk .bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
.pass-tk .con {
    width: 225px;
    height: 120px;
    padding: 20px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
.pass-tk .con .tits {
    font-size: 18px;
    line-height: 24px;
    color: #8cc332; }
.pass-tk .con .text {
    width: 100%;
    height: 33px;
    font-size: 16px;
    color: #999;
    text-indent: 1em;
    line-height: 33px;
    border: 1px solid #999;
    margin-top: 10px; }
.pass-tk .con .submit {
    width: 100px;
    height: 34px;
    background-color: #8cc332;
    text-align: center;
    margin: 15px auto 0;
    border: none;
    color: #fff;
    display: block;
    font-size: 16px; }
.pass-tk .con .close {
    width: 16px;
    height: 16px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/static/pages/image/nav_close.png);
    position: absolute;
    top: 10px;
    right: 10px;
    display: block; }

.product {
    width: 100%;
    height: auto;
    background-color: #1d1d1d; }
.product .nav {
    width: 20%;
    height: 100%;
    top: 90px;
    left: -20%;
    position: fixed;
    background-color: #1b1b1b;
    z-index: 10;
    transition: left .5s; }
.product .nav .nav-new {
    margin-left: 31.25%;
    padding-top: 15%; }
.product .nav .nav-new .title {
    font-size: 18px;
    line-height: 1.2em;
    color: #fff;
    opacity: 0.3; }
.product .nav .nav-new ul {
    margin-top: 15%; }
.product .nav .nav-new ul li {
    font-size: 18px;
    line-height: 70px; }
.product .nav .nav-new ul li a {
    color: #999;
    position: relative; }
.product .nav .nav-new ul li.on a {
    color: #fff; }
.product .nav .nav-new ul li.on a:after {
    width: 17px;
    height: 3px;
    background-color: #8cc332;
    position: absolute;
    bottom: -19px;
    left: 0;
    content: ''; }
@media (min-width: 1024px) {
    .product .nav .nav-new ul li:hover a {
        color: #fff; }
    .product .nav .nav-new ul li:hover a:after {
        width: 17px;
        height: 3px;
        background-color: #8cc332;
        position: absolute;
        bottom: -19px;
        left: 0;
        content: ''; } }
.product .nav.move {
    left: 0; }
.product .box {
    width: 100%;
    height: auto;
    transition: width .5s,margin .5s; }
.product .box .pTits {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    text-align: center; }
.product .box .pLine {
    width: 37px;
    height: 6px;
    background-color: #8cc332;
    margin: 3% auto 0; }
.product .box .fz50 {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    text-align: center; }
.product .box .fz40 {
    font-size: 40px;
    line-height: 45px;
    text-align: center;
    color: #fff; }
.product .box .fz24 {
    font-size: 24px;
    line-height: 40px; }
.product .box .banner {
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover; }
.product .box .banner .con {
    width: 100%;
    height: auto; }
.product .box .banner .con .title {
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 4%; }
.product .box .banner .con .title .tits {
    font-size: 80px;
    line-height: 84px;
    color: #fff; }
.product .box .banner .con .title .tit {
    font-size: 40px;
    line-height: 44px;
    color: #fff; }
.product .box .banner .con .title .tit1 {
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 1.4%; }
.product .box .banner .con .title .tit1 a {
    font-size: 18px;
    color: #8cc332;
    font-weight: bold;
    line-height: 20px;
    margin: 0 15px; }
.product .box .banner .con .title .tit1 a.a {
    padding-left: 32px;
    background-image: url(../image/banner_icon1.png);
    background-position: left center;
    background-repeat: no-repeat; }
.product .box .banner .con .pic {
    width: 35%;
    height: auto;
    margin: 4% auto 0; }
.product .box .banner .con .pic.p1 {
    width: 35.3%;
    margin: 5% auto 0; }
.product .box .banner .con .pic.p2 {
    width: 25.1%;
    margin: 3% auto 0; }
.product .box .banner .con .pic.p3 {
    width: 27.5%;
    margin: 2.8% auto 0; }
.product .box .banner .con .pic.p4 {
    width: 27.9%;
    margin: 3% auto 0; }
.product .box .banner .con .pic.p10 {
    width: 32.2%;
    margin: 3% auto 0; }
.product .box .banner .con .pic.p5 {
    width: 28%;
    margin: 2% auto 0; }
.product .box .banner .ttt {
    position: absolute;
    left: 4%;
    top: 5%;
    font-size: 18px;
    color: #fff;
    line-height: 1.2em; }
.product .box .banner .down {
    width: 24px;
    height: auto;
    position: absolute;
    bottom: 35px;
    left: 4%;
    padding-bottom: 30px; }
.product .box .banner .down img {
    width: 9px;
    height: auto;
    display: block;
    margin: auto; }
.product .box .banner .down i {
    width: 24px;
    height: 12px;
    background-image: url(../image/dwon.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: slideInDown 1s infinite linear; }
.product .box .product-nav {
    width: 100%;
    text-align: center;
    height: auto;
    padding-top: 3.7%; }
.product .box .product-nav a {
    width: 265px;
    height: auto;
    line-height: 25px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-right: 2px solid #ededed;
    display: inline-block;
    color: #999; }
.product .box .product-nav a span {
    position: relative; }
.product .box .product-nav a span:after {
    width: 17px;
    height: 3px;
    background-color: #8cc332;
    position: absolute;
    left: 0;
    bottom: -15px;
    content: '';
    display: none; }
.product .box .product-nav a:last-child {
    border: none; }
.product .box .product-nav a.on {
    color: #fff; }
.product .box .product-nav a.on span:after {
    display: block; }
.product .box .product-nav a:hover {
    color: #fff; }
.product .box .product-nav a:hover span:after {
    display: block; }
.product .box .product-nav-m {
    width: 100%;
    height: auto;
    display: none; }
.product .box .product-nav-m .nav-new {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    line-height: 70px; }
.product .box .product-nav-m .nav-new a {
    color: #999;
    margin: 0 20px;
    position: relative; }
.product .box .product-nav-m .nav-new a.on {
    color: #fff; }
.product .box .product-nav-m .nav-new a.on:after {
    width: 100%;
    height: 3px;
    background-color: #8cc332;
    position: absolute;
    bottom: -10px;
    left: 0;
    content: ''; }
.product .box .list {
    width: 1680px;
    max-width: 94%;
    margin: 4.4% auto 0;
    height: auto;
    overflow: hidden; }
.product .box .list ul {
    width: 100%;
    height: auto;
    margin-bottom: 12px; }
.product .box .list ul li {
    width: 23.2%;
    height: 465px;
    float: left;
    margin-right: 2.4%;
    margin-bottom: 2.4%;
    background-color: #fff;
    position: relative; }
.product .box .list ul li .pic {
    width: 100%;
    height: 100%;
    overflow: hidden; }
.product .box .list ul li .pic dl {
    width: 100%;
    height: 100%; }
.product .box .list ul li .pic dl dd {
    width: 100%;
    height: 100%;
    position: relative; }
.product .box .list ul li .pic dl dd img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    transition: transform 1.5s; }
@media (min-width: 1024px) {
    .product .box .list ul li .pic dl dd:hover img {
        transform: scale(1.1); } }
.product .box .list ul li .pic .btns {
    position: absolute;
    right: 7.9%;
    bottom: 6%;
    z-index: 10; }
.product .box .list ul li .pic .btns .btns-new {
    float: right; }
.product .box .list ul li .pic .btns .btns-new span {
    float: left;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 6px;
    display: inline-block;
    margin-left: 9px;
    cursor: pointer;
    opacity: 1; }
.product .box .list ul li .pic .btns .btns-new span.swiper-pagination-bullet-active {
    background-color: #000;
    border: 1px solid #000; }
.product .box .list ul li .tits {
    width: 84.2%;
    height: auto;
    position: absolute;
    left: 7.9%;
    top: 24px; }
.product .box .list ul li .tits .t {
    font-size: 24px;
    line-height: 30px;
    color: #333; }
.product .box .list ul li .tits .t1 {
    font-size: 16px;
    line-height: 24px;
    color: #8cc332; }
.product .box .list ul li .tit {
    position: absolute;
    left: 7.9%;
    bottom: 5%;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    font-weight: bold; }
.product .box .list ul li .other {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
    display: none; }
.product .box .list ul li .other .t15 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 30px; }
.product .box .list ul li .other .t15 a {
    color: #8cc332;
    width: 100%;
    display: block; }
@media (max-width: 1024px) {
    .product .box .list ul li .other {
        display: block; } }
@media (min-width: 1024px) {
    .product .box .list ul li:hover .tits {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .product .box .list ul li:hover .tit {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn; }
    .product .box .list ul li:hover .other {
        display: block; } }
.product .box .list ul li:nth-child(4n) {
    margin-right: 0; }
.product .box .content {
    width: 100%;
    height: auto; }
.product .box .content .inTitle{
    width: 100%;
    position: relative;
    z-index: 10;
    text-align: center;}
.product .box .content .inTitle .tits{
    font-size: 36px;
    line-height: 50px;
    color: #fff;}
.product .box .content .inTitle .line{
    width: 37px;
    height: 3px;
    margin: 24px auto 0;
    background-color: #8cc332;
}
.product .box .content .box1 {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding: 3.6% 0 13%;}
.product .box .content .box1 .box-new {
    width: 1350px;
    max-width: 94%;
    margin: 11.5% auto 0;
    position: relative;
}
.product .box .content .box1 .box-new .con {
    width: 422px;
    height: auto;
    float: left;
}
.product .box .content .box1 .box-new .con .tits {
    font-size: 22px;
    line-height: 22px;

    color: #fff;
}
.product .box .content .box1 .box-new .con .txt {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 20px;
}
.product .box .content .box1 .box-new .con .tit {
    width: 100%;
    height: auto;
    margin-top: 58px;
}
.product .box .content .box1 .box-new .con .tit .item {
    width: calc(47.4% - 2px);
    height: auto;
    font-size: 17px;
    line-height: 53px;
    border: 1px solid #8cc332;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    float: left;
}
.product .box .content .box1 .box-new .con .tit .item:nth-child(2n){
    float: right;
}
.product .box .content .box1 .box-new .pic {
    width: 52.3%;
    height: auto;
    right: 0;
    top: -75%;
    position: absolute;
}
.product .box .content .box2 {
    width: 100%;
    padding: 3.6% 0 5.2%;
    height: auto;}
.product .box .content .box2 .inTitle .tit {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    width: 740px;
    margin: 36px auto 0;
    max-width: 80%;
}
.product .box .content .box2 .pic {
    width: 1473px;
    max-width: 94%;
    margin: 7% auto 0;
}
.product .box .content .box2 .item {
    width: 1200px;
    height: auto;
    margin: 3% auto 0;
    max-width: 94%;
    position: relative;
}
.product .box .content .box2 .item .imgBox {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    min-height: 100px;
    overflow: hidden;
    padding: 40px 0;
}
.product .box .content .box2 .item .imgBox ul li {
    min-height: 50px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}
.product .box .content .box2 .item .imgBox ul li .boxx {
    position: relative;
    left: 0px;
    top: 0px;
    width: 50%;
    overflow: hidden;
}
.product .box .content .box2 .item .imgBox ul li .boxx .img {
    height: 720px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.product .box .content .box2 .item .imgBox ul li .bar {
    width: 130px;
    height: calc(100% + 80px);
    position: absolute;
    z-index: 20;
    left: 50%;
    top: -40px;
    margin-left: -65px;
}
.product .box .content .box2 .item .imgBox ul li .bar .line {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    background-color: #666;
}
.product .box .content .box2 .item .imgBox ul li .bar .bb {
    width: 130px;
    height: 73px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/info_icon.png);
}
.product .box .content .box3 {
    width: 100%;
    height: auto;
    padding: 3.6% 0 4.2%;}
.product .box .content .box3 .inTitle .tits{
    color: #000;
}
.product .box .content .box3 .box-new {
    width: 100%;
    height: auto;
    margin-top: 60px;
    position: relative;
}
.product .box .content .box3 .box-new .pic {
    width: 54.1%;
    float: left;
    margin-left: 8.2%;
}
.product .box .content .box3 .box-new .con {
    width: 580px;
    height: auto;
    position: absolute;
    right: 12.2%;
    top: 32%;
}
.product .box .content .box3 .box-new .con .t {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-bottom: 30px;
}
.product .box .content .box3 .box-new .con .t .tt1 {
    color: #8cc332;
}
.product .box .content .box4 {
    width: 100%;
    height: auto;
    background-color: #000;
    padding: 3.6% 0 4.2%;}
.product .box .content .box4 .item {
    width: 1240px;
    max-width: 94%;
    margin: 5.5% auto 6%;
}
.product .box .content .box4 .item .con {
    width: 31.5%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}
.product .box .content .box4 .item .con .t {
    font-weight: bold;
}
.product .box .content .box4 .item .con .t1 {
    color: #999;
    margin-top: 11px;
}
.product .box .content .box4 .item .pic {
    width: 68%;
    float: right;
    margin-top: 16px;
}
.product .box .content .box4 .item1 {
    width: 1240px;
    height: auto;
    max-width: 94%;
    margin: 5% auto 0;
}
.product .box .content .box4 .item1 ul li {
    width: calc(25% - 20px);
    float: left;
    font-size: 16px;
    line-height: 26px;
    min-height: 78px;
    color: #fff;
    margin-bottom: 40px;
}
.product .box .content .box5 {
    background-color: #101010;
    width: 100%;
    padding: 3.6% 0 6%;
    height: auto;}
.product .box .content .box5 .inTitle .tit {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    opacity: 0.5;
    margin-top: 13px;
}
.product .box .content .box5 .item {
    width: 1250px;
    max-width: 94%;
    margin: 5.5% auto 0;
}
.product .box .content .box5 .item .con {
    width: 42%;
    height: auto;
    float: left;
}
.product .box .content .box5 .item .con .it {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.product .box .content .box5 .item .con .it .tits {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 18px;
}
.product .box .content .box5 .item .con .it .tit {
    padding-left: 18px;
    width: calc(100% - 18px);
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    position: relative;
}
.product .box .content .box5 .item .con .it .tit:after {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #8cc332;
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
}
.product .box .content .box5 .item .con .it .tit1 {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    padding-left: 18px;
    width: calc(100% - 18px);
    margin-top: 5px;
    margin-bottom: 5px;
}
.product .box .content .box5 .item .pic {
    width: 47.44%;
    height: auto;
    float: right;
    margin-top: 35px;
}
.product .box .content .box5 .item1 {
    width: 1250px;
    height: auto;
    margin: 1.5% auto 0;
    max-width: 94%;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 4%;
}
.product .box .content .box5 .item1 .it {
    width: 33.3%;
    float: left;
}
.product .box .content .box5 .item1 .it .pic {
    max-width: 80%;
}
.product .box .content .box5 .item1 .it .tits {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-top: 36px;
}
.product .box .content .box5 .item1 .it .tit {
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    margin-top: 15px;
}
.product .box .content .box5 .item1 .it .tit p {
    width: calc(100% - 18px);
    padding-left: 18px;
    position: relative;
}
.product .box .content .box5 .item1 .it .tit p:after {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #8cc332;
    position: absolute;
    top: 15px;
    left: 0;
    content: "";
}
.product .box .content .box6 {
    width: 100%;
    height: auto;
    padding: 3.6% 0 3%;}
.product .box .content .box6 .box-new {
    width: 100%;
    height: auto;
    margin-top: 55px;
}
.product .box .content .box6 .box-new .pic {
    width: 38.9%;
    float: left;
    margin-left: 15.9%;
}
.product .box .content .box6 .box-new .con {
    width: 38.3%;
    height: auto;
    float: right;
    padding-top: 3.6%;
}
.product .box .content .box6 .box-new .con .tits {
    width: 495px;
    max-width: 80%;
    height: auto;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
.product .box .content .box6 .box-new .con .tits .t1 {
    color: #999;
}
.product .box .content .box6 .box-new .con .tit {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 20px;
}
.product .box .content .box6 .box-new .con .tit p {
    margin-bottom: 18px;
}
.product .box .content .box6 .box-new .con .tit1 {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin-top: 28%;
}
.product .box .content .box6 .box-new .con .tit2 {
    width: 100%;
    height: auto;
    margin-top: 33px;
}
.product .box .content .box6 .box-new .con .tit2 ul li {
    width: 54px;
    height: auto;
    float: left;
    margin-right: 29px;
}
.product .box .content .box6 .box-new .con .tit2 ul li .icon {
    width: 100%;
    height: auto;
}
.product .box .content .box6 .box-new .con .tit2 ul li p {
    width: 140%;
    margin-left: -20%;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-align: center;
}
.product .box .content .box7 {
    width: 100%;
    height: auto;
    padding: 3.6% 0 3%;
    background-color: #0c0c0c;}
.product .box .content .box7 .box-new {
    width: 1250px;
    height: auto;
    max-width: 94%;
    margin: 4% auto 0;
}
.product .box .content .box7 .box-new .pic {
    width: 44.88%;
    float: left;
}
.product .box .content .box7 .box-new .con {
    width: 31.6%;
    height: auto;
    float: right;
}
.product .box .content .box7 .box-new .con.c1{
    width: 48.6%;
}
.product .box .content .box7 .box-new .con .it {
    width: calc(100% - 105px);
    height: auto;
    padding-left: 105px;
    position: relative;
    margin-bottom: 38px;
}
.product .box .content .box7 .box-new .con .it img {
    position: absolute;
    top: 0;
    left: 0;
}
.product .box .content .box7 .box-new .con .it .tit {
    width: 100%;
    height: auto;
}
.product .box .content .box7 .box-new .con .it .tit .t {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 6px;
}
.product .box .content .box7 .box-new .con .it .tit .t1 {
    font-size: 16px;
    line-height: 30px;
    color: #999;
}
.product .box .content .box10 {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding-top: 3.4%;
    padding-bottom: 8%; }
.product .box .content .box10 .inTitle .tits{
    color: #000;
}
.product .box .content .box10 .box-new {
    width: 1545px;
    height: auto;
    margin: 4% auto 0;
    max-width: 94%; }
.product .box .content .box10 .box-new ul {
    width: 100%;
    height: auto; }
.product .box .content .box10 .box-new ul li {
    width: 47.4%;
    height: auto;
    margin-bottom: 5.2%; }
.product .box .content .box10 .box-new .more-click {
    width: 110px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin: 1% auto 0;
    display: block;
    text-transform: uppercase;
    text-align: center;
    position: relative; }
.product .box .content .box10 .box-new .more-click:after {
    width: 88px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 10px;
    content: '';
    background-color: #8cc332;
    transition: width .5s,left .5s; }
@media (min-width: 1024px) {
    .product .box .content .box10 .box-new .more-click:hover:after {
        width: 100%;
        left: 0; } }
.product .box .content .box8 {
    width: 100%;
    height: auto;
    background-image: url(../image/info_bg1.jpg);
    padding: 7% 0 9%; }
.product .box .content .box8 .con{
    width: 640px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    max-width: 90%;
}
.product .box .content .box9{
    width: 100%;
    background-color: #080505;
    padding: 3.6% 0 7%;
    height: auto;}
.product .box .content .box9 .inTitle .txt{
    width: 1300px;
    max-width: 90%;
    margin: 36px auto 0;
    font-size: 16px;
    line-height: 40px;
    color: #666;}
.product .box .content .box9 .box-new{
    width: 100%;
    height: auto;
}
.product .box .content .box9 .box-new .pic{
    width: 954px;
    max-width: 90%;
    margin: -40% auto 0;
}
.product .box .content .box9 .box-new .con{
    width: 560px;
    max-width: 90%;
    margin: 5% auto 0;
}
.product .box .content .box9 .box-new .con .title{
    width: 100%;
    text-align: center;
    height: auto;
    color: #fff;
    line-height: 36px;
}
.product .box .content .box9 .box-new .con .title .t{
    font-size: 36px;
}
.product .box .content .box9 .box-new .con .title .t1{
    font-size: 16px;
    margin-top: 8px;
}
.product .box .content .box9 .box-new .con .conn{
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 30px;
    color: #999;
    text-align: left;
    margin-top: 47px;
}
.product .box .content .box9 .box-new .con .conn p{
    width: calc(100% - 18px);
    padding-left: 18px;
    position: relative;
}
.product .box .content .box9 .box-new .con .conn p:after{
    width: 6px;
    height: 6px;
    background-color: #8cc332;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
}
.product .box .content .box11{
    width: 100%;
    height: auto;
    background-color: #151515;
    padding: 3.6% 0 4%;}
.product .box .content .box11 .inTitle .txt{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    width: 975px;
    margin: 42px auto 0;
    max-width: 90%;
}
.product .box .content .box11 .item{
    width: 995px;
    max-width: 90%;
    margin: 43px auto 5%;
}
.product .box .content .box11 .item .cc{
    width: 100%;
    height: auto;
    margin-top: 22px;
}
.product .box .content .box11 .item .cc .t{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
.product .box .content .box11 .item .cc .t1{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 4px;
}
.product .box .content .box11 .item .cc .t1 p{
    position: relative;
    width: calc(100% - 14px);
    padding-left: 14px;
}
.product .box .content .box11 .item .cc .t1 p:after{
    width: 6px;
    height: 6px;
    position: absolute;
    top: 12px;
    left: 0;
    content: '';
    background-color: #8cc332;
    border-radius: 100%;
}
.product .box .content .box11 .item1{
    height: auto;
    width: 995px;
    max-width: 90%;
    margin: 0 auto;
}
.product .box .content .box11 .item1 .txt{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 46px;
}
.product .box .content .box11 .item1 .tit{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 5%;
}
.product .box .content .box11 .item1 .tit p{
    padding-left: 18px;
    float: left;
    margin-right: 30px;
    position: relative;
}
.product .box .content .box11 .item1 .tit p:after{
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #8cc332;
    content: "";
    border-radius: 100%;
}
.product .box .content .box11 .item1 .pic{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.product .box .content .box12{
    width: 100%;
    height: auto;
    background-color: #000;
    padding: 3.6% 0 0;}
.product .box .content .box12 .item{
    width: 1250px;
    margin: 0 auto;
    max-width: 90%;
}
.product .box .content .box12 .item .pic{
    margin-top: 60px;
}
.product .box .content .box12 .item1{
    width: 740px;
    max-width: 90%;
    margin: 5% auto 0;
}
.product .box .content .box12 .item1 .txt{
    width: 630px;
    max-width: 100%;
    margin: 42px auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #999;
}
.product .box .content .box12 .item1 .pic{
    width: 100%;
    margin-top: 10%;
}
.product .box .content .box12 .item2{
    position: relative;
}
.product .box .content .box12 .item2 .inTitle{
    width: 100%;
    position: absolute;
    top: 6.8%;
    left: 0;
}
.product .box .content .box13{
    width: 100%;
    position: relative;
    cursor: pointer;
    height: auto; }
.product .box .content .box13 .icon{
    width: 85px;
    height: 133px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.product .box .content .box13 .icon p{
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #a4a5a5;
    margin-top: 30px;
}
.product .box .content .box14{
    width: 100%;
    height: auto;
    background-color: #0e0e0e;
    padding: 3.6% 0 6%;}
.product .box .content .box14 .box-new{
    width: 1200px;
    margin: 7% auto 0;
    max-width: 90%;
}
.product .box .content .box14 .box-new .item{
    width: 35.8%;
    height: auto;
    float: left;
    margin-right: 14.2%;
}
.product .box .content .box14 .box-new .item .t{
    margin-top: 15px;
}
.product .box .content .box14 .box-new .item .t p{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    padding-left: 18px;
    position: relative;
    margin-bottom: 5px;
}
.product .box .content .box14 .box-new .item .t p:after{
    width: 6px;
    height: 6px;
    background-color: #8cc332;
    border-radius: 100%;
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
}
.product .box .content .box14 .box-new .item .t p.p:after{
    display: none;
}
.product .box .content .box15{
    width: 100%;
    position: relative;
    height: auto;}
.product .box .content .box15 .inTitle{
    position: absolute;
    top: 7%;
    left: 0;
}
.product .box .content .box15 .inTitle .tits{
    color: #000;
}
.product .box .content .box15 .inTitle .txt{
    width: 545px;
    height: auto;
    margin: 30px auto 0;
    max-width: 92%;
    font-size: 16px;
    line-height: 30px;
}
.product .box .content .box16{
    width: 100%;
    height: auto;
    position: relative;}
.product .box .content .box16 .con{
    padding-top: 12%;
    padding-bottom: 9%;
}
.product .box .content .box16 .con .tits{
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}
.product .box .content .box16 .con .icon{
    width: 85px;
    height: auto;
    margin: 7% auto 0;
}
.product .box .content .box16 .con .icon p{
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #a5a4a3;
    margin-top: 30px;
}
.product .box .content .box17{
    width: 100%;
    height: auto;
    padding: 3.6% 0 5%;
    background-color: #0e0e0e;}
.product .box .content .box17 .item{
    width: 422px;
    max-width: 90%;
    margin: 7% auto 0;
}
.product .box .content .box17 .item1{
    width: 1366px;
    margin: 4% auto 0;
    max-width: 90%;
}
.product .box .content .box17 .item1 .pic{
    width: 47.1%;
    height: auto;
}
.product .box .content .box17 .item1 .pic p{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-top: 20px;
}
.product .box .content .box18{
    width: 100%;
    height: auto;
    position: relative;}
.product .box .content .box18 .con{
    padding-top: 8%;
    padding-bottom: 14%;
}
.product .box .content .box18 .con .tits{
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}
.product .box .content .box18 .con .icon{
    width: 85px;
    height: auto;
    margin: 2.5% auto 0;
}
.product .box .content .box18 .con .icon p{
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #a5a4a3;
    margin-top: 30px;
}
.product .box .content .box19{
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10% 0;
    background-color: #2d2d2d;}
.product .box .content .box19 .tits{
    font-size: 65px;
    line-height: 65px;
    color: #fff;
}
.product .box .content .box19 .con{
    font-size: 24px;
    line-height: 45px;
    color: #fff;
    width: 840px;
    margin: 20px auto 0;
    max-width: 92%;
}
.product .box .content .box20{
    width: 100%;
    padding: 7% 0 10%;
    cursor: pointer;
    height: auto;}
.product .box .content .box20 .txt{
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    width: 700px;
    max-width: 92%;
    margin: 0 auto;
}
.product .box .content .box20 .icon{
    width: 85px;
    height: auto;
    margin: 80px auto 0;
}
.product .box .content .box20 .icon p{
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #a4a5a5;
    margin-top: 30px;
}
.product .box .content .box21{
    width: 100%;
    height: auto;
    padding: 4.2% 0 5%;}
.product .box .content .box21 .item{
    width: 1170px;
    margin: 45px auto 0;
    max-width: 92%;
}
.product .box .content .box21 .item .it{
    width: 33.3%;
    height: 375px;
    float: left;
    border-right: 1px solid rgba(255,255,255,0.1);
    box-sizing: border-box;
}
.product .box .content .box21 .item .it:last-child{
    border-right: none;
}
.product .box .content .box21 .item .it .tits{
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    padding-left: 35.9%;
}
.product .box .content .box21 .item .it .tit{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-top: 21px;
    padding-left: 35.9%;
}
.product .box .content .box22{
    width: 100%;
    height: auto;
    padding: 4.2% 0 4%;
    background-color: #060606;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;}
.product .box .content .box22 .box-new{
    width: 1224px;
    padding-left: 26px;
    height: auto;
    margin: 7% auto 0;
    max-width: 90%;
}
.product .box .content .box22 .box-new .txt{
    width: 100%;
    height: auto;
}
.product .box .content .box22 .box-new .txt .t{
    width: calc(100% - 18px);
    padding-left: 18px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    position: relative;
    margin-bottom: 30px;
}
.product .box .content .box22 .box-new .txt .t:after{
    width: 6px;
    height: 6px;
    top: 12px;
    left: 0;
    border-radius: 100%;
    background-color: #8cc332;
    position: absolute;
    content: "";
}
.product .box .content .box22 .box-new .txt .t .tt1{
    font-weight: bold;
}
.product .box .content .box22 .box-new .txt .t .tt2{
    color: #999;
}
.product .box .content .box22 .box-new .pic{
    width: 100%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 5%;
}
.product .box .content .box22 .box-new .pic img{
    max-width: 100%;
}
.product .box .content .box22 .box-new .txt1{
    font-size: 16px;
    line-height: 16px;
    color: #999;
}
.product .box .content .box23{
    width: 100%;
    position: relative;
    height: auto;}
.product .box .content .box23 .inTitle{
    position: absolute;
    top: 7%;
    left: 0;
}
.product .box .content .box23 .inTitle .tits{
    color: #000;
}
.product .box .content .box24{
    width: 100%;
    height: auto;
    padding: 5% 0 5%;
    background-color: #191919;}
.product .box .content .box24 .box-new{
    width: 1680px;
    margin: 6% auto 0;
    max-width: 92%;
    height: auto;
}
.product .box .content .box24 .box-new .box-left{
    width: 52.4%;
    height: auto;
    float: left;
    position: relative;
}
.product .box .content .box24 .box-new .box-left .pic{
    width: 58.5%;
    float: right;
}
.product .box .content .box24 .box-new .box-left .con{
    width: 41.5%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #303030;
}
.product .box .content .box24 .box-new .box-left .con .conn{
    width: 68.5%;
    height: auto;
    margin: 0 auto;
}
.product .box .content .box24 .box-new .box-left .con .conn .tits{
    font-size: 22px;
    line-height: 30px;
    color: #fff;
}
.product .box .content .box24 .box-new .box-left .con .conn .tit{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 32px;
}
.product .box .content .box24 .box-new .box-right{
    width: 45.9%;
    height: auto;
    float: right;
}
.product .box .content .box24 .box-new .box-right .item{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 4.7%;
}
.product .box .content .box24 .box-new .box-right .item .pic{
    width: 50%;
    float: left;
}
.product .box .content .box24 .box-new .box-right .item:nth-child(2n) .pic{
    float: right;
}
.product .box .content .box24 .box-new .box-right .item .con{
    width: 50%;
    height: 100%;
    background-color: #303030;
    position: absolute;
    top: 0;
    right: 0;
}
.product .box .content .box24 .box-new .box-right .item:nth-child(2n) .con{
    background-color: #8cc332;
    left: 0;
    right: auto;
}
.product .box .content .box24 .box-new .box-right .item .con .conn{
    width: 71.8%;
    margin: 0 auto;
    text-align: left;
}
.product .box .content .box24 .box-new .box-right .item:nth-child(2n) .con .conn{
    text-align: right;
}
.product .box .content .box24 .box-new .box-right .item .con .conn .tits{
    font-size: 22px;
    line-height: 22px;
    color: #fff;
}
.product .box .content .box24 .box-new .box-right .item .con .conn .tit{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 32px;
}
.product .box .content .box24 .box-new .box-right .item:nth-child(2n) .con .conn .tit{
    color: #fff;
}
.product .box .content .box25{
    width: 100%;
    height: auto;
    padding-top: 3.6%;
    padding-bottom: 7%;
    background-color: #020202;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;}
.product .box .content .box25 .con{
    width: 935px;
    max-width: 90%;
    margin: 3% auto 0;
}
.product .box .content .box25 .con .txt{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #ccc;
}
.product .box .content .box25 .con .item{
    width: 861px;
    max-width: 100%;
    margin: 7% auto 0;
}
.product .box .content .box25 .con .item .tits{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #8cc332;
}
.product .box .content .box25 .con .item .pic{
    margin-top: 20px;
}
.product .box .content .box26{
    width: 100%;
    background-color: #1d1d1d;
    padding-top: 3.6%;
    padding-bottom: 5%;
    height: auto;}
.product .box .content .box26 .txt{
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #999;
    margin-top: 44px;
}
.product .box .content .box26 .list{
    width: 1275px;
    height: auto;
    margin: 25px auto 0;
}
.product .box .content .box26 .list .item{
    width: 31.8%;
    height: auto;
    float: left;
    margin-right: 2.3%;
}
.product .box .content .box26 .list .item:last-child{
    margin-right: 0;
}
.product .box .content .box26 .list .item .tt{
    max-width: 96%;
    margin: 30px auto 0;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #ccc;
}
.product .box .content .box27{
    width: 100%;
    padding-top: 3.6%;
    padding-bottom: 8%;
    height: auto;}
.product .box .content .box27 .itemBox{
    width: 1250px;
    height: auto;
    margin: 5% auto 0;
    max-width: 92%;
}
.product .box .content .box27 .itemBox .item{
    width: 50%;
    height: auto;
    float: left;
}
.product .box .content .box27 .itemBox .item .con{
    width: 336px;
    height: 437px;
    max-width: 94%;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.2);
}
.product .box .content .box27 .itemBox .item .con .conn{
    padding-left: 23.8%;
    padding-top: 70px;
}
.product .box .content .box27 .itemBox .item .con .conn .t{
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 30px;
}
.product .box .content .box27 .itemBox .item .con .conn .t1{
    font-size: 16px;
    line-height: 30px;
    color: #999;
}
.product .box .content .box28{
    width: 100%;
    height: auto;
    background-color: #222;
    padding-bottom: 10%;
    padding-top: 3.6%;}
.product .box .content .box28 .txt{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    margin-top: 44px;
}
.product .box .content .box28 .pic{
    width: 1011px;
    max-width: 92%;
    margin: 3.4% auto 0;
}
.product .box .content .box28 .picBox{
    width: 1011px;
    margin: 7% auto 0;
    max-width: 92%;
    position: relative;
}
.product .box .content .box28 .picBox img{
    width: 40.6%;
    float: left;
    margin-right: 1.8%;
}
.product .box .content .box28 .picBox .tt{
    width: 28.7%;
    position: absolute;
    top: 10%;
    left: 86%;
}
.product .box .content .box28 .picBox .tt .t{
    font-size: 16px;
    line-height: 50px;
    color: #999;
    padding-left: 19px;
    width: calc(100% - 19px);
    position: relative;
}
.product .box .content .box28 .picBox .tt .t:after{
    width: 6px;
    height: 6px;
    background-color: #8cc332;
    position: absolute;
    top: 21px;
    left: 0;
    border-radius: 100%;
    content: "";
}

.product .box .content .bb4 {
    width: 100%;
    height: auto;
    padding-top: 3.6%;
    background-color: #0b0b0b; }
.product .box .content .bb4 .box-new {
    width: 1680px;
    height: auto;
    max-width: 92%;
    margin: 0 auto;
    padding-bottom: 3%; }
.product .box .content .bb4 .box-new .title{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4%;
}
.product .box .content .bb4 .box-new .title .tits{
    font-size: 36px;
    line-height: 40px;
    color: #fff;

}
.product .box .content .bb4 .box-new .title .line{
    width: 45px;
    height: 3px;
    background-color: #8cc332;
    margin: 15px auto 0;
}
.product .box .content .bb4 .box-new .title .txt{
    width: 660px;
    margin: 20px auto 0;
    max-width: 92%;
    font-size: 16px;
    line-height: 35px;
    color: #999;
}
.product .box .content .bb4 .box-new .item {
    width: 100%;
    height: auto;
    margin-top: 7%;
    position: relative; }
.product .box .content .bb4 .box-new .item .imgBox {
    width: 71.4%;
    height: auto;
    float: left;
    position: relative;
    min-height: 100px;
    overflow: hidden;
    padding: 40px 0; }
.product .box .content .bb4 .box-new .item .imgBox ul li {
    min-height: 50px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none; }
.product .box .content .bb4 .box-new .item .imgBox ul li .boxx {
    position: relative;
    left: 0px;
    top: 0px;
    width: 50%;
    overflow: hidden; }
.product .box .content .bb4 .box-new .item .imgBox ul li .boxx .img {
    height: 720px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
.product .box .content .bb4 .box-new .item .imgBox ul li .bar {
    width: 130px;
    height: calc(100% + 80px);
    position: absolute;
    z-index: 20;
    left: 50%;
    top: -40px;
    margin-left: -65px; }
.product .box .content .bb4 .box-new .item .imgBox ul li .bar .line {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    background-color: #666; }
.product .box .content .bb4 .box-new .item .imgBox ul li .bar .bb {
    width: 130px;
    height: 73px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/info_icon.png); }
.product .box .content .bb4 .box-new .item .item-right {
    width: 28%;
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%); }
.product .box .content .bb5{
    width: 100%;
    height: auto;
    background-color: #010101;
    background-size: 100%;
    background-position: center 38%;
    background-repeat: no-repeat;
    padding-bottom: 9%;
    padding-top: 3.6%;}
.product .box .content .bb5 .inTitle .txt{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    margin-top: 40px;
}
.product .box .content .bb5 .pic{
    width: 720px;
    max-width: 92%;
    height: auto;
    margin: 5% auto 5%;
}
.product .box .content .bb5 .pic1{
    width: 975px;
    max-width: 92%;
    height: auto;
    margin: 5% auto 0;
}
.product .box .content .bb6{
    width: 100%;
    height: auto;
    padding-top: 7%;
    padding-bottom: 4%;
    background-color: #1c1c1c;}
.product .box .content .bb6 .content{
    width: 1680px;
    max-width: 92%;
    margin: 0 auto;
}
.product .box .content .bb6 .content .item{
    width: 26.6%;
    margin-left: 1.9%;
    float: left;
}
.product .box .content .bb6 .content .tits{
    font-size: 36px;
    line-height: 36px;
    color: #fff;
}
.product .box .content .bb6 .content .tit{
    width: 290px;
    max-width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 35px;
    color: #999;
    margin-top: 45px;
}
.product .box .content .bb6 .content .item .pic{
    width: 100%;
    margin-top: 70px;
}
.product .box .content .bb6 .content .item1{
    width: 58.9%;
    height: auto;
    float: right;
}
.product .box .content .bb6 .content .item1 .tit{
    width: 385px;
}
.product .box .content .bb6 .content .item1 .picBox{
    width: 100%;
    margin-top: 70px;
}
.product .box .content .bb6 .content .item1 .picBox .img{
    float: left;
    width: 33.8%;
}
.product .box .content .bb6 .content .item1 .picBox .img1{
    float: right;
    width: 63.5%;
}
.product .box .content .bb7{
    width: 100%;
    height: auto;
    position: relative;}
.product .box .content .bb7 .con{
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;
}
.product .box .content .bb7 .con .tits{
    font-size: 36px;
    line-height: 49px;
    color: #000;
    text-align: center;
}
.product .box .content .bb7 .con .line{
    width: 45px;
    height: 3px;
    margin: 35px auto 0;
    background-color: #8cc332;
}
.product .box .content .bb8{
    width: 100%;
    padding-top: 9%;
    height: auto;}
.product .box .content .bb8 .pic{
    width: 38.6%;
    height: auto;
    margin: 6% auto 0;
}
.product .box .content .bb9{
    width: 100%;
    height: auto;
    position: relative;}
.product .box .content .bb9 .inTitle{
    top: 18%;
    position: absolute;
    left: 0;
    width: 100%;
}
.product .box .content .bb10{
    width: 100%;
    height: auto;
    position: relative;}
.product .box .content .bb10 .con{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.product .box .content .bb10 .con .title{
    width: 1380px;
    max-width: 92%;
    margin: 0 auto;
}
.product .box .content .bb10 .con .title .tits{
    font-size: 36px;
    line-height: 60px;
    color: #000;
}
.product .box .content .bb10 .con .title .line{
    width: 45px;
    height: 3px;
    background-color: #8cc332;
    margin-top: 40px;
}

.product .box .content .b55 {
    width: 1400px;
    height: auto;
    margin: 0 auto;
    max-width: 94%;
    padding-top: 4.2%; }
.product .box .content .b55 .title {
    width: 100%;
    height: auto;
    text-align: center; }
.product .box .content .b55 .title .t {
    font-size: 60px;
    line-height: 70px;
    color: #fff; }
.product .box .content .b55 .title .txt {
    width: 1135px;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    color: #999;

    margin-top: 3.6%; }
.product .box .content .b55 .it {
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(231, 231, 231, 0.12);
    padding-bottom: 6%; }
.product .box .content .b55 .it .item {
    width: 930px;
    margin: 6% auto 0;
    max-width: 90%; }
.product .box .content .b55 .it .item .txt{
    margin-top: 20px;
}
.product .box .content .b55 .it .item .tits {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    text-align: center; }
.product .box .content .b55 .it .item .line {
    width: 37px;
    height: 6px;
    background-color: #8cc332;
    margin: 3% auto 0; }
.product .box .content .b55 .it .item .item-new {
    width: 100%;
    height: auto;
    margin-top: 7%; }
.product .box .content .b55 .it .item .item-new .pic{
    width: 100%;
    text-align: center;
}
.product .box .content .b55 .it .item .item-new .pic img{
    max-width: 100%;
}
.product .box .content .b55 .it .item .item-new .pic p{
    margin-top: 10px;
    text-align: center;
}
.product .box .content .b55 .it .item .item-new .pic-box {
    width: 47.6%;
    height: auto; }
.product .box .content .b55 .it .item .item-new .pic-box .img {
    width: 100%;
    height: auto; }
.product .box .content .b55 .it .item .item-new .pic-box p {
    width: 94%;
    text-align: center;
    margin: 22px auto 0;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}
.product .box .content .b55 .it .tit {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    color: #999;

    margin-top: 2%; }
.product .box .content .b55 .it:last-child {
    border-bottom: none; }
.product .box .content .b56 {
    width: 100%;
    height: auto;
    background-color: #000;
    padding-bottom: 5%; }
.product .box .content .b56 .box-new {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    max-width: 94%;
    padding-top: 5%; }
.product .box .content .b56 .box-new .con {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 6%; }
.product .box .content .b56 .box-new .con .pic {
    width: 50%;
    text-align: center;
    height: auto; }
.product .box .content .b56 .box-new .con .pic img{
    max-width: 100%;
}
.product .box .content .b56 .box-new .con p{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 20px;
    text-align: center;
}
.product .box .content .b56 .box-new .con .pic.right {
    width: 38.6%; }
.product .box .content .b56 .box-new .con .conn {
    width: 38%;
    margin-right: 10%;
    height: auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
.product .box .content .b56 .box-new .con .conn .txt {
    font-size: 16px;
    line-height: 26px;
    color: #999; }
.product .box .content .b56 .box-new:nth-child(2n) .con .conn {
    left: 0;
    right: auto;
    margin-right: auto;
    margin-left: 10%; }
.product .box .content .b90 {
    width: 100%;
    height: auto;
    background-image: url(../image/info_bg1.jpg);
    padding: 5% 0 6%; }
.product .box .content .b90 .pic{
    text-align: center;
    margin-top: 4%;
}
.product .box .content .b90 .pic img{
    display: inline-block;
    max-width: 100%;
}
.product .box .content .b90 .tits {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    text-align: center; }
.product .box .content .b90 .txt {
    width: 675px;
    height: auto;
    max-width: 94%;
    margin: 2% auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff; }
.product .box .content .b90 .txt span {
    font-size: 28px; }
.product .box .content .b90 .txt b {
    display: block; }
.product .box .content .b90 .txt.txt1 {
    width: 1450px; }
.product .box .content .b90 .tit {
    width: 100%;
    text-align: center;
    height: auto;
    font-size: 18px;
    line-height: 30px;
    margin-top: 4%; }
.product .box .content .b90 .tit span {
    margin: 0 28px;
    position: relative; }
.product .box .content .b90 .tit span:after {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 8px;
    left: -12px;
    content: '';
    border-radius: 4px;
    background-color: #8cc332; }



.product .box.move {
    width: 80%;
    margin-left: 20%; }
}
.product .productNav {
    width: 58px;
    height: 58px;
    position: fixed;
    top: 50%;
    left: 0;
    margin-top: -29px;
    display: block;
    background-image: url("../image/product_click.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 10;
    transition: left .5s; }
.product .productNav.on {
    left: 20%;
    background-image: url("../image/product_click_h.jpg"); }
@media (max-width: 1540px){
    .product .box .content .box6 .box-new .con .tit2{
        width: 333px;
    }
    .product .box .content .box6 .box-new .con .tit2 ul li{
        margin-bottom: 10px;
    }
}
@media (max-width: 1500px){
    .product .box .content .box3 .box-new .con{
        width: 40%;
        top: 15%;
    }
    .product .box .content .box3 .box-new .con .t{
        margin-bottom: 15px;
    }
}
@media (max-width: 1366px){
    .header-box .header .header-new .header-right .button{
        font-size: 14px;
    }
    .product .box .content .box26 .txt{
        margin-top: 25px;
    }
    .product .box .content .box26 .list .item .tt br{
        display: none;
    }
    .product .box .list ul li {
        width: 31.5%;
        margin-right: 2.75%;
        margin-bottom: 2.75%; }
    .product .box .list ul li:nth-child(4n) {
        margin-right: 2.75%; }
    .product .box .list ul li:nth-child(3n) {
        margin-right: 0; }
    .product .box .content .inTitle .tits{
        font-size: 30px;
        line-height: 40px;
    }
    .product .box .content .box1 .box-new{
        margin: 7% auto 0;
    }
    .product .box .content .box1 .box-new .pic{
        top: -40%;
    }
    .product .box .content .box6 .box-new .con .tit1{
        margin-top: 10%;
    }
    .product .box .content .box6 .box-new .con .tit p{
        margin-bottom: 8px;
    }
    .product .box .content .box7 .box-new .con .it{
        margin-bottom: 20px;
    }
    .product .box .content .box9 .box-new .con .title .t{
        font-size: 30px;
    }
    .product .box .content .box19 .tits{
        font-size: 40px;
        line-height: 40px;
    }
    .product .box .content .box19 .con{
        font-size: 20px;
        line-height: 30px;
    }
    .product .box .content .box20 .txt{
        font-size: 20px;
        line-height: 30px;
    }
    .product .box .content .box24 .box-new .box-left .con .conn .tits{
        font-size: 18px;
        line-height: 18px;
    }
    .product .box .content .box24 .box-new .box-left .con .conn .tit{
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .product .box .content .box24 .box-new .box-right .item .con .conn{
        width: 90%;
    }
    .product .box .content .box24 .box-new .box-right .item .con .conn .tits{
        font-size: 18px;
        line-height: 18px;
    }
    .product .box .content .box24 .box-new .box-right .item .con .conn .tit{
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .product .box .content .bb7 .con .tits{
        font-size: 30px;
        line-height: 40px;
    }
    .product .box .content .bb10 .con .title .tits{
        font-size: 30px;
        line-height: 40px;
    }

    .product .box .pTits{
        font-size: 30px;
        line-height: 40px;
    }

}
@media (max-width: 1280px){
    .product .box .content .bb6 .content .tits{
        font-size: 24px;
        line-height: 24px;
    }
    .product .box .content .bb6 .content .tit{
        margin-top: 15px;
    }
    .product .box .content .bb6 .content .item .pic{
        margin-top: 30px;
    }
    .product .box .content .bb6 .content .item1 .picBox{
        margin-top: 30px;
    }
}
@media (max-width: 1200px){
    .product .box .content .bb4 .box-new .title .tits{
        font-size: 24px;
        line-height: 26px;
    }
}
@media (max-width: 1140px){
    .product .box .content .box28 .picBox .tt{
        top: 25%;
    }
    .product .box .content .box28 .picBox .tt .t{
        font-size: 14px;
        line-height: 32px;
    }
    .product .box .content .box28 .picBox .tt .t:after{
        top: 13px;
    }
}
@media (max-width: 1100px){
    .product .box .content .box4 .item .con{
        font-size: 14px;
        line-height: 22px;
    }
    .product .box .content .box4 .item .con .t br{
        display: none;
    }
    .product .box .content .box4 .item1 ul li{
        margin-bottom: 20px;
    }
    .product .box .content .box21 .item .it .tits{
        padding-left: 13%;
    }
    .product .box .content .box21 .item .it .tit{
        padding-left: 13%;
    }
    .product .box .content .box21 .item .it .tits{
        font-size: 20px;
        line-height: 20px;
    }
}
@media (max-width: 1024px){
    .product .box .product-nav {
        display: none; }
    .product .box .product-nav-m {
        display: block; }
    .product .box .list ul li {
        height: 430px; }


    .product .box .banner .con .title .tits {
        font-size: 60px;
        line-height: 62px; }
    .product .box .banner .con .title .tit {
        font-size: 30px;
        line-height: 32px; }
    .product .box .content .box3 .box-new .con{
        top: 3%;
    }
    .product .box .content .box3 .box-new .con .t{
        line-height: 26px;
    }
    .product .box .content .box3 .box-new{
        margin-top: 30px;
    }
    .product .box .content .box5 .item .con .it .tits{
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
    }
    .product .box .content .box5 .item .con .it{
        margin-bottom: 15px;
    }
    .product .box .content .box5 .item .con .it .tit1{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box5 .inTitle .tit{
        font-size: 16px;
        line-height: 24px;
    }
    .product .box .content .box5 .item1 .it .tits{
        font-size: 20px;
        line-height: 20px;
    }
    .product .box .content .box5 .item1 .it .tit{
        font-size: 14px;
        line-height: 26px;
    }
    .product .box .content .box5 .item1 .it .tit p:after{
        top: 10px;
    }
    .product .box .content .box5 .item1 .it .tit1{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box26 .list .item .tt{
        line-height: 22px;
        margin: 10px auto 0;
    }
    .product .box .content .box28 .picBox .tt{
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin-top: 4%;
        float: left;
    }
    .product .box .content .b90 .tits {
        font-size: 40px;
        line-height: 44px;
    }
    .product .box .content .b90 .txt {
        font-size: 20px;
        line-height: 34px;
    }
}
@media (max-width: 970px){
    .product .box .content .box3 .box-new .pic{
        margin-left: 3%;
    }
    .product .box .content .box3 .box-new .con{
        right: 4%;
        width: 48%;
    }
}
@media (max-width: 920px){
    .product .box .content .box1 .box-new{
        margin: 4% auto 0;
    }
    .product .box .content .box1 .box-new .pic{
        top: -22%;
    }
    .product .box .content .box1 .box-new .con{
        width: 47%;
    }
    .product .box .content .box1 .box-new .con .tit{
        margin-top: 25px;
    }
    .product .box .content .box1 .box-new .con .tit .item{
        line-height: 40px;
        font-size: 14px;
    }
    .product .box .content .box6 .box-new .pic{
        width: 80%;
        margin: 4% auto 0;
        float: none;
    }
    .product .box .content .box6 .box-new .con{
        width: 90%;
        float: none;
        padding-top: 0;
        margin: 4% auto 0;
    }
    .product .box .content .box6 .box-new .con .tit1{
        font-size: 16px;
        line-height: 16px;
    }
    .product .box .content .box6 .box-new .con .tit2{
        margin-top: 10px;
    }
    .product .box .content .box6 .box-new .con .tit2 ul li{
        margin-right: 15px;
        margin-bottom: 10px;
    }
    .product .box .content .box6 .box-new .con .tit2 ul li p{
        font-size: 12px;
        line-height: 20px;
    }
    .product .box .content .box6 .box-new .con .tits{
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        max-width: 100%;
    }
    .product .box .content .box7 .box-new .pic{
        width: 100%;
        float: none;
    }
    .product .box .content .box7 .box-new .con{
        width: 100%;
        float: none;
        margin-top: 4%;
    }
    .product .box .content .box7 .box-new .con.c1{
        width: 100%;
        float: none;
    }
    .product .box .content .box7 .box-new .con .it{
        width: calc(50% - 60px);
        padding-left: 60px;
        float: left;
    }
    .product .box .content .box7 .box-new .con .it img{
        width: 40px;
    }
    .product .box .content .box7 .box-new .con.c1 .it{
        width: calc(100% - 60px);
    }
    .product .box .content .box24 .box-new .box-left{
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .product .box .content .box24 .box-new .box-right{
        width: 100%;
        float: none;
    }
    .product .box .content .bb4 .box-new .item .imgBox{
        padding-top: 20px 0;
        width: 100%;
    }
    .product .box .content .bb4 .box-new .item .item-right{
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0);
    }
    .product .box .content .bb4 .box-new .title .txt{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .bb5 .inTitle .txt{
        font-size: 14px;
        line-height: 24px;
        margin: 15px auto 0;
        max-width: 90%;
    }
    .product .box .content .bb6 .content .item{
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 20px;
    }
    .product .box .content .bb6 .content .item1{
        width: 100%;
        float: none;
    }
    .product .box .content .bb6 .content .item1 .picBox .img{
        width: 100%;
        float: none;
    }
    .product .box .content .bb6 .content .item1 .picBox .img1{
        width: 100%;
        float: none;
    }
    .product .box .content .bb6 .content .tits{
        font-size: 18px;
        line-height: 18px;
    }
    .product .box .content .bb6 .content .tit{
        font-size: 14px;
        line-height: 24px;
    }
}

    .product .box .content .box5 .inTitle .tit{@media (max-width: 850px){
        width: 80%;
        margin: 10px auto 0;
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box5 .item .con{
        width: 100%;
        float: left;
    }
    .product .box .content .box5 .item .pic{
        width: 100%;
        margin-top: 20px;
    }
    .product .box .content .box5 .item1 .it{
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .product .box .content .box22 .box-new{
        padding-left: 0;
    }
    .product .box .content .box22 .box-new .txt .t{
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 26px;
    }
    .product .box .content .box22 .box-new .txt .t:after{
        top: 10px;
    }
    .product .box .content .box23 img{
        width: 160%;
        margin-left: -30%;
    }
}
@media (max-width: 780px) {
    .product .box .list ul li {
        width: 48.5%;
        margin-right: 3%; }
    .product .box .list ul li:nth-child(3n) {
        margin-right: 3%; }
    .product .box .list ul li:nth-child(2n) {
        margin-right: 0; } }
@media (max-width: 760px){
    .product .box .content .box3 .box-new .pic{
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    .product .box .content .box3 .box-new .con{
        width: 90%;
        margin: 20px auto 0;
        position: relative;
        top: auto;
        right: auto;
    }
    .product .box .content .box3 .box-new .con .t{
        font-size: 14px;
    }
    .product .box .content .box4 .item .con{
        width: 100%;
        float: none;
    }
    .product .box .content .box4 .item .pic{
        width: 100%;
        float: none;
    }
    .product .box .content .box4 .item1 ul li{
        width: calc(33.3% - 10px);
        padding-left: 10px;
        font-size: 14px;
        line-height: 22px;
        min-height: 66px;
        margin-bottom: 10px;
    }
    .product .box .content .box8 .con{
        font-size: 14px;
        line-height: 26px;
        margin: 20px auto 0;
    }
    .product .box .content .box9 .inTitle .txt{
        font-size: 14px;
        line-height: 26px;
        margin: 15px auto 0;
    }
    .product .box .content .box9 .box-new .img{
        width: 140%;
        margin-left: -20%;
    }
    .product .box .content .box9 .box-new .con .title{
        line-height: 26px;
    }
    .product .box .content .box9 .box-new .con .title .t{
        font-size: 22px;
    }
    .product .box .content .box9 .box-new .con .title .t1{
        font-size: 14px;
        margin-top: 5px;
    }
    .product .box .content .box9 .box-new .con .conn{
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .product .box .content .box9 .box-new .con .conn p:after{
        top: 8px;
    }
    .product .box .content .box11 .inTitle .txt{
        font-size: 14px;
        line-height: 24px;
        margin: 15px auto 0;
    }
    .product .box .content .box11 .item .cc .t1{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box11 .item .cc .t1 p:after{
        top: 9px;
    }
    .product .box .content .box11 .item1 .txt{
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .product .box .content .box11 .item1 .tit{
        font-size: 14px;
        line-height: 26px;
    }
    .product .box .content .box11 .item1 .tit p:after{
        top: 8px;
    }
    .product .box .content .box12 .item1 .txt{
        font-size: 14px;
        line-height: 24px;
        margin: 20px auto 0;
    }
    .product .box .content .box12 .item2 img{
        width: 140%;
        margin-left: -20%;
    }
    .product .box .content .box7 .box-new .con .it .tit .t1{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box13 img{
        width: 130%;
        margin-left: -15%;
    }
    .product .box .content .box13 .icon{
        width: 40px;
        height: 74px;
    }
    .product .box .content .box13 .icon p{
        margin-top: 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .product .box .content .box15 img{
        width: 160%;
        margin-left: -30%;
    }
    .product .box .content .box15 .inTitle .txt{
        font-size: 14px;
        line-height: 24px;
        margin: 10px auto 0;
    }
    .product .box .content .box15 .inTitle{
        top: 4%;
    }
    .product .box .content .box17 .item1 .pic p{
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .product .box .content .box17 .item1 .pic{
        width: 100%;
        float: none !important;
        margin-bottom: 20px;
    }
    .product .box .content .box16 .con .tits{
        font-size: 18px;
        line-height: 18px;
    }
    .product .box .content .box18 .con .tits{
        font-size: 18px;
        line-height: 18px;
    }
    .product .box .content .box16 .con .icon{
        width: 40px;
    }
    .product .box .content .box18 .con .icon{
        width: 40px;
    }
    .product .box .content .box16 .con .icon p{
        margin-top: 10px;
        font-size: 14px;
        line-height: 14px;
    }
    .product .box .content .box18 .con .icon p{
        margin-top: 10px;
        font-size: 14px;
        line-height: 14px;
    }
    .product .box .content .box14 .box-new .item{
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 20px;
    }
    .product .box .content .box14 .box-new .item .t p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .product .box .content .box14 .box-new .item .t p:after{
        top: 7px;
    }
    .product .box .content .box14 .box-new .item .t p.p{
        display: none;
    }
    .product .box .content .box14 .box-new .item .pic img{
        width: 100%;
    }
    .product .box .content .box19 .tits{
        font-size: 26px;
        line-height: 26px;
    }
    .product .box .content .box19 .con{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box20 .txt{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box20 .icon{
        width: 40px;
        margin: 20px auto 0;
    }
    .product .box .content .box20 .icon p{
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px;
    }
    .product .box .content .box25 .con .txt{
        font-size: 14px;
        line-height: 26px;
    }
    .product .box .content .box25 .con .item .tits{
        font-size: 16px;
        line-height: 26px;
    }
    .product .box .content .box27 .itemBox .item{
        width: 100%;
        margin-bottom: 10px;
    }
    .product .box .content .box27 .itemBox .item .con{
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .product .box .content .box27 .itemBox .item .con .conn{
        padding-top: 0;
        padding-left: 20px;
    }
    .product .box .content .box27 .itemBox .item .con .conn .t1{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box27 .itemBox .item .con .conn .t{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 15px;
    }
}
@media (max-width: 650px) {
    .product .box .banner .con .title .tits {
        font-size: 28px;
        line-height: 34px; }
    .product .box .banner .con .title .tit {
        font-size: 16px;
        line-height: 22px; }
    .product .box .content .inTitle .tits{
        font-size: 20px;
        line-height: 28px;
    }
    .product .box .content .inTitle .line{
        margin: 10px auto 0;
    }
    .product .box .content .box2 .inTitle .tit{
        line-height: 20px;
        font-size: 14px;
        max-width: 80%;
        margin: 15px auto 0;
    }
    .product .box .content .box1 .box-new .con{
        width: 100%;
        float: none;
    }
    .product .box .content .box1 .box-new .pic{
        position: relative;
        top: auto;
        right: auto;
        width: 80%;
        margin: 0 auto;
    }
    .product .box .content .box1{
        padding: 30px 0 7%;
    }
    .product .box .content .box1 .box-new .con .txt{
        font-size: 14px;
        line-height: 24px;
        margin-top: 8px;
    }
    .product .box .content .box1 .box-new .con .tit{
        margin-top: 10px;
    }
    .product .box .banner .con .pic.p4{
        width: 48.6%;
    }
    .product .box .content .box2 .item .imgBox{
        padding: 15px 0;
    }
    .product .box .content .box21 .item .it{
        margin-bottom: 20px;
        width: 50%;
        border-right: none;
        height: auto;
    }
    .product .box .content .box21 .item .it .tits{
        font-size: 16px;
        line-height: 16px;
    }
    .product .box .content .box21 .item .it .tit{
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
    .product .box .content .box21 .item{
        margin: 15px auto 0;
    }
    .product .box .content .box26 .list .item{
        width: 100%;
        margin-bottom: 20px;
        float: none;
        margin-right: 0;
    }
    .product .box .content .box26 .txt{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .content .box28 .picBox img{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        display: block;
    }
    .product .box .content .box28 .picBox .tt{
        float: none;
        margin-top: 0;
    }
    .product .box .content .box28 .txt{
        font-size: 14px;
        margin: 20px auto 0;
        max-width: 90%;
    }
    .product .box .content .bb7 .con .tits{
        font-size: 20px;
        line-height: 28px;
    }
    .product .box .content .bb7 img{
        width: 140%;
        margin-left: -20%;
    }
    .product .box .content .bb7 .con .line{
        margin: 15px auto 0;
    }
    .product .box .content .inTitle .tits{
        font-size: 16px;
        line-height: 20px;
    }
    .product .box .content .bb10 .con .title .tits{
        font-size: 16px;
        line-height: 20px;
    }
    .product .box .content .bb10 .con .title .line{
        margin-top: 15px;
    }
    .product .box .content .bb10 .con .title{
        width: 90%;
    }
    .product .box .content .box10 .box-new .more-click{
        font-size: 14px;
        line-height: 20px;
    }
    .product .box .content .box10 .box-new .more-click:after{
        width: 64px;
        height: 2px;
        bottom: -5px;
        left: 21px;
    }
    .product .box .content .bb7 .con .tits{
        font-size: 16px;
        line-height: 22px;
    }
    .product .box .content .b56 .box-new .con .pic {
        width: 100%;
        float: none; }
    .product .box .content .b56 .box-new .con .pic.right {
        width: 100%;
        float: none; }
    .product .box .content .b56 .box-new:nth-child(2n) .con .conn {
        margin-left: 0; }
    .product .box .content .b56 .box-new .con .conn{
        position: relative;
        width: 100%;
        margin-right: 0;
        margin-top: 2%;
    }
    .product .box .content .b56 .box-new .con .conn .txt{
        font-size: 14px;
        line-height: 24px;
    }
    .product .box .pTits{
        font-size: 16px;
        line-height: 20px;
    }
    .product .box .txt{
        font-size: 14px;
        line-height: 20px;
    }
    .product .box .content .b56 .box-new .con p{
        font-size: 14px;
        line-height: 24px;
    }
}
@media (max-width: 560px){
    .product .box .product-nav-m .nav-new {
        font-size: 16px;
        line-height: 50px; }
    .product .box .product-nav-m .nav-new a {
        margin: 0 10px; }
    .product .box .content .box24 .box-new .box-left .con{
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        padding: 5% 0;
    }
    .product .box .content .box24 .box-new .box-left .con .conn{
        width: 90%;
    }
    .product .box .content .box24 .box-new .box-left .pic{
        width: 100%;
    }
    .product .box .content .box24 .box-new .box-right .item .con{
        width: 100%;
        padding: 5% 0;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        position: relative;
    }
    .product .box .content .box24 .box-new .box-right .item .pic{
        width: 100%;
        float: none !important;
    }
    .product .box .content .box24 .box-new .box-right .item:nth-child(2n) .con .conn{
        text-align: left;
    }
}
@media (max-width: 480px){
    .product .box .list ul li {
        width: 100%;
        margin-right: 0 !important; }
    .product .box .content .b90 .tits {
        font-size: 20px;
        line-height: 24px;
    }
    .product .box .content .b90 .txt {
        font-size: 14px;
        line-height: 22px;
    }
}
@media (max-width: 440px){

}

/*# sourceMappingURL=style.css.map */













/*# sourceMappingURL=style.css.map */
/*
m86*/
.product .box .content .box6_m86 .box6_m86_pic{
    display: none;
}

.product .box .content .box1_m86 .box-new{
    margin: 4% 9% 0;
}
.product .box .content .box1_m86 .box-new .con .inTitle {
    margin-bottom: 24%;
    text-align: left;
}
.product .box .content .box1_m86 .box-new .con .inTitle .tits {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}
.product .box .content .box1_m86 .box-new .con .inTitle .line {
    margin-left: 0;
}

.product .box .content .box1_m86{
    padding: 3.6% 0 5%;
    background-position: top;
}
.product .box .content .box1_m86 .box-new .con .box1_m86_pic {
    margin-top: 2%;
}

.product .box .content .box2_m86 .box-new{
    clear: both;
    overflow: hidden;
    max-width: 80%;
    margin: auto;
}
.product .box .content .box2_m86 .box-new .box-content.left {
    padding: 10% 0;
    width: 50%;
}
.product .box .content .box2_m86 .box-new .box-content.right {
    margin-top: 5%;
    width: 50%;
}
.product .box .content .box2_m86 .box-new .box-content.right .box-pic img{
    width: 100%;
}
.product .box .content .box2_m86 .box-new .box-content.left .inTitle {
    text-align: left;
}
.product .box .content .box2_m86 .box-new .box-content.left .inTitle .line {
    margin-left: 0;
}
.product .box .content .box2_m86 .box-new .box-content.left .inTitle .tit {
    margin-left: 0;
}
.product .box .content .box2_m86 .box-new .box-content.right {
    margin-top: 5%;
}
.product .box .content .box2_m86 .box-new .box-content.right .box-des {
    text-align: center;
    margin-top: 3%;
}

.product .box .content .box3_m86 .box-new {
    clear: both;
    overflow: hidden;
    max-width: 94%;
    margin: auto;
}
.product .box .content .box3_m86 .box-new .box-content.left {
    padding: 10% 0;
    width: 55%;
}
.product .box .content .box3_m86 .box-new .box-content.left .box-pic img {
    width: 100%;
}
.product .box .content .box3_m86 .box-new .box-content.right {
    width: 36%;
    padding: 10% 0;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle {
    text-align: left;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .tits {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .line {
    margin-left: 0;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .tit {
    margin-top: 5%;
    font-size: 16px;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .tit.fz202 {
    color: #8cc332;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item {
    clear: both;
    overflow: hidden;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item {
    width: 45%;
    float: left;
    margin: 15px 16px 0px 0;
    padding-top: 3px;
    background-color: #a8c332;
    position: relative;
    border-radius: 10px;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .number {
    padding: 10%;
    background-color: #fff;
    color: #a8c332;
    float: left;
    margin-left: 3px;
    margin-bottom: 3px;
    border-radius: 10px;
    font-size: 24px;
}
.product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .content {
    color: #fff;
    position: absolute;
    left: 40%;
    top: 25%;
    width: auto;
    font-size: 16px;
}
.product .box .content .box4_m86 .box-new {
    max-width: 80%;
    margin: auto;
    padding: 0px 18%;
}
.product .box .content .box4_m86 .box-new .box-content {
    text-align: center;
    margin-top: 2%;
    font-size: 16px;
}
.product .box .content .box4_m86 .box-new .box4_m86_pic img {
    width: 100%;
    margin-top: 4%;
}
.product .box .content .box4_m86 .box-new .box4_m86_pic .des {
    text-align: center;
    margin-top: 1%;
}
.product .box .content .box4_m86 .section2 {
    margin-top: 5%;
}

.product .box .content .box5_m86 .box-new {
    max-width: 80%;
    margin: auto;
    clear: both;
    overflow: hidden;
}
.product .box .content .box5_m86 .box-new .box-content.left .inTitle {
    text-align: left;
}
.product .box .content .box5_m86 {
    background-color: #fff;
}
.product .box .content .box5_m86 .box-new .box-content.left .inTitle .tits {
    color: #000;
}
.product .box .content .box5_m86 .box-new .box-content.left .inTitle .line {
    margin-left: 0;
}
.product .box .content .box5_m86 .inTitle .tit {
    margin: 8% 0;
    color: #000;
}
.product .box .content .box5_m86 .box-new .box-content.left {
    width: 40%;
}
.product .box .content .box5_m86 .box-new .box-content.left img {
    width: 100%;
}
.product .box .content .box5_m86 .box-new .box-content.right {
    width: 45%;
}
.product .box .content .box5_m86 .box-new .box-content.right img {
    width: 100%;
}


.product .box .content .box6_m86 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.product .box .content .box6_m86 .box-new {
    padding: 6% 0 15% 65%;
    width: auto;
    clear: both;
    overflow: hidden;
}
.product .box .content .box6_m86 .box-new .box6_m86_item {
    width: 720px;
    float: left;
    position: relative;
    margin-top: 3%;
}
.product .box .content .box6_m86 .box-new .box6_m86_item .pic {
    width: auto;
    margin-left: 0;
}
.product .box .content .box6_m86 .box-new .box6_m86_item .des {
    position: absolute;
    top: 20%;
    left: 12%;
}
.product .box .content .box6_m86 .box-new .box6_m86_item .des .title {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
}


.product .box .content .box1_m86 .inTitle_1{
    display: none;
}
.product .box .content .box3_m86 .box-new .box-pic-2{
    display: none;
}
.box1_m86_pic_2{
    display: none;
}
.product .box .content .box7_m86 .box-new .pic{
    float: none;
    width: 100%;
}
.product .box .content .box7_m86 .box-new .pic img {
    width: 100%;
}
.product .box .content .box7_m86 .box-new .section.section_special{
    margin-right: 2% !important;
    margin-left: 2% !important;
    width: 30% !important;
}
.product .box .content .box7_m86 .box-new .section {
    width: 20%;
    float: left;
    margin: 0 1%;
}
.product .box .content .box7_m86 .box-new .section_item {
    clear: both;
    overflow: hidden;
    margin-top: 12%;
    position: relative;
}
.product .box .content .box7_m86 .box-new .section_item .pic_ico {
    float: left;
    width: 50px;
}
.product .box .content .box7_m86 .box-new .section_item img {
    width: 100%;
}
.product .box .content .box7_m86 .box-new .section_item .des {
    float: left;
    font-size: 13px;
    position: absolute;
    left: 25%;
    top: 10%;
}
.product .box .content .box7_m86 .box-new .section_item .des .title {
    color: #fff;
    font-size: 13px;
}
.product .box .content .box7_m86 .box-new .section_item .des .content {
    font-size: 13px;
}
.product .box .box_m86 .banner{
    background-position: center;
}
.product .box .box_m86 .banner .con .pic.p4{
    width: 45.9%;
    margin: 3% auto 0;
}
@media (max-width: 1366px){
    .product .box .content .box1_m86 .box-new .con .inTitle .tits{
        font-size: 30px;
        line-height: 40px;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .tits{
        font-size: 30px;
        line-height: 40px;
        line-height: 40px;
    }

}
@media (max-width: 1250px){
    .product .box .content .box3_m86 .box-new .box-content.right{
        padding-top: 0;
    }
    .box-pic-2{
        display: block;
    }
    .product .box .content .box3_m86 .box-new .box-content.left {
        display: none;
    }
    .product .box .content .box3_m86 .box-new .box-content.right {
        width: 100%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item{
        width: 45%;
        margin: 1% 2.5%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item{
        margin-top: 1%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .content{
        top: 33%;
    }
}
@media (max-width: 1111px){
    .product .box .content .box7_m86 .box-new .section_item .des .title {
        font-size: 12px;
    }
    .product .box .content .box7_m86 .box-new .section_item .des .content {
        font-size: 12px;
    }
    .product .box .content .box7_m86 .box-new .section_item .pic_ico {
        width: 45px;
    }
}
@media (max-width: 1024px){

    .product .box .content .box2_m86 .inTitle .tit{
        max-width: 90%;
    }
    .product .box .content .box2_m86 .box-new .box-content.right{
        margin-top: 20%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item{
        width: 100%;
        margin: 1% 0;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .number{
        padding: 5%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .content{
        left: 25%;
        top: 33%;
    }
    .product .box .content .box3_m86 .box-new .box-content.left{
        width: 55%;
        margin-top: 10%;
    }
}
@media (max-width: 990px){
    .product .box .content .box7_m86 .box-new .section {
        width: 36%;
        float: left;
        margin: 2% 7%;
    }
    .product .box .content .box7_m86 .box-new .section.section_special {
        margin-right: 0% !important;
        margin-left: 2% !important;
        width: 48% !important;
    }
    .product .box .content .box7_m86 .box-new .section_item .des{
        left: 29%;
    }
    .product .box .content .box1_m86 .box-new .con .inTitle{
        display: none;
    }
    .product .box .content .box1_m86 .inTitle_1{
        display: block;
    }
    .product .box .content .box3_m86 .box-new .box-content.left{
        display: none;
    }

    .product .box .content .box3_m86 .box-new .box-content.right{
        width:100%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .line{
        margin: 3% 0;
    }
    .product .box .content .box5_m86 .box-new .box-content.left {
        width: 100%;
    }
    .product .box .content .box5_m86 .box-new .box-content.right {
        width: 100%;
    }
    .box-pic-2{
        display: block;
    }
}
@media (max-width: 650px){

    .product .box .content .box2_m86 .box-new .box-content.right .box-des{
        font-size: 14px;
    }
    .product .box .content .box2_m86 .box-new .box-content.left .inTitle .tit{
        font-size: 14px;
    }
    .product .box .content .box1_m86 .box-new .con .tits{
        font-size: 16px;
    }
    .product .box .content .box2_m86 .inTitle .tit{
        max-width: 100%;
    }
    .product .box .content .box2_m86 .box-new .box-content.left{
        width:100%;
    }
    .product .box .content .box2_m86 .box-new .box-content.right {
        margin-top: 0%;
        width: 100%;
    }
    .product .box .content .box4_m86 .box-new {
        max-width: 90%;
        margin: auto;
        padding: 0px 10%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .tit{
        font-size: 14px;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .content{
        font-size: 14px;
    }
    .product .box .content .box4_m86 .box-new .box-content{
        font-size: 14px;
    }
    .product .box .content .box4_m86 .box-new .box4_m86_pic .des{
        font-size: 14px;
    }
    .product .box .content .box6_m86 .box-new .box6_m86_item .pic img {
        width: 45px;
    }
    .product .box .content .box6_m86{
        background-image: none !important;
    }
    .product .box .content .box6_m86 .box-new{
        margin-top: 0;
        padding: 0% 0 0% 20%;
    }
    .product .box .content .box6_m86 .box-new .box6_m86_item .des{
        top: 40%;
        left: 10%;
    }
    .product .box .content .box6_m86 .box-new .box6_m86_item .des .title{
        font-size: 14px;
    }
    .product .box .content {
        font-size: 14px;
    }
    .product .box .content .box6_m86 .box6_m86_pic {
        display: block;
        width: 50%;
        margin: auto;
        margin-top: 5%;
    }
    .product .box .content .box6_m86 .box6_m86_pic img {
        width: 100%;
    }
    .product .box .content .box1_m86 .box-new{
        margin-top: 11.5%;
        margin-right: 0;
        margin-bottom: 0px;
        margin-left: 0;
        margin: auto;
        max-width: 80%;
    }
    .product .box .content .box1_m86 .box-new .con .box1_m86_pic{

        text-align: center;
        width: 100%;
    }
    .product .box .content .box1_m86 .box-new .con .box1_m86_pic img{
        width: 100%;
    }
    .product .box .content .box1_m86{
        background-image: url('/m86-zh/img/m86/m86_pic25.png') !important;
    }
    .box1_m86_pic_2 {
        display: block;
        width: 60%;
        margin: auto;
        margin-bottom: 3%;
    }
    .box1_m86_pic_2 img {
        width: 100%;
    }
    .product .box .content .box1_m86{
        padding: 0 0 5%;
    }
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .tits{
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 530px){
    .product .box .content .box3_m86 .box-new .box-content.right .inTitle .box-item .item .content {
        left: 25%;
        top: 20%;
    }
}
@media (max-width: 505px){
    .product .box .content .box7_m86 .box-new .section.section_special {
        margin-right: 1% !important;
        margin-left: 1% !important;
        width: 48% !important;
    }
    .product .box .content .box7_m86 .box-new .section {
        width: 48%;
        float: left;
        margin: 2% 1%;
    }
    .product .box .content .box7_m86 .box-new .section_item .pic_ico {
        width: 17%;
    }
    .product .box .content .box7_m86 .box-new .section_item .des {
        left: 20%;
        top: -3px;
    }
    .product .box .content .box7_m86 .box-new .section_item{
        padding-bottom: 10px;
    }
}
@media (max-width: 410px){
    .product .box .content .box6_m86 .box-new{
        padding: 0% 0 0% 10%;
    }
}
@media (max-width: 335px){
    .product .box .content .box7_m86 .box-new .section_item{
        margin-top: 4%;
        padding-bottom: 20px;
    }

}

/*pro q*/
.product .box .banner.pro_q{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 40%;
}
.product .box .content .box2.box2_q{
    padding: 8.6% 0 8.2%;
}
.product .box .content .box2_q .box-new{
    clear: both;
    overflow: hidden;
    max-width: 80%;
    margin: auto;
}
.product .box .content .box2_q .box-new .box-content.left {
    padding: 10% 0;
    width: 50%;
}
.product .box .content .box2_q .box-new .box-content.right {
    margin-top: 5%;
    width: 50%;
}
.product .box .content .box2_q .box-new .box-content.right .box-pic img{
    width: 100%;
}
.product .box .content .box2_q .box-new .box-content.left .inTitle {
    text-align: left;
}
.product .box .content .box2_q .box-new .box-content.left .inTitle .line {
    margin-left: 0;
    margin: 24px 0 13px;
    background-color: #8cc332;
}
.product .box .content .box2_q .box-new .box-content.left .inTitle .tit {
    margin-left: 0;
    line-height: 36px;
    color: #999999;
    margin-top: 0px;
    max-width: 60%;
}
.product .box .content .box2_q .box-new .box-content.right {
    margin-top: 5%;
}
.product .box .content .box2_q .box-new .box-content.right .box-des {
    text-align: center;
    margin-top: 3%;
}



.product .box .content .box2.box3_q{
    padding: 0 0;
}
.product .box .content .box3_q .box-new{
    clear: both;
    overflow: hidden;
    max-width: 80%;
    margin: auto;
}
.product .box .content .box3_q .box-new .box-content.left {
    padding: 10% 0;
    width: 630px;
}
.product .box .content .box3_q .box-new .box-content.right {
    margin-top: 5%;
    width: 50%;
}
.product .box .content .box3_q .box-new .box-content.right .box-pic img{
    width: 100%;
}
.product .box .content .box3_q .box-new .box-content.left .inTitle {
    text-align: left;
}
.product .box .content .box3_q .box-new .box-content.left .inTitle .line {
    margin-left: 0;
    margin: 24px 0 13px;
    background-color: #8cc332;
}
.product .box .content .box3_q .box-new .box-content.left .inTitle .tit {
    margin-left: 0;
    line-height: 36px;
    color: #fff;
    margin-top: 0px;
    max-width: 100%;
}
.product .box .content .box3_q .box-new .box-content.right {
    margin-top: 5%;
}
.product .box .content .box3_q .box-new .box-content.right .box-des {
    text-align: center;
    margin-top: 3%;
}
.product .box .content .box3_q .box-new .tit_q_2{
    width: 100%;
    height: auto;
    margin-top: 58px;
}
.product .box .content .box3_q .box-new .tit_q_2 .item {
    width: calc(47.4% - 2px);
    height: auto;
    font-size: 17px;
    line-height: 53px;
    border: 1px solid #8cc332;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    float: left;
}

.product .box .content .box3_q .box-new .box-content.left .inTitle .border {
    padding: 16% 12% 15% 12%;
    background-color: rgba(0, 0, 0, 0.6);
}
.product .box .content .box3_q .box-new .tit_q_2 .item {
    width: 35%;
    height: 50px;
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #8cc332;
    color: #fff;
    text-align: left;
    margin: 1.3%;
    float: left;
    padding: 2% 4%;
}
.product .box .content .box3_q .box-new .tit_q_2 .item:nth-child(1) {
    line-height: 50px;
}
.product .box .content .box3_q .box-new .tit_q_2 .item:nth-child(2) {
    line-height: 50px;
}



.product .box .content .box4_q{
    padding: 0px;
}
.product .box .content .box4_q .section1{
    padding-top: 3.6%;
    background-color:#2a2a2a ;
}
.product .box .content .box4_q .section2{
    padding-top: 5%;
    padding-bottom: 3.6%;
    background-color: #fff;
}
.product .box .content .box4_q .box-new {
    max-width: 80%;
    margin: auto;
    padding: 0px 18%;
}
.product .box .content .box4_q .box-new .box-content {
    text-align: center;
    font-size: 16px;
    max-width: 67%;
    margin: 2% auto 0;
    line-height: 30px;
}
.product .box .content .box4_q .box4_q_pic img {
    width: 100%;
    margin-top: 4%;
}
.product .box .content .box4_q .box-new .box4_q_pic .des {
    text-align: center;
    margin-top: 1%;
}
.product .box .content .box4_q .section2 .box4_q_pic img {
    width: 100%;
    margin-top: 4%;
}
.product .box .content .box4_q .section2 .inTitle .tits{
    color:#000;
}
.product .box .content .box4_q .section2 .box-new .box-content{
    max-width: 84%;
}
.product .box .content .box4_q .section2 .box4_q_pic{
    margin: auto;
    max-width: 90%;
    clear: both;
    overflow: hidden;
}
.product .box .content .box4_q .section2 .box4_q_pic img {
    width: 45%;
    margin-top: 4%;
}
.product .box .content .box4_q .section2 .box4_q_pic img:nth-child(1) {
    float: left;
}
.product .box .content .box4_q .section2 .box4_q_pic img:nth-child(2) {
    float: right;
}




.product .box .content .box4_q .section3{
    padding-top: 5%;
    padding-bottom: 3.6%;
    background-color: #000;
}
.product .box .content .box4_q .section3 .box-new .tit_q_2{
    text-align: center;
    margin-top:2%;
}
.product .box .content .box4_q .section3 .box-new .tit_q_2 .item{
    border: 1px solid #8cc332;
    width: 32%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    color: #8cc332;
    margin: 0.5%;
}
.product .box .content .box4_q .section3 .box-new .tit_q_2 .item:nth-child(1){
    margin-left: 0;
}
.product .box .content .box4_q .section3 .box-new .tit_q_2 .item:nth-child(3){
    margin-right: 0;
}
.product .box .content .box4_q .section3 .box-new .box4_q_pic img {
    width: 100%;
    margin-top: 2%;
}
.product .box .content .box4_q .section3 .box-new{
    max-width: 55%;
}



.product .box .content .box4_q .section4{
    clear: both;
    overflow: hidden;
    padding: 3% 10%;
    background-repeat: no-repeat;
    background-size: cover;
}
.product .box .content .box4_q .section4 .left{
    max-width: 730px;
    padding: 9% 0;
    padding-top: 7%;
}
.product .box .content .box4_q .section4 .left .box4_q_pic{
    max-width: 54%;
    margin: auto;
}
.product .box .content .box4_q .section4 .left .box4_q_pic img {
    width: 100%;
    margin-top: 6%;
}
.product .box .content .box4_q .section4 .left .inTitle .tits{
    color: #000;
}
.product .box .content .box4_q .section4 .left .box-new .tit_q_2{
    margin-top: 3%;
}
.product .box .content .box4_q .section4 .left .box-new .tit_q_2 .item{
    border: 1px solid #8cc332;
    width: 31.5%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    color: #000;
    margin: 0.5%;
}
.product .box .content .box4_q .section4 .left .box-new{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.product .box .content .box4_q .section4 .left .box-new .box4_q_pic{
    max-width:100%;
}
.product .box .content .box4_q .section4 .left .box-new .box4_q_pic img{
    width: 100%;
    margin-top: 6%;
}
.product .box .content .box4_q .section4 .right{
    width: 400px;
}
.product .box .content .box4_q .section4 .right img{
    width: 100%;
}

.product .box .content .box4_q .section5 {
    background-color: #2e2e2e;
    padding: 5% 10% 3.6% 10%;
}
.product .box .content .box4_q .section5 .box-new .box-content{
    max-width: 80%;
}
.product .box .content .box4_q .section6{
    padding-top: 3.6%;
    background-color: #fff;;
}
.product .box .content .box4_q .section6 .box_middle{
    max-width: 80%;
    margin: auto;
    clear: both;
    overflow: hidden;
}
.product .box .content .box4_q .section6 .box_middle .item{
    width: 20%;
    float: left;
    padding-left: 4%;
}
.product .box .content .box4_q .section6 .box_middle .item .img{
    width: 50px;
    height: 50px;
}
.product .box .content .box4_q .section6 .box_middle .item img{
    width: 100%;
}
.product .box .content .box4_q .section6 .box_middle .item .tits{
    font-size: 24px;
    line-height: 30px;
    color: #98bd33;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product .box .content .box4_q .section6 .box_middle .item .con{
    color: #999999;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}
.product .box .content .box4_q .section6 .inTitle .tits{
    color: #000;
}
.product .box .content .box4_q .section6 .inTitle .line{
    background-color: #000;
}
.product .box .content .box4_q .section6 .box-new .box4_q_pic{
    width: 75%;
    margin: auto;
}
.product .box .content .box4_q .section6 .box_bottom {
    max-width: 92%;
    margin: auto;
    padding-bottom: 5%;
}
.product .box .content .box4_q .section6 .box_bottom img {
    width: 100%;
}
.product .box .content .box4_q .section4 .left .box4_q_pic img:nth-child(2) {
    display: none;
}
.product .box .content .box4_q .box4_q_pic .dis{
    display: none;
}
.product .box .content .box2_q .box-new .box-content.left .inTitle .box4_q_pic img{
    display: none;
}
@media (max-width: 1421px){
    .product .box .content .box4_q .section4 .left{
        width: 600px;
    }
    .product .box .content .box4_q .section4 .right {
        width: 300px;
    }
    .product .box .content .box4_q .section4 .left .box-new .tit_q_2 .item{
        width: 30%;
        margin: 0.1%;
    }
}
@media (max-width: 1400px){
    .product .box .content .box4_q .section3 .box-new .tit_q_2 .item{
        margin: 0.1%;
    }
}
@media (max-width: 1145px){
    .product .box .content .box2.box2_q{
        background-image: none !important;
    }
    .product .box .content .box2_q .box-new .box-content.left{
        padding: 0;
        width: 100%;
    }
    .product .box .content .box2_q .box-new .box-content.left .inTitle{
        text-align: center;
    }
    .product .box .content .box2_q .box-new .box-content.left .inTitle .line{
        margin: 24px auto 13px;
    }
    .product .box .content .box2_q .box-new .box-content.left .inTitle .tit {
        margin: auto;
        max-width: 100%;
    }
    .product .box .content .box2_q .box-new .box-content.left .inTitle .box4_q_pic {
        margin: auto;
        margin-top: 3%;
        max-width: 70%;
    }
    .product .box .content .box2_q .box-new .box-content.left .inTitle .box4_q_pic img {
        display: block;
        width: 100%;
    }
    .product .box .content .box4_q .section3 .box-new{
        max-width: 90%;
        padding: 0;
    }
    .product .box .content .box4_q .section4{
        padding: 3% 5%;
    }
}
@media (max-width: 1020px){
    .product .box .content .box4_q .section6 .box_middle .item .img{
        width: 35px;
        height: 35px;
    }
    .product .box .content .box4_q .section4 .left{
        width: 100%;
        max-width: 100%;
    }
    .product .box .content .box4_q .section4 .right {
        width: 35%;
        margin: auto;
        float: none;
    }
}
@media (max-width: 800px){
    .product .box .content .box4_q .section5 .box-new .box-content{
        max-width: 100%;
    }
    .product .box .content .box4_q .box-new{
        padding: 0;
        max-width: 100%;
    }
    .product .box .content .box4_q .box-new .box-content{
        max-width: 80%;
    }
}
@media (max-width: 778px){
    .product .box .content .box3_q .box-new{
        max-width: 90%;
    }
    .product .box .content .box3_q .box-new .box-content.left{
        max-width: 100%;
    }
    .product .box .content .box3_q .box-new .box-content.left .inTitle .border{
        padding: 16% 5% 15% 5%;
    }
    .product .box .content .box3_q .box-new .box-content.left .inTitle .border .tits{
        text-align: center;
    }
    .product .box .content .box3_q .box-new .box-content.left .inTitle .border .line {
        margin: 24px auto 13px;
    }
    .product .box .content .box3_q .box-new .box-content.left .inTitle .border .tit {
        text-align: center;
    }
    .product .box .content .box3_q .box-new .tit_q_2{
        margin-top: 3%;
    }
    .product .box .content .box3_q .box-new .tit_q_2 .item{
        height: 25px;
        line-height: 25px;
        width: 100%;
        max-width: 90%;
    }
    .product .box .content .box3_q .box-new .tit_q_2 .item:nth-child(1){
        line-height: 25px;
    }
    .product .box .content .box3_q .box-new .tit_q_2 .item:nth-child(2) {
        line-height: 25px;
    }
    .product .box .content .box4_q .section4 .left .box-new .tit_q_2 .item{
        width: 100%;
        margin-top: 2%;
    }
}
@media (max-width: 650px){
    .product .box .content .section5 .box4_q_pic{
        clear: both;
        overflow: hidden;
    }
    .product .box .content .section5 .box4_q_pic img{
        display: none;
    }
    .product .box .content .section5 .box4_q_pic .dis{
        display: block;
        width: 50%;
        float: left;
    }
    .product .box .content .box4_q .box-new .box-content{
        font-size: 14px;
    }
    .product .box .content .box2_q .box-new .box-content.left .inTitle .box4_q_pic{
        max-width: 100%;
    }
    .product .box .content .box3_q .box-new .tit_q_2 .item{
        font-size: 14px;
    }
    .product .box .content .box4_q .section6 .box_middle .item .tits{
        font-size: 16px;
    }
    .product .box .content .box4_q .section6 .box_middle .item .con{
        font-size: 14px;
    }
}
@media (max-width: 550px){
    .product .box .content .box4_q .section6 .box_middle .item{
        width: 45%;
    }
    .product .box .content .box4_q .section2 .box4_q_pic img{
        width: 100%;
        float: none !important;
    }
    .product .box .content .box4_q .section3 .box-new .tit_q_2 .item{
        margin-top: 2%;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 366px){
    .product .box .content .box3_q .box-new .tit_q_2 .item:nth-child(4){
        height: 50px;
    }
}


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 42%;
    width: 9%;
    height: 10%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 45px 48px;
    background-position: center;
    background-repeat: no-repeat;
}