*{margin: 0px;padding: 0px;}
html,body{-webkit-overflow-scrolling: touch;}
body {font-family:"Microsoft YaHei", Helvetica, Tahoma, Arial, \5b8b\4f53, sans-serif!important;}
i,em{font-style: normal;}
ul{list-style: none;}
img { border: 0 none; width: auto\9; height: auto; max-width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic; }
*, *:before, *:after {box-sizing: border-box;}
.laydate_box,.laydate_box *{-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.i{display: inline-block;vertical-align: middle;}
.iTop{display: inline-block;vertical-align: top;}
a{text-decoration: none;color: inherit;}
input{outline: none;}
a:active,a:focus,button{outline: none;star:expression(this.onFocus=this.blur());}
.clearFix:after{ display:block; clear:both; height:0; visibilit:hidden; content:'';}
/* 公共类 */
.s-wrap{width: 100%;font-size: 0;min-width: 1200px;overflow-x: auto;background: url(../images/body-bg.jpg) repeat-y;background-size: 100% auto;}
.content{width: 100%;max-width: 1200px;margin: auto;position: relative;padding: 0 15px;}
.content:after{ display:block; clear:both; height:0; visibilit:hidden; content:'';}
.s-title-div{text-align: center;}
.s-title{color: #000;display: inline-block;padding: 66px 114px 40px 149px;font-weight: bold;letter-spacing:4px;font-size: 24px;}
.s-title-bg01{background: url(../images/title-bg-01.png);background-size: 100% 100%;}
.s-title-bg02{background: url(../images/title-bg-02.png);background-size: 100% 100%;}
.s-title-bg03{background: url(../images/title-bg-03.png);background-size: 100% 100%;}
.justify{text-align: justify;font-size: 0;}
.justify:after{display:inline-block;content:'';width:100%;}
.float-left{float: left!important;}
.float-right{float: right!important;}
/* 字体 */
/*@font-face{
	font-family: ALGER;
	src: url('../font/ALGER.TTF')
}*/


/*头部*/
.s-header{background:url(../images/head-bg.png) no-repeat center;background-size: 100% 100%;/*height: 0.41rem;*/position: relative;overflow: hidden; }
.s-header-icon{height: 100%;width: 1920px;position: absolute;left: 50%;top: -100px;margin-left: -960px;z-index: 11;transform: scale(0.9)}
.s-header-icon span{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
.s-header-title { width: 100%; text-align: center; z-index: 9;/* top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);position: absolute;*/font-size: 0;position: relative;padding:112px 15px; }
.s-header-img-time{position: relative;display: inline-block;}
.head-title-time{position: absolute;bottom:-20px;left:55%; font-size: 16px;background: url(../images/time-bg.png);background-size: 100% 100%;color: #27736f;padding: 11px 30px 20px;}
.s-header-unit{background: url(../images/unit-bg.png) no-repeat;background-size: 100% 100%;font-size: 16px;display: inline-block;padding: 24px 45px;color: #fff;text-align: left;margin-top:40px;}
/*.s-header-unit i{display: inline-block;vertical-align: middle;width: 10px;height: 10px;margin-right: 10px;}*/
.s-header-unit i{display:inline-block;width:0;height:0;overflow:hidden;font-size:0;border-width:0.8rem;border-color:transparent transparent transparent #fad2a9;border-style:dashed dashed dashed solid;vertical-align: middle;}
.s-header-unit h3{margin-bottom: 0.5rem;}
.s-header-unit h3 span{color: #fad2a9;font-weight: bold;}
.s-header-unit em{color: #4cfbf8;margin: 0 0.3rem;}
.s-header-unit div{padding-left: 1.5rem;}


/*视频*/
.s-video .video-box{width: 100%;background: url(../images/video-bg.png);background-size: 100% 100%;padding:18% 0% 6%;text-align: center;margin: 37px 0 70px;}
.s-video .video-box div{height:560px;width: 86%; display: inline-block;border-radius: 11px;overflow: hidden;border: 3px solid #000;padding: 2px;
    background: #000;}


/*大赛简介*/
.s-synopsis{background: url(../images/synopsis-bg.png) center;background-size: 100% 100%;padding: 45px 0 90px;}
.s-synopsis-text{background: url(../images/synopsis-text-bg.png);background-size: 100% 100%;padding: 87px 50px 50px;color: #fff;font-size: 16px;margin-top: 35px;}
.s-synopsis-text p{margin-bottom: 23px;text-indent: 2em;}

/*参赛规则*/
.s-rules{padding: 48px 0 0;}
.s-rules ul{text-align: justify;margin-top: 76px;font-size: 0;}
.s-rules ul:after{display:inline-block;content:'';width:100%;}
.s-rules li{display: inline-block;width: 47%;margin-bottom: 60px;font-size:16px;transition: .8s all;}
.s-rules li:hover{transform: translate3d(30px,0px,0);}
.s-rules li label{font-size: 24px;color: #e36129;background: url(../images/rules-label.png);background-size: 100% 100%;padding: 13px 0;display: inline-block;letter-spacing:4px;vertical-align: -20px;position: relative;z-index: 1;width: 8rem;text-align: center;}
.s-rules li>span{background: url(../images/rules-li-bg.png);background-size: 100% 100%;display: inline-block;vertical-align: middle;width: calc(100% - 8rem);margin-left: -30px;text-align: left;}
.s-rules li>span em{display: table;width: 100%;padding:2rem 40px;/*min-height: 145px;*/}
.s-rules li>span i{display: table-cell;vertical-align: middle;line-height: 1.8;}
.s-rules p{color: #ea8252;text-align: center;margin-bottom:60px;font-size:16px;}
.s-rules .list{overflow: hidden;margin:0.5rem 0 1rem;}
.s-rules .list span{float: left;width: 50%;}
.s-rules .list span:before{content: "";display: inline-block;width: 6px;height: 6px;background: #fce17a;vertical-align: 3px;margin-right: 0.5rem;}

/*奖项设置*/
.s-award{background: url(../images/award-bg.png) center;background-size: 100% 100%;padding: 40px 0 80px;}
.s-award-ul,.s-award-ul2{margin-top: 56px;}
.s-award-ul li{display: inline-block;width:28%;transition: .8s all;}
.s-award-ul li:hover{transform: translate3d(0,-20px,0);}
.s-award-ul .set-body{font-size: 14px;color: #27736f;background: url(../images/set-body-bg.png) no-repeat;background-size: 99.9% 100%;display: table;width: 100%;min-height: 240px;padding-bottom: 30px;}
.s-award-ul .set-body p{display: table-cell;vertical-align: middle;padding: 16px 22px;}
.s-award-ul .set-body p em{display: block;}
.s-award-ul .set-body p em:not(:last-child) {margin-bottom:12px;}

.s-award-ul2 li{display: inline-block;width:33.3333%;transition: .8s all;vertical-align: top}
.s-award-ul2 li:hover{transform: translate3d(0,-20px,0);}
.s-award-ul2 h3{color: #fdf7d0;font-size: 0.8rem;border: 0.2rem solid #fdf7d0;border-radius: 50px;display: inline-block;padding: 2px 1.5rem;font-weight: bold;margin-bottom: -3px;}
.s-award-ul2-main{background: url(../images/award-icon1.png);background-size: 100% 100%;padding: 1.5rem;}
.award2-img-box{position: relative;}
.award2-img-box .img{border: 2px solid #fdf7d0;border-radius: 1rem;position: relative;z-index: 2;}
.award2-img-box .award2-img-bg{position: absolute;right: -0.5rem;top: -0.8rem;z-index: 1;width: 80%;}
.s-award-ul2-main .jiaodai{text-align: center;margin: -1rem 0;position: relative;z-index: 2;}
.s-award-ul2-main .jiaodai img{width: 3rem;}
.s-award-ul2 .award2-text{font-size: 14px;color: #000;background: url(../images/award2-text-bg.png);background-size: 100% 100%;width: 100%;min-height: 150px;border-radius: 0.5rem;}
.s-award-ul2 .award2-text p{padding: 0.8rem 3% 0;}
.s-award-ul2 .award2-text p em{display: block;margin-bottom: 0.8rem;line-height: 1.2;}
.s-award-ul2 .award2-text p em:last-child {margin-bottom:0;}

/*参与方式*/
.s-way{padding: 45px 0;}
.s-way-ul{margin-top: 34px;padding: 0 5%;}
.s-way-ul li{margin-bottom: 30px;}
.s-way-ul label{position:relative;width: 10%;text-align: center;}
.s-way-ul label em{color:#de5d43;font-size:38px;position:absolute;top:36%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);left: 0;width: 100%;}
.s-way-ul .s-way-main{width: 86%;background-size: 100% 100%;background-repeat: no-repeat;}
.s-way-ul li:nth-child(1) .s-way-main{margin-left: 3%;padding: 40px 45px 50px 50px;}
.s-way-ul li:nth-child(2) .s-way-main{margin-right: 3%;padding: 70px 45px 30px 40px;}
.s-way-ul li:nth-child(3) .s-way-main{margin-left: 3%;padding: 50px 45px 40px 40px;}
.s-way-main h4{font-size: 18px;color: #fff;margin-bottom: 20px;}
.s-way-main span{ color: #977473; display: inline-block;background: #fdf7d0; font-size: 16px; line-height: 16px; height: 16px; width: 16px; border-radius: 100%; text-align: center; margin-right: 3px;}
.s-way-main p i{ font-style: italic; color: #fff;}
.s-way-main .item{display: flex; justify-content: space-between; align-items: center;}
.s-way-main .item .erweima{width: 120px; height: 120px; margin-top: 0; margin-bottom: 30px;}
.s-way-main .item img{width: 120px; height: 120px}
.s-way-main .item .text{flex: 1; margin-right: 20px; padding-bottom: 30px;}
.s-way-main p{font-size: 16px;color: #fdf7d0;}
.s-way-main .dowm,.s-way-main .erweima{text-align: center;margin-top: 13px;}

.s-way-cost{background: url(../images/way-ps-bg.png);background-size: 100% 100%;font-size: 16px;color: #e2632b;width: 70%;margin: auto;padding: 45px 0 60px;}
.s-way-cost h5{font-weight: bold;text-align: center;margin-bottom: 20px;font-size: 16px;}
.s-way-cost p{line-height: 30px;width: 66%;margin: auto;}

/*大赛优势*/
.s-advantage{background: url(../images/advantage-bg.png) center;background-size:100% 100%;padding: 46px 0;}
.s-advantage-main{margin-top: 60px;padding: 0 4%;position: relative;}
.s-advantage-nav-div{width: 28%;background: url(../images/advantage-left.png);background-size: 100% 100%;font-size: 24px;font-weight: bold;position: relative;}
.s-advantage-icon{position: absolute;right:-24%; }
.s-advantage-icon.top{top: 55px; }
.s-advantage-icon.bottom{bottom: 55px; }
.s-advantage-nav li{line-height: 115px;cursor: pointer;}
.s-advantage-nav li em{width: 65%;margin-left: 8%;display: inline-block;padding-left: 2em;position: relative;}
.s-advantage-nav li em:before{content: "◆";font-size: 28px;color: #d65932;display: none;position: absolute;left: 1rem;top: 0;}
@media screen and (min-width:1000px){
	.s-advantage-nav li:hover em{color: #d65932;}
	.s-advantage-nav li:hover em:before{display: inline-block;}
}
.s-advantage-nav li.cur em{color: #d65932;}
.s-advantage-nav li.cur em:before{display: inline-block;}
.s-advantage-nav li:not(:last-child) em {border-bottom: 3px solid #5b9491;}
.s-advantage-right{width: 70%;background: url(../images/advantage-right.png);background-size: 100% 100%;margin-left: 2%;padding: 46px 6% 65px;}
.s-advantage-img{width: 100%;background: url(../images/Dotted.png) top no-repeat;background-size: 100% auto;padding: 13px;}
.s-advantage-img .img{border: 2px solid #29a2aa;border-radius: 20px;background: #fff;text-align: center;overflow: hidden;}
.s-advantage-right h5{color: #d65932;font-size: 16px;font-weight: bold;margin:5px 0 15px; padding-left: 13px;	}
.s-advantage-right p{color: #000000;font-size: 16px;padding-left: 13px;height: 42px;	}
.s-advantage-bg{position: absolute;top: -120px;}
.advantage-before{left: -60px;}
.advantage-after{right: -60px;}
/*历届回顾*/
.s-review{padding: 35px 0 60px;}
.s-review-photo-list{margin: 35px 0 0;}
.s-review-photo-list span{display: inline-block;width: 22%;transition: .5s all;margin-bottom: 20px;}
.s-review-photo-list span:hover{transform: translate3d(0,-10px,0);}

.s-review-list{margin-top: 40px;position: relative;}
.review-solid{position: absolute;width: 100%;left: 0;top: 76px;text-align: center;}
.s-review-list .item{text-align: center;position: relative;z-index: 99;}
.s-review-list .review-arrow{margin: 0 40px;}
.s-review-title{background: url(../images/review-bg.png);background-size:100% 100%;color: #d65932;text-align: center;padding: 50px 0;width: 22%;}
.s-review-title *{display: block;}
.s-review-title span{font-size: 26px;font-weight: bold;}
.s-review-title i{font-size: 14px;}
.s-review-title em{font-size: 16px;font-weight: bold;}
.review-img{transition: .5s all;}
.review-img:hover{transform: scale(1.2);}

.s-review-list .item:nth-child(1){margin-bottom: 80px;}





/*精美画册，收藏童年回忆*/
.s-reservation{background: url(../images/reservation-bg.png) center;background-size: 100% 100%;padding: 40px 6% 118px;}
.s-reservation-main{padding: 0 5%;margin-top: 40px;}
.hauce-img{width:50%;text-align: center;}
/*.s-reservation-main>img{max-width:412px;}*/
.s-reservation-main .hauce-mian{width:50%;color:#fff;padding: 0 0 0 5%;font-size: 16px;}
.hauce-mian h4{font-size: 30px;margin-bottom: 20px;}
.hauce-mian p img{margin-left: 13%;}
.s-reservation-btn{display: block;text-align: center;margin: 20px 0 50px;}
.s-reservation-phone{font-size: 24px;}
.s-reservation-phone label{margin-left: 15px;}
.hauce-mian time{display: block;padding-left: 8%;margin-top: 20px;}

/*在线解答*/
.s-answer{padding: 36px 0 80px}
.s-answer-brush{margin-top: 40px;}
.s-answer-link-code{text-align: center;}
.s-answer-link-code span{margin: 0 3%;}
.s-answer-list li{color: #e2632b;margin-bottom: 30px;}
.s-answer-list h3{font-size: 20px;font-weight: bold;margin-bottom: 13px;}
.s-answer-list p{font-size: 16px;}
.s-answer-body{width: 84%;margin: auto;}

/*联系方式*/
.s-contact{background: url(../images/contact-bg.png) center;background-size: 100% 100%;font-size: 16px;padding: 40px 0 60px;}
.s-contact-list{margin-top: 40px;}
.s-contact-list i{position: relative;z-index: 9;width: 5.19rem;height: 5.19rem;}
.s-contact-list label{background: url(../images/contact-item-bg.png);background-size: 100% 100%;font-size: 16px;padding: 0 0 0 4rem;margin-left: -4rem;width: calc(100% - 2.5rem);height: 65px;position: relative;}
.s-contact-list label div{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);position:absolute;}
.s-contact-list label span{color: #29a2aa;}
.s-contact-list label em{color: #e2632b;}
.s-contact-list .item{transition: .5s all;}
.s-contact-list .item:hover{transform: translate3d(30px,0px,0);}

.s-row{width: 100%;margin: auto;}
.s-row>div{margin-bottom: 17px;float: left;}
.s-col-5{width: 45%;}
.s-col-10{width: 100%;}
.s-contact-list .s-row{width:68%;}


/*底部*/
footer{background: #333333;text-align: center;padding: 52px 0;}
.footer-nav *{display: inline-block;vertical-align: middle;}
footer .tel{font-size: 30px;color: #fdf7d0;font-weight: bold;}
footer .tel em{margin-left: 1%;}
footer time{font-size: 16px;color: #e98854;display: block;margin-top: 10px;}
.footer-nav{margin-top: 35px;color: #fff;font-size: 16px;}
.footer-nav i{margin: 0 1%;}
.Copyright{color: #27736f;font-size: 14px;line-height: 30px;margin-top: 20px;}





/*侧边导航*/
.s-sideNav{height: 761px;position: fixed; top: 10%; right: 0px;width: 315px;overflow-y: auto;z-index: 9999;}
.s-sideNav-main {/* position: fixed; top: 10%; right: 0px;z-index:1001;*/background: url(../images/sideNav-bg.png);background-size: 100% 100%; width: 214px;height:761px;text-align: center;float: right; }
.s-sideNav h3{line-height: 85px;color: #fff;font-size: 18px;padding-left: 20px;}
.s-sideNav ul{width: 138px;height: 520px;background: url(../images/sideNav-ul-bg.png);background-size: 100% 100%;margin:0 auto 33px;}
.s-sideNav ul li{font-size: 16px;font-weight: bold;color: #448ad7;cursor: pointer;}
.s-sideNav ul li:nth-child(1n){line-height: 65px;margin-bottom: 28px;}
.s-sideNav ul li:nth-child(2n){line-height: 60px;margin-bottom: 31px;}
/*.s-sideNav ul li:hover{color: #ffba00;position: relative;}
.s-sideNav ul li:hover:after{content: "";position: absolute;width: 139px;height: 88px;background: url(../images/sideNav-cur.png);background-size: 100% 100%;left: 0px;top: -15px;}*/
.s-sideNav ul li.cur{/*color: #ffba00;*/position: relative;}
.s-sideNav ul li.cur:after{content: "";position: absolute;width: 139px;height: 88px;background: url(../images/sideNav-cur.png);background-size: 100% 100%;left: 0px;top: -15px;}
.s-sideNav-contact{height: 60px;margin: auto;width: 100%;padding-left: 10px;}
.s-sideNav-contact>div{display: inline-block;}
.s-sideNav-contact a{margin: 0px 10px;display: inline-block;position: relative;}
.s-sideNav-top{text-align: center;display: block;margin-top: 0.5rem;float: left;width: 100%;}
.s-sideNav-code{position: absolute;bottom: -6px;left: -134px;padding: 15px;background: #005a71;width: 135px;height: 121px;background: url(../images/sideNav-code-bg.png);background-size: 100% 100%;padding: 12px 23px 19px 12px;display: none;}
.s-sideNav-Acode:hover .s-sideNav-code{display: block;}
.mobile-nav{display: none;}
@media (max-width:768px){
	.mobile-nav{display: block;position: fixed;z-index: 99999;right: 10px;top: 10px;background: #fbc124;padding: 6px 10px 8px;border-radius: 8px;transition: .5s all;}
	.mobile-nav img{width: 20px;vertical-align: middle;}
	.wrap{transition: .5s all;position: relative;z-index: 1;}
	.s-sideNav{right: -220px;top: 0px;transition: .5s all;height: 100%;}
	.open-sideNav .wrap{margin-left: -220px;}
	.open-sideNav .s-sideNav{right:0px;}
	.open-sideNav .mobile-nav{right:230px;}

	html, body{height: 100%;}

	.s-rules li span{background-image:none!important;background-color:#abd8aa;}
	.s-rules li.li-03{display: none;}
}