﻿
@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {}



@media ( min-width:600px) and ( max-width:767px) {}

@media ( max-width:600px) {
	 
}

@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.2%;
	} 
	.head{
		padding:5px 0;
		border-bottom: 1px solid #fff;
	}
	.head.fixedbg{
		padding: 5px 0;
		border-bottom: 1px solid #1054a0;
	}
	.head .Logo{ 
		width: 35%;
	}
	.head-right{
		display: none;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	
	/*index*/
	.indexService{
		padding: 15px 0 0px 0;
	}
	.kz-sy-tit{
		font-size: 18px;
		line-height: 28px;
	}
	.kz-sy-sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 0px;
	}
	.syFw-list{
		padding: 28px 25px 28px 25px;
	}
	.syFw-list .ico{
		position: relative;
		left: 0;
		top: 0;
		width: 40px;
	}
	.syFw-list .cn{
		font-size: 18px;
		margin-top: 8px;
	}
	.syFw-list .en{
		margin-top: 8px;
	}
	.syFw-list .line{
		width: 28px;
		margin: 12px 0;
	}
	.syFw-list .sub{
		font-size: 14px;
		height: auto;
	}
	.syFw-list .more{
		font-size: 14px;
	}
	.indexAdvantage{
		padding: 15px 0 0 0;
	}
	.syYs-list .ico{
		width: 100%;
	}
	.syYs-list .ico img{
		width: 50px;
	}
	.syYs-list .info{
		width: 100%; 
	}
	.syYs-list .info .tit{
		font-size: 16px;
		text-align: center !important;
	}
	.syYs-list .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top:0px;
		text-align: center;
	}
	.syYs-list{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
		width: 100% !important;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	#syFwSwiper{
		margin-top: 15px;
		padding-bottom: 35px;
	}
	.sy-ys-box .pic{
		display: none;
	}
	.sy-ys-box > img{
		display: none;
	}
	.sy-ys-box{
		margin-top: 10px;
	}
	.indexProcess{
		padding: 15px 0;
	}
	.indexProcess img{
		margin: 28px auto 0;
	}
	.indexAbout{
		padding: 15px 0;
	}
	.indexAbout .pic{
		position: relative;
		bottom: 0;
		width: 100%;
		margin-top: 10px;
	}
	.sub-sy-abt{
		width: 100%;
		padding: 5% 0 0 0;
		margin-top: 0px;
	}
	.sub-sy-abt .Logo{
		margin: 15px 0;
	}
	.sub-sy-abt .Logo .isMobile{
		width: 60%;
		margin: 0 auto;
	}
	.sub-sy-abt .gsName{
		font-size: 18px;
		line-height: 28px;
	}
	.sub-sy-abt .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.sub-sy-abt .more{
		margin-top: 15px;
	}
	.sy-news-box1{
		width: 100%;
	}
	.sy-news-box2{
		margin-left: 0;
		width: 100%;
		margin: 10px 0 0px; 
	}
	.indexNews{
		padding: 15px 0;
	}
	.syNewsBox{
		margin-top: 10px;
	}
	.sy-news-box1 .info{
		padding: 3%;
	}
	.indexNews .time-box{
		width: 55px;
		height: 55px;
	}
	.indexNews .time-box .day{
		font-size: 18px;
		line-height: 30px;
	}
	.indexNews .time-box .year{
		font-size: 12px;
	}
	.sy-news-box1 .info .txt-box{
		width: 78%;
	}
	.sy-news-box1 .info .txt-box .tit{
		font-size: 16px;
	}
	.sy-news-box1 .info .txt-box .sub{
		font-size: 14px;
		margin-top: 8px;
		min-height: 25px;
	    -webkit-line-clamp: 1;
	}
	.sy-news-box2 .list .info{
		width: 80%;
	}
	.sy-news-box3 .top-tit{
		height: 45px;
		line-height: 40px;
		padding: 0 5%;
	}
	.sy-news-box3 ul li a{
		font-size: 14px;
	}
	.sy-news-box3 .top-tit a{
		line-height: 36px;
	}
	.sy-news-box3 .top-tit span{
		font-size: 16px;
	}
	.sy-news-box3 ul{
		padding: 2% 4%;
	}
	.sy-news-box2 .list .info .tit{
		font-size: 16px;
	}
	.sy-news-box2 .list .info .sub{
		font-size: 14px;
		margin-top: 8px;
		height: 25px;
		-webkit-line-clamp: 1;
	}
	.sy-news-box3{
		width: 100%;
	}
	.sy-news-box3 ul li{
		line-height: 38px;
	}
	.sy-news-box3 ul li i{
		font-size: 20px;
	}
	
	/*about*/
	.Nylocation .now-lm{
		display: none;
	}
	.Nylocation .now-wz{
		float: left;
		font-size: 12px;
		background-size: 14px 14px;
		padding-left: 18px;
	}
	.Nylocation{
		line-height: 36px;
	}
	.about{
		padding: 15px 0;
	}
	.about-cont{
		padding-right: 0;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #eaeaeb;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-top: 0;
	}
	.about-pic{
		width: 100%;
	}
	.about-cont .title{
		font-size: 20px;
	}
	.about-cont .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 10px;
	}
	.about-pic img {
		margin-top: 5px;
	}
	.culture{
		padding: 15px 0;
	}
	.culture .hd{
		width: 100%;
	}
	.culture .bd{
		width: 100%;
		margin-top: 25px;
	}
	.culture .bd ul li{
		height: auto !important;
		display: block;
	}
	.culture .hd ul li .txt{
		padding: 4%;
	}
	.culture .hd ul li .txt .t1{
		font-size: 18px;
		line-height: 25px;
	}
	.culture .hd ul li .txt .t2{
		font-size: 14px;
	}
	.culture .bd ul li .en{
		font-size: 14px;
	}
	.culture .bd ul li .cn{
		font-size: 18px;
		margin: 5px 0;
		line-height: 32px;
	}
	.culture .bd ul li .txt{
		font-size: 16px;
	}
	.culture .bd ul li .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 10px;
	}
	 .tech-cont .cont{
	 	width: 99%;
	 	margin: 0 0 0 auto;
	 }
	.abt-tit-cn{
		font-size: 20px;
		line-height: 28px;
	}
	.abt-tit-en{
		font-size: 14px;
		line-height: 25px;
		margin-top: 6px;
	}
	.honor-show{
		margin-top: 28px;
	}
	#honorSwiper .swiper-slide{
		border: none !important;
		padding: 0 !important;
	}
	#honorSwiper{
		width: 100%;
		padding-bottom: 45px;
	}
	#honorN,
	#honorP{
		display: none;
	}
	.service-info{
		padding: 28px 0;
	}
	.ser-title{
		font-size: 20px;
		line-height: 28px;
	}
	.ser-sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 16px;
	}
	.ser-zx{
		width: 50%;
		margin: 28px auto 0;
		line-height: 42px;
		font-size: 14px;
		height: 42px;
	}
	.ser-zx i{
		font-size: 20px;
		top: 1px;
	}
	.service-tab{
		padding: 28px 0 !important;
	}
	.service-tab table tr td{
		font-size: 14px;
		height: 35px !important;
		padding: 0 5px !important;
	}
	.service-tab.c1_2 .ser-sub{
		line-height: 26px;
	}
	
	/*.manual*/
	.manual{
		padding: 15px 0;
	}
	.czsc-xz{
		padding: 8px 5px 8px 50px;
		background: url(../images/czsc-pdf.png) no-repeat left 8px center;
		background-size: 25px auto;
		margin-bottom: 10px;
	}
	.czsc-xz .ico{
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: 3px;
	}
	.czsc-xz .ico i{
		font-size: 24px;
	}
	.czsc-xz .info .tit{
		font-size: 14px;
	}
	.czsc-xz .info .size{
		font-size: 12px;
		margin-top: 0px;
	}
	.page{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.page SPAN.disabled,.page SPAN.current,.page A{
		padding: 5px;
		font-size: 13px;
	}
	 
	
	/*.news*/
	.news{
		padding: 15px 0;
	}
	.tzgg .timebox{
		width: 60px;
		height: 70px;
		display: none;
	}
	.news ul li{
		padding: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.news ul li:hover{
		background: #fff;
	}
	.tzgg .info{
		width: 100% !important;
	}
	.news ul li .info .time{
		margin: 4px 0;
		font-size: 13px;
	}
	.news ul li .info .sub{
		font-size: 14px;
		line-height: 25px;
		height: 25px;
		margin-top: 2px !important;
		height: 50px !important;
		-webkit-line-clamp:2 !important;
		margin: 12px 0 0 0;
	}
	.news ul li .info .tit{
		font-size: 16px !important;
	}
	.news ul li .info .more{
		width: 120px;
		line-height: 28px;
		margin: 5px 0 0 0 !important;
		border: none;
		float: right;
	}
	.newsDe{
		padding: 15px 0;
	}
	.newsDe .titBox .title{
		font-size: 16px;
		line-height: 26px;
	}
	.newsDe .titBox{
		padding-bottom: 10px;
	}
	.newsDe .titBox .time{
		font-size: 12px;
		margin-top: 6px;
		line-height: 18px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
		width: 97%;
		margin: 15px 0 0 auto;
		 
	}
	.newsDe .return{
		padding: 5px 0 15px 0;
		margin-top: 15px;
	}
	.newsDe .return a{
		line-height: 38px;
		height: 40px;
		font-size: 14px;
	}
	.newsDe .return a.back-list{
		clear: both;
		width: 100%;
		line-height: 35px;
		height: 35px;
	}
	.nyxqnews_leftup{
		padding-right: 0;
		width: 48%;
		padding-left: 10px;
	}
	.nyxqnews_leftdown{
		padding-left: 0;
		width: 48%;
		padding-right: 12px;
	}
	.tj-news{
		margin-top: 15px;
	}
	.tj-news .th4{
		font-size: 18px;
	}
	.tj-news .row{
		margin-left: 0;
		margin-right: 0;
		margin-top: 2px;
	}
	.tj-news .list{
		line-height: 38px;
		font-size: 14px;
	}
	.tj-news .row .pdg{
		padding: 0 0;
	}
	/*contact*/
	.contact-warp{
		padding: 5px 0;
	}
	.contact{
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
	.message{
		width: 100%;
		margin-top: 10px;
	}
	.message .title{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 12px;
		text-align: center;
	}
	.message input[type=text]{
		height: 35px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.message textarea{
		font-size: 14px;
	}
	.message input[type=button]{
		height: 40px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.mpas{
		padding: 0 0 28px 0;
	}
	.contact-box .list{
		padding:2% 0%;
	}
	.contact-box .list:nth-child(3){
		padding: 2% 1%;
	}
	.contact-box .list .lt .txt{
		width: 80%;
	}
	.contact-box .list .lt.w{
		width: 50%;
		text-align: center;
	}
	.contact-box .list .lt.w .ico{
		display: inline-block;
		margin: 0 auto 8px;
		float: none;
		margin-right: 0;
	}
	.contact-box .list .ewm{
		float: none;
		margin: 0 auto;
	}
	.contact-box .list p.t3{
		width: 100%;
		margin-left: 0;
		line-height: 30px;
		font-size: 14px;
	}
	.contact-box .list .lt.w .txt{
		width: 100%;
	}
	.contact .title{
		font-size: 18px;
		text-align: center;
		padding: 0;
	}
	.contact-box{
		margin-top: 5px;
	}
	.contact-box .list .lt .ico{
		margin-right: 14px;
		display: block;
		margin: 0 auto 8px;
		float: none;
	}
	.contact-box .list .lt.t{
		top: 0;
	}
	.contact-box .list .lt .txt{
		width: 100%;
		text-align: center;
	}
	.contact-box .list .lt .txt .t2{
		font-size: 12px;
	}
	.contact-box .list .lt .txt .t1{
		font-size: 16px;
	}
	.contact-box .list .lt{
		padding: 0;
	}
	.web-fload{
		display: none;
	}
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none;
	}
	.index-pro-list .pic{
		margin-bottom: 10px;
	}
	.index-pro-list .tit{
		font-size: 16px;
	}
	.index-pro-list .sub{
		margin: 5px auto 5px auto;
		font-size: 13px;
		line-height: 20px;
	}
	.index-pro-list .more{
		margin-bottom: 10px;
		font-size: 12px;
	}
	#syFwPag .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
	}
	.pctab li{
		width: 50%;
	}
	.pctop{
		font-size: 16px;
		padding: 5px 0!important;
	}
	.indexProcess img{
		width: 30px;
		margin: 15px auto 0;
	}
}