@media only screen and (max-width: 1700px) {
    .top-menu ul li a {
        padding: 25px 45px
    }
}

@media only screen and (max-width: 1599px) {
    .top-menu ul li a {
        padding: 25px 30px
    }

    .banner .txt {
        margin-left: -670px
    }
}

@media only screen and (max-width: 1439px) {
    .top-menu ul li a {
        padding: 25px 20px
    }

    .star-list1 li .item {
        padding: 55px 0 0 30px
    }

    .star-list1 li .item p {
        font-size: 28px
    }

    .star-list1 li .item p strong {
        font-size: 60px
    }

    .star-list1 li .item em {
        font-size: 20px
    }

    .star-list2 li .txt {
        padding-left: 30px
    }

    .star-list2 li .txt .tit {
        padding-left: 0;
        font-size: 22px;
        line-height: 1.66em;
        background-size: 100px;
        padding-top: 5px;
        padding-bottom: 10px
    }

    .star-list2 li .txt .tit::after {
        left: 0
    }

    .star-list2 li .txt .con {
        padding-left: 0
    }

    .star-list2 li .txt dl {
        padding-left: 0;
        margin-top: 20px
    }

    .index-part3 .tab li .item {
        font-size: 13px
    }

    .banner .txt {
        margin-left: -530px
    }

    .index-info {
        padding-right: 0
    }

    .index-new-model3 li .img {
        margin-right: 10px
    }
}

@media only screen and (max-width: 1199px) {
    .five-part1, .five-part3, .five-part4 {
        padding: 50px 0
    }

    .five-part1 .videos {
        width: 100%
    }

    .five-list1 {
        flex-wrap: wrap
    }

    .five-list1 li {
        width: 25%;
        margin: 0 0 60px
    }

    .five-part3 .txt {
        margin-top: 0
    }

    .five-part3 .tit h3 {
        font-size: 26px;
        line-height: 1.25em
    }

    .five-part3 .tit p {
        font-size: 14px
    }

    .five-part3 .con span {
        font-size: 16px;
        width: 120px
    }

    .swiper-five .img p {
        font-size: 20px
    }

    .five-part5 {
        padding: 50px 0 60px
    }

    .five-part5 .con ul li {
        font-size: 16px
    }

    .ban-box {
        margin-top: 0
    }

    .ban-con span {
        font-size: 50px;
        line-height: 1.4em;
        margin-bottom: 10px
    }

    .five-part3 .img {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 30px
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    .top-menu ul li a {
        padding: 15px 10px
    }

    .star-part1 {
        padding: 50px 0
    }

    .star-list1 {
        margin-bottom: 50px
    }

    .star-list1 li .item {
        height: 265px
    }

    .star-list1 li .item em, .star-part1 .con {
        font-size: 16px
    }

    .star-list2 li {
        flex-wrap: wrap;
        margin-bottom: 30px
    }

    .star-list2 li .txt dl {
        width: 100%
    }

    .star-list2 li:nth-child(2n) .txt {
        padding-left: 30px
    }

    .star-list2 li .img {
        width: 100%
    }

    .star-list2 li .txt {
        width: 100%;
        margin-top: 20px
    }

    .swiper-star1 .img {
        margin: 0 10px
    }

    .star-tab1 li .item p {
        display: none
    }

    .star-tab1 li .item span {
        font-size: 15px
    }

    .swiper-star5 .wp {
        width: 94%;
        margin: 0 auto
    }

    .swiper-star5 .txt {
        width: 100%;
        float: none;
        padding: 60px 55px 0 50px
    }

    .swiper-star5 .img {
        width: 100%;
        padding-top: 0
    }

    .swiper-star5 .swiper-button-prev {
        margin-left: -25px
    }

    .swiper-star5 .swiper-button-next {
        margin-left: 36px
    }

    .swiper-star5 .txt .num {
        font-size: 60px;
        line-height: 1.1em
    }

    .star-list3 li .item span br {
        display: none
    }

    .star-list4 li .item {
        margin: 0 5px
    }

    .star-part3 {
        padding: 50px 0
    }

    .star-list4 {
        margin: 0 0 50px
    }

    .star-list4 li .item .txt p {
        font-size: 14px
    }

    .star-list4 li .item .txt .num {
        top: -10px
    }

    .star-list4 li .item .txt img {
        width: 32px
    }

    .banner .txt {
        margin-left: 0;
        left: 10px
    }

    .banner .txt h2 {
        font-size: 40px;
        line-height: 1.2em
    }

    .banner .swiper-pagination {
        left: 10px !important
    }

    .banner .swiper-button-next {
        right: 40px
    }

    .banner .swiper-button-prev {
        right: 100px
    }

    .base-title h2 {
        font-size: 34px
    }

    .index-part {
        padding: 50px 0
    }

    .index-part li {
        width: 31.3%;
        margin-bottom: 20px
    }

    .index-info h2 {
        font-size: 26px
    }

    .index-info h2 em {
        font-size: 38px
    }

    .index-part2 li p em {
        font-size: 40px
    }

    .index-part2 {
        padding: 50px 0
    }

    .index-part3 .img-txt .txt span {
        font-size: 12px;
        line-height: 1.2em
    }

    .index-part3 .img-txt .txt h3 {
        font-size: 24px
    }

    .index-part3 .img-txt .txt p {
        font-size: 16px
    }

    .index-part3 .img-txt .txt p em {
        font-size: 24px
    }

    .index-info h2::before {
        left: 0;
        width: 100%
    }

    .index-part3 .img-txt .img {
        margin-left: 0px
    }

    .index-part3 .tab li .item .ico {
        background-size: 36px;
        height: 36px
    }

    .index-part3 .tab li {
        width: 25%;
        margin-bottom: 10px
    }

    .index-part4 .left, .index-part4 .right {
        width: 100%
    }

    .index-tab1 {
        width: 94%
    }

    .index-part3 {
        padding-bottom: 50px;
        margin-bottom: 0
    }

    .index-part4 {
        margin-bottom: 50px
    }

    .index-tit1 em {
        font-size: 30px
    }

    .index-tit1 h3 {
        margin-top: 0
    }

    .index-news .box .l .model {
        margin: 0 5px
    }

    .index-new-model1 .txt {
        padding: 20px 24px
    }

    .index-new-model1 .txt .name {
        font-size: 18px
    }

    .index-new-model2 .txt p {
        margin-bottom: 20px
    }

    .index-new-model3 li {
        margin-bottom: 15px
    }

    .index-new-model3 li .img {
        width: 100%;
        margin-right: 0;
        height: auto
    }

    .index-new-model3 li .txt {
        width: 100%
    }

    .index-news .tit h3 em {
        font-size: 38px
    }

    .index-news .tit {
        flex-wrap: wrap;
        display: block
    }

    .index-tab3 {
        width: 100%;
        flex-wrap: wrap
    }

    .index-tab3 li {
        width: 25%;
        width: calc(20% - 20px);
        margin: 0 10px
    }

    .index-tab3 li a {
        width: 100%
    }

    .index-news {
        padding: 50px 20px
    }

    .index-news .box {
        margin: 0;
        flex-wrap: wrap
    }

    .index-news .box .l {
        width: 100%;
        margin-bottom: 20px
    }

    .index-new-model2 .txt {
        padding: 25px 20px
    }

    .index-new-model2 .txt .name {
        margin-bottom: 10px
    }

    .index-part6 {
        padding: 50px 0 60px
    }

    .index-part7 {
        padding: 50px 0
    }

    .index-part7 p {
        font-size: 18px
    }

    .index-part7 h3 {
        font-size: 24px
    }

    .index-news .tit h3 {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 959px) {
    .five-part5 .con .img .pic {
        width: 230px;
        height: 209px
    }

    .five-part5 .con ul li.a2 {
        top: 100px;
        margin-left: 170px
    }

    .five-part5 .con ul li.a3 {
        bottom: -2px;
        margin-left: 110px
    }

    .five-part5 .con ul li.a4 {
        bottom: -2px;
        margin-left: -212px
    }

    .five-part5 .con ul li.a5 {
        top: 100px;
        margin-left: -290px
    }

    .star-list1 li .item {
        padding: 45px 0 0 30px;
        height: 230px
    }

    .star-list1 li .item p strong {
        font-size: 40px
    }

    .star-list1 li .item p {
        font-size: 18px
    }

    .star-list1 li .item span {
        font-size: 16px
    }

    .star-list1 li .item em {
        line-height: 1.2em
    }

    .star-list2 li .txt .tit {
        font-size: 20px
    }

    .star-tab1 li .item .ico, .star-tab1 li.on .item .ico, .star-tab1 li:hover .item .ico {
        display: none
    }

    .star-tab1 li::after {
        background: #000;
        height: 100%
    }

    .star-tab1 li {
        height: 60px
    }

    .star-list3 li .item p {
        font-size: 18px
    }

    .star-list3 li {
        width: 33.3%
    }

    .star-list3 li .item {
        padding: 40px 0 50px
    }

    .star-part6 .box {
        flex-wrap: wrap
    }

    .star-part6 .box .c {
        display: none
    }

    .star-part6 .box .l, .star-part6 .box .r {
        width: 100%
    }

    .index-part7 p {
        font-size: 20px
    }

    .index-part7 h3 {
        font-size: 22px
    }

    .base-title h2 {
        font-size: 28px;
        margin-bottom: 0
    }

    .index-part1 {
        padding: 50px 0 70px;
		
	 background: url(../images/index-bg.jpg) left no-repeat;	
		
    }
	
	
	


    .index-info {
        width: 100%
    }

    .index-part2 {
        margin-top: -40px
    }

    .banner .txt h2 {
        font-size: 32px
    }

    .banner .txt span {
        font-size: 14px
    }

    .banner .txt span br {
        display: none
    }

    .index-part2 li p em {
        font-size: 22px
    }

    .index-part3 {
        padding-top: 20px
    }

    .star-list4 {
        flex-wrap: wrap;
        width: 1305px
    }

    .star-list4.bot::after {
        -webkit-background-size: 80%;
        -moz-background-size: 80%;
        -o-background-size: 80%;
        background-size: 80%
    }

    .star-list4.mo {
        display: flex !important;
        align-items: stretch
    }

    .star-list4 li {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 6px 12px
    }

    .star-list4 li .item .txt .num {
        position: static;
        display: block
    }

    .star-list4 li .item .txt {
        padding: 10px 0
    }

    .star-list4 li .item .txt .num img {
        display: block
    }

    .star-part3 .scroll-x {
        overflow-x: auto
    }
}

@media only screen and (max-width: 767px) {
	
.fd-top .left .top .fd-logo img {
  max-width:180px;
	margin:20px 0;
}
    .five-part5 .con .img .pic {
        width: 130px;
        height: 118px
    }

    .five-part5 .con ul li {
        font-size: 14px
    }

    .five-part5 .con ul li.a2 {
        top: 62px;
        margin-left: 110px
    }

    .five-part5 .con ul li.a3 {
        bottom: -5px;
        margin-left: 70px
    }

    .five-part5 .con ul li.a4 {
        bottom: -5px;
        margin-left: -160px
    }

    .five-part5 .con ul li.a5 {
        top: 62px;
        margin-left: -210px
    }

    .star-tit.white h3 strong {
        font-size: 40px
    }

    .five-list1 li {
        padding: 0 15px;
        width: 24%;
        margin: 0 .5% 30px
    }

    .five-list1 li p {
        width: 100%;
        margin-left: 0;
        transform: translateX(-50%);
        font-size: 12px;
        line-height: 22px;
        bottom: -10px
    }

    .star-part6 {
        padding: 50px 0 20px
    }

    .index-part7 {
        padding: 30px 0
    }

    .index-part7 h3 {
        font-size: 18px;
        line-height: 28px
    }

    .star-list3 li {
        width: 50%;
    }

    .swiper-star5 .txt .tit {
        font-size: 22px;
		line-height:1.5;
        margin-bottom: 10px;
		font-weight:normal;
    }

    .swiper-star5 .txt {
        height: 370px;
        padding: 60px 20px 0
    }

    .star-list1 li .item {
        margin: 0 5px
    }

    .star-list2 li .txt {
        padding: 0 20px
    }

    .star-list2 li .txt .con {
        width: 100%
    }

    .star-part4 {
        padding: 50px 0
    }

    .star-list2 li .txt dl dd em {
        font-size: 18px
    }

    .ban-con span {
        font-size: 18px
    }

    .index-part2 {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .index-part2 li {
        width: 33.3%
    }

    .index-part3 .img-txt {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .index-part3 .img-txt .img {
        width: 100%;
        top: 0
    }

    .index-part2 li p {
        font-size: 14px
    }

    .index-part3 .img-txt .txt h3 {
        font-size: 22px;
		line-height: 26px;
    }

    .index-part3 .tab {
        margin-top: 20px
    }

    .index-part3 .tab li .item {
        font-size: 14px;
        border-right: 0;
        padding: 30px 0 0
    }

    .index-part3 .tab li .item::after, .index-part3 .tab li .item::before {
        display: none
    }

    .index-part3 .tab li .item .ico {
        margin-bottom: 10px
    }

    .index-part4 .left .box .infor {
        width: 94%;
        padding: 20px 0
    }

    .index-part4 .left .tit em {
        font-size: 32px;
        line-height: 1.4em
    }

    .index-tab1 li .item {
        font-size: 14px;
        line-height: 20px
    }

    .index-part5 .txt {
        padding: 80px 0 50px;
        font-size: 16px
    }
    .index-part5 .txt img {
        width: 350px;
    }

    .index-tab2 li {
        padding: 10px 0 15px
    }

    .index-tab2 li img {
        width: 25px;
        height: 25px
    }

    .index-tab2 li p {
        font-size: 12px
    }

    .index-news .tit h3 em {
        font-size: 30px
    }

    .index-news .tit h3 {
        font-size: 20px
    }

    .five-part4 {
        padding-top: 0
    }

    .swiper-five .img p {
        font-size: 16px;
        line-height: 24px;
        bottom: 16px
    }

    .five-part3 {
        padding-top: 0;
        display: flex;
        flex-direction: column-reverse
    }

    .banner .txt {
        right: 10px
    }

    .banner .txt h2 {
        font-size: 24px
    }

    .banner .txt em {
        font-size: 14px;
        padding: 0 15px
    }

    .banner .swiper-button-next, .banner .swiper-button-prev {
        display: none
    }

    .base-title h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .base-title p {
        font-size: 12px;
        line-height: 22px
    }

    .base-title {
        margin-bottom: 30px
    }

    .index-part li {
        width: 50%
    }
 .index-part6 li {
        width: 100%
    }
    .index-part li .info p {
        font-size: 16px
    }

    .index-part li .info p em {
        font-size: 30px
    }

    .index-part2 {
        padding: 30px 10px
    }

    .index-part2 li {
        font-size: 12px;
        text-align: center
    }

    .index-tab1 {
        overflow: hidden;
        float: none;
        width: 1000px
    }

    .index-part4 .left, .index-part4 .right {
        float: none
    }

    .index-part4 .left .box {
        position: relative
    }

    .index-part4 .left .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .index-tab1 li {
        width: auto;
        padding: 0 20px
    }

    .index-news .tit {
        margin-bottom: 20px
    }

    .index-tab3 li {
        width: calc(33% - 10px);
        margin: 0 5px 10px
    }

    .index-tab3 {
        margin: 0 -10px
    }

    .index-tab3 li a {
        line-height: 32px;
        font-size: 12px
    }

    .index-news {
        padding: 20px 14px
    }

    .index-news .box .l .model {
        margin: 0
    }

    .index-new-model1 .txt .name {
        font-size: 16px;
        line-height: 26px;
        height: 52px
    }

    .index-new-model1 .txt .mark {
        margin-bottom: 10px
    }

    .index-new-model1 .txt {
        padding: 12px
    }

    .index-new-model2 .txt .name {
        font-size: 16px;
        line-height: 26px;
        height: 52px
    }

    .index-part8, .star-part3, .star-part6 .box .l ul, .star-part6 .box .r ul {
        padding: 100px 0
    }

    .star-list2, .star-part6 {
        overflow: hidden
    }

    .star-part6 .box .l ul, .star-part6 .box .r ul {
        padding: 0 0 20px
    }

    .swiper-star6 .img {
        margin: 0
    }

    body {
        overflow-x: hidden
    }

    .star-more {
        margin-top: 20px;
        font-size: 16px
    }

    .star-list3 li .item span {
        font-size: 12px;
        height: 60px;
        line-height: 20px
    }

    .star-list3 li .item {
        padding: 20px 10px
    }

    .star-list3 li .item img {
        width: 34px;
        height: 100%;
        margin: 0 auto 15px
    }

    .star-list3 li .item p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px
    }

    .swiper-star4 .swiper-slide-active .img img {
        border-width: 2px
    }

    .star-list1 {
        margin: 0 0 20px
    }

    .tab-hover li {
        font-size: 14px
    }

    .champion-two .champion-tit {
        margin-bottom: 20px
    }

    .store-filter .store-search {
        float: none;
        width: auto;
        clear: both
    }

    .champion-four .champion-click {
        width: 800px
    }

    .store-filter .item select, .store-filter .store-search input {
        padding-left: 10px
    }

    .index-info h2 {
        font-size: 22px;
		margin-bottom:7px;
    }

    .champion-four .champion-click li {
        width: 16.5% !important
    }

    .champion-four .champion-click li.on {
        width: 28% !important
    }

    .scroll-x {
        overflow-x: scroll
    }

    .index-part3 .tab {
        width: 700px
    }

    .index-part3 .tab li {
        width: auto;
        padding: 0 15px
    }

    .index-part3 .tab li:last-child {
        width: auto
    }

    .index-tab1 li .item {
        padding: 6px 0
    }

    .index-part5 .wp {
        width: 100%
    }

    .index-news .box .l {
        display: none
    }

    .index-news .box .l:last-child {
        display: block
    }

    .fd-top .left::after, .fd-top .right {
        display: none
    }

    .footer .wp {
        width: 88%
    }

    #allmap {
        height: 600px
    }

    .custom-part2 .type li:last-child {
        width: 100%;
        margin: 0
    }

    .custom-part2 .type li:last-child .img1, .custom-part2 .type li:last-child .img2 {
        position: relative;
        padding-top: 68%;
        overflow: hidden;
        width: calc(50% - 8px);
        margin: 0 4px;
        float: left
    }

    .five-part5 .con ul li.a1 {
        top: -26px
    }

    .champion-btn {
        width: 660px;
        margin-bottom: 30px
    }

    .champion-btn li {
        width: 105px
    }

    .tab-hover li {
        display: block;
        width: 100%;
        padding: 8px 5px
    }

    .attain-four, .attain-one, .attain-two {
        padding: 30px 0
    }

    .attain-one .title {
        font-size: 22px;
        line-height: 50px
    }

    .attain-one .title em {
        font-size: 30px
    }

    .attain-one p {
        font-size: 18px
    }

    .attain-box .text .tit {
        font-size: 26px
    }

    .attain-box .text p {
        font-size: 14px
    }

    .attain-box .text {
        margin-bottom: 20px
    }

    .attain-box {
        margin-bottom: 30px
    }

    .attain-list li {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap
    }

    .attain-list li .img {
        width: 100%;
        height: auto
    }

    .attain-list li .text {
        width: auto;
        padding: 20px
    }

    .attain-list li .text .tit {
        font-size: 18px;
        padding-bottom: 10px
    }

    .attain-list li .text p {
        font-size: 12px;
        line-height: 22px
    }

    .attain-title h2 {
        font-size: 24px
    }

    .attain-title p {
        font-size: 12px;
        line-height: 22px
    }

    .attain-swiper {
        overflow: hidden
    }

    .attain-swiper .swiper-slide {
        padding: 0 10px
    }

    .attain-swiper .swiper-button-next, .attain-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
        -webkit-background-size: 8px;
        -moz-background-size: 8px;
        -o-background-size: 8px;
        background-size: 8px
    }

    .attain-swiper .swiper-button-next {
        right: 10px
    }

    .attain-swiper .swiper-button-prev {
        left: 10px
    }

    .attain-four .attain-title, .attain-title {
        margin-bottom: 20px
    }

    .attain-four .attain-voide .play {
        width: 44px;
        height: 44px
    }

    .door-nav {
        width: 400px;
        margin-bottom: 20px
    }

    .detail-one {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .star-list2 {
        position: relative;
        padding-bottom: 40px
    }

    .swiper-star5 .wp {
        display: flex;
        flex-direction: column-reverse
    }

    .swiper-star5 .img img {
        height: 300px
    }

    .swiper-star5 .swiper-button-next, .swiper-star5 .swiper-button-prev {
        top: auto;
        bottom: 50px
    }

    .swiper-star5 {
        padding: 30px 0
    }

    .star-part6 .box .l img, .star-part6 .box .r img {
        display: none
    }

    .star-part6 .box .l ul li::before, .star-part6 .box ul li::before {
        left: 0;
        right: auto;
        top: 16px;
        width: 3px;
        height: 14px;
        margin-top: 0
    }

    .star-part6 .box ul li {
        font-size: 12px;
        line-height: 20px
    }

    .star-part6 .box .l ul, .star-part6 .box .r ul {
        padding-bottom: 0
    }

    .star-part6 .box .l ul li {
        text-align: left
    }

    .star-part6 .box .l {
        margin-bottom: 0
    }

    .index-part2 {
        margin-bottom: 30px
    }

    .index-part3 {
        padding-top: 30px
    }

    .index-part3 .img-txt .txt span {
        margin-bottom: 10px
    }

    .index-part3 .img-txt .txt p, .index-part3 .img-txt .txt p em {
        line-height: 30px
    }

    .index-part3 .img-txt .txt h3 {
        margin-bottom: 25px
    }

    .index-part7 p {
        letter-spacing: 0;
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 8px
    }

    .star-list2 li {
        margin-bottom: 50px
    }

    .star-list2 .swiper-pagination {
        bottom: 0
    }

    .five-list1 {
        display: none
    }

    .five-list1.mo {
        display: flex !important
    }

    .menu-btn:hover .menu-layer {
        height: 70px;
        padding-top: 10px
    }

    .menu-layer .icon {
        width: 60px;
        height: 60px;
        margin-bottom: 6px
    }

    .menu-layer .icon img {
        max-width: 70%
    }

    .menu-layer strong {
        font-size: 15px;
        line-height: 20px
    }

    .menu-box {
        height: 68px;
        padding-top: 14px
    }

    .about-mission {
        height: 510px
    }
}

@media only screen and (max-width: 479px) {
    .five-part5 .con .img {
        padding: 15px
    }

    .five-part5 .con ul li {
        font-size: 12px
    }

    .five-part5 .con ul li.a2 {
        top: 32px;
        margin-left: 82px
    }

    .five-part5 .con ul li.a3 {
        bottom: -8px;
        margin-left: 55px
    }

    .five-part5 .con ul li.a4 {
        bottom: -8px;
        margin-left: -134px
    }

    .five-part5 .con ul li.a5 {
        top: 32px;
        margin-left: -162px
    }

    .star-list1 {
        margin-bottom: 20px
    }

    .star-list1 li {
        width: 100%;
        margin-bottom: 20px
    }

    .star-list2 li .txt .tit br {
        display: none
    }

    .star-tab1 {
        flex-wrap: wrap
    }

    .star-tab1 li {
        width: 33.3%;
        margin-bottom: 10px
    }

    .star-more {
        width: 160px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px
    }

    .index-tab3 {
        justify-content: flex-start
    }

    .index-part8 .form .item .inp, .index-part8 .form .item select {
        padding: 0 10px;
        line-height: 45px;
        font-size: 14px
    }

    .index-part8 .form .item select {
        background-position: right 10px center
    }

    .index-part8 .form .item .area {
        padding: 10px;
        font-size: 14px
    }

    .index-part8 .form .sub {

        line-height: 45px;
        font-size: 16px
    }
}



/*home_about*/
#home_about{ margin-top:80px;}
#home_about .home_about_con .l{ float:left; width:450px;}
#home_about .home_about_con .l>span{ font-size:40px; line-height:1.3; display:block;}
#home_about .home_about_con .r{ float:right; width:50%; font-size:18px; color:#888;}
#home_about .home_about_con .r>em{ font-size:20px; font-weight:bold; margin-bottom:10px; display:block; color:#000;}
#home_about .home_about_con .r>a.more{ font-size:16px; color:#fff; width:138px; height:45px; line-height:45px; display:block; margin-bottom:40px;margin-top:20px; background:url(../images/more.png) no-repeat 110px center #222; text-align:left; text-indent:30px; cursor:pointer; transition:all 0.3s;}
#home_about .home_about_con .r>a.more:hover{ background-color:#ccc; color:#000; background-image:url(../images/more2.png);}
#home_about .home_about_con .video{ margin-top:90px; text-align:center;}
#home_about .home_about_con .video img{ width:100%; height:auto;}
#home_about .home_about_con .video video{ width:100% !important; height:auto !important;}
#home_about .home_about_con .video iframe{ width:100%; height:auto;}

/*home_video*/
#home_video{ margin-top:100px;}
#home_video .home_video_con{ width:100%; height:360px;}
#home_video .home_video_con .l{ float:left; width:35%; height:360px; background-color:#000; position:relative;}
#home_video .home_video_con .r{ float:right; width:64.5%; height:360px; background-repeat:no-repeat; background-position:left center; position:relative;}
#home_video .home_video_con .desc{ width:80%; color:#fff; text-align:left; margin-top:100px; padding-left:10%;}
#home_video .home_video_con .desc>i{ font-size:26px; display:block; line-height:1.6;  font-style:normal}
#home_video .home_video_con a.more{ font-size:16px; color:#fff; width:90px; height:45px; line-height:44px; display:block; margin-top:22px; background:#000 url(../images/more.png) no-repeat right center; text-align:left; cursor:pointer; transition:all 0.3s;}

/*home_recommend*/
#home_recommend{ margin-top:0.5%;}
#home_recommend .home_recommend_con{ width:100%; height:360px;}
#home_recommend .home_recommend_con .r{ float:right; width:35%; height:360px; background-color:#000; position:relative;}
#home_recommend .home_recommend_con .l{ float:left; width:64.5%; height:360px; background-repeat:no-repeat; background-position:right center; position:relative;}
#home_recommend .home_recommend_con .desc{ width:80%; color:#fff; text-align:left; margin-top:100px; padding-left:10%;}
#home_recommend .home_recommend_con .desc>i{ font-size:26px; display:block; line-height:1.6;}
#home_recommend .home_recommend_con a.more{ font-size:16px; color:#fff; width:90px; height:45px; line-height:44px; display:block; margin-top:22px; background:url(../images/more3.png) no-repeat right center; text-align:left; cursor:pointer; transition:all 0.3s;}






/*home*/

@media screen and (max-width:768px) {
#home_about{ margin-top:30px;}
#home_about .home_about_con .l{ width:94%; margin:0 auto; float:none;}
#home_about .home_about_con .l>span{ font-size:16px;}
#home_about .home_about_con .r{ width:94%; margin:0 auto; float:none; margin-top:0; font-size:15px;}
#home_about .home_about_con .r>em{ font-size:16px; margin-bottom:0; font-weight:normal;}
#home_about .home_about_con .r>a.more{ height:40px; line-height:40px; margin-top:20px;}
#home_about .home_about_con .video{ width:100%; margin:0 auto; margin-top:30px; }

#home_video{ margin-top:30px; }
#home_video .home_video_con{ height:auto;}
#home_video .home_video_con .l{ width:100%; margin:0 auto; float:none; height:auto; padding:15px 0;}
#home_video .home_video_con .desc{ width:94%; margin:0 auto; float:none;}
#home_video .home_video_con .desc>i{ font-size:18px;}
#home_video .home_video_con a.more{ margin-top:10px;}
#home_video .home_video_con .r{ width:100%; margin:0 auto; float:none; height:160px; background-size:cover; margin-top:1px;}

#home_recommend{ margin-top:1px; display:none;}
#home_recommend .home_recommend_con{ height:auto;}
#home_recommend .home_recommend_con .l{ width:100%; margin:0 auto; float:none; height:160px; background-size:cover;}
#home_recommend .home_recommend_con .r{ width:100%; margin:0 auto; float:none; height:auto; padding:15px 0; margin-top:1px;}
#home_recommend .home_recommend_con .desc{ width:94%; margin:0 auto; float:none;}
#home_recommend .home_recommend_con .desc>i{ font-size:18px;}
#home_recommend .home_recommend_con a.more{ margin-top:10px;}

.index-tab2 li {
    float: left;
    width: 33.33%;
       padding: 35px 0 35px;
}



.index-part4 .left .tit {

	margin-left:25px;

}
}