@charset "UTF-8";
/* CSS Document */
@charset "UTF-8";*{margin:0;padding:0;border:0;vertical-align:baseline;font-size:100%;}
*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;-icab-box-sizing:content-box;-khtml-box-sizing:content-box;}
.clearfix:after{clear:both;display:block;visibility:hidden;width:0;height:0;content:' ';font-size:0;line-height:0;}
ul.clearfix li{float:left;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html{overflow-x:hidden;overflow-y:scroll;}
body{background:#fff none;font:14px/1.8 Arial,sans-serif;}
select{border:1px solid #dee1e3;color:#333;font-size:12px;line-height:12px;}
ul{list-style:none;}
ol{list-style:decimal inside;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
a:focus{outline:0;}
span{color:inherit;}
a img{max-width:100%;vertical-align:middle;}
label[for]{cursor:pointer;}
.hide-text{text-indent:-9999px;}
.float-left{float:left;}
.float-right{float:right;}
.force-hide{display:none!important;}
.relative{position:relative;}
.hide{display:none;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
button,input,textarea,a{outline: none;}
button{
	background: none;
	cursor: pointer;
}

/*立即预约*/
.pl_lijiyuyue{
	width: 257px;
	height: 191px;
	position: absolute;
	top: 17%;
    left: 42%;
    z-index:10;
    cursor: pointer;
 
}
.pl_lijiyuyue:hover{
	   animation: pl_yuyue 1s linear infinite;
	  /* -webkit-animation-duration: 4s;*/
}
@keyframes pl_yuyue {
	0%{
		transform: rotate(0deg);
	}
	10%{
		transform: rotate(20deg);
	}
	20%{
		transform: rotate(0deg);
	}
	30%{
		transform: rotate(-20deg);
	}
	40%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(0deg);
	}
	60%{
		transform: rotate(0deg);
	}
	70%{
		transform: rotate(0deg);
	}
	80%{
		transform: rotate(0deg);
	}
	90%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
/*@keyframes pl_yuyue {
	0%{
		transform: rotate(0deg);
	}
	25%{
		transform: rotate(6deg);
	}
	50%{
		transform: rotate(0deg);
	}
	75%{
		transform: rotate(-6deg);
	}
	100%{
		transform: rotate(0deg);
	}
}*/
@-webkit-keyframes pl_yuyue {
	0%{
		transform: rotate(0deg);
	}
	10%{
		transform: rotate(20deg);
	}
	20%{
		transform: rotate(0deg);
	}
	30%{
		transform: rotate(-20deg);
	}
	40%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(0deg);
	}
	60%{
		transform: rotate(0deg);
	}
	70%{
		transform: rotate(0deg);
	}
	80%{
		transform: rotate(0deg);
	}
	90%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
/*进入官网和预约按钮*/
.pl_jinrugw{
	width: 400px;
	height: 70px;
	/*border: 1px solid seagreen;*/
	position: absolute;
	z-index:10;
	right:80px;
	top: 80px;
}
.pl_jinrugw .pl_btn_link{
	display: inline-block;
	width: 140px;
	height: 32px;
	background: rgba(174,217,244,0.8);
	border: 4px solid #6479b7;
	border-radius:18px;
	text-align: right;
	font-size: 18px;
	letter-spacing: 2px;
	line-height:30px;
	color: #fff;
	text-shadow: 1px 1px 2px #666;
	padding-right: 18px;
	position: relative;
	cursor: pointer;
	
}
.pl_jinrugw .pl_btn_link:hover{
	top: -10px;	
	animation: move_top 0.2s linear;
	transition: 0.2s;
}
@keyframes move_top {
	0%{top:-2px;}
	40%{top:-4px;}
	80%{top:-7px;}
	100%{top:-10px;}
		
}

.pl_jinrugw .pl_btn_link img{	
	position: absolute;
	left: -18px;
    top: -23px;
}
.pl_jinrugw .pl_btn_link:hover{
	background-color: #eba1ad;
}





.video-list-popup-handle .xc_vedio_img{	
	  border-radius: 50%;	
	  position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:12px;width:160px;height:160px; 
	  background-size:auto;background-repeat:no-repeat;
	}
.video-list-popup-handle .xc_video-play-btn img{
	position:absolute;
	left:134px;
	top:91px;
	
}	
/*宣传页视频动态按钮*/	
@media (max-width:1920px ) {
	.video-list-popup-handle .xc_vedio_img{	
		  border-radius: 50%;	
		  position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:12px;width:160px;height:160px; 
		  background-size:auto;background-repeat:no-repeat;
		}
		.video-list-popup-handle .xc_video-play-btn img{
			position:absolute;
			left:134px;
			top:91px;
			
		}	
}
@media (max-width:1680px ) {
	.video-list-popup-handle .xc_vedio_img{	
		  border-radius: 50%;	
		  position:absolute;top:50%;left:50%;margin-top:-29px;margin-left:18px;width:160px;height:160px; 
		  background-size:auto;background-repeat:no-repeat;
		}
		.video-list-popup-handle .xc_video-play-btn img{
			position:absolute;
			left:150px;
			top:108px;
			
		}	
}
@media (max-width:1440px ) {
	.video-list-popup-handle .xc_vedio_img{	
		  border-radius: 50%;	
		  position:absolute;top:50%;left:50%;margin-top:-26px;margin-left:18px;width:160px;height:160px; 
		  background-size:auto;background-repeat:no-repeat;
		}
		.video-list-popup-handle .xc_video-play-btn img{
			position:absolute;
			left:150px;
			top:108px;
			
		}	
}
@media (max-width:1024px ) {
	.video-list-popup-handle .xc_vedio_img{	
		 width:62px;
		 height:62px;
		  border-radius: 50%;	
		  position:absolute;top:50%;left:50%;margin-top:-45px;margin-left:13px;width:160px;height:160px; 
		  background-size:auto;background-repeat:no-repeat;
		}
		.video-list-popup-handle .xc_vedio_img img{
			 width:62px;
		     height:62px;
			
			}
		.video-list-popup-handle .xc_video-play-btn img{
			width: 100px;
			height: 100px;
			position:absolute;
			left:94px;
			top:36px;
			
		}	
}

#topnav *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin:0;padding:0;border:0;-o-box-sizing:content-box;-ms-box-sizing:content-box;}
#topnav{
/*position:absolute;*/
position:fixed;
z-index:4;width:100%;height:40px;min-width:980px;background:rgba(255,255,255,1);color:#556977;font-size:12px;font-family:'Lucida Grande',Tahoma,Arial,sans-serif;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;}
#topnav a{color:#666;text-decoration:none;}
#topnav a:hover{color:#39b1d8;}
#topnav .auxiliary{position:absolute;border-color:transparent;border-style:solid;font-size:0;line-height:0;}
#topnav .logo{position:absolute;top:0;left:-30px;z-index:1;display:block;width:140px;background:url(../images/logo_topnav.png);background-position:center center;background-repeat:no-repeat;}
#topnav .logo img{opacity:.9;transition:opacity .3s ease-in;}
#topnav .logo:hover img{opacity:1;}
#topnav .logo1{z-index:1;display:block;width:128px;background:url(../images/logo-topnav1.png);background-position:center center;background-repeat:no-repeat;}
#topnav .logo2{z-index:1;display:block;width:105px;background:url(../images/logo-topnav2.png);background-position:center center;background-repeat:no-repeat;}
#topnav .logo3{z-index:1;display:block;width:120px;background:url(../images/logo-topnav3.png);background-position:center center;background-repeat:no-repeat;}
#topnav .topnav-notice{position:relative;margin:0 auto;width:1920px;line-height:40px;}
#topnav .topnav-notice p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#topnav .topnav-notice-link{color:#c7880e;}
#topnav .topnav-notice-link:hover{color:#beb03f;}
#topnav .topnav-links{position:absolute;top:0;right:10px;z-index:1;width:auto;height:40px;}
#topnav .topnav-links li{padding:10px 0;}
#topnav .topnav-links .sec{display:block;padding:0 20px 0 20px;width:auto;height:20px;border:none;border-right:1px solid #ccc;text-indent:0;font-size:14px;line-height:20px;}
#topnav .topnav-links .sec span img{padding-right:5px;}
#topnav .topnav-links li a.sec1,#topnav .topnav-links li.hoverlikeactive:hover a{}
#topnav .topnav-links li a.sec3{padding-right:20px;}
#topnav .topnav-links li a.sec3 img{padding-left:8px;}
#topnav .topnav-links a:hover.sec1{}
#topnav .topnav-links a:hover.sec2{}
#topnav .topnav-links a:hover.sec3{}
#topnav .topnav-dropdown-container{position:relative;}
#topnav .topnav-dropdown-container .topnav-dropdown-body{position:absolute;display:none;margin-top:-5px;opacity:0;}
#topnavGameCenter .topnav-dropdown-body{
    background: rgba(255,255,255,0.8);
    width: 340px;
    right: 0px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    overflow: hidden;
    top: 100%;
    height: 400px;
}
#topnav .support-transition .topnav-dropdown-body,#topnav .transition-on-click .topnav-dropdown-body{display:block;visibility:hidden;margin-top:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out,height .3s ease-in-out,visibility 0s linear .3s;-moz-transition:opacity .3s ease-in-out,-moz-transform .3s ease-in-out,height .3s ease-in-out,visibility 0s linear .3s;transition:opacity .3s ease-in-out,transform .3s ease-in-out,height .3s ease-in-out,visibility 0s linear .3s;-webkit-transform:matrix(1,0,0,1,0,-5);transform:matrix(1,0,0,1,0,-5);}
#topnav .support-transition:hover .topnav-dropdown-body,#topnav .transition-on-click.active .topnav-dropdown-body{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out,height .3s ease-in-out,visibility 0s linear 0s;transition:opacity .3s ease-in-out,transform .3s ease-in-out,height .3s ease-in-out,visibility 0s linear 0s;-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);}
#topnav .topnav-dropdown-container .topnav-dropdown-item{display:block;}
#topnav .topnav-btn{display:block;padding:0 8px;height:24px;border-radius:5px;background-color:#515150;line-height:24px;}
#topnav .topnav-btn-primary{background-color:#38afd7;color:#fff;}
#topnav .topnav-btn-primary:hover{color:#fff;background-color:#24a9d6;}
#topnav .topnav-links .topnav-login-container{padding:8px 0 0 20px;}
#topnav .topnav-login-layout{height:24px;font-size:14px;line-height:24px;}
#topnav .topnav-login-panel{display:block;overflow:visible;height:32px;}
#topnav .topnav-login-container .logging{margin:0 auto;width:24px;height:auto;}
#topnav .topnav-login-layout .topnav-btn{margin-right:16px;}
@media (max-width:1920px){#topnav .topnav-notice{position:relative;margin:0 auto;width:100%;line-height:40px;}}
body {
	font-family: "Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;
	font-size: 12px;
}

#footer{
	margin-top: 1148px;
  }
  
.clearfix {
	zoom: 1
}

.clearfix:after {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	height: 0
}

body,html {
	position: relative;
	width: 100%;
	height: 100%
}

.container {
    position: absolute;
    width: 1920px;
	left: 50%;
	margin-left: -960px;
    min-width: 1000px;
    height: 2250px;
   /* overflow: hidden;*/
}
.scene-wrap {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 3;
    width: 1920px;
    height: 1160px;
    overflow: hidden;
    margin-left: -960px;
}
/*conatiner中的底部*/

#scene {
	position: relative;
	width: 100%;
	height: 100%
}
#scene .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.scene-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 100%;
	width:100%;
}

.layer-sky .fireworks-container {
	width: 100%;
	height: 100%
}

@keyframes floatDown {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate(0,-600px)
	}

	100% {
		opacity: 100;
		filter: alpha(opacity=10000);
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate(0,0)
	}
}
@keyframes floatUp {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate(0,600px)
	}

	100% {
		opacity: 100;
		filter: alpha(opacity=10000);
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate(0,0)
	}
}
.slogen-wrap {
    position: absolute;
    top: 80px;
    left: 236px;
    width: 462px;
    height: 450px;
	z-index: 9
}
.slogen-wrap .slogen-main {
	width: 100%;
	animation: floatDown 1.5s ease
}
.slogen-wrap .slogen-sub {
    position: absolute;
    top:285px;
    left:24px;
    animation: floatUp 1.5s ease;
}
/*立即预约按钮*/
.slogen-wrap .slogen-btn {
    position: absolute;
    top: 400px;
   /* right: 0;*/
    right: 138px;
    animation: floatUp 1.5s ease;
	width: 194px;height: 60px;
	background: url(../images/main-img4.png);
	cursor: pointer;
	
}
/*立即预约按钮*/
.slogen-wrap .slogen-btn:hover {
    position: absolute;
    top: 400px;
   /* right: 0;*/
    right: 138px;
    animation: floatUp 1.5s ease;
	width: 194px;height: 60px;
	background: url(../images/main-img4hov.png);
	cursor: pointer;
}
/*进入官网按钮*/
/*.slogen-wrap .slogen-btn2 {
    position: absolute;
    top: 400px;
    left: 0;
    animation: floatUp 1.5s ease;
	width: 194px;height: 60px;
	background: url(../images/main-img2.png);
	cursor: pointer;
	
}
.slogen-wrap .slogen-btn2:hover {
    position: absolute;
    top: 400px;
    left: 0;
    animation: floatUp 1.5s ease;
	width: 194px;height: 60px;
	background: url(../images/main-img2hov.png);
	cursor: pointer;
}*/
.slogen-tag {
	 position: absolute;
    bottom: 380px;
	right:260px;
    animation: floatUp 1.5s ease;
}
@keyframes floatRight {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate(-150px,0)
	}

	100% {
		opacity: 100;
		filter: alpha(opacity=10000);
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate(0,0)
	}
}
@keyframes scan {
	0% {
		transform: translate(0,0)
	}

	100% {
		transform: translate(0,94px)
	}
}
.nie-download {
	position: absolute;
    bottom: 400px;
    left: 56px;
	width: 832px;
	margin-left: 70px;
	/*overflow: hidden;*/
	animation: floatRight 1.5s ease;
}
.info-wrap {
	z-index: 11;
	position: absolute;
	top: 1100px;
	left: 0;
	width: 100%;
	height: 1150px;
	background: url(../images/main-bg3.jpg) center no-repeat;
	background-size: cover;
}
.wave {
	position: absolute;
	top: -90px;
	left: 0;
	width: 1920px;
	height: 91px
}
.wave .wave-group {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.wave .wave-group img {
	display: block;
	position: absolute;
	top: 0;
	width: 1284px;
	height: 91px
}
.wave .wave-group .wave-1 {
	left: 0
}
.wave .wave-group .wave-2 {
	left: 1284px
}
.wave .wave-group .wave-3 {
	left: 2568px
}
@keyframes move {
	0% {
		transform: translate(0,0)
	}

	100% {
		transform: translate(-1284px,0)
	}
}
.wave .group-1 {
	animation: move 7s infinite linear
}
.wave .group-2 {
	left: -300px;
	animation: move 5s infinite linear
}
.wave .group-3 {
	left: -600px;
	animation: move 9s infinite linear
}
.gallery_container {
	width: 786px!important;
	margin: auto
}
.boy-girl  { width:100%; height: 100%; position: relative;}
.girl-big {
    width: 1436px;
    height: 1635px;
    /*border: 1px solid forestgreen;*/
    position: absolute;
    left: 251px;
    top: 0px;
}
.boy-big {
    width: 960px;
    height: 1454px;
  /*  border: 1px solid fuchsia;*/
    position: absolute;
    top: 0px;
    right: 0px;
}
.girl-big img{
	width: 1100px;
	position: absolute;
	top: 100px;
	left:320px;
}
.boy-big img{
	width: 700px;
	position: absolute;
	top: 120px;
	right:90px;
	
  }
@-webkit-keyframes circle{

0%{ transform:rotate(0deg); }

100%{ transform:rotate(360deg); }

}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        -o-transform: translate3d(-50%,0,0); }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;}
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        -o-transform: translate3d(-50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        -o-transform: translate3d(-50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        -o-transform: translate3d(-50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        -o-transform: translate3d(-50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
        -moz-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        -o-transform: translate3d(50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
        -moz-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        -o-transform: translate3d(50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
        -moz-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        -o-transform: translate3d(50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
        -moz-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        -o-transform: translate3d(50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
        -moz-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        -o-transform: translate3d(50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
}
#snowBox{position: relative;width: 100%;height: 100%;margin: 0 auto;/*background: #33EAE8;*/overflow: hidden;}
.snowFlake{position: absolute;}
#snowBox{position: relative;width: 100%;height: 100%;margin: 0 auto;/*background: #33EAE8;*/overflow: hidden;}
.snowFlake{position: absolute;}
#snowBox img {
			 -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
			-webkit-animation: clockwiseSpin 10s alternate ease-in-out infinite;
    animation: clockwiseSpin 10s alternate ease-in-out infinite;  
	}
.page-content {
    width: 1920px;
    height: 100%;
    top: 0;
    position: absolute;
}
.page-content .unit {
    position: absolute;
}
.main-img10 {
    top: 0;
    width: 622px;
    height: 651px;
    background-image: url(../images/main-img10.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;   
}
.main-imgs1 {
    bottom: 252px;
    width: 221px;
    height: 225px;
	left: 90px;
    background-image: url(../images/main-imgs1.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
    
}
.main-imgs2 {
    bottom: 252px;
    width: 203px;
    height:224px;
	left: 349px;
    background-image: url(../images/main-imgs2.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
    
}
.main-imgs3 {
     bottom: 110px;
    width: 327px;
    height: 105px;
	left: 135px;
    background-image: url(../images/main-imgs3.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
    
}
.main-imgs4 {
    bottom: 180px;
   /* width: 994px;
    height:779px;*/
     width:1333px;
     height: 936px;	
	right:-30px;
    background-image: url(../images/main-imgs4.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
}
/*main-imgs4的flower小花设置*/
.main-imgs4 p .flower_size{
	width: 25px;
	height: 25px;
}
.main-imgs4 .imgs4_flower_one{
	position: absolute;
	left: 174px;
    top: 191px;
}
.main-imgs4 .imgs4_flower_two{
	position: absolute;
	left: 174px;
	top:309px;
}
.main-imgs4 .imgs4_flower_three{
	position: absolute;
	left: 174px;
	top:438px;
}
.main-imgs4 .imgs4_flower_four{
	position: absolute;
	left: 174px;
	top:587px;
}
.main-imgs4 .imgs4_flower_five{
	position: absolute;
	left: 174px;
	top: 718px;
}
.main-imgs5 {
    bottom: 100px;
    width: 550px;
    height:500px;
    right:100px;
	display:none;
	font-family:Microsoft YaHei,Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
}
.main-imgs5 .txt1{ 
	font-size: 14px;
	color: #fff; 
    text-shadow:#eda0ad 3px 0 2px,#eda0ad 0 3px 2px,#eda0ad -3px 0 2px,#eda0ad 0 -3px 2px,0 0px 5px #eda0ad, 0 2px 5px rgba(0,0,0,0.3);
	letter-spacing:3px;
	padding-top:25px;
 }
.main-imgs5 .txt2{ 
	font-size: 12px;
	color: #3778a6; 
	letter-spacing:2px;
    text-shadow:0 2px 3px rgba(255,255,255,0.1);
		padding-left: 20px;
 }
.main-imgs5 .txt3{ 
	font-size: 16px;
	color: #fff; 
	text-shadow:#5d73b8 3px 0 2px,#5d73b8 0 3px 2px,#5d73b8 -3px 0 2px,#5d73b8 0 -3px 2px,0 0px 5px #5d73b8, 0 2px 5px rgba(0,0,0,0.3);
	letter-spacing:3px;
	padding-top: 20px;
 }
.main-imgs5 .imgs5{ 
	width: 100px;
	height: 50px;
	position: absolute;
	right: 0px;
	bottom: -10px;
}	
.imgflower{
	width:20px;
	height:20px;
	-webkit-animation:circle 2s infinite linear;/*匀速 循环*/
	animation:circle 2s infinite linear;/*匀速 循环*/
	position: relative;
	right: 10px;
	top:2px;
}


@media (max-width:1920px ) {
 .main-imgs5 .imgs5{ 
	width: 100px;
	height: 50px;
	position: absolute;
	right: 100px;
	bottom: -10px;
  }	
  
}

@media (max-width:1680px){
body, html {
    position: relative;
    width: 100%;
    height: 1906px;
}
.container {
    width: 1680px;
	margin-left: -840px;
    min-width: 1000px;
    height: 1906px;
    }
.scene-wrap {
    width: 1680px;
    height: 1015px;
    margin-left: -840px;
	overflow: hidden;
}
/*视频按钮*/
.video-wrap {
    /*bottom: 260px;*/
   top:400px;
}
.scene-bg { margin-left: -840px;}
.boy-big {
    width: 840px;
    height: 1272px;
   }
   
   
.girl-big img{
	width: 900px;
	position: absolute;
	top: 100px;
	left:320px;
}
.boy-big img{
	width: 600px;
	position: absolute;
	top: 120px;
	right:65px;
	
  }
.girl-big {
    width: 1256px;
    height: 1430px;
}
.slogen-wrap {
    width: 360px;
    height: 360px;
    z-index: 9;
}

.slogen-wrap .slogen-main {width: 360px;}
.slogen-wrap .slogen-sub {top: 245px; width: 360px; left:6px;}
   /*立即预约按钮*/
.slogen-wrap .slogen-btn {
	top: 340px;
	background-size: 100%;
   /* right: 0;*/
    right: 108px;
	width: 150px;height:46px;
	
}
.slogen-wrap .slogen-btn:hover {
    top: 340px;
	background-size: 100%;
   /* right: 0;*/
    right: 108px;
	width: 150px;
	height:46px;
}
.nie-download {
    bottom: 348px;
    width: 600px;
    left: 50px;
}
.nie-download img{
    width: 750px;
}
.page-content {
    width: 1680px;
    height: 100%;
    top: 0;
    position: absolute;
}
.info-wrap {
    z-index: 11;
    position: absolute;
    top: 920px;
    left: 0;
    width:1680px;
    height:1006px;
    background: url(../images/main-bg3.jpg) center no-repeat;
    background-size: auto auto;
    background-size: cover;
}

/*conatiner中的底部*/
#footer{
	margin-top:1005px;
}

.main-img10 {
    width: 520px;
    height: 544px;
}
.main-imgs1 {
    bottom: 232px;
    width: 193px;
    height: 197px;
    left: 80px;
    background-image: url(../images/main-imgs1.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
}
.main-imgs2 {
    bottom: 232px;
    width: 180px;
    height:197px;
    left: 320px;
}
.main-imgs3 {
   bottom: 121px;
    width: 260px;
    height: 90px;
    left: 155px;
}
.main-imgs4 {
    bottom: 140px;
   /* width: 900px;
    height: 722px;*/
    width: 1100px;
    height:772px;
    right: 0px;
    background-image: url(../images/main-imgs4.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
}
/*main-imgs4的flower小花设置*/
.main-imgs4 .imgs4_flower_one{
	position: absolute;
	left: 143px;
    top: 154px;
}
.main-imgs4 .imgs4_flower_two{
	position: absolute;
	left:143px;
	top: 250px;
}
.main-imgs4 .imgs4_flower_three{
	position: absolute;
	left:143px;
	top: 358px;
}
.main-imgs4 .imgs4_flower_four{
	position: absolute;
	left:143px;
	top: 483px;
}
.main-imgs4 .imgs4_flower_five{
	position: absolute;
	left:143px;
	top:591px;
}
.slogen-tag {
    bottom: 300px;
    right: 200px;
}
 .main-imgs5 .imgs5{ 
	width: 100px;
	height: 50px;
	position: absolute;
	right: 0px;
	bottom: -10px;
  }	


}

@media (max-width:1600px){
.main-imgs4{
     display: none;   
}

#footer{margin-top:1005px;}
	
  /*立即预约按钮*/
.slogen-wrap .slogen-btn {
	top: 340px;
	background-size: 100%;
   /* right: 0;*/
    right: 108px;
	width: 150px;height:46px;
	
}
.slogen-wrap .slogen-btn:hover {
    top: 340px;
	background-size: 100%;
   /* right: 0;*/
    right: 108px;
	width: 150px;height:46px;
}

.main-imgs5 {
    bottom: 140px;
    width: 860px;
    height: 800px;
    right: 140px;
    display: block;
}
.imgflower{
	width:20px;
	height:20px;
	-webkit-animation:circle 2s infinite linear;/*匀速 循环*/
	animation:circle 2s infinite linear;/*匀速 循环*/
	position: relative;
	right: 5px;
	top:2px;
}
.main-imgs5 .txt1{ 
	font-size: 18px;
	padding-top:40px;
 }
.main-imgs5 .txt2{ 
	font-size: 16px;
	padding-left: 20px;
	padding-top: 10px;
 }
.main-imgs5 .txt3{ 
	font-size: 20px;
	padding-top: 80px;
    padding-left: 20px;
 }
.main-imgs5 .imgs5 {
    width: 160px;
    height: 80px;
    position: absolute;
   /* right: 168px;*/
   /* bottom: 10px;*/
   right: 84px;
   bottom: 48px;
}
	
.slogen-tag {
    bottom: 300px;
    right: 230px;
    width: 50px;
}
  }
@media (max-width:1440px){
/*立即预约*/
.pl_lijiyuyue{
	width: 257px;
	height: 191px;
	position: absolute;
	top: 17.5%;
    left: 43%;
    z-index:10;
    cursor: pointer;
}	
#footer{margin-top: 860px;}
.video-wrap {  
    width: 300px;
	height: 300px;
	border-radius: 50%;
	z-index: 2;
	top:300px;
	left: 25%;
	opacity:1;
   /* overflow: hidden;*/
    z-index: 2;
}
body, html {
    position: relative;
    width: 100%;
    height:1713px;/*二屏高度加top高度*/
}

.container {
    width: 1440px;
	margin-left: -720px;
    min-width: 1000px;
    height: 1713px;/*二屏高度加top高度*/}
	.scene-wrap {
    width: 1440px;
    height: 870px;
    margin-left: -720px;
	overflow: hidden;
}
.scene-bg {
    margin-left: -720px;
  }
.boy-big {
    width: 700px;
    height: 1060px;
}
.girl-big {
    width: 1000px;
height:1139px;

}

.girl-big img{
	width: 700px;
	position: absolute;
	top: 160px;
	left:320px;
}
.boy-big img{
	width: 500px;
	position: absolute;
	top: 160px;
	right:45px;
	
  }

.slogen-wrap {
    width: 320px;
    height: 320px;
    z-index: 9;
	left: 210px;
}

.slogen-wrap .slogen-main {
    width: 320px;
}
.slogen-wrap .slogen-sub {
    top: 210px;
    width: 320px;
}

/*立即预约按钮*/
.slogen-wrap .slogen-btn {
	top: 300px;
	background-size: 100%;
   /* right: 0;*/
     right: 92px;
	width: 140px;height: 43px;
	
}
.slogen-wrap .slogen-btn:hover {
    top: 300px;
	background-size: 100%;
   /* right: 0;*/
    right: 92px;
	width: 140px;height: 43px;
}

.nie-download {
    bottom:250px;
    width: 500px;
}

.nie-download img{
    width: 650px;
}
.page-content {
    width: 1440px;
    height: 100%;
    top: 0;
    position: absolute;
}
.info-wrap {
    z-index: 11;
    position: absolute;
    top: 850px;
    left: 0;
    width:1440px;
    height:863px;
    background: url(../images/main-bg3.jpg) center no-repeat;
    background-size: auto auto;
    background-size: cover;
}
.main-img10 {
   width: 460px;
    height: 481px;
}

.main-imgs1 {
    bottom: 200px;
    width: 157px;
    height: 160px;
    left: 80px;
    background-image: url(../images/main-imgs1.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
}
.main-imgs2 {
    bottom: 200px;
    width: 146px;
    height:160px;
    left: 260px;
}
.main-imgs3 {
    bottom: 67px;
    width: 260px;
    height: 82px;
    left: 135px;
}
.main-imgs4 {
     display: none;   
}
.main-imgs5 {
    bottom: 140px;
    width: 760px;
    height: 680px;
    right: 120px;
    display: block;
}
.imgflower{
	width:20px;
	height:20px;
	-webkit-animation:circle 2s infinite linear;/*匀速 循环*/
	animation:circle 2s infinite linear;/*匀速 循环*/
	position: relative;
	right: 10px;
	top:2px;
}
.main-imgs5 .txt1{ 
	font-size: 16px;
	padding-top:30px;
 }
.main-imgs5 .txt2{ 
	font-size: 16px;
	padding-left: 20px;
	padding-top: 5px;
 }
.main-imgs5 .txt3{ 
	font-size: 20px;
	padding-top: 50px;
    padding-left: 20px;
 }
.main-imgs5 .imgs5 {
    width: 140px;
    height: 75px;
    position: absolute;
    /*right: 90px;*/
   right: 15px;
    bottom: 24px;
}
.slogen-tag {
    bottom: 240px;
    right: 180px;
    width: 50px;
}
	
}
@media (max-width:1280px){
.imgflower{
	width:20px;
	height:20px;
	position: relative;
	right: 10px;
	top:2px;
}
.main-imgs4 {
	display: none;
}
.main-imgs5 {
    bottom: 240px;
    width: 550px;
    height: 500px;
    right: 300px;
    display: block;
    font-family: Microsoft YaHei,Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
}

.main-imgs5 .txt1{ 
	font-size: 14px;
	color: #fff; 
    text-shadow:#eda0ad 3px 0 2px,#eda0ad 0 3px 2px,#eda0ad -3px 0 2px,#eda0ad 0 -3px 2px,0 0px 5px #eda0ad, 0 2px 5px rgba(0,0,0,0.3);
	letter-spacing:3px;
	padding-top:25px;
 }
	.main-imgs5 .txt2{ 
	font-size: 12px;
	color: #3778a6; 
	letter-spacing:2px;
    text-shadow:0 2px 3px rgba(255,255,255,0.1);
		padding-left: 20px;
 }
.main-imgs5 .txt3{ 
	font-size: 16px;
	color: #fff; 
	text-shadow:#5d73b8 3px 0 2px,#5d73b8 0 3px 2px,#5d73b8 -3px 0 2px,#5d73b8 0 -3px 2px,0 0px 5px #5d73b8, 0 2px 5px rgba(0,0,0,0.3);
	letter-spacing:3px;
	padding-top: 20px;
 }
.main-imgs5 .imgs5{
	 width: 100px;
	height: 50px;
	position: absolute;
	right: -58px;
	bottom: -21px;
}	
.slogen-tag {
    bottom: 240px;
    right: 180px;
    width: 50px;
}

}

@media (max-width:1024px){
		/*立即预约*/
.pl_lijiyuyue{
	width: 135px;
	height: 100px;
	position: absolute;
	top: 29.5%;
    left: 42%;
    z-index:10;
    cursor: pointer;
}	
.pl_lijiyuyue img{
	width: 135px;
	height: 100px;
	
}



#footer{margin-top: 610px;}
body, html {
	position: relative;
	width: 100%;
	height:1233px;/*二屏高度加top高度*/
	}
.imgflower{
	width:20px;
	height:20px;
	position: relative;
	right: 10px;
	top:2px;
}
.container {
    width:1024px;
	margin-left: -512px;
    min-width: 1000px;
    height: 1233px;/*二屏高度加top高度*/}
.scene-wrap {
    width: 1024px;
    height: 619px;
    margin-left: -512px;
		overflow: hidden;
}
.scene-bg {
  margin-left: -512px;
  }
.boy-big {
	width: 600px;
	height:619px;
	overflow: hidden;
}


.girl-big {
    width: 860px;
    height:619px;
    left: 20px;
    overflow: hidden;

}
.girl-big img{
	width: 500px;
	position: absolute;
	top: 160px;
	left:320px;
	}
.boy-big img{
	width:400px;
	position: absolute;
	top: 160px;
	right:45px;
	
  }
.slogen-wrap {
    width: 260px;
    height: 260px;
    z-index: 9;
	left: 100px;
}

.slogen-wrap .slogen-main {
    width: 260px;
}
.slogen-wrap .slogen-sub {
    top: 180px;
    width: 260px;
}

/*立即预约按钮*/
.slogen-wrap .slogen-btn {
	top: 240px;
	background-size: 100%;
    /*right: 0;*/
    right:72px;
	width: 120px;height: 37px;
	
}
.slogen-wrap .slogen-btn:hover {
    top: 240px;
	background-size: 100%;
    /*right: 0;*/
    right:72px;
	width: 120px;height: 37px;
}

/*进入官网按钮*/
/*.slogen-wrap .slogen-btn2 {
   top: 240px;
	background-size: 100%;
    left: 0;
	width: 120px;height: 37px;	
}
.slogen-wrap .slogen-btn2:hover {
   top: 240px;
	background-size: 100%;
    left: 0;
	width: 120px;height: 37px;
}*/

.nie-download {
    bottom:150px;
	width: 360px;
	left: 20px;
}
.nie-download img{
    width: 400px;
}
.page-content {
    width: 1024px;
    height: 100%;
    top: 0;
    position: absolute;
}
.info-wrap {
    z-index: 11;
    position: absolute;
    top: 650px;
    left: 0;
    width:1024px;
    height:613px;
    background: url(../images/main-bg3.jpg) center no-repeat;
    background-size: auto auto;
    background-size: cover;
}
.main-img10 {
   width: 340px;
   height: 356px;

}
.main-imgs1 {
    bottom: 120px;
	width: 128px;
	height: 130px;
	left: 30px;
    background-image: url(../images/main-imgs1.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: transparent;
    background-size: 100%;
}
.main-imgs2 {
    bottom: 120px;
	width: 119px;
	height: 130px;
	left: 180px;
}
.main-imgs3 {
    bottom: 22px;
    width: 180px;
    height: 60px;   
    left: 90px;
}

.main-imgs4 {
	display: none;
}
.main-imgs5 {
    bottom: 100px;
    width: 550px;
    height:500px;
    right:100px;
	display: block;
	font-family:Microsoft YaHei,Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
}
.main-imgs5 .txt1{ 
	font-size: 14px;
	color: #fff; 
   text-shadow:#eda0ad 3px 0 2px,#eda0ad 0 3px 2px,#eda0ad -3px 0 2px,#eda0ad 0 -3px 2px,0 0px 5px #eda0ad, 0 2px 5px rgba(0,0,0,0.3);
	letter-spacing:3px;
	padding-top:25px;
 }
.main-imgs5 .txt2{ 
	font-size: 12px;
	color: #3778a6; 
	letter-spacing:2px;
    text-shadow:0 2px 3px rgba(255,255,255,0.1);
		padding-left: 20px;
 }
.main-imgs5 .txt3{ 
	font-size: 16px;
	color: #fff; 
	text-shadow:#5d73b8 3px 0 2px,#5d73b8 0 3px 2px,#5d73b8 -3px 0 2px,#5d73b8 0 -3px 2px,0 0px 5px #5d73b8, 0 2px 5px rgba(0,0,0,0.3);
	letter-spacing:3px;
	padding-top: 20px;
 }
.main-imgs5 .imgs5{ width: 100px;
	height: 50px;
	position: absolute;
	right: 0px;
	bottom:-22px;
}	
.slogen-tag {
    bottom: 100px;
    right: 160px;
    width: 50px;
}

}
.section-item { position: absolute; }
.modal-box { width:100%; height:100%;z-index: 12; position:fixed;display: none;}
.modal-bg { width:100%;height: 100%; background: rgba(0,0,0,0.5)}
.modal-main {width:600px;height:360px;position: absolute; top:50%; margin-top: -180px;left: 50%; margin-left: -300px; background: #fff;border-radius: 5px;}
.madal-main-img1 { width:424px; height:70px; position: absolute;left:50%; margin-left: -212px;top:17px;}
.madal-main-p { width: 100%;
position: absolute;
text-shadow: #1c9ced 1px 0 2px,#1c9ced 0 1px 2px,#1c9ced -1px 0 2px,#1c9ced 0 -1px 2px,0 0px 2px #1c9ced, 0 2px 2px rgba(0,0,0,0.3);
color: #fff;
font-size: 14px;
text-align: center;
top: 85px;
}
.form{width: 358px; position: absolute;left:50%; margin-left: -179px;bottom:28px; font-size: 16px;color: #dee8ed;}
.div-phone {width:357px; height: 50px; background: url(../images/main-img12.png)}
.form .div-ranks {width:220px; height: 50px; background: url(../images/main-img14.png); margin-top: 10px;}
.form label{width: 90px;display: none;float: left;}
.form .infos{width:200px;height: 30px;margin-top: 10px;line-height: 30px;border:none; margin-left: 80px; float: left;}
.form .infos2{width:100px;height: 30px;margin-top: 10px;line-height: 30px;border:none; margin-left: 80px; float: left;}
.form .div-ranks a.send1{height:48px;text-decoration:none;line-height: 48px;width: 124px;background: #6abaff;color: #fff;font-size: 14px;text-align: center;display: block;float: left;border-radius:5px;margin-left:2px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;position: absolute;
left: 230px;
}
.main-close {
	width: 38px;
	height: 38px;
	background: url('../images/main-close.png');
    position: absolute;
    right: -19px;
    top: -19px;
}
.main-close:hover {
	width: 38px;
	height: 38px;
	background: url('../images/main-closehov.png');
    position: absolute;
    right: -19px;
    top: -19px;
}
.phcolor{ color:#999;}
.form .div-ranks a.send1:hover{text-decoration: none;background: #42a7ff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.form .div-ranks a.send0{height:48px;text-decoration:none;line-height: 48px;width: 124px;background: #ccc;color: #fff;font-size: 14px;text-align: center;display: block;float: left;border-radius:5px;margin-left:2px;position: absolute;
left: 230px;}
.form .div-ranks a.send0:hover{background: #bfbfbf;}
.div-error{display:none;width: 357px;
height: 20px;
}
.form .error{height: 20px;
    line-height: 20px;
    color: red;
    font-size: 12px;
	padding-top: 4px;
}
.successbox {display:none;position: absolute;
top: 120px;
left: 130px;
}
.form .div-conform{width: 252px;height: 48px;background: #3fa9ec;border-radius:5px;margin-top: 25px;margin-left: 53px;}
.form .div-conform .conform{width:252px; line-height: 48px; font-size: 18px; color: #fff;text-align: center;position: absolute; background: #3fa9ec;border: none;border-radius:5px;}
.form .div-conform .conform:hover{box-shadow: 0px 2px 5px rgba(0,0,0,0.3);border-radius:5px;}
.form .div-conform .conform:active,.form .div-conform .conform:focus { box-shadow: 0px 2px 5px rgba(0,0,0,0.3);background: #1c9ced;border-radius:5px;}
.video-list-popup-handle { 
	position: absolute; 
	top: 0;
	left: -20px; 
	width: 100%; 
	height: 100%; 	
   }
.video-wrap { 	
	width: 300px;
	height: 300px;
	border-radius: 50%;
	z-index: 2;
	/*top:465px;
	left: 27.5%;*/
	top: 610px;
    left: 45.5%;
	opacity:1;
    }
.video-list-popup-handle .video-cover { 
	position: absolute;left: 50%;margin-left: -26px;top: 50%;margin-top: -44px;
    width: 160px;
	height: 160px;
   background: url('../images/play_btn.png');
   background-repeat: no-repeat; background-size: auto; }
.video-list-popup-handle:hover .video-play-btn { opacity: 1; filter: alpha(opacity=100); }

@media (max-width:1680px){
.video-wrap {    
    width: 320px;
	height: 330px;
	border-radius: 50%;
	z-index: 2;
	/*top:350px;
	left:23%;*/
	top: 472px;
    left: 45%;
	opacity:1;
  /*  overflow: hidden;*/
    z-index: 2;
}
	}
@media (max-width:1440px){
.video-wrap {    
    width: 320px;
	height: 320px;
	border-radius: 50%;
	z-index: 2;
	top: 420px;
    left: 45%;
	opacity:1;
   /* overflow: hidden;*/
    z-index: 2;
}

.video-list-popup-handle .video-cover { 
	position: absolute;left: 50%;margin-left: -26px;top: 50%;margin-top: -44px;
    width: 160px;
	height: 160px;
   background: url('../images/play_btn.png');
   background-repeat: no-repeat; background-size: auto; }
.video-list-popup-handle .video-play-btn { 
	position: absolute;left: 50%;margin-left: -26px;top: 50%;margin-top:-44px;
    width: 160px;
	height: 160px;   
   background: url('../images/play_btn.png');  
   background-repeat: no-repeat; background-size:auto; opacity: 0; filter: alpha(opacity=0);-webkit-transition: opacity .5s; transition: opacity .5s; }
.video-list-popup-handle:hover .video-play-btn { opacity: 1; filter: alpha(opacity=100); }

}

@media (max-width:1024px){
.video-wrap {
   width: 200px;
	height: 200px;
	border-radius: 50%;
	z-index: 2;
	top: 389px;
    left: 42%;
	opacity:1;
  /*  overflow: hidden;*/
    z-index: 2;
}

.video-list-popup-handle .video-cover { 
	position: absolute;left: 50%;margin-left: -26px;top: 50%;margin-top: -44px;
    width: 120px;
	height: 120px;
   background: url('../images/vedio_btn_play.png');
   background-repeat: no-repeat; background-size: auto; }
.video-list-popup-handle .video-play-btn { 
	position: absolute;left: 50%;margin-left: -26px;top: 50%;margin-top:-44px;
    width: 120px;
	height: 120px;   
   background: url('../images/vedio_btn_play.png');  
   background-repeat: no-repeat; background-size:auto; opacity: 0; filter: alpha(opacity=0);-webkit-transition: opacity .5s; transition: opacity .5s; }
.video-list-popup-handle:hover .video-play-btn { opacity: 1; filter: alpha(opacity=100); }

}

}


/***************************** END OF RESET *********************************/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	/*background-image: url('../images/main-close.png');*/
	background-image: url(../images/vedio_close_btn1.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../Images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	/*top: -19px;
	right: -19px;*/
	top: -39px;
	right: -46px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../Images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    /*overflow: hidden !important;*/
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    /*overflow-y: hidden !important;*/
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background:rgba(0,0,0,0.5);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../Images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../Images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.fancybox-skin { background: none; }

.fancybox-opened .fancybox-skin { background: none; box-shadow: none; }
.fancybox-opened .fancybox-skin .fancybox-inner { overflow: visible !important; }

#popupForSubscribe { width: 1000px; height: 522px; color: #9b8049; padding: 0; background: none; position: relative; overflow: visible; *width: 1100px; }
#popupForSubscribe .modal { background: none; }
#popupForSubscribe .modal-header { padding: 0; height: 0px; margin: 0; _overflow: hidden; display: none; }
#popupForSubscribe .modal-left { background-image: url('../Images/bg-girl.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; height: 522px; width: 411px; position: relative; z-index: 1; }
#popupForSubscribe .modal-body { border-top: none; color: #532300; padding: 0; position: absolute; height: 417px; width: 730px; background: #ffffff; top: 105px; left: 187px; border-radius: 4px; }
#popupForSubscribe .modal-body .close { position: absolute; right: 15px; font-size: 60px; top: 15px; color: #9b8049; z-index: 2; }
#popupForSubscribe .modal-body .close:hover { color: #bca973; }
#popupForSubscribe .modal-body .title { color: #9b8049; font-size: 18px; padding-top: 20px; }
#popupForSubscribe .modal-body .flower { position: absolute; right: 34px; top: 100px; background-image: url('../Images/flower.jpg'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; height: 32px; width: 19px; }
#popupForSubscribe .modal-body .text-indent { text-indent: 30px; }
#popupForSubscribe .modal-body .for-subscribe { height: 370px; width: 568px; left: 143px; top: 18px; position: absolute; line-height: 34px; }
#popupForSubscribe .modal-body .before-subscribe { top: 33px; }
#popupForSubscribe .modal-body .before-subscribe .content { width: 520px; }
#popupForSubscribe .modal-body .after-subscribe { display: none; }
#popupForSubscribe .modal-body .after-subscribe .btn-block { position: absolute; width: 144px; left: 50%; bottom: 50px; margin-left: -72px; }
#popupForSubscribe .modal-body .ways-all { position: relative; height: 233px; margin-top: 27px; z-index: 2; border: 1px solid #dcd5c7; border-right: 0; background: rgba(255, 255, 255, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff,endColorstr=#CCffffff); _-webkit-filter: none; _filter: none; }
#popupForSubscribe .modal-body .ways-all .item-title { height: 44px; line-height: 44px; padding-left: 24px; border-bottom: 1px solid #dcd5c7; background: #f4f3f0; font-size: 12px; }
#popupForSubscribe .modal-body .ways-all .special-color { color: #ab6d00; }
#popupForSubscribe .modal-body .ways-all .qr-code, #popupForSubscribe .modal-body .ways-all .logo-tap { display: block; margin: 0 auto; }
#popupForSubscribe .modal-body .subscribe-ways { position: relative; float: left; height: 100%; width: 189px; *width: 188px; border-right: 1px solid #dcd5c7; }
#popupForSubscribe .modal-body .subscribe-ways-qr { position: relative; }
#popupForSubscribe .modal-body .subscribe-ways-qr .subscribe-content-qr { padding-top: 18px; text-align: center; }
#popupForSubscribe .modal-body .subscribe-ways-mobile { z-index: 1; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .subscribe-content-mobile { padding-top: 16px; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .flag-container { *height: 28px; *z-index: 1; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .flag-container .iti-flag { *top: 50%; *margin-top: -7px; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .input-text { color: #fff; line-height: 28px; height: 28px; background-color: #97835c; width: 170px; _padding-left: 52px; *width: 118px; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .input-text:focus { outline: 0; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .form-group { padding-left: 9px; position: relative; z-index: 2; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .form-group label { display: block; line-height: 32px; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .form-group .help-block { line-height: 22px; font-size: 12px; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .form-group-submit { position: absolute; bottom: 36px; left: 0; margin: 0; width: 100%; padding: 0; z-index: 1; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .form-group-submit .help-block { position: absolute; bottom: -40px; left: 0; text-align: center; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .form-group-submit .btn-block { width: 126px; display: block; margin: 0 auto; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .has-error .help-block { color: #dc5816; }
#popupForSubscribe .modal-body .subscribe-ways-mobile .selected-flag { outline: 0; }
#popupForSubscribe .modal-body .subscribe-ways-tap .subscribe-content-tap { padding-top: 28px; }
#popupForSubscribe .modal-body .subscribe-ways-tap .link-tap { display: block; color: #532300; }
#popupForSubscribe .modal-body .subscribe-ways-tap .logo-tap { width: 127px; height: 75px; }
#popupForSubscribe .modal-body .subscribe-ways-tap .about-tap { padding: 10px 30px 0; line-height: 20px; }
#popupForSubscribe .modal-footer { text-align: center; background-color: transparent; }
#popupForSubscribe.subscribe-success .before-subscribe { display: none; }
#popupForSubscribe.subscribe-success .subscribe-notice { display: block; z-index: 3; }
#popupForSubscribe.subscribe-fail .before-subscribe { display: none; }
#popupForSubscribe.subscribe-fail .subscribe-tip { display: block; }

.popup-video-outer { width: 848px; height: 480px; }

#boliPopupVideoContainer { width: 360px; height: 636px; }

.fancybox-popup-video .fancybox-skin { background: #000; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

#popupmnq { color: #9b8049; width: 370px; height: 270px; padding: 0px 15px 20px; }
#popupmnq .modal-header { position: relative; padding: 0px 5px; }
#popupmnq .modal-header .title { font-size: 20px; }
#popupmnq .modal-header .close { position: absolute; width: 30px; height: 30px; right: 0px; top: 0px; background-image: url('../Images/close.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-header .border-bottom { position: absolute; bottom: -2px; left: 1px; width: 87px; height: 2px; background: #9b8049; }
#popupmnq .modal-body { font-size: 20px; padding: 15px 15px 0px; }
#popupmnq .modal-body .itempopup { width: 69px; height: 69px; }
#popupmnq .modal-body .itempopup.popup1 { background-image: url('../Images/ropopup1.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-body .itempopup.popup2 { background-image: url('../Images/ropopup2.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; margin: 0 5px; }
#popupmnq .modal-body .itempopup.popup3 { background-image: url('../Images/ropopup3.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-body .itempopup.popup4 { background-image: url('../Images/ropopup4.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-body .has-tip-sm { padding-top: 12px; clear: both; font-size: 16px; }
#popupmnq .modal-body .has-bottom { padding-bottom: 15px; }

#popupmac { color: #9b8049; width: 370px; height: 270px; padding: 0px 15px 20px; }
#popupmac .modal-header { position: relative; padding: 0px 5px; }
#popupmac .modal-header .title { font-size: 20px; }
#popupmac .modal-header .close { position: absolute; width: 30px; height: 30px; right: 0px; top: 0px; background-image: url('../Images/close.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmac .modal-header .border-bottom { position: absolute; bottom: -2px; left: 1px; width: 87px; height: 2px; background: #9b8049; }
#popupmac .modal-body { font-size: 20px; padding: 15px 55px 0px; }
#popupmac .modal-body .itempopup { width: 69px; height: 69px; }
#popupmac .modal-body .itempopup.popup3 { display: block; margin: auto; background-image: url('../Images/ropopup3.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmac .modal-body .has-tip-sm { padding-top: 12px; clear: both; font-size: 16px; }
#popupmac .modal-body .has-bottom { padding-bottom: 15px; }

#popupVideoListContainer { width: 848px; height: 596px; position: relative; }
#popupVideoListContainer .video-list { width: 848px; height: 480px; position: relative; background-color: black; }
#popupVideoListContainer .video-list .video-container { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#popupVideoListContainer .video-list .title { position: absolute; top: -60px; left: 0; width: 100%; color: white; line-height: 1; font-size: 36px; }
#popupVideoListContainer .video-handle-list { position: absolute; bottom: 0; left: 0; width: 100%; height: 86px; }
#popupVideoListContainer .video-handle-slider { position: relative; overflow: hidden; margin: 0 auto; width: 800px; height: 86px; }
#popupVideoListContainer .video-handle-list-1 .video-handle-slider { width: 160px; }
#popupVideoListContainer .video-handle-list-2 .video-handle-slider { width: 320px; }
#popupVideoListContainer .video-handle-list-3 .video-handle-slider { width: 480px; }
#popupVideoListContainer .video-handle-list-4 .video-handle-slider { width: 640px; }
#popupVideoListContainer .video-handle { width: 160px; height: 100%; position: relative; }
#popupVideoListContainer .video-handle .poster { width: 152px; height: 100%; display: block; margin: 0 auto; }
#popupVideoListContainer .video-handle .cover { position: absolute; left: 4px; top: 0; width: 152px; height: 100%; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); -webkit-transition: background-color .5s; transition: background-color .5s; }
#popupVideoListContainer .video-handle .title { position: absolute; bottom: 0; left: 4px; width: 152px; padding-top: 54px; line-height: 32px; font-size: 14px; color: #fff; background-image: url('../Images/video-poster-hover.png'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; }
@media \0screen\,screen\9 { #popupVideoListContainer .video-handle .title { visibility: hidden; } }
#popupVideoListContainer .video-handle:hover .cover { background-color: transparent; -webkit-filter: none; filter: none; }
#popupVideoListContainer .video-handle:hover .title { opacity: 1; }
@media \0screen\,screen\9 { #popupVideoListContainer .video-handle:hover .title { visibility: visible; } }
#popupVideoListContainer .video-handle-active .cover { -webkit-filter: none; filter: none; background-color: transparent; border: 2px solid #bc9b41; *width: 148px; *height: 82px; }
#popupVideoListContainer .controller { position: absolute; bottom: 27px; }
#popupVideoListContainer .controller-prev { left: 0; height: 43px; width: 28px; background: url('../Images/sprite.png') 0 -81px no-repeat; }
#popupVideoListContainer .controller-next { right: 0; height: 43px; width: 28px; background: url('../Images/sprite.png') 0 -36px no-repeat; }