@charset "utf-8";
/*other*/
.yellow,.yellow a:link, .yellow a:visited, .yellow a:hover {
    color: #fce9c4;
}
.main {
	width: 100%;
	background: url(../images/bg.jpg);
}
/* top */
.top {
	background: url(../images/top.jpg) no-repeat top center;
	background-size: 100% auto;
	position: relative;
	height: 43vw;
}
.top .height {
	height: 20vw;
}
.ny-txt {
	position: absolute;
	width: 376px;
	height: 72px;
	overflow: hidden;
	left: 50%;
	transform: translate(-50%, 0%);
	margin-top: 3%;
}
.ny-txt li {
	text-align: center;
	font-size: 14px;
	line-height: 160%;
}
.top #tit0 {
	width: 27%;
	height: auto;
	top: 20vw;
	margin: auto;
    animation: bounceIn 2s .2s ease both;
}
@keyframes bounceIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
/* p1 */
.ny-tit1 {
	margin-top: 38px;
}
.ny-p1 div.con {
	width: 287px;
	height: 479px;
	margin-top: 30px;
	margin-left: 17px;
	border-radius: 10px;
	background-image: -moz-linear-gradient( -90deg, rgb(240,212,158) 0%, rgb(224,185,132) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(240,212,158) 0%, rgb(224,185,132) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(240,212,158) 0%, rgb(224,185,132) 100%);
	box-shadow: 1.5px 2.598px 5.64px 0.36px rgba(213, 173, 117, 0.38);
	position: relative;
	float: left;
}
.ny-p1 div.con:nth-child(4n+1) {
	margin-left: 0;
}
.ny-p1 div.con .ico1 {
	position: absolute;
	bottom: 0;
	background: url(../images/ico1.png) no-repeat center;
	width: 100%;
	height: 28px;
}
.ny-p1 div.con .title {
	width: 96%;
	margin: 0 auto;
	color: #961007;
	font: 800 16px/180% 'Microsoft YaHei', 'pingfang SC', 'helvetica neue';
	padding-top: 10px;
}
.ny-p1 div.con .pic {
	width: 265px;
	height: 168px;
	margin: 6px auto 0 auto;
}
.ny-p1 div.con .pic img {
	border-radius: 8px;
}
.ny-p1 div.con .text {
	font-size: 16px;
	line-height: 180%;
	width: 94%;
	margin: 8px auto 0 auto;
	height: 230px;
	overflow: hidden;
	overflow-y: auto;
	text-align: left;
}
.ny-p1 div.con .text::-webkit-scrollbar {
	width: 3px;
	height: 1px;
}
.ny-p1 div.con .text::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #f4d4ab;
}
.ny-p1 div.con .text::-webkit-scrollbar-track {
	border-radius: 10px;
	background: transparent;
}
/* copyright */
#copyright {
	background: url(../images/copybg.jpg) repeat-x bottom;
	padding-bottom: 140px;
	padding-top: 70px;
}
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
    .main {
		width: 100%;
	}
	.w1200 {
		width: 100%;
	}
	.ny-p1 {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.ny-p1 div.con:nth-child(3n+1) {
		margin-left: 20px;
	}
	.ny-txt {
		height: 60px;
		margin-top: 30px;
	}
}