@media (max-width: 480px) {
    .foot_logo {padding-left: 36px !important;}
    .p-3 {
        padding: 0.5rem !important;
    }
    .mb-3, .my-3 {
        margin: 0rem !important;
    }
    .card-body img {
        width: 140px;
        height: 188px;
    }
    .logo_bg {height: 110px;}
    .tpCon img {width:100%}
    h3, .h3 {
        font-size: 1.6rem !important;
    }
    
    
    
    } 
    @media (max-width: 1200px) and (min-width:768px){
       #pcHead{display: none}
        #doubleSp0{display: none}
        #pcSz{display: none}
       #mbHead{display:block} 
       .logo_bg {height: 130px !important;}
    /*å¯¼èˆªå•ç¯‡  start*/
        .leftNav{display: none}
        .mob-ggtp ul{margin-bottom: 10px}
        .mob-ggtp ul li{    display: inline-block;  padding: 0 10px;  height: 46px;  line-height: 46px;  text-align: center;  margin-bottom: 6px!important;  margin-right: 2.33%;  background: #f2f2f2;}
        .mob-ggtp .zj{padding-left: 11px;  padding-top: 12px;  margin-bottom: 10px;  border: 1px solid #ebebeb;  box-shadow: 0px 2px #ebebeb;}
        .mob-ggtp .zj a{    display: inline-block;  padding-right: 5%;  margin-bottom: 10px;  color: #555;}
        .pos{height: 40px;line-height: 40px;padding-left: 20px;background: #f1f5ff;color: rgb(136, 136, 136);}
        .rightCon .titBg{height: 92px;border-bottom: 1px solid #ccc;background-image: url(titleBg.png);
          background-repeat: no-repeat;background-position: right}
        .rightCon .titBg h1{font-size: 34px;line-height: 120px;text-align: right;padding-right: 22px;font-weight: bold;color: rgb(74, 74, 74);}
        .rightCon .ppLt li {float:left; width: 100%;margin-bottom: 38px}
        .rightCon .ppLt li img{float:left;}
        .rightCon .ppLt li .info{float:left;padding-top: 62px;margin-left: 16px;font-size: 16px;}
        .rightCon .ppLt li .info h4{font-weight: bold;margin-bottom: 10px;}
        .rightCon .titBg img{position: absolute;top:20px;left: 0}
        .rightCon .percen img{width: 100%}
        .rightCon .docW{line-height: 34px;font-size: 16px}
        /*å¯¼èˆªå•ç¯‡  end*/
      /*ç ”ç©¶æ‰€ start*/
        .yjs .top img{margin: 0 12px;}
        .yjs .pep li{ margin-left: 10%;text-align: center;margin-top: 30px}
        .rightYjly{padding-top: 18px;padding: 16px;border:1px solid  rgba(216, 223, 215);background-color: rgba(247, 250, 246);}
        .rightYjly h4{color: rgb(0, 108, 208);font-size: 16px;margin-left: -6px}
        .rightYjly img.bigLg {width: 100%}
        .yjs .w760 ul li h4{font-size: 16px;color: rgb(0, 108, 208);margin: 14px 0  8px;}
        .rightYjly .bigLg{margin: 16px 0 0 2px;}
        .rightYjly ul li{width: 100px;margin-top: 16px}
        .rightYjly ul li span{padding-left: 8px;}
         /*.carousel-item img{height: 300px;}*/
    .foot_logo {padding-left: 255px !important;}
    .container{padding:0 !important}
    .container {width: 100% !important;}
    .menu li {
        float: none;
    }
    
    /*2022litao-add*/
    .lt2022 .row{ width:100%;}
    
    
    }
@media (min-width:768px){
	.leftnav-xs{display:none;}
}
    @media (max-width: 767px) {
        .w1200{width:100%;margin:0 auto;box-sizing: border-box;padding:0 10px;}
        .w910{width: 100%}
        .w890{width: 100%}
        .w760{width: 100%}
        .w660{width: 100%}
        .w426{width: 100%}
        .w250{width: 100%}
        .w270{width:100%;}
        .font16{font-size: 16px}
        /*æ‰‹æœºç‰ˆä¸å±•ç¤ºpcç«¯*/
      
        #pcHead{display: none}
        #doubleSp0{display: none}
        #pcSz{display: none}
       #mbHead{display:block} 
      
        .padbt30{padding-bottom: 30px}
        .marbt20{margin-bottom: 20px}
        .marbt30{margin-bottom: 30px}
        .marLt18{margin-left: 18px}
        .marLt30{margin-left: 30px}
      
        .line24{line-height: 24px}
        .line27{line-height: 27px}
      
        .font24{font-size: 24px}
      
        /*topæ—¶é—´ start*/
        .date {font-size: 13px;}
        .top_links a {padding: 0 4px;font-size: 13px}
      
        /*logo*/
        .logo_bg {height: 130px;background: url(http://www.cebsit.cas.cn/images/topBg1.png) no-repeat 100%;}
        .logo {width:90%;box-sizing: border-box;padding-top: 26px;}
        .logo img{width: 100%}
        .logo_bg .fr{padding-top: 40px;}
        .logo_bg .fr img{width: 20px}  
        /*åº•éƒ¨é“¾æŽ¥*/
        .links {padding: 26px 0;}
        .links li {float: left;line-height: 26px;width: 48%;text-align: center;}
        .links li a {font-size: 14px;font-weight: bold;}
        /*åº•éƒ¨*/
        .footer {  padding: 25px 0 20px;  border-top: 2px solid #0063be;  }
        .foot_logo {  padding-left: 226px;  padding-top: 30px;  }
        .copy {width: 100%;font-size: 14px;line-height: 32px;text-align: center}
        .copy span{display: block}
      
        /*table è¡¨æ ¼*/
        .rightCon table {  width: 100%;  text-align: center;  }
        .rightCon table th { font-size: 15px; color: #484848;  border: 1px solid rgb(0, 108, 208);;  line-height: 40px;  padding: 0 10px;  }
        .rightCon table td {  font-size: 14px;  color: #484848;  border: 1px solid rgb(0, 108, 208);;  line-height: 24px;padding: 4px 0 4px 8px;font-family: "Arial Normal", "Arial";}
        .text_left {text-align: left;  width: 240px;}
      
        /*å¯¼èˆªå•ç¯‡  start*/
        .leftNav{padding-top: 20px; display: none ;padding-bottom: 20px;}
		.leftnav-xs{display: block;}
        .mob-ggtp ul{margin-bottom: 10px}
        .mob-ggtp ul li{    display: inline-block;  padding: 0 10px;  height: 46px;  line-height: 46px;  text-align: center;  margin-bottom: 6px!important;  margin-right: 2.33%;  background: #f2f2f2;}
        .mob-ggtp .zj{padding-left: 11px;  padding-top: 12px;  margin-bottom: 10px;  border: 1px solid #ebebeb;  box-shadow: 0px 2px #ebebeb;}
        .mob-ggtp .zj a{    display: inline-block;  padding-right: 5%;  margin-bottom: 10px;  color: #555;}
        .pos{height: 40px;line-height: 40px;padding-left: 20px;background: #f1f5ff;color: rgb(136, 136, 136);}
        .rightCon .titBg{height: 92px;border-bottom: 1px solid #ccc;background-image: url(titleBg.png);
          background-repeat: no-repeat;background-position: right}
        .rightCon .titBg h1{font-size: 34px;line-height: 120px;text-align: right;padding-right: 22px;font-weight: bold;color: rgb(74, 74, 74);}
        .rightCon .ppLt li {float:left; width: 100%;margin-bottom: 38px}
        .rightCon .ppLt li img{float:left;}
        .rightCon .ppLt li .info{float:left;padding-top: 62px;margin-left: 16px;font-size: 16px;}
        .rightCon .ppLt li .info h4{font-weight: bold;margin-bottom: 10px;}
        .rightCon .titBg img{position: absolute;top:20px;left: 0}
        .rightCon .percen img{width: 100%}
        .rightCon .docW{line-height: 34px;font-size: 16px}
        .TRS_Editor img{width:auto !important;height: auto !important;}
        /*å¯¼èˆªå•ç¯‡  end*/
      
        /*ç ”ç©¶æ‰€ start*/
        .yjs .top img{margin: 0 12px;}
        .yjs .pep li{ margin-left: 10%;text-align: center;margin-top: 30px}
        .rightYjly{padding-top: 18px;padding: 16px;border:1px solid  rgba(216, 223, 215);background-color: rgba(247, 250, 246);}
        .rightYjly h4{color: rgb(0, 108, 208);font-size: 16px;margin-left: -6px}
        .rightYjly img.bigLg {width: 100%}
        .yjs .w760 ul li h4{font-size: 16px;color: rgb(0, 108, 208);margin: 14px 0  8px;}
        .rightYjly .bigLg{margin: 16px 0 0 2px;}
        .rightYjly ul li{width: 100px;margin-top: 16px}
        .rightYjly ul li span{padding-left: 8px;}
         .carousel-item img{height: auto;max-height: 300px;}
         .navbar {padding: 0.75rem 0.5rem !important;}
         .navbar-brand {margin-right: 1rem !important;}
         .pore{position: relative;}
         .poab{width: 100% !important;height: auto !important;position: absolute;}
         .px-3{width: 100% !important;}
         .px{margin-top: 320px;}
         .container {width: 100% !important;}
         .menu li {float: none;}
         .menu {height:100%}
    
    
        /*ç ”ç©¶æ‰€ end*/
        /*å›¾ç‰‡æ–°é—»  start*/
        .newsTab{height:70px;background-image:url(newsTab.png) }
        .newsTab ul li{position:relative;display: inline-block;padding-left: 25px;height: 70px;line-height: 68px;font-size: 18px;color: white;cursor: pointer}
        .newsTab ul li img {position: absolute;bottom: 0;left: 71px;}
        /*å›¾ç‰‡æ–°é—»  end*/
        .recom h3{padding-left: 15px; height: 53px;line-height: 53px; background-color: rgba(24, 124, 254, 1);color: white}
        .recom ul li{padding-left: 15px; height: 53px;line-height: 53px; border-bottom: 1px dashed #ccc;color: #187CFE;font-size: 16px;}
        .newsL li h3{ margin-top: 4px; font-size: 18px;font-weight: bold;color: #333}
        .newsL li{color:  rgb(102, 102, 102);border-bottom: 1px solid #ccc;margin-bottom: 20px}
        .newsL li .time{padding: 10px 0}
      
        /*å§”å‘˜ä¼š start*/
        .tabtog li{float:left;margin-right: 14px;margin-top: 10px;padding:0 12px;text-align: center; line-height: 49px; height: 49px;background: rgb(228, 228, 228);color: rgb(102, 102, 102);font-size: 16px;cursor: pointer}
        .tabtog li:nth-child(6n){margin-right: 0;}
        .tabtog li.active{background: rgb(0, 108, 208);color: white; }
        /*å§”å‘˜ä¼š end*/
      
        /*å¼€æ”¾è¯¾é¢˜ç”³è¯·æŒ‡å— start*/
        .rightCon .detail .fuj {padding: 28px 0;border-top: 1px dashed #ccc; }
        .rightCon .detail .fuj img{margin-right: 13px}
        .rightCon .detail .fuj a{color: #337ab7;text-decoration: underline;}
        /*å¼€æ”¾è¯¾é¢˜ç”³è¯·æŒ‡å— end*/
      
        /*ä¿¡æ¯å…¬å¼€  start*/
        .inforPub .leftNavBg ul li{margin-bottom: 0px!important;}
        .inforPub .leftNavBg ul li .erjText {padding-left: 12px;}
        .inforPub .leftNavBg ul li img.first.fr{margin: 22px 20px 0 0}
        .inforPub .leftNavBg ul li .sanj{padding-left:40px;background: rgba(228, 230, 232, 1);}
        .inforPub .leftNavBg ul li .sanj.active{background-color: rgba(72, 112, 225, 1);color: #fff}
        .inforPub .leftNavBg ul li .sanj:hover{background-color: rgba(72, 112, 225, 1);}
        .inforPub .leftNavBg ul li .sanj:hover a{color: #fff}
        .inforPub .leftNavBg ul li .sanj.active a{color: #fff}
      
        .rightCon .tit {height: 34px;margin-top: 15px;border-bottom: 1px solid #e1e1e1;}
        .rightCon .tit .title{vertical-align: top;margin-left: 10px;font-size: 16px;font-weight: bold; color: #5a66c6}
        .hidden-sm{line-height: 48px;padding: 10px 4px 10px 10px;}
        .hidden-sm li{float:left;margin-left: 60px}
        .hidden-sm li:nth-child(3n-2){margin-left:0px}
        .hidden-sm img{height:15px;margin-right: 7px;margin-top:-4px}
        .inforPub .rightCon .inline{width:47%;vertical-align: top;margin: 10px 0;}
        .inforPub .rightCon .inline:nth-child(odd){margin-right:3%}
        /*ä¿¡æ¯å…¬å¼€  end*/
      
        /*å…¬å…±å¹³å° start*/
        .ggpt li{float:left;width: 100%;margin-right: 24px;padding-bottom:26px}
        .ggpt li:nth-child(3n){margin-right:0}
        .ggpt li img{width:287px;height:191px;}
        .ggpt li .info h4{text-align: center;line-height: 48px; font-size: 16px;font-weight: bold}
        .ggpt li .info p{line-height:24px}
        /*å…¬å…±å¹³å° end*/
      
        /*å­¦æœ¯æŠ¥å‘Š start*/
        .xsbg{height:36px;line-height:36px;padding:0 6px 0 12px;background: rgb(242, 242, 242);}
        .xsbg img{cursor: pointer}
        .xsbg .yearCon{display: inline-block;width: 78%; height:36px;line-height:36px;vertical-align: middle;padding: 0 16px;white-space: nowrap; overflow:scroll;}
        .xsbg .yearCon ul{width:1000px;}
        .xsbg ul li {float:left;width: 55px;text-align:center}
        .xsbg ul li a{color: rgb(102, 102, 102);}
        .xsbg ul li:first-child {background: rgba(0, 108, 208, 1);color:white}
      
        /*å­¦æœ¯æŠ¥å‘Š end*/
      
        /*åˆ—è¡¨ start*/
        .rightCon  .blue_list li{font-size: 16px;padding-bottom: 20px;line-height: 30px;}
        .rightCon  .blue_list li .blue-square{display:inline-block;height: 6px;width:6px;margin: 0 10px 3px 0px;background: rgba(0, 108, 208, 1)}
        .rightCon  .membL li h3{color: rgb(0, 92, 178);font-size: 18px}
        .rightCon  .membL li p{font-size: 16px; margin-top: 17px;}
        /*åˆ—è¡¨ end*/
      
        /*å‘è¡¨è®ºæ–‡ start*/
        .artt li{padding:16px 30px;font-size: 16px}
      
        .artt li:nth-child(odd){background: rgb(241, 246, 240);}
        .artt li:nth-child(even){background: rgb(249, 251, 240);}
        .artt li:hover{background-color: rgb(227,241,255)}
        /*å‘è¡¨è®ºæ–‡ end*/
      
        /*é€šè®¯å½• start*/
        .txl table tr:first-child td{background: #006cd0;color: white}
        .txl table tr td{border: 1px solid #ccc;padding: 10px 0;font-size: 16px}
        .selec select{width: 49%;height: 35px;margin-bottom: 10px}
        /*é€šè®¯å½• end*/
      
        /*æ‹›è˜ä¿¡æ¯ start*/
        .zp_info li .fr{margin:6px 6px 0 0;color: rgb(153, 153, 153);}
        /*æ‹›è˜ä¿¡æ¯ end*/
      
    }


