﻿body { background-image: url('../images/master/aboutus-bg.jpg'); background-repeat: no-repeat; }

.cn { font-family: "宋体"; }

.YaHei { font-family: "Microsoft YaHei"; }
a:link, a:visited { text-decoration: none; /*超链接无下划线*/ }

.flag { padding-left: 20px; font-size: 0px; vertical-align: middle; border: solid 0px #000; }


.lang { font-size: 13px; vertical-align: middle; border: solid 0px #000; }

.conMain { padding-top: 80px; }
.starter-template { padding: 40px 15px; text-align: center; }

.siteHeader_logo.navbar-brand { padding: 0 15px; height: auto; padding: 5px 0; margin: 0; font-size: 22px; line-height: 1.4em; }


.logob { text-align: center; height: auto; margin: 0; color: white; background-color: #275c89; }

    .logob > .h1 { font-size: 24px; line-height: 0.4em; }

    .logob > .h2 { font-size: 18px; line-height: 1.2em; }
.main-navigation { text-align: center; background: #fff; border-top: 1px solid #ebebeb; border-bottom: 2px solid #e1e1e1 }
    .main-navigation .menu { padding: 0; margin: 0 }
        .main-navigation .menu li { list-style: none; display: inline-block; position: relative; width: 160px; }
            .main-navigation .menu li.nav-current { border-bottom: 2px solid #f4645f; margin-bottom: -2px }
            .main-navigation .menu li.red-dot:after { content: ''; display: block; background: red; border-radius: 50%; width: .6em; height: .6em; top: 30%; right: 11px; position: absolute }
            .main-navigation .menu li a { color: #505050; line-height: 4em; display: block; padding: 0 21px }
            .main-navigation .menu li:hover > a { color: #f4645f; text-decoration: none }
            .main-navigation .menu li ul { visibility: hidden; background: #fff; text-align: left; padding: 7px 0; margin: 0; position: absolute; left: 0; top: 120%; width: 200px; z-index: 999; opacity: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
                .main-navigation .menu li ul li { display: block; margin: 0 }
                    .main-navigation .menu li ul li a { line-height: 2.5em; color: #505050 }
                .main-navigation .menu li ul:hover > a { color: #f4645f }
            .main-navigation .menu li:hover ul { visibility: visible; opacity: 1; top: 100% }

@media (max-width:767px) {
    .main-navigation { text-align: left }
        .main-navigation .menu li { display: block }
            .main-navigation .menu li:hover > a { color: #f4645f; text-decoration: none }
            .main-navigation .menu li ul { visibility: visible; padding: 0 0 0 20px; margin: 0; position: relative; top: 0; width: 100%; opacity: 1 }
}


.nav { font-size: 15px; }
    .nav > li { -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
        .nav > li > a { height: 50px; border-bottom: 0px solid #232d91; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
        .nav > li:hover > a { position: relative; display: block; height: 50px; border-bottom: 6px solid #232d91; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }

.navbar .nav > li .dropdown-menu { margin: 0; margin-top: 0px; }
.navbar .nav > li:hover .dropdown-menu { font-size: 15px; display: block; }


.condRow { padding-top: 10px; }

/*页脚、贴底 Start*/
html, form, body { height: 100%; }

#wrap { min-height: 100%; height: auto !important; margin: 0 auto -80px; }

#push { height: 80px; }

.footer { width: auto; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; margin-top: 0px; color: white; text-align: center; background-color: #275c89; }
    .footer .container > p { height: 15px; }
    .footer .container p > a { color: #fff; }
/*页脚、贴底 End*/

.aboutus-box-title-line { width: 100px; height: 4px; background: #003C88; display: inline-block; }

.widget { margin-top: 10px; background: #ffffff; padding: 10px 10px; }
    .widget p { padding: 0px 0px 0px 0px; margin: 0px;line-height:1.5 }

.sTitle { margin-top: 0; padding-bottom: 7px; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; position: relative; font-weight: bold; }

.sContent { margin-bottom: 0px; }


.mETitle { color: Gray; }

.mTitle { font-weight: bold; margin-top: 5px; }

.xmTitle { font-weight: bold; margin-top: 5px; margin-bottom: 15px; }

.mContent { margin-top: 40px; text-align: left; font-size: medium; line-height: 27px; }

.ideas { margin-top: 40px; font-size: medium; line-height: 27px; }


.widget .sTitle:after { content: ""; width: 90px; height: 1px; background: #003C88; position: absolute; left: 0; bottom: -1px; }

.paragraph { margin-top: 15px; margin-bottom: 40px; }

.proList { margin-top: 75px; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }



.proName { margin-top: 20px; color: #003C88; text-align: center; }

.widget h4 { font-size: 15px; }

ul, li { list-style: none; }

.carousel-control.right { right: 0; left: auto; background-image: none; filter: none; }

.carousel-control.left { right: auto; left: 0; background-image: none; filter: none; }

.right-xs { text-align: right; }
.left-xs { text-align: left; }

@media (max-width:767px) {
    .right-xs { text-align: center; }
    .left-xs { text-align: center; }
}



.pages { width: 100%; text-align: center; }
    .pages .nodate { padding: 6px 5px 5px 5px; margin-bottom: 15px; text-align: center; clear: both; font-size: 12px; }
    .pages a.PageLink { font-size: 12px; display: inline-block; height: 24px; line-height: 24px; margin-left: 10px; border-radius: 0px; padding: 0px 12px; color: #333; overflow: hidden; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
    .pages .PageSel { font-size: 12px; display: inline-block; height: 24px; line-height: 24px; margin-left: 10px; border-radius: 0px; padding: 0px 12px; color: #333; overflow: hidden; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }


@media (max-width:640px) {
    .navbar-logo { max-width: 320px; }
}

@media (max-width:480px) {
    .navbar-logo { max-width: 240px; }
}
