/* Reset Start:{ */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset,
img {
    border: 0
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i,
b {
    font-style: normal;
    font-weight: normal
}
li {
    list-style: none
}
caption,
th {
    text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}
q:before,
q:after {
    content: ''
}
abbr,
acronym {
    border: 0;
    font-variant: normal
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}
legend {
    color: #000
}
body {
    font: 13px/1.231 "Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;
}
pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%
}
/* Reset End:} */

/* Element Start:{ */
.cf {
    zoom: 1
}
.cf:after {
    content: '';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}
a:hover {
    color: #6400cc;
}

.wd {
    width: 1220px;
    margin: auto;
    overflow: hidden;
}

body {
    min-width: 1250px;
    color: #333;
}
#doc {
    padding-top: 100px;
}
/* Element End:} */

/* Header Start:{ */
#hd {
    position: absolute;
    height: 100px;
    width: 100%;
    min-width: 1220px;
    top: 0;
    z-index: 100;
    background: #fff;
}
.hd {
    position: relative;
    height: 100px;
    padding: 0 15px;
}
h1 {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -25px;
}
h1 a {
    display: block;
    width: 228px;
    height: 50px;
    background: url(../imgs/all.png);
    text-indent: -9999px;
    overflow: hidden;
}
.hd-nav {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
}
.hd-nav a {
    font-size: 16px;
}
.hd-nav a.selected {
    color: #6400cc;
}
.hd-nav li {
    float: left;
    width: 116px;
}
.hd-border {
    border-top: 1px solid #cfcfcf;
    opacity: 0;
}
/* Header End:} */

/* Body Start:{ */
#bd {
    min-height: 400px;
}
/* Body End:} */

/* Footer Start:{ */
#ft {
    background: #ebebeb;
}
.ft-info-wx,
.ft-info-contact {
    float: left;
    width: 230px;
    margin-right: 95px;
    padding: 70px 0 55px;
}
.ft-info-contact {
    width: 280px;
}
.ft-info-wx h4 {
    width: 230px;
    height: 52px;
    margin-bottom: 20px;
    background: url(../imgs/all.png) -250px 0 no-repeat;
    text-indent: -9999px;
}
.ft-info-wxqr i {
    display: block;
    width: 92px;
    height: 92px;
    margin: 0 auto 5px;
    background: url(../imgs/all.png) 0 -170px no-repeat;
}
.ft-info-wxqr {
    font-size: 12px;
    width: 100px;
}
.ft-info-contact h4,
.ft-info-nav h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.ft-info-contact dt {
    float: left;
    padding: 12px 0;
}
.ft-info-contact dd {
    padding: 12px 0;
}
.ft-info-nav {
    float: right;
    margin-right: -95px;
}
.ft-info-nav div {
    float: left;
    width: 150px;
    padding: 70px 0 55px;
}
.ft-info-nav li {
    padding: 12px 0;
}
.ft-info-nav li a {
    font-size: 13px;
}
.ft-cp {
    background: #ccc;
    color: #333;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
/* Footer End:} */
.slides {
    background: #f5f5f5;
    position: relative;
    height: 500px;
    overflow: hidden;
}
.slides .slide-list li {
    position: absolute;
    top: 0;
    left: 50%;
    height: 500px;
    margin-left: -960px;
    opacity: 0;
}
.slides .slide-dot {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.slides .slide-dot a {
    display: inline-block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: rgba(0,0,0,.3);
    border-radius: 6px;
    text-indent: -9999px;
    margin: 0 3px;
}
.slides .slide-dot a.selected {
    background: #fff;
}

.mod-hd-img {
    text-indent: -9999px;
    height: 230px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,.6);
    font-size: 36px;
    padding-top: 210px;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.mod-hd-img-show-text {
    text-indent: 0;
}
.mod-hd-img em {
    display: block;
    font-size: 22px;
    margin-top: 4px;
}
.mod-item {
    padding: 70px 0 90px;
}
.mod-item h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 60px;
    color: #666;
}
.mod-item h3 {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin: -50px 0 46px;
}
.mod-item h3 a {
    color: #999;
}
.mod-item h3 a:hover {
    color: #6400cc;
}
.mod-item-gray {
    background: #f0f0f0;
}

.info-items {
    margin-right: -80px;
}
.info-item {
    float: left;
    width: 260px;
}
.info-item i {
    display: block;
    width: 92px;
    height: 92px;
    background-image: url(../imgs/all.png);
}
.info-icon1 {
    background-position: 0 -60px;
}
.info-icon2 {
    background-position: -92px -60px;
}
.info-icon3 {
    background-position: -184px -60px;
}
.info-icon4 {
    background-position: -276px -60px;
}
.info-icon5 {
    background-position: -368px -60px;
}
.info-item h3 {
    text-align: left;
    font-size: 24px;
    color: #333;
    padding: 28px 0 15px;
    margin: 0;
}
.info-item li {
    line-height: 30px;
    color: #666;
    font-size: 14px;
}

.values ul {
    margin-right: -40px;
    margin-bottom: -35px;
}
.values li {
    float: left;
    width: 380px;
    height: 230px;
    margin: 0 40px 35px 0;
}
.superiority ul {
    margin-right: -40px;
    margin-bottom: -30px;
}
.superiority li {
    float: left;
    width: 380px;
    height: 320px;
    margin: 0 40px 30px 0;
}
.superiority li i {
    display: inline-block;
    width: 380px;
    height: 240px;
    background-image: url(../imgs/flow.jpg);
}
.superiority li i.superiority-icon2 {
    background-position: -380px 0;
}
.superiority li i.superiority-icon3 {
    background-position: -760px 0;
}
.superiority li p {
    font-size: 14px;
    color: #666;
    line-height: 1.8em;
    margin-top: 8px;
}

.hp-news,
.hp-opinion {
    position: relative;
    width: 570px;
    margin-top: 40px;
    padding: 0;
}
.hp-news {
    float: left;
}
.hp-opinion {
    float: right;
}
.hp-news h2,
.hp-opinion h2 {
    margin: 0;
    text-align: left;
    padding-bottom: 50px;
}
.opinion ul {
    margin-right: -64px;
}
.news-list li,
.opinion li,
.hp-news li,
.hp-opinion li {
    padding-left: 195px;
    position: relative;
    height: 116px;
    margin-bottom: 32px;
}
.news-list li {
    padding: 40px 0 40px 359px;
    height: 217px;
    border-bottom: 1px dotted #d9d9d9;
    margin-bottom: 0;
}
.opinion li {
    float: left;
    width: 375px;
    margin-right: 64px;
}
.news-list li img,
.opinion li img,
.hp-news li img,
.hp-opinion li img {
    position: absolute;
    top: 0;
    left: 0;
}
.news-list li img {
    width: 309px;
    height: 217px;
    top: 40px;
}
.news-list li em,
.opinion li em,
.hp-news li em,
.hp-opinion li em {
    font-size: 11px;
    color: #666;
}
.news-list li h4,
.opinion li h4,
.hp-news li h4,
.hp-opinion li h4 {
    text-align: left;
    font-size: 20px;
    margin: 22px 0 16px;
    color: #333;
}
.news-list li p,
.opinion li p,
.hp-news li p,
.hp-opinion li p {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    color: #666;
}
.news-list li p {
    height: 10.8em;
    line-height: 1.8em;
}
.hp-news-more,
.hp-opinion-more {
    position: absolute;
    right: 1px;
    top: 0;
    border: 1px solid #ccc;
    color: #666;
    padding: 7px 25px;
    border-radius: 5px;
}
.hp-news-more:hover,
.hp-opinion-more:hover {
    background: #6400cc;
    border-color: #6400cc;
    color: #fff;
}
.opinion-more,
.jobs-more {
    display: block;
    font-size: 18px;
    width: 344px;
    height: 48px;
    margin: 30px auto 0;
    background: #6300cd;
    text-align: center;
    line-height: 48px;
    color: #fff;
}
.opinion-more:hover,
.jobs-more:hover {
    color: #fff;
}
.news-to {
    margin-left: 20px;
    color: #6401ce;
}

.video {
    padding-top: 0;
}
.video-box {
    padding: 50px 0;
    background: #000;
    text-align: center;
}

.clients {
    padding-bottom: 30px;
}
.clients ul {
    margin-top: 20px;
    margin-right: -30px;
}
.clients ul li {
    width: 223px;
    height: 223px;
    float: left;
    margin: 0 26px 26px 0;
}

.solution ul {
    margin-right: -34px;
    margin-bottom: -54px;
}
.solution li {
    float: left;
    width: 279px;
    margin-right: 34px;
    height: 300px;
    margin-bottom: 54px;
}
.solution a,
.solution a:hover {
    color: #656565;
}
.solution strong {
    display: block;
    margin: 30px 0 11px;
    font-size: 18px;
}
.solution p {
    line-height: 1.8em;
}

.process ul {
    margin-right: -70px;
}
.process li {
    float: left;
    width: 248px;
    margin-right: 70px;
}
.process li i {
    display: block;
    width: 66px;
    height: 65px;
    margin: auto;
    background: url(../imgs/all.png) -360px -170px no-repeat;
}
.process li i.process-icon2 {
    background-position: -426px -170px;
}
.process li i.process-icon3 {
    background-position: -360px -235px;
}
.process li i.process-icon4 {
    background-position: -426px -235px;
}
.process li h3 {
    font-size: 30px;
    color: #676767;
    margin: 40px 0 13px;
}
.process li p {
    line-height: 1.7em;
    color: #666;
}

.requirement {
    padding: 0 0 30px;
}
.requirement form {
    margin-right: -53px;
}
.requirement p {
    float: left;
    width: 576px;
    margin: 0 53px 29px 0;
}
.requirement em {
    display: none;
}
.requirement input,
.requirement textarea {
    font-size: 16px;
    border: 1px solid #999;
    padding: 16px 20px;
}
.requirement input {
    width: 534px;
}
.requirement textarea {
    width: 1163px;
    height: 210px;
}
p.requirement-block {
    width: 100%;
}
.requirement-btn {
    font-size: 14px;
    color: #fff;
    padding: 16px 32px;
    background: #6300cd;
    border: 0;
    cursor: pointer;
}
.requirement-tips {
    line-height: 40px;
    color: #999;
    text-align: right;
}

.connect-hd-img {
    background-image: url(../imgs/connect_bg.jpg);
}

.news-hd-img {
    background-image: url(../imgs/news_bg.jpg);
}
.news {
    padding-top: 60px;
}
.news-list {
    float: right;
    width: 964px;
    border-top: 1px solid #d9d9d9;
    padding-bottom: 60px;
}
.news-categories {
    float: left;
    width: 206px;
    border-top: 1px solid #d9d9d9;
}
.news-categories li {
    border-bottom: 1px solid #d9d9d9;
}
.news-categories a {
    display: block;
    padding: 23px 34px;
}
.news-categories a.selected {
    color: #6500cd;
}

.cases-nav-box {
    position: relative;
    height: 62px;
    margin-bottom: 48px;
    z-index: 99;
}
.cases-nav {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    height: 62px;
    border-bottom: 1px solid #d9d9d9;
    opacity: .97;
}
.cases-nav ul {
    width: 840px;
    margin: auto;
}
.cases-nav li {
    float: left;
}
.cases-nav li a {
    font-size: 16px;
    display: block;
    width: 72px;
    text-align: center;
    margin: 0 34px;
    height: 60px;
    overflow: hidden;
    line-height: 63px;
}
.cases-nav li a.selected {
    color: #6400cc;
    border-bottom: 3px solid #6400cc;
}

.cases-list {
    padding-top: 0;
}
.case .cases-list {
    padding: 100px 0 50px;
}
.contents-list a:hover {
    color: #333;
}
.cases-list ul,
.contents-list ul {
    margin-right: -40px;
}
.cases-list li,
.contents-list li {
    float: left;
    width: 380px;
    margin: 0 40px 40px 0;
}
.cases-list li strong {
    display: block;
    font-size: 16px;
    color: #333;
    margin: 16px 0 8px;
}
.contents-list li h4 {
    font-size: 18px;
    margin: 22px 0 16px;
}
.cases-list li em {
    display: block;
    color: #999;
}
.contents-list li em {
    display: block;
    font-size: 12px;
}
.contents-list li p {
    margin-top: 15px;
    line-height: 1.8em;
}
.cases-list a:hover img {
    opacity: .7;
}
/*
.cases-list i {
    display: block;
    position: relative;
    width: 380px;
    height: 220px;
}
.cases-list i img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.20,1.20);
}
*/

.cases-hd-img {
    background-image: url(../imgs/cases_bg.jpg);
}
.case-hd,
.case-info,
.case-content {
    border-bottom: 1px solid #d9d9d9;
}
.case-hd {
    height: 92px;
    line-height: 92px;
}
.case-hd h2 {
    float: left;
    font-size: 22px;
    color: #666;
}
.case-hd em {
    float: right;
    color: #999;
}
.case-info {
    padding: 35px 0;
}
.case-info dl {
    float: left;
    width: 575px;
    margin-left: 70px;
}
.case-info dl.first {
    margin-left: 0;
}
.case-info dt {
    font-size: 20px;
    margin-bottom: 20px;
}
.case-info dd {
    line-height: 1.7em;
}
.case-info dd p {
    margin-bottom: 5px;
}
.case-content img {
    vertical-align: bottom;
}

.services-hd-img {
    background-image: url(../imgs/services_bg.jpg);
}

.about-hd-img {
    background-image: url(../imgs/about_bg.jpg);
}
.about-content p {
    color: #656565;
    line-height: 1.8em;
    margin-bottom: 60px;
}
p.about-content-left,
p.about-content-right {
    width: 590px;
    margin-bottom: 0;
}
.about-content-left {
    float: left;
}
.about-content-right {
    float: right;
}
.about-face {
    padding-bottom: 20px;
}
.about-face p {
    color: #666;
    line-height: 1.6em;
    font-size: 14px;
    margin: -10px 0 45px;
}
.about-face li {
    float: left;
    width: 152px;
    height: 183px;
    position: relative;
}
.about-face li img {
    width: 152px;
}
.about-face li span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 132px;
    padding: 7px 10px 3px;
    line-height: 1.6em;
    background: rgba(255,255,255,.8);
    color: #666;
    opacity: 0;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
}
.about-face li:hover span {
    opacity: 1;
}

.follow-connect {
    float: left;
    width: 450px;
    line-height: 2.5em;
}
.follow-connect dt {
    float: left;
}
.follow-wxqr {
    float: right;
}
.follow-wxqr li {
    width: 126px;
    padding-top: 142px;
    float: left;
    margin-left: 65px;
    background: url(../imgs/all.png) no-repeat -100px -170px;
    text-align: center;
}
.follow-wxqr li.follow-wxqr-company {
    background-position: -226px -170px;
}
.jobs ul {
    margin-right: -100px;
}
.jobs-item {
    float: left;
    width: 350px;
    margin-right: 80px;
}
.jobs i {
    display: block;
    width: 129px;
    height: 129px;
    overflow: hidden;
    background: #6300cd;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 129px;
    font-size: 58px;
    font-weight: bold;
    margin-bottom: 50px;
}
.jobs ol {
    counter-reset: listnumbering;
}
.jobs ol li {
    line-height: 2em;
}
.jobs ol li:before {
    content: counter(listnumbering,decimal) ". ";
    counter-increment: listnumbering;
    padding-right: 5px;
    font-size: 14px;
}
.jobs h4 {
    font-size: 24px;
    margin-bottom: 20px;
}
.jobs dt {
    font-size: 18px;
    margin-bottom: 8px;
}
.jobs dd {
    margin-bottom: 20px;
}

.content-hd-img {
    background-image: url(../imgs/content_bg.jpg);
}
.content-info {
    position: relative;
    padding: 24px 0;
    border-bottom: 1px solid #d9d9d9;
}
.content-info a {
    position: absolute;
    top: 24px;
    right: 0;
}

.content-body {
    padding: 24px 0 50px;
}
.content-body p {
    margin-bottom: 15px;
    line-height: 1.8em;
}

.pagination {
    float: right;
    padding-top: 20px;
}

.pagination a,
.pagination em,
.pagination strong {
    float: left;
    padding: 6px 8px;
    margin: 0 5px;
    color: #666;
}
.pagination em {
    color: #ccc;
}
.pagination strong {
    color: #6300cc;
}
.pagination a:hover {
    color: #3e50ff;
}
.pagination .pagination-prev,
.pagination .pagination-next,
.pagination strong {
    padding-top: 6px;
    border: 0;
}

.list-empty {
    padding: 120px 0;
    text-align: center;
}