@charset "utf-8";
.index_mu{ width:622px; height:23px; height:auto; float:right;padding-top:57px;}
.index_mu li{ width:55px; height:23px; float:left; position:relative;;}
.index_mu li a img{ display:block; margin:0 auto;transition:ease all;-webkit-transition:ease all;-moz-transition:ease all; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s}
.index_mu li a img:hover{transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px); -moz-transform:translate(0px,-5px);}
.weixin_box{ width:116px; height:116px; position:absolute; top:30px; left:-15px; padding:18px 4px 5px 4px; background:url(../images/wei_bg.png) no-repeat;}
.con_main{ width:600px; height:550px; position:absolute; left:50%; top:53%; margin:-275px 0px 0px -300px; z-index:1;}
.con_main img{ margin:-37px auto; max-width:73%; height:auto; display:block;}
.con_title{ width:100%; height:auto;}
.mt_50{ margin-top:50px;}
.con_button{ width:400px; height:52px; margin:55px auto 0px;}
.con_button a{ width:160px; height:44px; text-align:center; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font-size:24px; color:#fff; line-height:44px; background: #f4c5d0; border:3px solid #fff;}
.con_button a:hover{ background:#fff; color:#f4c5d0;}
.index_foot{ width:100%; height:35%; background:#f4c5d0; position:absolute; bottom:44px; left:0px;}
.video{width: 100px; height: 52px; margin: 167px auto 0px;}
.video img{width: 100px;  height: auto;}
.ins_p{ text-align:center; font-size:10px; position:absolute; bottom:12px; left:0px; width:100%; color:#888;}
.ins_p a{color:#888;}


.se_embBox{ width:100%; height:100%;  position:absolute; left:0px; top:0px; z-index:1000;}
.se_embBox embed{width:400px; height:400px; position:absolute; left:50%; top:50%; margin:-200px 0px 0px -200px;}
.ne_colse{ width:59px; height:58px; background:url(../images/phone/ne_colse.png) no-repeat;background-size:cover; position:absolute; top:50%; left:50%; margin:-218px 0px 0px 221px;}
#section4 .ne_colse{ margin:-260px 0px 0px 142px;}
.se_embBox{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/000_bg.png);}
#media{z-index: 1001;}
.se_embBox_conBox {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0px 0px -200px;
}
.se_embBox_conBox span.ne_colse {
    width: 59px;
    height: 58px;
    margin: -201px 0px 0px 205px;
    position: absolute;
    left: 50%;
    top: 55%;
    cursor: pointer;
}
.point{
    width: 68px;
    height: auto;
    margin: 10px auto 0px;
}
.point img{
    width: 20px;
    height: auto;
    display: inline-block;
}


.pro_1_01{transform:translate(0px,200px); -webkit-transform:translate(0px,200px);-webkit-transform:translate(0px,200px); opacity:0}
.pro_1_02{transform:translate(0px,300px); -webkit-transform:translate(0px,300px);-webkit-transform:translate(0px,300px); opacity:0}
.pro_1_03{transform:translate(0px,480px); -webkit-transform:translate(0px,480px);-webkit-transform:translate(0px,480px); opacity:0}
.animatepro_1{animation:pro_1_n1 0.5s 0.2s  forwards ease;-webkit-animation:pro_1_n1 0.5s 0.2s  forwards ease; -moz-animation:pro_1_n1 0.5s 0.2s forwards ease;}
@keyframes pro_1_n1{
    0%{transform:translate(0px,130px); opacity:0}
	30%{ opacity:1}
    100%{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes pro_1_n1{
    0%{-webkit-transform:translate(0px,130px); opacity:0}
	30%{ opacity:1}
    100%{-webkit-transform:translate(0px,0px);opacity:1}
}
@-moz-keyframes pro_1_n1{
   	0%{-moz-transform:translate(0px,130px); opacity:0}
	30%{ opacity:1}
    100%{-moz-transform:translate(0px,0px);opacity:1}
}
.animatepro_2{animation:pro_2_n1 0.5s 0.2s  forwards ease; -webkit-animation:pro_2_n1 0.5s 0.2s  forwards ease; -moz-animation:pro_2_n1 0.5s 0.2s forwards ease;}
@keyframes pro_2_n1{
    0%{transform:translate(0px,200px); opacity:0}
	30%{ opacity:1}
    100%{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes pro_2_n1{
    0%{-webkit-transform:translate(0px,200px); opacity:0}
	30%{ opacity:1}
    100%{-webkit-transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes pro_2_n1{
    0%{-webkit-transform:translate(0px,200px); opacity:0}
	30%{ opacity:1}
    100%{-webkit-transform:translate(0px,0px);opacity:1}
}
@-moz-keyframes pro_2_n1{
   	0%{-moz-transform:translate(0px,200px); opacity:0}
	30%{ opacity:1}
    100%{-moz-transform:translate(0px,0px);opacity:1}
}
.animatepro_3{animation:pro_3_n1 0.5s 0.2s  forwards ease; -webkit-animation:pro_3_n1 0.5s 0.2s  forwards ease; -moz-animation:pro_3_n1 0.5s 0.2s forwards ease;}
@keyframes pro_3_n1{
    0%{transform:translate(0px,380px); opacity:0}
	30%{ opacity:1}
    100%{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes pro_3_n1{
    0%{-webkit-transform:translate(0px,380px); opacity:0}
	30%{ opacity:1}
    100%{-webkit-transform:translate(0px,0px);opacity:1}
}
@-moz-keyframes pro_3_n1{
   	0%{-moz-transform:translate(0px,380px); opacity:0}
	30%{ opacity:1}
    100%{-moz-transform:translate(0px,0px);opacity:1}
}
 .buti_box{
     width:56px;
     height:52px;
     line-height:28px;
     padding-left:60px;
     border-radius:30px;
     position:absolute;
     right: 12px;
     top:42%;
     margin-top:-8px;
     color:#434f38;
     font-size:14px;
     opacity:0;
 }
 .icon_dtioBox img{
     display: block;
     width: 30px;
     height: auto;
     margin-left: auto;
     margin-right: auto;
 }
 .icon_dtioBox_02{
     width: 56px;
     height: 52px;
     margin-top:55px;
     right: 10px;
 }
.icon_dtioBox_02 img{
    display: block;
    width: 30px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}




 .ind_amneb01{animation:pro_3_ll 0.5s 0.5s  forwards ease; -webkit-animation:pro_3_ll 0.5s 0.5s  forwards ease; -moz-animation:pro_3_ll 0.5s 0.5s forwards ease;}
 @keyframes pro_3_ll{
    0%{transform:translate(320px,0px); opacity:0}
	30%{ opacity:1}
    100%{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes pro_3_ll{
    0%{-webkit-transform:translate(320px,0px); opacity:0}
	30%{ opacity:1}
    100%{-webkit-transform:translate(0px,0px);opacity:1}
}
@-moz-keyframes pro_3_ll{
   	0%{-moz-transform:translate(320px,0px); opacity:0}
	30%{ opacity:1}
    100%{-moz-transform:translate(0px,0px);opacity:1}
}
.ind_amneb02{animation:pro_3_ll2 0.5s 0.5s  forwards ease; -webkit-animation:pro_3_ll2 0.5s 0.5s  forwards ease; -moz-animation:pro_3_ll2 0.5s 0.5s forwards ease;}
 @keyframes pro_3_ll2{
    0%{transform:translate(500px,0px); opacity:0}
	30%{ opacity:1}
    100%{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes pro_3_ll2{
    0%{-webkit-transform:translate(500px,0px); opacity:0}
	30%{ opacity:1}
    100%{-webkit-transform:translate(0px,0px);opacity:1}
}
@-moz-keyframes pro_3_ll2{
   	0%{-moz-transform:translate(500px,0px); opacity:0}
	30%{ opacity:1}
    100%{-moz-transform:translate(0px,0px);opacity:1}
}

 .womain_bg{ width:1002px; height:505px; position:absolute; top:-505px; left:50%; margin-left:-501px; background:url(../images/womenday.jpg) no-repeat; opacity:0;}
 .ind_amprowo{animation:prowo 0.8s 0.2s  forwards ease; -webkit-animation:prowo 0.8s 0.2s  forwards ease; -moz-animation:prowo 0.3s 0.5s forwards ease;}
 @keyframes prowo{
    0%{ opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes prowo{
    0%{ opacity:0}
    100%{opacity:1}
}
@-moz-keyframes prowo{
   	0%{ opacity:0}
    100%{opacity:1}


}

.bg_indexbox{ width:100%; height:100%; background:url(../images/bg_index.jpg) center no-repeat; background-size:cover;}
.bg_conBox{ width:100%; height:100%; position:absolute; top:-100%; left:0px; background: url(../images/bg_in_bg.png);}
.bogi_conBox{ width:450px; height:750px; position:absolute; left:50%; top:50%; margin:-375px 0px 0px -225px;}
.bogi_conBox a{ display:block;}
.bogi_conBox img{ display:block; margin:0px auto 15px;}
.bogi_conBox .mb30{ margin-bottom:36px;}
.list_box_a{ width:290px; height:52px; margin:43px auto 0px; }
.list_box_a a{ float:left; width:52px; height:52px; margin-right:65px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transform:translate(0px,480px); -webkit-transform:translate(0px,480px);-webkit-transform:translate(0px,480px); opacity:0;}
.list_box_a a img{ margin:0px;}
.list_box_a a:hover{ background:#24bc78}
.list_box_a span{  line-height:24px; font-size:14px; color:#24bc78; position:absolute; top:-38px; background:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; left:50%; text-align:center;}
.list_box_a span.ua1{ width:80px; margin-left:-40px;}
.list_box_a span.ua2{ width:146px; margin-left:-73px;}
.list_box_a span.ua3{ width:116px; margin-left:-58px;}
.list_box_a span font{ width:6px; height:5px; overflow:hidden; background:url(../images/a13.png) no-repeat; position:absolute; top:24px; left:50%; margin-left:-3px;}
.con_ne05{width:128px; height:128px;transition:ease all; -webkit-transition:ease all;-moz-transition:ease all;transition-duration:0.7s; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s;transform:scale(0.95,0.95); -webkit-transform:scale(0.95,0.95); -moz-transform:scale(0.95,0.95); margin:0px auto; }
.con_ne05:hover{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1);}
.animation_01{animation:in_in01 3.5s 0s  forwards ease; -webkit-animation:in_in01 3.5s 0s  forwards ease; -moz-animation:in_in01 3.5s 0s forwards ease;}
 @keyframes in_in01{
    0%{transform:scale(1,1);  }
    100%{transform:scale(1.05,1.05); }
}
@-webkit-keyframes in_in01{
    0%{ -webkit-transform:scale(1,1);}
    100%{-webkit-transform:scale(1.05,1.05);}
}
@-moz-keyframes in_in01{
   	0%{ -moz-transform:scale(1,1);}
    100%{-moz-transform:scale(1.05,1.05);}


}
.animation_02{animation:in_in02 0.3s 1.5s  forwards ease; -webkit-animation:in_in02 0.3s 1.5s  forwards ease; -moz-animation:in_in02 0.3s 1.5s forwards ease;}
 @keyframes in_in02{
    0%{top:-100%;  }
    100%{top:0%; }
}
@-webkit-keyframes in_in02{
    0%{top:-100%;  }
    100%{top:0%; }
}
@-moz-keyframes in_in02{
   	0%{top:-100%;  }
    100%{top:0%; }


}
.op_0{ opacity:0;}
.animation_03{animation:prowo 0.3s 1.8s  forwards ease; -webkit-animation:prowo 0.3s 1.8s  forwards ease; -moz-animation:prowo 0.3s 1.8s forwards ease;}
.animation_04{animation:prowo 0.3s 2.1s  forwards ease; -webkit-animation:prowo 0.3s 2.1s  forwards ease; -moz-animation:prowo 0.3s 2.1s forwards ease;}
.animation_05{animation:prowo 0.3s 2.4s  forwards ease; -webkit-animation:prowo 0.3s 2.4s  forwards ease; -moz-animation:prowo 0.3s 2.4s forwards ease;}
.animation_06{animation:prowo 0.3s 2.7s  forwards ease; -webkit-animation:prowo 0.3s 2.7s  forwards ease; -moz-animation:prowo 0.3s 2.7s forwards ease;}
.animation_07{animation:prowo 0.3s 3s  forwards ease; -webkit-animation:prowo 0.3s 3s  forwards ease; -moz-animation:prowo 0.3s 3s forwards ease;}
.animation_08{animation:prowo 0.3s 3.3s  forwards ease; -webkit-animation:prowo 0.3s 3.3s  forwards ease; -moz-animation:prowo 0.3s 3.3s forwards ease;}
.animation_09{animation:in_in03 0.5s 3.6s  forwards ease; -webkit-animation:in_in03 0.5s 3.6s  forwards ease; -moz-animation:in_in03 0.5s 3.6s forwards ease;}
 @keyframes in_in03{
    0%{transform:translate(0px,480px); opacity:0; }
	20%{opacity:1;}
    100%{transform:translate(0px,0px); opacity:1; }
}
@-webkit-keyframes in_in03{
    0%{-webkit-transform:translate(0px,480px); opacity:0; }
	20%{opacity:1;}
    100%{-webkit-transform:translate(0px,0px); opacity:1;}
}
.animation_10{animation:in_in03 0.5s 3.8s  forwards ease; -webkit-animation:in_in03 0.5s 3.8s  forwards ease; -moz-animation:in_in03 0.5s 3.8s forwards ease;}
.animation_11{animation:in_in03 0.5s 3.9s  forwards ease; -webkit-animation:in_in03 0.5s 3.9s  forwards ease; -moz-animation:in_in03 0.5s 3.9s forwards ease;}


 @media only screen and (max-height: 850px) {
	.con_main, .womain_bg{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8);}
	.womain_bg{top:-455px;}
	.bogi_conBox{transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9);}

}
@media only screen and (max-height: 800px) {
	.bogi_conBox{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8);}

}
@media only screen and (max-height: 700px) {
	.bogi_conBox{transform:scale(0.75,0.75); -webkit-transform:scale(0.75,0.75); -moz-transform:scale(0.75,0.75);}

}
@media only screen and (max-width: 1366px)	and (max-height: 680px) {
	.con_main, .womain_bg{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8);}
	.womain_bg{top:-455px;}

}

@media only screen and (max-width: 1280px) {
	.herder_conmon{ width:1024px;}
	.con_main, .womain_bg{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8);}
	.womain_bg{top:-455px;}
}