﻿@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: 0.4%;
	} 
	.menus-fix{
		display:block;
	}
	.menus{
		padding: 0;
		position:fixed;
		top:0;
		z-index:999;
		width:100%;
	}
	.menus .Logo{ 
		width: 62%;
	}
	.menus::after {
		opacity:1;
	}
	
	.btm-nav{
		display:none;
	}
	.head-language{
		display: none;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}    
	.menus .land_Htel{
		display: none;
	}
	.menus .WebLink{
		display: none;
	}
	.menus .container {
		width: 96%;
	}	
	.menus .top-Info {
		height: 45px;
	}
	.menus .top-Info span{
		display:none;
	}
	/*20200218新增*/
	.mobiel-tel-box{
		margin-top: 0;
	}
	.menus .top-Info .lang,
	.menus .top-Info .right-wrap{
		display:none;
	}
	
	.top-Info span.myh-wx{
		display: block;
	}
	.head-ss{
		display: none;
	}
	.indexProduct{
		padding: 32px 0;
	}
	.cx-sy-h2{
		font-size: 18px;
		line-height: 25px;
	}
	.cx-sy-h2 span {
		margin-top:17px;
	}
	.cx-sy-h6{
		font-size: 14px;
		line-height: 25px;
		margin-top: 12px;
	}
	.product_left{
		width:100%;
		
	}
	.product_right{
		width:100%;
		
	}
	.product_left .hd .item {
		width:50%;
		float:left;
		height:50px;
		margin-top:0px;
	}
	.product_left .hd .item.on ul {
		width:100%;
	}
	
	.product_left .hd .item li {
		line-height:0px;
		font-size:12px;
		line-height:50px;
		height:50px;
		display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	overflow:hidden;
	}
	.top-Info a img{
		width:80%;
	}
	.product_left .hd .item:first-child li {
		margin-left:15px;
		padding-left:43px;
		
	}
	.product_left .hd .item:nth-child(2) li {
		margin-left:15px;
		padding-left:50px;
	}
	.product_left .hd .item:nth-child(3) li {
		margin-left:14px;
		padding-left:44px;
	}
	.product_left .hd .item:nth-child(4) li {
		margin-left:18px;
		padding-left:47px;
	}
	.product_left .hd .item.on ul li span {
		display:none;
	}
	.indexProduct .container .more, .indexCases .container .more{
		margin:25px auto 0;
		width:112px;
		line-height:34px;
		font-size:12px;
		text-indent:14px;
		background: url(../images/arrow.png)no-repeat 74px center;
	}
	.indexProduct .container .more:hover, .indexCases .container .more:hover{
		background: #0166b3 url(../images/arroww.png)no-repeat 74px center;
	}
	.indexProduct .row{
		margin-top: 28px;
		display:none;
	}

	.indexProduct .rowm{
		margin-top: 28px;
		overflow:hidden;
		display:block;
	}
	.indexProduct .item-list .SubInfo .bt{
		font-size: 14px;
	}
	.indexProduct .item-list:hover .SubInfo .bt{
		padding-top: 12px;
	}
	.indexProduct .item-list .SubInfo .list{
		margin-top: 4px;
		padding: 0 3%;
	}
	.indexProduct .item-list .SubInfo .list .a{
		font-size: 12px;
		line-height: 22px;
		min-height: 22px;
	}
	.indexProduct .pdg{
		padding: 0 4px;
	}
	.indexProduct .item-list{
		margin-bottom: 8px;
	}
	.indexCases{
		padding: 32px 0;
	}
	.indexCases #sjal{
		margin-top:25px;
	}
	.swiper-container-horizontal>.swiper-scrollbar{
		bottom:46px !important;
	}
	#al-year .swiper-slide{
		font-size: 20px;
	}
	#al-year{
		padding-bottom: 48px;
	}
	.cx-home-cases{
		margin-top: 25px;
	}
	.al-info{
		width: 100%;
	}
	.al-list{
		background: none !important;
	}
	#alN,
	#alP{
		display: none;
	}
	.al-info .pic-show{
		overflow: hidden;
	}
	.al-info .pic-show .pic{
		width: 48%;
		margin-right: 0 !important;
		margin-left: 0 !important;
		float: left !important;
	}
	.al-info .pic-show .pic:nth-child(2){
		float: right !important;
	}
	.al-list.on .al-info{
		text-align: left !important;
	}
	.al-info .pic-show .pic:nth-child(3),
	.al-info .pic-show .pic:nth-child(4){
		display: none;
	}.al-info .pic-show span{
		display: none;
	}
	.al-info{
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.al-list{
		overflow: hidden;
	}
	#al-cont .more{
		margin: 28px auto 0;
	}
	.al-info .time{
		font-size: 12px;
		padding-bottom: 0;
	}
	.al-info .tit{
		font-size: 14px;
	}
	#al-cont .more{
		
	}
	.indexAbout{
		padding: 28px 0;
	}
	.indexAbout .container{
		width:96%;
	}
	.indexAbout .item{
		width:100%;
	}
	.indexAbout .tel{
		display:none;
	}
	.abt-video{
		width: 100%;
	}
	.abt-r-box{
		width: 100%;
		margin-top: 15px;
	}
	.abt-r-list .info img{
		width: 25px;
		margin: 16px auto 14px !important;
	}
	.abt-r-list .info .tit2{
		font-size: 12px;
		margin-top: 6px;
	}
	.abt-r-list .info .tit1{
		font-size: 14px;
	}
	.indexNews{
		padding: 28px 0;
	}
	.indexNews .container{
		width:96% !important;
	}
	.indexNews .row .n-rec{
		width:100%;
	}
	.indexNews .row{
		margin-top:25px;
	}
	.indexNews .row .n-right{
		margin-left:0;
		width:100%
	}
	.indexNews .row .n-right ul li:first-child{
		margin-top:-5px;
	}
	.indexNews .row .n-right ul li{
		line-height:35px;	
	}
	.indexNews .container .more{
		margin:25px auto 0;
		width:112px;
		line-height:34px;
		font-size:12px;
		text-indent:14px;
		background: url(../images/arrow.png)no-repeat 74px center;
	}
	.indexNews .container .more:hover{
		background: #0166b3 url(../images/arroww.png)no-repeat 74px center;
	}
	.indexNews .row .n-right ul li .date{
		margin-right:33px;
		float:right;
	}
	.indexNews .row .n-right ul li span{
		margin-top:6px;
		font-size:14px;
		width:100px;
	}
	.indexNews .row .n-right ul li p{
		width:98%;
	}
	.indexNews .item-list .SubInfo{
		top:235px;
	}
	.indexNews .is-bt a{
		font-size: 18px;
		line-height: 26px;
	}
	.sy-gsxw{
		width: 100%;
	}
	.gsxw-one{
		margin-top: 25px;
	}
	.gsxw-one .SubInfo .tit{
		font-size: 14px;
		min-height: 25px;
		-webkit-line-clamp: 1;
	}
	.gsxw-one .SubInfo .sub{
		font-size: 12px;
		margin-top: 6px;
		line-height: 22px;
		min-height: 22px;
		-webkit-line-clamp: 1;
	}
	.gsxw-one .SubInfo span{
		font-size: 12px;
		line-height: 26px;
		margin-top: 10px;
	}
	.sy-gsxw ul li{
		line-height: 30px;
		margin-bottom: 6px;
	}
	.sy-gsxw ul{
		margin-top: 10px;
	}
	.sy-gsxw ul li .time{
		font-size: 12px;
	}
	.sy-gsxw ul li span{
		width: 30px;
		height: 30px;
		background-size: 10px 11px;
	}
	.sy-gsxw ul li .tit{
		width: 50%;
		font-size: 12px;
		min-height: 30px;
	}
	.sy-hyzx{
		width: 100%;
		margin-top: 25px;
	}
	.sy-hyzx .bd{
		margin-top: 20px;
	}
	.sy-hyzx ul li .info .tit{
		font-size: 14px;
	}
	.sy-hyzx ul li .info .sub{
		font-size: 12px;
		margin-top: 6px;
	}
	.sy-hyzx ul li .time .day{
		font-size: 38px;
		line-height: 38px;
	}
	.indexService{
		padding: 28px 0;
	}
	.sy-fw-sub{
		font-size: 14px;
		line-height: 24px;
		margin-top: 18px;
	}
	.footer{
		display: none;
	}
	.indexService .hd ul li{
		width: 49% !important;
		background: #fff !important;
		float: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 5px;
		text-indent: 0 !important;
		min-height: 80px !important; 
		padding-bottom: 8px;
	}
	.indexService .hd ul li p{
		min-width: auto;
		width: 100%;
		background-size: auto 25px !important; 
		padding-top: 35px !important;
		margin-top: 18px !important;
	}
	.indexService .hd ul li:nth-of-type(2n+2){
		float: right !important;
	}
	.indexService .hd ul li.on{
		background: #edbf5d !important;
	}
	.indexService .bd ul li{
		width: 100% !important;
	}
	.indexService .bd ul li .swiper-slide{
		width: 100% !important;
	}
	.serN{
		right: 18% !important;
	}
	.ser-control .swiper-pagination{
		left: 41.4%;
	}
	.indexService .bd ul{
		height: 230px;
	}
	.indexService .bd ul li .swiper-slide img{
		display: block;
		width: 100%;
	}
	.serP{
		left: 18% !important;
	}
	.hb-control-warp{
		display: none;
	}
	.ny-location{
		line-height: 38px;
		font-size: 12px;
	}
	.about{
		padding: 5px 0;
	}
	.about-content{
		width: 100%;
		margin-top: 15px;
	}
	.about-content .bt-h3{
		font-size: 20px;
		line-height: 25px;
	}
	.about-content .bt-h4{
		width: 100%;
		font-size: 18px;
		line-height: 32px;
		margin: 15px 0;
	}
	.about-content .cont{
		font-size: 14px;
		text-align: justify;
	}
	.gslnpic img{
		display:none;
	}
	.linian{
		position:unset;
	}
	.item-gsln{
		width:100% !important;
		position:unset;
		margin-top:15px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 12px;
	}
	.item-gsln .tit1{
		font-size:14px;
		text-indent:28px;
		text-align: justify;
	}
	
	.about .Pic{
		width: 100%;
		margin-top: 15px;
	}
	.values{
		padding: 30px 0;
	}
	.cx-ny-bt{
		font-size: 18px;
		line-height: 25px;
	}
	.cx-ny-hx{
		width: 50px;
		height: 3px;
		margin: 15px auto 0; 
	}
	.hxjzg img{
		display: none;
	}
	.hxjzg{
		margin: 25px 0 0 0;
		width: 100%;
	}
	.hxjzg .item-list .tit1{
		font-size: 18px;
	}
	.hxjzg .item-list .tit2{
		font-size: 15px;
	}
	.hxjzg .item-list{
		position: relative;
		left: 0 !important;
		right: 0 !important;
		top:  0 !important;
		bottom: 0 !important;
		margin-top: 10px;
		width: 100% !important;
	}
	.hxjzg .item-list#jzg3{
		text-align: left;
		border-right: none;
		border-left: 5px solid #edbf5d;
		background: url(../images/value2.png) no-repeat right bottom 12px;
	}
	.CorporateStyle{
		padding: 30px 0;
	}
	.qyfc-warp{
		margin-top: 25px;
	}
	#Sqyfc{
		width: 100%;
	}
	#qyfcN, #qyfcP{
		display: none;
	}
	.honor{
		padding: 30px 0;
	}
	.zs-warp{
		margin-top: 28px;
	}
	#Szs{
		width: 100%;
	}
	#Szs .swiper-slide{
		width: 60%;
	}
	#zsN, #zsP{
		display: none;
	}
	.product{
		padding: 30px 0;
	}
	.proClass{
		width: 100%;
	}
	.proClass h3{
		line-height: 35px;
		font-size: 14px;
	}
	.proClass ul{
		padding: 8px 0;
	}
	.proClass ul li a{
		line-height: 30px;
		text-indent: 20px;
		font-size: 12px;
	}
	/*新增常见问题*/
	.sub-news-quest{
		width: 100%;
	}
	.sub-news-quest ul li a .txt{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.news{
		width:100%;
	}
	.proCont{
		width: 100%;
		margin-top: 25px;
	}
	.product-list .item-list p{
		font-size:13px;
	}
	.pro-bt{
		font-size: 20px;
	}
	.pro-hr{
		margin-top: 10px;
	}
	#proimg .swiper-slide{
		width: 100%;
	}
	.prode.swiper-container{
		margin-top:25px;
	}
	.pro-list{
		margin-top: 28px;
	}
	.pro-list .hd ul li{
		font-size: 14px;
		width:24%;
	}
	.pro-list .hd ul{
		padding-bottom: 8px;
	}
	.pro-list .bd{
		margin-top:10px;
	}
	.pro-list .bd ul li{
		font-size: 14px;
	}
	.case{
		padding: 15px 0;
	}
	.case .container{
		width:96%;
	}
	.case .item-list{
		margin-bottom: 10px;
	}
	.case .Pic{
		width:100%;
	}
	.case .SubInfo{
		width:100%;
		padding:3%;
	}
	.case .SubInfo .tit{
		font-size:18px;
		line-height: 25px;
		min-height: 25px;
	}
	.case .SubInfo .sub{
		font-size:13px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 16px 0 22px 0;
	}
	.case .SubInfo span{
		width: 100px;
		line-height: 28px;
		font-size: 12px;
		text-indent: 12px;
		background: url(../images/arrow.png)no-repeat 65px center;
	}
	.case .SubInfo span:hover{
		background: #0166b3 url(../images/arroww.png)no-repeat 65px center;
	}
	.case-warp{
		padding-left: 0;
		background: none;
	}
	.case-year{
		font-size: 22px;
		line-height: 25px;
	}
	.case-year::before{
		display: none;
	}
	.case-list .Pic span{
		line-height: 35px;
		min-height: 35px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 12px;
	}
	.case-warp .pdg{
		padding: 0 6px;
		margin-bottom: 10px;
	}
	.case-list{
		border-bottom: 1px solid #edbf5d;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.case-list:last-child{
		border-bottom: none;
	}
	.caseDe{
		padding: 30px 0;
	}
	.casede-list{
		background: none;
	}
	.casede-list{
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.casede-list:last-child{
		border-bottom: none;
	}
	.casede-list .Pic{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.case-cont{
		width: 100%;
		margin-top: 15px;
	}
	.case-cont .bt{
		font-size: 16px;
		line-height: 25px;
		padding-bottom: 12px;
	}
	.case-cont .cont{
		font-size: 14px;
		margin-top: 15px;
	}
	.defhlb{
		margin-top: 30px;
		font-size: 13px;
		width: 120px;
		line-height: 32px;
	} 
	.news{
		padding-top:0px;
	}
	.news ul li{
		padding: 3%;
		border-bottom: 1px solid #f2f2f2;
	}
	.news ul li .time{
		display: none;
	}
	.news ul li .xwNr{
		width: 100%;
		padding: 0;
		border: none;
	}
	.xwNr hr{
		display: none;
	}
	.xwNr .SubInfo{
		width: 100%;
		margin-left:0;
		margin-top:10px;
	}
	.xwNr .Pic{
		width: 100%;
		margin-top: 15px;
	}
	.xwNr .SubInfo .tit{
		font-size: 14px;
		line-height: 25px;
		min-height: 25px;
	}
	.xwNr .SubInfo .sub{
		font-size:12px;
		line-height:20px;
	}	
	.xwNr .SubInfo .views{
		margin: 8px 0 10px 0;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .top-tit h4{
		font-size: 15px;
	}
	.newsDe .top-tit p{
		margin-top: 10px;
	}
	.news-cont{
		overflow: hidden;
		margin-top: 25px;
	}
	.news-cont .imgShow{
		width: 100%;
	}
	.newsde-cont{
		width: 100%;
		margin-top: 15px;
	}
	.contact{
		padding: 28px 0;
	}
	.contact-info{
		width: 100%;
	}
	.contact-info .maps .mapicon img{
		width:50%;
		height:50%;
	}
	.contact-info .maps #a1{
		right:29%;
		bottom:48%;
	}
	.contact-info .maps #a5{
		right:29%;
		bottom:48%;
	}
	.contact-info .maps #a2{
		right:39%;
		bottom:47%;
	}
	.contact-info .maps #a6{
		right:39%;
		bottom:47%;
	}
	.contact-info .maps #a3{
		right:32%;
		bottom:62%;
	}
	.contact-info .maps #a4{
		right:47%;
		bottom:44%;
	}
	.contact-info .maps #a7{
		right:47%;
		bottom:44%;
	}
	.contact-info .maps img{
		margin-top:10px;
	}
	.contact-info h2{
		font-size: 16px;
		margin-bottom: 12px;
	}
	.lx-p{
		margin-bottom:10px;
	}
	.lx-p p{
		font-size: 12px;
	}
	.contact-right{
		width: 100%;
		margin-top: 20px;
	}
	.kaocha{
		background-size: cover;
		padding: 2%;
		height: auto;
		padding-bottom: 15px;
		font-size: 12px;
	}
	.page{
		font-size:12px;
	}
}

/*新增20200218*/
@media(max-width:640px){
	.top-Info .m-logo{
		display: block;
		float: left;
		width: 40%;
	}
	.top-Info .m-logo img{
		padding-right: 0;
		margin-right: 0;
	}
}

/*新增20200218*/
@media(max-width:460px){
	.top-Info .m-logo{
		margin-top: 5px;
	}
.mobiel-tel-box .yh-tel{
	margin-top: 5px;
}
.top-Info span.myh-wx img{
	max-width: 100%;
}
}

@media ( max-width:640px) {
	.sub-news-quest ul li a h2{
		font-size: 14px;
		line-height: 24px;
	}
	.sub-news-quest ul li a .txt .ask{
		line-height: 24px;
	}
}

