/*# sourceMappingURL=style.css.map */

@media (min-width:320px){
	.base-ban{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.base-ban img{
		display: block;
	    width: 140%;
	    position: relative;
	    left: -20%;
	    top: 0;
	}
	.down-arror,
	.base-ban .titles{display: none;}
	.news .max-box a{
		display: block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	
	.contact{
		margin: 0 auto 60px;
		max-width: 1400px;
		width: 92%;
	}
	.contact h2{
		font-size: 22px;
	    color: #333333;
	    line-height: 32px;
	    text-align: center;
	    padding: 35px 0;
	}
	.contact .list{
		width: 100%;
	}
	.contact .list ul li{
		width: 100%;
		position: relative;
	}
	.contact .list ul li:before,
	.contact .list ul li i{
		display: none;
		width: 100%;
		height: 1px;
		background-color: #c5c5c5;
		content: '';
		position: absolute;
		left: 0;
	}
	.contact .list ul li:before{
		top: 0;
	}
	.contact .list ul li i{top:60px}

	.contact .list ul li .max-box{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact .list ul li .max-box .title{
		font-size: 16px;
	    color: #333333;
	    height: 40px;
	    line-height: 40px;
	    border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    margin-bottom: 15px;
	}
	.contact .list ul li .max-box .map{
		width: 100%;
		margin-bottom: 20px;
	}
	.contact .list ul li .max-box .map .allmap{
		display: block;
		width: 100%;
		height: 300px;
	}
	.contact .list ul li .max-box .map .allmap .anchorBL{
		display: none;
	}
	.contact .list ul li .max-box .detaile,
	.contact .list ul li .max-box .detaile p{
		font-size: 14px;
		line-height: 28px;
		color: #333333;
	}
	.contact .list ul li .max-box .detaile p{
		padding:0 0 8px;
	}
	.contact .list ul li .max-box .detaile .p1{
		background: url(../images/img13.jpg) left 2px/26px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p2{
		background: url(../images/img14.jpg) left 2px/26px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p3{
		background: url(../images/img15.jpg) left 2px/26px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p4{
		background: url(../images/img16.jpg) left 2px/26px no-repeat;
	}

}
@media (min-width:320px) and (max-width:767px) {

}
@media (min-width:768px){
    .contact .list ul li .max-box .detaile{
    display: flex;
    justify-content: space-between;
}
	.base-ban img{
	    width: 100%;
	    left:0%;
	}
	.contact{
		margin: 0 auto 100px;
	}
	.contact h2{
		font-size: 28px;
		line-height: 40px;
		padding: 60px 0;
	}
	.contact .list{
		width: 100%;
	}
	.contact .list ul li{
		margin-bottom: 60px;
		width: 100%;
		position: relative;
	}
	.contact .list ul li:before,
	.contact .list ul li i{
		display: block;
	}
	.contact .list ul li i{top:60px}
	.contact .list ul li .max-box{
		/*width: 49%;*/
		margin-bottom: 0
	}
	.contact .list ul li .max-box:nth-child(even){/*float: left;*/}
	.contact .list ul li .max-box:nth-child(odd){float: right;}
	.contact .list ul li .max-box .title{
		font-size: 20px;
		height: 60px;
		line-height: 60px;
		margin-bottom: 35px;
		border: 0;
	}
	.contact .list ul li .max-box .map .allmap{
		height: 340px;
	}
	.contact .list ul li .max-box .detaile,
	.contact .list ul li .max-box .detaile p{
		font-size: 15px;
		line-height: 32px;
	}
	.contact .list ul li .max-box .detaile .p1{
		background: url(../images/img13.jpg) left 2px/28px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p2{
		background: url(../images/img14.jpg) left 2px/28px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p3{
		background: url(../images/img15.jpg) left 2px/28px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p4{
		background: url(../images/img16.jpg) left 2px/28px no-repeat;
	}
	
}
@media (min-width:768px) and (max-width:1024px) {
	
}
@media (min-width:1025px){
	.down-arror{
		width: 29px;
		display: block;
		position: absolute;
		bottom: 3%;
		z-index: 5;
		left: 50%;
		cursor: pointer;
		margin-left: -14px;
	}
	.down-arror .btn{
		width: 100%;
		height: 30px;
		background: url(../images/img5.png) center no-repeat;
		display:block;
		margin: 0 auto 5px;
		/*animation:emimg 2s infinite 1s linear;*/
		/*-webkit-animation:emimg 2s infinite 1s linear; /*Safari and Chrome*/*/
	}
	@keyframes emimg
	{
		0% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
		50% {
			transform:scale(0.85);
			-webkit-transform:scale(0.85);
		}
		100% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
	}
	@-webkit-keyframes emimg /*Safari and Chrome*/
	{
		0% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
		50% {
			transform:scale(0.8);
			-webkit-transform:scale(0.8);
		}
		100% {
			transform:scale(1);
			-webkit-transform:scale(1);
		}
	}
	.down-arror i{
		display: block;
		width: 1px;
		margin: 0 auto;
		background-color: #efedee;
		position: relative;
		bottom: -5px;
		left: 0;
		height:30px;
		/*animation:mymove 2s infinite linear;*/
		/*-webkit-animation:mymove 2s infinite linear; /*Safari and Chrome*/*/
	}
	@keyframes mymove
	{
		0% {height:30px;}
		50% {height:45px;}
		100% {height:30px;}
	}

	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
		0% {height:30px;}
		50% {height:45px;}
		100% {height:30px;}
	}
	.down-arror em{
		display: block;
		width: 100%;
		height: 6px;
		background: url(../images/img6.png) center no-repeat;
	}
	.down-arror .img{
		display: block;
		width: 10px;
		background: url(../images/img7.png) center no-repeat;
		height: 66px;
		margin: 15px auto 0;
	}
	.contact h2{
		font-size: 32px;
		padding: 90px 0 70px;
	}
	.contact .list ul li .max-box .title{
		font-size: 22px;
		height: 70px;
		line-height:70px;
	}
	.contact .list ul li i{top:70px}
	.contact .list ul li .max-box .map .allmap{height: 400px;}
	.contact .list ul li .max-box .detaile .p1{
		background: url(../images/img13.jpg) left 2px/30px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p2{
		background: url(../images/img14.jpg) left 2px/30px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p3{
		background: url(../images/img15.jpg) left 2px/30px no-repeat;
	}
	.contact .list ul li .max-box .detaile .p4{
		background: url(../images/img16.jpg) left 2px/30px no-repeat;
	}
}
@media (min-width:1400px){
	.contact h2 {
	    font-size: 36px;
	    padding: 70px 0;
	}
	.contact .list ul li .max-box .title{
		font-size: 24px;
	}
}