@charset "utf-8";

/*css公共样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;}
address,cite,dfn,em,var, i {font-style:normal;}
body {line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #222;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
div , p {font-size:14px;} 
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.margin-bot-20 { margin-bottom:20px;}

/*手机端*/
@media (max-width: 768px){
div , p {font-size:12px;} 
div.header .logo {padding: 5px 0; text-align: center; width: 100%;}
.header {padding: 0;}
.ser-text {font-size: 2em!important;}
.menu {position: fixed; z-index: 1000; width: 100%; top:0;}
ul.nav-m {display: inline-block!important;}
ul.nav-m li {float: left; margin:3px 10px; }
ul.nav-m li a {color: #fff}
.banner { padding-top: 20px;}
.banner-wrap {background:url("../images/beijing/banner-topbg-m.png") repeat-x center bottom; width: 100%}
.team-title {margin-bottom: 1.5em!important;}
.line-m { width: 80%; margin: 1em auto; height: 1px; background: #cbcbcb;}
.line-m2 { width: 80%; margin:5em auto; height: 1px; background: #cbcbcb;}
}
@media (min-width: 768px){
.menu {position: fixed; z-index: 1000; width: 100%; top:0;}
.navbar {border-radius:inherit;}
.banner-wrap {background:url("../images/beijing/banner-topbg.png") repeat-x center bottom; width: 100%}
}

/*主样式*/
.header { padding: 20px 0; background:#27274e;}
.navbar-default { background: #33334d; border: none;}
.navbar {margin-bottom: 0;}
.navbar-toggle {margin-top:15px; margin-bottom: 15px;}
.navbar-default .navbar-nav li a { color:#fff;}
.navbar-default .navbar-nav li a:hover {color:#e4ba72}
.nav>li>a {padding: 30px 10px;}
.logo {padding: 20px 0 0 0;}
.banner {background:url(../images/beijing/topbanner.jpg)no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; position: relative; margin: -5em 0;}
.banner-text {padding:14em 0 0 0; text-align:left; }
.banner-text h2 {font-size: 28px; color: #fff; margin-bottom: .5em; font-weight: 600; letter-spacing: 2px;}
.banner-text p {font-size: 20px; color: #fff; font-style:italic;}
.topban2 {background: url("../images/beijing/topban2.png")no-repeat left; padding:4em 2em;}
.about-wrap { width: 100%; background:#f8f4ee; margin-top:5em; margin-bottom: 2em;}
.about-text {background: #fff; padding:3em 4em;}
.bot-bg{height:3em; background: #f8f4ee; margin-top:5em }
.about {padding:6em 0; margin: -6em 0;}
ul.navbar {text-align: center;}
h2.agileits-title { font-weight: bold; font-size: 2em; margin-top: 1em; color: #5b5f8b;}
h2.agileits-title span { font-weight:normal; font-size: 0.9em; color: #cfcfcf; text-transform: uppercase; margin-left:15px; }
p.agileits-title { font-size: 1.1em; margin: 10px 0 25px 0; text-transform: uppercase; background: url("../images/beijing/title-bg.png") bottom no-repeat;  padding-bottom:20px; }
.agileits-title-line { height: 3px; width: 40px; background: #5b5f8b; margin:10px 0 30px 0;}
ul.pro-ul li{ margin-bottom:20px; line-height: 1.5;}
.team { padding: 8em 0 8em 0; margin: -4em 0 0 0; background: url("../images/beijing/team-bg.png"); -webkit-background-size: cover;-moz-background-size: cover;background-size: cover; position: relative;}
h2.center-title { text-align: center; font-weight: bold; font-size: 2em; margin-top: 1em; color: #c59952;}
h2.center-title span { font-weight:normal; font-size: 0.9em; color: #cfcfcf; text-transform: uppercase; display:block; margin-top:10px; }
.center-title-line { height: 3px; width: 40px; background: #c59952; margin:10px auto 30px auto;}
.team-title { font-size: 1.5em; color: #fff; margin-bottom: 2em;}
.team-num { font-size:2em; font-weight:bold; color:#c59952; display:block;}
.icon-mc{ padding: 0 0 3em 0;}
.feature {text-align: center;}
.icon-text { padding: 20px 0 5px 0; color: #5b5f8b; font-weight: bold; font-size: 1.2em;}
.pro {padding:8em 0; margin: -6em 0;}
.pro-list-bg {margin-bottom:20px; border-radius:10px;}
.pro-img { border-radius:none;}
.pro-text {padding:3em 5em 5em 5em; margin-top:1em;}
h3.title {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.footer {padding: 3em 0 0 0; background: #33343c;}
h4.footer-title {color: #FFFFFF;font-weight: lighter;font-size: 16px;margin-bottom: 20px; font-weight: bold;}
ul.links-footer {list-style: none;margin-left: -37px; margin: 0;color: #a6a7ab;}
ul.links-footer { maring:10px 0;}
ul.links-footer li , ul.links-footer li a {color:#787b91; margin-bottom: 5px;}
ul.links-footer li a:hover {color:#b8bbcd; text-decoration: none;}
.wm-text {text-align:center; font-size:13px; padding-top:10px;}
.copyright {border-top: 1px solid #292b36; padding: 20px 0; margin-top:50px;  text-align: center; color: #787b91; font-size: 13px;}
.ipc-left {margin-left:20px; display: inline-block;}
a.ipc:link , a.ipc:visited { color: #787b91;}
a.ipc:hover {color:#b8bbcd; text-decoration: none;}
.foot-bottom { margin-bottom: 30px; height: 170px;}
.icp-wrap { padding-left:15px; display:inline;}
.icp-wrap a{display:inline-block; text-decoration:none; height:16px; line-height:20px;}
.icp-wrap p {float:left; height:20px; line-height:20px; margin: 0px 0px 0px 5px; color: #787b91;}