﻿@media only screen and (max-width: 1680px){
    .justtop_index_slong_mask{
        height: 270px;
    }
}
@media only screen and (max-width: 1480px){
    .justtop_index_slong_mask {
        height: 239px;
    }
}
@media only screen and (max-width: 1366px){
    .justtop_index_slong_mask {
        height: 224px;
    }
}
@media only screen and (max-width: 1280px){
    .justtop_index_slong_mask {
        height: 211px;
    }
}
@media only screen and (max-width: 1200px){
    .pages-banner-box{
        height: 350px;
    }
    .justtop_index_slong_mask {
        height: 199px;
    }
    .index-banner-box, .index-banner-list {
        height: 440px;
    }
    .justtop_index_news_box,
    .justtop_news_box,
    .justtop_news_page_box,
    .justtop_products_box,
    .justtop_index_about_box{
        width: 1000px;
    }

    .justtop_company_box{
        width: 950px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1),
    .news-list-box .news-list:nth-child(5){
        width: 500px;
        height: 450px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-img-box,
    .news-list-box .news-list:nth-child(5) .news-list-img-box,
    .news-list-box .news-list.news-list:nth-child(5) .news-list-img-box{
        height: 250px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-info-title{
        font-size: 16px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-info,
    .news-list-box .news-list:nth-child(5) .news-list-info,
    .news-list-box .news-list.news-list:nth-child(5) .news-list-info{
        height: 100px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-read{
        margin-top: 10px;
    }
    .news-list{
        width: 480px;
        margin-bottom: 24px;
    }
    .news-list-img-box{
        width: 215px;
        height: 181px;
    }
    .news-list-info-title{
        margin-bottom: 5px;
    }
    .news-list-info{
        height: 128px;
    }
    .news-list-info-box{
        width: calc(100% - 215px);
    }
    .justtop_news_page_title{
        font-size: 30px;
    }
    .justtio_news_page_left{
        width: 600px;
    }
    .justtio_news_page_right{
        width: calc(100% - 600px);
    }
    .news-page-info-recent-box, .news-page-info-recent-box.stuck .news-page-info-list-box{
        width: 350px;
    }
    .products-list{
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .products-list{
        width: 360px;
    }
    .products-list-img-box{
        height: 360px;
    }
    .products-page-right-box{
        padding-left: 25px;
    }
    .products-page-title{
        font-size: 26px;
    }
    .products-page-title2{
        margin-top: 10px;
    }
    .products-page-line{
        margin: 15px 0;
    }
    .prodcuts-page-s-img-list{
        width: 90px;
        margin: 0 6px;
    }
    .prodcuts-page-s-img-list, .products-page-s-img-box {
        height: 90px;
    }
    .products-page-b-img-box{
        margin-bottom: 12px;
    }
    .contact-box{
        width: 850px;
    }
    .contact-info-form{
        width: 700px;
    }
    .contact-form-person{
        width: 550px;
    }
    .contact-form-radio-list{
        width: calc(100% - 550px);
    }
    .contact-radio-lable {
        margin-right: 20px;
    }
    .company-such-list{
        width: 310px;
        height: 400px;
    }
    .company-such-list:nth-child(3n+2) {
        margin: 0 10px;
    }
    .comapny-equipments-list{
        width: 230px;
        margin-right: 10px;
    }
    .company-equipments-list-img-box:after{
        width: 10px;
        right: -11px;
    }
    .company-equipments-list-img-box{
        height: 235px;
    }
    .company-innovation-label-block{
        display: none;
    }
    .company-innovation-info-box{
        width: 1000px;
    }
    .footer-box{
        width: 95%;
    }
    .prodcuts-page-b-img-list, .products-page-b-img-box{
        height: 333px;
    }
    .prodcuts-page-b-img-list, .products-page-b-img-box{
        height: 250px;
    }
    .justtop_products_class_info_block{
        width: 1000px;
    }
}
@media only screen and (max-width: 1000px){
    .company-pd-list-info-p{
        width: 100%;
        display: block;
    }
    .company-pd-list-info-img{
        display: block;
        margin-top: 20px;
    }
    .justtop_products_class_info_block{
        width: 750px;
        max-width: 100%;
    }
    .justtop_products_class_block{
        height: inherit;
    }
    .justtop_products_class_info_box{
        margin-left: 0px;
        margin-top: 40px;
        width: 100%;
        display: block;
    }
    .justtop_products_class_img{
        display: block;
        margin: 0 auto;
    }
    .justtop-title,
    .news-list-block,
    .index-news-more-box,
    .about-info-logo-box,
    .about-info-articlebox,
    .justtop-index-slong,
    .company-logo-box,
    .company-info-list,
    .company-info-list2,
    .company-history-line1-box p,
    .company-history-list-dot,
    .company-history-list-info,
    .comapny-equipments-list,
    .company-innovation-info-box,
    .company-innovation-label-title,
    .justtop_news_page_title,
    .justtop_news_page_time,
    .justtio_news_page_left,
    .justtio_news_page_right,
    .products-title,
    .products-class-block,
    .products-list-box,
    .products-page-right-box,
    .products-page-left-box,
    .products-edit-box,
    .contact-box{
      opacity: 1!important;
      animation: none!important;
    }
    .justtop-border-top1,
    .justtop-border-top2,
    .justtop-border-bottom2,
    .index-separation-line,
    .company-line,
    .company-history-list-line,
    .company-history-line,
    .company-innovation-label-line,
    .company-innovation-label-border-top,
    .products-class-line{
      transform: scale(1,1)!important;
      animation: none!important;
    }
    .justtop-border-left1,
    .justtop-border-right1,
    .justtop-border-right2,
    .company-history-line1-box span,
    .company-innovation-label-line2 span,
    .company-innovation-label-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;
    }
    .header-style1.header2{
        background-color: rgba(255,255,255,0.9);
    }
    .header-style1.header2 .header-box{
        padding: 10px 0;
    }
    .justtop_index_news_box, 
    .justtop_news_box, 
    .justtop_news_page_box, 
    .justtop_products_box, 
    .justtop_company_box,
    .justtop_index_about_box{
        width: 750px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1),
    .news-list-box .news-list:nth-child(5){
        width: 50%;
    }
    .news-list{
        width: 48%;
    }
    .about-info-logo-box, .about-info-articlebox{
        width: 100%;
        display: block;
    }
    .about-info-logo-box{
        text-align: center;
        margin-bottom: 30px;
    }
    .justtop_index_slong_box{
        height: 380px;
    }
    .justtop_index_slong_mask {
        height: 136px;
    }
    .justtop-index-slong{
        font-size: 24px;
    }
    .company-such-list{
        width: 243px;
    }
    .company-such-list-title{
        font-size: 16px;
    }
    .company-such-list:nth-child(1) .company-such-info{
        padding: 0 30px;
    }
    .company-such-list:nth-child(2) .company-such-info{
        padding: 0 20px;
    }
    .company-such-info p{
        padding-bottom: 10px;
    }
    .company-such-list:nth-child(3n+2) {
        margin: 0 10px;
    }
    .comapny-equipments-list {
        width: 180px;
        margin-right: 10px;
    }
    .company-equipments-list-img-box{
        height: 180px;
    }
    .company-innovation-info-list{
        margin-right: 15px;
        width: 176px;
    }
    .company-innovation-info-list-img-block{
        height: 176px;
    }
    .footer-left{
        width: 100%;
        display: block;
    }
    .footer-right{
        width: 100%;
        display: block;
    }
    .footer-link{
        display: none;
    }
    .web{
        margin-top: 20px;
    }
    .justtop-title{
        font-size: 34px;
    }
    .justtop-title-box{
        height: 50px;
        line-height: 50px;
    }
    .justtio_news_page_left,
    .justtio_news_page_right{
        width: 100%;
        display: block;
    }
    .news-page-info-recent-box{
        display: block;
        width: 100%;
    }
    .products-list{
        width: 243px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .products-list-img-box{
        height: 243px;
    }
    .products-list-title{
        margin-top: 5px;
    }
    .contact-box{
        width: 650px;
    }
    .contact-info-form{
        width: 90%;
    }
    .contact-form-person{
        width: 80%;
    }
    .contact-form-radio-list{
        width: 20%;
    }
    .products-page-title{
        font-size: 20px;
    }
    .products-page-info-title{
        font-size: 18px;
    }
    .products-page-info-p{
        font-size: 14px;
    }
    .prodcuts-page-s-img-list{
        width: 85px;
        height: 85px;
    }
    .footer-company-info-list,
    .footer-company-info-list:nth-child(2),
    .footer-company-info-list:last-child{
        margin-bottom: 10px;
    }
    .header-style1 .header-logo{
        z-index: 5;
    }
    .comapny-equipments-list-mask-box{
        display: none;
    }

}
@media only screen and (max-width: 800px){}
@media only screen and (max-width: 750px){
    .justtop_products_class_info_block{
        width: 550px;
    }
    .header-style1 .header-box{
        padding: 10px 0;
    }
    .justtop_index_news_box, 
    .justtop_news_box, 
    .justtop_news_page_box, 
    .justtop_products_box, 
    .justtop_company_box, 
    .justtop_index_about_box{
        width: 550px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1),
    .news-list-box .news-list:nth-child(5){
        width: 55%;
    }
    .news-list{
        width: 42%;
        margin-bottom: 15px;
    }
    .header-style1.header2 .header-logo a,
    .header-style1 .header-logo a{
        width: 150px;
    }
    .index-banner-box,
    .pages-banner-box{
        margin-top: 55px;
    }
    .index-banner-box, .index-banner-list{
        height: 230px;
    }
    .pages-banner-box{
        height: 180px;
    }
    .news-list{
        width: 100%!important;
        float: none!important;
    }
    .news-list-img-box{
        display: block;
        height: 250px;
        width: 100%;
    }
    .news-list-info-box{
        width: 100%;
        display: block;
        padding-left: 0;
    }
    .news-list-info-title,
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-info-title {
        font-size: 16px;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-info,
    .news-list-info{
        margin-top: 10px;
    }
    .news-list-info{
        height: 120px!important;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-article{
        font-size: 12px;
    }
    .index-news-more-box{
        margin-top: 20px;
    }
    .index-separation-line{
        margin:20px 0;
    }
    .about-info-logo-box,
    .company-logo-box{
        width: 250px;
        max-width: 100%;
        margin: 0 auto;
    }
    .about-info-article{
        margin-top: 20px;
    }
    .justtop_index_slong_box {
        height: 300px;
    }
    .justtop-index-img{
        margin-top: 100px;
    }
    .justtop_index_slong_mask {
        height: 140px;
    }
    .justtop-index-slong{
        padding-top: 30px;
    }
    .justtop-index-slong span{
        width: 15px;
    }
    .company-such-list{
        width: 100%;
        margin-bottom: 10px;
    }
    .company-such-list:nth-child(3n+2){
        margin: 0;
        margin-bottom: 10px;
    }
    .company-history-line1-box{
        margin-left: 15px;
    }
    .company-history-list-line{
        width: 90px;
    }
    .company-history-list-line-box{
        width: 100px;
    }
    .company-history-list-info{
        width: calc(100% - 100px);
    }
    .company-history-line1-box{
        height: 100%;
        position: static;
    }
    .company-history-line1-box span{
        left: 24px;
        height: 100%;
    }
    .company-history-info-block{
        position: relative;
    }
    .company-history-line{
        margin-top: 0;
    }
    .comapny-equipments-list{
        margin-right: 0;
        width: 48%;
        margin-bottom: 4%;
    }
    .comapny-equipments-list:nth-child(even){
        margin-left: 4%;
     }
    .comapny-equipments-list:nth-child(even) .company-equipments-list-img-box:after{
        display: none;
    }
    .company-equipments-list-img-box{
        height: 242px;
    }
    .rwd-innovation-info-list-close{
        display: none;
    }
    .rwd-innovation-info-list{
        display:inline-block;
       

    }
    .company-innovation-info-list {
        margin-right: 2%;
        width: 48%;
         margin-bottom: 4%;
    }
    .company-innovation-info-list-img-block{
        height: 264px;
    }
    .company-innovation-info-list-box{
        text-align: left;
    }
    .company-innovation-info-list-box{
        margin-bottom: 0;
    }
    .news-list{
        margin-bottom: 15px!important;
    }
    .justtop_news_box .news-list-box{
        margin-bottom: 15px;
    }
    .page{
        margin: 20px 0;
    }
    .products-list{
        width: 48%;
        margin: 0;
        margin-bottom: 4%;
    }
    .products-list:nth-child(even){
        margin-left: 4%;
    }
    .products-list-img-box{
        height: 264px;
    }
    .products-page-left-box, .products-page-right-box{
        width: 100%;
        display: block;
    }
    .prodcuts-page-b-img-list, .products-page-b-img-box{
        height: 366px;
    }
    .prodcuts-page-s-img-list {
        width: 82px;
        height: 82px;
    }
    .products-page-right-box{
        padding-left: 0;
    }
    .products-page-edit-block{
        margin-top: 20px;
    }
    .contact-box{
        top: 0;
    }
    #contact .page-banner-mask,
    .contact-block {
        background-color: #FFF;
    }
    .contact-map-box{
        height: 250px;
    }
    .contact-map{
        height: 100%;
    }
     .company-innovation-info-list-p1{
            white-space: initial;
    }
    .products-page-path-box{
        display: none;
    }
    .products-title{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .products-list-block{
        padding-top: 0px;
    }
    .footer-company-info-list:nth-child(2){
        display: block;
        margin: 0;
        margin-bottom: 10px;
    }
    .web{
        text-align: left;
    }
    #company .page-banner-mask,
    #products .page-banner-mask,
    #products-page .page-banner-mask{
        bottom: -214px;
    }

    .news-list-box:nth-child(odd) .news-list:nth-child(1) .news-list-info-title{
        height: 30px;
    }
    .justtop_products_class_block{
        margin-top: 55px;
    }
     .justtop_products_video {
        height: 400px;
    }
}


@media only screen and (max-width: 550px){
    .company-pd-list-info-img{
        height: 200px;
    }
    .justtop_products_class_img{
        width: 300px;
        height: 240px;
    }
    .justtop_products_class_info_box{
        width: 95%;
        margin: 0 auto;
        margin-top: 50px;
    }
    .justtop_products_video {
        height: 200px;
    }
    .loading-logo-box{
        width: 95%;
    }
    .web {
        margin-top: 10px;
    }
    .footer-box{
        padding: 20px 0;
    }
    .contact-radio-lable {
        margin-right: 0px;
        width: 51px;
        text-align: left;
    }
    .contact-checkbox-lable{
        min-width: 80px;
    }
    .products-class-box{
        width: 100%;
        display: block;
    }
    .products-list-box{
        margin-top: 0;
    }
    .prodcuts-page-b-img-list, .products-page-b-img-box{
        height: 226px;
    }
    .prodcuts-page-s-img-list{
        width: 76px;
        height: 76px;
    }
    .justtop-index-slong{
        font-size: 18px;
    }
    .products-list-img-box{
        height: 163px;
    }
    .justtop-index-img{
        position: static;
        height: 100%;
        margin-top: 0;
    }
    .justtop_index_slong_mask_box{

        height: 100%;
        top: -50%;
    }
    .justtop_index_slong_mask{
        height: 100%;
    }
    .justtop_index_slong_mask span{
        top:-114%;
    }
    .justtop_index_slong_box{
        height: 190px;
    }
	.contact-thanks, .alert-info{
		width: 95%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.contact-thanks-p{
		font-size: 20px;
	}
    .justtop_index_news_box, .justtop_news_box, .justtop_news_page_box, .justtop_products_box, .justtop_company_box, .justtop_index_about_box{
        width: 340px;
    }
    .news-list{
        padding: 10px!important;
    }
    .news-list-img-box{
        height: 190px!important;
    }
    .news-list-box:nth-child(odd) .news-list:nth-child(1),
    .news-list-box .news-list:nth-child(5){
        height: initial;
    }
    .company-history-list-line-box{
        width: 50px;
    }
    .company-history-list-line{
        width: 45px;
    }
    .company-history-list-info{
        width: calc(100% - 50px);
    }
    .company-equipments-list-img-box{
        height: 141px;
    }
    .justtop-title{
        font-size: 20px;
        letter-spacing: 1px;
    }
    .company-innovation-info-list-img-block{
        height: 161px;
    }
    .justtop_news_page_title{
        font-size: 20px;
    }
    .justtop-index-slong span{
        width: 7px;
    }
    .justtop-index-slong{
        font-size: 16px;
    }
    .index-banner-slong, .index-video-slong{
        font-size: 20px;
    }
    .footer-company-info-list i{
        margin-bottom: 5px;
    }
    .about-img-box{
        height: 270px;
    }
}   
@media only screen and (max-width: 340px){
    .justtop_index_news_box, .justtop_news_box, .justtop_news_page_box, .justtop_products_box, .justtop_company_box, .justtop_index_about_box{
        width: 95%;
    }
}