


@media screen and (max-width:1680px) {


    header .nav li{margin-left: 15px;}
    header .nav li a{font-size: 16px;}
    .thumbWrap{width: 164px;}
  
   
    footer .R .addre{width: 69%;}
    header .logo{width: 28%;}
    header .logo img{max-width: 95%;}
    header .nav {margin-left: 2%;}
    footer .R{width: 40%;}
    footer .L{width: 35%;}



}



@media screen and (max-width:1440px) {
    header .nav li{margin-left:15px;}
	 header .nav li a{font-size: 14px;}
    #next{right:5%;}
    #prev{left:5%;}
    .courseA .b{padding:125px 0;}
    .ideaA .b .item{height: 360px;}
    header .nav{margin-left: 16%;}
    .new_list .item .mian{width: 76%;}
    .lxbox .L{width: 33%;}
    .lxbox .R{width: 66%;}
  
    footer .L{width: 60%;}
    footer .L .link2{width: 100%;}
    .product .list .item{height: 348px;}
    .news .R .list .item .mian{width: 76%;}
    .intro{height: 620px;}
    .intro .L .t{height: 100%;}
    .intro .L .b{height: 40%;}
    .intro .L .b .item .name,.intro .L .b .item .c{margin-bottom: 1em;}
    .intro .L .b .item:hover .name{margin-bottom: 40px;}
    .intro .L .t .top {padding-top: 16px;margin-bottom: 30px;}
    footer .R .Conce{width: 18%;}
    .honorA_swiper .swiper-slide .pic{object-fit: cover;}
    header .nav li a{padding:0 8px;}
    .intro .L .b .item .c span{font-size: 35px;}

    footer .R .addre{margin-top: 0;}
    footer .R .Conce a,footer .R .Conce span{line-height: 55px;}
    #dates .selected{font-size: 55px;}




}



@media screen and (max-width:1366px) {

    .headR{width: 100px;}
    header .nav li{margin-left: 15px;}
    .headR .ewm{left:-22px;}
    .intro .L .t .top h2,.product .top h2,.news .R .t .top h2{font-size: 35px;}
    .news .R .t .menu dl{margin-left: 10px;}
    .lxbox .L h4,.cpmin .R h2{font-size: 24px;}
    .rctop h4,.rcbom .t h4,.promise .t h4,.issue .t h4,.introA .t .txt .top h5,.ideaA .t h4,.courseA .t h4,.honorA .t h4{font-size: 30px;}
    .rctop h5{font-size: 27px;}
    .introA .t .txt .top h4{font-size: 40px;}
    #dates .selected{font-size: 45px;}
    #dates li a:before{bottom:-65px;}
    .news .R .list .item .mian h4,.new_swiper .txt h4,.new_list .item .mian h4,.ideaA .b .item .bg p{font-size: 20px;}
    .introA .padd {padding: 33px 51px;}
    .ideaA .b .item .bg h4{font-size: 30px;}
    header .nav li a{font-size: 14px;}
    footer .R .Conce{width: 23%;}
    .wrap3{width: 95%;}
   
    
    .rctop .mian img{max-width: 100%;}
    .honorA_swiper, .honorA_swiper .swiper-wrapper, .honorA_swiper .swiper-wrapper .swiper-slide {height: 220px !important;}
    .ideaA .b .item .bg .box,.product .list .item .bg .box{width: 80%;}


}





@media screen and (max-width:1280px) {

    header .nav li a{padding:0 3px;}
    .intro .L .t{padding:0 1em;}
    .lxbox .L h4, .cpmin .R h2{font-size: 20px;}
    .control, .change li, .change li .imgWrap{width: 391px;}
    .change li img{max-width: 391px;}
    .submenu2 .item p{font-size: 12px;}
    .cplist .item .name{font-size: 18px;}

}




@media screen and (max-width:1200px) {

    .intro{height: auto;}
    .intro .L{width: 100%;}
    .intro .R{width: 100%;margin-top: 1em;}
    .intro .L .b{margin-top: 1.5em;height: auto;}
    .intro .L .b .item{padding:1em 0;}
    .introA .t .txt{width: 100%;}
    .introA .t .pic{width: 100%;height: auto;}
    .introA .t .txt .top h4,.intro .L .t .top h2, .product .top h2, .news .R .t .top h2{font-size: 30px;}
    .introA .b strong{font-size: 25px;}
    .introA .b{font-size: 18px;}
    #timeline{width: 78%;}
    .intro .L .b .item:hover .name{margin-bottom: 24px;}
    .product{margin:2em 0;}
    .product .top{padding-top:1em;margin-bottom: 1em;}
    .product .list .item{height: 260px;}
    .product .main{margin-top:1em;}
    .news .R .list .item .date h4{font-size:30px;}
    .news .R .list .item .mian{width: 69%;}
    .product .list .item .bg .box h4{font-size: 16px;}
    .branch .L{width: 100%;text-align: center;}
    .branch .R{width: 100%;}
    .rctop{top:0;}
    .rctop .L, .rctop .R{width: 100%;}
    .wrap2{width: 95%;}
    .lxbox .L{width: 45%;}
    .lxbox .R{width:50%;}
    .news{height: auto;}
    .news .L{width: 100%;}
    .news .R{width: 100%;padding:1em 0;}
    .ideaA .b .item{height: 290px;}
    .ideaA .b .item .bg h4{font-size: 25px;}
    #issues li{width: 712px;}
    #issues li:before,#issues li:after{display:none;}
    .courseA{margin-top: 1.5em;}
    .courseA .b{padding:3em 0;}
    .honorA{margin-top: 1.5em;}
    .honorA .b{margin-top: 1em;margin-bottom: 1em;}
    .new_list .item .date h4{font-size: 30px;}
    .new_list .item .mian{width: 70%;}
    .new_list .item{width: 47.7%;}
    .nytxt h4,.rctop h4, .rcbom .t h4, .promise .t h4, .issue .t h4, .introA .t .txt .top h5, .ideaA .t h4, .courseA .t h4, .honorA .t h4,.branch .t h4{font-size: 25px;}
    .newmin{top:0;}
    .cplist .item .name{font-size: 14px;}
    .headR{width: 89px;}
    .intro .L .b .item .c span{font-size: 30px;}
    .product .menu{margin-top: 1em;}
    .new_swiper .txt .tabbox{padding:0 30px;}


}




@media screen and (max-width:1024px) {

    .navBtn{display:block;}
    header .nav,.headR{display:none;}
    header{height: 60px;/*position: fixed;left:0;z-index: 22;width: 100%;top:0;*/}
    header .logo{width: 38%;}
    .banner_swiper .pagination{top:90%;text-align: left;left:2%;width: auto;}
    .banner_swiper .swiper-active-switch{height: 12px;}
    .banner_swiper .swiper-pagination-switch{width: 12px;height: 12px;border-radius: 12px;overflow:hidden;}
    .product .list .item{height: 200px;width: 23.5%;}
    .submenu2 .item span{height: 40px;line-height: 40px;}
    .submenu2 .item span img{zoom: .6; }
    .submenu2{padding:10px 0;}
    .navPup-ibox{padding-top: 60px;}
    .introA{margin-top: 0;}
    .introA .padd{padding:1em 1.5em;}
    .new_list .item .mian{width: 63%;}
    footer .L{width: 100%;}
    footer .R{width: 100%;margin-top: 1em;}
    footer .L .link a,footer .L .copy{font-size: 16px;}
    .cplist{margin-top: 1em;margin-bottom: 1em;}
    /*.nybanner,.banner{margin-top: 60px;}*/
    .mouseIco{background-size: 30px;}
    .intro .L .b .item{width: 50%;}
    .intro .L .b .item:after {content: '';position: absolute;right: 0;bottom: 0;width: 100%;height: 1px;background: #4483e7;}
    .cpmin{height: auto;}
    .cpmin .L{width: 100%;}
    .cpmin .R{width: 100%;}
    .control, .change li, .change li .imgWrap{width: 558px;}
    .submenu2,.submenu{padding:10px 0;}
    .product .submenu2{padding:10px 0;}
    .promise .padd{padding:1em;}
    .promise .mian{margin-top: 1em;margin:0 1em;}
    .promise,.lxbox{top:0;}
    #issues li{width: 623px;}
    #issues li p{font-size: 18px;}
    #dates .selected{top:0;font-size: 30px;}
    .lxbox .R{width: 100%;margin-top: 1em;}
    .lxbox .L,.lxbox .L .item{width: 100%;}
    footer{background-size: cover;background-position: center;}
    .product .menu .item:hover:before, .product .menu .item.on:before{bottom:-11px;}
    .submenu a{height: 29px;line-height: 29px;padding:0 10px;}


}




@media screen and (max-width:800px) {
    footer .R .addre .item{height: auto;}
    footer .R .addre .item{margin-right: 0;}
    .rcbom .h .tb{right:1em;}
    .promise .mian p{line-height: 35px;}
    .promise .t h5{font-size: 25px;}
    .nytxt h4, .rctop h4, .rcbom .t h4, .promise .t h4, .issue .t h4, .introA .t .txt .top h5, .ideaA .t h4, .courseA .t h4, .honorA .t h4, .branch .t h4{font-size: 20px;}

    .thumbWrap{display:none !important;}
    .control, .change li, .change li .imgWrap{width:500px; margin: 0 auto;}
   
    .change li img{max-width: 100%;max-height: 100%;}
    .change li{left:0;}
    .change{left:-627px;}
    .new_list{margin-right: 0;}
    .new_list .item{width: 100%;margin:0 0 1em 0;}
    .newmin{width: 95%;}
    .new_list .item .mian{width: 72%;}
    .news .R .list .item .mian h4, .new_swiper .txt h4, .new_list .item .mian h4, .ideaA .b .item .bg p{font-size: 16px;}
    .ideaA .b .item .bg .box, .product .list .item .bg .box{width: 90%;}
    .ideaA .b .item{height: 220px;}
    .courseA .b{margin-top: .5em;}
    #issues li{width: 530px;}
    #issues li p{line-height: 30px;}
    .new_swiper .pic{height: 400px;}
    header .logo{width: 50%;}
    .ideaA{margin-top: 1.5em;}
    .honorA_swiper .swiper-slide .pic{object-fit:contain;}
    .pswp img {max-width: 100% !important;width: auto !important;height: auto !important;    top: 8%;}
    .honorA .b .swiper-scrollbar{display:none;}


}




@media screen and (max-width:670px) {
    .mouseIco{display:none;}
    .banner_swiper .pagination{top:83%;left:0;width: 100%;text-align: center;}
    .introA .t .txt .top h4, .intro .L .t .top h2, .product .top h2, .news .R .t .top h2{font-size: 20px;}
    .intro .L .t .top h2{padding-bottom: 4px;margin-bottom: 4px;}
    .intro .L .t .top{margin-bottom: 1em;}
    .intro .L .t .txt a{margin:1em auto 0;}
	header .wrap{ width:94%;}
    header .logo{width: 200px;}
    .introA .b strong{font-size: 18px;}
    .introA .b{line-height: 30px;}
    .ideaA .b .item{width: 100%;margin:0 0 1em 0;}
    footer .R .addre{width: 100%;}
    footer .R .Conce{width: 100%;}
    .intro .R .btn{font-size: 14px;left:.5em;bottom:.5em;width: 160px;}

    .submenu2 .item{width: 33%;border-bottom: 1px #d2d2d2 solid;border-right: 1px #d2d2d2 solid;}
    .product .menu .item:hover:before, .product .menu .item.on:before{display:none;}
    .product dd .list{margin:1em;}
    .product .list .item{height: 167px;width: 48%;}
    .submenu2 .item span{height: 34px;line-height: 34px;}
    .submenu2 .wrap{border-top: 1px #d2d2d2 solid;border-left: 1px #d2d2d2 solid;}
    .new_swiper .pic{height: 200px;}
    .new_swiper .pic .other{left:1em;bottom:1em;}
    .new_swiper .other .date{font-size: 16px;}
    .new_swiper .txt:before{left:2.5em;}
    .new_swiper .txt .tabbox{padding:1em;}
    .new_swiper .txt{height: auto;}
    .news .R .t .top{margin-left: 0;padding-top: 1em;margin-bottom: 1em;display:block;}
    .news .R .t .menu{position:relative;right:0;top:0;}
    .news .R{padding:0;}
    .news .R .list .padd{padding:1em;}
    .news .R .list .item .date,.new_list .item .date{width: 75px;}
    footer .R .Conce a{float:none;}
    footer .R .Conce .ewm2{float:none;display:block;}
    footer{padding:1em 0;}
    footer .L .link{display:none;}
    .introA .t .txt .top h5,.introA .t .txt .top h4{line-height: 30px;}
    .ideaA .t h5,.courseA .t h5,.rcbom .t h5,.rctop h5{font-size: 25px;}
    .ideaA .b{margin-top: 1em;}
    #dates li a:before{bottom:-52px;}
    #issues{margin-top:65px;}
    #issues li{width: 260px;}
    #issues li p{font-size: 16px;margin-right: 0;}
    .courseA .b{padding:1em 0;}
    .pag a{line-height: 25px;height: 25px;padding:0 10px;margin:0 3px;}
    .nytxt {
        position: relative;
        left: 0;
        top: 0;
        z-index: 3;
        text-align: center;
        color: #333;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        padding: 1em 0;
    }
    .cplist{margin-right: -3%;}
    .cplist .item{width: 47%;margin: 0 3% 3% 0;}
    .cplist .item .name{line-height: 30px;}
    .control, .change li, .change li .imgWrap{width:100%;}
  
    .rctop{padding:1em;}
    .rcbom .h .roughly dl{width: auto;margin-right: .5em;}
    .rcbom .h .tb{right:.5em;}
    .rcbom .h{padding:0 .5em;}
    .rcbom .mian .top h4{font-size: 18px;}
    .branch .padd{padding:1em;}

    .intro .R .btn img{width: 17px;margin-right: 10px;}
    .intro .R .btn{width: 125px;line-height: 36px;}
    .new_swiper .pagination{bottom:10em;}
    .new_swiper .swiper-pagination-switch{width: 12px;height: 12px;}
    .rctop .mian{margin-top:1em;height: auto;margin-bottom: 1em;}

	.header-language{ line-height:60px; padding-left:5px;}
	.header-language img{ display:none;}	

}



















