/*reset*/
* {word-wrap: break-word;}
*, body, div {margin: 0px; padding: 0px; line-height: 0;}
body {background:#FFFFFF;}
body, input, button, select, textarea {color: #42484a;font: 12px/1.5 'Microsoft Yahei', Tahoma, 'Simsun';}
textarea {resize: none;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, {margin: 0;padding: 0;}
table {border-collapse: collapse;empty-cells: show;}
caption, th {font-weight: 400;text-align: left;}
ul li, .xl li {list-style: none outside none;}
body{
    width: 100%;
}
div{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-family: helvetica,"Microsoft YaHei",verdana,san-serif;
}
h1, h2, h3, h4, h5, h6,p ,i, b,li {
    font-size: 1em; 
    margin: 0px; 
    padding: 0px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: 400 14px/1.5 helvetica,"Microsoft YaHei",verdana,san-serif;
}
em, cite, i {font-style: normal;}
a {color: inherit;text-decoration: none;}
a:hover {text-decoration: none;}
a img {border: medium none;}
label {cursor: pointer;}
.z {float: left;}
.y {float: right;}
.cl:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.cl {}
hr {clear: both;display: block;}
i{margin-right: 2px; top:1.5px; position: relative;}
span{top: 2px;}
button{cursor: pointer;}
html{-webkit-text-size-adjust: none;}

/*  Clearfix
----------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}

/* common 
----------------------------------------*/
.inline_b{display: inline-block;}
.center{
    margin:0 auto;
    position: relative;
}
.full_width{
    width: 100%
}

/* back_to_top 
----------------------------------------*/

.scroll{
    width:30px;
    height:30px;
    color:#fff;
    line-height:80px;
    text-align:center;
    position:fixed;
    right:20px;
    bottom:100px;
    cursor:pointer;
    font-size:14px;
}
.scroll img{

}
/* header 
----------------------------------------*/
.header{
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 3px;
}
.h_fixed{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.navigation-bar.header_fixed{
    width: 100%;
    height: 45px;
}
.navigation-bar-content.header_fixed{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.header i{
    line-height: 34px;
    font-size: 18px;
}
.header .btn_left{
    margin: 1px 10px;
    height: 34px;
    float: left;
}
.header .btn_right{
    margin: 0px 10px;
    height: 34px;
    float: right;
}

.header .btn_left .i_after{
    margin-left: 4px;
    line-height: 30px;
}
.header .btn_right .i_before{
    margin-right: 4px;
    font-size: 16px;
    line-height: 30px;
}

/* container 
----------------------------------------*/
#news_wrapper{
    height: auto;
    background-color: rgb(254,254,254);
    padding: 10px 10px;
    max-width: 760px;
    margin: 0 auto;
} 



/*  footer 
----------------------------------------*/
.footer{
    background-color: #444;
    text-align: center;
    color: #fff;
    width: 100%;
    height: auto;
    left: 0;
    margin-top: 30px;
}
.change_form{
    padding: 15px 0 10px;
    display: inline-block;
    line-height: 20px;
}
.change_form i{
    margin-right: 5px;
}
.form_active{
    font-weight: 800;
}
.footer img{
    margin: 10px auto 10px;
    width: 40px;
    height: 40px;
    display: block;
}
.footer .copyright{
    padding-bottom: 10px;
}



@media only screen and (min-device-pixel-ratio: 2){

}


/*  metro-bs-1
----------------------------------------*/
.metro_mainpage{
    padding-top: 20px;
}
.metro_mainpage_logo{
    width: 70%;
    margin:10px auto 0;
    max-width: 360px;
    left: -8px;
    position: relative;
}

.metro .tile {
    height: 120px;
    width: 45%;
    margin: 0px 2.5% 10px;
}
.metro .tile {
    display: block;
    cursor: pointer;
    float: left;
    min-width: 75px;
    min-height: 75px;
    text-align: center;
    opacity: 0.82;
    background-color: #2E8BCC;
    z-index: 1;
    border: 4px solid #FFF;
    color: #FFF;
}
.tile:hover {
  opacity: 1;
}
.metro h1 {
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
}
.metro .tile i {
    font-size: 36px;
    line-height: 1.8;
    text-align: center;
    top: 8px;
    color: #fff;
    font-family: FontAwesome;
}
.col-sm-6, .col-md-6, .col-lg-6{
    padding-left: 0;
    padding-right: 0;
}
.fa-links{
    display: block;
}
.metro .listview-outlook *{
    line-height: 1.5;
}


/*  metro-bs-2
----------------------------------------*/
.metro .tile:hover {
    outline: 0px ;
}
.metro .navigation-bar .icon{
    color: #fff;
}

.metro .navigation-bar i{
    font-size: 22px;
    top:-1px;
    color: #Fff;
}
.metro .navigation-bar .navigation-bar-content{
    background: url('../images/head-bg4.png') repeat top #00AAFD;
}
.metro .navigation-bar,
.metro .navigation-bar .navigation-bar-content .element,
.metro .navigation-bar .navigation-bar-content .element:hover {
    background:  transparent;
}
.metro .headh1{
    float: left;
    margin-left:50%;
    position: relative;
    left: -67px;
    line-height:45px;
    font-size: 18px; 
}
.news_classify{
    display: none;
}
.metro .dropdown-menu{
    width: 100%;
    position: relative;
}
.metro .dropdown-menu .sub-title-50{
    width: 50%;
    float: left;
    border-left: 1px solid #eee;
}
.metro .dropdown-menu .sub-title-50 i{
    top:-1px;
    left: -1px;
    width: 20px;
    text-align: center;
    margin-right: 4px;
}
.metro .dropdown-menu .sub-title-50 a{
    padding: 8px 20px !important;
}

.metro.news-list .listview-outlook .list .list-content .list-title {
    font-size: 15px;
}
.metro.news-list .listview-outlook .list .list-content {
    padding: 2px 12px;}
.metro.news-list .listview-outlook .list .list-content .list-subtitle {
    font-size: 10px;
}

.metro.comment #news_wrapper{
    min-height: 400px;
}
.metro.comment .listview-outlook .list .list-content .list-subtitle,
.metro.comment .listview-outlook .list .list-content .list-subtitle i{
    color: #ca3537;
}
.metro.comment .listview-outlook  .list-content {
    padding: 4px 8px;
}
.metro.comment .listview-outlook  .list-content p{
    white-space: normal;
    margin-bottom: 0;
}
.metro.comment .listview-outlook  .list-content p.comment-usr{
    font-size: 12px;
}
.metro.comment .listview-outlook  .list-content i{
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    line-height: 1;
}

.metro.comment .navigation-bar .navigation-bar-content{
    background: url('../images/head-bg4.png') repeat top #ca3537;
}


.metro.aishare .navigation-bar .navigation-bar-content{
    background: url('../images/head-bg4.png') repeat top #F39C12;
}
.metro.aishare .listview-outlook .list .list-content .list-subtitle,
.metro.aishare .listview-outlook .list .list-content .list-subtitle i{
    color: #F39C12;
}

.metro.aishare .info-classify i{
    border: 1px solid;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    top: -5px;
    border-radius: 14px;
}
.metro.aishare .listview .list .list-content i.file-type {
    text-align: center;
    font-size: 56px;
}
.metro.aishare .listview .list .list-content i.file-type-xls {
    color: rgb(67,173,52)
}
.metro.aishare .listview .list .list-content i.file-type-doc {
    color: rgb(24,162,223)
}
.metro.aishare .listview .list .list-content i.file-type-pdf {
    color: rgb(225,10,10)
}
.metro.aishare .listview .list .list-content i.file-type-zip {
    color: #F39C12;
}
.metro.aishare .listview .list .list-content i.file-type-ppt {
    color: #F39C12;
}




/* tile color
---------------------------*/
.tile.tile-teal {
    background-color: #00ABA9;
}
.tile.tile-lime {
  background-color: #8cbf26;
}
.tile.tile-orange {
  background-color: #f39c12;
}
.tile.tile-carrot {
  background-color: #e67e22;
}
.tile.tile-pomegranate {
  background-color: #c0392b;
}




/* Article.html
-----------------------*/
/* container 
----------------------------------------*/
#news_wrapper{
    height: auto;
    background-color: rgb(254,254,254);
    padding: 10px 10px;
    max-width: 760px;
    margin: 0 auto;
}

.change_font{
    font-size: 20px;
    text-align: right;
    right: 10px;
    color: #0778bb;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
    float: right;
    margin-bottom: 5px;
}
.change_hide{
}
.change_hide i{
    margin-right: 15px;
}

.news_title{
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
#news_wrapper .info{
    color: #999;
    margin: 0 auto;
    width: auto;
    text-align: center;
    line-height: 1.5;
}
#news_wrapper .source{
    margin-left: 5px;
}

#news_content{
    padding-top: 10px;
    border-top: 1px solid #EFEFEF;
    margin-top: 10px;
}
.metro .news_p{
    font-size: 16px;
    text-indent: 32px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 1.5em;
    color: #333;
    font-family: "Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu;
}
.news_strong{
    color: #222;
    font-weight: 800;
}
.readmore{
    color: #777;
    cursor: pointer;
    width: 45%;
    height: 35px;
    text-align: center;
    text-indent: 0;
    margin: 40px auto 30px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.readmore p{
    line-height: 35px;
}
.news_hide{
    display: none;
}


.news_relative{
    color: #555;
    width: 100%;
}
.news_relative h1{
    margin-left: 20px;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    left: 0;
}
.news_relative .en{
    font: 200 20px/40px helvetica,verdana,san-serif;
    display: inline-block;
}
.news_relative_content{
    border-top: 1px solid #aaa;
}
.news_relative ul{
    padding: 10px 0 0 20px;
}
.news_relative ul li{
    line-height: 24px;
}
.news_relative ul li a{
    font-size: 15px;
}

    font-size: 16px;
.news_relative ul li:hover{
    color:#098bef;
}



#others_warpper {
    max-width: 760px;
    margin: 0 auto;
}
.news_comment{
    color: #fff;
    text-align: left;
    width: 100%;
    height: 40px;
    left: 0;
    margin: 30px 0;
    background-color: #666;
    background: #444 url(../images/head-bg4.png) ;
    border: 0px solid #aaa;
}
.news_comment .icon-left{
    text-align: center;
    color: #fff;
    width: 40px;
    height: 40px;
    left: 0;
    float: left;
    background-color: #00aafd;
}
.news_comment .icon-left i{
    line-height: 40px;
    top:0;
    text-align: center;
}
.news_comment h1{
    font-size: 20px;
    line-height: 40px;
    margin-left: 60px;
    color: #fff;
}

.news_comment .en{
    font: 200 20px helvetica,verdana,san-serif;
    display: inline-block;
    line-height: 40px;
}

.input-group{
    display: table;
    padding: 0;
    width:100%;
    margin:20px 0 0 0;  
}

.form-control{
    margin-bottom: 10px;
    display:block;
    width:80%;
    height:80px;
    padding:10px 10px;
    margin: 0 auto;
    font-size:14px;
    line-height:1;
    color:rgb(180,180,180);
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px 4px 0 0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.comment_control{
    width: 85%;
    margin: 10px auto;
}
.signin_control{
    margin-top: 5px;
}
.input_info{
    width: 80%;
    padding:10px;
    margin: 0 auto;
    background-color: #efefef;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius:0 0 4px 4px;
}

.sign_in *{
    display: inline-block;
}
.sign_in p{
    margin-right: 12px;
}

.btn{
    display:inline-block;
    color: #333;
    padding:2px 6px;
    margin-bottom:0;
    font-size:12px;
    font-weight:400;
    line-height:14px;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    border-radius:4px;
    background-color: inherit;
    width: auto;
}

.btn_quit{
    height: 41px;
    width: 80px;
    right: -10px;
    top:-10px;
    position: relative;
    float: right;
    border-radius:0px;

} 
.btn_comment{
    margin-top: 10px;
    text-align: center;
    border-radius:0 0 4px 4px;
    background-color: #098bef;
    border: 1px solid #098bef;
    width: 50%;
}
.btn_comment .btn{
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 10px 0;
}
.btn_input{
    width: 83%;
    margin: 0 auto;

}
.btn_input .btn{
    border: 1px #aaa solid;
    float: left;
    position: relative;
    border-radius: 0px;
    width: 50%;
    padding: 10px 0;
    font-size: 15px;
}

.btn_input .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -1px;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    
}