/* Unessential CSS - Just here to make this sample page prettier */

body {
    font-family:"Microsoft YaHei";
}
header{background:#fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wrapper {
    margin: 0 auto;
    max-width: 1060px;
    padding: 1px 3em;
    height: 100%;
}

header:after {
    content: " ";
    display: table;
    clear: both;
}
.brand, h1, h2, h3 {
     font-family: 'Roboto Condensed', sans-serif;
     font-weight: 400;
     letter-spacing: 1px;
 }
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand {
    float: left;
    height: 80px;
}
.brand p {
    margin: 0;
}
.rm-nav {
    letter-spacing: 1px;
}
.logo {
    font-size: 1.4em;
    line-height: 40px;
    margin: 20px 0 0;
    width: 100px;
    height: 40px;
    background-color: #3C97D5;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
    padding: 0;
}

.rm-toggle.rm-button {
    margin-top: 25px;
}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
    /*float: right;*/
}

.rm-nav li a
{
    padding: 1.5rem 2rem;
    font-size: 16px;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.rm-top-menu li ul a { font-size: 14px!important;}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 65px;
    line-height: 80px;
    margin-bottom: 15px;
}


.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #333;
    font-weight: bold;
    background-color: transparent;
    border-bottom:2px solid #0075c5;
}
.nav-pills>li>a {
    border-radius: 0px;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    border-color: transparent;
    background-color: transparent;
}
.rm-layout-expanded li ul, .rm-layout-expanded .rm-menu-item .rm-menu {
    width: 100%;
}
.dropdown-menu {
    border: 0;
}
@media (min-width:768px){
    .navbar-nav_demo{float:left;margin:0}
    .navbar-nav_demo>li{float:left;}
    .navbar-nav_demo>li>a{padding:7px 0 7px 5px;}
    .main-container {
        min-height: 650px;
    }
    .pc-login { padding-top: 80px; }
    .news_list li,.dongtai li {
        width: 455px;
    }
    .li_left {
        margin-right: 14px;
        margin-left: 0px;
    }
    .li_right {
        margin-right: 0px;
        margin-left: 14px;
    }
}
.nav_demo>li {
    float: left;
}

.navbar-nav_demo {
    margin: 0px -10px;
}

.navbar-nav_demo>li>a {
    padding: 7px 0 7px 5px;
    line-height: 20px;
}

.nav_demo>li>a {
    position: relative;
    display: inline;
    padding: 7px 0 7px 5px;
}

.navbar-brand>img {
    display: block;
    max-width: 94%;
}

.dropdown-menu>.active>a {
    color: #333;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}
.dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #eee;
}

.dropdown-menu {
    border-radius: 0px;
}

.news_time {
    float: right;
    font-size: 14px;
    color: #333;
}

@media (max-width:770px){
    .nav-pills>li {
        float: none;
    }
    .navbar-nav {
        margin: 0;
    }
    .dropdown-menu {
        box-shadow: 0 0 0 #333;
    }
}

.article-infobox {
    padding-bottom: 5px;
}

.article-title {
    padding: 10px 2px;
}

.second_page_b {
    display: block;
}

.second_page_b img {
    width: 100%;
}

/*---------------------------------------contact-----------------------------------------*/
.side_contact {
    width: 100%;
    box-shadow: 1px 1px 4px rgba(11,11,11,.06);
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
}
.side_contact .side_box {
    border: none;
    width: 35%;
    float: left;
    padding-top: 10px;
}
.form .section_title_1 {
    margin: 10px 0;
}
.side_contact .section_title_1 {
    margin-bottom: 20px;
}
.form input, .formText {
    border: 1px solid #dedede;
    background-color: #fbfbfb;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    padding: 4px;
    text-align: left;
    margin: 0 auto;
    outline: medium;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    transition: 0.4s;
}
.formText {
    text-align: left;
}
.form {
    position: relative;
    width: 60%;
    float: right;
}
form {
    position: relative;
}
.form textarea {
    height: 100px;
    max-width: 100%;
}
.form input:focus, .form textarea:focus {
    background-color: #fff;
    border: 1px solid #4f79c5;
}
.form dt {
    margin-top: 10px;
    color: #888;
    font-size: 12px;
    line-height: 22px;
    padding-bottom: 4px;
}
.form dl {
    width: 49%;
    float: left;
}
.form dl:first-child {
    margin-right: 2%;
}
.formBtn button {
    display: block;
    padding: 10px;
    width: 100%;
    background: #212121;
    color: #fff;
    margin: 10px auto;
    line-height: 18px;
    cursor: pointer;
    border: none;
    transition: 0.4s;
}
.formBtn:before {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.formBtn button:hover {
    background-color: #4f79c5;
}
@media screen and (min-width: 1024px) {
    .textandpic:hover img {
        opacity: 0.8;
    }
}