@charset "UTF-8";

/**
 * smartphone  basic.css
 */
html * { outline: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-focus-ring-color: rgba(0, 0, 0, 0) }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, figure, figcaption { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, big, small { font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
select, input, textarea { font-size: 100%; }
input, button { -webkit-appearance: none; }
b, strong, em { font-weight: bold; }
a, a:link { color: #85b5cf; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:visited { color: #85b5cf; }
html, body { width: 100%; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-align: center; box-align: center }
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #97c0d6; font: 1.2rem/1.5 Helvetica, "Microsoft YaHei", Arial, sans-serif; color: #000; opacity: 1; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
img { width: 100%; vertical-align: top; }
@media screen and (max-width:359px) and (orientation:portrait) {
	html { font-size: 53.33% }
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
	html { font-size: 60% }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
	html { font-size: 64% }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
	html { font-size: 66.67% }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
	html { font-size: 68% }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
	html { font-size: 70% }
}
@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait) {
	html { font-size: 75% }
}
@media screen and (min-width:640px) and (orientation:portrait) {
	html { font-size: 85% }
}


/* clearfix */
.clearfix { min-height: 1px }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
*html .clearfix { height: 1px }

/**
 * common.css
 */
body { -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrapper { width: 100%; padding-top: 5.5rem;}
.topbar { position: relative; width: 100%; z-index: 1001; }
.topbar_inner { position: relative; height: 5.5rem; background: url(../images/topbar_line.png) no-repeat center bottom; -webkit-background-size: auto 0.1rem; background-size: auto 0.1rem; z-index: 1; position: fixed; left: 0; right: 0; top: 0;
	display: -webkit-box;      display: -moz-box;            display: -ms-flexbox; 
	   display: -webkit-flex;      display: flex; 
}
.topbar_inner:before { position: absolute; display: block; left: 0; top: 0; content: " "; width: 100%; height: 100%; background: url(../images/topbar_bg.png) repeat-x #3b61b5; -webkit-background-size: auto 100%; background-size: auto 100%; z-index: -1; }
.topbar .logo { -webkit-box-sizing: border-box; box-sizing: border-box; width:50%; padding: 0 10.3125% 0 3.90625%; vertical-align: middle;

  } 
.topbar .logo a { display: block; height: 5.5rem; padding-top: .5rem; }
.topbar .logo img { max-width: 13.8rem; vertical-align: middle; }
.topbar .topList { width:50%; background: url(../images/topbar_bg_s.png); margin-right: -.4rem}

.topbar .topList > li { float: left; height: 5.5rem; width: 33.333333333%; padding-left: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/top_sep.png) no-repeat left center; -webkit-background-size: auto 100%; background-size: auto 100%;}
.topbar .topList > li > a { display: block; font-size: 1.4rem; text-align: center; color: #fff; }
.topList .btnDownload,
.topList .link_forum{ padding-top: 2rem;}

.topList .btnDownload a { background: url(../images/ico_download.png) no-repeat center center; -webkit-background-size: 1.9rem auto; background-size: 1.9rem auto; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.menu { text-align: center; }
.menu .menu_ico { position: relative; display: block; width: 2.5rem; height: 0.3rem; margin: 2.6rem auto 0; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.menu .menu_ico:before, .menu .menu_ico:after { position: absolute; content: " "; left: 0; width: 2.5rem; height: 0.3rem; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.menu .menu_ico:before { top: -0.7rem; }
.menu .menu_ico:after { top: 0.7rem; }
.menu .menu_ico:before, .menu .menu_ico:after { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out ;}
.menu.on .menu_ico:before { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.menu.on .menu_ico:after { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
.menu_down { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; left: 0; top: 5.5rem; width: 100%; padding: 2rem 14.0625% 1.5rem 3.125%; border-bottom: 0.1rem solid rgba(255, 255, 255, 0.8); background-color: rgba(8, 14, 31, 0.94); z-index: -1; }
.menu_down .btnClose { display: block; position: absolute; width: 2.7rem; height: 2.8rem; right: 3.125%; top: 2rem; background: url(../images/btn_close.png) no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: 10;}

.menu_down .menu_list:after{
	content: "."; display: block; clear: both; height: 0; visibility: hidden; 
}
.menu_down li { float: left; width: 32.075%; margin: 0 0.943% 2.8868% 0; }
.menu_down li a { display: block; padding: 18px 0; border: 1px solid #7aa1b9; font-size: 1.6rem; color: #f9f9f9; line-height: 1.2;
 text-align: center; }
.menu_down.open { -webkit-animation: bounceInDown .5s 0s ease-in-out both; -moz-animation: bounceInDown .5s 0s ease-in-out both; -ms-animation: bounceInDown .5s 0s ease-in-out both; animation: bounceInDown .5s 0s ease-in-out both }
@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) }
}
@-moz-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% { -moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) }
	
}
@-o-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% { -o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) }

}
@-ms-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% { -ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) }
	
}
@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, .61, .355, 1) }
	
}
.menu_down.close { -webkit-animation: fadeOutUp .5s 0s ease-in-out both; -moz-animation: fadeOutUp .5s 0s ease-in-out both; -ms-animation: fadeOutUp .5s 0s ease-in-out both; animation: fadeOutUp .5s 0s ease-in-out both }
@-webkit-keyframes fadeOutUp {
	0% { opacity: 1; filter: alpha(opacity=100) }
	100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -100%, 0) }
}
@-moz-keyframes fadeOutUp {
	0% { opacity: 1; filter: alpha(opacity=100) }
	100% { opacity: 0; filter: alpha(opacity=0); -moz-transform: translate3d(0, -100%, 0) }
}
@-o-keyframes fadeOutUp {
	0% { opacity: 1; filter: alpha(opacity=100) }
	100% { opacity: 0; filter: alpha(opacity=0); -o-transform: translate3d(0, -100%, 0) }
}
@-ms-keyframes fadeOutUp {
	0% { opacity: 1; filter: alpha(opacity=100) }
	100% { opacity: 0; filter: alpha(opacity=0); -ms-transform: translate3d(0, -100%, 0) }
}
@keyframes fadeOutUp {
	0% { opacity: 1; filter: alpha(opacity=100) }
	100% { opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, -100%, 0) }
}

/* footer */
.footer { width: 100%; padding: 1.8rem 0 2.8rem; background-color: #373737; color: #858585; font-size: 1rem; text-align: center; }
.footer .quickLinks { margin: 0 0.2rem; padding-bottom: 2rem; border-bottom: 1px solid #373737; display: inline-block; }
.footer .quickLinks li { display: table-cell; }
.footer .quickLinks li a { display: block; padding-top: 5.5rem; margin: 0 0.75rem; color: #858585; text-align: center; min-width: 4.4rem; }
.footer .quickLinks .link_interest a { background: url(../images/ico_interest.png) no-repeat center 0; -webkit-background-size: 4.4rem auto; background-size: 4.4rem auto; }
.footer .quickLinks .link_gzh a { background: url(../images/ico_wx.png) no-repeat center 0; -webkit-background-size: 4.4rem auto; background-size: 4.4rem auto; }
.footer .quickLinks .link_sina a { background: url(../images/ico_sina.png) no-repeat center 0; -webkit-background-size: 4.4rem auto; background-size: 4.4rem auto; }
.footer_b { position: relative; margin: 0 0.2rem; padding: 0.8rem 3.125% 0; border-top: 1px solid #6f6f6f; text-align: left; }
.footer_b .btnTop { display: block; position: fixed; right: 5%; bottom: 3.5rem; width: 4.2rem; height: 4.4rem; background: url(../images/btn_totop.png) no-repeat 0 0; -webkit-background-size: 4.2rem 4.4rem; background-size: 4.2rem 4.4rem; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 1000; display:none}
.footer_b .tips { font-size: 1rem; line-height: 1.7; }
.footer_b .btnEnter { display: block; width: 8.2rem; height: 1.9rem; margin: 1rem 0 2rem; background: url(../images/btn_enter.png) no-repeat 0 0; -webkit-background-size: 8.2rem 1.9rem; background-size: 8.2rem 1.9rem; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; }
.footer_b .copyright { font-size: 0.9rem; text-align: center; }

/* subpages common */
.backBar { height: 3.8rem; border-top: 1px solid #162177; background-color: #4770b0; -webkit-box-shadow: 0 1px 1px #8594af; box-shadow: 0 1px 1px #8594af; }
.backBar .btnBack { display: block; width: 7rem; height: 3.8rem; border-right: 1px solid #6a90c4; color: #fff; font-size: 1.2rem; line-height: 3.8rem; text-align: center; background-color: #244096; box-shadow: 1px 0 1px #3a60a2; }
.main .mainContainer { padding: 0.5rem 1rem 1.5rem; background: url(../images/news_bg.jpg) no-repeat center 0 #97c0d6; -webkit-background-size: 100% auto; background-size: 100% auto; }
.main .main_ttl { padding: 1.2rem 1rem; border: 1px solid #c4c4c4; background-color: #e4e4e4; box-shadow: 0 -2px 2px #d2d2d2 inset; text-align: center; font-size: 1.4rem; line-height: 1.2; color: #4485b5; }
.main .main_content { padding: 1rem 2rem; background-color: #fff; color: #949494; }

@keyframes start_move{0%{opacity: 1;}100%{opacity: 0;transform: translate(200%,-100%);}}

@-webkit-keyframes start_move{0%{opacity: 1;}100%{opacity: 0;transform: translate(200%,-100%);}}
@-moz-keyframes start_move{0%{opacity: 1;}100%{opacity: 0;transform: translate(200%,-100%);}}

@keyframes start_move2{0%{opacity: 1;}50%{opacity: .2;}100%{opacity: 0;transform: translate(200%,-100%);}}

@-webkit-keyframes start_move2{
	0%{opacity: 1;}
	50%{opacity: .2;}
100%{opacity: 0;transform: translate(200%,-100%);}}
@-moz-keyframes start_move2{0%{opacity: 1;}50%{opacity: .2;}100%{opacity: 0;transform: translate(200%,-100%);}}
.start_move{ position: absolute; left: 0; bottom: 0; z-index: 10; width:64rem; overflow:hidden;
	 height: 17rem; width: 23rem;
}
.start_move span{ position: absolute; left: 0; top: 0; opacity: 1;}
.start_move span.t{
  animation: start_move 2s 1s ease-out infinite normal forwards;
  -moz-animation: start_move 2s 1s ease-out infinite normal forwards;
  -webkit-animation: start_move 2s 1s ease-out infinite normal forwards;
}
.start_move span.t img{ width: 8.5rem; height: 14.6rem;}
.start_move span.t2{ left: 8.5rem;
  animation: start_move2 2s .5s ease-out infinite normal forwards;
  -moz-animation: start_move2 2s .5s ease-out infinite normal forwards;
  -webkit-animation: start_move2 2s .5s ease-out infinite normal forwards;
}
.start_move span.t2 img{ width: 14.3rem; height:16.4rem;}

/*ios download*/
.ios_download{ position: absolute; bottom: 0; left: 0; right: 0;z-index: 50;}
.ios_download img{ width: 100%;}

.ios_download_box{ position: absolute; z-index: 3; bottom: 0; left: 0; right: 0;}
.ios_download_box a{ position: absolute; width: 36%; height: 80%; top: 0;}
.ios_download_box a.dow_log{ left: 11%;}
.ios_download_box a.lb{ right: 11%; width: 38%;}