@charset "utf-8";
/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #666;
	font: 14px/20px "微软雅黑",arial;
	background-color: #fff;
}
body.hidden {
	overflow: hidden;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #16589F;
	text-decoration: underline;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
p,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}
/*---------------------------------------------------------------
base(reset|property)-common(layout|list)-page-form-hack
---------------------------------------------------------------*/
/* base */
/*layout*/
img { max-width: 100%;}
img.wall{width: 100%;}
/* font size */
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
/* font weight */
.fw-thin{font-weight: 200;}
/* line height */
.lh15{line-height: 1.5;}
.lh2{line-height: 2;}
.lh3{line-height: 3;}
/* color */
.col01{color: #16589F;}
.col02{color: #3F3F3F;/* text-align: left; */}
.col03{color: #666;}
.col04{color: #999;}
.col05{color: #f00;}
/* background-color */
.bc01{background-color: #E5E5E5;}
.bc02{background-color: #fff;}
/* margin */
.mt10{margin-top: 10px;/* text-align: left; */}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
/* padding */
.pt60{padding-top: 60px;}
.pt80{padding-top: 80px;}
.pb60{padding-bottom: 60px;}
.pb90{padding-bottom: 90px;}
.pb200{padding-bottom: 200px;}
.pb300{padding-bottom: 300px;}
/* border */
.bb1{border-top: 1px solid #EBEBEB;}
.bb2{/* border-top: 1px solid #DCDCDC; */}
.bb3{border-top: 1px dashed #DCDCDC;}
.bb4{border-top: 1px solid #E5E5E5;}
/*header hidden-xs*/
.header{padding: 10px 0;}
header .nav-tabs{border: 0 none; text-align: right; padding: 10px 0;}
header .nav-tabs>li{float: none; display: inline-block;}
header .nav-tabs>li>a{border-radius: 0; border: 0 none; padding: 0;}
header .nav>li>a:focus, header .nav>li>a:hover {background-color: transparent;}
header a .underline{display: inline-block; width: 100%; height: 1px; margin-top: 15px; border-style: solid; border-width: 1px 1px 0 0; border-color: #16589F; position: absolute; top: 50%; left: 0; display: none;}
header a:hover .underline, header a:focus .underline{display: inline-block;}
header .nav .open>a, header .nav .open>a:focus, header .nav .open>a:hover{background-color: transparent; border: 0 none;}
header .prmenu{text-align: center; border: 1px solid #E5E5E5; border-bottom: 0 none; border-radius: 0; box-shadow: none; padding: 0; left: -30%;}
header .prmenu>li>a{padding: 15px 50px; color: #666; border-bottom: 1px solid #E5E5E5; font-size: 12px;}
/* mobile-navbar-header */
.mobile-navbar-header{margin-bottom: 0; background-color: #fff;}
.mobile-navbar-header .navbar-brand{height: initial;}
.mobile-navbar-header .navbar-toggle{margin-top: 30px; background-color: #fff;}
.mobile-navbar-header .dropdown-menu>li>a:focus, .mobile-navbar-header .dropdown-menu>li>a:hover{background-color: transparent;}
.mobile-navbar-header .navbar-offcanvas{background: #fff;}
/*footer*/
.footer{background-color: #EEEEEE; color: #999;}
.footer h3{color: #333;}
.footer p,.footer h5{margin: 10px 0;}
.footer a{display: inline-block; margin: 0 10px 5px 0; position: relative;}
.footer a img.hover{max-width: none; position: absolute; top: -110px; left: -100%; display: none;}
.footer a:hover img.hover{display: block;}
.footer span{display: inline-block; margin: 0 5px 5px 0;}
.copyright{padding: 15px 0; border-top: 1px solid #DCDCDC;}
/* banner */
/* swiper */
.banner .swiper-button-prev{background-image: url('../images/arrow-left.png'); left: 0;}
.banner .swiper-button-next{background-image: url('../images/arrow-right.png'); right: 0;}
/*contents*/
.contents{color: #999;}
/* index */
.contents .more{color: #999999; background: #fff; border: 1px solid #ddd; border-radius: 0; padding: 10px 60px;}
.contents .more:hover, .contents .more:focus{color: #fff; background: #15589F; border-color: #15589F;}
.contents .vline{display: inline-block; vertical-align: bottom; width: 3px; height: 18px; background: #15589F; margin-right: 15px;}
.contents .storys{color: #999; padding-top: 30px; padding-bottom: 30px; background: #fff; transition: box-shadow 200ms ease-out; -webkit-transition: box-shadow 200ms ease-out;}
.contents .story-access:hover .storys, .contents .story-access:focus .storys{box-shadow: 0px 0px 100px #ddd;}
.contents .story-access .storys img {display: inline-block;}
.contents .story-access .storys img.hover {display: none;}
.contents .story-access:hover img.hover, .contents .story-access:focus img.hover {display: inline-block;}
.contents .story-access:hover img.normal, .contents .story-access:focus img.normal {display: none;}
/* development */
.development {border-top: 1px dashed #E5E5E5;}
.development .long-arrow-right{color: #B5B5B5; margin: 0 3%;}
.development li{border-bottom: 1px dashed #E5E5E5; padding: 30px 0; line-height: 2;}
.development li span{display: inline-block; vertical-align: middle;}
/* coFounder */
.coFounder li{border-bottom: 1px solid #DCDCDC; padding: 40px 0; line-height: 2;}
/* news */
.news{border-top: 1px dashed #DCDCDC;}
.news li{border-bottom: 1px solid #E5E5E5; padding: 30px 0;}
.newsIndex a{display: inline-block; margin: 0 5px; width: 38px; height: 38px; line-height: 38px; color: #999999; background: #fff; border: 1px solid #ddd; text-decoration: none;}
.newsIndex a:hover, .newsIndex a:focus{color: #fff; background-color: #7D7D7D; border-color: #7D7D7D;}
/* joint */
/* six services */
.service{padding: 15px; transition: box-shadow 200ms ease-out; -webkit-transition: box-shadow 200ms ease-out; min-height: 180px;}
.service:hover{box-shadow: 0px 0px 100px #ddd;}
.service:hover h3{color: #16589F;}
.service-icon{margin-top: 15px;}
.service .bb2{margin: 10px 0; width: 24px;}
/* business model */
.business-model{padding: 30px 0; color: #fff; background-image: url('../images/business-bg.png'); background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
/* resources */
.resources{margin-top: -8%;}
/* consult */
.consult{margin-top: -10%;}
.consulting{background-color: #fff; margin-bottom: 80px;}
.consulting-content{padding: 0 30px; text-align: center;}
.consulting-content p{color: #565656; background-color: #fff; padding: 30px 15px;}
.consulting-detail{box-shadow: 0px 0px 100px #eee;}
/* five service */
.serve{background-image: url('../images/serve-bg.png'); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; color: #fff; padding: 80px 0 200px;}
.serve-content{padding: 0 60px;}
/* achievement */
.achievement{margin-top: -10%; margin-bottom: 90px; background-color: #fff; padding: 80px 0 80px; box-shadow: 0px 0px 5px #eee; border-radius: 3px;}
/* flow-path */
.flow-path{background-image: url('../images/flow-path-bg.png'); background-repeat: no-repeat; background-position: 0 center;  background-size: auto 100%; color: #fff; padding: 40px 0 40px; margin-bottom: 80px;}
/* consultant team */
.team{color: #565656;}
.team h3{color: #3F3F3F;}
.team h3 span{color: #565656; margin-left: 20px;}
.team p{line-height: 1.5;}
/* brand */
.brand-title{height: 88px; padding: 15px 20px; background-color: #fff;}
.brand-list{padding-left: 20px; margin-right: -15px;}
.brand-list li{padding: 20px 0;}
.brand-list .vline.sm{height: 16px; margin-right: 10px;}
.contents .brand-story{text-decoration: none;}
.contents .story-detail{padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; position: relative;}
.contents .brand-story .story-detail img {position: absolute; top: 20px; right: 0;}
.contents .brand-story .story-detail img.hover {display: none;}
.contents .brand-story:hover img.hover, .contents .brand-story:focus img.hover {display: inline-block;}
.contents .brand-story:hover img.normal, .contents .brand-story:focus img.normal {display: none;}
/* story */
.contents.story{color: #666;}
.story-content p{font-size: 16px; margin-bottom: 40px;}
/* 分类页样式 */
.page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#9A9FA5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal;}
.pagination {
    text-align: center;
}

.casepage li {
    display: inline-block;
}
.casepage .thisclass {
    background: #0068b7;
    color: #fff;
    font-size: 14px;
}
.casepage li {

    background: #fff;
}
.casepage a {
    color: #999;
    font-size: 14px;
}
.casepage{text-align: center;}
