﻿/*pad*/
img {
	max-width: 100%;
}
.toe {
	/*超出省略号*/
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}


@media screen and (max-width: 1200px) {
	 .wrapper{width: auto;}
.header{background: #fff;font-size: 14px;color: #333333;border-bottom:2px solid #efefef;margin-bottom: 10px;width: auto;padding-left:20px;}
.header .logo{height: 70px;padding: 10px 0;}
.header .logo .left{display: inline-block;*display: inline-block;zoom: 1;width: 140px;border-right:1px solid #efefef;height: 70px;}
.header .logo .right{display: inline-block;*display: inline-block;zoom: 1;padding-left: 15px;}
.header .logo img{padding:15px 0 0 5px;width: 120px;height: 35px;}
.header .logo h5{line-height: 35px;}
.header .logo h4{line-height: 35px;font-weight: 600;}
.header .qr h6{line-height: 70px;padding-right: 15px;}
.header .qr img{width: 70px;height: 70px;padding: 0 20px 0 15px;}
.header .qr{height: 70px;padding: 10px 0;}
.header .qr .right{border-right:1px solid #efefef;}
	
	
	

 .info .left .head h3{line-height: 50px;font-size: 22px;}
 .info .wrapper{padding: 20px 20px 50px 20px;height: auto;}
 .info .left .body ul li span{padding-right: 10px;}
.info .left .body ul li{font-size: 14px;}
.info .right .body{width: auto;}
.info .right .body p{font-size: 20px;line-height: 35px;}
.info .right .body h3{font-size: 26px;}
.info .right .head h2{font-size: 20px;padding: 10px;}
.info .right .head{padding: 127px 0 0 30px;}

.group .body ul{margin-left: 0;}
.group .body ul li{width: 36%;text-align: center;margin:20px 7%;height: 750px;}
.group .body ul li img{width: 100%;}
.group .body ul li h3{padding-top: 30%;}

}
@media screen and (max-width: 1120px){ 
.group .body ul li{height: 630px;}
.footer .body .box{width: auto;padding: 0 20px;}
}
@media screen and (max-width: 950px){ 
.list .body ul li{width: 50%;height: 300px;}
.list .body ul li a{display: block;border-bottom: 1px solid #e5e5e5;width: 100%;height: 99.5%;}
.list .body .thumb a{border: none;height: 100%;}
.list .body ul li h1{padding-top: 15%;}
.list .body ul li img{width: 100%;}
.group .body ul li{height: 560px;}
.footer .fr{text-align: right;}
.footer .body .box .fl ul li{font-size: 12px;}
.footer p{font-size: 12px;}
.footer .body .box img{width: 150px;height: 40px;}
.footer .head h3{font-size: 20px;}
.footer .head{padding-top: 20px;}
}
@media screen and (max-width: 800px) {
.info .left .head h3{font-size: 20px;font-weight: 600;}
.info .right .body p{font-size: 16px;}
.info .right .body h3{font-size: 20px;}
.list .body ul li{width: 50%;height: 280px;}
.group .body ul li{height: 500px;}
}
@media screen and (max-width: 768px) {
	.group .head h3{font-size: 20px;}
	.list .head h3{font-size: 18px;}
	.list p{font-size: 12px;}
	.header{background: #fff;font-size: 14px;color: #333333;border-bottom:1px solid #efefef;width: auto;padding-left:15px;}
	.header .logo{height: 45px;padding: 10px 0;}
	.header .logo .left{display: inline-block;*display: inline-block;zoom: 1;width: 95px;border-right:1px solid #efefef;height: 45px;}
	.header .logo .right{display: inline-block;*display: inline-block;zoom: 1;padding-left: 10px;}
	.header .logo img{padding:10px 0 0 0px;width: 85px;height: 25px;}
	.header .logo h5{line-height: 25px;}
	.header .logo h4{line-height: 21px;font-weight: 600;}
	.header .qr h6{padding-right: 10px;line-height: 45px;}
	.header .qr img{width: 35px;height: 35px;padding: 5px 15px 0 10px;}
	.header .qr{height: 45px;padding: 10px 0;}
	.header .qr .right{border-right:1px solid #efefef;}
	.list .body ul li h1{font-size: 35px;line-height: 40px;}
	
	
	.list p{padding:0 30px;}
	.info .left .body{padding-top: 10px;}
	.list .body ul li{width: 50%;height: 250px;}
	.info .left{width: 330px;float: none;margin: 0 auto;}
	.info .right{width: 330px;float: none;padding-top: 35px;margin: 0 auto;}
	.info .wrapper{background: none;}
	.info .left .head .hr{display: none;}
	.info .right .head{padding: 0;width: 122px;float: none;margin-bottom: 10px;}
	.info .right .head h2{writing-mode:initial;text-align: center;}
	.info .right .body{padding: 0;float: none;text-align: left;}
	.group .body ul li{width: 42%;text-align: center;margin:20px 4%;height: 520px;}
	
	.footer .body .box{background: none;}
	.footer .body .box .fl{width: 100%;text-align: center;}
	.footer .body .box .fr{width: 100%;text-align: center;}
	.footer .head{padding: 10px 0;}
	.group p{font-size: 12px;}
	.group .head{padding:10px 20px;}
	}
@media screen and (max-width: 700px){
	.group .body ul li{height: 495px;}
	.header .qr .right{display: none;}
}
	
@media screen and (max-width: 641px) {
	.list .body ul li{height: 230px;}
	.list .body ul li h1{padding-top: 11%;}
	.group .body ul li{width: 44%;text-align: center;margin:20px 2% 20px 3%;height: 480px;}
	
	}

@media screen and (max-width: 592px) {
	.group .head h3{font-size: 18px;}
	.list .body {padding: 0 20px;}
	.list .body ul li{height: auto;width: 100%;float: none;}
	.list .body ul li p{padding-bottom: 50px;}
	.group .body {padding:0 20px;width: auto;}
	.group .body ul {margin-left: 0;}
	.group .body ul li{width: 100%;margin: 8px 0;height: auto;}
	.group .body ul li h3{padding-top: 15%;}
	.group .body ul li p{padding-bottom: 17%;}
	.list .body ul .wu a{border: none;}
	.group .body ul li h3{padding-bottom: 20px;}
	}
@media screen and (max-width: 530px) {
	.header .logo h5{font-size: 12px;}
	.header .logo h4{font-size: 12px;}
	.group .body .btn a{font-size: 12px;}
	.group .body ul li p{font-size: 12px;}
	}	
	
@media screen and (max-width: 480px) {
	.fullSlide .hd{margin-left: 0;bottom: 1px;}
	.group .body ul li h3{font-size: 16px;font-weight: 600;}
	}
@media screen and (max-width: 450px) {
	.footer .head h3{font-size: 16px;}
	.header .logo .left{width: 68px;}
	.header .logo img{padding:13px 0 0 0px;width: 60px;height: 21px;}
	.header .logo .right{padding-left: 7px;}
	.header .logo h5{line-height: 23px;}
	.header{padding-left: 10px;}
	.header .qr img{padding-right: 10px;}
	.info .wrapper{padding: 20px 20px 30px 20px;}
	.info .left .head h3{font-size: 16px;line-height: 25px;}
	.info .left .body{padding: 5px 0 0 0;}
	.info .right{padding-top: 30px;}
	.info .right .head{width: 100px;}
	.info .right .head h2{font-size: 16px;padding: 3px;}
	.info .right .head{margin-bottom: 10px;}
	.info .right .body h3{font-size: 16px;}
	.info .right .body p{font-size: 14px;line-height: 30px;}
	.group .head h3{line-height: 35px;padding-bottom: 0;}
	.fullSlide .hd li{width: 10px;height: 10px;}
	.list .body ul li h5{font-size: 16px;}
	.header .qr{padding: 5px 0;}
	.header .logo{padding: 5px 0;}
	.info .left .body ul li{line-height: 30px;}
	}