﻿@media only screen and (max-width: 1720px){
    .header-style1 .header-box,
    .footer-box,
    .index-about-box{
        width: 95%;
    }
}
@media only screen and (max-width: 1480px){
    .business-page-info-box{
        width: 1280px;
    }
    .business-page-info{
        padding-left: 570px;
    }
    .pages-banner-box{
        height: 500px;
    }

}
@media only screen and (max-width: 1366px){
    .index-about-box{
        height: 650px;
    }
}
@media only screen and (max-width: 1280px){
    .business-page-info-box{
        width: 1200px;
    }
    .business-page-info{
        padding-left: 650px;
    }
}
@media only screen and (max-width: 1200px){
    .index-marketing,
    .business-list-box,
    .business-page-info-box,
    .marketing-block,
    .marketing-page-block{
        width: 1000px;
    }
    .marketing-list{
        width: 238px;
        margin-right: 15px;
    }
    .business-list-box{
        height: 416px;
    }
    .business-list-info-title{
        font-size: 26px;
        height: 41px;
    }
    .business-page-info-title{
        font-size: 26px;
    }
    .business-page-info-img,
    .business-page-info-img-fixed{
        width: 500px;
        height: 583px;
    }
    .business-page-info {
        padding-left: 530px;
    }
    .business-page-info{
        min-height: 560px;
    }
    .marketing_page_left{
        width: 650px;
    }
    .marketing_page_right{
        width: calc(100% - 650px);
    }
    .marketing-page-info-recent-box.stuck{
        width: 350px;
    }
   

    .marketing-list-img-box{
        height: 186px;
    }
    .promotion-page-box{
        width: 800px;
    }
    .promotion-page-info-box{
        width: 750px;
    }
    .page-link-prev{
        left: calc(50% - 500px);
    }
    .page-link-next {
        right: calc(50% - 500px);
    }
}
@media only screen and (max-width: 1000px){
    .main-title,
    .business-list-info-title,
    .business-list-article,
    .business-list-read,
    .business-page-info-img,
    .business-page-info,
    .marketing_page_title,
    .marketing_page_img,
    .marketing-page-edit-box,
    .promotion-title-box,
    .promotion-article,
    .promotion-page-box,
    .faq-list ,
    .marketing-list-img-box .main-bg,
    .business-list-img-box .main-bg,
    .marketing-page-info-list-img .main-bg,
    .promotion-list-img-box .main-bg{
        opacity: 1!important;
        animation: none!important;
    }
    .main-title-line,
    .main-title-line:after{
        transform: scale(1,1)!important;
        animation: none!important;
    }
    .promotion-list-border-box .promotion-list-border-top{
        transform: scale(1,1)!important;
        animation: none!important;
    }
    .promotion-list-border-box .promotion-list-border-left{
       transform: scale(1,1)!important; 
       animation: none!important;
    }
	.rwd-menu-class-list{
	width: 100%;
    height: 46px;
    border: 1px solid #888;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    line-height: 46px;
    position: relative;
    box-sizing: border-box;
    }
    .rwd-menu-class-list:after {
        content: '';
        width: 0px;
        height: 0px;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-top: 10px solid #888;
        border-left: 10px solid transparent;
        display: block;
        position: absolute;
        bottom: calc(50% - 5px);
        right: 5%;
        box-sizing: border-box;
    }
    .index-marketing,
    .business-list-box,
    .business-page-info-box,
    .marketing-block,
    .marketing-page-block{
        width: 750px;
    }
    .marketing-list-mask, .business-list-img-mask{
        display: none;
    }
    .marketing-list{
        width: 24%;
        margin-right: 1.3%;
    }
    .marketing-list-img-box{
        height: 141px;
    }
    .main-title-block{
        margin: 50px auto;
    }
    .index-about-box{
        height: 510px;
    }
    .index-about-info-box{
        padding: 0 20px;
        box-sizing: border-box;
    }
    .index-about-p{
        font-size: 14px;
    }
    .index-about-title{
        font-size: 18px;
    }
    .pages-banner-box{
        height: 400px;
    }
    .business-page-info-img,
    .business-page-info-img-fixed{
        width: 300px;
        height: 350px;
    }
    .business-page-info {
        padding-left: 325px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .business-page-info-title{
        font-size: 20px;
        padding-bottom: 10px;
    }
    .business-page-info {
        min-height: 300px;
    }
    .marketing_page_left{
        width: 500px;
    }
    .marketing_page_right{
        width: calc(100% - 500px);
    }
    .marketing-page-info-list-box, .marketing-page-info-recent-more {
        width: 210px;
    }
    .marketing-page-info-list-img{
        height: 165px;
    }
    .marketing_page_title,
    .marketing_page_img{
        margin-top: 10px;
    }
    .pages-banner-box{
        margin-top: 55px;
    }
    .marketing-page-info-recent-box.stuck{
        width: 250px;
    }
    .promotion-list-box{
        width: 750px;
    }
    .promotion-list-info-box{
        width: calc(100% - 210px);
    }
    .promotion-list-img-box{
        width: 200px;
        height: 170px;
    }
    .promotion-list-info-box{
        height: 170px;
    }
    .promotion-article{
        height: 70px;
    }
    .promotion-page-box{
        width: 750px;
    }
    .promotion-page-info-box{
        width: 700px;
    }
    .promotion-page-link{
        position: static;
        margin-bottom: 30px;
        display: block;
    }
    .page-link-prev{
        float: left;
        margin-left: 30px;
    }
    .page-link-next{
        float: right;
        margin-right: 30px;
    }
    .promotion-page-box{
        padding: 20px;
        box-sizing: border-box;
    }
    .footer-company-list-box ul:first-child{
        margin-bottom: 5px;
    }
    .contact-box{
        width: 750px;
    }
    .contact-info-form{
        width: 48%;
    }
    .business-page-info-img-fixed.stuck{
        top: 100px;
    }
}
@media only screen and (max-width: 800px){}
@media only screen and (max-width: 750px){
    .faq-list-box{
        width: 95%;
    }
    .index-about-box{
        height: 360px;
    }
    .index-about-bg{
        position: static;
    }
    .index-marketing, 
    .business-list-box, 
    .business-page-info-box, 
    .marketing-block, 
    .marketing-page-block,
    .promotion-list-box{
        width: 550px;
    }
    .marketing-list{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .marketing-list:nth-child(4n+4),
    .marketing-list:nth-child(even){
        margin-right: 0;
    }
    .marketing-list-img-box{
        height: 207px;
    }
    .business-list-article{
        margin: 10px 0;
        max-height: 105px;
    }
    .business-list-box{
        height: 230px;
    }
    .business-list-info-title{
        font-size: 22px;
        height: 35px;
    }
    .business-list-block{
        margin-bottom: 50px;
    }
    .business-page-info-img,
    .business-page-info-img-fixed{
        width: 100%;
        height: 640px;
        position: static;
    }
    .business-page-info{
        padding: 20px;
    }
    .business-page-block{
        padding: 50px 0;
    }
    .pages-banner-box {
        height: 300px;
    }
    .marketing_page_left{
        margin-bottom: 30px;
    }
    .marketing_page_right,
    .marketing_page_left{
        width: 100%;
        display: block;
    }
    .marketing-page-info-recent-box{
        width: 100%;
        padding-bottom: 50px;

    }
    .marketing-page-info-list{
        margin: 0 10px;
    }
    .marketing-page-info-list-box{
        width: 100%;
    }
    .marketing-page-info-list-img{
        height: 200px;
    }
    .marketing-page-info-list-box{
        margin-top: 30px;
    }
    .marketing-page-info-recent-more{
        float: none;
        width: 100%;
    }
    .marketing-page-info-recent-box{
        height: initial;
    }
    .contact-box{
        width: 95%;
    }
    .footer-company-box, .footer-web-box{
        width: 100%;
        display: block;
    }
    .footer-link-box{
        text-align: left;
    }
    .footer-web{
        margin-top: 10px;
    }
    .footer-link{
        width: 40px;
        height: 40px;
    }
    .footer-link i{
        font-size: 24px;        
        line-height: 40px;
    }
    .footer-web-box{
        margin-top: 10px;
    }
    .promotion-page-box{
        width: 95%;
    }
    .marketing-list-article{
        text-align: left;
    }
}
@media only screen and (max-width: 550px){

	.contact-thanks, .alert-info{
		width: 95%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.contact-thanks-p{
		font-size: 20px;
	}
    .business-list-block:nth-child(odd) .business-list-box,
    .business-list-block:nth-child(odd) .business-list-info-box {
        direction: ltr;
        padding: 0;
    }

    .index-marketing, 
    .business-list-box, 
    .business-page-info-box, 
    .marketing-block, 
    .marketing-page-block, 
    .promotion-list-box{
        width: 340px;
    }
    .business-list-box{
        height: initial;
    }
    .business-list-img-box{
        width: 100%;
        height: 283px;
    }
    .business-list-info-box{
        width: 100%;
        padding: 0;
    }
    .business-list-info-title{
        margin-top: 10px;
    }
    .business-list-block:nth-child(even) .business-list-info-box{
        padding: 0;
    }
    .business-page-info-img,
    .business-page-info-img-fixed{
        height: 396px;
    }
    .marketing-list-img-box{
        height: 127px;
    }
    .page a{
        width: 25px;
        height: 25px;
        line-height: 23px;
        line-height: 25px;
        margin: 0 5px;
        font-size: 14px;
    }
    .marketing-page-info-list-img{
        height: 117px;
    }
    .promotion-list-img-box{
        width: 100%;
        display: block;
        height: 291px;
    }
    .promotion-list-info-box{
        width: 100%;
        display: block;
        margin: 0;
    }
    .promotion-list-info-box{
        height: 215px;
    }
    .promotion-article{
        height: 110px;
    }
    .contact-info-form{
        width: 100%;
        display: block;
    }
    .contact-form-list:last-child{
        margin-bottom: 40px;
    }
    .pages-banner-title-en{
        font-size: 26px;
    }
    .pages-banner-title-ch{
        font-size: 18px;
    }
    .pages-banner-box{
        height: 180px;
    }
    .pages-main-bg{
        animation: none;
    }
    .index-banner-slong, .index-video-slong{
        font-size: 22px;
        text-align: left;
    }
    .index-banner-slong-title{
        text-align: center;
    }
    .index-about-title{
        font-size: 16px;
    }
    .index-banner-slong.slick-active .index-banner-slong-p:nth-child(2){
        margin-bottom: 10px;
    }
    .marketing-page-info-recent-more{
        font-size: 20px;
    }
    .marketing-page-info-recent-box{
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 480px){
    .marketing_page_img-slick-list{
        margin-right: 5px;
    }
}
@media only screen and (max-width: 340px){
    .index-marketing, 
    .business-list-box, 
    .business-page-info-box, 
    .marketing-block, 
    .marketing-page-block, 
    .promotion-list-box{
        width: 95%;
    }
    .business-page-info-img,
    .business-page-info-img-fixed {
        height: 365px;
    }


}