@charset "utf-8";
/* CSS Document */

.area{ margin: 0px auto; width: 980px; }
.area1{ width:990px; margin:0px auto;}
a{ cursor:pointer;}
.topnews h3{font-size: 26px;}
.topnews p {font-size: 16px;height: auto;margin-bottom: 10px;}
.site-login{ width:575px}
.site-links a:hover, .site-login .mail:hover,.site-login .yingyong:hover{ color:#FFD800}
.entrance-logo, .tab-hd li, .info-box .visit{ background:url(../images/sprite_app_05.png) no-repeat}
.entrance-logo-newsapp{background-position:-59px -1px  }
.entrance-logo-cloud{background-position:-119px -1px  }
.entrance-logo-189mail{background-position:-178px -1px  }
.entrance-logo-wy{background-position: -236px  -1px  }
.entrance-logo-3g{background-position:-236px -1px }
.info-box {padding: 0;}
.info-box img{float: left;border: 2px solid #FFF;}
.info-box .info-r{margin-left: 100px;width: 168px; color: #2A2A2A;}
.info-box h2{font-size: 21px;font-family:microsoft yahei; font-weight:400 }
.info-box p{font-family:microsoft yahei; font-weight:400;ont-size: 16px;}
.info-box .visit{background:none;border-radius: 3px; color: #DD0E0E;}
.info-box .visit:hover{color: #DD0E0E;text-decoration: none;}
.focus-660x325, .focus-660x325 li{ width:680px}
#nav .nav-link{ width:60px}
#nav .nav-item, #nav .nav-link,#nav .nav-link,.site-login .ddl-widget, .site-login .btn-choose{ z-index:10}
.wen .hd h3  span:hover{ text-decoration:underline; cursor:pointer}
.mod .pic-txt .comment span{ font-size:14px}
.col-r .mod .pic-list li em{ height:38px}
.entrance-lis .cur span{ background-position:14px 0; width:30px}

.mail_new{background: #B60000;position: relative;padding: 0px 16px 0px 15px;cursor: pointer;}
.top_a:hover .mail_index{color: #fff}
.mail_b{position: absolute;right: 0;top: 11px;   border-left: 5px solid #B60000; border-right: 5px solid #B60000; border-top: 7px solid #fff; width: 0;height: 0; font-size: 0;line-height: 0; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in;}
.mail_new:hover .mail_b{-moz-transform:rotate(180deg);-moz-transform-origin:50% 50%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 50%;-o-transform:rotate(180deg);-o-transform-origin:50% 50%;transform:rotate(180deg);transform-origin:50% 50%;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
#mail_ul li:hover{background: #ccc;}
.pt5{ padding-top:5px;}
.mod-footer{ background: none repeat scroll 0% 0% rgb(239, 239, 239); padding: 25px 0px; overflow: hidden;min-width: 1000px; border-top:1px solid #ccc; }
.mod-footer .mod-zt{ padding-bottom: 15px; }
.mod-footer .mod-zt ul li { float: left; margin-right: 52px; height: 126px; overflow: hidden; }
.mod-footer .mod-zt ul li a { text-decoration: none; }
.mod-footer .mod-zt ul li.last { margin: 0px; }
.mod-footer .mod-zt ul li em { color: rgb(102, 102, 102); display: block; text-align: center; float: left; height: 36px; line-height: 36px; position: relative; width: 120px; overflow: hidden; }
.h1_21cn{background: url(../images/21cn_logo.png) top no-repeat; width: 38px; height: 38px;}
.index_left{ width: 83px; height: 83px;}
.llb{ background: url(../images/lb2.png) top no-repeat;}
.front{ background: url(../images/code-newsapp.png) top no-repeat;}
.cloud{background: url(../images/code-cloud.png) top no-repeat;}
.mail_189{ background: url(../images/189mail.png) top no-repeat;}
.vgo{ background: url(../images/vgo_qcode.png) top no-repeat;}

.foc_left{ width:400px; float:left; margin-right:30px;overflow:hidden;}
.foc_right{ width:570px; float:right;overflow:hidden;}

.b_box .box_01 h1,.b_box .box_01 h2{ font-family:"微软雅黑"; font-size:16px; color:#2b2b2b; font-weight:normal; height:23px; line-height:23px; overflow:hidden;}
.b_box .box_01 h1 a{color:#2b2b2b; font-weight:bold; text-decoration:none;}
.b_box .box_01 h2 a{color:#2b2b2b; font-weight:bold; text-decoration:none;}
.b_box .box_01 h1 a:hover,.box_01 h2 a:hover{color:#ba2636;}
.box_01{overflow:hidden; padding-bottom:12px; border-bottom:1px solid #efefef; margin-bottom:12px;}
.box_01 p {line-height:24px;color:#666;margin-top:10px;}

.focusPic {height: 300px; overflow: hidden; margin-bottom: 20px; position: relative;}
.fpic {width: 570px; height: 300px; display: none; position: relative;}
.f_bg {background: url("../images/bginfo.png"); left: 0px; width: 570px; height: 40px; bottom: 0px; display: block; position: absolute; z-index: 10; _background: #000;}
.fpic img {width:570px;height:300px;}
.l_btn {background: url("../images/sports_m_02_1.png") 0px 0px; left: 6px; top: 150px; width: 35px; height: 35px; position: absolute; z-index: 1000; cursor: pointer; _background: none;}
.r_btn {background: url("../images/sports_m_03_1.png") 0px 0px; top: 150px; width: 35px; height: 35px; left: 530px; position: absolute; z-index: 1000; cursor: pointer; _background: none;
}
.fpic h3 {left: 10px; bottom: 10px; line-height: 20px; font-size: 12px; font-weight: normal; position: absolute; z-index: 100;}
.fpic h3 em {padding-right: 8px;}
.fpic h3 em a {font: 16px/30px "微软雅黑"; font-size-adjust: none; font-stretch: normal;}
.fpic h3 span {font: 16px/30px "微软雅黑"; font-size-adjust: none; font-stretch: normal;}
.fpic h3 a {color: rgb(255, 255, 255); font-size: 14px;}
.focusPic .btPhoto {margin: 0px 0px 0px 10px; width: 120px; height: 22px; right: 10px; bottom: 3px; position: absolute; z-index: 10;}
.btPhoto .bt02 {background: url("../images/bg_datudian.gif") no-repeat -16px 0px; margin: 3px; width: 9px; height: 9px; float: left; display: inline; cursor: pointer;}
.btPhoto .current {background: url("../images/bg_datudian.gif") no-repeat;
}
.btPhoto .bt01 {margin: 0px 5px; width: 23px; height: 19px; float: left;}
.btPhoto .bt09 {margin: 0px 5px; width: 23px; height: 19px; float: left;}
.btPhoto .bt01 img {border: currentColor; border-image: none; cursor: pointer;}
.btPhoto .bt09 img {border: currentColor; border-image: none; cursor: pointer;}
#bigpic {width: 570px;height:300px; overflow:hidden; }
#picLink a{float:left; _float:left; *float:left;}
#picLink img{ margin:0px 9px;}

.pic-title {
    background: url(../images/alpha_bg.png) repeat scroll 0 0 transparent;
    width: 100%;
    height: 48px;
    position: absolute;
    bottom: 0;
    color: #fff;
    line-height: 48px;
    padding-left: 20px;
    left: 0;
}
.pre {
    width: 57px;
    height: 73px;
    background: url(../images/she_pre.png);
    cursor: pointer;
    position: absolute;
    top: 106px;
}
.next {
    width: 57px;
    height: 73px;
    background: url(../images/she_next.png);
    position: absolute;
    top: 106px;
    cursor: pointer;
    right: 0;
}
.ui-focus {
    overflow: hidden;
    position: relative;
    font-size: 18px;
    font-family: \5FAE\8F6F\96C5\9ED1;
}

.ui-focus ul li {
    float: left;
    overflow: hidden;
    position: relative;
}

.ui-focus ul li h3 {
    width: 100%;
    text-indent: 1em;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
}

.ui-focus ul li h3 a {
    color: #FFF;
    position: relative;
    z-index: 2;
}

.ui-focus ul li h3 .mask {
    position: absolute;
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 1;
    filter: alpha(opacity=50);
}

.ui-focus .btn {
    position: absolute;
    height: 10px;
    right: 0;
    bottom: 0;
    text-align: right;
    z-index: 10;
    font-size: 10px;
    padding: 20px 10px;
}

.ui-focus .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 18px;
    height: 10px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: url(../images/dot-red.png) no-repeat 0 0;
    font-size: 10px;
}

.ui-focus .btn span.cur {
    background-position: -18px 0;
}

.ui-focus .preNext {
    cursor: pointer;
    z-index: 3;
}

.ui-focus .next {
    right: 0;
    background-position: right top;
}

.focus-570x340 {
    width: 570px;
    height: 310px;
}

.focus-570x340, .focus-570x340 li {
    width: 570px;
    height: 310px;
}