@font-face{
	font-family: 'Corabael';
	src:url('../fonts/Corabael.eot');
	src:url('../fonts/Corabael.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Corabael.woff') format('woff'),
		url('../fonts/Corabael.woff2') format('woff2'),
		url('../fonts/Corabael.ttf') format('truetype'),
		url('../fonts/Corabael.svg#Corabael') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'CygnetRound';
	src:url('../fonts/CygnetRound.eot');
	src:url('../fonts/CygnetRound.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CygnetRound.woff') format('woff'),
		url('../fonts/CygnetRound.woff2') format('woff2'),
		url('../fonts/CygnetRound.ttf') format('truetype'),
		url('../fonts/CygnetRound.svg#CygnetRound') format('svg');
	font-weight: normal;
	font-style: normal;
}
.cora{font-family: 'Corabael';}
.cygn{font-family: 'CygnetRound';}
body{background: url(../images/bg.jpg) center top no-repeat;}
.container{width: 1200px;margin: 0 auto;}
.logo{text-indent: -999em;margin-top: 92px;margin-bottom:58px;background: url(../images/logo.png) center top no-repeat;height: 159px;}
.slogan{font-size: 24px;line-height: 48px;text-align: center;color: #6f6f6f;}
.classify li{width: 50%;float: left;margin-top: 60px;text-align: center;}
.classify li .tit{font-size: 36px;line-height: 2;}
.classify li .pic,.classify li .tit{transition: .5s all;}
.classify li:hover .pic{transform: scale(1.1);}
.classify li:hover .tit{font-weight: bold;}

@media screen and (min-width:320px) and (max-width:415px){
	.container{width: 95%;}
	.logo{height:6rem;background-size: contain;margin: 30px 0;}
	.slogan{font-size: 18px;line-height: 24px;}
	.classify li .pic img{max-width: 90%;}
	.classify li .tit{font-size: 24px;}
}

@media screen and (min-width: 1400px){
	.logo{height: 120px;background-size: contain;margin: 50px 0;}
	.classify li .pic img{max-width: 200px;}
}

@media screen and (min-width: 1920px){
	.logo{margin-top: 92px;margin-bottom:58px;height: 159px;}
	.classify li .pic img{max-width: 100%;}
}