@charset "utf-8";
/*
 *  website:http://www.ipanelonline.com
 *	author:kevin
 *	msn:lyhyl1314@hotmail.com
 *	qq:531197817(liyann2008@163.com)
 *	date:2014.1.14 9:00:00
 */

/*--[base 公共样式]--*/
body,h3,h4,h2,h1,h5,table,td,th,ul,li,ol,dd,dt,dl,div,span,p,b,i,s,em,thead,tbody,font,select,input,option {margin:0;padding:0;}
body {font-family:"Microsoft yahei","SimHei"; font-size:12px; background:#fff;}
a {text-decoration:none; color:#353535; font-family:"Microsoft yahei","SimHei";outline:none;cursor:pointer;}
a:hover, .footer .links a:hover {text-decoration:none; color:#fff;}
i{ font-style:normal;}
ol,li{list-style:none; overflow:hidden;}
img {border:none; vertical-align:top;}
img,div{behavior:url(fonts/fonts/iepngfix.htc);}
.clearfix {zoom:1;}
.clearfix:after {content:"";display:block;clear:both;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
div {display:block;}

/*--[start header 2014.1.15 9:00:00]--*/
.header {height:113px; /*background:url(../images/head_bg.jpg) repeat-x center top;*/ background:#3a96d5; box-shadow:1px 1px 5px #999;}
.header .container {width:960px; height:113px; margin:0 auto; position:relative; background:#3a96d5;}
.logo {float:left; width:335px; height:65px; margin:23px 0 0 0; overflow:hidden;}
.navbar {float:right; height:113px; line-height:110px; white-space:nowrap; text-align:right;}
.navbar li {float:left; height:113px; line-height:110px; display:inline; padding:0px 15px; background:url(../images/menu_separator.png) no-repeat right 0;}
.navbar li a {float:left; display:block; font-size:18px; font-weight:normal; color:#fff;}
.navbar li a:hover {float:left; display:block; font-size:18px; font-weight:normal; color:#eee;}
.navbar li span {padding-left:5px;}
.active {float:left; display:block; font-size:18px; font-weight:normal; color:#eee!important;}

/*--[start wrap 2014.1.15 9:00:00]--*/
.slide_wrap {height:516px; /*background:url(../images/slider1.jpg) no-repeat left top #c7e6e0;*/ margin-bottom:30px;}
/*.container {width:960px; height:100%; position:relative; margin:0 auto; overflow:hidden;}*/
.container {height:100%; position:relative; margin:0 auto; overflow:hidden; text-align:center;}
.slide_point_box {bottom:22px; font-size:0; height:14px; left:0; line-height:0; overflow:hidden; position:absolute; text-align:center; width:100%;}
.slide_point_box span {background:#70aed5; border-radius:7px; cursor:pointer; display:inline-block; width:14px; height:14px; margin-left:18px; -moz-transition:background-color 2s ease; -webkit-transition:background-color 2s ease; -o-transition:background-color 2s ease; -ms-transition:background-color 2s ease; transition:background-color 2s ease;}
.slide_point_box .cur_point {background:#EBF4F9!important; border-radius:7px; cursor:pointer; display:inline-block; width:14px; height:14px; margin-left:18px; -moz-transition:background-color 2s ease; -webkit-transition:background-color 2s ease; -o-transition:background-color 2s ease; -ms-transition:background-color 2s ease; transition:background-color 2s ease;}
.login_panel {margin-top:110px;}
.login_panel h3 {font-size:50px; color:#266aa6; line-height:60px; /*text-shadow:1px 1px 2px rgba(0,0,0,0.6);*/ text-transform:0; margin-bottom:20px;}
.login_panel .change {font-size:20px; line-height:35px; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.6); padding:0px 370px 30px 0;}
.btn_list {margin-bottom:80px; width:100%; overflow:hidden;}
.link_btn {display:inline-block; background-color:#E46C38; background-image:-webkit-gradient(linear,0 0,0 100%,from(#E46C38),to(#E46C38)); border-radius:6px; padding:26px 26px 3px 84px; position:relative; box-shadow:0 1px 5px rgba(0,0,0,0.37); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); text-decoration:none!important;}
.link_btn:after {position:absolute; font-family:FontAwesome; content:"\f108"; font-size:30px; width: 21px; height:32px; color:#ececec; top:50%; left:27px; margin:-18px 0 0 0; background: url(../images/i_icon.png) -31px -69px no-repeat;}
.header_info_btn_row_1 {display:block; text-transform:uppercase; font-size:13px; line-height:33px;}
.header_info_btn_row_2 {display:block; font-size:24px; line-height:18px; font-weight:normal; margin-top:-10px;}

/*--[start download 2014.1.15 9:00:00]--*/
.wrap {width:960px; margin:0 auto;}
.download_list {width:100%; margin-bottom:30px;}
.download_list li {float:left; width:240px; text-align:center;}
.download_list li a {color:#000; float:left; font-size:18px; padding:13px 0; vertical-align:middle; width:100%;}
.download_list li a .android {width:25px; height:33px; background:url(../images/i_icon.png) no-repeat 0px -36px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .iphone {width:23px; height:33px; background:url(../images/i_icon.png) no-repeat 0 -69px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .ipad {width:25px; height:33px; background:url(../images/i_icon.png) no-repeat 0 -104px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .qrcode {width:29px; height:33px; background:url(../images/i_icon.png) no-repeat 0 -139px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li .android:hover {background:#A2DE11; color:#fff; /*border-radius:3px;*/}
.download_list li .iphone:hover {background:#17D09A; color:#fff; /*border-radius:3px;*/}
.download_list li .ipad:hover {background:#1994D4; color:#fff; /*border-radius:3px;*/}
.download_list li .qrcode:hover {background:#E46C38; color:#fff; /*border-radius:3px;*/}
.download_list li a .icon {width:25px; height:33px; background:url(../images/i_icon.png) no-repeat 0px -36px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .icon_iphone {width:23px; height:33px; background:url(../images/i_icon.png) no-repeat 0 -69px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .icon_ipad {width:25px; height:33px; background:url(../images/i_icon.png) no-repeat 0 -104px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .icon_code {width:29px; height:33px; background:url(../images/i_icon.png) no-repeat 0 -139px; display:inline-block; margin:0px 10px -10px 0px;}
.download_list li a .text {cursor:pointer; display:inline-block;}
.download_list li a:hover .icon {background:url(../images/i_icon.png) no-repeat -29px -36px;}
.download_list li a:hover .icon_iphone {background:url(../images/i_icon.png) no-repeat -29px -69px;}
.download_list li a:hover .icon_ipad {background:url(../images/i_icon.png) no-repeat -29px -104px;}
/*.download_list li a:hover .icon_code {background:url(../images/i_icon.png) no-repeat -29px -139px;}*/

.explain h2 {height:50px; line-height:50px; font-size:22px; text-align:left; margin:10px 0 20px 0;}
.bottom_nav span {color:#000; vertical-align:none; padding-left:5px;}
.i_right {width:500px; float:right; text-align:right; margin-top:60px; overflow:hidden;}
.setup_list {font-size:14px;}
.setup {width:100%; height:28px; line-height:28px; text-align:left; font-size:15px; color:#000; font-weight:bold; margin:10px 0px 10px 0px; background:#e3e3e3; padding:2px 10px; border-radius:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.setup_show {line-height:30px;}
.setup_show a {background:#52ad30; padding:4px 10px; border-radius:3px; color:#fff; font-size:14px; font-weight:bold;}

/*--[start footer 2014.1.15 9:00:00]--*/
.footer {position:relative; z-index:3; padding:10px 0; margin:50px 0 30px; border-top:solid 1px #ddd;}
.footer .links {margin:0px 0px 15px -10px; overflow:hidden;}
.footer .links a {border-left:1px solid #d5d5d5; color:#2C98D6; margin:0 0 0 -1px; padding:0 10px;}
.footer .copyright {color:#999;}
.footer .follow_us {height:30px;}

/*--[start iphone 2014.1.15 9:00:00]--*/
.i_download {border-bottom:solid 1px #ccc; padding-bottom:15px; margin:15px 0px 0px 0px;}
.download_list li .a_active {background:#f38921; color:#fff; /*border-radius:2px;*/}
.download_list li a .i_active {background:url(../images/i_icon.png) no-repeat -29px -36px;}
.download_list li a .i_active2 {background:url(../images/i_icon.png) no-repeat -29px -69px;}
.download_list li a .i_active3 {background:url(../images/i_icon.png) no-repeat -29px -104px;}
/*.download_list li a .i_active4 {background:url(../images/i_icon.png) no-repeat -29px -139px;}*/

/*--[start banner960x516 2014.1.15 9:00:00]--*/
/*.slide_wrap{background:#2684c2;margin-bottom:30px;}
.container{height:516px;overflow:hidden;}
.slide_box,.slide{position:absolute;}
.slide{height:516px;left:0;top:0;}
.slide_point_box{bottom:22px;font-size:0;height:14px;left:0;line-height:0;overflow:hidden;position:absolute;text-align:center;width:100%;}
.slide-point_box span{background:#70aed5;border-radius:7px;cursor:pointer;display:inline-block;height:14px;margin-left:18px;-moz-transition:background-color 2s ease;-webkit-transition:background-color 2s ease;-o-transition:background-color 2s ease;-ms-transition:background-color 2s ease;transition:background-color 2s ease;width:14px}
.slide_point_box .cur_point{background-color:#ebf4f9;background-color:transparent\9;background-position:-19px 0;}
.slide_point_box.ie9 span{background:#125d8f;}*/
.slide-wrap{width:100%; height:516px; /*background:url(../images/b_bg.jpg) no-repeat center top #0B80CF;*/ background:url(../images/b_bg.jpg) repeat-x left top; margin-bottom:30px;}
.container{min-width:960px;height:516px;overflow:hidden;}
.slide-box,.slide,.slide2,.slide3{position:absolute;}
.slide{height:516px;left:0;top:0;}
.slide2{background:url(../images/b_bg2.jpg) repeat-x left top!important;}
.slide3{background:url(../images/b_bg3.jpg) repeat-x left top!important;}
.slide-point-box{bottom:22px;font-size:0;height:14px;left:0;line-height:0;overflow:hidden;position:absolute;text-align:center;width:100%;}
.slide-point-box span{background:#70aed5;border-radius:7px;cursor:pointer;display:inline-block;height:14px;margin-left:18px;-moz-transition:background-color 2s ease;-webkit-transition:background-color 2s ease;-o-transition:background-color 2s ease;-ms-transition:background-color 2s ease;transition:background-color 2s ease;width:14px;}
.slide-point-box .cur-point{background-color:#ebf4f9;background-color:transparent\9;background-position:-19px 0;}
.slide-point-box.ie9 span{background:#125d8f;}

/*--[start 点击右侧图标返回顶部 2014.1.15 9:00:00]--*/
#up-arrow {display:none; width:51px; height:51px; position:fixed; z-index:7777; bottom:20px; right:20px; background:url(../images/scroll-to-top.png) 0 0 no-repeat; transition:all 0.3s;}
/*#up-arrow:hover {background-position:0 -51px;}*/

/*--[start 尾部微信微博分享 2014.1.15 9:00:00]--*/
.follow_us {width:112px; height:32px; top:25px; right:25px; position:absolute;}
.follow_us .weixin {position:relative; background-position:0px -120px!important;}
.follow_us .weixin:hover {background-position:0px -80px!important;}
.follow_us .item {width:39px; height:31px; background:url(../images/wei_share.png) no-repeat 0 0; float:left;}
.follow_us .divider {border-left:1px solid #e5e5e5; float:left; display:inline; height:31px; width:1px; margin:0px 10px;}
.follow_us .weibo {background-position:0px -40px;}
.follow_us .weibo:hover {background-position:0px 0px;}






