html {
    /*font-size:62.5%;*/
}

body {
    padding-top: 0; /*118px;*/

    /*font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;*/
    font-size: 62.5%;
    overflow-x: hidden;
    /*font-weight: 400;
    line-height: 1.428571429;
    color: #4d4c4d;*/
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Microsoft Yahei','Hiragino Sans GB',"WenQuanYi Micro Hei",SimSun,Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
}

p, span, div {
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    h1 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    h2 {
        font-size: 20px;
        font-size: 2rem;
    }

    h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    h4 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    h5 {
        font-size: 14px;
        font-size: 1.4rem;
    }

    h6 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.number-font {
    font-family: "BebasNeueBold", 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", SimSun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}

.number-font2 {
    font-family: "BebasNeueBook", 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", SimSun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 1200px) {
    .container {
        width: 1024px;
    }
}

#contant-container .box-hidden {
    position: relative;
}

#contant-container .box-hidden .anchor {
    height: 100px;
    position: absolute;
    top: -100px;
    width: 100%;
}

@media ( min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media ( min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media ( min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.col-xs-7ths, .col-sm-7ths, .col-md-7ths, .col-lg-7ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-7ths {
    width: 14.2%;
    float: left;
    padding-right: 2px;
    padding-left: 2px;
}

@media ( min-width: 768px) {
    .col-sm-7ths {
        width: 14.2%;
        float: left;
    }
}

@media ( min-width: 992px) {
    .col-md-7ths {
        width: 14.2%;
        float: left;
    }
}

@media ( min-width: 1200px) {
    .col-lg-7ths {
        width: 14.2%;
        float: left;
    }
}

.opacity-hide {
    display: block;
    opacity: 0;
}

.opacity-show {
    opacity: 1;
}

.btn-default {
    background-color: #8c4e9b;
    color: #fff;
}

.btn-default:hover {
    background-color: #8c4e9b;
    color: #fff;
}

.btn-more {
    background-color: transparent;
    color: #222222;
}

.btn-more:hover {
    background-color: #8c4e9b;
    color: #fff;
}

.header .navbar-default {
    background: none;
}

.header {
    background: none;
    /*background-color:#333;*/
    height: 100px;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.header:hover {
    background-color: #313131;
    height: 100px;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}

.header .logo {
    vertical-align: middle;
    display: inline-block;
    width: 170px;
    height: 100px;
    line-height: 100px;
    background: url("../img/logo_02.png") center no-repeat;
}

@media ( min-width: 420px) {
    .header .logo {
        vertical-align: middle;
        display: inline-block;
        width: 300px;
        height: 100px;
        line-height: 100px;
        background: url("../img/logo_01.png") center no-repeat;
    }
}

.header .navbar-default {
    border: none;
}

.header .navbar-menu {
    line-height: 100px;
    margin: auto;
    height: 100px;
}

.header .menu-nav {
    margin-top: 25px;
}

.header .menu-nav li {
    font-size: 16px;
    font-size: 1.6rem;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
    color: #8c4e9b;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #535353;
}

.header .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    letter-spacing: -0.44px;
    padding: 10px 10px;
}

.header .navbar-default .navbar-nav > li.dropdown.open > a:hover, .header .navbar-default .navbar-nav > li.dropdown.open > a:focus {
    background-color: #535353;
    color: #8c4e9b;
}

.header .menu-nav .navbar-left .active a {
    color: #8c4e9b;
}

.header .menu-nav .navbar-left .active a:hover {
    color: #8c4e9b;
}

.header .menu-nav .navbar-left a:hover {
    color: #8c4e9b;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #8c4e9b;
}

.header .menu-nav .dropdown {

}

.header .menu-nav .dropdown-menu {
    border-top: 1px solid #535353;
    background-color: #535353;
    padding: 2px;
}

.header .menu-nav .form-control:focus {
    border-color: #535353;
}

.header .menu-nav .dropdown-menu > li > a {
    background-color: transparent;
    color: #fff;
}

.header .menu-nav .dropdown-menu > li > a:hover, .header .menu-nav .dropdown-menu > li > a:active, .header .menu-nav .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #8c4e9b;
}

@media ( max-width: 768px) {
    .header {
        backgruond-color: #313131;
    }

    .header .container {
        /*padding:0;*/
    }

    .header .menu-nav {
        background-color: #313131;
        margin-top: 0px;
        border: 0px;
    }

    .header .navbar-default .navbar-toggle {
        background-color: #8c4e9b;
        margin-top: 30px;
    }
}

.odd-container {
    padding: 20px 0;
    background-color: #fff;
}

.even-container {
    padding: 20px 0;
    background-color: #fff;
}

.banner {
    padding: 0;
    /*margin: 0px auto;
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    min-width: 1008px;*/
    height: 320px;
    position: relative;
}

.index .banner {
    height: 500px;
}

.banner .carousel {
    position: relative;
    margin-left: -960px;
    left: 50%;
    width: 1150px;
    min-width: 1920px;
}

/*.banner .box_skitter_medium {
	width: 1008px;
	margin-left: -960px;
	left: 50%;
	min-width: 1920px;
	height: 360px;
}*/
.banner .carousel .item {
    width: 1920px;
    /*left: 50%;
    margin-left:-360px;*/
    min-width: 1920px;
    height: 320px;
}

.index .banner .carousel .item {
    height: 500px;
}

.banner .carousel .item img {
    /*height: 360px;*/
}

@media ( max-width: 768px) {

    body {
        padding-top: 100px;
    }

    .banner {
        height: auto !important;
    }

    .header {
        background-color: #313131;
    }

    .banner .carousel {
        position: relative;
        margin-left: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        height: auto !important;
    }

    .banner .carousel .item {
        width: 100% !important;
        height: auto !important;
        min-width: 100%;
    }

    .banner .carousel .item img {
        height: 100% !important;
        width: 100% !important;
    }

    .banner .carousel .carousel-indicators {
        margin-bottom: 0px;
    }

}

/*轮播*/
.carousel-indicators .active {
    background-color: #fff;
}

.traffic {
    padding: 30px 0 20px 0;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
}

.traffic .prefix {
    display: inline-block;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    margin-right: 10px;
    margin-top: 5px;
}

.traffic span {
    font-size: 28px;
    font-size: 2.8rem;
    color: #8c4e9b;
    letter-spacing: -0.55px;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    padding-top: 4px;
    background: #F0F0F0;
    border-radius: 2px;
    width: 18px;
    height: 28px;
    line-height: 26px;
}

.traffic h3 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
    letter-spacing: 0px;
    text-align: center;
}

.traffic img {
    margin-right: 25px;
}

.traffic .traffic-left {
    text-align: right;
}

.traffic .traffic-right {
    text-align: left;
}

@media ( max-width: 768px) {
    .traffic .traffic-left {
        text-align: center;
        margin-bottom: 1em;
    }

    .traffic .traffic-right {
        text-align: center;
    }
}

@media ( max-width: 400px) {
    .traffic .prefix {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .traffic span {
        font-size: 20px;
        font-size: 2rem;
        width: 14px;
    }
}

.introduce {
    font-size: 36px;
    font-size: 3.6rem;
    color: #333333;
    background: url("../img/introduce.png") no-repeat scroll right bottom;
    background-color: #eee;
    padding: 30px 0;
}

.introduce p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666666;
    letter-spacing: 0px;
    line-height: 28px;
    text-align: center;
    padding: 20px 50px;
}

@media ( max-width: 768px) {
    .introduce p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        padding: 10px 10px;
    }
}

.business {

}

.business .row {
    margin-top: 80px;
}

.business .thumbnail {
    background-color: transparent;
    border: 1px solid #c9c9c9;
    padding-bottom: 25px;
    border-radius: 0;
}

.business .row .imgDiv {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #707070;
    margin-top: -40px;
    /*-moz-transition: background-position 0.3s ease;
    -o-transition: background-position 0.3s ease;
    -webkit-transition: background-position 0.3s ease;
    -ms-transition: background-position 0.3s ease;
    transition: background-position 0.3s ease;*/
}

.business .row .imgDiv:hover {
    background-color: #8c4e9b;
}

.business .thumbnail:hover .imgDiv {
    background-color: #eee;
    border: 0px;
    padding-bottom: 25px;
    background-color: #8c4e9b;
    opacity: 1;
    transform: rotate(360deg) scale(1.1);
    -ms-transition: all 0.5s ease-in-out;
    -moz-transform: rotate(360deg) scale(1.1);
    -wekit-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
}

.business .thumbnail h4 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #8c4e9b;
}

@media ( max-width: 768px) {
    .business .row {
        margin-top: 60px;
    }

    .business .row .col-xs-4 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .business .thumbnail {
        padding-bottom: 10px;
    }

    .business .thumbnail h4 {
        font-size: 18px;
        font-size: 1.8rem;
        color: #8c4e9b;
    }

    .business-digital-O2O .thumbnail {
        padding: 30px 20px !important;
    }
}

@media ( max-width: 400px) {
    .business .col-xs-4 {
        width: 100%;
        margin-top: 20px;
    }
}

.business .thumbnail p {
    color: #666666;
}

.business .row .imgDiv {
    /*opacity: 0.6;*/
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.business .row .imgDiv:hover {
    opacity: 1;
    transform: rotate(360deg) scale(1.1);
    -ms-transition: all 0.5s ease-in-out;
    -moz-transform: rotate(360deg) scale(1.1);
    -wekit-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
}

.business .row .imgDiv img {
    margin-top: 15px;
    width: 30px;
    height: 30px;
}

.business-digital .row {
    margin-top: 40px;
}

.business-digital .row .imgDiv {
    background-color: #8c4e9b;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
}

.business-digital .thumbnail {
    border: 0px;
    padding-bottom: 0px;
}

.business-digital .row h4 {
    color: #313131;
}

.business-digital .row p {
    color: #707070;
}

.advantage .row .imgDiv:hover {
    background-position: 0 0px;
}

.advantage .thumbnail {
    background-color: #eee;
    border: none;
    margin-bottom: 0;
    height: 150px;
    border: 1px solid #c9c9c9;
    border-radius: 0;
}

.advantage .thumbnail h4 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #333;
}

.advantage .thumbnail.active {
    background-color: #8c4e9b;
    border: 1px solid #8c4e9b;
    box-shadow: 0 0 20px #8c4e9b;
    position: relative;
    z-index: 100;
}

.advantage .thumbnail.active h4 {
    color: #fff;
}

.advantage .thumbnail.active p {
    color: #fff;
}

.advantage .thumbnail:hover {
    background-color: #8c4e9b;

}

.advantage .thumbnail:hover h4 {
    color: #fff;
}

.advantage .thumbnail:hover p {
    color: #fff;
}

.advantage .thumbnail p {
    line-height: 24px;
    color: #666666;
}

@media ( max-width: 768px) {
    .advantage .thumbnail {
        height: 150px;
    }

    .advantage .thumbnail .caption {
        padding: 9px 0px;
    }

    .advantage .thumbnail h4 {
        font-size: 16px;
        font-size: 1.6rem;
        color: #333;
    }

    .advantage .thumbnail p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;;
        color: #666666;
    }
}

@media ( max-width: 400px) {
    .advantage .row .col {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

.advantage-2-outer {
    background-color: #eee;
    margin-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    /*background:url('../webimg/index/advantage_container_bg.png') no-repeat;
     background-size: cover;
     position: relative;
    margin-left: -960px;
    left: 50%;
    width: 1024px;
    min-width: 1920px;*/
}

.advantage-2 {

}

.advantage-2 .thumbnail {
    background: none;
    border: none;
}

.advantage-2 .thumbnail h4 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #333;
    font-family: "BebasNeueBold", 'Microsoft Yahei', 'Hiragino Sans GB', "WenQuanYi Micro Hei", SimSun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}

.advantage-2 .thumbnail .caption h4 span {
    font-size: 20px;
    font-size: 2rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 3px;
}

@media ( max-width: 768px) {
    .advantage-2 .thumbnail .caption h4 span {
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block;
        vertical-align: middle;
        margin-top: 3px;
        margin-left: 3px;
    }
}

@media ( max-width: 400px) {
    .advantage-2 .row .col-xs-4 {
        padding-left: 0;
        padding-right: 0;

    }
}

/*
.advantage-2{

}
.advantage-2 .thumbnail{
	background:url('../webimg/index/advantage_background.png') center no-repeat;
	height:250px;
	border:none;
}
.advantage-2 .thumbnail .caption{
	color:#3C3C3C;
	padding:60px;
}
.advantage-2 .thumbnail h4{
	font-size:60px;
	font-size: 6rem;
	color:#333;
	font-family: "BebasNeueBold",'Microsoft Yahei','Hiragino Sans GB',"WenQuanYi Micro Hei",SimSun,Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
.advantage-2 .thumbnail p{
	font-size:18px;
	font-size: 1.8rem;
}*/

.logo-col {
    margin-bottom: 40px;
}

.logo-thumbnail {
    background-color: #fff;
    width: 190px;
    height: 80px;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
}

.guest-col {
    margin-bottom: 30px;
}

.guest-col .thumbnail {
    background-color: #fff;
    width: 137px;
    height: 60px;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
}

.panter-col {
    margin-bottom: 30px;
}

.panter-col .thumbnail {
    background-color: #fff;
    width: 137px;
    height: 60px;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
}

@media ( max-width: 768px) {
    .guest-col .thumbnail {
        height: 40px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .panter-col .thumbnail {
        height: 40px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .panter-col .thumbnail img {
        width: 100%;
        height: 100%;
    }
}

@media ( max-width: 400px) {
    .col-xs-7ths {
        padding-left: 1px;
        padding-right: 1px;
        margin-bottom: 10px;
    }

    .guest-col .thumbnail {
        height: 25px;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 1px;
    }

    .panter-col .thumbnail {
        height: 25px;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 1px;
    }

    .col-xs-7ths .logo-more .glyphicon {
        display: none;
    }
}

.split {
    display: inline-block;
    /*margin-left:60px;
    display:inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 10px;
    border-color: transparent transparent transparent #e62907;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #e62907;*/
}

.example {
    padding: 40px 0;
}

.example .exampleHeader {
    margin-bottom: 30px;
}

.example .thumbnail {
    padding: 0px;
    margin-bottom: 10px;
}

.example .caption {
    margin-top: 20px;
}

.example .caption a {
    color: #0f0f0f;
}

.example .caption a:hover {
    color: #8c4e9b;
}

@media ( max-width: 768px) {
    .example .caption a {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.more {
    float: right;
    position: relative;
    margin-top: 10px;
    vertical-align: bottom;

}

.more a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #3e3e3e;
}

.purple-container {
    background-color: #eee;
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.purple-container .happy-div-video {
    border: 1px solid #ccc;
    height: 390px;
}

.purple-container .happy-div-first {
    background: #ffffff;
    border-radius: 0;
    padding: 0;
    height: 390px;
}

.purple-container .happy-div-other {
    background: #ffffff;
    border-radius: 0;
    padding: 0;
    height: 180px;
}

@media ( max-width: 768px) {
    .purple-container .happy-div-video {
        border: 1px solid #ccc;
        width: 100%;
        height: 100%;
    }

    .purple-container .happy-div-first {
        background: #ffffff;
        border-radius: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .purple-container .happy-div-other {
        background: #ffffff;
        border-radius: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }
}

.header-purple {
    font-size: 30px;
    font-size: 3rem;
    color: #8c4e9b;
    letter-spacing: -0.98px;
}

/*关于我们*/
.about-introduce {
    margin-top: 40px;
}

.about-introduce h3 {
    margin-bottom: 20px;
    line-height: 32px;
}

.about-introduce p {
    color: #666;
    margin-bottom: 0px;
    line-height: 28px;
}

.cricle-purple {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #8c4e9b;
    line-height: 10px;
}

/* --------------------------------

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%;
    max-width: 1170px;
    margin: 0 auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

/* --------------------------------

Main components

-------------------------------- */

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

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

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        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: 0px 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: 30px;
    height: 30px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #8c4e9b;
    border: 2px solid #a0a0a0;
    /*box-shadow: 0 0 0 4px white, 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;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 20px;
        height: 20px;
        left: 50%;
        margin-left: -10px;
        /* 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;
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    border-radius: 0.25em;
    padding: 0 1em;
}

.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: 14px;
    font-size: 1.4rem;
}

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

.cd-timeline-content p {
    margin: 5px 0;
    line-height: 1.6;
}

.cd-timeline-content p.timeline-time {
    margin: 5px 0;
    line-height: 1.6;
    font-size: 20px;
    font-size: 2rem;
}

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

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

a.cd-read-more:hover {
    text-decoration: none;
    background-color: #424242;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: 0 0;
    opacity: .7;
    font-weight: bold;
}

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

.content-border {
    /*border:1px solid black;*/
    padding: 0 15px;
    margin-top: -20px;
}

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

    .cd-timeline-content p {
        font-size: 12px;
        font-size: 1rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 1.4rem;
        position: absolute;
        left: -100px;
        top: 8px;
    }
}

@media only screen and (min-width: 1170px) {
    .content-border {
        float: right !important;
    }

    .cd-timeline-block:nth-child(even) .content-border {
        float: left !important;
    }

    .cd-timeline-content {
        margin-left: 0;
        padding: 0;
        width: 45%;
        text-align: right;
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        /*border-left-color: white;*/
    }

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

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

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

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

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

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

.honor .thumbnail {
    border: 0px;
}

.honor h2 {
    margin-bottom: 40px;
}

.honor-img {
    background-color: #b89dca;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    box-shadow: 0 0 20px #b89dca;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin: 0 auto;
}

.honor-img:hover {
    /*background-color:#8c4e9b;*/
}

.culture {

}

.culture h2 {
    margin-bottom: 40px;
}

.culture .row {
    margin: 20px auto;
    border: 1px solid #8c4e9b;
    padding: 10px 0;
}

.culture .culture-header {
    background-image: linear-gradient(90deg, rgba(191, 133, 202, 0.65) 100%, #8c4e9b 0%);
    padding: 20px 10px 30px 40px;
    box-shadow: 0 0 20px rgba(191, 133, 202, 0.65);
    border-radius: 0;
}

.culture .culture-header h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.culture .culture-header h3 span {
    padding: 20px 0 10px 0;
    font-size: 24px;
    font-size: 2.4rem;
    display: inline-block;
    border-bottom: 2px solid #8c4e9b;
}

.culture h4 {
    margin-top: 15px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #333333;
}

.culture p {
    padding: 20px 30px 0 30px;
    line-height: 28px;
    color: #666;
}

.culture-left {
    border: 2px solid #8c4e9b;
    color: #8c4e9b;
    width: 118px;
    height: 118px;
    border-radius: 100%;
    background-color: #fff;
    width: 118px;
    height: 118px;
    border-radius: 100%;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 40px 10px;
    text-align: center;
    margin: 0 auto;
}

@media ( max-width: 768px) {
    .culture .culture-header {
        text-align: center;
        padding: 20px 10px 30px 10px;
    }

    .cd-timeline-content .cd-date {
        display: none;
    }

    .culture h4 {
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center;
    }

    .culture p {
        line-height: 22px;
        color: #666;
        text-align: center;
    }
}

@media ( max-width: 992px) {
    .culture p {
        padding-top: 10px !important;
    }
}

.new h2 {
    margin-bottom: 40px;
}

.article-right {

}

.article-right .thumbnail {
    margin-bottom: 0px;
}

.article-right .caption a {
    color: #8c4e9b;
}

.article-date {
    color: #666666;
}

.report-list {
    margin-top: 40px;
}

.report-list .btn {
    padding: 3px 10px;
}

.report-list .caption a {
    color: #333;
}

.report-list .caption {
    margin-bottom: 10px;
    margin-top: 20px;
}

@media ( max-width: 768px) {
    .report-list .thumbnail {
        height: 100% !important;
    }
}

.case-container {
    background-color: #eee;
    padding-top: 40px;
    padding-bottom: 40px;
}

.case-container .case-logo {
    margin-top: 8px;
    margin-bottom: 8px;
}

/*内容页面*/
.page-context {
    margin-top: 50px;
    padding-bottom: 30px;
}

.page-context-right {

}

.nav-product {

}

.nav-product li {
    padding: 0 5px;
}

.nav-product li a {
    font-size: 22px;
    font-size: 2.2rem;
    color: #000000;
    background-color: #eeeeee;
}

.nav-product li a:hover {
    background-color: #8c4e9b;
    color: #FFFFFF;
}

.nav-product li.active a {
    background-color: #8c4e9b;
}

.nav-product li.active a:hover {
    background-color: #8c4e9b;
}

.nav-product li.active a:focus {
    background-color: #8c4e9b;
}

.product-desc {
    padding: 50px 5px 25px 5px;
    border-bottom: 1px solid #cccccc;
}

.product-desc p {
    margin-top: 24px;
    line-height: 26px;
}

.nav-caret {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    margin-left: 45%;
    border-color: #eee transparent transparent transparent;
    visibility: hidden;
}

.row .imgDiv {
    /*width: 72px;*/
    /*height: 72px;*/
    /*background-size: 72px 144px;*/
    width: 80px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background-position: 0 50px;
    /*margin: 0 auto 20px;*/
    -moz-transition: background-position 0.3s ease;
    -o-transition: background-position 0.3s ease;
    -webkit-transition: background-position 0.3s ease;
    -ms-transition: background-position 0.3s ease;
    transition: background-position 0.3s ease;
}

.row .imgDiv:hover {
    background-position: 0 0px;
}

.product-media {

}

.product-media .caption {
    margin-top: 30px;
}

.product-media .thumbnail {
    padding: 20px;
}

.media-img {
    display: block;
    margin: 0 auto;
    border: 1px solid #ddd;
    width: 428px;
    height: 155px;
}

.margin-content {
    margin: 60px auto;
}

.left-navbar {

}

.left-navbar li a {
    color: #000000;
}

.left-navbar > li.active > a, .left-navbar > li.active > a:hover, .left-navbar > li.active > a:focus {
    background-color: #8c4e9b;
}

.article-list {

}

.article-list .media-heading a {
    color: #8c4e9b;
    font-size: 24px;
    font-size: 2.4rem;
}

.article-list .media-heading a:hover {
    color: #8c4e9b;
}

.article-list .media-left {
    padding-right: 30px;
}

.article-list .media-body h4 {
    margin-bottom: 10px;
}

.article-list .media-body p {
    color: #6d6d6d;
    line-height: 26px;
}

.article-list .media-body .article-split {
    border-bottom: 1px solid #6d6d6d;
    width: 40px;
    margin: 28px 0 14px 0;
}

.article-list .media {
    padding: 20px 0;
    border-bottom: 1px solid #cccccc;
}

.article-list .media-top {
    padding-top: 0px;
}

.article-list .media-bottom {
    border-bottom: 0px;
}

.new .article-list .media-object {
    width: 264px;
    height: 150px;
}

.article-pagination {

}

.article-pagination li {
    display: inline-block;
}

.article-pagination > li > a, .article-pagination > li > span {
    border: none;
}

/*
.article-pagination li a{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}*/
.article-pagination > .active > span.total-page, .article-pagination > .active > span.total-page:hover, .article-pagination > .active > span.total-page:focus {
    background-color: #fff;
    color: #363636;
}

.article-pagination > li > span.total-page {
    background-color: #fff;
    color: #363636;
}

.article-pagination > .active > a, .article-pagination > .active > span, .article-pagination > .active > a:hover, .article-pagination > .active > span:hover, .article-pagination > .active > a:focus, .article-pagination > .active > span:focus {
    background-color: #8c4e9b;
    border-color: #8c4e9b;
    color: #FFF;
}

.article-pagination > li > a, .article-pagination > li > a:hover, .article-pagination > li > span {
    color: #363636;
}

/*
.article-pagination > li:first-child > a, .article-pagination > li:first-child > span {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}*/

@media ( max-width: 768px) {
    .new .article-list .media-left {
        padding-right: 0;
    }

    .new .article-list .media-heading a {
        font-size: 20px;
        font-size: 2rem;
    }

    .new .article-list .media-body {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .new .article-list .media-body p {
        height: auto !important;
    }

    .new .article-list .media-object {
        width: 100% !important;
        height: auto !important;
    }

    .case-industry .guest-industry .guest-industry-inner {
        margin: 10px auto;

    }

    #case-industry .article-list {
        margin: 40px 0 0 0 !important;
    }

    #case-industry .article-list .media-body {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    #case-industry .article-list .media-body p {
        height: auto !important;
    }

    #case-industry .article-list .media-object {
        width: 100% !important;
        height: 100% !important;
    }

}

@media ( max-width: 400px) {
    #case-industry .guest-industry {
        width: 100%;
    }
}

/*加入我们*/
.recruit-left p {
}

.recruit-left p span {
    display: inline-block;
    padding: 5px 16px 5px 16px;
    cursor: pointer;
}

.recruit-left p.citys span {
    display: inline-block;
    padding: 5px 9px 5px 16px;
    cursor: pointer;
}

.recruit-left p span.active {
    color: #8c4e9b;
}

@media ( max-width: 768px) {
    .recruit-left p {
        padding-left: 0 !important;
    }
}

.contact-us h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #3C3C3C;
    font-weight: 600
}

.contact-us address span {
    display: inline-block;
}

.contact-us address span.contact-label {
    margin-right: 20px;
}

.case-left ul {
    background-color: #eeeeee;
}

.case-left .case-nav-title {
    background-color: #8c4e9b;
    color: #fff;
    padding: 5px 8px;
    border-bottom: 5px solid #fff;
}

.case-left .case-nav {

    padding: 15px 0;
}

.case-left .case-nav li {

}

.case-left .case-nav li.active {

    color: #8c4e9b;

}

.case-left .case-nav li .glyphicon {
    margin-right: 12px;
}

.case-left .case-nav li a {
    padding: 5px 15px 5px 30px;
    color: #6d6d6d;

}

.case-left .case-nav li.active a {
    color: #8c4e9b;
}

.case-left .case-nav li.active a:hover {
    color: #8c4e9b;
}

.case-left .case-nav li.first a {
    padding: 5px 15px 5px 8px;
    color: #000000;
}

.course-title {
    background-color: #8c4e9b;
    color: #fff;
    padding: 0 20px 0px 20px;
}

.course-content {
    border: 1px solid #eee;
    padding: 15px 8px 30px;
    margin-bottom: 10px;
    height: 300px;
}

.course-content li a {
    color: #6d6d6d;
}

.course-content li.first a {
    color: #000;
}

.course-container .title {
    margin-bottom: 40px;
}

.course-container .caption a {
    color: #0f0f0f;
}

.course-container .title span {
    display: inline-block;
    border: 2px solid #a0a0a0;
    padding: 10px 55px;
}

.course-container .title span.more {
    display: inline-block;
    border: none;
    color: #8c4e9b;
    margin-top: 50px;
    padding: 15px 55px;
}

.course-container .title span.more a {
    color: #8c4e9b;
}

.course-content .more {
    display: none;
    margin-top: 0;
}

.course-content .more a {
    color: #6d6d6d;
    font-size: 14px;
    font-size: 1.4rem;
}

.about-content {
    /*height: 350px;
    left:50%;
    position: absolute;
    margin-left: -504px;
    width: 1008px;*/
    height: 350px;
    margin: auto;
    /*position: relative;*/
}

.about-content .about {
    height: 300px;
    float: left;
    position: absolute;
    color: #fff;
    top: 60px;
    z-index: 100;
}

.job-container {

}

.job-container table td {
    padding: 10px 0;
}

.job-container table .job-label {
    width: 120px;
    padding: 10px 20px 10px 0;
    color: #6d6d6d;
    vertical-align: top;
}

.job-container table .job-label img {
    margin: -5px 15px 0 0;
}

.job-container table ul {
    margin: 0;
}

.job-container table ul li.active a {
    color: #8c4e9b;
    text-decoration: none;
}

.job-container table ul li a {
    color: #000;
    text-decoration: none;
}

.job-container table ul li a:hover {
    color: #8c4e9b;
    text-decoration: none;
}

.job-container .job-detail {
    display: none;
}

.contact-us {
    margin-bottom: 40px;
}

.job-detail {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

/*内容页面结束*/
/*底部*/
.footer {
    padding: 20px 0 0 0;
    background-color: #313131;
}

.footer h3, .footer h4, .footer h5 {
    color: #ccc;
}

.footer h5 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
}

.footer img.weixin {
    /*margin-top:12px;
    margin-left:-16px;*/
    width: 100px;
    height: 100px;
}

.footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer ul li {
    line-height: 24px;
}

.footer ul li a {
    color: #999;
    display: block;
    font-size: 12px;
    font-size: 1rem;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer address {
    height: 150px;
    color: #707070;
    padding-left: 32px;
}

.footer address h3 {
    margin-top: 10px;
}

.footer address a {
    color: #eeeeee;
}

.footer .foot-info {

}

.footer .weixin-div {
    background-color: #fff;
    width: 110px;
    height: 110px;
    margin-top: 15px;
    margin-right: 10px;
}

@media ( max-width: 992px) {
    .footer address {
        margin-bottom: 0px;
    }

    .footer .text-left {
        text-align: center;
    }

    .footer .foot-info {
        margin-top: 20px;
        border-left: 0px;
        border-top: 1px solid #707070;
        text-align: center;
    }
}

@media ( max-width: 768px) {
    .footer address {
        margin-bottom: 0px;
    }

    .footer .text-left {
        text-align: center;
    }

    .footer .foot-info {
        margin-top: 20px;
        border-left: 0px;
        border-top: 0px solid #707070;
        text-align: center;
    }

    .footer .weixin-div {
        margin: 0 auto;
    }

}