@charset "utf-8";
/*other*/
.white,.white a:link, .white a:visited, .white a:hover {
    color:white;
}
a.red,a.red a:link, a.red a:visited, a.red a:hover{
	color: #d02429;
}
body {
	height: 100%;
	overflow-x: hidden;
	position: relative;	
	background-color: #f8c4b0;
}
html, body {
	overflow-x: hidden;
}
/* header */
.ou-header {
	width: 100%;
	background-color: #fff;
	height: 40px;
}
.ou-header img.logo {
	float: left;
	margin-top: 2px;
	margin-left: 10px;
	width: 90px;
}
.ou-header .nav {
	float: left;
	font-size: 16px;
	line-height: 40px;
	text-align: right;
}
.ou-header .nav a {
	margin: 0 15px;
}
.ou-top-height {
	height: 454px;
}
/* ou-video */
.ou-video {
	background: url(../images/bg.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
}
.ou-video .content {
	background: #f9f6ee;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 10px 10px 0 10px;
	height: 624px;
	overflow: hidden;
}
/* REC */
.ou-REC {
	background: url(../images/bg2.jpg) no-repeat;
	background-size: cover;
	height: 1080px;
	background-position: top center;
}
.ou-REC .content {
	width: 1160px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.ou-REC .content .item {
	position: absolute;
	font-size: 24px;
}
.ou-REC .content .item .wrap {
	position: relative;
}
.ou-REC .content .item1 {
	background: url(../images/bg2a.png) no-repeat;
	width: 917px;
	height: 424px;
	top: 124px;
	left: 47px;
	text-align: center;
}
.ou-REC .content .item1 .wrap img {
	margin-top: 36px;
}
.ou-REC .content .item1 .wrap span {
	background: url(../images/bg2b.png) no-repeat;
	position: absolute;
	bottom: 10px;
	left: -45px;
	width: 286px;
	height: 55px;
	line-height: 50px;
}

.ou-REC .content .item2 {
	background: url(../images/bg3a.png) no-repeat;
	width: 551px;
	height: 491px;
	top: 18px;
	right: 18px;
}
.ou-REC .content .item2 .wrap img {
	margin-top: 74px;
	transform: rotate(13deg);
	margin-left: 1px;
}
.ou-REC .content .item2 .wrap span {
	background: url(../images/bg3b.png) no-repeat;
	position: absolute;
	width: 327px;
	height: 90px;
	right: 0;
	bottom: -20px;
	padding: 10px 41px 0 41px;
	line-height: 28px;
	text-align: left;
}

.ou-REC .content .item3 {
	background: url(../images/bg4a.png) no-repeat;
	width: 499px;
	height: 394px;
	top: 583px;
	left: 48px;
}
.ou-REC .content .item3 .wrap img {
	margin-top: 34px;
}
.ou-REC .content .item3 .wrap span {
	background: url(../images/bg4b.png) no-repeat;
	position: absolute;
	width: 357px;
	height: 55px;
	line-height: 50px;
	left: -45px;
	bottom: 10px;
}

.ou-REC .content .item4 {
	background: url(../images/bg4a.png) no-repeat;
	width: 499px;
	height: 394px;
	top: 583px;
	left: 602px;
}
.ou-REC .content .item4 .wrap img {
	margin-top: 34px;
}
.ou-REC .content .item4 .wrap span {
	background: url(../images/bg5b.png) no-repeat;
	position: absolute;
	width: 280px;
	height: 55px;
	line-height: 50px;
	right: -45px;
	bottom: 10px;
}
/* scroll */
.ou-scroll {
	background: url(../images/bg3.jpg) no-repeat;
	background-size: cover;
	height: 1079px;
	padding-top: 188px;
	background-position: top center;
}
.ou-scroll .swiper-container {
	width: 100%;
	height: 812px;
	margin: 0 auto 0 auto;
}
.ou-scroll .swiper-wrapper {
	transition-timing-function: linear !important;
}
.ou-scroll .w1100 {
	position: relative;
}
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
	background-image: url(../images/prev1.png);
	left: 30%;
	top: 90%;
	width: 128px;
	height: 129px;
	background-size: 100% 100%;
}
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/next1.png);
	right: 30%;
	top: 90%;
	width: 128px;
	height: 129px;
	background-size: 100% 100%;
}
/* 2j */
.body-ou {
	background:url(../images/dbg1.jpg) no-repeat;
    background-size: cover;
}
.body-ou2 {
	background:url(../images/dbg2.jpg) no-repeat;
    background-size: cover;
}
.body-ou3 {
	background:url(../images/dbg3.jpg) no-repeat;
    background-size: cover;
}
.body-ou4 {
	background:url(../images/dbg4.jpg) no-repeat;
    background-size: cover;
}
.fixed-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center; 
}
.main-ou .footer {
    position: fixed;
    left: 0;
    bottom: -15px;
    width: 100%;
    height: 100px;
}
.main-ou .footer #copyright {
    text-align: center;
    font-size: 14px;
    padding: 0;
}
.side-menu {
    position: fixed;
    top: 70px;
    right: 5%;
    width: 289px;
}
.ou-container .nav2 .item {
	width: 289px;
	background-color: #f3b76a;
	font-size: 21px;
	text-align: left;
	padding: 1em;
    margin: 9px 0;
	font-weight: 600;
}
.ou-container .nav2 .item.active {
	background: #f488d0;
}
.ou-container .nav2 .item a {
	display: table;
}
.ou-container .content {
    position: absolute;
    top: 70px;
    bottom: 100px;
    left: 0;
    right: 0;
    overflow: auto;
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    height: 85vh;
    scrollbar-width: 0em;
}
.ou-container .content::-webkit-scrollbar {
    width: 0em;
}
.ou-container {
	margin: 20px auto; 
	max-width: 1280px;
	height: 100vh;
}
.ou-container .content li {
	float: left;
	margin-left: 27px;
	height: 235px;
	width: 331px;
	margin-bottom: 35px;
}
.ou-container .content li img {
	border: 5px solid #fff;
}
.ou-container .content li span {
	display: block;
	background: rgba(255, 255, 255, .651);
	font-size: 18px;
	width: 100%;
	padding: 15px 8px;
	display: flex;
	justify-content: center;
  	align-items: center;
	height: 70px;
	text-align: left;
}
.ou-container .content li:nth-child(3n+1) {
	margin-left: 0px;
}

/* 1000-1200 */
@media screen and (min-width: 1000px) and (max-width:1200px) {
    .ou-container .nav2.side-menu {
        width: 92%;
        top: 1%;
        margin-left: auto;
        margin-right: auto;
        right: 0;
    }
    .ou-container .nav2.side-menu .item {
        float: left;
        height: 1rem;
        margin: 0.1rem;
        line-height: 0.2rem;
    }
    .ou-container .nav2.side-menu .item:nth-child(2) {
        padding: 0.1rem 0.3rem;
        line-height: 0.4rem;
    }
    .ou-container .content {
        width: 98%;
        height: 70vh;
        top: 150px;
    }
    .ou-container .content li {
        margin-left: 4px;
    }
    .main-ou .footer {
        bottom: -55px;
    }
}
/* 1280 */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .ou-container .nav2.side-menu {
		right: 0%;
        z-index: 99;
	}
    .side-menu,
    .ou-container .nav2 .item {
        width: 150px;
    }
	.main-ou .footer {
        bottom: -65px !important;
        height: 90px;
    }
}

/* 1366 */
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .ou-container .nav2.side-menu {
		right: 0%;
        z-index: 99;
	}
    .side-menu,
    .ou-container .nav2 .item {
        width: 150px;
    }
}

/* 1440 */
@media screen and (min-width: 1440px) and (max-width: 1679px) {
    .ou-container .nav2.side-menu {
		right: 1%;
	}
    .main-ou .footer {
        bottom: -45px;
        height: 90px;
    }
    .side-menu,
    .ou-container .nav2 .item {
        width: 150px;
    }
}
/* 1680 */
@media screen and (min-width: 1680px) and (max-width: 1879px) {
    .ou-container .nav2.side-menu {
		right: 2%;
	}
	.main-ou .footer {
        bottom: -65px !important;
        height: 90px;
    }
}

/* 1920 */
@media screen and (min-width: 1800px) and (max-width: 1920px) {
    .ou-container .nav2.side-menu {
		right: 6%;
	}
    .main-ou .footer {
        bottom: -45px;
        height: 90px;
    }
}

/* copyright */
.copyright {
	font-size: 18px;
	text-align: center;
	padding: 10px 0 20px 0;
	width: 100%;
}
.copyright .copy_1 .fl {
	float: none;
	display: none;
}
.copyright .copy_1 .fr {
	float: none;
}