@charset "utf-8";
/* CSS Document */

@import url("reset.css");

a{ text-decoration:none; outline:none;}
img{ vertical-align:top;}
li{ list-style:none;}

/*
body,html{margin:0;height:100%}
body{height:100%;width:100%;margin:0;padding:0}
*/
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}


*{margin: 0;padding: 0;outline: none;}
.WRAPPER{width:950px;height:auto;margin: 0 auto;}

.YEQIAN{width: 100%;height:105px;background: url('../images/btn-bg.jpg') no-repeat center top;overflow: hidden;}
.YEQIAN ul{width:100%;height: auto;margin: 0 auto;}
.YEQIAN li a{display: block;width: 100%;height:105px;}
.YEQIAN li{float: left;width:33.33%;height: 105px;}
.YEQIAN li:nth-child(1){background: url(../images/li-1.png) no-repeat center top;background-position:20px 0px; background-size: 90%;}
.YEQIAN li:nth-child(1):hover{background: url(../images/li-2.png) no-repeat center top;background-position:-30px 0px; background-size: 110%;}
.YEQIAN li:nth-child(2){background: url(../images/li-3.png) no-repeat center top;background-position:10px 0px;background-size: 90%;}
.YEQIAN li:nth-child(2):hover{background: url(../images/li-4.png) no-repeat center top;background-position:-5px 0px; background-size: 100%;}
.YEQIAN li:nth-child(3){background: url(../images/li-5.png) no-repeat center top;background-position:5px 0px; background-size: 100%;}
.YEQIAN li:nth-child(3):hover{background: url(../images/li-6.png) no-repeat center top;background-position:-5px 0px; background-size: 110%;}
.YEQIAN li:hover{transition: .2s ease-in-out;}


@media screen and (max-width:768px){
	
	body,html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	
	.WRAPPER{width:100%;}
	.YEQIAN{height:0;padding-bottom: 11.05%;background-size: cover;}
	.YEQIAN ul{width:90%;height: auto;margin: 0 auto;padding-left: 0%;}
	.YEQIAN li a{width: 100%;height: 0;padding-bottom: 35%;}
	.YEQIAN li{width:33.33%;height:0;padding-bottom:12%;}
	.YEQIAN li:nth-child(1){background-position:0px 3px;}
	.YEQIAN li:nth-child(1):hover{background-position:-20px 3px;}
	.YEQIAN li:nth-child(2){background-position:0px 3px;background-size: cover;}
	.YEQIAN li:nth-child(3){background-position:0px 3px;}
	.YEQIAN li:nth-child(3):hover{background-position:0px 3px;}
	
}