.w-con{ width:100%; padding:0 15px; min-width:1200px; max-width:1230px; margin:0 auto; }
.yk-top{height:107px;position:absolute; top:0; width: 100%;z-index:99;background: #ffffff;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.03) }
.yk-top-left img{ width:228px;margin-top: 30px;}
.yk-top-right{height: 107px;line-height: 107px;}
.yk-top-right ul li { float:left;}
.yk-top-right ul li a{    color:#666666;
    font-size: 18px;
    margin-left: 30px; }
.yk-top-right ul li a:hover{
  color:#35BBA9;
}
.section1{
  background-size:90%;
}
.yk-top-right ul li a{
  position:relative;
}
/*.yk-top-right ul li a.first-a:after{
    content: '';
    position: absolute;
    bottom: -9px;
    left: -5%;
    width: 110%;
    height: 3px;
    background: #35BBA9;
}*/
.yk-top-right ul li a.first-a{ color:#35BBA9;font-size: 20px; font-weight: 600;}
.yk-top-right.p2-yk-top-right ul li a.first-a:after{
      background: #35BBA9;
}
.yk-top-right.p2-yk-top-right ul li a.first-a{ color:#35BBA9; }


.title_name{
	font-size: 24px;
	color: #35BBA9;
}
.title_names{
	font-size: 24px;
	color: #ffffff;
}
.border_b{
	width: 40px;
}
.p2-main{
	margin-top: 160px;
	position: relative;
}
.p2-main img{
	position: relative;
	top: 80px;
	width:550px;
}
.p2-main h3{
	font-size: 18px;
	color: #35BBA9;
	margin-bottom: 10px;
}
.p2-main p{
	font-size: 14px;
	color: #666666;
}
.p2_title1{
	top: 30px;
	left: -1000px;
}
.active .p2_title1{
	top: -40px;
	left: 470px;
	transition-delay: 0.6s;
}
.p2_title1{
	transition: all 0.9s;
}
.p2_title1 .border_t1{
	top: 0;
	left: -78px;
}
.p2_title1 .p2_name1{
	left: -57px;
}
.p2_title2{
	top: 80px;
	left: -1000px;
}
.active .p2_title2{
	left: 120px;
	transition-delay: 0.6s;
}
.p2_title2{
	transition: all 0.9s;
}
.p2_title2 .border_t2{
	top: 0;
	left: -175px;
}
.p2_title2 .p2_name2{
	left: -155px;
}
.p2_title3{
	top: 210px;
	left: -1000px;
}
.active .p2_title3{
	left: 80px;
	transition-delay: 0.6s;
}
.p2_title3{
	transition: all 0.9s;
}
.p2_title3 .border_t3{
	top: 0;
	left: -136px;
}
.p2_title3 .p2_name3{
	left: -115px;
}
.two_line3{
	left:-52px;
}
.p2_title4{
	top: 400px;
	left:-1000px;
}
.active .p2_title4{
	left: 155px;
	transition-delay: 0.6s;
}
.p2_title4{
	transition: all 0.9s;
}
.p2_title4 .border_t4{
	top: 0;
	left: -210px;
}
.p2_title4 .p2_name4{
	left: -190px;
}
.p2_title5{
	top: 70px;
	right: -1000px;
}
.active .p2_title5{
	right: 0;
	transition-delay: 0.6s;
}
.p2_title5{
	transition: all 0.9s;
}
.p2_title5 .border_t5{
	top: 0;
	left: -190px;
}
.p2_title5 .p2_name5{
	left: -168px;
}
.p2_title6{
	top: 240px;
	right: -1000px;
}
.active .p2_title6{
	right: 0;
	transition-delay: 0.6s;
}
.p2_title6{
	transition: all 0.9s;
}
.p2_title6 .border_t6{
	top: 0;
	left: -162px;
}
.p2_title6 .p2_name6{
	left: -140px;
}
.two_line6{
	left: -98px;
}
.p2_title7{
	top: 400px;
	right: -1000px;
}
.active .p2_title7{
	right: 100px;
	transition-delay: 0.6s;
}
.p2_title7{
	transition: all 0.9s;
}
.p2_title7 .border_t7{
	top: 0;
	left: -142px;
}
.p2_title7 .p2_name7{
	left: -120px;
}
.p3_main{
	margin-top: -30px;
	position: relative;
}
.p3_main p{
	font-size: 18px;
	color: #ffffff;
	font-weight: 600;
}
.p3_main img{
	width: 389px;
	position: relative;
	top: 110px;
}
.p3-title1{
	top: 175px;
	left: -1000px;
}
.active .p3-title1{
	left: 130px;
	transition-delay: 0.6s;
}
.p3-title1{
	transition: all 0.9s;
}
.p3_main .border_t1{
	position: relative;
	top: 0;
	left: 110px;
}
.p3-title2{
	top: 375px;
	left: -1000px;
}
.active .p3-title2{
	left: 115px;
	transition-delay: 0.6s;
} 
.p3-title2{
	transition: all 0.9s;
}
.p3_main .border_t2{
	position: relative;
	top: 0;
	left: 120px;
}
.p3-title3{
	top:575px;
	left: -1000px;
}
.active .p3-title3{
	left: 130px;
	transition-delay: 0.6s;
} 
.p3-title3{
	transition: all 0.9s;
}
.p3_main .border_t3{
	position: relative;
	top: 0;
	left: 110px;
}
.p3-title4{
	top:265px;
	right: -1000px;
}
.active .p3-title4{
	right: 130px;
	transition-delay: 0.6s;
} 
.p3-title4{
	transition: all 0.9s;
}
.p3_main .border_t4{
	position: relative;
	top: 0;
	left: -113px;
}
.p3-title5{
	top:475px;
	right: -1000px;
}
.active .p3-title5{
	right: 95px;
	transition-delay: 0.6s;
} 
.p3-title5{
	transition: all 0.9s;
}
.p3_main .border_t5{
	position: relative;
	top: 0;
	left: -130px;
}
.p3_main .border_t,.p2-main .border_t{
	width: 25px;
	height: 4px;
	margin-bottom: 10px;
}
.litle_name{
	font-size: 18px;
	color: #666666;
	margin-top: 10px;
	font-weight: 500;
}
.p4_main{
	margin-top: 120px;
	height:368px;
}
.p4_minute{
	display: inline-block;
	width:229px;
	height:368px;
	border:1px solid rgba(215,215,215,1);
}
.p4_minute h4,.p4_minutes h4{
	font-size: 18px;
	color: #35BBA9;
	margin-bottom: 20px;
}
.p4_minute p,.p4_minutes p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
@keyframes fade-in {  
    0% {opacity: 0;}  
    40% {opacity: 0;} 
    100% {opacity: 1;}  
}  
@-webkit-keyframes fade-in { 
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
.active #wrapper {    
    animation: fade-in; 
    animation-duration: 2s; 
    -webkit-animation:fade-in 2s; 
} 
.ph4{
	width: 98px;
	margin: 40px 65px;
}
.p5_main{
	margin-top: 100px;
}
.p5_minute1{
	position: relative;
	top: -22px;
}
.p5_minute{
	display: inline-block;
	width: 270px;
	margin: 0 55px;
}
.phone5s{
	width: 300px;
}
.border_title{
	margin-top: 50px;
}
.border_t{
	width: 25px;
	margin-bottom: 10px;
}
.litle_p{
	font-size: 18px;
	color: #35BBA9;
	line-height: 24px;
}
.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height:70px;
	line-height: 70px;
	font-size: 12px;
	color: #ffffff;
    background:rgba(51,51,51,1);
box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.03);
}
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; -color: #8F9DA4;color:#62D598; text-decoration: none; text-align: right; background: url(img/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "思源黑体"; color:#62D598; line-height: 21px;}
.section { text-align: center; font:"思源黑体"; }
.banner_web{display: none;}
.web-header{display: none;}
.but{display: none;}
.present{display: none;}
.bgs{background: url(img/repeat.png) repeat;background-size: 2200px;}
.chart,.present,.beverages{display: none;}
.pc-color{background:  #F1F4F8 ;}
.apply{display: none;}
.application{
	width: 200px;
	height: 280px;
	background: url(img/application.png) no-repeat;
	background-size: 200px;
	position: fixed;
	right: 0;
	top: 50%;   
	transform: translate(-50%, -50%);
	z-index: 999999999999;
}


@media screen and  (max-width: 640px){
	#fullPage-nav{display: none;}
	.yk-top{display: none;}
	.web-header{display: block;width: 7.5rem;height: 1rem; background: #ffffff;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.03);position: relative;}
	.web-header .logos{float: left;width: 2.26rem;margin-top: .3rem;margin-left: .3rem;}
	.web-header .icons,.web-header .but{position: absolute;right:0;width: .32rem;height: .26rem;margin: .37rem .3rem 0 0;}
	.web-nav{position: absolute;top: 1rem;right:0;background: #ffffff;width: 2.48rem;height: 2.4rem;display: none;z-index: 999999;}
	.web-nav li{font-size: .3rem;line-height: .7rem;color: #555555;height: .7rem;}
	.web-nav ul{position: absolute;left: .3rem;}
	.banners{display: none;}
	.web-banner1{background: url(img/web-banner1.png)no-repeat;background-size: 7.5rem;position: absolute;bottom: 0;top: 1rem;}
	.web-presents{background: url(img/web-presents.png)no-repeat;background-size: 7.5rem;position: absolute;bottom: 0;top: 1rem;}
	.web-beverages{background: url(img/web-beverages.png)no-repeat;background-size: 7.5rem;position: absolute;bottom: 0;top: 1rem;}
	.web-chart{background: url(img/web-chart.png)no-repeat;background-size: 7.5rem;position: absolute;bottom: 0;top: 1rem;}
	.web-footer{background: url(img/web-footers.png)no-repeat;background-size: 7.5rem;position: absolute;bottom: 0;top: 1rem;}
	.w-con{display: none;}
	.footer,.application{display: none;}
	.apply{display: block;width: 2rem;
	height: .72rem;
	background: url(img/apply.png);
	background-size: 2rem;
	position: fixed;
	right: -14%;
	top: 82%;   
	transform: translate(-50%, -50%);
	z-index: 999999999999;}
	/*.present{display: block;}
	.presents{position: relative;width: 7.5rem;}
	.present-title{font-size: .36rem;margin-top: .6rem;color: #35BBA9;}
	.border-bo{width: .41rem;height: .05rem;position: absolute;}
	.web-bg{background: url(img/bgs.png)repeat;position: absolute;bottom: 0;top: 1rem;}
	.beverages-title{font-size: .36rem;color: #ffffff;width: 4.09rem;position: absolute; top: 1.2rem; left:50%;transform: translate(-50%,-50%);}
    .borders-b{width: .4rem;height: .04rem;position: relative; top: .9rem;}    
    .beverages-ph{width: .9rem;display: inline-block;vertical-align: middle;}      
    .beverages-main p{display: inline-block; font-size: .3rem;color: #ffffff;vertical-align: middle;} 
    .beverages-main  {margin: .05rem 0}   
    .p3-beverages {margin-top: 1.3rem;}
    .beverages-2{margin-left: .3rem;}
    .beverages-5{margin-left: .6rem;}
    
    .chart,.present,.beverages{display: block;}
    .p4-butoom{display: none;}
    .chart{position: relative;width: 7.5rem;}
    .chart-title{font-size: .36rem;color: #35BBA9;width: 4.09rem;position: absolute; top: 1.2rem; left:50%;transform: translate(-50%,-50%);}
    .chart-b{width: .4rem;height: .04rem;margin-top: 1.9rem;}  
    .chart-ph{width: 2.5rem;margin: .05rem;}
    .chart-main{margin-top: 1.23rem;}
    .mass{width: 7.5rem;position: relative;bottom: 0;left: 0;}*/
    
    /*.plump{position: relative;width: 7.5rem;}
    .plump-title{font-size: .36rem;color: #35BBA9;width: 4.09rem;position: absolute; top: 1.2rem; left:50%;transform: translate(-50%,-50%);}
    .plump-b{width: .4rem;height: .04rem;margin-top: 1.9rem;} 
    .bg-plump{background: #ffffff;}
    .plump{background: #ededed;position: absolute;bottom: 0;top: 1rem;}	*/
   /*.bg-plump{background: url(img/association.png);background-size: 7.5rem;position: absolute;bottom: 0;top: 1rem;}*/
    
}