@media screen and (min-width: 1280px) and (max-width: 1440px){

    .w1440{width: 92%;}

    section .link_to_about{margin: 200px auto 0 auto}

    #Event .name{padding-top: 10%}
    .name .event_link{margin-top: 80px;}

    video.centered{max-height: 100%; background: #fff;}

}



@media screen and (min-width: 1024px) and (max-width: 1279px){

    .w1440{width: 92%;}
    .w1200{width: 92%}

    .menu .box{margin: -295px 0 0 -46%}

    section .link{padding: 12px 20px;}

    #bg-video .name{padding-top: 30%}
    section .link_to_about{margin: 160px auto 0 auto}

    #Event{height: 500px;}
    #Event .name{padding-top: 10%}
    .name .event_link{margin-top: 80px;}

    video.centered{max-height: 100%; background: #fff;}

    #about{height: 600px;}
    .about_con{padding-top: 60px;}

    #pro_1{height: 360px;}
    #pro_1 .pro_con{padding-top: 60px; padding-right: 40px}
    #pro_1 .pro_con h3{font-size: 22px;}
    #pro_1 .pro_con h4{font-size: 12px; margin-bottom: 30px;}
    #pro_1 .pro_con p{line-height: 24px}
    #pro_1 .pro_link{margin: 40px 0 0 0;}

    #pro_2{height: 360px;}
    #pro_2 .pro_con{padding-top: 60px; padding-right: 40px}
    #pro_2 .pro_con h3{font-size: 22px;}
    #pro_2 .pro_con h4{font-size: 12px; margin-bottom: 30px;}
    #pro_2 .pro_con p{line-height: 24px}
    #pro_2 .pro_link{margin: 40px 0 0 0;}

    #pro_3{height: 360px;}
    #pro_3 .pro_con{padding-top: 60px; padding-right: 40px}
    #pro_3 .pro_con h3{font-size: 22px;}
    #pro_3 .pro_con h4{font-size: 12px; margin-bottom: 30px;}
    #pro_3 .pro_con p{line-height: 24px}
    #pro_3 .pro_link{margin: 40px 0 0 0;}


    #news{padding: 40px 0;}
    #news .news_list li{width: 31.3333%;}
    #news .news_list li:nth-child(4){display: none}

    .page_banner{height: 340px;}

    /*----page_title----*/
    .page_title{margin-bottom: 40px; padding: 20px 0 10px 0;}
    .page_title .t_left{width: 38%;}
    .page_title .t_left h3{font-size: 32px;}
    .page_title .t_left h3 b{font-size: 18px; margin-top: -20px }

    .page_title .t_right{width: 62%;}


    .join_con .li03 .img img{width: 100%;}

    .page_news .list li .img{height: 160px;}
    .page_news .list li .txt h1{font-size: 14px;}

    .page_message{width: 80%;}

    /*----right_list----*/
    .right_list{width: 36px; right: 10px; margin-bottom: 16%;}
    .right_list .li{width: 38px; height: 38px; margin-bottom: 2px; line-height: 38px;}
    .right_list .li i{font-size: 24px;}

    .right_list .li .img{width: 120px; height: 150px; position: absolute; top: 0; right: 0; margin: 40px 60px 0 0; background: #fcfcfc; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all ease .3s .1s; -webkit-transition: all ease .3s .1s}
    .right_list .li .img img{width: 100%; display: block; float: none; margin: 0 auto 5px auto;}
    .right_list .li .img p{line-height: 10px; font-size: 13px; color: #333}

    .right_list .li .tel{width: 160px; height: 36px;}
    .right_list .li .tel h3{font-size: 16px; line-height: 40px; }
    .right_list .li .tel h3 i{font-size: 18px;}

    .right_list .li:hover .tel{margin: 0 50px 0 0;}


}



@media screen and (max-width: 479px){

    .w1200{width: 94%}
    .w1440{width: 94%;}

    section .link{padding: 10px 20px; font-size: 13px}

    /*----header----*/
    .header{height: 60px; border-bottom:1px solid rgba(255,255,255,.3)}
    .header .logo{margin: 10px}
    .header .tel{display: none}
    .header .OA{display: none}
    .header .add{display: none}
    .header .lan{height: 60px; padding: 0 10px}
    .header .lan i{top: 20px}
    .header .lan p{padding-top: 24px}
    .header .button{margin-top: 10px; margin-right: 20px}


    /*----right_list----*/
    .right_list{width: 46px; right: 10px; top: 60%; margin-top: -50px; z-index: 99}

    /*----measure----*/
    .measure{top: 58%; left: 100%; margin-left: -130px;}
    .measure .measure_con{width: 120px; height: 80px; padding: 10px}
    .measure .measure_con .img{display: none}
    .measure .measure_con h3{font-size: 14px; font-weight: normal}
    .measure .measure_con .measure_link{width: 80px; line-height: 26px; font-size: 12px; margin: 10px auto 0 auto}

    /*----message----*/
    .message .message_con{width: 90%; margin: 20% auto 0 auto;}
    .message .message_con h3{font-size: 16px}

    .message .form{width: 100%; margin: 0 auto}
    .message .msgtitle{font-weight: normal}
    .message .msg_input{width: 100%; }
    .message .msg_input_on{width: 100%;}

    .message .con .msg_input{width:100%;}
    .message .con .msg_input_on{width:100%;}


    /*----menu----*/
    .menu .box{position: relative; top: 0; left: 0; margin: 0}

    .menu .box .nav{width: 80%; margin: 120px auto; padding-bottom: 40px}
    .menu .box .nav .nav_bar li{width: 80px; margin-right: 40px}

    .menu .box .menu_product{display: none}


    /*----top----*/
    #top{height: 470px;}
    #top .banner{height: 260px}

    #top .index_nav{position: absolute; bottom: 0; padding-bottom: 0; background: #f4f4f4}
    .index_nav .index_bar{width: 92%; margin: 0 auto; padding-bottom: 10px}
    .index_nav .index_bar li{width: 31.3333%; height: 100px; margin: 0 1%}
    .index_nav .index_bar li .ico{width: 40px; height: 40px; margin: 20px auto 12px auto;}
    .index_nav .index_bar li a{color: #333}
    .index_nav span{display: none}

    #top .up_d{display: none}

    /*----video----*/
    #video{display: none}
    #bg-video{display: none}


    /*----about----*/
    #about{height: 400px; background: url("../image/bg3_m.jpg") no-repeat center bottom;}
    .about_con{width: 90%; margin: 0 auto; padding-top: 40px;}

    .about_con h2{display: none}
    .about_con h3{font-size: 22px}
    .about_con span{width: 50px; margin-bottom: 30px}
    .about_con p{font-size: 12px}
    .about_con .pc{display: none}
    .about_con .mob{display: block}
    #about .about_link{margin: 40px 0 0 20px}

    /*----Event----*/
    #Event{height: 420px}
    #Event .event_bg{width: 100%; height: 100%; background: url("../image/bg5.jpg") no-repeat center; background-size: cover}
    #Event .name_mark{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../image/makr_bg.png") repeat}

    #Event .name{width: 88%; margin: 0 auto; padding-top: 40px}
    .name h3{font-size: 22px; margin-bottom: 8px}
    .name h4{font-size: 14px}
    .name p{text-align: center; color: #cdcdcd; font-size: 12px; line-height: 26px;}
    .name .event_link{margin-top: 40px;}


    /*----pro_1----*/
    #pro_1{height: 460px; background: url("../image/bg6_m.jpg") no-repeat center}
    #pro_1 .pro_con{width: 92%; margin: 0 auto; padding-top: 240px; padding-right: 0}
    #pro_1 .pro_con h3{font-size: 18px; padding-bottom: 20px}
    #pro_1 .pro_con h3 i{width: 30px; height: 30px; margin: 0 10px 0 0; background: url("../image/ico-10_m.png") no-repeat; background-size: cover}
    #pro_1 .pro_con h4{display: none}
    #pro_1 .pro_con .pc{display: none}
    #pro_1 .pro_con .mb{display: block}
    #pro_1 .pro_link{margin: 40px 0 0 0}

    /*----pro_2----*/
    #pro_2{height: 460px; background: url("../image/bg12_m.jpg") no-repeat center}
    #pro_2 .pro_con{width: 92%; float: none; margin: 0 auto; padding-top: 240px}
    #pro_2 .pro_con h3{font-size: 18px}
    #pro_2 .pro_con h3 i{width: 30px; height: 30px; margin: 0 10px 0 0; background: url("../image/ico-10_m.png") no-repeat; background-size: cover}
    #pro_2 .pro_con h4{display: none}
    #pro_2 .pro_con .pc{display: none}
    #pro_2 .pro_con .mb{display: block}
    #pro_2 .pro_link{margin: 40px 0 0 0}

    /*----pro_3----*/
    #pro_3{height: 460px; background: url("../image/bg8_m.jpg") no-repeat center}
    #pro_3 .pro_con{width: 92%; float: none; margin: 0 auto; padding-top: 240px;}
    #pro_3 .pro_con h3{font-size: 18px}
    #pro_3 .pro_con h3 i{width: 30px; height: 30px; margin: 0 10px 0 0; background: url("../image/ico-10_m.png") no-repeat; background-size: cover}
    #pro_3 .pro_con h4{display: none}
    #pro_3 .pro_con h4{display: none}
    #pro_3 .pro_con .pc{display: none}
    #pro_3 .pro_con .mb{display: block}
    #pro_3 .pro_link{margin: 40px 0 0 0}

    /*----case----*/
    #case{padding: 40px 0;}
	#case .case_con{margin-bottom: 20px;}
    #case .case_con h3{font-size: 18px;}
    #case .case_con h4{font-size: 13px;}
	


    /*----news----*/
    #news{padding: 30px 0;}
    #news .news_list{margin: 0 auto;}
    #news .news_list li{width: 100%; margin-right: 0; margin-top: 16px; float: none; border-bottom: 1px dotted rgba(0,0,0,.4)}
    #news .news_list li:nth-child(3){display: none}
    #news .news_list li:nth-child(4){display: none}
    #news .news_list li .news_img{width: 34%; height: 100px; float: left; margin-right: 2%; overflow: hidden}
    #news .news_list li .news_img img{width: 100%; transition: all .2s; -webkit-transition: all .2s}
    #news .news_list li .news_con{width: 64%; float: left; margin-top: 0;}
    #news .news_list li .news_con h3{font-size: 14px; margin-bottom: 4px}
    #news .news_list li .news_con h2{font-size: 12px;  margin-bottom: 4px;}
    #news .news_list li .news_con p{font-size: 12px; line-height: 20px; margin-bottom: 20px}
    #news .news_list li .news_con span{display: none}

    #footer .footer_con .footer_left{width: 100%;}

    #footer .footer_con .footer_left .footer_ying{display: none}
    #footer .footer_con .footer_left .footer_link{display: none}
    #footer .footer_con .footer_ewm{display: none}

    #footer .footer_end span{float: none;}
    #footer .footer_end .right a{margin: 0 10px;}

    /*----page_banner----*/
    .page_banner{height: 220px; }
    .page_banner .page_bg{background-size: cover; background-position: 38% 0}

    /*----page_title----*/
    .page_title{margin-bottom: 30px; padding: 10px 0;}
    .page_title .t_left{width: 100%; margin-bottom: 8px;}
    .page_title .t_left h3{font-size: 22px;}
    .page_title .t_left h3 b{display: inline-block; font-size: 18px; margin-top: -30px; margin-left: 8px; }

    .page_title .t_right{width: 100%; text-align: center}
    .page_title .t_right a{width: 32.3333%; margin: 0 0.5% 4px 0.5%; display: inline-block; padding: 10px 0; }

    .page_con{padding: 0 0 30px 0;}

    /*----page-about----*/
    .about_con img{width: 100%}

    /*----page-culture----*/
    .page_culture{padding: 0}
    .page_culture .con_left{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .page_culture .con_left h3{margin-top: 0;}
    .page_culture .con_right{width: 100%}


    /*----page-elegant----*/
    .page_elegant{padding: 0 0 20px 0}
    .page_elegant .list .txt{width: 100%; padding-top: 0; padding-right: 0; text-align: right; margin-bottom: 20px}
    .page_elegant .list .txt h3{font-size: 22px}
    .page_elegant .list .img{width: 100%}
    .page_elegant .list .bg{display: none}

    .page_elegant .slick-list{padding: 10px 0; overflow: visible}
    .page_elegant .slick-prev{left: 0}
    .page_elegant .slick-prev, .elegant_con .slick-next{margin-top: 16%}

    /*----page-case----*/
    .case_con .li{margin-right: 0}
    .case_con .li li{width: 100%; margin-right: 0; float: left}
    .case_con .li li .txt{ padding: 10px}
    .case_con .li li .txt h3{font-size: 14px; margin-bottom: 6px}
    .case_con .li li .txt span{display: block; margin-bottom: 2px}

    /*----page-honor----*/
    .honor_con .li{margin-right: -2%}
    .honor_con .li li{width: 48%; margin-right: 2%; margin-bottom: 16px;}

    /*----page_news----*/
    .page_news .list{margin-right: 0}
    .page_news .list li{width: 100%; margin-right: 0}
    .page_news .list li .img{height: 180px}
    .page_news .list li .txt p{font-size: 12px}

    /*----page-newshow----*/
    .newshow_con{width: 94%; margin: 0 auto; padding: 20px 0 40px 0}
    .newshow_con .con{padding: 0}
    .newshow_con .con p{font-size: 12px}

    /*----page-product----*/
    .page_product .list li{width: 49%; margin-bottom: 10px;}
    .page_product .list li .txt{padding: 10px 0;}

    /*----page_productshow----*/
    .page_pro .title_p h1{font-size: 18px;}
    .page_pro .title_p p{margin-bottom: 10px;}

    .page_pro .productshow_img{margin-bottom: 20px}

    .page_pro .pro_con .table{padding: 20px 0 0 0}
    .page_pro .pro_con .table img{width: 100% !important;}


    /*----page_contact----*/
    .contact_con{width: 94%; margin: 0 auto; padding: 20px 0 40px 0}
    .contact_con .map{height: 300px}
    .contact_con .con p{font-size: 13px}


    /*----page_join----*/
    .join_con .li01 h3{font-size: 20px}
    .join_con .li01 h5{font-size: 16px}
    .join_con .li01 .li{margin-right: 0}
    .join_con .li01 .li li{width: 100%; height: auto; margin-right: 0; margin-bottom: 20px}
    .join_con .li01 .li li h4{font-size: 16px}
    .join_con .li01 .li li span{margin: 10px 0}
    .join_con .li01 .li li p{line-height: 22px}

    .join_con .li02{padding-bottom: 40px; padding-top: 20px;}

    .join_con .li03{width: 92%; margin-bottom: 60px}
    .join_con .li03 h3{font-size: 20px}
    .join_con .li03 h5{font-size: 16px; margin-bottom: 20px}
    .join_con .li03 .img img{width: 100%;}

    .join_con .li04 .dw{width: 92%; margin: 0 auto; }
    .join_con .li04 .dw .dw_left{width: 100%; margin-right: 0; float: none}
    .join_con .li04 .dw .dw_left h3{font-size: 18px; margin-left: 0; margin-bottom: 20px; text-align: center}
    .join_con .li04 .dw .dw_left h3 i{font-size: 26px}
    .join_con .li04 .dw .dw_right{float: none}
    .join_con .li04 .dw .dw_right a{ margin: 0 auto}

    /*----page_service----*/
    .service_con .li01{padding-bottom: 60px;}
    .service_con .li01 h3{font-size: 16px}
    .service_con .li01 h5{font-size: 22px; margin-bottom: 30px;}

    .service_con .li01 .service_ser{height: auto;}
    .service_con .li01 .service_ser .service_ser_left{width: 100%; height: 50px; border: 1px solid #e0e0e0}
    .service_con .li01 .service_ser .service_ser_left .list{list-style: none}
    .service_con .li01 .service_ser .service_ser_left .list li{width: 33.3333%; float: left; border-right: 1px solid #e0e0e0; line-height: 50px; box-sizing: border-box}
    .service_con .li01 .service_ser .service_ser_left .list li:nth-child(3){border-right: none}
    .service_con .li01 .service_ser .service_ser_left .list li:before{display: none}
    .service_con .li01 .service_ser .service_ser_left .list li h3{font-size: 12px}

    .service_con .li01 .service_ser .service_ser_right{width: 100%}
    .service_con .li01 .service_ser .service_ser_right .con{padding: 30px 20px;}
    .service_con .li01 .service_ser .service_ser_right .con p{font-size: 12px;}

    .service_con .li02 .list li .title h3{padding-left: 10px;}
    .service_con .li02 .list li .title span{font-size: 22px; padding-right: 10px;}
    .service_con .li02 .list li .title i{font-size: 13px;}
    .service_con .li02 .list li .txt{padding-left: 40px; padding-top: 2px;}
    .service_con .li02 .list li .txt span{font-size: 22px; margin: 0 0 0 10px}
    .service_con .li02 .list li .txt p{font-size: 12px; line-height: 22px;}

    /*-----公共样式-------*/
    /*----page_message----*/
    .page_message{width: 100%; padding: 20px 0;}
    .page_message p {margin: 7px 0; padding-left: 70px;}
    .page_message p span {width: 70px;}

    /*----page_search----*/
    .page_search .list{margin-right: -2%;}
    .page_search .list li{width: 48%; margin-right: 2%;}
    .page_search .list li p{font-size: 13px; line-height: 20px;}

    /*----tag_show----*/
    .page_tag .list{margin-right: -2%;}
    .page_tag .list li{width: 48%;  margin-right: 2%;}
    .page_tag .list li p{font-size: 13px; line-height: 24px;}

    /*----product_show----*/
    .productshow_hot .list{list-style: none; margin-right: -2%}
    .productshow_hot .list li{width: 48%; margin-right: 2%;}
    .productshow_hot .list li .txt h1{font-size: 13px;}

    .product_key a{ padding: 4px 10px;}

    .product_city a{padding: 4px 10px;}

    /*-----page_tag----*/
    .tag{margin-top: 20px;}

    /*----page_city----*/
    .page_city{padding: 120px 0 40px 0;}
    .page_city .w1200{width: 92%;}
    .page_city .title h1{font-size: 18px;}
    .page_city .title .city_link{width: 100px; padding: 8px 0;}

    /*----site_map----*/
    .page_webmap{padding: 120px 0 40px 0;}
    .page_webmap .title h1{font-size: 18px; }
    .page_webmap .title .city_link{width: 100px; padding: 8px 0; }

    /*----right_list----*/
    .right_list{width: 36px; right: 10px; margin-bottom: 16%;}
    .right_list .li{width: 38px; height: 38px; margin-bottom: 2px; line-height: 38px;}
    .right_list .li i{font-size: 24px;}
    .right_list .li:nth-child(2){display: none}

    .right_list .li .img{width: 120px; height: 150px; position: absolute; top: 0; right: 0; margin: 40px 60px 0 0; background: #fcfcfc; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all ease .3s .1s; -webkit-transition: all ease .3s .1s}
    .right_list .li .img img{width: 100%; display: block; float: none; margin: 0 auto 5px auto;}
    .right_list .li .img p{line-height: 10px; font-size: 13px; color: #333}

    .right_list .li .tel{width: 160px; height: 36px;}
    .right_list .li .tel h3{font-size: 16px; line-height: 40px; }
    .right_list .li .tel h3 i{font-size: 18px;}

    .right_list .li:hover .tel{margin: 0 50px 0 0;}












}