body {
    background: #fbfbfb;
}

.body-bg {
    background-image: url('/resource/images/indexW/bodyBg.png');
    background-repeat: no-repeat;
}

.header-wrap {
    height: 81px;
}

.index-banner {
    background: red
}

ul li {
    margin: 0;
    padding: 0;
}

.page-bg.end-users {
    background-image: none
}

.homepage-desc {
    width: 1200px;
    position: relative;
    top: -90px;
    box-shadow: 0px 0px 17px 0px #7a7474;
    padding: 0 0;
    padding-left: 70px;
    z-index: 100;
}

.homepage-desc h4 {
    margin-top: 4px;
    margin-bottom: 16px;
    font-weight: normal;
    padding-left: 73px;
    font-size: 20px;
}

.homepage-desc p.upload_btn {
    margin-left: 102px;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    background: #7e007e;
    color: #ffffff;
    cursor: pointer;
}

.homepage-desc p.upload_btn a {
    display: block;
    color: #ffffff;
}

.homepage-desc p.upload_btn.orange {
    background: #f6891d;
}

.homepage-desc p.upload_btn.personal:hover {
    background: #950c95;
}

.homepage-desc p.upload_btn.reader:hover {
    background: #f89635;
}

.homepage-desc p.upload_btn.editor:hover {
    background: #773177;
}

.homepage-desc p.upload_btn.personal:active {
    background: #700370;
}

.homepage-desc p.upload_btn.reader:active {
    background: #ec8218;
}

.homepage-desc p.upload_btn.editor:active {
    background: #5e1e5e;
}

.homepage-desc .col-hd-4 {
    padding: 53px 0;
    width: 280px;
}

.homepage-desc .desc_lines {
    width: 1px;
    height: 40px;
    background: #e5e5e5;
    float: left;
    margin-top: 70px;
}

.homepage-desc .desc_lines:nth-child(2) {
    margin-right: 60px;
}

.homepage-desc .desc_lines:nth-child(4) {
    margin-right: 80px;
}

.homepage-desc .col-hd-4:nth-child(1) {
    width: 360px;
}

.homepage-desc .col-hd-4:nth-child(5) {
    width: 337px;
}

/* 产品动态 */
.product-dynamic {
    max-width: 1420px;
    height: 26px;
    margin: 40px auto 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden; 

}

.product-dynamic img {
    width: 110px;
    height: 26px;
    margin-right: 30px;
}

.product-dynamic ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row; 
    width: 90.1%;
}

.product-dynamic ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row; 
    width: 100%;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
      user-select:none;

}
.product-dynamic ul li .product-dynamic-list{
    display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    width: 98.8%;

}
.product-dynamic ul li .product-dynamic-item {
    position: relative;
    text-indent: 10px;
    margin-right: 80px;
}

.product-dynamic ul li .product-dynamic-item a {
    min-width: 217px;
    max-width: 333px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

@media (max-width:1200px) {
    .product-dynamic ul li .product-dynamic-item a {
        max-width: 268px;
    }

}

@media (min-width: 1300px) and (max-width: 1400px) {
    .product-dynamic ul li .product-dynamic-item a {
        max-width: 296px;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .product-dynamic ul li .product-dynamic-item a {
        max-width: 268px;
    }
}
@media (min-width: 1370px) and (max-width: 1440px) {
    .product-dynamic ul{ 
        width: 89.4%;
    }
}
@media (min-width: 1332px) and (max-width: 1370px) {
    .product-dynamic ul{ 
        width: 88.4%;
    }
}
@media (min-width: 1200px) and (max-width: 1332px) {
    .product-dynamic ul{ 
        width: 88.4%;
    }
    .product-dynamic ul li .product-dynamic-list{
        width: 97%
    }
}
@media (min-width: 1200px) and (max-width: 1220px) {
    .product-dynamic ul{ 
        width: 87.4%;
    }
    .product-dynamic ul li .product-dynamic-list{
        width: 97%
    }
}
@media (max-width:1200px) {
    .product-dynamic ul{ 
        width: 88.1%;
    }
    .product-dynamic ul li .product-dynamic-list{
        width: 98%
    }
}
.product-dynamic ul li .product-dynamic-item::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f68b1f;
}

.product-dynamic ul li .product-dynamic-item:nth-last-of-type(1) {
    margin-right: 45px;
}

.product-dynamic ul li .product-dynamic-item:nth-last-of-type(1)::after {
    width: 0;
}

.product-dynamic ul li .product-dynamic-item::after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: -40px;
    width: 1px;
    height: 12px;
    background-color: #dddddd;
}

.product-dynamic .product-dynamic__turn-right {
    width: 14px;
    height: 14px;
    color: #ffffff;
    border-radius: 50% !important;
    background-color: #ff6600;
    position: relative;
    top: 5px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    background-image: url('/resource/images/indexW/direction.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4px;

}

.product-dynamic .product-dynamic__turn-right:hover {
    background: #ff7f2a;
    background-image: url('/resource/images/indexW/direction.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4px;
}

.product-dynamic .product-dynamic__turn-right:active {
    background: #ff4800;
    background-image: url('/resource/images/indexW/direction.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4px;
}



.homepage-companies {
    width: 100%;
    padding-top: 100px;
    background: none;
    padding-bottom: 94px;

}

.homepage-companies.desktop {

    padding-top: 0;
}

.homepage-companies.videoCreativity,
.homepage-companies.industry-application {
    background: rgba(246, 139, 31, 0.03);


}

/* .homepage-companies .containers .contents img.title_logo{
    margin-right: 7px;
} */
.homepage__desktop-products {
    background: none;
}

.homepage-companies .containers .contents {
    /* border-bottom: 1px solid  #cccccc; */
    margin-bottom: 40px;
    text-align: center;
}

.homepage-companies .containers .contents h3 {
    font-weight: bold;
    font-size: 30px;
    color: #424242;
}

.homepage-companies .containers .contents h4 {
    font-size: 16px;
    color: #424242;
    opacity: 0.1;


}

/* .homepage-companies .containers .contents_l{
    height: 50px;
    font-size: 18px;
    color: #333333;
    border-bottom: 2px solid #f68b1f;
    float: left;
    padding-right: 3px;
}
.homepage-companies .containers .contents_l span{
	vertical-align: sub;
}
.homepage-companies .containers .contents_r{
    float: right;
}
.homepage-companies .containers .contents_r a{
    display: inline-block;
}
.homepage-companies .containers .contents_r .imgs{
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-image: url("../images/products/product-icons/more_logo.png");
}
.homepage-companies .containers .more{
    font-size: 14px;
    color: #333333;
    margin-right: 10px;
}
.homepage-companies .containers .contents_r a:hover{
    color: #f68b1f;
}
.homepage-companies .containers .contents_r a:hover  .imgs {
    background-image: url("../images/products/product-icons/more_h_logo.png");
    color: #f68b1f;
    cursor: pointer;
}
.homepage-companies .containers .contents_r a:hover .more{
    color: #f68b1f;
    cursor: pointer;
} */
.homepage-companies .banner-group-link-homepage-2 .product_contains {

    min-width: 1200px;
    max-width: 1420px;
}

.homepage-companies .banner-group-link-homepage-2 .product_contains ul {
    margin: 0 0 0 0px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 1200px;
    max-width: 1420px;
}

.phone-product.homepage-companies .banner-group-link-homepage-2 .product_contains ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.homepage-companies .banner-group-link-homepage-2 .product_contains .product_group_list {
    margin-bottom: 50px;
}

.homepage-companies .banner-group-link-homepage-2 .product_contains .scan-more,
.homepage-product_message .scan-more {
    font-size: 16px;
    text-align: center;
    color: #f68b1f;
    margin: 36px auto 0;
    width: 95px;
    display: block;
    text-decoration: none;

}
.scan-more:hover{ 
	color: #ffa10d !important;
}
.scan-more:active{ 
	color: #ff6c00 !important;
}

.other-product.homepage-companies .banner-group-link-homepage-2 .product_contains .scan-more {
    margin-top: 66px;
}

.homepage-companies .banner-group-link-homepage-2 .product_contents {
    display: inline-block;
    margin: 0 50px 47px 0;
    width: 320px;
    background: #ffffff;
    width: 440px;
    height: 158px;
    padding: 38px 0 0 30px;
    border-radius: 8px !important;
    position: relative;
}
.homepage-companies .banner-group-link-homepage-2 .product_contents:hover{
    box-shadow: 0px 5px 38px 2px 
		rgba(173, 133, 120, 0.18);
}
.phone-product.homepage-companies .banner-group-link-homepage-2 .product_contents,
.industry-application.homepage-companies .banner-group-link-homepage-2 .product_contents,
.other-product.homepage-companies .banner-group-link-homepage-2 .product_contents {
    display: inline-block;
    text-align: center;
    width: 252px !important;
    height: 335px;
    background-color: #ffffff;
    margin: 0 40px 0 0;
    padding: 30px 0;
    position: relative;
}

.other-product.homepage-companies .banner-group-link-homepage-2 .product_contents::after {
    content: '免费试用';
    display: block;
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(28, 194, 94, 0.1);
    color: #1cc25e;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 14px;
    right: 14px;

}


.phone-product.homepage-companies .banner-group-link-homepage-2 .product_contents:hover {
    box-shadow: 0px 5px 38px 2px rgba(128, 128, 128, 0.18);

}

.phone-product.homepage-companies .banner-group-link-homepage-2 .product_contents:last-child {
    margin-right: 0;
}

@media (max-width:1200px) {
    .homepage-companies {
        background: #fbfbfb;
    }

    .homepage-companies .banner-group-link-homepage-2 .product_contents {

        width: 364px;

    }
}

@media (min-width: 1300px) and (max-width: 1420px) {
    .homepage-companies .banner-group-link-homepage-2 .product_contents {
        width: 395px;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {

    .homepage-companies .banner-group-link-homepage-2 .product_contents {
        width: 366px;
    }
}

.homepage-companies .banner-group-link-homepage-2 ul,
.industry-application.homepage-companies .banner-group-link-homepage-2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.homepage-companies .banner-group-link-homepage-2 .product_contents_left {
    display: inline-block;

    text-align: center;
    width: 252px;
    height: 335px;
    background-color: #ffffff;
    border-radius: 8px;
}

.videoCreativity.homepage-companies .banner-group-link-homepage-2 .product_contents_left,
.other-product.homepage-companies .banner-group-link-homepage-2 .product_contents, 
.industry-application.homepage-companies .banner-group-link-homepage-2 .product_contents {
    margin: 0 !important;
    padding: 30px 0 !important;
}

@media (max-width:1200px) {

    .videoCreativity.homepage-companies .banner-group-link-homepage-2 .product_contents_left,
    .other-product.homepage-companies .banner-group-link-homepage-2 .product_contents,
    .industry-application.homepage-companies .banner-group-link-homepage-2 .product_contents{
        width: 221px !important;

    }
    .homepage-companies .banner-group-link-homepage-2 .product_contents .product_r{
        width: 219px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {

    .videoCreativity.homepage-companies .banner-group-link-homepage-2 .product_contents_left,
    .other-product.homepage-companies .banner-group-link-homepage-2 .product_contents,
    .industry-application.homepage-companies .banner-group-link-homepage-2 .product_contents {
        width: 234px !important;
    }

    .homepage-companies .banner-group-link-homepage-2 .product_contents .product_r{
        width: 219px !important;
    }
}

.homepage-companies .banner-group-link-homepage-2 .qt .product_contents {
    margin: 0 85px 67px 0;
    width: 330px;
}

.desktop.homepage-companies .banner-group-link-homepage-2 .product_contents:nth-child(3n) {
    margin-right: 0px;
}

.homepage-companies .banner-group-link-homepage-2 .product_contents a:hover {
    text-decoration: none;
}

.homepage-companies .banner-group-link-homepage-2 .product_contents .product_logo_l {
    width: 68px;
    height: 68px;
    display: inline-block;
    vertical-align: top;
    margin: 7px 17px 0 0;
}

.phone-product.homepage-companies .banner-group-link-homepage-2 .product_contents .product_logo_l,
.industry-application.homepage-companies .banner-group-link-homepage-2 .product_contents .product_logo_l,
.other-product.homepage-companies .banner-group-link-homepage-2 .product_contents .product_logo_l {
    margin: 0 0 31px;
}

.homepage-companies.videoCreativity .banner-group-link-homepage-2 .product_contents .product_logo_l {
    width: 68px;
    margin: 0 0 31px;
}

.homepage-companies .banner-group-link-homepage-2 .product_contents .product_r {
    display: inline-block;
    width: 231px;
}

.videoCreativity.homepage-companies .banner-group-link-homepage-2 .product_contents .product_r {
    width: auto;
}
 

.homepage-companies .banner-group-link-homepage-2 .qt .product_r {
    width: auto;
}

.banner-group-link-homepage-2 .product_contents .product_r .explain_h1 {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333333;
    display: inline-block;
}

.banner-group-link-homepage-2 .product_contents .product_r div .explain_h2 {
    padding: 0;
    /* height: 14px; */
    /* line-height: 14px; */
    margin: 8px auto 10px;

    font-size: 12px;
    border-radius: 50%;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .explain_h2 {
    height: 60px;
    width: 193px;
    -webkit-line-clamp: 3;

}

.industry-application .banner-group-link-homepage-2 .product_contents .product_r div .explain_h2 {
    width: 216px;
    height: 33px;
    line-height: 18px;
    margin-bottom: 45px;
}

.videoCreativity .homepage-companies .banner-group-link-homepage-2 .product_contains ul {
    text-align: center;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .explain_h2 {
    width: 199px;
    height: 44px;
    margin: 20px auto 35px;
}

.other-product .banner-group-link-homepage-2 .product_contents .product_r div .explain_h2 {
    width: 193px;
    height: 34px;
    line-height: 19px;
    margin-bottom: 57px;
}

.banner-group-link-homepage-2 .product_contents .product_r .hot_img {
    position: absolute;
    top: 17px;
    right: 17px;
    left: auto;
}

.banner-group-link-homepage-2 .product_contents .product_r div .btns {
    display: inline-block;
    font-size: 12px;
    color: #f68b1f;
    width: 80px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 14px !important;
    border: solid 1px #f68b1f;
    text-decoration: none !important;
}
.banner-group-link-homepage-2 .product_contents .product_r div .btns.experience{
    width: 100px;
    color: #ffffff;
    background-image: linear-gradient(90deg, 
    #fb9730 0%, 
    #fa9b3c 0%, 
    #f89f47 0%, 
    #fa843c 0%, 
    #fb6930 0%, 
    #fb9730 100%), 
linear-gradient(
    #d0e4fe, 
    #d0e4fe);
background-blend-mode: normal, 
    normal;
    margin-right: 3px;
}
.banner-group-link-homepage-2 .product_contents .product_r div .btns:hover{
    background-color: #ff9831;
	color: #ffffff ;
}
.banner-group-link-homepage-2 .product_contents .product_r div .btns:active{
    background-color: #ff8100;
	color: #ffffff;
}
.banner-group-link-homepage-2 .product_contents .product_r div .download-btn {
    width: 178px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 35px auto 0;

}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns {
    margin-right: 14px;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns:last-child {
    margin-right: 0;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns,
.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns,
.industry-application .banner-group-link-homepage-2 .product_contents .product_r div .btns,
.other-product .banner-group-link-homepage-2 .product_contents .product_r div .btns {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    border: solid 1px #eeeeee;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns.web,
.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.web {
    background: url('/resource/images/indexW/downloadWeb.png') no-repeat center center;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns.web:hover,
.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.web:hover {
    background: url('/resource/images/indexW/downloadWebHover.png') no-repeat center center;
    border-color: #f68b1f;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns.web:active,
.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.web:active {
    background: #f68b1f;
    background-image: url('/resource/images/indexW/downloadWebClick.png');
    background-repeat: no-repeat;
    background-position: center;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn,
.industry-application .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn,
.other-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn {
    background: url('/resource/images/indexW/downloadTurn.png') no-repeat center center;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn.turn:hover,
.industry-application .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn:hover,
.other-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn:hover {
    background: url('/resource/images/indexW/downloadTurnHover.png') no-repeat center center;
    border-color: #f68b1f;
}

.videoCreativity .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn:active,
.industry-application .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn:active,
.other-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.turn:active {
    background: #f68b1f;
    background-image: url('/resource/images/indexW/downloadTurnClick.png');
    background-repeat: no-repeat;
    background-position: center;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.android {
    background: url('/resource/images/indexW/downloadAndroid.png') no-repeat center center;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.android:hover {
    background: url('/resource/images/indexW/downloadAndroidHover.png') no-repeat center center;
    border-color: #f68b1f;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.android:active {
    background: #f68b1f;
    background-image: url('/resource/images/indexW/downloadAndroidClick.png');
    background-repeat: no-repeat;
    background-position: center;
}


.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.ios {
    background: url('/resource/images/indexW/downloadIos.png') no-repeat center center;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.ios:hover {
    background: url('/resource/images/indexW/downloadIosHover.png') no-repeat center center;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.ios:active {
    background: #f68b1f;
    background-image: url('/resource/images/indexW/downloadIosClick.png');
    background-repeat: no-repeat;
    background-position: center;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.ios {
    background: url('/resource/images/indexW/downloadIos.png') no-repeat center center;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.ios:hover {
    background: url('/resource/images/indexW/downloadIosHover.png') no-repeat center center;
    border-color: #f68b1f;
}

.phone-product .banner-group-link-homepage-2 .product_contents .product_r div .btns.ios:active {
    background: #f68b1f;
    background-image: url('/resource/images/indexW/downloadIosClick.png');
    background-repeat: no-repeat;
    background-position: center;
}

.banner-group-link-homepage-2 .product_contents .product_r div a.btns:hover {
    text-decoration: underline;
}

.banner-group-link-homepage-2 .product_contents .product_r div a.btns:active {
    text-decoration: underline;
}

/*.banner-group-link-homepage-2 .product_contents .product_r div a.btns{
    display: inline-block;
    width: 65px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #f68b1f;
    border: 1px solid #f68b1f;
    margin: 16px 38px 0 0;
    text-decoration: none;
}
.banner-group-link-homepage-2 .product_contents .product_r div a.btns:hover{
    color: #ffffff;
    background: #f68b1f;
}
.banner-group-link-homepage-2 .product_contents .product_r div a.btns:active{
    color: #ffffff;
    background: #e77f17;
}*/
.homepage-products {
    padding: 60px 0 0;
    box-sizing: border-box;
    min-width: 1200px;
    max-width: 1420px;
    margin: 0 auto;
    background: none;
}

.homepage-products ul {
    font-size: 0;
}

.homepage-products ul li {
    width: 360px;
    height: 460px;
    display: inline-block;
    padding-left: 10px;
    transition: all .6s;
}

.homepage-products ul li:first-child {
    width: 580px;
    padding-left: 0;
}



/* 
@media (min-width: 1300px) and (max-width: 1400px) {
   
} */

/* @media (max-width:1200px) {
    

} */
.homepage-products ul li a {
    display: block;
    width: 100%;
    height: 460px;
    border-radius: 10px !important;
    position: relative;
}

.homepage-products ul li.homepage-products-active {
    width: 445px;
}

.homepage-products ul li.homepage-products-active:first-child {
    width: 650px;
}

.homepage-products ul li.itemFi a {
    background: url('/resource/images/footerBanner/itemFi.png');
}

.homepage-products ul li.itemFi.homepage-products-active:hover a {
    background: url('/resource/images/footerBanner/itemFiHover.png');
    background-size: cover;
}


.homepage-products ul li.itemTw a {
    background: url('/resource/images/footerBanner/itemTw.png');
}

.homepage-products ul li.itemTw.homepage-products-active a {
    background: url('/resource/images/footerBanner/itemTwHover.png');
    background-size: cover;

}


.homepage-products ul li.itemTh a {
    background: url('/resource/images/footerBanner/itemTh.png');
}

.homepage-products ul li.itemTh.homepage-products-active a {
    background: url('/resource/images/footerBanner/itemThHover.png');
    background-size: cover;
}

.homepage-products .homepage-products__explains {
    position: absolute;
    bottom: 33px;
    left: 118px;
}

.homepage-products .homepage-products__btn {
    position: absolute;
    bottom: 46px;
    right: 40px;
    width: 126px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 3px 4px 0px rgba(109, 39, 109, 0.29),
        inset 0px 0px 5px 0px rgba(247, 240, 255, 0.64);
    border-radius: 21px !important;
    font-size: 14px;
    color: #6d266d;
    display: none;

}

.homepage-products .homepage-products__btn i {
    width: 6px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
    background: url('/resource/images/footerBanner/directionHover.png');
}

.homepage-products .itemFi.homepage-products-active:hover .homepage-products__btn {
    display: block;
}

.homepage-products .itemFi .homepage-products__btn:hover {
    display: block;
    background-color: #fbebff;
    box-shadow: 0px 3px 4px 0px rgba(109, 39, 109, 0.29),
        inset 0px 0px 5px 0px rgba(247, 240, 255, 0.64);
}

/* .homepage-products .itemFi:hover .homepage-products__btn i */
.homepage-products ul li a h3 {
    font-size: 24px;
    font-weight: bold;
    color: #6c266c;
}

.homepage-products ul li a h4 {
    font-size: 12px;
    color: #6c266c;
}

.homepage-products ul li.homepage-products-active:hover a h3,
.homepage-products ul li.homepage-products-active:hover a h4 {
    color: #ffffff !important;
}

.homepage-products ul li.itemTw a h3,
.homepage-products ul li.itemTw a h4 {
    color: #0a5dd8;
}

.homepage-products ul li.itemTh a h3,
.homepage-products ul li.itemTh a h4 {
    color: #ff6600;
}



.homepage-product_message {
    padding: 80px 0;
    min-width: 1200px;
    margin: 0 auto;
}

.homepage-product_message .homepage-product__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 62px;
}

.homepage-product_message .homepage-product__title li {
    font-size: 30px;
    color: #bbbbbb;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
}

.homepage-product_message .homepage-product__title li:last-child {
    margin-right: 0;
}

.homepage-product_message .homepage-product__title li.homepage-product__title-active {
    font-weight: bold;
    color: #424242;
}

.homepage-product_message .homepage-product__title li.homepage-product__title-active::after {
    content: '';
    width: 60px;
    height: 6px;
    background-color: #f68b1f;
    border-radius: 3px;
    position: absolute;
    bottom: -14px;
    left: 29px;
}

@media (max-width:1300px) {
    .homepage-products ul li {
        width: 310px;
    }

    .homepage-products ul li:first-child {
        width: 390px;
        padding-left: 0;
        white-space: nowrap;
        padding-left: 0;
        overflow: hidden;
    }

    .homepage-products ul li.homepage-products-active:first-child {
        width: 550px;
    }

    .homepage-products .homepage-products__btn {
        right: 4px;
        width: 89px;
    }

    .homepage-products ul li.homepage-products-active {
        width: 450px;
        color: #ffffff;
    }
}


@media (min-width: 1300px) and (max-width: 1440px) {
    .homepage-products ul li {
        width: 330px;
    }

    .homepage-products ul li:first-child {
        width: 410px;
        padding-left: 0;
        white-space: nowrap;
        padding-left: 0;
        overflow: hidden;
    }

    .homepage-products ul li.homepage-products-active:first-child {
        width: 600px;
    }

    .homepage-products .homepage-products__btn {
        right: 4px;
        width: 89px;
    }

    .homepage-products ul li.homepage-products-active {
        width: 450px;
        color: #ffffff;
    }
}

/* .homepage-companie_acitvies .fr {
    float: right;
}

.homepage-companie_acitvies .fl {
    float: left;
} */

/* .homepage-companie_acitvies .companie_acitvies_l {
    width: 570px;
}

.homepage-companie_acitvies .companie_acitvies_l .acitvies_l_title {
    width: 570px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
    background: #f2f2f2;
    padding: 0 14px;
    margin-bottom: 20px;
} */

/* .homepage-companie_acitvies .acitvies_l_content img {
    width: 570px;
    height: 300px;
}

.homepage-companie_acitvies .acitvies_l_content .acitvies_l_content_title {
    height: 53px;
    line-height: 20px;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #dddddd;
    cursor: pointer;

}

.homepage-companie_acitvies .acitvies_l_content .acitvies_l_content_title a {
    display: inline-block;
    color: #333333;
    text-decoration: none;
}

.homepage-companie_acitvies .acitvies_l_content .acitvies_l_content_title span:last-child {
    font-size: 14px;
    color: #999999;

} */

/* .homepage-companie_acitvies .companie_acitvies_l .acitvies_l_title_r a {
    font-size: 14px;
    color: #333333;
    display: inline-block;
}

.homepage-companie_acitvies .companie_acitvies_l .acitvies_l_title_r a .imgs {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-image: url("../images/products/product-icons/more_logo.png");
}

.homepage-companie_acitvies .companie_acitvies_l .acitvies_l_title_r a:hover {
    color: #f68b1f;
}

.homepage-companie_acitvies .companie_acitvies_l .acitvies_l_title_r a:hover .imgs {
    background-image: url("../images/products/product-icons/more_h_logo.png");
    color: #f68b1f;
    cursor: pointer;
}

.homepage-companie_acitvies .companie_acitvies_l .acitvies_l_title_r a:hover .more {
    color: #f68b1f;
    cursor: pointer;
}

.homepage-companie_acitvies .acitvies_l_content ul li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
}

.homepage-companie_acitvies .acitvies_l_content ul li span:first-child a {
    color: #666666;
}

.homepage-companie_acitvies .acitvies_l_content ul li span:first-child:hover {
    cursor: pointer;
    text-decoration: underline;

} */


#banner {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    position: relative;
    min-width: 1200px;
}

#banner #pic {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

#banner #pic ul {
    width: 800%;
    height: 400px;
}

#banner #pic ul li {
    width: 12.5%;
    list-style: none;
    float: left;
    height: 400px;
}

.swiper-container .swiper-wrapper .one {
    position: relative;
}

.swiper-container .swiper-wrapper .one .btns {
    position: absolute;
    width: 640px;
    height: 48px;
    left: 50%;
    margin-left: -193px;
    z-index: 444;
    top: 256px;
}

.swiper-container .swiper-wrapper .one .btns a {
    display: inline-block;
    width: 207px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    text-align: center;
    font-size: 21px;
    border-radius: 28px !important;
}
.swiper-container .swiper-wrapper .one.newBtn .btns a {
    display: inline-block;
    width: 160px;
	height: 54px;
	border-radius: 4px !important;
	border: solid 1px #5760c9;
    line-height: 54px;
    color: #5760c9 !important;
    text-align: center;
    font-size: 16px !important;  
    border: solid 1px #5760c9 !important;
}
.swiper-container .swiper-wrapper .one.newBtn .btns a.goBuy:hover{
    background-color: #5760c9 !important; 
    color: #ffffff !important;
}
.swiper-container .swiper-wrapper .one.newBtn .btns a.upload{
    background-color: #5760c9 !important; 
    color: #ffffff !important;
}
.swiper-container .swiper-wrapper .one.newBtn .btns a.upload:hover{
	background-color: #4e56b5 !important; 
}

.swiper-container .swiper-wrapper .one .btns .fl {
    float: left;
}

.swiper-container .swiper-wrapper .one .btns a.upload {
    background: #ffffff;
    font-size: 18px;
    color: #7e46f9;
    margin-right: 16px;
}

.swiper-container .swiper-wrapper .one .btns a.upload i {
    display: inline-block;
    background: url('../images/banner/banner-gr-down.png');
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.swiper-container .swiper-wrapper .one .btns a.upload:hover {
    color: #7e46f9;
    background-color: rgba(255, 255, 255, 0.87);
    text-decoration: none;
}

.swiper-container .swiper-wrapper .one .btns a.goBuy {
    border: 1px solid #dddddd;
    font-size: 18px;
    color: #ffffff;
    margin-right: 20px;
}

.swiper-container .swiper-wrapper .one .btns a.goBuy i {
    display: inline-block;
    background: url('../images/banner/banner-gr-buy.png');
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.swiper-container .swiper-wrapper .one .btns a.goBuy:hover {
    color: #7e46f9;
    background: #fff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .one .btns a.goBuy:hover i {
    background: url('../images/banner/banner-gr-buy-hover.png');
}

.swiper-container .swiper-wrapper .one .btns .free {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: -39%;
}

.swiper-container .swiper-wrapper .two {
    position: relative;
}

.swiper-container .swiper-wrapper .two .btns {
    position: absolute;
    width: 669px;
    height: 48px;
    left: 50%;
    margin-left: -337px;
    z-index: 444;
    bottom: 60px;
}

.swiper-container .swiper-wrapper .two .btns a {
    display: inline-block;
    width: 207px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 28px !important;
}
.swiper-container .swiper-wrapper .two .btns a.editor{
    width: 160px;
}
.swiper-container .swiper-wrapper .two .btns a.editor:first-child{
    /* background: #333333;
    border: 1px solid #333333; */
    background: none;
}
.swiper-container .swiper-wrapper .two .btns a.editor:first-child:hover{
    background: none;
}
.swiper-container .swiper-wrapper .two .btns a.editor:last-child{
    border: 1px solid #333333;
    background: none;
}
.swiper-container .swiper-wrapper .two .btns a.editor:last-child:hover{
    /* color: #ffffff !important;
    background: #333333; */
    background: none;
}
.swiper-container .swiper-wrapper .two .btns .fl {
    float: left;
}

.swiper-container .swiper-wrapper .two .btns a.upload {
    background: #ffffff;
    ;
    font-size: 18px;
    color: #9a56ce;
    margin-right: 14px;
}

.swiper-container .swiper-wrapper .two .btns a.upload i {
    display: inline-block;
    background: url('../images/banner/banner-gj-down.png');
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.swiper-container .swiper-wrapper .two .btns a.upload:hover {
    color: #9a56ce;
    background-color: #e1e1e1;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .two .btns a.goBuy {
    border: 1px solid #ffffff;
    ;
    font-size: 18px;
    color: #ffffff;
    margin-right: 24px;
}

.swiper-container .swiper-wrapper .two .btns a.goBuy i {
    display: inline-block;
    background: url('../images/banner/banner-gj-buy.png');
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    left: -5px;
}

.swiper-container .swiper-wrapper .two .btns a.goBuy:hover {
    color: #9a56ce;
    background: #fff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .two .btns a.goBuy:hover i {
    background: url('../images/banner/banner-gj-buy-hover.png');
}

.swiper-container .swiper-wrapper .two .btns a.companyBuy {
    border: 1px solid #ffffff;
    font-size: 18px;
    color: #ffffff;
}

.swiper-container .swiper-wrapper .two .btns a.companyBuy:hover {
    color: #9a56ce;
    background: #fff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .three {
    position: relative;
}

.swiper-container .swiper-wrapper .three .btns {
    position: absolute;
    width: 500px;
    height: 50px;
    left: 50%;
    margin-left: -23px;
    z-index: 444;
    bottom: 77px;
}

.swiper-container .swiper-wrapper .three .btns a {
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 28px !important;
}

.swiper-container .swiper-wrapper .three .btns a.free_upload {
    background: #008cff;
    font-size: 18px;
    color: #ffffff;
    margin-right: 20px;
}

.swiper-container .swiper-wrapper .three .btns a.free_upload:hover {
    background-color: #1696ff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .three .btns a.know_more {
    border: 1px solid #ffffff;
    ;
    font-size: 18px;
    color: #ffffff;
}

.swiper-container .swiper-wrapper .three .btns a.know_more:hover {
    color: #008cff;
    background: #fff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .four {
    position: relative;
}

.swiper-container .swiper-wrapper .four .btns {
    position: absolute;
    width: 620px;
    height: 50px;
    left: 50%;
    margin-left: -300px;
    z-index: 444;
    bottom: 104px;
}

.swiper-container .swiper-wrapper .four .btns a {
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 21px;
    border-radius: 28px !important;
}

.swiper-container .swiper-wrapper .four .btns a.free_upload {
    background: #0084ff;
    font-size: 18px;
    color: #ffffff;
    margin-right: 20px;
}

.swiper-container .swiper-wrapper .four .btns a.free_upload:hover {
    background-color: #1f93ff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .four .btns a.know_more {
    border: 1px solid #ffffff;
    font-size: 18px;
    color: #ffffff;
    margin-right: 20px;
}

.swiper-container .swiper-wrapper .four .btns a.know_more1 {
    background: #ffffff;
    color: #0084ff;
}

.swiper-container .swiper-wrapper .four .btns a.know_more:hover {
    color: #0084ff;
    background: #eeeeee;
    text-decoration: none;
}


.swiper-container .swiper-wrapper .five {
    position: relative;
}

.swiper-container .swiper-wrapper .five .btns {
    position: absolute;
    width: 200px;
    height: 56px;
    left: 27%;
    margin-left: -45px;
    z-index: 555;
    bottom: 46px;
}

.swiper-container .swiper-wrapper .five .btns a {
    display: inline-block;
    width: 160px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    border-radius: 28px !important;
    position: relative;
    top: -7px;
    left: -48px;
}

.swiper-container .swiper-wrapper .five .btns a.test_use {
    background: #fc5f00;
    font-size: 20px;
    color: #ffffff;
    margin-right: 20px; 
}

.swiper-container .swiper-wrapper .five .btns a.test_use:hover {
    background: #fc5f00;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .five .btns a.test_use i {
    display: inline-block;
    background: url('../images/banner/mac_download.png');
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.swiper-container .swiper-wrapper .six {
    position: relative;
}

.swiper-container .swiper-wrapper .six .btns {
    position: absolute;
    width: 400px;
    height: 50px;
    left: 50%;
    margin-right: -506px;
    z-index: 444;
    bottom: 72px;
}

.swiper-container .swiper-wrapper .six .btns a {
    display: inline-block;
    width: 180px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 24px !important;
}

.swiper-container .swiper-wrapper .six .btns a.free_upload {
    background: #ffffff;
    font-size: 18px;
    color: #fd7b5f;
    margin-right: 16px;
}

.swiper-container .swiper-wrapper .six .btns a.free_upload:hover {
    background-color: rgba(255, 255, 255, 0.87);
    text-decoration: none;
}

.swiper-container .swiper-wrapper .six .btns a.know_more {
    border: 1px solid #ffffff;
    ;
    font-size: 18px;
    color: #ffffff;
}

.swiper-container .swiper-wrapper .six .btns a.know_more:hover {
    /*color: #e94931;*/
    color: #fd7b5f;
    background: #fff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .seven {
    position: relative;
}

.swiper-container .swiper-wrapper .seven .btns {
    position: absolute;
    width: 410px;
    height: 60px;
    left: 50%;
    margin-left: -97px;
    z-index: 444;
    bottom: 60px;
}

.swiper-container .swiper-wrapper .seven .btns a {
    display: inline-block;
    width: 190px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    border-radius: 28px !important;
}

.swiper-container .swiper-wrapper .seven .btns a.free_upload {
    background: #ffffff;
    font-size: 20px;
    color: #fe956d;
    margin-right: 16px;
}

.swiper-container .swiper-wrapper .seven a.free_upload:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .seven a.know_more {
    border: 1px solid #ffffff;
    ;
    font-size: 20px;
    color: #ffffff;
}

.swiper-container .swiper-wrapper .seven a.know_more:hover {
    color: #fe956d;
    background: #fff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper .eight {
    position: relative;
}

.swiper-container .swiper-wrapper .eight .btns {
    position: absolute;
    width: 630px;
    height: 50px;
    left: 50%;
    margin-left: -300px;
    z-index: 444;
    bottom: 94px;
}

.swiper-container .swiper-wrapper .eight .btns a {
    display: inline-block;
    width: 186px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 28px !important;
}

.swiper-container .swiper-wrapper .eight .btns a.free_upload {
    background: #ffffff;
    font-size: 18px;
    color: #4564ef;
    margin-right: 16px;
}

.swiper-container .swiper-wrapper .eight .btns a.free_upload:hover {
    background-color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.swiper-container .swiper-wrapper .eight .btns a.know_more {
    border: 1px solid #ffffff;
    ;
    font-size: 18px;
    color: #ffffff;
    margin-right: 16px;
}

.swiper-container .swiper-wrapper .eight .btns a.know_more:hover {
    color: #4564ef;
    background: #ffffff;
    text-decoration: none;
}

.swiper-container .swiper-wrapper img {
    width: 100%;
    height: 400px;
}

/*#banner #btn{
    min-width: 1484px;
    left: 50%;
    margin-left:-742px;
    background: red;
    position: absolute;
    top: 230px;
}*/
#banner #btn div {
    width: 20px;
    height: 37px;
    cursor: pointer;
    z-index: 999;
}

#banner #left {
    left: 0;
    position: absolute;
    margin-left: 7%;
    margin-top: -318px;
    background: url("../images/banner/trun_left.png")
}

#banner #right {
    margin-top: -318px;
    margin-right: 6%;
    right: 0;
    position: absolute;
    background: url("../images/banner/trun_right.png")
}

#banner #tab {

    position: absolute;
    bottom: 10px;
    left: 44%;
    z-index: 999;
}

#banner #tab ul li {
    list-style: none;
    float: left;
    height: 4px;
    width: 30px;
    /*border:1px solid #b8b7b7;*/
    /*border-radius:43% !important;*/
    margin-right: 10px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2)
}

#banner #tab ul li:last-child {
    margin-right: 0px;
}

#banner #tab ul li.on {
    background: #ffffff;
}

.clear:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

/*.fr{
    float: right;
}*/
.fl {
    /*float: left;*/
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

@media (max-width:1200px) {
    /* .homepage-companies {
        padding-left: 25px;
        padding-right: 25px;
    } */

    .homepage-companie_acitvies {
        padding: 80px 25px;
    }

    .homepage-products {
        width: 100%;
    }

    .header-navigation>ul>li:hover>.dropdown-menu {
        display: block;
    }

    body {
        width: 1200px;
        margin: 0 auto !important;
    }
}

@media (min-width: 1025px) and (max-width: 1205px) {
    .header-navigation>ul>li:hover>.dropdown-menu {
        display: block;
    }
}

.containers {
    overflow: hidden;
    min-width: 1200px;
    max-width: 1420px;
    margin: 0 auto;
}

/* 首页-桌面产品-福昕pdf编辑器个人版 */
#FPMP_homepage_list_download_btn span {
    cursor: pointer;
    position: relative;
    font-size: 12px;
    line-height: 12px;
    color: #f68b1f;
}

#FPMP_homepage_list_download_btn:hover span {
    text-decoration: underline;
    color: #ffffff;
    text-decoration: none;
}
#FPMP_homepage_list_download_btn:hover{ 
    cursor: pointer;
}
#FPMP_homepage_list_download_btn:hover .dropdown {
    display: block;
}

#FPMP_homepage_list_download_btn .dropdown {
    display: none;
    position: absolute;
    left: -8px;
    bottom: -109px;
    width: 194px;
    height: 109px;
    padding: 35px 0 0 28px;
    background: url("../images/homepage/commentBg.png") no-repeat;
    background-size: cover;
    z-index: 2;
}

#FPMP_homepage_list_download_btn .dropdown a {
    font-size: 14px;
    color: #999;
    display: block;
    line-height: initial;
    text-align: left;
}

#FPMP_homepage_list_download_btn .dropdown a:hover {
    color: #f68b1f;
}

#FPMP_homepage_list_download_btn .dropdown a:last-child {
    margin-top: 10px;
}

/*
@media (max-width:1366px) {
    .swiper-container .swiper-wrapper  {
        height: 400px;
    }
    #banner{
        height:400px;
    }
    #banner #left{
        margin-top: -263px;
    }
    #banner #right{
        margin-top: -263px;
    }
    #banner #pic{
        height:400px;
    }
    #banner #pic ul{
        height:400px;
    }
    .swiper-container .swiper-wrapper .ones .btns{
        top: 222px;
    }
    .swiper-container .swiper-wrapper .two .btns a.fl{
        float: left;
    }
    .swiper-container .swiper-wrapper .two .btns{
        top: 250px;
    }
    .swiper-container .swiper-wrapper .six .btns{
        top: 222px;
    }
    .swiper-container .swiper-wrapper .two .btns a.goBuy i{
        display: inline-block;
        background: url('../images/banner/banner-gj-buy.png');
        width: 20px;
        height: 20px;
        position: relative;
        top: 2px;
        left: -5px;
    }

    .swiper-container .swiper-wrapper  img{
        height: 400px;
    }
    .swiper-container .swiper-wrapper .three .one{
        height: 400px;
        width: 535px;
    }
    .swiper-container .swiper-wrapper .three .btns{
        height: 33px;
        top: 233px;
    }
    .swiper-container .swiper-wrapper .three .btns a{
        height: 33px;
    }

    .swiper-container .swiper-wrapper .four .one{
        height: 400px;
        width: 535px;
    }
    .swiper-container .swiper-wrapper .four .btns{
        height: 33px;
        top: 233px;
    }
    .swiper-container .swiper-wrapper .four .btns a{
        height: 33px;
    }
    .swiper-container .swiper-wrapper .five .one{
        height: 400px;
        width: 535px;
    }
    .swiper-container .swiper-wrapper .five .btns{
        height: 33px;
        top: 233px;
    }
    .swiper-container .swiper-wrapper .five .btns a{
        height: 33px;
    }
    .swiper-container .swiper-wrapper .six{
        height: 400px;
    }
    .homepage-desc{
        height: 160px;
    }
    .homepage-desc .col-hd-4{
        padding: 43px 0;
    }
    .swiper-container .swiper-wrapper .six{
        height: 400px;
    }
    .swiper-container .swiper-wrapper .five{
        height: 400px;
    }
}*/


.homepage-product_mySwiperTwo,
.homepage-product_mySwiper {
    max-width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.swiper-slide {
    width: 300px;
}

.homepage-product_message .homepage-product__data-list li {
    height: 406px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    background: #ffffff;
    margin: 0 20px 26px 0;
}

.homepage-product_message .homepage-product__data-list li a {
    display: block;
    text-decoration: none;
}

.homepage-product_message .homepage-product__data-list img {
    width: 100%;
    height: 200px;
}

.homepage-product_message .homepage-product__data-list .homepage-product__article-title {
    font-size: 16px;
    color: #424242;
    margin: 15px 0 10px;
    white-space: nowrap;
    width: 358px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.homepage-product_message .homepage-product__data-list .homepage-product__article {
    width: 360px;
    height: 95px;
    text-align: left;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 14px;
    color: #999999;
    margin-bottom: 15px;
}

.homepage-product_message .homepage-product__data-list .homepage-product__date {
    font-size: 12px;
    color: #999999;
    text-align: left;
}

.itemOpacity {
    opacity: 0;
    position: absolute;
    z-index: -1;
}