@media (max-width:1700px) {
    .common_title{margin-left:-100px;}
}

@media (max-width:1400px) {
    .class_list .name .cn{font-size: 16px;}
    .two_slide .two_list{height:640px;}
    .two_list .img{left:20px;right:20px;}
    .section_two .common_title{margin-top:70px;}
    .two_list:hover .img{bottom:20px;}
    .section_three .common_title{margin-top:90px;}


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

    .logo{left:calc(50% - 100px);width:200px;}
    .nav>li{width:calc((100% - 200px) / 6)}
    .nav>li:nth-child(3){margin-right:200px;}

    .up_btn{display: none;}
    .product_class{margin-top:-80px;}
    .class_list{padding:22px 15px 10px;}
    .class_list:hover .name {transform: translateX(-8px);-webkit-transform: translateX(-8px)}
    .class_list:hover .img{transform: translateX(-8px);-webkit-transform: translateX(-8px)}

    .det_navTwo a{padding:0 50px;}

    .joinTwo_cont{padding:30px 40px;}







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

    .child_nav li a{margin:5px 0;}
    .child_nav li:before{display: none!important;}
    .child_nav li:after{display: none!important;}

    .banner .slick-dots {bottom:80px;width: 100%;text-align: center;left:0;right:0;}
    .banner .slick-dots li {display: inline-block;vertical-align: top;margin:0 10px;}


    .class_list{width: 50%;}
    .class_box{height:auto;position: relative;box-shadow: 0 10px 20px 1px rgba(0,0,0,.05)}
    .class_box:before{content: "";display: block;width:94%;height:1px;background: #e6e6e6;position: absolute;top:50%;left:3%;}
    .class_box:after{content: "";display: block;height:94%;width:1px;background: #e6e6e6;position: absolute;top:3%;left:50%;}
    .class_list:hover .name {transform: translateX(0);-webkit-transform: translateX(0)}
    .class_list:hover .img{transform: translateX(0);-webkit-transform: translateX(0)}
    .class_list:hover{text-align: center;}
    .class_list a:before{display: none;}
    .class_list:after{display: none;}

    .common_title{float: none;margin:0!important;text-align: center;display: block;}
    .common_title .en{writing-mode: inherit;font-size: 20px;letter-spacing: 3px;}
    .common_title .cn{width: auto;font-size: 24px;line-height: 30px;margin:5px 0 0 20px;}
    .common_title .cn em{width:10px;height:10px;border:1px solid #005bac;margin:0 10px;border-radius: 50%;background: none;vertical-align: middle;}
    .common_title .cn em:before{display: none;}

    .section_one{padding:50px 0;}
    .one_box{background: none;}
    .oneBox_lt{float: none;width: 100%;padding-top:40px; background: url(../images/img1.jpg) no-repeat center center;background-size: contain;}
    .oneBox_rt{float: none;width: 100%;margin-top:20px;}
    .oneBox_lt .oneBox_ti{text-align: center;font-size: 18px;}
    .oneBox_lt .oneBox_des{margin:10px 0 30px;}
    .common_more{margin:0 auto;}

    .section_two{padding:50px 0!important;}
    .section_two .common_title .cn em{background:none;}
    .two_slideM{margin-top:40px;padding-bottom:50px;}
    .two_listM{background: #fff;padding:40px;margin:0 15px;text-align: center;opacity: .5}
    .two_listM .txt{  margin-top:60px;}
    .two_listM .txt .ti a{display: block;  line-height: 24px;height:24px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
    .two_listM .txt .ti:after{content:"";display: block;width:18px;height:1px;margin:10px auto;background: #333;}
    .two_listM .txt .des{color:#808080;font-size: 14px; line-height: 24px;height:24px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
    .two_listM.slick-current{opacity: 1;}
    .two_slideM .slick-dots{bottom:0;}
    .two_slideM .slick-dots li button{display: none;}
    .two_slideM .slick-dots li{width:6px;height:6px;border-radius: 50%;background: #fff;opacity: .4;margin:0 10px;}
    .two_slideM .slick-dots li.slick-active{opacity: 1;}

    .section_three{padding:50px 0;}
    .section_four{padding:50px 0;}
    .four_cont{width: 100%;margin-top:30px;}

    .detName .cn{font-size: 18px;line-height: 24px;}
    .detName .en{font-size: 12px;line-height: 16px;margin-top:5px;}
    .detName:after{margin-top:7px;}

    .det_navTwo a{padding:0 40px;}

    .proP_list{width:calc(50% - 40px);}

    .proDet_des .img{float: none;width: 100%;text-align: center;}
    .proDet_des .cont{margin-left:0;}

    .about_title .en{font-size: 50px;line-height: 50px;}
    .about_title .cn{font-size: 20px;line-height: 24px;}
    .about_title:after{margin-top:12px;}
    .aboutThree_list{float: none;width: 100%;margin:18px 0;}
    .aboutThree_cont{margin:0;}

    .joinOne_list{padding:30px 10px 35px;}
    .join_form .box{margin:0;}
    .join_form .box .join_input{float: none;width: 100%;margin:10px 0;}

}

@media (max-width:768px) {

    .indexBody{ padding-bottom:55px;}

    .header{height:50px;top:0;left:0;right:0;padding:0 15px;}
    .logo{position: static;left:auto;float:left;z-index: 20; width:60%;margin:8px 0;height:34px;text-align: left;}
    .logo a{padding:0;}
    .logo img{right:auto;position: static;}
    .menu{float: right;width:30px;height:50px;position: relative;}
    .menu img{max-width: 100%;max-height: 100%;width:30px;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;}

    .product_class{margin-top:-20px;}
    .class_list{padding:15px 5px 10px;}
    .class_list .name .cn{font-size: 14px;line-height: 18px;height:18px;}
    .class_list .name .en{line-height: 18px;height:18px;}
    .class_list .img{width:30px;height:30px;max-width: 30px;text-align: center;margin-right:5px;}

    .banner .slick-dots{bottom:20px;}
    .common_title .en{font-size: 15px;line-height: 20px;}
    .common_title .cn{font-size: 18px;line-height: 20px;}
    .common_title .cn em{width:6px;height:6px;margin:0 5px;}
    .oneBox_lt{padding-top:25px;}
    .oneBox_lt .oneBox_ti{font-size: 16px;line-height: 24px;height:24px;}
    .oneBox_lt .oneBox_des{margin-bottom:20px; font-size: 14px;line-height: 24px;height:auto;-webkit-line-clamp: inherit;}
    .common_more a{font-size: 15px;padding-bottom:10px;}
    .common_more:hover a.hov{display: none;}
    .common_more:hover a{opacity: 1;color:#005bac;}
    .oneBox_rt{padding:10px 0 0 10px;height:280px;}
    .section_one{padding:35px 0;}
    .section_two{padding:35px 0!important;background: url(../images/bg_02.jpg) no-repeat center center;background-size: cover;}
    .section_three{padding:35px 0;}
    .section_four{padding:35px 0 50px;background: url(../images/bg_04.jpg) no-repeat center center;background-size: cover;}
    .two_slideM{margin-top:30px;padding-bottom:35px;}
    .two_listM{padding:15px 15px 25px;margin:0 7px;}
    .two_listM .txt{margin-top:30px;}

    .three_slide{margin:30px 0 0;padding-bottom:30px;}
    .three_list{margin:0;}
    .three_list .ti{margin:15px 0 5px;}
    .three_list .ti a{font-size: 15px;}
    .three_list .timeM{border-bottom:1px solid #e6e6e6;padding:10px 0;font-size: 13px;color:#808080;}
    .three_list .timeM a{float: right;color:#005bac;}
    .three_slide .slick-dots{bottom:0;}
    .three_slide .slick-dots li button{display: none;}
    .three_slide .slick-dots li{width:6px;height:6px;border-radius: 50%;background: #005bac;opacity: .4;margin:0 7px;}
    .three_slide .slick-dots li.slick-active{opacity: 1;}

    .four_cont{padding:30px 15px;}
    .four_cont .txt{font-size: 14px;line-height: 22px;}
    .four_cont .tell {font-size: 14px;line-height: 24px;}
    .four_cont .tell em{font-size: 18px;}
    .four_cont .tell img{width:15px;}
    .four_cont .tell p{margin-top:10px;}
    .four_cont .tell a{width: 150px;line-height: 35px;height:35px;font-size: 15px;margin:15px auto 5px ;}

    .footer{padding:0;}
    .copy{border:none;font-size: 12px;padding:10px 0;margin-top:0;line-height: 18px;}


    .detNavM{position: relative;overflow: visible;margin:0 15px;}
    .detNavM .two_li{width:auto;position: static;}
    .detNavM .two_li a{display: block;line-height: 40px;height:40px;padding:0 28px;font-size: 14px;}
    .detNavM .det_navThreeM{min-width: 210px; position: absolute;top:40px;left:0;right:0;background: rgb(0 91 172 / 90%);text-align: left;padding:5px 0;}
    .detNavM .det_navThreeM li a{font-size: 13px;line-height: 34px;height:34px;overflow: hidden;padding:0 30px 0 15px;color:#a4bed5;}
    .detNavM .det_navThreeM li a:after{content:"";float: right;margin-right:-20px;display: none;
        width:14px;height:100%;background: url(../images/dh_03.png) no-repeat center center;background-size: contain;transition: all linear .3s;-webkit-transition: all linear .3s;}
    .detNavM .det_navFourM{background: #005bac;}
    .detNavM .det_navFourM li a:after{display: none!important;}
    .detNavM .det_navFourM li a{padding:0 30px;}
    .detNavM .det_navThreeM li.in a:after{display: block;}
    .detNavM .det_navThreeM li a.on:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .detNavM .det_navThreeM li a.on{color:#fff;background: #005bac;}
    .detNavM ul{display: none;}
    .detNavM .two_li.current{color:#005bac;border-bottom:1px solid #005bac;font-weight: bold;}

    .det_main{padding:40px 0 50px;}
    .proP_list{width:calc(50% - 10px);margin:0 5px;}
    .pro_page{margin:0 -5px;}
    .proP_list dd .box{display: none!important;}
    .proP_list dd .name{padding:7px 5px 15px;}
    .proP_list dd .name a{font-size: 14px;}

    .page_list{margin-top:20px;}
    .page_list a{width: 28px;height:28px;line-height: 26px;margin:0 3px;}
    .page_list a.prev, .page_list a.next{width: 23px;height:28px;}
    .page_list a.prev img, .page_list a.next img{margin:0;}

    .comDet_cont{border-width: 1px;padding:30px 15px;}
    .proDet_des{overflow: visible;}
    .proDet_des .cont .ti{padding:10px 0;margin-top:5px;}
    .proDet_des .cont .ti span{font-size: 18px;}
    .proDet_des .cont .ti:after{width:72px;}
    .proDet_des .list{margin:15px 0;}
    .proDet_des .list li{float: none;width: 100%;padding:10px 0;}
    .proDet_des .btnN{margin:20px auto 0;line-height: 35px;height:35px;font-size: 14px;}
    .proDet_txt .title{line-height: 40px;height:40px;font-size: 16px;}
    .detPage_page{margin:20px 0;padding:10px 0;position: relative;}
    .detPage_page a{float: none;display: block;margin:3px 0;width:calc(100% - 60px);}
    .detPage_page a.rt{text-align: left;}
    .detPage_page .back_btn{float: right;font-size: 13px;position: absolute;top:13px;right:0;}
    .proDet_des .txt{line-height: 24px;}
    .recommend {margin-top:15px;}
    .recommend .title{padding:10px 0;}
    .recommend .title span{font-size: 16px;}
    .recommend .title a{font-size: 12px;}
    .recommend .title a img{width: 12px;}

    .det_aboutMain{padding:20px 0 40px;}
    .about_one{padding-top:30px;}
    .about_title .en{font-size: 30px;line-height: 30px;}
    .about_title .cn{font-size: 14px;line-height: 20px;margin-top:-15px;}
    .about_title:after{margin-top:5px;width:15px;height:1px;}
    .aboutOne_des{margin:10px 0 20px;line-height: 24px;font-size: 13px;}
    .about_two{margin-top:20px;padding-top:30px;}
    .about_three{margin-top:20px;padding-top:30px;}
    .aboutThree_cont{padding-top:10px;}
    .aboutThree_list{padding:10px;margin:10px 0;}
    .aboutThree_list dt{width:100px;}
    .aboutThree_list dd{margin-left:100px;padding:0 0 0 10px;}
    .aboutThree_list dd .ti{font-size: 15px;line-height: 20px;height:20px;}
    .aboutThree_list dd .des{font-size: 12px;line-height: 20px;height:40px;margin-top:5px;}

    .news_page{margin:0;}
    .news_page .three_list{margin:0  0 10px;width:100%;}
    .three_list .time b{font-size: 20px;color:#005bac;line-height: 30px;}
    .three_list .time{font-size: 12px;margin:10px 0;}
    .three_list .more a{font-size: 13px;padding-top:10px;margin-top:15px;}

    .newsDet_title{ padding:5px 0;}
    .newsDet_title .ti{font-size: 16px; }
    .newsDet_title .time{font-size: 12px;line-height: 26px; margin-top:5px;}
    .newsDet_text{padding:10px 0;font-size: 13px;line-height: 24px;}
    .newsRecommend{margin:0 -5px;}
    .newsR{ width:calc(50% - 10px);margin:0 5px 10px;}
    .newsR  dd{padding:10px 0 0;}
    .newsR  dd a{line-height: 22px;height:44px;font-size: 13px;}

    .det_joinMain{padding-top:20px;}
    .join_title .en{font-size: 14px;line-height: 24px;}
    .join_title .cn{font-size: 18px;line-height: 24px;margin-top:0;}
    .join_one{padding-top:30px;}
    .joinOne_cont{margin:0 ;padding:10px 0 40px; }
    .joinOne_list{float: none;width:100%;margin:13px 0;position: relative;padding:20px 0;}
    .joinOne_list dt{float: left;width:90px;}
    .joinOne_list dd{margin-left:90px;padding:0 15px;}
    .joinOne_list dt .img{height:25px;}
    .joinOne_list dt .ti{font-size: 15px;line-height: 20px;height:20px;margin-top:0;}
    .joinOne_list dd .line{position: absolute;left:90px;top:4px;width:1px;height:50px;}
    .joinOne_list dd .des{text-align: left;font-size: 13px;line-height: 22px;height:44px;}
    .join_two{padding:40px 0 50px;background: url(../images/joinMBg_02.jpg) no-repeat center center;background-size: cover;}
    .joinTwo_cont{padding:30px 18px;}
    .joinTwo_cont .des{line-height: 20px;font-size: 12px;}
    .join_input input{height:35px;line-height: 35px;font-size: 12px;width:calc(100% - 60px);}
    .join_input span{height:35px;line-height: 35px;font-size: 12px;width:60px;}
    .join_input textarea{font-size: 12px;padding: 10px;width:calc(100% - 60px);height:80px;}
    .join_form button{width:100%;height:40px;margin:20px 0;}

    .contact_cont{margin:30px 0;padding:30px 20px;}
    .contact_cont .one{padding:0 0 15px;}
    .contact_cont .one .name{display: block;margin:0;font-size: 17px;line-height: 24px;}
    .contact_cont .one .tell{text-align: left;float: none;margin-top:10px;}
    .contact_cont .one .tell h3{font-size: 16px;line-height: 20px;}
    .contact_cont .two{padding-top:15px;}
    .contact_cont .two .txt{line-height: 28px;font-size: 13px;}
    .contact_cont .two .ewmF em{text-align: left;margin:0 0 0 5px;font-size: 13px;}
    .contact_cont .two .ewmF{margin-top:15px;}
    .map{height:250px;}

    .aboutTwo_img{background:none;height:auto;}
    .aboutTwo_img img{max-width: 100%;max-height: 100%;}






}







@media (max-width:374px) {


}


@media (min-width:992px) {



}

@media (min-width:992px) {
    .indexBody .container{width:800px;}
}
@media (min-width:1200px) {
    .indexBody .container{width:1000px;}
}
@media (min-width:1366px) {
    .container{width:1336px;}
}
@media (min-width:1400px) {
    .indexBody .container{width:1200px;}
}
@media (min-width:1600px) {
    .indexBody .container{width:1336px;}
}