/* 
author:yaohaorong;
design:xuwanfu;
update:2015-04-23;
 */
/* "--" 表示状态 eg：loginState--off btn-start--off*/
 /* "-"表示连字符同级 eg：sec-sign sec-gift*/
 /* "_"表示子级或者孙级 eg：wp_content wp_ban*/
 /*驼峰命名 整个单词 eg：loginState*/

/* reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif }h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}ul,ol{list-style:none;}a{text-decoration:none;outline:0 none}a:hover{text-decoration:underline;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
body{font-family:\5FAE\8F6F\96C5\9ED1,"simsun",tahoma,arial,sans-serif;}
i,em{font-style: normal;} 
/*function              f-*/
.f-fix:after{display:block;content:"\200B";clear:both;height:0;}
.f-fix{*zoom:1;}
.f-hid{position:absolute;left:-9999px;}
.f-hid_txt{font-size: 0!important;line-height: 0;overflow: hidden;}

/*compontent        c-*/

/*button/icon/link   btn- ico- link-*/
.ico-option--android{background:url(../img/spr.png) no-repeat;}
.btn-down:hover{text-decoration: none;opacity: .9;filter: alpha(opacity=90);}
.btn-down{position:absolute;bottom:103px;left:346px;width: 308px;height: 70px;line-height: 70px;font-size: 30px;color: #fff;background-color: #1a95f2;text-align: center;}

/*common*/
.wp{font-family:\5FAE\8F6F\96C5\9ED1,"simsun",tahoma,arial,sans-serif;background-color: #f8f8f8;}
html,body{width: 100%;min-width: 1000px;}
.wp_ban,.wp-content,.sys_footer{width: 100%;min-width: 1000px;}
.main{width:1000px; margin:0 auto;}

/*page-index 主页*/
.banner{background-color: #f9f9f9 ;}
	.ban{position:relative;height: 685px;}
	.ban_client_l{position:absolute;top:135px;left:143px;height: 543px;width: 483px;background: url(../img/spr-24.png) no-repeat;}
	.ban_client_r{position:absolute;top:178px;right:116px;height: 577px;width: 482px;background: url(../img/spr-24.png) no-repeat -500px 0;}
	.ban_h2{}
	.ban_h2_t{position:absolute;top:64px;left:99px;width: 797px;height: 52px;background: url(../img/spr.png) no-repeat;}
	.ban_h2_l{position:absolute;top:116px;left:99px;width: 445px;height: 52px;background: url(../img/spr.png) no-repeat 0 -52px;}
	.ban_h2_r{position:absolute;top:116px;left:544px;width: 352px;height: 52px;background: url(../img/spr.png) no-repeat -445px -52px;}
	.ban_intro{position:absolute;bottom:60px;left:0;width: 100%;text-align: center;font-size: 18px;line-height: 24px;color: #484848;}
	.ban_intro_num{padding: 0 9px;color: #f59000;}

	.sec_intro{position: relative;height: 585px;background-color: #f1f1f1;}
	.sec_intro .main{position: relative;}
	.intro_title{position:absolute;top:51px;left:50%;margin-left: -275px;width: 550px;height: 65px;z-index: 9;}
	.intro_title_l{position:absolute;top:30px;left:0;width: 470px;height: 35px;background: url(../img/spr.png) no-repeat 0 -130px;}
	.intro_title_r{position:absolute;top:30px;left:470px;width: 80px;height: 35px;background: url(../img/spr.png) no-repeat -470px -130px;}
	.intro_title_arrow{position:absolute;top:12px;left:377px;width: 19px;height: 22px;background: url(../img/spr.png) no-repeat -930px 0;}
	.intro_main{position:absolute;top:101px;left:50%;margin-left: -484px;width: 968px;height: 416px;}
	.intro_mountain{position:absolute;top:0;left:0;width: 968px;height: 416px;background: url(../img/spr.png) no-repeat 0 -170px;}
	.intro_speed_before{position:absolute;bottom:138px;left:135px;width: 48px;height: 73px;background: url(../img/spr.png) no-repeat -810px 0;}
	.intro_speed_after{position:absolute;top:2px;right:121px;width: 60px;height: 89px;background: url(../img/spr.png) no-repeat -860px 0;}

	.sec_function{position: relative;padding-top: 133px;height: 552px;border-bottom: 1px solid  #e9e9ea;}
	.sec_function .main{padding: 0 20px;width: 960px;}
	.function{padding: 26px 0 37px;*zoom: 1;}

	.function_title{position:absolute;top:63px;left:50%;margin-left: -108px;width: 216px;height: 36px;background: url(../img/spr.png) no-repeat -560px -110px;}
	.function_intro{font-size: 14px;line-height: 24px;color: #666;}
	.function_intro .link-more{color: #0079cd;text-decoration: underline;font-weight: bold;}
	.function_list{margin-left: -42px;}
	.function_item{float: left;*display: inline;margin-left: 42px;width: 289px;text-align: center;line-height: 38px;font-size: 14px;font-weight: bold;color: #666;}
	.function_item_pic{border: 1px solid  #e2e2e2;border-radius: 1px;background-color: #fff;}
	.function_img01,.function_img02,.function_img03,.function_img04,.function_img05,.function_img06{display: block;width: 287px;height: 164px;background: url(../img/spr-function.png) no-repeat;}
	.function_img02{background-position: 0 -170px;}
	.function_img03{background-position: 0 -340px;}
	.function_img04{background-position: 0 -510px;}
	.function_img05{background-position: 0 -680px;}
	.function_img06{line-height: 167px;font-size: 14px;color: #666;background-position: 0 -850px;text-align: center;font-weight: normal;}
	
	



/*sys_contact*/
.sys_contact{width: 100%;min-width: 1000px;padding: 33px 0 32px;height: 68px;border-top: 1px solid  #e2e2e2;border-bottom: 1px solid  #e2e2e2;background-color: #fff;}
.contact{width:1000px; margin:0 auto;color: #555;font-size: 0;}
.contact_tel{float: left;width: 314px;}
.contact_qq{float: left;width: 344px;border-left: 1px solid  #e8e8e9;border-right: 1px solid  #e8e8e9;text-align: center;}
.contact_else{float: right;}
.contact_info{display:inline-block; *zoom:1;*display:inline;}
.contact_txt{font-size: 14px;line-height: 26px;}
.contact_num{font-size: 24px;line-height: 42px;}
.contact_else .contact_info{vertical-align: top;}
.contact_else .contact_txt{padding: 0 4px;line-height: 57px;}
/*header/sys_footer*/
.sys_header:after{content:'\20';display:block;height:0;clear:both;}
.sys_header{padding: 8px 0 9px;height:48px;z-index:99;*zoom:1;background-color: #fff;border-bottom: 2px solid  #1d95f1;}
.sys_header,.sys_footer{width: 100%;min-width: 1000px;}
.header{position: relative;height: 48px;*zoom: 1;}
.header_main{float: left;}
.header_logo{position: relative;top: 5px;padding-left: 56px;width: 180px;height: 40px;line-height: 1.2;font-weight: normal;background:url(../img/logo.png) no-repeat;  }
.header_logo_txt{position:absolute;left:-9999px;}
.header_logo_url{position:absolute;left:-9999px;}
.header_logo_link{position:absolute;top:0;left:0;width: 100%;height: 100%;}
.header_side{float: left;padding-left: 70px;}
.header_nav_item{float: left;padding: 0 8px;line-height: 48px;font-size: 18px;}
.header_nav_item a{color: #959595;}
.header_nav_item a:hover,.header_nav_item.on a{color: #0c8ef1;text-decoration: none;}
.header_extra{float:right;line-height: 48px;color:#646464;text-align:right;}
.header_extra_link{color:#646464;cursor: pointer;}
.header_userName{ color:#42b0fe}
.header_extra_log{float: right;}
.header_extra_btn{float:right;margin: 11px 0 0 13px;padding-left: 30px;width:60px;height:26px;line-height:24px;*line-height:28px;_line-height:24px;background: #42b0fe url(../img/logo.png) no-repeat 0 -50px;;color:#fff !important;overflow:hidden;text-align: left;}
.header_extra_btn:hover {filter:alpha(opacity=85); opacity: 0.85;text-decoration:none; }
.header,.foot{width:1000px; margin:0 auto;}
.sys_footer{border-top: 1px solid  #e8e8e9;}
.sys_footer .foot{text-align:center;color:#969696;line-height:25px; padding:40px 0 35px;}
.foot_link{color:#969696}
.foot_links .foot_link{margin:0 5px;}
.header_extra_chose{position:absolute;top:2px;left:617px;_width: 200px;}
.header_extra_option{float: left;*display: inline;margin: 0 18px;width: 40px;text-align: center;line-height: 22px;font-size: 12px;color: #8c8c8c;cursor: pointer;}

/*CSS3 animations*/

/*.sec_intro:hover .intro_main{-webkit-transform-origin: bottom center; transform-origin: bottom center;-webkit-animation:bounceUp 1.2s 0s ease both; animation:bounceUp 1.2s 0s ease both;}*/
.ban_h2_t{-webkit-animation:fadeInDown 1s 0.2s ease-out both; animation:fadeInDown 1s 0.2s ease-out both;}
.ban_h2_l{-webkit-animation:fadeInLeft 1s 1s ease-out both; animation:fadeInLeft 1s 1s ease-out both;}
.ban_h2_r{-webkit-animation:fadeInRight 1s 2s ease-out both; animation:fadeInRight 1s 2s ease-out both;}
.ban_client_l{-webkit-animation:bounceInUp 1.5s 2.5s ease-out both; animation:bounceInUp 1.5s 2.5s ease-out both;}
.ban_client_r{-webkit-animation:bounceInUp 1.5s 2.7s ease-out both; animation:bounceInUp 1.5s 2.7s ease-out both;}
.focus .intro_title_l{-webkit-animation:flipInX 0.5s 0s ease both; animation:flipInX 0.5s 0s ease both;}
.focus .intro_title_arrow{-webkit-animation:bounceIn 0.5s 0.5s ease both; animation:bounceIn 0.5s 0.5s ease both;}
.focus .intro_title_r{-webkit-animation:fadeInRight 1s 0.5s ease both; animation:fadeInRight 1s 0.5s ease both;}
.focus .intro_speed_before{-webkit-animation:bounceDown 0.4s 1.1s ease-in both; animation:bounceDown 0.4s 1.1s ease-in both;}
.focus .intro_speed_after{-webkit-animation:bounceDown 0.4s 1.4s ease-in both; animation:bounceDown 0.4s 1.4s ease-in both;}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@keyframes bounceInDown{
0%{opacity:0;
transform:translateY(-2000px)}
60%{opacity:1;
transform:translateY(30px)}
80%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
@-webkit-keyframes bounceDown{
0%{opacity:0;
-webkit-transform:translateY(-100px)}
60%{opacity:1;
-webkit-transform:translateY(0px)}
80%{-webkit-transform:translateY(-3px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes bounceDown{
0%{opacity:0;
transform:translateY(-100px)}
60%{opacity:1;
transform:translateY(0px)}
80%{transform:translateY(-3px)}
100%{opacity:1;transform:translateY(0)}
}

@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@keyframes flipInX{
0%{transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{transform:perspective(400px) rotateX(-10deg)}
70%{transform:perspective(400px) rotateX(10deg)}
100%{transform:perspective(400px) rotateX(0deg);
opacity:1}
}

@-webkit-keyframes bounceInUp{
0%{opacity:0;
-webkit-transform:translateY(500px)}
40%{-webkit-transform:translateY(-20px)}
100%{-webkit-transform:translateY(0)}
}
@keyframes bounceInUp{
0%{opacity:0;
transform:translateY(500px)}
40%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}

@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:translateY(200px)}
60%{opacity:1;
-webkit-transform:translateY(-4px)}
80%{-webkit-transform:translateY(3px)}
100%{-webkit-transform:translateY(0)}
}
@keyframes bounceIn{
0%{opacity:0;
transform:translateY(200px)}
60%{opacity:1;
transform:translateY(-4px)}
80%{transform:translateY(3px)}
100%{transform:translateY(0)}
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-10px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;
transform:translateY(-10px)}
100%{opacity:1;
transform:translateY(0)}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-10px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{opacity:0;
transform:translateX(-10px)}
100%{opacity:1;
transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(30px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;
transform:translateX(30px)}
100%{opacity:1;
transform:translateX(0)}
}

@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(5, 5);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(5, 5);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}