

@media only screen and (max-width:800px) {
	
	
	
	.ph-show{
		display: block !important;
	}
	.h-banner{
		width: 100%;
	}
	.h-banner img{
		width: auto;height: auto;display: block;
	}
	.wz{
		position: relative;
	}
	.xt{
		width: 65%;position: initial;padding:20px 30px ;
	}
	.xt p{
		font-size: 13px;line-height: 20px;
	}
	.wrapper01,
	.wrapper{
		width: auto;height:auto;overflow: hidden;
	}
	.naver{
		height: auto;width:auto;padding-top:0; display: none;
	}
	.naver li{
		width: auto;height: auto;display: block;
	}
	.naver li dl{
		position: static;
		width: 100%;
	}
	.naver li dl a{
	color: #999;
	}
	.naver li.lists{
		background: url(../imgs/ico1.png) no-repeat right 130px top 35px;
	}
	.hot-pro{
		padding:45px 0;height:auto;width:auto;overflow: hidden;
	}
	.hot-pro ul{
		width: 94%;padding: 0 3%;
	}
	.hot-pro li{
		float: none;height: auto;overflow: hidden;
		margin-right: 0;
	}
	.hot-pro .item{
		width: auto;float: none;margin-bottom: 0;
	}
	.hot-pro .item img{
		height: auto;width:auto;
	}
	.hot-pro .item .txt.right em{
		display: none;
	}
	.hot-pro .item .img.right,
	.hot-pro .item .txt.txt{
		margin-bottom: 20px;
	}
	.hot-pro .item .big-img img{
	width: auto;height: auto;margin-bottom: 20px;
	}
	.hot-pro .btn{
		display: none;
	}
	.h-instr{
		margin-top: 20px;
	}
	.h-instr li {
		text-align: center;margin-top: 20px;width:100%;
		border-right:0 ;
	}
	.h-instr li p{
		font-size: 14px;line-height: 22px;
	}
	.h-instr li h4{
		font-size: 24px;
	}
	.pro-list{
		padding: 20px 10px;margin-top: 10px;
	}
	.ui-head img{
		width: 80%;margin: 0 auto;height: auto;
	}
	.ui-head h4{
		font-size: 24px;;line-height: 30px;margin-top: 5px;
	}
	.pro-list .body{
		margin-top:25px ;
	}
	.pro-list .body ul{
		width: 100%;
	}
	.pro-list .body li{
		float: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.pro-list .body li .img{
		width: auto;height: auto;
	}
	.pro-list .body li img{
		width: auto;height: auto;
	}
	.h-news{
		padding: 50px 0;
	}
	.h-news .body{
		margin-top: 30px;height: auto;overflow: hidden;
	}
	.h-news .body .hslide{
		width: auto;height: auto;float: none;
	}
	.h-news .body .hslide .slider .slide img{
		width: auto;height: auto;
	}
	.h-news .body .txt{
		width: auto;height: auto;background-color: #282828;
		padding:10px 20px;
	}
	.h-news .body .txt h4{
		font-size:15px;color: #fff;line-height:22px;
	}
	.h-news .body .txt p{
		font-size:13px ;color: #dfdfdf;line-height:18px;
		margin-top: 20px;
	}
	.h-video{
		width: auto;height: auto;
	}
	.h-video .wrapper{
		width: 100%;padding-top: 40px;
	}
	.h-video .hslide{
		padding: 0;width: auto;
	}
	.h-video .hslide .slides .txt,
	.h-video .hslide .slides .video{
		float: none;
	}
	.h-video .hslide .slides .video img{
		width: 60%;padding: 0 20%;
	}
	.h-video .hslide li.slide .txt{
		margin:0 75px 40px;text-align: center;
		padding-right: 0;
	}
	.h-video li .txt h2{
		font-size: 24px;height: 60px;
		line-height: 60px;
	}
	.h-video li .txt p{
		font-size: 14px
	}
	.h-video .slider-arrow{
		top:70px;
	}
	.h-partnet{
		padding: 45px 0;margin-top: 30px;
	}
	.h-partnet .body{
		margin-top: 0;
	}
	.h-partnet ul{
		width: 100%;margin-top: 20px;
	}
	.h-partnet li{
		float: none;padding: 0 100px;
	}
	.h-adv{
		padding: 40px 0 160px;height: auto;overflow: hidden;
	}
	.h-adv li{
		float: none;
	}
	.h-adv .img{
		height: auto;width: 100%;overflow: hidden;
	}
	.h-adv .img img{
		width: auto;height: auto;margin: 0;
	}
	.h-adv .txt{
		margin:20px 0 0 0;padding: 0 3%;width: auto;
	}
	.h-adv .txt h2{
		font-size: 24px;line-height: 36px;
	}
	.h-adv .txt p{
		font-size: 16px;
		line-height: 30px;
		margin-bottom:50px ;
	}
	.certifi{
		width: 60%;margin: 60px 25%;
	}
	.certifi .hslide{
		width: auto;overflow: hidden;
	}
	.certifi .slider-arrow--right{
		right: -10px;
	}
	.media-report{
		margin-top:40px;padding-top: 0;
	}
	.media-report .body{
		margin-top: 40px;padding:0 10px ;
	}
	.media-report .body ul{
		width: 100%;
	}
	.media-report .body li{
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.media-report .foot{
		width: auto;padding: 0 10px;
	}
	
	.banner img{
		width: auto;height: 150px;margin-left: 0;
	}
	.banner .txt{
		top: 10px;bottom: 0;right: 15px;margin-right: 0;
		padding-top: 30px;
	}
	.banner .txt h3{
		font-size: 16px;line-height: 30px;
	}
	.banner .txt h5{
		font-size: 9px;line-height: 9px;
	}
	.banner .txt em{
		top: 0;width: 20px;margin-left: 60px;
	}
	.top .sort{
		height: auto;padding:10px 0;white-space: nowrap;
/*overflow-x: scroll;*/
overflow-y: hidden;text-align: left;
	}
	.top .sort ul{
		width: 100%;display: table;
	}
	.top .sort ul li a{
		padding:0 10px;margin-left: 10px;
	}	
	.h-list .body .pro{
		padding-top:20px;
	}
	.h-list .body .pro ul{
		width: 78.4%;padding:0 10.8%;
	}
	.h-list .body .pro li{
		float: none;margin:0 0 20px;
	}
	.h-list .body .pro li a{
		width: auto;height: auto;
	}
	.h-list .body .pro li h4{
		font-size: 16px;height: 40px;line-height: 40px;width: auto;
	}
	.h-list .body .pages{
		padding: 10px 0 20px;
	}
	.h-list .body .pages li a{
		padding: 0 6px;height: 24px;line-height: 24px;font-size: 13px;
	}
	.h-pro {
		padding: 10px 10px 20px;
	}
	.h-pro .head{
		height: 60px;
	}
	.h-pro .head h4{
		line-height: 60px;font-size: 20px;
	}
	.h-pro .head a{
		padding: 0 10px;margin-top:15px;line-height: 30px;
		font-size: 12px;
	}
	.h-pro .body{
		padding-top: 20px;
	}
	.h-pro .body .txts,
	.h-pro .body .img{
		float: none;width: auto;height: auto;
	}
	.h-pro .body img{
		width: auto;height: auto;
	}
	.h-pro .body .txts{
		width:auto;padding-top: 10px;
	}
	.h-pro .body .txts p{
		font-size: 14px;line-height: 24px;
	}
	.h-pro .body .txts a{
		font-size: 14px;padding: 0 25px;line-height: 30px;margin-top: 20px;
	}
	.h-list .body .news{
		padding:10px 0 40px;
	}
	.h-list .body .news li{
		padding: 20px 10px;
	}
	.h-list .body .news li .txts .time,
	.h-list .body .news li .txts .txt,
	.h-list .body .news li .txts,
	.h-list .body .news li .imgs{
		float: none;width: auto;
	}
	.h-list .body .news li .img{
		margin: 0 auto;
	}
	.h-list .body .news li img{
		width:auto;height: auto;
	}
	.h-list .body .news li .txts{
		width: auto;padding: 0;
	}
	.h-list .body .news li .txts .time h4{
		font-size: 20px;line-height: 32px;
	}
	.h-list .body .news li .txts .time h5{
		font-size: 14px;line-height: 20px;
	}

	.h-list .body .news li .txts .txt{
		width: auto;
	}
	.h-list .body .news li .txts .txt a{
		font-size: 16px;line-height: 24px;
	}
	.h-list .body .news li .txts .txt p{
		font-size: 14px;line-height: 20px;
	}
	.banners{
		width: auto;height: auto;display: block;
	}
	.banners img{
		height: 90px;
	}
	.ui-head{
		height: 70px;
	}
	.ui-head h2{
		font-size: 20px;line-height: 50px;
	}
	.ui-head em{
		margin-top: 10px;
	}
	.contact_us .body{
		padding-bottom: 20px;
	}
	.contact_us .body .txt{
		padding:15px;
	}
	.contact_us .body .txt p{
		font-size: 14px;line-height: 20px;margin-bottom: 15px;
	}
	.contact_us .body .img img{
		height: 150px;width: auto;
	}
	.active .body{
		padding: 20px 10px;
	}
	.active .body li .txt,
	.active .body li .img{
		float: none;
	}
	.active li img{
		height: auto;width: auto;
	}
	.active .body li .txt{
		height: auto;overflow: hidden;width: auto;padding-left:10px;
	}
	.active li .txt .hd{
		height: 40px;padding-top: 0;
	}
	.active li .txt .hd a{
		font-size: 18px;line-height: 40px;
	}
	.active li .txt .bd{
		padding: 10px 0 30px;
	}
	.active li .txt .ft{
		padding-bottom: 10px;
	}
	
	
	
	
	.news{
		padding:0 10px 40px;
	}
	.news .head{
		padding-top: 20px;
	}
	.news .head h2{
		font-size: 24px;
	}
	.news .body p{
		margin: 20px 0;
	}
	.news .body .img{
		padding: 10px;width: auto;height: auto;
	}
	.news .btn ul{
		width:auto;
	}
	.news .btn li{
		float: none;margin: 0 0 10px ;
	}
	.news .newsbox li a,
	.news .btn li a{
		width: auto;
	}
	.news .newsbox li{
		float: none;
	}
	
	.xt{ background:none}
	/*新加css*/
	.d-hd{
		position: relative; overflow:visible;
	}
	.d-hd .gh{
		bottom: 12px;
	}
	.d-hd .naver{
		position: absolute; left: 0; right: 0; width: 100%; top: 58px;
		background-color: #fff; z-index: 999999;
	}
	.d-hd .logo{
		display: block;
	}
	
	.news .body .img img{
		width: auto;height: auto;
	}
	.uit-page dd{
		margin-bottom: 10px;
	}
	.h-list .body .news li .txts .txt{
		padding-right: 0;margin-top: 20px;
	}
	.h-list .body .news li:hover,
	.h-list .body .news li{
		background: none;
	}
}
