@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;}

/*手机端*/
@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: 1em!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:0 5px; }
.icon-mc {padding: 8em 0 6em 0!important;}
.ser-p {line-height: 1.5!important;}
.banner-text h2 {font-size: 1em;}
.banner-text p {line-height: 1em!important; margin-top: 10px;}
.meeting { padding:8em 0 3em 0!important; margin-top: -4em!important;}
.banner-text h2 {font-size: 1.5em!important;}
.ser-title {top: 25%!important;}
}

@media (min-width: 768px){
.menu {position: fixed; z-index: 1000; width: 100%; top:0;}
.navbar {border-radius:inherit;}
}

/*主样式*/
.header { padding: 10px 0;}
.banner { padding-top: 70px;}
.banner-wrap {background:url("../images/shijiazhuang/banner-topbg-m.png") repeat-x center bottom; width: 100%}
.navbar-default { background: #fff; border: none;}
.navbar {margin-bottom: 0;}
.navbar-toggle {margin-top:15px; margin-bottom: 15px;}
.navbar-default .navbar-nav li a { color:#333;}
.navbar-default .navbar-nav li a:hover {color:#517c87}
.logo {padding: 25px 0 25px 0;}
.phone {text-align:right; margin-right: 16px; margin-top:10px;}
ul.navbar {text-align: center;}
.about {padding: 10em 0 5em 0;; margin: -5em 0;}
.about-bg {margin: 6em 0 0 0; background: url("../images/shijiazhuang/about-bg.png") repeat-y top right; padding: 3em 2em;}
.map { background: url("../images/shijiazhuang/map.png") no-repeat center center; background-size:over;}
h2.agileits-title {color: #517c87;font-size: 1.8em;margin-bottom: 0.8em;text-transform: capitalize;line-height: 0.9em;text-transform:uppercase; font-weight: bold;}
.case { padding:4em 0; margin: -4em 0; background: #dde6ed url("../images/shijiazhuang/list-bg.jpg") no-repeat top center; background-size: cover;}
.ser-btm { margin-bottom: 50px;}
.ser-text{font-size: 1em; text-align: center; padding:20px; background: #fff; color: #808080; }
.ser-title {position: absolute; left: 50%;top:30%;transform: translate(-50%, -50%); color: #333; font-size: 1.5em; font-weight: bold; text-align: center;}
.ser-p {position: absolute; left: 50%;top:55%;transform: translate(-50%, -50%); color: #333; width: 80%;  text-align: center;}
.box-sh {box-shadow: 0px 0 30px 5px rgba(28,31,33,.2);}
.banner-text {padding-top:2em; padding-bottom:2em; text-align: center;}
.banner-text h2 {font-size: 2em; color: #2883c6; margin-bottom: 1em; padding: 0 0em 0.5em 0; font-weight: 600; letter-spacing: 2px; width: 100%;}
.banner-text p {font-size: 1.2em; line-height: 2;}
.meeting { padding:3em 0;}

/*底部*/
.footer {padding: 3em 0 0 0; background: #3c4c5a;}
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:#9dafbf; margin-bottom: 5px;}
ul.links-footer li a:hover {color:#fde79b; text-decoration: none;}
.wm-text {text-align:center; font-size:13px; padding-top:10px;}
.copyright {background: #344350; padding: 20px 0; margin-top:50px;  text-align: center; color: #9dafbf; font-size: 13px;}
.ipc-left {margin-left:20px; display: inline-block;}
a.ipc:link , a.ipc:visited { color: #9dafbf;}
a.ipc:hover {color:#fde79b; 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: #9dafbf;}