@media (max-width:1400px) {
    .logo{width: 15%;}
    .serTop_btn{margin-right:12px;}
    .serTop_btn img{width: 22px;}
    .tel_top{font-size: 14px;}
    .header .had_rt{width: 18%;}
    .nav{width: 66%;padding:0 2%;}
    .serF_cont{width: 50%;}
    .two_list dd{padding:80px 0 80px 20px;}

}
@media (max-width:1366px) {

}
@media (max-width:1200px) {
    .header{padding:0 50px;}
    .tel_top{display: none;}
    .header .had_rt{width: 6%;}
    .header .serTop_btn{margin:0;}
    .nav{width: 78%;}

    .two_list dd{padding:60px 0 60px 20px;}
    .two_list dd .ti{font-size: 24px;}

    .com_title .cn{font-size: 28px;line-height: 30px;}
    .com_title .en{font-size: 12px;margin-top:5px;}

    .three_rt{padding-top:15px;}
    .three_rt .ti{font-size: 20px;line-height: 22px;height:22px;}
    .three_rt .des{font-size: 13px;line-height: 24px;height:120px;}
    .three_rt .more{width: 140px;height:40px;line-height: 40px;border-radius: 20px;}

    .four_list {padding:24px 10px;}
    .four_list dt{height:45px;}

    .five_list{padding:55px 0;}
    .five_list:hover .des{margin:15px 0 0;}
    .five_list:hover{padding:23px 0;}

    .detBan_name .cn{font-size: 22px;line-height: 30px;}
    .detBan_name .en{font-size: 12px;line-height: 20px;margin-top:5px;}

    .ab_rt{padding-top:0;}
    .ab_rt .ab_ti{font-size: 20px;line-height: 30px;height:30px;}
    .ab_rt .ab_des{margin:15px 0; font-size: 20px;line-height: 30px;height:30px;}

    .proC_slider .slider-for{width: 100%;display: block;}
    .proC_slider .slider-nav{width: 100%;display: block;float: none;padding:0 24px ;margin-top:10px;}
    .proC_slider .slider-nav .slick-slide{margin:0 2px;}
    .proC_slider .slider-nav .slick-prev,
    .proC_slider .slider-nav .slick-next{width:20px;height:100%;}

    .yy_list dd .des p{font-size: 13px;line-height: 22px;height:22px;}

    .tact_lt{padding:60px 20px;}
}
@media (max-width:992px) {

    .header{padding:0 40px;}
    .one_list dt{height:35px;line-height: 35px;}
    .one_list dd a{font-size: 14px;}

    .two_list dt{width: 50%;}
    .two_list dd{width: 50%;padding:32px 0 32px 10px;}
    .two_list dd .ti{font-size: 20px;line-height: 24px;height:24px;}
    .two_list dd .des{font-size: 16px;line-height: 24px;height:24px;}
    .two_list dd .more{width: 110px;}

    .three_lt{float: none;width: 100%;padding:0;text-align: center;}
    .three_rt{float: none;width: 100%;}
    .three_rt .ti{text-align: center;}
    .three_rt .more{margin:0 auto;}


    .four_cont{padding-top:20px;}
    .four_lt{float: none;width: 100%;padding:0;text-align: center;}
    .four_rt{float: none;width: 100%;padding:0;text-align: center;}

    .five_cont .five_lt {float: none;width: 100%;}
    .five_cont .five_rt {float: none;width: 100%;}
    .five_rt .five_list:first-child{border-top:none;}

    .footer{display: none;}

    .proD_cont{margin:0 -5px;}
    .proD_list{width: calc(33.33% - 10px);margin:0 5px 15px;}

    .proC_slider{display: block;width: 100%;}
    .proC_oneTxt{display: block;float: none;width: 100%;padding:0;margin-top:10px;}
    .proC_oneTxt .ti{font-size: 18px;}

    .wdD_cont{margin:0 ;}
    .wd_list{float: none;width:100%;margin:0 0 20px;}

    .serOne_lt{float: none;width:100%;}
    .serOne_rt{float: none;width:100%;text-align:center;margin-top:20px;}

    .region_list{margin-bottom:15px;}
    .region_list>div{float:none;width: 100%;border:none;padding:0 15px;}
    .region_list .nameR {background: #f7f7f7;}
    .region_list .nameR .num{display: none;}
    .region_list .nameR .cont .more{display: none;}
    .region_list .nameR .cont{margin-left:0;padding:0;height:auto;}
    .region_list .nameR .cont .ti a{line-height: 40px;height:40px;font-size: 15px;}
    .region_list .tellR{padding-top:10px;}
    .region_list .addressR{padding-bottom:10px;}
    .region_list .tellR span{line-height: 20px;height:20px;font-size: 13px;margin:7px 0;}
    .region_list .addressR span{line-height: 20px;height:20px;font-size: 13px;margin:7px 0;}

    .mes_form .box{margin:0;}
    .mes_form .box .put_mes{float: none;width: 100%;margin:0 0 10px;}

    .yyD_cont{margin:30px 0 0;}
    .yy_list{float: none;width: 100%;margin:0 0 20px;}

    .downloadD_cont{margin:30px 0 0;}
    .download_list {float: none;width: 100%;margin:0 0 20px;}

    .queryD_cont .box{padding:20px ;}
    .query_imgT dd{float: none;width: 100%;margin-top:20px;padding:0;}
    .query_imgT dt{float: none;width: 100%;text-align: center;}
    .query_ser{padding:20px;}
    .query_ser button{width: 120px;}
    .query_ser input{width: calc(100% - 300px)}

    .tact_cont{padding:30px;}
    .tact_lt{float: none;display: block;width: 100%;}
    .tact_lt .ti{text-align: center;}
    .tact_lt .line{margin:30px auto;}
    .tact_lt .des{width: 100%;display: block;}
    .tact_lt .ewm{float: none;margin:0 auto;}
    .tact_rt{float: none;display: block;width: 100%;}

    .put_yzm{width: 100%;float: none;margin-top:10px;}

}

@media (max-width:768px) {

    html.on{overflow: hidden;}
    body{font-family: "苹方 常规";}
    .body{padding-bottom:55px; transition: all linear .3s;-webkit-transition: all linear .3s;}
    .body.on{transform: translate3d(80%,0,0);-webkit-transform: translate3d(80%,0,0);}
    .container{padding-left:12px;padding-right:12px;}

    .header{height:40px;padding:0 12px;}
    .logo {width: 50%;height:40px;}
    .logo img{width: 60px;}
    .logo a h1{font-size: 14px;}
    .menu{float: right;width:30px;height:40px;position: relative;}
    .menu img{max-width: 100%;max-height: 100%;width: 22px;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
    .header .serTop_btn{ height:40px;line-height: 40px;}
    .header .had_rt{margin-right:15px;}
    .serTop_btn img{width: 20px;}
    .serF_contM{position: absolute;top:40px;left:0;right:0;height:0;overflow: hidden;z-index:10;}
    .ser_formM{height:40px;border-top:1px solid #e6e6e6;background: #fff;overflow: hidden;}
    .ser_formM input{line-height: 40px;height:40px;overflow: hidden;float: left;padding:0;font-size: 13px;background: none;border:none;}
    .ser_formM .put_txt{width: 85%;padding:0 12px ;}
    .ser_formM .put_sub{width: 15%;text-align: center;}
    .serF_contM.on{height:auto;}

    .banner .slick-dots{line-height: 20px;height:20px;}
    .banner .slick-dots li{width: 6px;height:6px;margin:0 4px;}

    .section_one{padding:15px 0;box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);}
    .one_list{width: 33.33%;padding:15px 0 20px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
    .section_one .one_list:nth-child(3n){border-right:none;}
    .section_one .one_list:nth-child(1){border-top:none;}
    .section_one .one_list:nth-child(2){border-top:none;}
    .section_one .one_list:nth-child(3){border-top:none;}

    .section_two{padding:12px;}
    .two_list{float: none;width: 100%;margin:0 0 8px;overflow: hidden;}
    .section_two .two_list:nth-child(2n) dt{float: right;}
    .section_two .two_list:nth-child(2n) dd{float: left;}
    .two_list dt{width: 42%;}
    .two_list dd{width: 58%;padding:22px 15px;}
    .two_list dd .ti{font-size: 16px;}
    .two_list dd .des{font-size: 12px;line-height: 20px;height:20px;margin:0 0 10px;}
    .two_list dd .more{width: 90px;line-height: 30px;height: 32px;font-size: 12px;border-radius: 16px;}
    .section_two .two_slider{margin:0;padding-bottom:15px;}
    .two_slider .slick-dots{line-height: 20px;height:20px;}
    .two_slider .slick-dots li{width: 6px;height:6px;margin:0 6px;}

    .section_three{padding:20px 0 40px;}
    .com_title{padding:15px 0;}
    .com_title .cn{font-size: 16px;line-height: 20px;height:20px;}
    .com_title .en{margin-top:0;}
    .three_rt .ti{font-size: 16px;}
    .three_rt .des{margin:10px 0 20px;}
    .three_rt .more{width: 110px;height:32px;line-height: 30px;font-size: 12px;border-radius: 16px;}

    .section_four{padding:20px 0 40px;}
    .four_cont{padding-top:0;}
    .four_lt{margin:0 -5px;width: auto;}
    .four_list{width: calc(33.33% - 10px);margin:5px;padding:15px 5px;}
    .four_list dt{height: 35px;}
    .four_list dd a{font-size: 13px;margin:5px 0;}
    .four_list dd:after{width: 9px;}

    .section_five {padding:30px 0;}
    .section_five .com_title{padding-bottom: 10px;}
    .five_tab span{margin:0 2px;font-size: 13px;line-height: 30px;height:30px;padding:0 20px;border-radius: 15px;}
    .five_cont{margin:15px 0;}
    .five_lt .five_imgT .ti a{font-size: 15px;}
    .five_lt .five_imgT .des{margin:3px 0 7px; font-size: 12px;line-height: 22px;height:66px;-webkit-line-clamp:3;}
    .five_lt .five_imgT .time a{display: none;}
    .five_lt .five_imgT .time span{font-size: 12px;}
    .five_lt .five_imgT dd{padding:10px 0 15px;border-width: 1px;}
    .five_list .des{display: none;}
    .five_list{padding:20px 0;}
    .five_list:hover{padding:20px 0;}
    .five_list .ti a{font-size: 15px;float: none;display: block;width: 100%;}
    .five_list .ti .time{float: none;display: block;width: 100%;margin-top:5px;font-size: 13px;}

    .copy{background: #e4e4e4;font-size: 12px;padding:10px 0;}


    .ab_content{padding:30px 0;}
    .ab_lt{float: none;width: 100%;text-align: center;}
    .ab_rt {padding-top:15px;}
    .ab_rt .ab_ti{font-size: 15px;line-height: 20px;height: 20px;}
    .ab_rt .ab_des{font-size: 13px;line-height: 20px;height: 20px;margin:2px 0 6px;}
    .ab_rt .ab_line{width: 30px;height:1px;margin:0 0 15px 0;}
    .ab_rt .ab_cont{font-size: 12px;line-height: 22px;}

    .det_navBox .container{padding:0 25px;}
    .det_navTwo{line-height: 40px;height:40px;padding:0 18px;}
    .det_navTwo .icon{width: 18px;margin-right: 5px;}
    .det_navBox .swiper-button-next{right:0;}
    .det_navBox .swiper-button-prev{left:0;}
    .det_navBox .swiper-button-next:before,
    .det_navBox .swiper-button-prev:before{font-size: 22px;}
    .det_navTwo span{font-size: 13px;}
    .det_navTwo:hover span{font-size: 14px;}
    .det_navTwo.on span{font-size: 14px;}

    .det_navThree{padding-bottom:10px;}
    .navThree_cont{margin:10px -4px;padding:0;}
    .navThree_cont .box{max-height:76px;overflow: hidden;transition: all linear .3s;-webkit-transition: all linear .3s;}
    .navThree_cont .box:after{content:"";display: block;clear: both;}
    .navThree_a{width: calc(33.33% - 8px);margin:4px;line-height: 30px;height: 30px;font-size: 13px;}
    .showMore{display: block; margin-top:5px; text-align: center;color:#808080;font-size: 15px;}
    .showMore:after{content:"";display: inline-block;vertical-align: middle;margin-left:4px; border-top:6px solid #b3b3b3;
        border-left:6px solid transparent;border-right:6px solid transparent;transition: all linear .3s;-webkit-transition: all linear .3s;}
    .navThree_cont.all .box{max-height:none;overflow: visible;}
    .showMore.on:after{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

    .proD_list{width: calc(50% - 10px);margin-bottom:10px;}
    .proD_list dd a{line-height: 40px;height:40px;font-size: 14px;}
    .page_list a{line-height: 30px;height:30px;margin:1px;width: 30px;font-size: 12px;}
    .page_list{padding:10px 0;}

    .det_com{padding-bottom:40px;}

    .proC_one{padding:12px 12px 30px;margin:20px 0;}
    .proC_slider .slider-nav{margin-top:5px;padding:0 18px;}
    .proC_slider .slider-nav .slick-prev,
    .proC_slider .slider-nav .slick-next{width: 15px;}
    .proC_slider .slider-nav .slick-prev:before,
    .proC_slider .slider-nav .slick-next:before{font-size: 16px;}

    .proC_oneTxt .ti{font-size: 16px;line-height: 40px;height:40px;}
    .proC_oneTxt .des{margin:5px 0 15px; font-size: 12px; line-height: 24px;height:auto;-webkit-line-clamp: inherit;}
    .proC_oneTxt .btn_a a{width: 47%;margin:0 1%;height:32px;line-height: 32px;}

    .proC_cont{padding:12px;}
    .proC_tab{height:40px;}
    .proC_tab a{line-height: 40px;height:40px;margin-right:20px;font-size: 15px;border-width: 2px;}
    .page_txt{line-height: 22px;}
    .pageC_list{padding:5px 0;}
    .pageC_list a{margin:5px 0;font-size: 12px;}
    .recommend{margin:15px 0;padding:12px;}
    .recommend .re_tab{height:40px;}
    .recommend .re_tab a{line-height: 40px;height:40px;font-size: 15px;margin-right:20px;border-width: 2px;}
    .recommend .re_tab .more{display: none;}
    .recommend .re_cont{padding:15px 0;margin:0 -5px;}
    .recommend .re_cont .proD_list{width: calc(50% - 10px);margin:0 5px 10px;}

    .caseD_cont{padding-top:30px;margin:0;}
    .case_list{float: none;margin:0 0 20px;width: 100%;}
    .case_list dd{padding:5px 10px 15px;}
    .case_list dd .ti a{font-size: 15px;line-height: 40px;height:40px;}
    .case_list dd .des{padding:5px 0;font-size: 12px;line-height: 20px;}
    .case_list dd .des div{padding-left:22px;}
    .case_list dd .des .city{background-size: 15px;}
    .case_list dd .des .proSer{background-size: 15px;}

    .caseC_cont{padding:12px;background: #fff;margin-top:20px;}
    .caseC_ti{font-size: 15px;margin:15px 0;}
    .caseC_slider{padding-bottom:30px;}
    .caseC_slider .slick-dots li{width: 6px;height:6px;margin:0 5px;}

    .wdD_selBox{margin:20px 0;}
    .wdD_selBox:after{content:"";display: block;clear: both;}
    .wdD_selBox .ti{font-size: 15px;line-height: 35px;margin-right:10px;}
    .wdD_selBox .sel_list{float: right;width:calc(100% - 40px);}
    .wdD_selBox .list_put{width:100%;margin:0 0 5px;}
    .wdD_selBox .list_put select{line-height: 35px;height:35px;font-size: 12px;}

    .wd_list{padding:15px;margin-bottom:14px;}
    .wd_list .ti{line-height: 35px;height:35px;font-size: 15px;}
    .wd_list .cont{padding:10px 0 5px;}
    .wd_list .cont div{margin:7px 0;font-size: 12px;padding-left:25px;}
    .wd_list .cont .address{background-size: 15px;background-position: 2px;}
    .wd_list .cont .tel{background-size: 15px;background-position: 2px;}
    .wd_list .cont .fax{background-size: 15px;background-position: 2px;}
    .wd_list .cont .name{background-size: 15px;background-position: 2px;}

    .newsD_cont{padding:20px 0;}
    .news_list{padding:15px 0;}
    .news_list dt{width: 47%;}
    .news_list dd{margin-left:50%;}
    .news_list dd{padding:5px 0;}
    .news_list dd .ti a{font-size: 15px;line-height: 22px;height:22px;font-weight: normal;}
    .news_list dd .des{margin:1px 0 3px;line-height: 18px;height:36px;font-size: 12px;}
    .news_list dd .time{font-size: 12px;}

    .newsC_cont{margin-top:20px;padding:12px;}
    .newsC_title {margin:15px 0;}
    .newsC_title .ti{font-size: 16px;}
    .newsC_title .time{font-size: 12px;margin-top:0;}

    .service_one{padding:30px 0;}
    .serOne_lt .ti{font-size: 16px;text-align: center;}
    .serOne_lt .line{margin:5px auto 0;width:30px;height:2px;}
    .serOne_lt .des{margin:10px 0;line-height: 22px;font-size: 12px;height:auto;-webkit-line-clamp: inherit;}
    .serOne_lt .tips{font-size: 12px;line-height: 22px;padding:6px 10px;}

    .serCom_title{padding:20px 0;font-size: 16px;line-height: 24px;}
    .serCom_title:after{width: 30px;height:2px;margin-top:8px;}

    .service_two{padding:10px 0 30px;}
    .serTwo_list{display: block;width: 100%;margin-bottom:20px; float: none;padding:0;overflow: hidden;}
    .serTwo_list dt{width: 95px;height:95px;float: left;}
    .serTwo_list dd{margin-left:110px;text-align: left;position: relative;padding-top:5px;}
    .serTwo_list dd .num{position: absolute;top:8px;right:0;font-size: 20px;line-height: 20px;margin:0;}
    .serTwo_list dd .ti{font-size: 15px;padding-right:30px;}
    .serTwo_list dd .des{font-size: 12px;line-height: 20px;height:60px;margin-top:2px;}

    .service_three{padding:10px 0 30px;}
    .serThree_cont{margin:0;}
    .serThree_list{float: none;width: 100%;margin:0 0 15px;padding:10px;}
    .serThree_list dt{width: 100px;}
    .serThree_list dd{width: calc(100% - 110px);padding-top:0;}
    .serThree_list dd .icon img{width: 18px;}
    .serThree_list dd .icon:after{margin-top:10px;}
    .serThree_list dd .ti{font-size: 13px;margin-top:8px;}

    .regionD_cont{padding-bottom:0;}

    .page_list a{width: 23%;}
    .page_list p{font-size: 12px;margin-top:4px;}
    .page_list p i{color:#ed8744;}

    .message{margin:30px 0;padding:20px;border-width: 2px;}
    .message .title{font-size: 16px;margin-bottom:20px;line-height: 24px;}
    .mes_form .put_mes{height:35px;}
    .mes_form .put_mes .ti{font-size: 12px;line-height: 35px;height:35px;width: 76px;text-align: left;
        padding:0 0 0 8px;}
    .mes_form .put_mes input{width:calc(100% - 76px);line-height: 35px;height:35px;padding:0 3px;font-size: 13px;}
    .mes_form .text_mes{height:80px;}
    .mes_form .text_mes textarea{width:calc(100% - 100px);padding:5px ;font-size: 13px;}
    .mes_form button{margin:15px 5px;width: 44%;height:35px;font-size: 14px;}

    .yy_list{margin-bottom:10px;padding:10px;}
    .yy_list dt{ }
    .yy_list dd{ padding-left:15px;}
    .yy_list dd .ti{font-size: 14px;line-height: 20px;height:20px;}
    .yy_list dd .line{margin:5px 0;height:1px;width: 15px;}
    .yy_list dd .des p{font-size: 12px;}

    .download_list {padding:13px 10px;margin-bottom:14px;}
    .download_list .btn_d{width: 70px;line-height: 30px;height:30px;}
    .download_list .ti{width: calc(100% - 70px);line-height: 30px;height:30px;font-size: 13px;}


    .queryD_cont{margin-top:30px;}
    .query_had{line-height: 40px;height:40px;font-size: 15px;}
    .query_imgT{margin-bottom:20px;}
    .query_imgT dd .des{font-size: 12px;line-height: 20px;-webkit-line-clamp:3;}
    .query_imgT .download_list{margin-top:20px;}
    .query_ser input{width: 100%;display: block;line-height: 30px;height:30px;margin:0;font-size: 13px;}
    .query_ser button{width: 48%;margin:10px auto 0;height:30px;line-height: 30px;font-size: 14px;}
    .query_ser .rt{float: none;text-align: center;}
    .query_ser{margin-bottom:20px;}
    .query_result{padding:20px 0;}
    .query_result .ti{font-size: 15px;}
    .query_result .txt{font-size: 12px;line-height: 20px;}

    .tact_cont{padding:15px;margin-top:30px;}
    .tact_lt{padding:20px 0;}
    .tact_lt .ti{font-size: 18px;line-height: 24px;}
    .tact_lt .line{width: 30px;height:1px;margin:15px auto;}
    .tact_lt .des li{padding-left:25px;margin-bottom:10px;}
    .tact_lt .des .add{background-size: 15px;background-position: 2px;}
    .tact_lt .des .tel{background-size: 13px;background-position: 2px;}
    .tact_lt .des .fax{background-size: 16px;background-position: 2px;}
    .map{height:250px;margin:10px 0 0;}

    .put_yzm {height:35px;}
    .put_yzm .ti{line-height: 35px;height:35px;  font-size: 12px;width: 76px;text-align: left;padding: 0 0 0 8px;}
    .put_yzm input{height:35px;line-height: 35px; width: calc(100% - 180px);padding: 0 3px;font-size: 13px;}
    .put_yzm img{margin-top:2px;}


    .searchResult_ti{font-size: 16px;margin-top:20px;}


}



@media (min-width:768px) {

    .left_navBox_bg{display: none!important;}

    .header.on .nav li{transform: scale(0);-webkit-transform: scale(0);}
    .header.on .had_rt{transform: scale(0);-webkit-transform: scale(0);}
    .put_txt.slideInRight{animation-name:serInput;-webkit-animation-name:serInput;}
    @keyframes serInput {
        0%{transform: translateX(20%);-webkit-transform: translateX(20%);opacity: 0;}
        100%{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
    }

    .serF_contM{display: none!important;}
    .showMore{display: none!important;}


}

@media (min-width:1400px) {

}