﻿@charset "utf-8";
/* CSS Document */

/*公共*/
.main_c{width:960px; margin:0 auto;}
.pub_t{height:28px; background:#343639;border-bottom:3px solid #76c6ff; position:relative; z-index:3;}
.t_login{ float:right; font-size:12px; line-height:16px; padding:6px 20px; color:#fff; }
.t_user_center, .t_app_manage, .t_cms { background:url(../images/top_public_ico.gif) no-repeat; }
.t_user_center { background-position:0 -1px; }
.t_app_manage { background-position:0 -15px; }
.t_cms { background-position:0 -30px; }
.t_user_info{float:right; font-size:12px; line-height:16px;color:#fff; } 
.t_user_info .ico{height:15px;width:20px;}
.t_user_info a{ display:inline-block; zoom:1; *display:inline;height:15px; line-height:16px;border-left:1px solid #666; padding:6px 10px;vertical-align:middle;overflow:hidden }
.t_user_info a:first-child{border:none;}

.pub_h{height:70px; background:#f6f6f6; border-bottom:1px solid #fcfcfc; box-shadow:0 1px 3px #999; position:relative; z-index:20;}
.m_logo { float:left; padding-top:12px; padding-left:30px; position:relative; }
.m_logo a { position:relative; display:block; width:168px; height:50px; background:url(../images/m_logo.gif) no-repeat; text-indent:-999em; }
.m_logo span { position:absolute; top:12px; right:-38px; display:block; width:50px; height:18px; background:url(../images/m_version.gif) no-repeat; text-indent:-999em; }
.m_nav { position:absolute; right:0; top:0; }
.m_nav .nav_i { float:left; position:relative; z-index:10;padding:10px 20px;}
.m_nav .has_sub { z-index:100; }
.m_nav .nav_btn{ display:block;padding:12px 0;border-bottom:2px solid #f6f6f6; line-height:24px; font: 16px/24px '微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;color:#434343; position:relative;}
.m_nav .nav_btn:hover,.s_nav .s_btn:hover{ text-decoration:none;color:#ff6e03;}
.m_nav .curr .nav_btn{ text-decoration:none;color:#ff6e03; border-bottom:2px solid #ff6e03;}
.m_nav .curr .nav_btn:after{content:'.';  position:absolute;left:50%;bottom:-1px;margin-left:-4px;display:block;height:0;width:0; line-height:0; overflow:hidden;border-width:4px;  border-style: dashed dashed solid; border-color: transparent transparent #ff6e03;}
.has_sub .nav_btn .arb{ display:inline-block; zoom:1; *display:inline;margin-left:5px;border-color: #333 transparent transparent;}
.s_nav{ display:none;position:absolute;left:50%;margin-left:-60px;border-top:2px solid #ff6e03;border-left:1px solid #eee;border-right:1px solid #eee;width:120px; background:#fff;}
.s_nav .art{ position:absolute;left:50%;top:-10px;margin-left:-4px;}
.s_nav .s_btn{display:block;width:120px;height:36px; font: 14px/36px '微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;text-align:center;border-bottom:1px solid #eee;color:#434343;}
.has_sub:hover .s_nav{ display:block;}
.m_nav .start .nav_btn{margin:4px 0; display:block;width:84px;height:42px; text-align:center; line-height:42px;padding:0;background:url(../images/m_nav_start.gif) no-repeat;;color:#fff;}
.m_nav .start a.nav_btn:hover{ background-position:0 -42px;}
.pub_f{ background:#d6d6d6;padding:30px 0 50px;color:#757272}
.m_nav .nav_btn .new{ position:absolute; top:8px;right:-22px;width:26px;height:11px; background:url(../images/new.gif) no-repeat;}
.m_nav .curr .nav_btn .new{ display:none;}
.pub_f a { color:#757272; }
.pub_f a:hover { color:#ff6e03; }
.pub_f_logo { background:url(../images/pub_f_logo.gif) no-repeat; width:33px; height:16px; padding-right:5px; }


/*首页*/
.m_banner{ background:#fff;height:388px; position:relative; min-width:1190px;}
.m_banner .banner{height:388px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:1190px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -595px;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat;_background:url(../images/banner_ctrl.jpg) no-repeat; position:absolute; opacity:.1;filter: alpha(opacity=10);
-moz-opacity:0.1;}
/*.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}*/
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}
.prev{display: block;
width: 30px;
height: 100px;
background:url(../images/banner_ctrl.png) no-repeat;_background:url(../images/banner_ctrl.jpg) no-repeat;position: absolute;
opacity: .1;
filter: alpha(opacity=10);
-moz-opacity: 0.1; top:145px; left:160px;}
.next{  display: block;
width: 30px;
height: 100px;
background:url(../images/banner_ctrl.png) no-repeat;_background:url(../images/banner_ctrl.jpg) no-repeat;position: absolute;
opacity: .1;
filter: alpha(opacity=10);
-moz-opacity: 0.1; top:145px; right:160px; background-position:-30px 0;}


.b1 a{ position:absolute;top:261px;right:65px; display:block;width:159px;height:60px;}
.b2 p{ position:absolute;top:356px;width:100%; font-size:13px;color:#cdb4e7; text-align:center;}
.b2 p a{color:#cdb4e7; text-decoration:underline;}
.b2 p a:hover{color:#e1cef5;}
.b4 a{ position:absolute;top:280px;right:85px; display:block;padding:0 10px;height:28px; line-height:28px; background-color:#ffc700;color:#6f2644;}
.b4 a:hover{background-color:#fff100; text-decoration:none;}
.b5 .l1{ position:absolute;top:0;left:0; display:block;width:960px;height:388px;}
.b5 .l2{ position:absolute;display:block;bottom:8px;right:200px;color:#964401;}
.m_banner .main_c .countdown{ position:absolute;right:160px;top:165px; }
.m_banner .main_c .countdown span{ display:block; float:left;width:33px;height:44px;margin:0 2px;font-size:34px; line-height:44px; text-align:center;color:#62441e;}


.m_follow{ background:#e7e7e7;height:60px;border-bottom:1px solid #ccc;}
.m_follow ul{padding:0 15px;}
.m_follow li{ float:left;width:25%;}
.m_follow li a{ padding:12px 0; display:block;height:36px;text-align:center;}
.m_follow li a:hover{ text-decoration:none; background:url(../images/ico_m_follow.gif) 0 -144px repeat-x;}
.m_follow .txt{display:inline-block; zoom:1; *display:inline;height:36px; text-align:left;padding-left:40px; background:url(../images/ico_m_follow.gif) no-repeat;}
.m_follow .txt h4{ font-size: 14px;line-height:19px;}
.m_follow .txt p{font-size: 12px;line-height:17px;color:#666;}
.f_sina .txt{ background-position:0 0;}
.f_tencent .txt{ background-position:0 -36px;}
.f_qqgroup .txt{ background-position:0 -72px;}
.f_biz .txt{ background-position:0 -108px;}
.f_qqgroup a,.f_biz a{ cursor:default;}

.m_feature ul{padding:0 15px;}
.m_feature li{ float:left;width:219px;padding:0 18px 0 0; }
.m_feature_list{margin-right:-18px;}
.m_feature h3{font-size: 18px; line-height:18px; font-weight:normal; padding:10px 0 0 10px;color:#ff6e03;}
.m_feature p{padding:5px 0 0 10px;}

.arti .arti_t{padding:10px 0;}
.arti .arti_t h4{ font-size:18px; font-weight:normal;vertical-align:middle;}
.arti .arti_c{padding:10px 0;}
#new_apps{ float:left;padding:0 0 0 15px;}
#new_apps .arti_c{width:585px;}
.app_scroll_list{margin-right:-15px;}
.app_scroll_list li{ float:left;padding:0 15px 20px 0;}
.app_scroll_list .app_i{width:185px;}
.app_scroll_list .app_i .app_icon{ float:left;margin-right:8px;}
.app_i .app_icon{width:60px;height:60px;padding:3px;border:1px solid #e5e4e4;}
.app_i .app_icon img{width:60px;height:60px;}
.app_scroll_list .app_i .app_name{ float:left;font-size:14px; font-weight:normal; line-height:20px;width:108px;}
.app_scroll_list .app_i .app_name a{color:#333; text-decoration:none;}
.app_scroll_list .app_i .app_name a:hover{color:#ff6e03;}
.app_scroll_list .app_i .app_dl_btn{margin-top:9px;float:left;}
.app_scroll_list .app_i .app_dl_btn a{padding:2px 5px; background:#e5e4e4;color:#8f8e8e;}
.app_scroll_list .app_i .app_dl_btn a:hover{background:#ff6e03;color:#fff; text-decoration:none;}

#news{ float:left;width:315px;padding:0 0 0 30px;}
#news ul{padding:0 0 0 20px;margin-top:-10px;}
#news li{list-style-type:square;height: 29px;line-height: 29px;position: relative;}
#news li a{color:#333;}
#news li a:hover{color:#ff6e03;}
#news li span {position: absolute;right: 0;top: 0;color: #666;}

#friend_links{padding:0 15px;color:#999;}
#friend_links a{color:#666;white-space:nowrap; word-wrap:normal; word-break:normal; line-height:1.8;}
#friend_links a:hover{color:#ff6e03;}

.app_des_box{ position:absolute; top:445px; left:145px; width:242px; background:#fff; border:5px solid #eaeaea; z-index:1000; }
.app_des_box .top { padding:10px 14px; border-bottom:1px dotted #eaeaea; }
.app_des_box .app_name { font-size:14px; float:left; }
.app_des_box .app_category { color:#aaaaaa; margin:5px 0 0 }
.app_des_box .app_des { padding:10px 14px 20px; }
.app_des_box .arror { display:block; width: 17px; height: 12px; position:absolute; background:url(../images/app_des_box_arror.gif) no-repeat; top:-12px; left:30px; }

.rating_box { display:inline-block; *display:inline;
zoom:1; height:14px; width:70px; vertical-align:middle; overflow:hidden; background:url(../images/rating_star.gif) no-repeat; }
.rating_box .num { float:left; display:block; height:14px; background:url(../images/rating_star.gif) 0 -14px; }

.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}

.notice_box{position:fixed; z-index:1000;right:20px;bottom:-186px; border-radius:5px 5px 0 0; width:312px;height:186px; overflow:hidden; background:url(../images/bg_notice.gif) no-repeat; }
.notice_box_t{height:38px; overflow:hidden; position:relative;}
.notice_box_t h3{ font-size:14px;color:#fff; line-height:24px;margin:7px 10px;}
.notice_box_t .close{ display:block; position:absolute;right:5px;top:9px;height:20px;width:20px; background:url(../images/bg_notice.gif)0 -186px no-repeat;}
.notice_box_t .close:hover{ background-position:-20px -186px;}
.notice_box_c{padding:14px;}
.notice_box_c .n_title{ font-size:16px; font-weight:normal;color:#333; text-decoration:none;}
.notice_box_c .n_img{border:1px solid #f4f4f4;margin:10px 0 0; float:left;}
.notice_box_c .n_content{margin-left:96px;color:#666;padding:10px; text-indent:2em; line-height:1.5;}

.business_stories{ display:block;width:315px;height:50px;margin-top:6px; overflow:hidden; text-indent:-999em; background:url(../images/business_stories_link.jpg) no-repeat;}
.business_stories:hover{ background-position:0 -50px;}

.notice_box ul{padding:0 0 0 20px;margin-top:-5px;height:116px; overflow:hidden; position:relative;}
.notice_box li{list-style-type:square;height: 29px;line-height: 29px;position: relative;}
.notice_box li:first-child a{color:#f00; font-weight:bold;}
.notice_box li:first-child a:after{ content:""; margin:0 5px;display:inline-block;*display:inline;zoom:1;width: 26px;height: 11px;background: url(../images/new.gif) no-repeat;}
.notice_box li a{color:#333;}
.notice_box li a:hover{color:#ff6e03; text-decoration:none;}
.notice_box li span {position: absolute;right: 0;top: 0;color: #666;}

.ad_show{ position:relative;}
.backdrop { display:none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; filter: alpha(opacity=30); z-index: 1200 }
.pop_box{ display:none;width:672px;height:490px; position:absolute;top:110px;left:50%;margin-left:-336px; background:url(../images/ad_active_20140612.png) no-repeat; z-index:1210;}
.pop_box a{ text-decoration:none;}
.pop_box .close{ position:absolute;top:14px;right:6px; font-size:28px; font-family:Arial, Helvetica, sans-serif;color:#c2bda8;}
.pop_box .close:hover{color:#978f6c;}
.pop_box .pop_link{ display:block;width:304px;height:66px; position:absolute;bottom:30px;left:178px; background:url(../images/ad_active_20140612_2.gif) no-repeat;text-align:center; font-size:24px; line-height:66px;color:#fff;}
.pop_box .pop_link:hover{ background-position:0 -66px;}



.i_serach{ width:1190px; margin:1px auto 0px; height:81px; background:url(../images/index_14.png) no-repeat;  font-family:"微软雅黑"; }
.i_serach_l{ width:363px; float:left; display:inline; color:#fff; overflow:hidden;}
.i_serach_l p{ font-size:14px; margin-left:90px; margin-top:15px;}
.i_serach_l h5{ font-size:24px; margin-left:90px; font-weight:bold; line-height:24px;}
.i_serach_r{ width:821px; float:right; overflow:hidden;}
.is_h{ float:left; display:inline; width:170px; margin-left:40px; }
.is_h h4{ font-size:19px; color:#fff; margin-top:25px;}
.is_h h5{ font-size:13px; color:#868686;}
.is_input{ width:450px; float:left; display:inline; margin-top:18px;}
.is_input input{ width:430px; height:41px; border:1px solid #c2c2c2; background:#eeeeee; padding-left:10px; padding-right:10px; color:#868686; font-size:14px; font-family:"微软雅黑";}
.is_but{width:95px; float:left; display:inline; margin-top:18px; margin-left:25px;}
.is_but input{ width:95px; height:42px; background:#e56713; color:#fff; border:none; border-radius:2px; font-size:14px;font-family:"微软雅黑";} 
.is_but input:hover{ background:#f60;}


.baojia{ width:1200px; margin:10px auto 15px; font-family:"微软雅黑"; position:relative;  min-width:1200px;}
.baojia ul li{width: 228px;height: 85px;float:left;display:inline-block;margin-right:4px;margin-left:4px;border:2px solid #d4d4d4;margin-top:10px;border-radius: 8px;background-color: #f0f8ff;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3)}
.baojia ul li a:hover{ text-decoration:none;}
.baojia ul  .bg66_1{ background:url(../images/index55_03.png) no-repeat 41px 27px;}
.baojia ul  .bg66_1:hover{ border:1px solid #ff772b;}
.baojia ul  .bg66_2{ background:url(../images/index55_06.png) no-repeat 41px 27px;}
.baojia ul  .bg66_2:hover{ border:1px solid #fb6d85;}
.baojia ul  .bg66_3{ background:url(../images/index55_08.png) no-repeat 41px 27px;}
.baojia ul  .bg66_3:hover{ border:1px solid #876cd5;}

.baojia ul  .bg66_4{ background:url(../images/index55_10.png) no-repeat 41px 27px; margin-right:0px;}
.baojia ul  .bg66_4:hover{ border:1px solid #47a7fe;}

.baojia ul  .bg66_5{ background:url(../images/index55_18.png) no-repeat 41px 27px;}
.baojia ul  .bg66_5:hover{ border:1px solid #9ec641;}

.baojia ul  .bg66_6{ background:url(../images/index55_16.png) no-repeat 41px 27px;}
.baojia ul  .bg66_6:hover{ border:1px solid #efb925;}

.baojia ul  .bg66_7{ background:url(../images/index55_17.png) no-repeat 41px 27px;}
.baojia ul  .bg66_7:hover{ border:1px solid #f33855;}

.baojia ul  .bg66_8{ background:url(../images/index55_19.png) no-repeat 41px 27px;margin-right:0px;}
.baojia ul  .bg66_8:hover{ border:1px solid #57baa6;}

.baojia ul  .bg66_9{ background:url(../images/index55_24.png) no-repeat 41px 27px;}
.baojia ul  .bg66_9:hover{ border:1px solid #d730fc;}

.baojia ul  .bg66_10{ background:url(../images/index55_25.png) no-repeat 41px 27px;}
.baojia ul  .bg66_10:hover{ border:1px solid #22be2d;}

.baojia ul  .bg66_11{ background:url(../images/index55_26.png) no-repeat 41px 27px;}
.baojia ul  .bg66_11:hover{ border:1px solid #545e55;}

.baojia ul  .bg66_12{ background:url(../images/index55_27.png) no-repeat 41px 27px;margin-right:0px;}
.baojia ul  .bg66_12:hover{ border:1px solid #c32526;}
.mr0{margin-right:0px;}
.baojia ul li h3{font-size:18px;/*margin-top: 20px; margin-left:120px;*/ text-align: center;line-height: 85px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.baojia ul li p{font-size:13px;color:#666;/* margin-left:120px; *//* width:120px; */margin-top:4px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;}
.color66_1{ color:#ff772b;}
.color66_2{ color:#fb6d85;}
.color66_3{ color:#876cd5;}
.color66_4{ color:#47a7fe;}
.color66_5{ color:#9ec641;}
.color66_6{ color:#efb925;}
.color66_7{ color:#f33855;}
.color66_8{ color:#57baa6;}
.color66_9{ color:#d730fc;}
.color66_10{ color:#22be2d;}
.color66_11{ color:#545e55;}
.color66_12{ color:#c32526;}

.fudong2{     position: absolute;
    top: 73px;
    right: 79px;
    z-index: 56;
    width: 150px;
    height: 79px;
    background: #9dc816;
    display: none;
    padding-left: 5px;
}
.fudong2 span{color:#fff; line-height:79px; font-size:20px; text-align:center;}

.fudong{ position:absolute; top:10px; right:-90px; z-index:55;}
.tel{width:80px; height:80px; background:url(../images/tel.png) no-repeat; cursor:pointer;}
.tel2{width:80px; height:80px; background:url(../images/tel2.png) no-repeat; cursor:pointer;}
.tel p{  color:#333; text-align:center; padding-top:52px; font-size:14px;}
.fudong a{ display: block; text-decoration:none;
color: #333;
text-align: center;
padding-top: 52px;
font-size: 14px; padding-bottom:10px; text-decoration:none;}
.fudong a:hover{ color:#fff;}

.mail{width:80px; height:83px; background:url(../images/mail.png) no-repeat; cursor:pointer;}
.mail2{width:80px; height:83px; background:url(../images/mail2.png) no-repeat;}

.mail p{  color:#333; text-align:center; padding-top:52px; font-size:14px;}
.biaozhun{ width:80px; height:80px;  background:url(../images/erweima66.png) no-repeat; cursor:pointer; margin-top:10px; }
.biaozhun2{  background:url(../images/erweima66_2.png) no-repeat; }
.qq p{  color:#333; text-align:center; padding-top:52px; font-size:14px;}
.wx66{ width:100px; height:115px; background:#ed6d00; position:absolute; right:79px;top: 160px; background:url(../images/wx66.png) no-repeat; display:none;}
.biaozhun p{ color:#333; text-align:center; padding-top:52px; font-size:14px;}
.qq{ width:80px; height:80px; background:url(../images/qq.png) no-repeat; cursor:pointer;}
.qq2{ width:80px; height:80px; background:url(../images/qq2.png) no-repeat;}

.liucheng{ width:1200px; border:1px solid #d4d4d4; margin:0 auto; height:110px; overflow:hidden;  font-family:"微软雅黑";  min-width:1200px; background:#f1f1f1; border-radius:8px;}
.liucheng_l{ width:214px; float:left; display:inline; text-align:center; color:#e76912;  line-height:110px; font-size:24px; font-weight:400; letter-spacing:1px;}
.liucheng_r{ width:952px; float:right; background:url(../images/liucheng.png) no-repeat 15px 15px; height:88px; position:relative;}
.liucheng_r ul{ margin-left:15px;}
.liucheng_r ul li{ float:left; display:inline; width:19%; text-align:left; font-size:16px; color:#666; margin-top:60px;}
.ml35{ margin-left:25px;}
.ml70{ margin-left:50px;}
.ml80{ margin-left:85px;}
.ml555{margin-left:55px;}



.gray612{ -webkit-filter: grayscale(100%) ;     
  -moz-filter: grayscale(100%);    
   -ms-filter: grayscale(100%);     
  -o-filter: grayscale(100%);       
     filter: grayscale(100%);          
filter: gray;}