@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; min-width:1024px; width:expression((documentElement.clientWidth < 1024) ? "1024px" : "100%" ); zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}


/*头部*/



.Header_bg{}
.Header{  background-color:#fff; width:100%;height:100px; position:absolute; z-index:100;}
.top{width:1002px; margin:0 auto; position:relative;}
.Header .logo{ width:201px; height:62px; position:absolute; left:0px; top:8px; margin:0px; padding:0px; background:url(../images/logo.png) no-repeat left top;}
.Header .logo a{ display:block; height:62px;}
.Header .logIn{ position:absolute; right:0px; top:18px;}
.Header .logIn a{ display:inline-block; width:70px; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; background:#f7b33b; margin-left:3px;}
.Header .logIn a.a2{ background:#83cd33;}
.Header .logIn a:hover{ color:#FFF;}
.Mainnav{ position:absolute; right:34px; top:25px;}
.Mainnav ul li{ float:left; font-size:16px; padding:0 40px 0 0; text-align:center; overflow:hidden;}
.Mainnav ul li span a{ color:#555;}
.Mainnav ul li span a:hover,.Mainnav ul li.onnav a{ color:#ff9914;}
.statu{width:100%; background-color:#6f6f6f; height:30px; line-height:30px;}
.statu_box{overflow:hidden; font-size:12px;width:62.5%;min-width:1024px;margin:0 auto;}
.statu_box div.div{float:right; padding:0 1%;color:#fff;}
.statu_box div.register{ background:url(../images/one/line.png) right top no-repeat;}
.statu_box div.a:hover{background-color:#ff9914 !important;}
.orange_bg{ background-color:#ff9914 !important;}
.statu_box div a{color:#fff;}
.quit{ background:url(../images/one/t.png) left center no-repeat;display:none;}
.person{display:none;}
.login{/*display:none;*/}

.section1 { background: url(../images/one/one_bg.png) 50%;}
.section2 { background:url(../images/two/two_bg.jpg) 50%;}
.section3 { background:url(../images/three/three_bg.jpg) 50%;}
.section4 { background:url(../images/four/four_bg.jpg) 50%;}
.section5 { background:url(../images/five/five_bg.jpg) 50%;}
.section_content{width:62.5%;min-width:1024px;margin:0 auto;}
.section { text-align: center;}

/*one*/
.one .logo_slider{ width:100%;padding-top:14%;}
.one .logo_box{ width:12%; margin:0 auto;}
.one .p{ color:#fff; font-size:24px;padding:3% 0;}
.section_content .span{ color:#fff; font-size:25px; display:block;text-align:center; width:20%; padding:10px 0; margin:0 auto; background-color:#ff9914; border-radius:25px;}
.section_content .span a{color:#fff;}
.one .ul_icon{overflow:hidden; width:50%; position:absolute; left:50%; margin-left:-25%; bottom:-100%;}
.one .ul_icon li{float:left; text-align:center; width:33.3%;}
.one .ul_icon li .icon{width:30%; margin:0 auto;}
.one .ul_icon li img{width:100%;}
.one .ul_icon li h3{ color:#fff; font-size:18px; font-weight:normal; padding:3% 0;}
.one .ul_icon li p{ color:#a5d5fe; font-size:13px;}

.moveDown_1{ animation:logo 0.5s ease-in ;-moz-animation:logo 0.5s  ease-in;-o-animation:logo 0.5s ease-in;-webkit-animation:logo 0.5s  ease-in;}

/*two*/
.two h3{ color:#6e6958; font-size:35px; font-weight:normal; padding-top:3%;}
.two img{width:100%;}
.two p{ color:#5c594e; font-size:25px;padding:2% 0;}
.two_slider{position:relative; width:70%; margin:0 auto;}
.two_slider .two_bg_box{position:absolute; top:50%; left:50%; width:100%; margin-left:-50%; margin-top:-28%; opacity:0;}
.two_slider .phone_box{ width:70%; margin:0 auto; padding-top:56%; position:relative; overflow:hidden;}
.two_slider .phone_box .l_phone{ width:25%; position:absolute; left:36%; top:26%;}
.two_slider .phone_box .c_phone{ width:30%; position:absolute; left:35%; top:13%; z-index:10;}
.two_slider .phone_box .r_phone{ width:25%; position:absolute; left:39%; top:26%;}

.second_img{ animation:img_slider 1.0s ease-in ;-moz-animation:img_slider 1.0s  ease-in;-o-animation:img_slider 1.0s ease-in;-webkit-animation:img_slider 1.0s  ease-in;}


/*three*/
.three h3{ color:#6e6958; font-size:35px; font-weight:normal; padding-top:3%;}
.three img{width:100%;}
.three p{ color:#5c594e; font-size:25px;padding:2% 0;}
.three_slider{position:relative; width:95%; margin:0 auto;}
.three .pic_box{ width:90%; margin:0 auto; position:relative; padding-top:40%;}
.three .pic_box .pic{ position:absolute; width:30%; opacity:0; transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 0.5s;}
.three .pic_box .pic1{ top:60%; left:-5%;}
.three .pic_box .pic2{ top:27%; left:67%;}
.three .pic_box .pic3{ top:77%; left:62%;}
.three .pic_box .pic4{ top:51%; left:64%;}
.three .pic_box .pic5{ top:56%; left:17%;}
.three .pic_box .pic6{ top:30%; left:44%;}
.three .pic_box .pic7{ top:32%; left:21%;}
.three .pic_box .pic8{ top:33%; left:-3%;}
.three .pic_box .pic9{ top:55%; left:42%;}
.flag_box{top:20%;width:100%;}
.flag_box .flag{ width:7%; position:absolute;}
.flag_box .flag1{ top:26%; left:17%;opacity:0;}
.flag_box .flag2{ top:32%; left:59%;opacity:0;}
.flag_box .flag3{ top:42%; left:72%;opacity:0;}
.flag_box .flag4{ top:44%; left:35%;opacity:0;}

.flag_slider{animation:img_slider 0.5s ease-in ;-moz-animation:img_slider 0.5s  ease-in;-o-animation:img_slider 0.5s ease-in;-webkit-animation:img_slider 0.5s  ease-in;}
/*four*/
.four h3{ color:#6e6958; font-size:35px; font-weight:normal; padding-top:3%;}
.four img{width:100%;}
.four p{ color:#5c594e; font-size:25px;padding:2% 0;}
.four_slider{ overflow:hidden; width:95%; margin:0 auto;}
.four_slider img{width:100%;}
.four_slider .l_phone_box{ float:left; width:40%; position:relative; z-index:2}
.four_slider .c_tip_box{ float:left;width:19%;/* margin-left:3%;*/ margin-top:17%;}
.four_slider .r_phone_box{ float:right;width:35%; position:relative; margin-left:5%;}
.four_slider .l_phone_box .main_phone{ width:45%; margin-left:36%; margin-top:7%; position:relative;}
.l_phone_box .other_icon{position:absolute;}
.l_phone_box .o1{ top:24%; left:42%; width:18%;}
.l_phone_box .o2{ top:44%; left:42%; width:27%;}
.l_phone_box .o3{ top:68%; left:42%; width:13%;}
.l_phone_box .o4{ top:30%; left:50%; width:20%;}
.l_phone_box .o5{ top:58%; left:60%; width:10%;}
.c_tip_box{position:relative;}
.c_tip_box .up{ width:80%; opacity:0; position:absolute;left:140%; top:42%; opacity:0;}
.c_tip_box .down{ width:80%; margin-top:25%; position:absolute; left:-130%; top:42%; z-index:1; opacity:0;}

.r_phone_box .main_phone{ width:50%; margin:7% 0; position:relative; z-index:10;}
.r_phone_box .other{width:100%;}
.r_phone_box .o1{ top:100%; left:60%; width:35%; position:absolute;}
.r_phone_box .o2{ top:100%; left:-5%; width:100%; position:absolute;}

.star_box{width:100%;}
.star_box .star{ position:absolute;}
.star_box .star1{ left:15%; top:27%; width:4%;}
.star_box .star2{ left:12%; top:38%; width:2%;}
.star_box .star3{ left:35%; top:57%; width:2%;}
.star_box .star4{ left:64%; top:27%; width:2%;}

/*five*/
.five{width:50%; margin:0 auto; color:#fff;font-size:14px;}
.five img{width:100%;}
.five .wechat_logo{ width:62.5%;position:relative; margin:0 auto; padding:25% 0 10% 0;}
.five .wechat_logo .we_bg{width:414px; position:absolute; top:30%; left:50%; margin-left:-174px;}
.five .wechat_logo .dl_box{ width:346px;position:absolute; top:36%; left:50%; margin-left:-173px;}
.five .wechat_logo dl{ float:left; position:relative; z-index:10; width:40%; padding-left:10%; margin:0;}
.five .wechat_logo dt{ width:100%; }
.five .wechat_logo dd{color:#666; font-size:14px;margin-right:0; margin-top:3%;}
.dl_box dl dt img{ width:100%;}
.bottom_nav{ padding:5%;}
.bottom_nav ul{overflow:hidden; width:56%; margin:0 auto; padding-left:10%;}
.bottom_nav ul li{ float:left; text-align:left; width:33.3%; }
.bottom_nav ul li p.tel{ color:#ffe484; font-weight:bold;}
.bottom_nav ul li a{ display:block; color:#fff;}
.five .p_content{ overflow:hidden; width:100%; font-size:12px; margin-left:29%;}
.five .p_content p{ float:left;}
.five .p_content ul{ float:left; overflow:hidden; width:60%; margin-left:0.5%; }
.five .p_content ul li{ float:left; width:10%; background:url(../images/five/b.png) left center no-repeat;}
.five .p_content ul li a{ color:#fff;}



@keyframes logo{
	0%{padding-top:10%;}
	100%{padding-top:14%;}
}
@-moz-keyframes logo{
	0%{padding-top:10%;}
	100%{padding-top:14%;}
}
@-o-keyframes logo{
	0%{padding-top:10%;}
	100%{padding-top:14%;}
}
@-webkit-keyframes logo{
	0%{padding-top:10%;}
	100%{padding-top:14%;}
}


@keyframes img_slider{
	0%{ transform:scale(0); -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);}
	100%{ transform:scale(1); -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);}
}
@-moz-keyframes img_slider{
	0%{ transform:scale(0); -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);}
	100%{ transform:scale(1); -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);}
}
@-o-keyframes img_slider{
	0%{ transform:scale(0); -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);}
	100%{ transform:scale(1); -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);}
}
@-webkit-keyframes img_slider{
	0%{ transform:scale(0); -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);}
	100%{ transform:scale(1); -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);}
}