@media screen and (min-width:1200px){
    .wrapper{
        width: 14.3rem;
    }
}

@media screen and (max-width:1200px) {
   
    
}
@media screen and (min-width:768px) {
    
}
@media screen and (max-width:768px) {
    .wrapper { width: 90%; }
	
	.phone_head_top { display: block; }
	
	.loacation p,
	.about-biaoti span,
	.notice-date, .news-date, .feny a ,
	.desc p,
	.font_22, .news-tittle, 
	.notice-tittle ,
	.subnav dd a ,
	.notice-date, 
	.news-date, 
	.feny a, 
	.btn-groups a,
	.result table tr td ,
	.news_riqi,
	button.btn-msg ,
	.function_foot ul li p,
	ol.outlinks a ,
	textarea.liuyan,
	.message p input { font-size: 14px; }
	
	.function_foot h6 ,
	.leclist ul li dl .news-tittle ,
	.project-enter ul li a h3 ,	
	.hastopline { font-size: 18px; }
	
	p,
	.nkd-notice-tittle a,
	.innerban label , 
	.font_22, .notice-tittle ,
	.font_20, .lishi h3 ,
	.result table thead tr td,
	.form_for_search p ,
	.function_search button ,
	.given-enter ul a ,
	.tips,
	.leclist ul li dl .news-tittle ,
	.banner-slide-tittle small,
	.left-news-tittle ul li a,
	.table_fixtop tr td, 
	.normal_table tr td,
	.story_biaoti,
	.message p input  { font-size: 16px; }
	
	.innerban h1,.font_24 ,
	.step ul li big ,
	.banner-slide-tittle h1 a{ font-size: 24px; }
	
	.about-biaoti,
	.font_28 ,
	.nkd-entres ul li a p.icons ,
	.nkd-entres ul li a.txt_center,
	.biaoti { font-size: 20px;}
	
	.aboutlist ul li big {  font-size: 32px; }
	
	.padding-40 {  padding: 20px; }
	
	.pc,
	.model-header ,
	.subnav dt,
	.newslist ul li dd .desc,
	.swiper-button-next, 
	.swiper-button-prev ,
	.banner-slide-tittle h1 a br { display: none; }
	
	.newslist ul li { padding-bottom: 15px; margin-bottom: 15px; }
	
	.row-8,.row-4 ,
	.leclist ul li,
	.form_for_search ,
	.form_for_search p { width: 100%; float: none; margin-right: 0; }
	
	.ft-logo img { height: auto; }
	
	.function_foot ul li { width: 100%; float: none; height: auto; }
	ol.sociallist a { width: 35px; height: 35px; }
	
	.subnav dd a { text-align: center; }
	
	.innerban { height: 200px; }
	.innerban .wrapper {  height: 100%;  display: block;  padding-top: 93px; }
	.innerban h1 { margin-bottom: 15px; }
	.innerban label { padding: 10px 15px; }
	.loacation { margin-bottom: 20px; }
	
	.leftpart,
	.rightpart { width: 100%; float: none; margin: 0; margin-bottom: 35px; }
	.subnav dd { background-color: transparent; padding: 0; }
	
	.subnav dd a {
		width: 31%;
		display: inline-block;
		margin-bottom: 10px;
		margin-right: 1%;
		border: 1px #dadada solid;
		text-align: center;
		background-color: #f7f7f7;
	}
	
	.subnav dd a:nth-child(3n) { margin-right: 0; }
	.aboutlist ul li { width: 100%; float:none; height: auto; background-size: auto 80%; }
	
	.aboutlist ul li:first-child { height: 325px; }
	.aboutlist ul li big { margin-bottom: 30px; }
	
	
	/* home */
	.cotittle-h3 { padding: 25px 0; }
	
	.left-news-tittle ul li a ,
	.hastopline  { padding: 15px 0; }
	
	.nkd-ck-project .tab_head ul li,
	.nkd-zizhu-fangxiang ul li a { padding: 10px 0; }
	
	.nkd-notice-item { padding:15px;	}
	.padding-100 {  padding: 50px 0; }
	
	.nkd-zizhu-fangxiang,
	.message ,
	.biaoti { padding: 30px 20px ;  }
	
	.banner-slide-tittle { top: 27vh; }
	.targ_logo img {
	    position: absolute;
	    right: 0;
	    bottom: 3vh;
	    width: auto;
	    height: 37px;
	}
	
	.scrollble { padding-top: 40px;} 
	
	.width_30.float-fl.nkd-bg-blue.padding-40 { margin-bottom: 30px; }
		
	#nkd-news ,
	div#nkd-media,
	.nkd-ck-project,
	.box_height { height: auto; }
	
	#nkd-news .w_70,
	#nkd-news .w_30,
	.nkd-ck-project,
	.nkd-zizhu-fangxiang ,
	.width_30,
	.nkd-ck-project .tab_head,
	.w_40,
	.w_60 { width: 100%; height: auto; float: none; }
	
	.nkd-ck-project .tab_head  {
	    width: 100%; 
	    float: none;
	    padding: 25px;
	    position: relative;
	    z-index: 8;
	}
	
	.nkd-notice-tittle a {	height: auto; line-height: 1.5;  }
	#nkd-notice .swiper-slide.swiper-slide-next,
	#nkd-media .swiper-slide.swiper-slide-next,
	#nkd-media .swiper-slide.swiper-slide-prev {  opacity: .35; 	}
	
	#nkd-media .swiper-slide-active label.tag_type,
	#nkd-media .swiper-slide-active {   transform: scale(1); 	}
	
	#nkd-media .swiper-slide p {  font-size: 16px; transform: scale(.9);	}	
	#nkd-media .swiper-slide-active .img-169 {  margin-top: 0;  padding-top: 54%;}
	
	.btn_more_line {  width: 165px;  font-size: 16px;   transform: scale(.8);	}
	
	.nkd-ck-project { position: relative; z-index: 1; margin-bottom: 50px;  }
	.nkd-ck-project h3 { margin-bottom: 200px; }
	
	.nkd-ck-project .tab_body { 
		width: calc(100% - 7% );  
		position: absolute;
		top: 80px;
		left: 0;
	    height: 190px;
	}
	
	.nkd-ck-project .tab_head ul li:hover::before { left: -25px; }	
	.nkd-ck-project .tab_head ul li::before { width: calc(100% + 25px); }
	
	.hastopline-nop {  font-size: 20px;  margin-bottom: 15px; }
	textarea.liuyan { min-height: 103px; }
	
	.nkd-entres ul li { height: 112px; }
	.nkd-entres ul li.big { height: 112px; }
	.row-4 .function_foot{ display:none;}
	
	.xc-videos, .xc-galley { height: 221px;	}
	
	#xy_visiting {  width: 53%;   padding: 0;	}
	#xy_visiting ol { display: block; }
	#xy_visiting ol a {  width: 49%; font-size: 12px; float: left; margin-bottom: 5px; }
	#xy_visiting ol a i.icon-svg3 {
	    display: block;
	    width: 50px;
	    height: 50px;
	    margin: auto;
	}
	a.ftlink.icons3.jt {
	    margin-top: 5px;
	    position: absolute;
	    bottom: 0;
	    font-size: 13px;
	    width: 40%;
	}
	
	.footerlinks::before { width: 47%;}
	
	.copyright p { font-size: 12px; }
	
	/* home-end */
	
	
	
	/* ---------------- inner ------------------ */
	.leader dl { height: 160px; }
	.leader dl dt { width: 38%; }
	.leader dl dd {  display: block;  width: 62%;   padding: 15px;	}
	.leader dl dd hr { margin: 13px 0;	}
	.leader dl dd .desc {  -webkit-line-clamp: 4;	}
	.lishi ul li,
	.lishi ul li:nth-child(5n) { width: calc((100% - 20px) / 2); margin-right: 10px; }
	.lishi ul li:nth-child(2n) { margin-right: 0;}
	
	.dean-img,.dean-deac,
	.zhidu ul li ,
	.lianluo dt ,
	.project-enter ul li ,
	.group_for_three ul li, 
	.group_for_three ul li:nth-child(2n) ,
	.step ul li ,
	.step ul li:nth-child(3n) { width: 100% !important; float: none; }
	
	.zhidu ul li a { padding: 15px; }
	.map { height: 260px; }
	
	.leclist ul li dl { height: auto; }
	.leclist ul li a { border: none; }
	.leclist ul li:nth-child(2n) a { padding-left: 0; }
	.leclist ul li dt {  width: 100%;  float: none;  margin-bottom: 15px;	}
	.leclist ul li dd {  width: 100%;  float: none; }
	
	.news-big-tittle h3 { line-height: 1.35; margin-bottom: 10px; }
	
	
	.result { width: 100%; overflow-x: scroll; }
	.result table { min-width: 660px; } 
	.function_search button { position: static; width: 100%; padding: 15px; }
	.form_for_search { background-color: transparent; }
	.form_for_search p { background-color: #024145; margin-bottom: 5px; }
	.form_for_search p input[type="number"] {  width: 25%;	}
	
	.step ul li::before { content: ""; display: none; }
	.step ul li { padding: 25px; margin-bottom: 25px; }
	.step ul li img { top: 25px; right: 25px; }
	.step ul li .desc { height: auto; }
	
	.given-enter ul { display: block;}
	.given-enter ul a { padding: 15px; width: auto; }
	#contact_map .nkd-bg-green {  margin-left: 0;  width: 100%; }
	#contact_map iframe { position: static; height: 350px; width: 100%; }
	
	
	/* .download  */
	.download ul li { width: 100%; float: none; margin-right: 0; padding: 25px; }
	.download ul li a { padding-right: 62px; }
	.download ul li a::after { right: 45px; }
	.download ul li .news-tittle  { height: auto; font-size: 16px; }
	
	.resurlt_list dt { width: 35% !important; }
	.resurlt_list dd { width: 65% !important; }
	
	
	.footer-8 li.media{margin-left:0px;}
	ol.sociallist a img{bottom:40px; left:0%;transform: translateX(0%);}
	
	.content table tr td{ font-size:16px;}
}