@media (min-width: 1200px) {
    .container{max-width: inherit; width: 1560px;}
}



@media (max-width: 1600px) {
    .container{max-width: inherit; width: 1210px;}

    body{font-size: 0.9em;}

    .site-header .main{height: 80px;}
    .site-header .main-brand{width: 80px;}
    .site-header .main-wrapper > div{padding: 0 15px;}
    .site-header .main-wrapper > div.main-menu{padding: 0 15px 0 0;}
    .site-header .main-menu .nav-list > li + li{margin-left: 15px;}
    .site-header .main-menu .link{font-size: 2.6em;}
    .site-header .dropdown-menu{font-size: 2.6em;}
    .site-header .main-lang > .link{font-size: 2.6em;}
    .site-header div.main-contact{padding-right: 0;}
    .site-header .main-contact .link{font-size: 3em;}
    .site-header .open .dropdown-menu{margin-top: 23px;}

    .site-footer .footbar .desc{font-size: 1.8em;}
    .site-footer .newsletter{margin-right: 0;}

    .btn-xs{front-size: 2em;}

    .intro .inner{margin-right: -570px;}
    .intro .inner .title{font-size: 46px; line-height: 70px; padding: 0 30px;}
    .intro .inner .desc{font-size: 46px; line-height: 70px; padding: 0 30px;}

    .wg-about-content .thumb{width: 630px; padding: 0 60px;}

    .wg-product-list .icon{transform: scale(0.8); transform-origin: center bottom;}
    .wg-product-list .title{font-size: 3.4em;}

    .wg-news-list .square{display: none;}
    .wg-news-list .thumb{width: 455px;}
    .wg-news-list .title{font-size: 3.4em;}

    .wg-contact .wrapper{padding: 60px 20px 60px 40px;}
    .wg-contact .title{margin-bottom: 15px;}
    .wg-contact .row-60{margin: 0 -15px;}
    .wg-contact .row-60 > div{padding: 0 15px;}

    .default-header .main{height: 80px; top: 80px;}
    .default-header .main .title{margin: 18px 0;}
    .default-header .breadcrumb{margin: 24px 0;}
    .default-body{margin-top: 160px; padding: 40px 0;}

    .sidenav{margin-top: 200px; width: 270px;}
    .sidenav .title{font-size: 24px;}
    .sidenav .link{font-size: 22px;}
    .sidenav .nav-list + .nav-list{margin-top: 14px;}
    .sidenav .nav-list > li + li{margin-top: 4px;}
    .sidenav .link.active:before{top: 0;}

    .news-list .thumb{width: 260px;}
    .news-list .inner{padding: 20px;}
    .news-list .title{font-size:2.6em;}
    .news-list .desc{font-size: 2.6em; height: 3em; overflow: hidden;}
    .news-list .action{bottom: 20px; left: 20px;}

    .pagination-block{padding-top: 0;}

    .career-nav .link{background-position: left -1px;}
    .career-nav .active .link{background-position: left -1px;}

    .default-body .cover{height: 385px; margin-bottom: 40px;}

    .product-nav{top: 80px;}
    .product-nav .icon{width: 60px;}
    .product-nav .link{padding: 9px 0;}
    .product-nav.gas .title{line-height: 60px;}

    .service-header{height: auto;}
    .service-header .container{height: 640px;}
    .service-list .icon{width: 140px; height: 140px;}
    .service-list .title small{font-size: 0.6em;}
    .service-list .bar{width: 20px;}
    .service-list > .row > div:nth-child(odd) .wrapper{height: 580px;}
    .service-list > .row > div:nth-child(even) .wrapper{height: 410px; margin-top: 170px;}
    .service-content .inner{padding-left: 30px;}

    .form-default textarea.message{height: 140px;}
}




@media (max-width: 1366px) {
    .container{max-width: inherit; width: 1210px;}
}




@media (max-width: 1199px) {
    .container{max-width: inherit; width: 970px;}

    /*body{font-size: 0.8em;}*/

    .section-middle{display: block; width: auto; height: auto;}
    .section-middle > div{display: block; width: auto;}

    .whead{margin-bottom: 40px;}
    .whead .title{font-size: 6em;}

    .editor-content{font-size: 2.2em;}

    .site-header .container{width: 100%;}
    .site-header .main{height: 60px;}
    .site-header .main-menu .nav-list > li + li{margin-left: 5px;}
    .site-header .main-wrapper > div.main-menu{padding-right: 10px;}
    .site-header .main-brand{width: 60px;}
    .site-header .main-contact .link{font-size: 2.6em;}
    .site-header .open .dropdown-menu{margin-top: 13px;}

    .intro{height: auto;}
    .intro .cover{height: auto; padding-top: 47%;}
    .intro .inner{margin-right: -470px; transform: scale(0.8); transform-origin: bottom right;}

    .wg-about{padding: 50px 0; height: auto;}
    .wg-about-content .title{font-size: 6em; font-weight: 500;}
    .wg-about-content .thumb{width: 430px; padding: 0;}

    .wg-product{height: auto;}
    .wg-product .whead{top: 50px;}
    .wg-product-list .cover{height: 670px;}
    .wg-product-list .icon{transform: scale(0.7);}
    .wg-product-list .inner{bottom: 30px;}

    .wg-news{padding: 50px 0; height: auto;}
    .wg-news-list{margin: 0 40px;}
    .wg-news-list .owl-prev{left: -35px;}
    .wg-news-list .owl-next{right: -35px;}
    .wg-news-list .thumb{width: 440px;}
    .wg-news-list .inner{padding: 20px;}
    .wg-news-list .title{font-size: 3em;}
    .wg-news-action{margin-top: 40px;}

    .wg-cer{padding: 50px 0;}
    .wg-cer-list .thumb{width: 178px;}
    .wg-cer-list .thumb-md{width: 260px;}
    .wg-cer-list .inner{padding-left: 25px;}
    .wg-cer-list .title{font-size: 3.2em;}
    .wg-cer-list .desc{font-size: 3em;}

    .wg-contact{padding: 50px 0;}
    .wg-contact .square{display: none;}
    .wg-contact .wrapper{padding: 0; height: auto;}
    .wg-contact .map{height: 220px; border-width: 10px;}

    .site-footer .footbar .row{margin: 0 -5px;}
    .site-footer .footbar .row > div{padding: 0 5px;}
    .site-footer .newsletter{padding: 0 20px;}
    .site-footer .footbar .desc{line-height: 1em; margin: 2px 0;}
    .site-footer .newsletter .form-control{line-height: 36px;}

    .default-header .container{width: 100%;}
    .default-header .main{height: 60px; top: 60px;}
    .default-header .main .title{font-size: 4em; margin: 10px 0;}
    .default-header .breadcrumb{margin: 14px 0;}
    .default-body{margin-top: 120px;}

    .sidenav{margin-top: 160px; width: 210px;}

    .about-content .topic{font-size: 4em;}
    .about-content .title{font-size: 2.6em;}
    .about-content .desc{font-size: 2.4em;}

    .news-list .wrapper{margin-bottom: 15px;}
    .pagination-block{padding-top: 15px;}

    .career-content{margin: 0; padding: 0; border: none; min-height: inherit;}
    .career-nav .block{font-size: 2.4em;}

    .career-nav .panel{background-color: transparent;}
    .career-nav .panel-title{font-size: inherit;}
    .career-nav .panel-default > .panel-heading{padding: 15px 0; background-color: transparent; border-bottom: 1px solid #c7c7c7;}
    .career-nav .panel-group .panel{border-radius: 0; border: none; box-shadow: none;}
    .career-nav .panel-group .panel + .panel{margin-top: 0;}
    .career-nav .panel-default > .panel-heading + .panel-collapse > .panel-body{border: none; padding: 15px 0 0 0;}

    .career-nav .link{color: #ed1c24; background: url('../image/icon/arrow-nav-active.png') left -1px no-repeat;}
    .career-nav .link:hover{color: #ed1c24;}
    .career-nav .link.collapsed{color: #133b9b; background: url('../image/icon/arrow-nav.png') left -1px no-repeat;}
    .career-nav .block{margin-bottom: 10px;}
    .career-nav .block p{line-height: 1.2em;}

    .default-body .cover{height: 308px;}

    .product-nav{top: 60px;}
    .product-nav .link{padding: 4px 0;}
    .product-nav .icon{width: 48px; margin: 0 auto;}
    .product-list .whead .title{font-size: 8em;}
    .product-list .whead .subtitle{font-size: 4em;}
    .product-list .info .title{font-size: 3em;}
    .product-list .info .desc{font-size: 4em;}
    .product-list .info{margin-left: 220px; top: 20px;}
    .product-list .info .action .btn{font-size: 3em; height: 50px; line-height: 48px; padding: 0 20px;}
    .product-list .item-list > li{min-height: inherit;}
    .product-list .item-list > li:before{left: 0; transform: translate(0, 0); border-bottom-width: 25vh;}
    .product-list .item-list > li:nth-child(even) .wrapper{left: 0;}
    .product-list{margin-bottom: -40px;}
    .product-list .inner{margin-top: 15px;}
    .product-nav.gas .title{line-height: 50px;}

    .service-list > .row{margin: 0 -10px;}
    .service-list > .row > div{padding: 0 10px;}
    .service-list > .row > div:nth-child(odd) .wrapper{height: auto; margin: 0 0 30px 0;}
    .service-list > .row > div:nth-child(even) .wrapper{height: auto; margin: 0 0 30px 0;}
    .service-list .bar{display: none;}
    .service-list{margin-top: 0; position: relative;}
    .service-list .title{height: 46px;}
    .service-header{padding: 40px 0 0 0;}
    .service-header .container{height: auto;}
    .service-content .inner{padding-left: 0; margin-top: 30px;}
    .service-content .thumb img{width: 100%;}

    .contact-map{height: 440px;}
    .contact-info{margin-top: 30px;}
    .contact-info .wrapper{margin-bottom: 30px;}
    .contact-list .thumb{width: 280px;}
    .contact-list .map{width: 280px; height: 172px;}
    .contact-list .inner{padding: 0 20px;}
    .contact-list .item-list > li{padding: 30px 0;}
}




@media (max-width: 991px) {
    .container{max-width: inherit; width: 100%;}

    body{font-size: 0.8em;}

    .whead{margin-bottom: 20px;}
    .whead .title{font-size: 4.6em;}
    .whead .desc{font-size: 2em;}
    .whead .subtitle{font-size: 3.4em;}

    .site-header .container{padding: 0 10px;}
    .site-header .main{height: 50px; background-color: #fff;}
    .site-header .main-wrapper > div{padding: 0 10px;}
    .site-header .main-brand{width: 50px;}
    .site-header .main-menu{display: none;}
    .site-header .main-contact{display: none;}
    .site-header .main-search .link{padding: 4px;}
    .site-header .main-wrapper > div.main-tool{padding-right: 0;}
    .site-header .main-tool > div + div{margin-left: 5px;}
    .site-header .open .dropdown-menu{margin-top: 8px;}

    .site-container.home{padding-top: 50px;}
    .site-container.gas{padding-top: 60px;}
    .site-container{/*padding-top: 50px;*/ padding-top: 125px;}

    .intro .inner{margin-right: 0; right: 15px; transform: scale(1);}
    .intro .inner .title,
    .intro .inner .desc{font-size: 30px; padding: 0 20px; line-height: 50px;}

    .wg-about{padding: 30px 0;}
    .wg-about-content .square{display: none;}
    .wg-about-content .row-table{display: block; width: auto;}
    .wg-about-content .row-table > div{display: block; width: auto;}
    .wg-about-content .inner{padding: 0; margin-bottom: 30px;}
    .wg-about-content .title{font-size: 4.6em; margin-bottom: 10px;}
    .wg-about-content .thumb{padding: 0; width: 100%;}
    .wg-about-content .thumb img{width: 100%;}
    .wg-about-content .action .btn{display: block;}

    .wg-product{padding: 30px 0; background-color: #eaeaea;}
    .wg-product .whead{top: 0; position: relative;}
    .wg-product .whead .title{color: #1c1c1c;}
    .wg-product .whead .desc{color: #ed1c24;}
    .wg-product-list .cover{height: 360px;}
    .wg-product-list .inner{bottom: 20px;}
    .wg-product-list .icon{transform: scale(0.6);}

    .wg-news{padding: 30px 0;}
    .wg-news .container{padding: 0;}
    .wg-news-list{margin: 0;}
    .wg-news-list .row-table{display: block; width: auto;}
    .wg-news-list .row-table > div{display: block; width: auto;}
    .wg-news-list .thumb{width: 100%;}
    .wg-news-list .title{font-size: 2.6em;}
    .wg-news-action{margin-top: 30px;}

    .wg-cer{padding: 30px 0 0 0;}
    .wg-cer-list .row-table{display: block; width: auto;}
    .wg-cer-list .row-table > div{display: block; width: auto;}
    .wg-cer-list .thumb{width: 100%; border: 1px solid #d0d0d0; text-align: center;}
    .wg-cer-list .thumb-md{width: 100%;}
    .wg-cer-list .thumb img{width: auto; height: 120px; border: none; display: inline-block;}
    .wg-cer-list .inner{text-align: center; padding: 0; margin-top: 15px;}
    .wg-cer-list .wrapper{margin-bottom: 30px;}

    .wg-contact{padding: 30px 0 0 0;}
    .wg-contact .map{margin-bottom: 30px;}
    .wg-contact .title{font-size: 3em; margin-bottom: 5px;}
    .wg-contact .desc{font-size: 2.4em;}
    .wg-contact .desc + .desc{margin-top: 10px;}
    .wg-contact .inner{margin-bottom: 30px;}

    .site-footer .main{padding: 30px 0;}
    .site-footer .newsletter{padding: 0;}

    .sidenav{display: none !important;}

    .about-main{padding-right: 0;}

    .default-header .main{height: auto; /*position: relative; top: 0;*/ top: 50px; padding: 10px 0;}
    .default-header .main .title{margin: 0;}
    .default-header .breadcrumb{margin: -4px 0 0 0; float: left; font-size: 2em; opacity: 0.4;}
    .default-body{margin-top: 0; padding: 30px 0;}
    .gasspring{margin-top:-125px !important;}
    .damper{margin-top: -125px !important;}

    .about-main{margin-bottom: 0;}
    .about-content .topic{margin-bottom: 20px;}
    .about-content .title{margin-bottom: 5px;}
    .about-content .content + .content{margin-top: 20px;}
    .about-content{padding-bottom: 30px;}
    .about-content + .about-content{padding: 30px 0;}

    .detail-image{margin-top: 30px;}
    .detail-content{margin-top: 30px;}
    .detail-gallery{margin-top: 20px;}

    .default-body .cover{height: auto; padding-top: 30.5%; margin-bottom: 30px;}
    .wtopic{margin-bottom: 20px;}
    .wtopic .title{font-size: 4em;}

    .career-nav{margin-top: -5px; padding-right: 0;}

    .product-list .item-list > li:before{
        bottom: 0; 
        left: 0;
        transform: translate(0);
        border-left: 100vw solid transparent;
        border-right: 0 solid transparent;
        border-bottom: 100px solid transparent;
    }
    .product-list .info{position: relative; left: 0; top: 0; margin-left: 0; margin-top: 20px;}
    .product-list .info .action{margin-top: 20px;}
    .product-list .inner{margin-top: 0;}
    .product-list .whead{margin-bottom: 20px;}
    .product-list .whead .title{left: 0; font-size: 6em;}
    .product-list .whead .subtitle{font-size: 3em; line-height: 1em;}
    .product-list .inner .topic{font-size: 3em; margin-bottom: 5px;}
    .product-list .thumb{text-align: center;}

    /*.product-nav{display: none;}*/
    .product-nav{
        top: 58px;
        left: 160px;
        right: 0;
        overflow: auto;
        height: auto;
    }
    .product-nav .nav-list{display: flex;}
    .product-nav .nav-list li{padding: 0;}
    .product-nav .link{width: 100px;}
    .product-nav .title{white-space: nowrap;}

    .product-list .inner{margin-top: 10px;}
    .product-list .info{}
    .product-list .info .action .btn{font-size: 2.4em;}
    .product-list .item-list > li:last-child:before{display: none;}

    .productDe-desc{margin-top: 20px;}
    .productDe-desc-title{margin-bottom: 10px; font-size: 3em;}
    .productDe-content{margin-top: 20px;}
    .productDe-content .block{padding: 30px 0;}
    .productDe-content .block-left{padding-right: 40px;}
    .productDe-content .block-right{padding-left: 40px;}

    .productDe-gallery{margin-top: 30px;}

    .productDe-relate{margin-top: 30px; padding-top: 30px;}

    .editor-content ul{margin-bottom: 0;}

    .service-block{padding-top: 30px;}
    .service-list > .row > div:nth-child(odd) .wrapper{margin: 0 0 25px 0;}
    .service-list > .row > div:nth-child(even) .wrapper{margin: 0 0 25px 0;}
    .service-header{padding: 30px 0 0 0;}
    .service-content .title{margin-bottom: 10px; font-size: 1.1em;}
    .service-content{padding-right: 0; margin-top: 0;}
    .service-content .inner .block + .block{margin-top: 20px;}

    .forover-hide{display: none !important;}
}




@media (max-width: 767px) {
    .container{max-width: inherit; width: 100%;}

    .intro .inner .title,
    .intro .inner .desc{font-size: 26px; padding: 0 20px; line-height: 40px;}

    .site-footer .main{display: block;}
    .site-footer .footbar{padding: 16px 0 8px 0;}
    .site-footer .footbar .desc{text-align: center; margin: 0 0 15px 0;}
    .site-footer .social{float: left; width: 100%; text-align: center; margin-top: 10px;}
    .site-footer .social .nav-list{display: inline-block;}

    .news-list .row-table{display: block; width: auto;}
    .news-list .row-table > div{display: block; width: auto;}
    .news-list .thumb{width: 100%;}
    .news-list .inner{padding: 15px;}
    .news-list .desc{height: auto; overflow: visible;}
    .news-list .action{position: relative; bottom: 0; left: 0; margin-top: 15px;}
    .news-list .action .btn{width: 100%;}

    .detail-gallery .link:after{background-size: 26px;}
    .detail-gallery .link:hover:after{width: 60px; height: 60px;}

    .career-nav .link,
    .career-nav .link.collapsed{background-size: 17px; background-position: left 0; padding-left: 25px;}

    /*.product-list .info .action .btn{height: 42px; line-height: 40px; font-size: 2.3em;}*/
    .product-list .wrapper .row > div{width: 100%;}
    .product-list .thumb{padding: 0 40px;}

    .productDe-image{width: 100%;}
    .productDe-content .container{padding: 0;}
    .productDe-content .block{padding: 20px 15px;}
    .productDe-content-title{font-size: 3em; margin-bottom: 10px;}
    .productDe-content .block-left{background-color: rgb(239,239,239);}
    .productDe-content .block-right{background-color: rgb(23,67,148);}
    .productDe-gallery-list{width: 100%;}
    .productDe-relate-list .thumb{margin: 0 0 15px 0;}
    .productDe-relate-list .desc{font-size: 2.4em;}

    .wtopic .social{float: left; margin-top: 0px;}

    .service-list .icon{width: 100px; height: 100px;}
    .service-list .title{margin-top: 8px; font-size: 3em; height: 40px;}

    .contact-map{height: auto; padding-top: 56%;}
    .contact-info{margin-top: 15px;}
    .contact-info .wrapper{margin-bottom: 15px;}
    .contact-info .inner{padding-left: 15px;}

    .contact-list .row-table{display: block; width: auto;}
    .contact-list .row-table > div{display: block; width: auto;}
    .contact-map .action{right: 15px; bottom: 15px; transform: scale(0.7); transform-origin: bottom right;}
    .contact-list .thumb{width: 100%;}
    .contact-list .inner{padding: 0; margin: 15px 0;}
    .contact-list .map{width: 100%; padding-top: 60%; height: auto;}
    .contact-list{margin-top: 0;}
    .contact-form{margin-top: 10px;}

    .captcha{margin-bottom: 20px;}
    .captcha .row-table .col{padding-left: 15px;}

    .main-nav .dropdown-menu{position: fixed; width: 100%; top: 50px; bottom: 0; left: 0; transform: translate(0); overflow: auto;}
    .main-nav.open .dropdown-menu{margin-top: 0;}
    .main-nav .dropdown-menu{padding: 0;}
    .main-nav .dropdown-menu .link{font-size: 24px; padding: 5px 15px;}
    .main-nav .dropdown-menu:before{left: auto; right: 114px;}
    .main-nav .dropdown-menu li:first-child{margin-top: 20px;}
    .main-nav .dropdown-menu li:last-child{margin-bottom: 20px;}

    .main-search .dropdown-menu{transform: translate(0); left: auto; right: -10px;}
    .main-search .dropdown-menu:before{left: auto; right: 20px;}
    .site-header .main-search .search-form{padding: 5px 10px;}

    .product-nav .nav-list{padding-left: 100px;}
}




@media (max-width: 575px) {
    .container{max-width: inherit; width: 100%;}

    .intro .inner .title,
    .intro .inner .desc{font-size: 16px; padding: 0 10px; line-height: 26px;}
}