/**
 * MaibuCMS 内容管理系统
 * @author           迈步科技信息
 * @license          http://www.maibucms.com
 */
/* CSS Document */

* {
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"
}
/* .navbar {margin-bottom:0px}
.navbar-default {background-color:#fff;border-color:#fff;}
.container-fluid {}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover {color:#fff;background-color:#006db8;}
.nav>li {cursor:pointer;font-size:16px}
.nav>li>a {padding:10px 25px;}
.navbar-toggle {margin-top:20px;}
.navbar-brand {padding:35px 15px;}
*/.carousel-indicators li {
	text-indent: 0
}

.carousel-indicators .active {
}
/* .navbar-brand {display:flex;justify-content:flex-start;align-items:center;}
*/.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	line-height: 1;
	width: 100%
}

.indexTeamBanner {
    position: initial;
    bottom: 0;
    left: 0%;
    z-index: 15;
    width: initial;
    padding-left: 0;
    margin-left: 0;
    text-align: initial;
    list-style: none;
}

.indexTeamBanner li {
    display: inline-block;
    width: 15.66666%;
    height: initial;
    margin: initial;
    text-indent: initial;
    cursor: pointer;
    background-color: initial;
    background-color: initial;
    border: initial;
    border-radius: initial;
    margin-bottom: 4px;
    position: relative;
}

.indexTeamBanner .active {
    padding: 0;
    width: 15.66666%;
    height: initial;
    margin: 0;
    background-color: #fff;
}

.indexTeamBanner li span {
    background: rgba(102, 167, 212, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block
}

.indexTeamBanner li img {
    width: 100%
}

.logo {
    width: 90%
}

.padding0 {
    padding: 0
}

.margin0 {
    margin: 0
}

.hand {
    cursor: pointer;
}

.clear {
    clear: both;
}

.border0 {
    border: 0
}

.marginBottom20 {
    margin-bottom: 20px !important
}

.tab {
    text-align: center;
    height: 32px;
    margin: 20px 0;
}

.tab a {
	border: 1px #006db8 solid;
	padding: 7px 15px;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
	text-decoration: none;
}

.tab a:hover, .tab .cur {
    background: #006db8;
    color: #fff;
}

.tab a i {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #006db8 transparent transparent transparent;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -11px;
    display: none
}

.tab .cur i {
    display: block;
}

.marginTop100 {
    margin-top: 100px
}

.marginTop30 {
    margin-top: 30px
}

.marginlr20 {
    margin: 0 20px
}

.marginlr15 {
    margin: 0 15px
}

.padding20 {
    padding: 20px
}

.paddingTB20 {
    padding: 20px 0
}

.customRow {
    margin: 0
}

.businessBox {
    background: #1060a4
}

.business {
    width: 1000px;
    margin: 0px auto;
}

.business span {
	display: block;
	color: #fff;
	float: left;
	padding: 14px 28px;
	border-right: 1px #539bca solid;
	cursor: pointer;
}
.business span a {
    color: #fff;
}
.business span:hover {
    background: #2675bb
}

.business span.businessLeftLine {
    border-left: 1px #539bca solid
}

.business span i {
    margin-right: 5px
}

.case {
}

.caseTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.caseTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.caseTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: bold
}

.caseTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.caseTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.caseNewCol {
    margin: 0 0 20px 0;
}

.caseNewCol img {
    width: 100%;
    height:160px;
}

.caseNewCol span {
    display: inline-block;
    width: 100%
}

.caseNewCol span.cnctitle {
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.5rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:42px
}

.caseNewCol span.cncCenter {
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
    height: 90px;
    overflow: hidden;
}

.caseMore {
}

.caseMoreBtn {
    background: #006db8;
    padding: 6px 30px;
    margin: 20px 0 35px 0
}

.advantage {
    background: #006db8;
    padding: 20px 0
}

.advantageTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.advantageTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #fff;
    z-index: -1;
}

.advantageTitle span {
    display: inline-block;
    background: #006db8;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.advantageTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff
}

.advantageTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
    color: #fff
}

.advantageNewCol {
    margin: 0 0 20px 0;
}

.advantageNewCol img {
    width: 100%
}

.advantageNewCol span {
    display: inline-block;
    width: 100%
}

.advantageNewCol span.cnctitle {
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.5rem
}

.advantageNewCol span.cncCenter {
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
}

.team {
    background: #fff;
    padding: 20px 0
}

.teamTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.teamTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.teamTitle span {
    display: inline-block;
    background: #fff;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: bold;
}

.teamTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.teamTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
    font-size: 16px;
}

.teamNewCol {
    padding: 20px;
}

.teamNewColBossImg {
    width: 90%
}

.teamStaff {
    margin-bottom: 10px;
}

.teamStaff span {
    display: grid;
}

.teamStaff span.teamBossName {
    height: 30px;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px
}

.teamStaff span.teamBossPost {
    color: #5c8dde;
    font-size: 16px;
	font-weight: bold;
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px
}

.teamStaff span.teamBossCurriculumVitae {
    font-weight: bold;
    margin: 10px 0;
    height: 60px;
    display: block
}

.teamStaff span.teamBossContent {
    color: #999999;
    line-height: 24px;
    overflow: hidden;
}
.teamStaff span.teamBossFoot {
    color: #999999;
    line-height: 22px;
    margin: 10px 0 0 0;
    display: block;
}

.teamStaff span.teamBossFoot b {
    color: #000;
    line-height: 22px;
}

.teamUser {
}

.teamUser img {
    width: 100%
}

.teamUserModel {
    display: none
}

.teamUserModel img {
    width: 100%
}

.honor {
    background: #006db8;
    padding: 30px 0
}

.honorTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
    display: none;
}

.honorTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #fff;
    z-index: -1;
    display: none;
}

.honorTitle span {
    display: inline-block;
    background: #006db8;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: none;
}

.honorTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    display: none;
}

.honorTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
    color: #fff;
    display: none;
}

.honorNewCol {
    margin-bottom: 15px;
}

.honorNewCol img {
    width: 100%;
    height: auto
}

.honorNewCol span {
    display: inline-block;
    width: 100%
}

.honorNewCol span.cnctitle {
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.5rem
}

.honorNewCol span.cncCenter {
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
}

.honorNewColImpot {
    position: relative;
    background: url(../image/honor_11.png) no-repeat;
    background-position: center;
    background-size: 100%
}

.honorNewColImpot span {
    text-align: center;
    color: #fff
}

.honorNewColImpot span.honorNum {
    font-size: 2.5vw;
}

.honorNewColImpot span.honorNum i {
    font-style: normal
}

.honorNewColImpot span.honorTextRow1 {
    font-size: 1vw;
}

.honorNewColImpot span.honorTextRow2 {
    font-size: 0.7vw;
}

.honorNewColImpot span.honorTextRow3 {
    font-size: 0.7vw;
}

.news {
}

.newsTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.newsTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.newsTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: bold
}

.newsTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.newsCol {
    margin: 0 0 20px 0;
    cursor: pointer;
}

.newsColContent {
    background: #f5f3f4;
    padding: 20px;
}

.newsColContent:hover {
    background: url(../image/newActiveBg.png) #f5f3f4 100%;
}

.newsColContentTitle {
}

.newsColContentTitle img {
}

.newsColContentTitle a {
    float: left;
    width: 74%;
    padding-left: 7px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
}

.newsColContentCenter {
    margin-top: 10px;
    line-height: 26px;
    overflow: hidden;
    height:100px;
}

.newsColContentBottom {
    margin-top: 70px;
}

.duty {
    padding: 20px 0
}

.dutyTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.dutyTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.dutyTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: bold;
}

.dutyTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.dutyTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.dutyNewCol {
    margin: 0 0 20px 0;
}

.dutyNewCol img {
    width: 100%
}

.dutyNewCol span {
    display: inline-block;
    width: 100%
}

.dutyNewCol span.cnctitle {
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.5rem
}

.dutyNewCol span.cncCenter {
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
}

.footNote {
    background: #373d41;
    padding: 15px 0
}

.footNoteMgAuto {
    width: 1210px;
    margin: 0 auto;
}

.footNoteMgAutoTop {
    border-bottom: 1px #fff solid;
    padding: 10px 0 10px 0;
    color: #fff;
    margin: 0 0 20px 0;
}

.footNoteMgAutoTop span {
    color: #fff;
    font-size: 14px
}

.footNoteMgAutoTop a {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 0 6px;
}

.footNoteMgAutoCenter {
    padding: 10px 0 10px 0;
    color: #fff;
    text-align: center;
}

.footNoteMgAutoCenter a {
    color: #fff;
    font-size: 14px
}

.footNoteMgAutoBottom {
    color: #fff;
    font-size: 14px;
    text-align: center
}

.footMobile {
    display: none
}

.classicCase {
}

.classicCaseLeft {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.classicCaseLeftTitle {
    font-size: 1.6rem;
    font-weight: bold;
}

.classicCaseLeftIphoneTitle {
    font-size: 16px;
    line-height: 20px;
}

.classicCaseLeftIphoneTitle a {
    color: #337ab7;
}

.classicCaseLeftContent {
    color: #666;
    margin-top: 30px
}

.classicCaseRight {
    padding: 0
}

.classicCaseRight img {
    width: 100%
}

.media {
    border-bottom: 1px #f5f5f5 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.media-object {
    width: 115px;
    height: 80px;
}

.media-body p {
    color: #9b9b9b;
    font-size: 12px;
    overflow: hidden;
    margin: 0;
    height: 37px;
    line-height: 18px;
}

.media-body i {
    color: #006db8;
    font-size: 30px;
}

.classicCasePhone {
    display: none
}

.classicCaseMobileHeader {
	height: 55px;
	display: flex;
	flex-direction: row;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #106fb5;
	z-index: 1026;
}

.classicCaseMobileHeaderLeft {
    display: flex;
    flex: 1;
    align-items: center;
    padding-left: 10px;
    color: #fff
}

.classicCaseMobileHeaderCenter {
	display: flex;
	flex: 3;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
	color: #fff
}

.classicCaseMobileHeaderRight {
    display: flex;
    flex: 1;
    color: #fff
}

.classicCaseMobileHeaderNavBox {
	height: 34px;
	overflow: hidden;
	margin-bottom: 8px;
	border-bottom: 1px #f5f5f5 solid;
	position: fixed;
	width: 100%;
	top: 50px;
	left: 0;
	z-index: 1026
}

.classicCaseMobileHeaderNavLayer1 {
    overflow-x: scroll;
}

.classicCaseMobileHeaderNavLayer2 {
    width: 450px;
    background: #f5f5f5
}

.classicCaseMobileHeaderNavLayer2 a {
    display: inline-block;
    float: left;
    text-decoration: none;
    height: 40px;
    line-height: 37px;
    padding: 0 10px;
}

.classicCaseMobileHeaderNavLayer2 a:hover {
    background: #fff
}

.classicCaseMobileFootLink {
    padding: 20px 0
}

.classicCaseMobileFootLinkTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.classicCaseMobileFootLinkTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 15%;
    width: 70%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.classicCaseMobileFootLinkTitle span {
    display: inline-block;
    background: white;
    padding: 15px 30px;
    font-size: 12px;
}

.classicCaseInfo {
}

.classicCaseInfoTitle {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin: 20px 0
}

.classicCaseInfoNimw {
    border-bottom: 1px #ccc solid;
    color: #515151;
    padding-bottom: 5px
}

.classicCaseInfoNimw span {
    margin-right: 30px;
    font-size: 16px
}

.classicCaseInfoNimw span i {
    margin-right: 5px;
    font-size: 16px
}

.classicCaseInfoContent {
    margin: 20px 0;
    line-height: 36px
}

.classicCaseInfoTag {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px
}

.classicCaseInfoTag img {
    width: 13px;
    margin: -3px 10px 0 0
}

.classicCaseInfoTag span {
}
.classicCaseInfoTag01{
	float: left;
	width: 100%
}
.classicCaseInfoTag02{
	float: left;
	width: 100%;
	padding-left: 10%;
	padding-top:20px;
	padding-bottom:20px;
}

.classicCaseInfoTeam {
    background: #fff;
    padding: 20px 0
}

.classicCaseInfoTeamNewCol {
    padding: 20px;
}

.classicCaseInfoTeamNewColBossImg {
    width: 90%
}

.classicCaseInfoTeamStaff {
    margin-bottom: 10px;
}

.classicCaseInfoTeamStaff span {
    display: grid;
}

.classicCaseInfoTeamStaff span.classicCaseInfoTeamBossName {
    height: 30px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}

.classicCaseInfoTeamStaff span.classicCaseInfoTeamBossPost {
    color: #5c8dde;
    font-size: 14px;
    margin-bottom: 8px;
}

.classicCaseInfoTeamStaff span.classicCaseInfoTeamBossCurriculumVitae {
    font-weight: bold;
    margin: 10px 0;
    margin-bottom: 30px;
}

.classicCaseInfoTeamStaff span.classicCaseInfoTeamBossContent {
    line-height: 22px;
 text-align: left;

}
/*html * {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*,*:after,*:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;border:none;}
body {font-size:100%;font-family:"Microsoft yahei",serif;color:#7f8c97;background-color:#e9f0f5;}
a {color:#acb7c0;text-decoration:none;font-family:"Microsoft yahei",sans-serif;}
img {max-width:100%;}
h1,h2 {font-family:"Microsoft yahei",sans-serif;font-weight:bold;}
/* --------------------------------Modules - reusable parts of our design-------------------------------- */.cd-container {/* this class is used to give a max-width to the element it is applied to,and center it horizontally when it reaches that max-width */
	width: 90%;
	margin: 0 auto;
}

.cd-container::after { /* clearfix */
    content: '';
    display: table;
    clear: both;
}
/* --------------------------------Main components-------------------------------- */
header {
    height: 200px;
    line-height: 200px;
    text-align: center;
    background: #303e49;
}

header h1 {
    color: #ffffff;
    font-size: 18px;
    font-size: 1.125rem;
}

@media only screen and (min-width: 1170px) {
    header {
        height: 300px;
        line-height: 300px;
    }

    header h1 {
        font-size: 24px;
        font-size: 1.5rem;
    }
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-bottom: 2em;
}

#cd-timeline::before { /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-bottom: 3em;
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.cd-timeline-img.cd-picture {
    background: #006db8;
    text-align: center;
    line-height: 24px
}

.cd-timeline-img.cd-movie {
    background: #006db8;
}

.cd-timeline-img.cd-location {
    background: #006db8;
}

.cd-timeline-img i {
    color: #fff;
    font-size: 3rem
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px; /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #ffffff;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    color: #303e49;
}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 13px;
    font-size: 0.8125rem;
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block;
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #ffffff;
    border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ffffff;
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 2rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1.5rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #ffffff;
    }

    .cd-timeline-content .cd-read-more {
        float: left;
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 2rem;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #ffffff;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
        font-size: 2rem
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}
@media only screen and (min-width:1170px) {/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
	-webkit-animation: cd-bounce-2-inverse 0.6s;
	-moz-animation: cd-bounce-2-inverse 0.6s;
	animation: cd-bounce-2-inverse 0.6s;
}
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.mechanism {
}

.mechanismTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 30px 0;
}

.mechanismTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.mechanismTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold
}

.mechanismNewCol {
    margin: 0 0 20px 0;
}

.mechanismNewCol img {
    width: 100%
}

.mechanismNewCol span {
    display: inline-block;
    width: 100%
}

.mechanismNewCol span.mnctitle {
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.5rem
}

.mechanismNewCol span.mncEntitle {
    font-weight: bold;
    font-size: 1.5rem
}

.mechanismNewCol span.mncCenter {
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
	text-indent:2em;
    overflow: hidden;
}

.mechanismCustomer {
    background: #f2f2f2;
    padding: 10px 0 30px 0
}

.mechanismCustomerTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 10px 0 30px 0;
}

.mechanismCustomerTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.mechanismCustomerTitle span {
    display: inline-block;
    background: #f2f2f2;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold
}

.mechanismCustomerNewCol {
    text-align: center
}

.mechanismCustomerNewCol img {
    width: 60%;
    margin-bottom: 20px
}

.mechanismCustomerNewCol span {
    display: block;
}

.mechanismCustomerNewCol span.mcncTitle {
    font-weight: bold;
    margin-bottom: 5px
}

.mechanismCustomerNewCol span.mcncReadMe {
    color: #666
}

.statute {
}

.statuteTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.statuteTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.statuteTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: bold
}

.statuteNewCol {
    margin: 0 0 0 0;
}

.statuteNewColLeft {
    overflow: hidden;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    height: 141px;
}

.statuteNewColLeftEle1 {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px #006db8 solid;
    text-align: center
}

.statuteNewColLeftEle1_1 {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #006db8;
    margin: 2px
}

.statuteNewColLeftEle2 {
    width: 1px;
    height: 160px;
    background: #cccccc
}

.statuteNewColLeft img {
    width: 13px
}

.statuteNewColLeftTop {
    height: 41px
}

.statuteNewColRight {
    float: left;
    width: 95%;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 20px
}

.statuteNewColRightTop {
    border: 0
}

.statuteNewColRight a {
    color: #006db8;
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 10px;
    display: block
}

.statuteNewColRight span {
    display: block
}

.statuteNewColRight span.sncrContent {
    color: #666;
    margin-bottom: 10px;
}

.statuteNewColRight span.sncrFoot {
    color: #006db8;
    font-size: 12px
}

.statuteNewColRight span.sncrFoot i {
    color: #006db8;
    font-size: 12px;
    margin: 0 5px 0 3px
}

.cu {
}

.cuTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.cuTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.cuTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold
}

.cuNewCol {
    margin: 0 0 20px 0;
}

.cuNewCol span {
    display: block;
}

.cuNewCol span.cuNewColTitle {
    margin: 10px 0;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
    position: relative;
}

.cuNewCol span.cuNewColTitle i {
    display: block;
    width: 25%;
    background: #000;
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 37.5%;
}

.cuNewCol span.cuNewColContent {
    margin-bottom: 50px;
    color: #666;
    line-height: 24px
}

.cuNewCol img {
    width: 75%;
}

.cuMoreBtn {
    background: #006db8;
    padding: 6px 30px;
    margin: 20px 0 35px 0
}

.field {
}

.fieldTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.fieldTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.fieldTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: bold
}

.fieldTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.fieldTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.fieldNewCol {
    margin: 0 0 20px 0;
}

.fieldNewColBox {
	border: 1px #d4d4d4 solid;
	border-radius: 4px;
	padding: 5px 0px 5px 10px;
	cursor: pointer;
}

.fieldNewColBoxLeft {
    float: left;
    margin-right: 10px;
    border-right: 1px #d4d4d4 solid;
    width: 30px;
    text-align: center
}

.fieldNewColBoxLeft i {
    color: #d4d4d4
}

.fieldNewColBoxRight {
    float: left;
}
.fieldNewColBoxRight span {
	font-size: 14px
}

.fieldNewColPeo {
    position: relative;
    cursor: pointer;
}

.fieldNewColPeo img {
	width: 100%;
	height: 175px
}

.fieldNewColPeoName {
    height: 35px;
    background: #006db8;
    color: #fff;
    text-align: center;
    line-height: 35px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.fieldNewColPeoNameInfoBox {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 109, 184, 0.5);
    display: none;
}

.fieldNewColPeoNameInfo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fieldNewColPeoNameInfo span {
    color: #fff;
    padding: 0 10px
}

.fieldNewColPeoNameInfo span.fncpName {
    font-weight: bold;
    font-size: 16px
}

.fieldNewColPeoNameInfo span.fncpPost {
    font-size: 12px
}

.fieldNewColPeoNameInfo span.fncpInfo {
    font-size: 12px
}

.fieldH5 {
    margin: 30px 15px
}

.cc {
}

.ccTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.ccTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.ccTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 30px;
    font-weight: bold
}

.ccTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.ccTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.ccTitle3Class {
    text-align: center;
    color: #999;
    font-size: 20px;
}

.ccTitle4Class {
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: bold;
    font-size:24px;
}

.ccTitle5Class {
	text-align: center;
	color: #999;
	margin: 0 0 30px 0;
	font-size: 20px;
	TEXT-ALIGN: center;
}

.ccNewCol {
    margin: 0 0 20px 0;
    background: url(../image/ico1.png);
    height: 110px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    line-height: 110px;
    color: #fff;
    font-size: 1.8rem
}

.ccNewCol1 {
    margin: 30px 0 20px 0;
}

.ccNewCol1 img {
    width: 100%
}

.ccNewCol1 span {
    display: inline-block;
    width: 100%
}

.ccNewCol1 span.ccNewCol1Title {
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.5rem
}

.ccNewCol1 span.ccNewCol1TitleReadmeBox {
    border-bottom: 1px #006db8 solid;
    height: 45px;
    position: absolute;
    left: -50px;
}

.ccNewCol1 span.ccNewCol1TitleReadme {
    font-size: 1.4rem;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #fff;
    background: #006db8;
    padding-left: 66px;
}

.ccNewCol1 span.ccNewCol1TitleContent {
    color: #999999;
    font-size: 1.4rem;
    line-height: 22px;
    overflow: hidden;
    margin-top: 50px;
}

.recruit {
}

.recruitTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.recruitTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.recruitTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold
}

.recruitNewCol {
    padding: 20px 10px;
    border-bottom: 1px #eeeeee solid;
    cursor: pointer;
}

.recruitNewColRow1 {
}

.recruitNewColRow1 span {
    display: block;
    font-size: 16px;
}

.recruitNewColRow1 span.recruitNewColRow1RightText {
    color: #ff5959;
    font-size: 18px;
    font-weight: bold
}

.recruitNewColRow2 {
    color: #5d5d5d;
    font-size: 12px;
    margin: 10px 0
}

.recruitNewColRow2 span {
    display: block;
    float: left;
}

.recruitNewColRow3 {
}

.recruitNewColRow3 span {
    background: #f8f8fa;
    color: #606062;
    padding: 3px 7px;
    font-size: 12px;
}

.recruitNewColRow4 {
    margin-top: 20px;
    font-size: 12px;
    line-height: 24px
}

/*.recruitPhone{margin-top: 50px}*/

.newsList {
}

.newsListTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.newsListTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.newsListTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: bold
}

.newsListNewCol {
    margin: 0 0 20px 0;
    cursor: pointer;
}

.newsListNewColLeft {
    overflow: hidden;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    height: 141px;
}

.newsListNewColLeftEle1 {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px #006db8 solid;
    text-align: center
}

.newsListNewColLeftEle1_1 {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #006db8;
    margin: 2px
}

.newsListNewColLeftEle2 {
    width: 1px;
    height: 160px;
    background: #cccccc
}

.newsListNewColLeft img {
    width: 13px
}

.newsListNewColLeftTop {
    height: 41px
}

.newsListNewColRight {
    float: left;
    width: 95%;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 20px
}

.newsListNewColRightTop {
    border: 0
}

.newsListNewColRight a {
    color: #006db8;
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 10px;
    display: block
}

.newsListNewColRight span {
    display: block
}

.newsListNewColRight span.sncrContent {
    color: #666;
    margin-bottom: 10px;
}

.newsListNewColRight span.sncrFoot {
    color: #006db8;
    font-size: 12px
}

.newsListNewColRight span.sncrFoot i {
    color: #006db8;
    font-size: 12px;
    margin: 0 5px 0 3px
}

.newsListImg {
    width: 200px;
    height: auto
}

.newsListContent {
    color: #9b9b9b;
    font-size: 14px;
    overflow: hidden;
    margin: 0;
    height: 95px;
    line-height: 26px;
    display: block;
}

.newsListFoot {
    color: #106fb5;
    font-size: 14px;
}

.newsListFoot i {
    color: #106fb5;
    font-size: 14px;
    margin-right: 5px
}

.newsListBox {
    padding-bottom: 20px
}

.newsInfo {
    min-height: 700px
}

.lu {
}

.luTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.luTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.luTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold
}

.luTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.luTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.luNewCol {
    margin: 0 0 20px 0;
    cursor: pointer;
}

.luNewColBox {
    border: 1px #999 solid;
    padding: 20px
}

.luNewColTitle {
    font-size: 16px;
    font-weight: bold
}

.luNewColContent {
    color: #999;
    margin-top: 10px
}

.zlhonor {
}

.zlhonorTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.zlhonorTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.zlhonorTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: bold
}

.zlhonorTitle1Class {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.zlhonorTitle2Class {
    text-align: center;
    color: #999;
    margin: 5px 0 30px 0;
}

.zlhonorSamllBanner {
    margin-bottom: 20px
}

.zlhonorNewCol {
    margin: 0 0 20px 0;
}

.zlhonorNewColTitle {
    border-bottom: 1px #cccccc solid
}

.zlhonorNewColTitle span {
}

.zlhonorNewColTitle span.zhnctYear {
    color: #006db8;
    font-size: 30px
}

.zlhonorNewColTitle span.zhnctG {
    color: #bbb;
    font-size: 30px
}

.zlhonorNewColTitle span.zhnctEn {
    color: #bbb;
    font-size: 14px
}

.zlhonorNewColUl {
    margin-left: 40px;
}

.zlhonorNewColUl li {
    margin: 20px
}

.zlhonorNewColRewardBox {
    padding: 0 100px;
}

.zlhonorNewColReward img {
    width: 100%
}

.teamList {
}

.teamListTitle {
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 30px 0 5px 0;
}

.teamListTitle:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 25%;
    width: 50%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}

.teamListTitle span {
    display: inline-block;
    background: white;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: bold
}

.teamListNewCol {
    margin: 0 0 20px 0;
    cursor: pointer;
}

.teamListNewColLeft {
    overflow: hidden;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    height: 141px;
}

.teamListNewColLeftEle1 {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px #006db8 solid;
    text-align: center
}

.teamListNewColLeftEle1_1 {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #006db8;
    margin: 2px
}

.teamListNewColLeftEle2 {
    width: 1px;
    height: 160px;
    background: #cccccc
}

.teamListNewColLeft img {
    width: 13px
}

.teamListNewColLeftTop {
    height: 41px
}

.teamListNewColRight {
    float: left;
    width: 95%;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 20px
}

.teamListNewColRightTop {
    border: 0
}

.teamListNewColRight a {
    color: #006db8;
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 10px;
    display: block
}

.teamListNewColRight span {
    display: block
}

.teamListNewColRight span.sncrContent {
    color: #666;
    margin-bottom: 10px;
}

.teamListNewColRight span.sncrFoot {
    color: #006db8;
    font-size: 12px
}

.teamListNewColRight span.sncrFoot i {
    color: #006db8;
    font-size: 12px;
    margin: 0 5px 0 3px
}

.teamListImg {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 1px #187bbf solid;
}

.teamListContent {
    color: #9b9b9b;
    font-size: 12px;
    overflow: hidden;
    margin: 0;
    line-height: 26px;
    display: block;
}

.teamListContent b {
    display: block
}

.teamListFoot {
    color: #106fb5;
    font-size: 12px;
}

.teamListFoot i {
    color: #106fb5;
    font-size: 12px;
    margin-right: 5px
}

.teamListBox {
    border-bottom: 1px #f5f5f5 dashed;
}

.teamListTag {
    font-size: 12px;
    color: #666;
    margin: 30px 0 10px 10px;
    line-height: 34px;
}

.teamListTag img {
    width: 10px;
    margin: 10px 10px 0 0
}

.teamListTag span {
    margin-right: 10px
}

.teamListTag input {
}

.teamListSosoBox {
    margin-bottom: 30px
}

.teamListHotTag {
    width: 100%
}

.teamListHotTag a {
    font-size: 12px;
    background: #f8f8fa;
    width: 90px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
    cursor: pointer;
    border-radius: 4px
}

.teamListHotTag b {
	font-size: 12px;
	font-weight: normal;
	width: 152px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.slide_fade {
	overflow: hidden;
	position: relative;
	height: 420px;
}
.slide_fade .box {
	overflow: hidden;
	position: relative;
	height: 320px;
	z-index: 4;
}
.slide_fade .box a {
	color: #fff;
}
.slide_fade .box a:hover {
	text-decoration: none;
}
.slide_fade .list {
	overflow: hidden;
	height: 9999px;
	padding: 0;
	margin: 0
}
.slide_fade .list li {
	position: relative;
	height: 270px;
	list-style: none;
	text-align: center
}
.slide_fade .list img {
	_vertical-align: top;
	width: 60%;
	height: 320px
}
.slide_fade .txt {
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 45px;
	font: 14px/24px "\5fae\8f6f\96c5\9ed1";
}
.slide_fade .txt h3 {
	font: 40px/80px "\5fae\8f6f\96c5\9ed1";
}
.slide_fade .btn {
	position: absolute;
	bottom: 0;
	left: 19%;
	height: 97px;
	background: #fff;
	z-index: 5;
}
.slide_fade .btn:active {
	box-shadow: none
}
.slide_fade .btn img {
	width: 100%
}
.slide_fade .btn a {
	color: #555;
	text-decoration: none;
}
.slide_fade .btn li {
	overflow: hidden;
	float: left;
	width: 41px;
	height: 90px;
	margin: 0 0 0 12px;
	padding-top: 7px;
	color: #333;
	_margin: 0 10px 0 0;
	_height: 87px;
	list-style: none;
}
.slide_fade .btn li:first-child {
	margin-left: 0;
}
.slide_fade .btn .selected {
	position: relative;
	top: -3px;
	border-top: 3px solid #106fb6;
}
.slide_fade .btn h3 {
	padding: 4px 0 0 0;
	font: 12px/20px "\5b8b\4f53";
	text-indent: 2px;
}
.slide_fade .btn p {
	color: #999;
	font: 12px/20px "\5b8b\4f53";
	text-indent: 2px;
}
.slide_fade .btn p a {
	color: #999;
}
.slide_fade .btn p a:hover {
	text-decoration: underline;
}
#page {
    margin: 30px 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center
}
.courseWine img{
    width: 40px;
    height: auto;
    margin-right: 5px;
}
#page .pageinfo {
    margin-right: 3px;
    color: #337ab7;
    font-size: 14px;
    padding: 4px 10px;
    border: 1px solid #ddd;
}

#page .pageinfo strong {
    font-weight: normal;
    margin: 0 3px
}

#page a {
    border: 1px solid #ddd;
    background: #fff;
    color: #337ab7;
    padding: 4px 10px;
    margin-left: 5px;
    transition: all 0.2s
}

#page a:hover, #page .curpage {
    background: #eee;
    color: #337ab7;
    text-decoration: none;
    border: 1px solid #ddd;
}

#page .nopage {
    cursor: not-allowed;
}

#page .nopage:hover {
    background: #fff;
    color: #337ab7;
    border: 1px solid #ddd;
}
.courseWine{
    display: block;
    text-align: center;
}
@media screen and (max-width: 640px) {
    #page .pageinfo, #page .homepage, #page .endpage {
        display: none
    }
    .courseWine{
        display: block;
    }
}
@media (min-width:768px) {
.container-fluid {
	width: 1200px;
	margin: 0px auto
}
.classicCasePhone {
	display: none
}
.classicCaseWeb {
	display: block;
}
.classicCaseMobileHeader {
	display: none;
}
.classicCaseMobileHeaderNavBox {
	display: none
}
.coCultureWebEleHide {
	display: none
}
.recruitPhone {
	display: none
}
/* .navbar-nav>li>a {padding-top:25px;padding-bottom:25px;font-weight:bold}
.navbar-nav {float:left;margin:0;margin-left:30px;}
*/}
@media (max-width:768px ) {/* 经典案例更改文字大小 */
.logo {
	width: 70%;
	margin-left: 20px
}
.caseNewCol span.cncCenter {
	font-size: 1.2rem;
	height: 110px;
	overflow: hidden;
}
.caseMoreBtn {
	margin: 0px 0 35px 0;
}
.caseTitle {
	margin: 20px 0 5px 0;
}
/* 正理优势 */
.advantage {
	background: #fff;
	padding: 0
}
.advantageTitle {
	text-align: center;
	position: relative;
	z-index: 2;
	margin: 0px 0 5px 0;
}
.advantageTitle:before {
	position: absolute;
	content: '';
	top: 22px;
	left: 25%;
	width: 50%;
	border-bottom: 1px solid #d4d4d4;
	z-index: -1;
}
.advantageTitle span {
	display: inline-block;
	background: #fff;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: bold;
	color: #000
}
.advantageTitle1Class {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #000
}
.advantageTitle2Class {
	text-align: center;
	color: #999;
	margin: 5px 0 20px 0;
}
.advantageNewCol {
	margin: 0;
	padding: 0
}
/* 正理团队 */  
  .teamTitle {
	margin: 0px 0 5px 0;
}
.teamUser {
	display: none;
}
.teamUserModel {
	display: inline-block;
	padding: 0 20px 20px 20px;
}
.teamNewCol {
	text-align: center;
	padding: 0 20px 20px 20px;
}
.teamBossContent{
	text-align: left;
	padding: 0 20px 20px 20px;
}
.teamBossFoot{
	text-align: left;
	padding: 0 20px 20px 20px;
}
/* 合作伙伴 */ 
.honor {
	background: #fff;
	padding: 0px 0;
}
.honorTitle {
	display: block;
	margin: 0;
}
.honorTitle:before {
	display: block;
	border-bottom: 1px solid #d4d4d4;
}
.honorTitle span {
	display: block;
	background: #fff;
	color: #000
}
.honorTitle1Class {
	display: block;
	color: initial
}
.honorTitle2Class {
	display: block;
	color: initial;
	margin: 5px 0 30px 0;
}
.honorNewCol img {
	width: 100%;
	height: 100px;
	border: 1px #434343 solid;
}
.hideHonorLogo {
	display: none
}
.specialHonor {
	display: none;
}
/* 荣誉与荣耀 */  
.dutyTitle2Class {
	padding: 0 20px;
}
.dutyTitle {
	margin: 0px 0 5px 0;
}
/* 脚注 */    
.footNoteMgAuto {
	display: none;
}
.footMobile {
	display: block;
	text-align: center;
	color: #fff
}
/* 经典案例列表页 */    
.classicCasePhone {
	display: block
}
.classicCaseWeb {
	display: none;
}
.classicCaseRight {
	padding: 0 15px
}
.classicCaseLeft {
	padding: 15px
}
.isIphoneHideElement {
	display: none
}
.caseMobile {
	margin-top: 50px
}
/* 经典案例详情 */    
.classicCaseInfoTeamNewCol {
	padding: 10px;
	text-align: center;
}
/* 机构简介 */    
.mechanismHideelements {
	display: none
}
.mechanismTitle {
	margin: 10px 0
}
/* 企业文化 */    
.ccTitle5Class {
	margin: 0
}
.ccNewCol1 span.ccNewCol1TitleReadmeBox {
	border-bottom: 0;
	height: initial;
	position: initial;
	left: initial;
}
.ccNewCol1 span.ccNewCol1TitleReadme {
	font-size: 1.4rem;
	height: initial;
	overflow: hidden;
	line-height: initial;
	color: #000;
	background: initial;
	padding-left: initial;
}
.ccNewCol1 span.ccNewCol1TitleContent {
	margin-top: 0
}
.ccNewCol1 {
	margin: 10px 0 10px 0;
}
.ccNewCol1 span.coCulturePhoneEleHide {
	display: none
}
/* 新闻列表 */    
.newPhoneMt {
	margin-top: 105px
}
.newsListImg {
	width: 115px;
	height: 80px
}
.newsListContent {
	display: none
}
.newsListFoot {
	margin-top: 20px;
	display: block;
}
.teamTitle2Class {
	display: none
}
/* 正整工会 */    .luPhoneMt {
	margin-top: 15px
}
.zlhonorNewColRewardBox {
	padding: 0 20px
}
/* 专业团队 */    
.teamListhoneMt {
	margin-top: 45px
}
/* 发展历程 */    
.cd-timeline-content h2 {
	font-size: initial
}
/* 联系我们 */ .codeInput {
	width: 74%
}
}