/*2016-02-15 made by leo*/

@charset "utf-8";
@import url("reset.css");

/*公共部分*/

body {
    overflow-x: hidden;
    background-color: #f3f3f3;
}

.header {
    width: 100%;
    height: 90px;
    background: url(../img/beijingse.png);
    background-repeat-x: repeat;
    background-size: auto 100%;
}
.lan-change{
    float: right;
    color: #fff;
    font-size: 12px;
    margin-right: 22px;
    margin-top: 12px;
}
.cn-head{
    margin-top: 24px;
}
.fixedhd {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
}

.logo {
    display: block;
    float: left;
    width: 186px;
    /*height: 53px;*/
    position: relative;
    top: -12px;
    margin: 8px;
}

.logo img {
    display: block;
    width: 186px;
    /*height: 53px;*/
}

.dianhua {
    float: left;
    width: 200px;
    line-height: 1;
    margin: 30px 10px 20px;
    padding-left: 20px;
    background-size: auto 100%;
    display: none;
}

.dianhua h1 {
    font-size: 12px;
    color: #fff;
    display: none;
}

.dianhua h2 {
    font-size: 17px;
    color: #fff;
}

.nav {
    float: right;
    display: block;
    padding-right: 24px;
}

.navabox>a {
    display: block;
    font-size: 16px;
    color: #fff;
    height: 70px;
    line-height: 1.5;
    padding: 12px 0;
    width: 160px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

.navabox>a.a_zhanwei {
    width: 0;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.cle:after {content: ""; display: block; height:0; clear:both; visibility:hidden;}
/*.navabox .nava,.navabox a:hover,.navabox>a:hover{border-bottom: 2px solid #fff;}*/

.nav span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}

.navabox>a:before {
    position: absolute;
    top: 50%;
    content: "";
    display: block;
    width: 2px;
    height: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.navabox>a:before {
    background: #b4a5a7;
    left: -1px;
}

.navabox:first-child>a:before {
    display: none;
}

.pnav .navabox>a,
.pnav span {
    color: #fff;
}

.pnav .nava,
.pnav .navabox>a:hover {
    border-bottom: 2px solid #fff;
}

#s1 {
    margin-top: 70px;
}

.navabox {
    position: relative;
    float: left;
}

.navabox:hover .subnav2 {
    display: block;
}

.pnav .subnav2 {
    border-top: 3px solid #fff;
}
.subnav2 li{
    margin-bottom: 10px;
}
.subnav2 {
    display: none;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 99;
    padding: 5px 0px;
    background-color: rgba(191, 29, 32, 0.8);
}

.subnav2 a {
    display: block;
    width: 150px;
    padding: 0 10px;
    line-height: 22px;
    color: #fff;
    /*height: 29px;*/
}

.subnav2 a:hover {
    background-color: #9a161b;
}

.subnav2-fz a {
    width: 60px;
}

.subnav2-js a {
    width: 80px;
}

.subnav2-yy a {
    width: 170px;
}

#footer {
    background-color: #29282e;
    clear: left;
    z-index: 999999;
    border-top: 8px solid #c11920;
}

.center {
    width: 1100px;
    margin: 0 auto;
}

.footer-nav {
    float: left;
    width: 798px;
    padding: 38px 0;
    color: #fff;
}

.footer-navli {
    float: left;
    padding-right: 36px;
}

.footer-navli h5 {
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 20px;
}

.footer-navli h5:before {
    content: "";
    border-bottom: 1px solid #fff;
    width: 30px;
}

.footer-navli>a {
    display: block;
    font-size: 12px;
    line-height: 1.2em;
    color: #dcdddd;
    margin-bottom: 10px;
}

.footer-navli>a:hover {
    color: #c11920;
}

.fcontact-box {
    width: 272px;
    float: left;
    border-left: 1px dashed #3f3d48;
    padding-left: 25px;
    color: #fff;
    margin: 28px 0;
}

.ft-telbox {
    padding-left: 44px;
    background: url(../img/ft-tel.png) 5px 5px no-repeat;
    padding-bottom: 20px;
}

.ft-telbox h5 {
    font-size: 12px;
    line-height: 2em;
}

.ft-telbox p {
    font-size: 18px;
    line-height: 1.4em;
}

.ft-addrbox {
    background: url(../img/ft-addr.png) 5px 5px no-repeat;
}

.ft-addrbox p {
    font-size: 12px;
}

.ft-er {
    display: block;
    float: left;
    width: 91px;
    height: 101px;
    margin-left: 35px;
}

.ft-er p {
    font-size: 12px;
    margin-top: 8px;
    text-align: center;
}

.addr {
    background-color: #29282e;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    color: #dcdddd;
    text-align: center;
    border-top: 1px solid #3b3a42;
    position: relative;
}

.addr:before {
    content: "";
    width: 100%;
    border-bottom: 1px solid #1f1e22;
    position: absolute;
    top: -2px;
    left: 0;
}


/*index*/

.slide-s1 img {
    display: block;
    width: 100%;
}

.title-box {
    display: none;
    width: 700px;
    background: rgba(139, 0, 20, 0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 20px 40px;
}

.title-box h2 {
    font-size: 43px;
    line-height: 1em;
    padding-bottom: 10px;
    text-align: center;
}

.title-box h3 {
    font-size: 16.84px;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
}

.slide-gb {
    display: block;
    width: 100%;
}

.swiper-s1 .pagination-s1 {
    border-bottom: 1px dotted #fff;
    position: absolute;
    z-index: 99;
    bottom: 6%;
    text-align: center;
}

.swiper-s1 .swiper-pagination-bullet {
    width: 31px;
    height: 31px;
    background: url(../img/swiper-icon.png);
    opacity: 1;
}

.swiper-s1 .swiper-pagination-bullet-active {
    background: url(../img/swiper-icon2.png);
}

.swiper-s1>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4% -18px;
}

.title-box2 {
    width: 100%;
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

.title-box2 h2 {
    font-size: 40px;
    line-height: 1em;
    padding-bottom: 20px;
}
.title-box2 h3{
    width: 60%;
    margin: 0 auto;
    line-height:24px;
}

.s2-list {
    width: 916px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-left: -458px;
    color: #fff;
    overflow: hidden;
}

.s2-list li {
    width: 220px;
    overflow: hidden;
    float: left;
}

.s2-list li:nth-child(2) {
    padding: 0 128px;
}

.s2-list img {
    display: block;
    height: 110px;
    ;
    margin: 0 auto 40px;
}

.s2-list h4 {
    font-size: 26px;
    padding-bottom: 10px;
    text-align: center;
}

.s2-list p {
    font-size: 12px;
    text-align: center;
}

.houjiayeiwu p {
    text-transform: uppercase;
}

.s2-goto {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 25px;
    position: absolute;
    top: 65%;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.swiper-s2 .pagination-s2,
.swiper-s4 .pagination-s4 {
    position: absolute;
    z-index: 99;
    bottom: 6%;
    text-align: center;
}

.swiper-s2 .swiper-pagination-bullet,
.swiper-s4 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: transparent;
}

.swiper-s2 .swiper-pagination-bullet-active {
    background-color: #fff;
}

section {
    width: 100%;
    position: relative;
}

.show-img {
    width: 100%;
}

.s3-map {
    position: absolute;
    top: 30%;
    right: 50%;
    width: 500px;
    height: 400px;
    background: url(../img/s3-img.png);
    display: none;
}

.s3map-icon {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: url(../img/s3-icon.png);
}

.s3map-icon:first-child {
    top: 136px;
    left: 351px;
}

.s3map-icon:first-child+a {
    top: 237px;
    left: 411px;
}

.s3map-icon:first-child+a+a {
    top: 345px;
    left: 362px;
}

.s3map-icon:first-child+a+a+a {
    top: 152px;
    left: 411px;
}

.s3map-icon:first-child+a+a+a+a {
    top: 258px;
    left: 255px;
}

.s3map-icon:first-child+a+a+a+a+a {
    top: 258px;
    left: 355px;
}

.s3map-icon:first-child+a+a+a+a+a+a {
    top: 333px;
    left: 351px;
}

.s3map-icon:first-child+a+a+a+a+a+a+a {
    top: 173px;
    left: 456px;
}

.s3map-name {
    color: #a40913;
    font-size: 12px;
    position: absolute;
    font-weight: bold;
}

.s3map-name:first-child {
    top: 121px;
    left: 335px;
}

.s3map-name:first-child+a {
    top: 220px;
    left: 400px;
}

.s3map-name:first-child+a+a {
    top: 360px;
    left: 352px;
}

.s3map-name:first-child+a+a+a {
    top: 136px;
    left: 422px;
}

.s3map-name:first-child+a+a+a+a {
    top: 241px;
    left: 234px;
}

.s3map-name:first-child+a+a+a+a+a {
    top: 273px;
    left: 344px;
}

.s3map-name:first-child+a+a+a+a+a+a {
    top: 315px;
    left: 330px;
}

.s3map-name:first-child+a+a+a+a+a+a+a {
    top: 173px;
    left: 472px;
}

.s3map-name-hv {
    -webkit-animation: 2s linear 0s none infinite s3mapname;
    animation: 2s linear 0s none infinite s3mapname;
}

@-webkit-keyframes s3mapname {
    0% {
        font-size: 12px;
    }
    50% {
        font-size: 13px;
    }
    100% {
        font-size: 12px;
    }
}

@keyframes s3mapname {
    0% {
        font-size: 12px;
    }
    50% {
        font-size: 13px;
    }
    100% {
        font-size: 12px;
    }
}

.s3-list {
    width: 350px;
    height: 250px;
    position: absolute;
    left: 54%;
    top: 30%;
}

.s3-title {
    height: 48px;
    padding-left: 55px;
    line-height: 48px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    background: url(../img/s3-icon2.png) left top no-repeat;
}

.s3-list-box {
    display: block;
    padding-top: 20px;
}

.s3-list-box li {
    display: block;
    width: 65px;
    height: 65px;
    margin-right: 16px;
    margin-top: 16px;
    float: left;
}

.s3list-name {
    width: 54px;
    height: 54px;
    display: block;
    margin: 5px;
    border-radius: 50%;
    background-color: #c11920;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 54px;
    box-shadow: 0 0 11px #fff;
}

.s3list-name:hover {
    -webkit-animation: 2s linear 0s none infinite s3listname;
    animation: 2s linear 0s none infinite s3listname;
}

@-webkit-keyframes s3listname {
    0% {
        box-shadow: 0 0 11px #fff;
    }
    50% {
        box-shadow: 0 0 40px #fff;
    }
    100% {
        box-shadow: 0 0 11px #fff;
    }
}

@keyframes s3listname {
    0% {
        box-shadow: 0 0 11px #fff;
    }
    50% {
        box-shadow: 0 0 40px #fff;
    }
    100% {
        box-shadow: 0 0 11px #fff;
    }
}

.swiper-s4 .swiper-pagination-bullet {
    border-color: #c11920;
}

.swiper-s4 .swiper-pagination-bullet-active {
    background-color: #c11920;
}

.title-box3,
.s4-list .s4-lista-hv {
    color: #c11920;
}

.s4-list {
    width: 986px;
    position: absolute;
    top: 24%;
    left: 50%;
    margin-left: -498px;
    overflow: hidden;
    padding: 40px;
}

.s4-list li {
    display: block;
    width: 300px;
    float: left;
}

.s4-list li:nth-child(2) {
    padding: 0 40px;
}

.s4-list a {
    display: block;
    padding: 20px;
}

.s4-list h4 {
    font-size: 16px;
    width: 100%;
    line-height: 25px;
    padding-bottom: 25px;
}

.s4-list p {
    width: 100%;
    font-size: 12px;
    line-height: 2em;
}

.s4-list div {
    width: 100%;
}

.s4-list b {
    display: block;
    float: left;
    padding-top: 25px;
    font-size: 12px;
    font-weight: bold;
}

.s4-list span {
    display: block;
    float: right;
    padding-left: 20px;
    padding-top: 25px;
    font-size: 12px;
    background: url(../img/ms4-icon3.png) left bottom no-repeat;
}

.s4-list a:hover {
    color: #c11920;
    background: url(../img/ms4-icon.png) no-repeat;
}

.s4-list a:hover span {
    background: url(../img/ms4-icon2.png) left bottom no-repeat;
}


/*fz-gsgk*/

.warp {
    background-color: #f0f0f0;
    padding-bottom: 34px;
    margin-top: 70px;
}

.bg-red {
    background-color: #c11920;
}

.subnavbox {
    display: none;
    border-bottom: 2px solid #e2e2e2;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 900;
    width: 100%;
    background-color: #fff;
}

.subnav,
.gsgk-nav {
    margin: 0 auto;
}

.subnav li {
    display: block;
    float: left;
}

.subnav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

.subnav a:hover,
.subnav .subnava {
    color: #c11920;
}

.banner-box {
    width: 100%;
    height: 320px;
    background: url(../img/fz-gsgk.jpg) center;
}

.banner-box h2 {
    font-size: 36px;
    padding-top: 100px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.content-box {
    width: 1080px;
    margin: -84px auto 0;
    background-color: #fff;
}

.gsgk-con {
    padding: 20px 33px;
}

.gsgk-top {
    border-bottom: 1px solid #949494;
    padding-bottom: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.gsgk-top img {
    display: block;
    float: left;
    width: 50%;
}

.gsgk-top p {
    float: left;
    padding-left: 3%;
    width: 47%;
    line-height: 1.6em;
    text-align: justify;
    color: #666666;
}

.gsgk-bot {
    padding-bottom: 20px;
    overflow: hidden;
}

.gsgk-bot img {
    display: block;
    float: left;
    width: 47%;
    margin-left: 3%;
}

.gsgk-bot div {
    float: left;
    width: 50%;
    line-height: 1.6em;
    text-align: justify;
    color: #666666;
}

.public-title {
    font-size: 24px;
    font-weight: bold;
    color: #c11920;
    line-height: 1.6em;
    padding: 20px 0 40px;
    text-align: center;
}

.gsgk-nav li {
    display: block;
    float: left;
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 5px;
    margin: 0 10px;
}

.gsgk-nav .gsgk-navli,
.gsgk-nav li:hover {
    background-color: #c11920;
    color: #fff;
    cursor: pointer;
}

.gsgk-detail {
    width: 100%;
    height: 540px;
    overflow: hidden;
    margin-top: 38px;
}

.gsgk-detail img {
    width: 100%;
    height: 540px;
    display: block;
}


/*cul*/

.subnavbox-cul {
    background-color: #f4f4f4;
    border-color: #fff;
}

.cul-warp {
    width: 1100px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -550px;
}

.cul-logo {
    display: block;
    width: 389px;
    height: 56px;
    margin: 10% auto 6%;
}

.cul-title {
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.cul-line {
    display: block;
    width: 86px;
    border-bottom: 3px solid #c11920;
    margin: 20px auto 0;
}

.cul-list {
    padding-top: 5%;
    padding-left: 115px;
}

.cul-list li {
    width: 330px;
    height: 150px;
    float: left;
    padding: 17px 52px;
    padding-left: 110px;
    color: #595757;
}

.cul-list li:first-child {
    background: url(../img/cul-img.png) 17px 17px no-repeat;
}

.cul-list li:first-child+li {
    background: url(../img/cul-img2.png) 17px 17px no-repeat;
}

.cul-list li:first-child+li+li {
    background: url(../img/cul-img3.png) 17px 17px no-repeat;
}

.cul-list li:first-child+li+li+li {
    background: url(../img/cul-img4.png) 17px 17px no-repeat;
}

.cul-list h3 {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 18px;
}

.cul-list p {
    font-size: 16px;
    line-height: 1.4em;
}

.cul-list li:hover {
    color: #C11920;
}

.cul-list li:first-child:hover {
    background: url(../img/cul-img-1.png) 17px 17px no-repeat;
}

.cul-list li:first-child+li:hover {
    background: url(../img/cul-img2-1.png) 17px 17px no-repeat;
}

.cul-list li:first-child+li+li:hover {
    background: url(../img/cul-img3-1.png) 17px 17px no-repeat;
}

.cul-list li:first-child+li+li+li:hover {
    background: url(../img/cul-img4-1.png) 17px 17px no-repeat;
}

.cul-bg,
.ctt-imgbox img {
    display: block;
    width: 100%;
}


/*partner*/

.fz-partner {
    width: 1102px;
    height: 1010px;
    margin: 75px auto;
    position: relative;
}

.fz-partner li {
    float: left;
    width: 362px;
    height: 560px;
    margin-left: 8px;
    background: url(../img/fz-parbg.png) no-repeat;
}

.fz-partner li:first-child {
    margin: 0;
}

.fz-partner li:first-child+li+li+li {
    float: none;
    position: absolute;
    top: 441px;
    left: 177px;
}

.fz-partner li:first-child+li+li+li+li {
    float: none;
    position: absolute;
    top: 441px;
    left: 547px;
}

.fzparlist {
    width: 100%;
    height: 310px;
    position: relative;
    margin-top: 125px;
}

.fzparlist:before {
    content: "";
    width: 0;
    height: 0;
    float: left;
    border-bottom: 125px solid transparent;
    border-left: 181px solid transparent;
    border-right: 181px solid transparent;
    position: absolute;
    top: -125px;
    left: 0;
}

.fzparlist:after {
    content: "";
    width: 0;
    height: 0;
    float: left;
    border-top: 125px solid transparent;
    border-left: 181px solid transparent;
    border-right: 181px solid transparent;
    position: absolute;
    bottom: -125px;
    left: 0;
}

.fzparlist h2 {
    font-size: 25.8px;
    font-weight: bold;
    color: #c11920;
    width: 100%;
    text-align: center;
    line-height: 1.6em;
    position: absolute;
    top: -80px;
    left: 0;
}

.fzparlist h2:after {
    content: "";
    width: 45px;
    height: 4px;
    background-color: #c11920;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.fz-partner li:hover {
    background: url(../img/fz-parbg-1.png) no-repeat;
}

.fz-partner li .fzparlist:hover h2 {
    color: #fff;
}

.fz-partner li .fzparlist:hover h2:after {
    background-color: #fff;
}

.fz-par-imglist {
    display: block;
    width: 100%;
    overflow: hidden;
}

.fz-par-imglist div {
    float: left;
    display: block;
    height: 64px;
    text-align: center;
    padding: 0 10px;
    position: relative;
    font-size: 0;
}

.fz-par-imglist img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%)
}


/*dev*/

.dev-wrap {
    width: 100%;
    /* height: 1057px; */
    background: url(../img/dev-bg4.jpg) center top no-repeat;
    margin-top: 80px;
    padding-top: 30px;
}

.dev-title {
    width: 170px;
    height: 38px;
    margin: 185px auto 54px;
    background-color: #cfd2d8;
    color: #0d1a38;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
}

.dev-conbox {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding: 40px 0 60px;
}

.dev-line {
    width: 2px;
    height: 95%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background-color: #fff;
}

.dev-line:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: -18px;
    left: -8px;
    border: 2px solid #c11922;
    box-shadow: 0 0 2px #fff;
    background-color: #fff;
}

.dev-line:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    bottom: -18px;
    left: -8px;
    border: 2px solid #c11922;
    box-shadow: 0 0 2px #fff;
    background-color: #fff;
}

.dev-list {
    padding: 20px 0;
}

.dev-list,
.dev-event {
    overflow: hidden;
    padding: 5px 0;
}

.dev-list-events {
    width: 50%;
    float: left;
}

.dev-event {
    width: 98%;
    margin-right: 2%;
}

.dev-list-year {
    float: left;
    width: 154px;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

.dev-list-year:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: -6px;
    top: 50%;
    z-index: 5;
    margin-top: -4px;
    border: 2px solid #c11922;
    box-shadow: 0 0 2px #fff;
}

.dev-list-year:after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 6px;
    top: 50%;
    z-index: 9;
    margin-top: 1px;
}

.dev-list-year2 {
    color: #c11920;
}

.dev-list-year2:before {
    background-color: #c11920;
}

.dev-list-imgbox {
    float: right;
    width: 25%;
    padding: 0 2%;
}

.dev-list-imgbox img {
    display: block;
    width: 100%;
    padding: 4px 0;
}

.dev-list-con {
    float: right;
    width: 90%;
    text-align: right;
    color: #fff;
    line-height: 1.6em;
    padding-left: 8px;
    padding-right: 8px;
}

.dev-list-con h2 {
    font-weight: bold;
}

.dev-list:nth-child(2n) .dev-list-events,
.dev-list:nth-child(2n) .dev-list-year {
    float: right;
}

.dev-list:nth-child(2n) .dev-list-year:before {
    left: inherit;
    right: -4px;
}

.dev-list:nth-child(2n) .dev-list-year:after {
    left: inherit;
    right: 9px;
}

.dev-list:nth-child(2n) .dev-list-imgbox,
.dev-list:nth-child(2n) .dev-list-con {
    float: left;
    text-align: left;
}

.dev-list:nth-child(2n) .dev-event {
    margin-right: 0%;
    margin-left: 2%
}

.dev-event:hover {
    background-color: #dbdde2;
}

.dev-event:hover .dev-list-con,
.dev-list-con-h {
    color: #c11920;
    font-weight: bold;
    font-size: 16px;
}

.wave1 {
    position: relative;
    z-index: 3;
    width: 100%;
    color: #999;
}

.wave {
    height: 40px;
    -webkit-animation: 15s linear 0s none infinite tweenx;
    animation: 15s linear 0s none infinite tweenx;
    background: url(../img/line2.png) repeat-x;
    width: 100%;
    background-size: contain;
    position: relative;
    top: 84px;
}

.wave1 ul {
    width: 1139px;
    margin: 0 auto
}

.wave1 ul li {
    color: #fff;
    float: left;
    width: 16%;
    text-align: center;
    -webkit-animation: 1.1s linear none infinite tween1;
    animation: 1.1s linear none infinite tween1
}

.wave1 ul li:last-child {
    width: 20%;
}

.wave1 ul li span {
    width: 16px;
    height: 16px;
    background: #0c1a36;
    border-radius: 50%;
    display: block;
    margin: auto;
    border: 1px solid #fff;
    margin-top: 20px
}

.wave1 ul li h3 {
    display: inline-block;
    background: #cfd2d7;
    color: #0d1a38;
    padding: 6px 15px;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px;
}

.wave1 ul li p {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
}

.wave1 ul li:nth-child(1) {
    animation-delay: 0s
}

.wave1 ul li:nth-child(2) {
    animation-delay: 0.5s
}

.wave1 ul li:nth-child(3) {
    animation-delay: 1s
}

.wave1 ul li:nth-child(4) {
    animation-delay: 1.5s
}

.wave1 ul li:nth-child(5) {
    animation-delay: 2s
}

.wave1 ul li:nth-child(6) {
    animation-delay: 2.5s
}

@-webkit-keyframes tweenx {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 1899px 0
    }
}

@keyframes tweenx {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 1899px 0
    }
}

@-webkit-keyframes tween1 {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes tween1 {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

#waves {
    position: absolute;
    top: -13%;
    z-index: 0;
}


/*honor*/

.hon-banner {
    width: 100%;
    height: 389px;
    background: url(../img/hon-bg.jpg) center;
}

.cul-contentbox {
    background-color: #fff;
    box-shadow: 0 4px 4px #d5d5d5;
    overflow: hidden;
}

.fzhor-contentbox {
    padding: 38px;
    background-color: #f0f0f0;
    box-sizing: border-box;
}

.hon-list {
    width: 227px;
    height: 281px;
    margin: 12px;
    float: left;
    position: relative;
}

.hl1 {
    background: url(../img/hl-bg1.jpg) no-repeat;
}

.hl2 {
    background: url(../img/hl-bg2.jpg) no-repeat;
}

.hl3 {
    background: url(../img/hl-bg3.jpg) no-repeat;
}

.hl4 {
    background: url(../img/hl-bg4.jpg) no-repeat;
}

.hl5 {
    background: url(../img/hl-bg5.jpg) no-repeat;
}

.hl6 {
    background: url(../img/hl-bg6.jpg) no-repeat;
}

.hl7 {
    background: url(../img/hl-bg7.jpg) no-repeat;
}

.hl8 {
    background: url(../img/hl-bg8.jpg) no-repeat;
}

.hl9 {
    background: url(../img/hl-bg9.jpg) no-repeat;
}

.hl10 {
    background: url(../img/hl-bg10.jpg) no-repeat;
}

.hl11 {
    background: url(../img/hl-bg11.jpg) no-repeat;
}

.hl12 {
    background: url(../img/hl-bg12.jpg) no-repeat;
}

.hl13 {
    background: url(../img/hl-bg13.jpg) no-repeat;
}

.hl14 {
    background: url(../img/hl-bg14.jpg) no-repeat;
}

.hl15 {
    background: url(../img/hl-bg15.jpg) no-repeat;
}

.hl16 {
    background: url(../img/hl-bg16.jpg) no-repeat;
}

.hl17 {
    background: url(../img/hl-bg17.jpg) no-repeat;
}

.hl18 {
    background: url(../img/hl-bg18.jpg) no-repeat;
}

.hl19 {
    background: url(../img/hl-bg19.jpg) no-repeat;
}

.hon-list h2 {
    font-size: 20px;
    color: #727171;
    font-weight: bold;
    line-height: 1.6em;
    padding: 10px 5px 0 10px;
}

.hon-list-h {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #c11920;
    display: none;
}

.hon-list-h img {
    display: block;
    width: 94%;
    margin: 10px auto 10px;
    border: 1px solid #fff;
}

.hon-list-h h3 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 227px;
}

.hon-list:hover .hon-list-h {
    display: block;
}


/*contact*/

.ctt-nav {
    width: 1100px;
    overflow: hidden;
    padding: 20px 0;
    margin: 0 auto;
}

.ctt-nav li {
    width: 537px;
    padding-bottom: 16px;
    border-bottom: 1px dotted #000;
    padding-top: 23px;
    display: block;
}

.ctt-nav li:nth-child(2n) {
    float: left;
}

.ctt-nav li:nth-child(2n+1) {
    float: right;
}

.ctt-imgbox {
    width: 100%;
    height: 231px;
    overflow: hidden;
}

.ctt-nav h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 2em;
    padding-top: 10px;
}

.ctt-nav p {
    line-height: 2em;
}

.ctt-imgbox img,
.dev-img {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.ctt-nav li:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/*news*/

.news-warp {
    width: 100%;
    background-color: #f0f0f0;
    padding: 60px 0 40px;
}

.news-list {
    width: 100%;
    padding: 40px 0;
}

.news-list:hover {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    background-color: #f5f5f5;
}

.news-center {
    width: 1100px;
    overflow: hidden;
    margin: 0 auto;
}

.news-data {
    width: 60px;
    float: left;
}

.news-data b {
    font-size: 48px;
    color: #272636;
    line-height: 1em;
}

.news-data p {
    font-size: 16px;
    color: #272636;
    line-height: 1em;
    padding-top: 10px;
}

.news-line {
    float: left;
    width: 23px;
    border-top: 4px solid #c11920;
    height: 4px;
    margin: 0 20px 0 16px;
}

.news-img {
    width: 148px;
    height: 83px;
    float: left;
    padding-right: 20px;
}

.news-img img {
    display: block;
    width: 100%;
}

.news-con {
    width: 720px;
    float: left;
}

.news-con h2 {
    width: 100%;
    font-size: 18px;
    line-height: 1em;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
    text-overflow: ellipsis;
}

.news-con p {
    line-height: 1.6em;
}

.news-con span {
    color: #c11920;
    padding-left: 10px;
}


/*.loading-box img {*/


/*animation: zhuan 1s linear;*/


/*-moz-animation: zhuan 1s linear;*/


/* Firefox */


/*-webkit-animation: zhuan 1s linear;*/


/* Safari 和 Chrome */


/* -o-animation: zhuan 1s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;*/


/*}*/

@keyframes zhuan {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes zhuan
/* Firefox */

{
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes zhuan
/* Safari 和 Chrome */

{
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes zhuan
/* Opera */

{
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.loading-box b {
    line-height: 31px;
    padding-left: 10px;
}

.video-list {
    width: 100%;
    overflow: hidden;
}

.video-list li {
    margin-top: 50px;
}

.video-list li {
    display: block;
    position: relative;
}

.video-box {
    position: absolute;
    left: 50%;
    bottom: 10%;
    width: 742px;
    margin-left: -371px;
    background: rgba(151, 47, 22, .8);
    box-sizing: border-box;
    padding: 10px;
}

.video-box h2 {
    border-bottom: 1px solid #fff;
    font-size: 30px;
    color: #fff;
    line-height: 44px;
    padding-bottom: 10px;
    padding-left: 60px;
    background: url(../img/video-icon.png) 0 4px no-repeat;
    margin-bottom: 10px;
}

.video-box p {
    color: #FFF;
    line-height: 2em;
}

.video-box span {
    position: absolute;
    right: 0;
    top: -30px;
    background: rgba(151, 47, 22, .8);
    padding: 6px 10px;
    color: #fff;
    cursor: pointer;
}


/* .subnav-warp{position: fixed;left: 0;top: 80px;width: 100%;background-color: #f4f4f4;border-bottom: 1px solid #e2e2e2;height: 50px;text-align: center;}
.subnav-warp a{display: inline-block;line-height: 50px;padding:0 15px;}
.subnav-warp a:hover,.subnav-warp .subnava{color: #c11920;} */

.news-view {
    width: 1000px;
    min-height: 503px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 4px 4px #d5d5d5;
    box-sizing: border-box;
    padding: 20px 30px;
}

.news-title {
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    padding-bottom: 10px;
}

.news-title h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6em;
    width: 700px;
    float: left;
    padding-top: 15px;
}

.news-title .data {
    width: 240px;
    float: right;
    height: 72px;
}

.news-title b {
    padding-right: 20px;
}


.news-title span {
    display: block;
    float: left;
    line-height: 72px;
    padding-left: 40px;
   
}
.news-title span:nth-child(1){
 background: url(../img/look-icon.png) left center no-repeat;
 margin-right: 24px;
}

.news-title span:nth-child(2) {
    background: url(../img/time-icon.png) left center no-repeat;
}

.news-view-con {
    padding-top: 20px;
    line-height: 1.6em;
}


/* iot */

.tech {
    width: 1100px;
    margin: 0 auto;
}

.tech-top {
    border-bottom: 1px dotted #000;
}

.tech-top img {
    display: block;
    width: 100%;
}

.tech-top p {
    width: 100%;
    padding: 24px 0;
    line-height: 2em;
}

.tech-c {
    padding: 24px 0;
    overflow: hidden;
    width: 100%;
}

.tech-c img {
    display: block;
    float: left;
}

.tech-r {
    float: right;
    width: 50%;
}

.tech-r h2 {
    font-size: 24px;
    line-height: 2em;
    padding-top: 40px;
    padding-bottom: 5px;
}

.tech-r span {
    display: block;
    width: 68px;
    height: 0;
    border-bottom: 1px solid #000;
    margin: 20px 0;
}

.tech-r p {
    line-height: 2em;
}

.tech-list {
    padding-top: 24px;
}

.tech-list li {
    float: left;
    width: 264px;
    height: 284px;
    background: #fff;
    box-shadow: 0 4px 4px #d5d5d5;
    position: relative;
    margin-left: 14px;
    overflow: hidden;
}

.tech-list li:first-child {
    margin-left: 0;
}

.tech-list-warp {
    width: 528px;
    position: relative;
    left: 0;
    height: 100%;
    transition: left 1s;
    -moz-transition: left 1s;
    -webkit-transition: left 1s;
    -o-transition: left 1s;
}

.tech-list-con {
    float: left;
    width: 264px;
    height: 100%;
    color: #3e3a39;
    text-align: center;
}

.tech-list-con-h {
    background-color: #c11920;
    color: #fff;
}

.tech-list-con img {
    display: block;
    margin: 25px auto;
}

.tech-list-con h2 {
    font-size: 18px;
    padding-bottom: 5px;
}

.tech-list-con p {
    font-size: 12px;
    line-height: 1.6em;
}

.tech-list-warp:hover {
    left: -264px;
}


/* case */

.case-warp {
    width: 1100px;
    margin: 0 auto;
    padding-top: 24px;
}

.case-title {
    border-bottom: 1px solid #c11920;
}

.case-title h2 {
    width: 100px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #c11920;
}

.case-list {
    width: 100%;
}

.case-list li {
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}

.case-list a {
    display: block;
    color: #c11920;
    position: absolute;
    bottom: 36px;
    right: 0;
    font-size: 16px;
}

.case-list img {
    display: block;
    width: 539px;
    height: 250px;
    float: left;
}

.case-con {
    float: right;
    width: 50%;
    position: relative;
}

.case-list li:nth-child(2n) img {
    float: right;
}

.case-list li:nth-child(2n) .case-con {
    float: left;
}

.case-con h2 {
    font-size: 20px;
    width: 435px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.6em;
    padding-bottom: 10px;
}

.case-con>b {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    color: #fff;
    background-color: #949494;
    padding: 4px 8px;
}

.case-con p {
    height: 106px;
    padding: 10px 0;
    line-height: 1.6em;
    text-align: justify;
    overflow: hidden;
}

.casemark-box {
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    overflow: hidden;
    width: 100%;
    padding: 8px 0;
}

.casemark-box dt,
.casemark-box dd {
    float: left;
    line-height: 24px;
    padding: 4px 0;
    height: 24px;
    overflow: hidden;
}

.casemark-box dt b {
    font-weight: bold;
}

.casemark-box dt {
    width: 25%;
}

.casemark-box dd {
    width: 75%;
}

.casemark-box dd span {
    display: inline-block;
    line-height: 24px;
    height: 24px;
    padding: 0 8px;
    background-color: #949494;
    color: #fff;
    margin-right: 8px;
}

.casemark-box dd span:hover {
    background-color: #c11920;
}


/* itjc */

.te-img {
    display: block;
    width: 100%;
    margin-bottom: 24px;
}

.itjc-service-box {
    border-bottom: 1px dotted #000;
    padding-bottom: 20px;
    overflow: hidden;
    margin-bottom: 34px;
}

.itjc-service {
    width: 268px;
    float: left;
    margin-left: 8px;
    color: #fff;
}

.itjc-service:first-child {
    margin-left: 0;
}

.service-title {
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
}

.ser1 {
    background: #beb496 url(../img/itjc-ser.png) 14px center no-repeat;
    padding-left: 62px;
}

.ser2 {
    background: #8b94c9 url(../img/itjc-ser2.png) 12px center no-repeat;
    padding-left: 62px;
}

.ser3 {
    background: #a2cbdb url(../img/itjc-ser3.png) 16px center no-repeat;
    padding-left: 62px;
}

.ser4 {
    background: #a1d39c url(../img/itjc-ser4.png) 16px center no-repeat;
    padding-left: 62px;
}

.service-list {
    overflow: hidden;
    padding-top: 10px;
}

.service-list li {
    display: block;
    float: left;
    width: 49.5%;
    margin-bottom: 6px;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 6px;
    line-height: 1.4em;
}

.service-list li:nth-child(2n) {
    margin-left: 1%;
}

.ser-l1 li {
    background-color: #beb496;
}

.ser-l2 li {
    background-color: #8b94c9;
}

.ser-l3 li {
    background-color: #a2cbdb;
    width: 100%;
}

.ser-l4 li {
    background-color: #beb496;
    width: 100%;
}

.ser-l3 li:nth-child(2n),
.ser-l4 li:nth-child(2n) {
    margin-left: 0;
}


/* teit */

.teit-service .ser1 {
    background: #beb496 url(../img/teit-s.png) 30px center no-repeat;
    padding-left: 62px;
}

.teit-service .ser2 {
    background: #8b94c9 url(../img/teit-s2.png) 30px center no-repeat;
    padding-left: 62px;
}

.teit-service .ser3 {
    background: #a2cbdb url(../img/teit-s3.png) 30px center no-repeat;
    padding-left: 62px;
}

.teit-service .ser4 {
    background: #a1d39c url(../img/teit-s4.png) 30px center no-repeat;
    padding-left: 82px;
}

.teit-service li {
    width: 49.5%;
}

.teit-service li:nth-child(2n),
.teit-service li:nth-child(2n) {
    margin-left: 1%;
}

.teit-des {
    overflow: hidden;
    border-bottom: 1px dotted #000;
    padding-bottom: 34px;
}

.teit-des h2 {
    font-size: 24px;
    line-height: 2em;
}

.teit-des p {
    line-height: 2em;
}

.teit-des-list {
    padding-top: 24px;
}

.teit-des-list li {
    float: left;
    width: 354px;
    height: 174px;
    background: #fff;
    box-shadow: 0 4px 4px #d5d5d5;
    position: relative;
    margin-left: 18px;
    overflow: hidden;
}

.teit-des-list li:first-child {
    margin-left: 0;
}

.dl-w {
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
}

.dl-b {
    width: 100%;
    height: 174px;
}

.dl-b img {
    float: left;
    padding: 42px 32px;
}

.teit-des-list-r {
    float: right;
    width: 55%;
    padding-top: 15px;
}

.teit-des-list-r b {
    font-size: 18px;
    display: block;
    ;
    line-height: 2em;
}

.teit-des-list-r span {
    display: inline-block;
    padding: 6px 8px;
    color: #fff;
    background-color: #949494;
    margin-bottom: 6px;
    border-radius: 5px;
}

.dl-w:hover {
    top: -174px;
}

.dl-d {
    background-color: #c11920;
    color: #fff;
}

.dl-d span {
    background-color: #fff;
    color: #000;
}

.teit-call {
    overflow: hidden;
    border-bottom: 1px dotted #000;
    padding: 34px 0;
}

.teit-call img {
    display: block;
    float: left;
}

.teit-call-con {
    float: right;
    width: 49%;
    padding-top: 50px;
}

.teit-call-con h2 {
    font-size: 24px;
    line-height: 2em;
}

.teit-call-con p {
    line-height: 2em;
}

.teit-ad {
    overflow: hidden;
    padding: 14px 0 6px;
}

.teit-ad h2 {
    font-size: 24px;
    line-height: 2em;
}

.teit-ad p {
    line-height: 2em;
}

.teit-ad-list {
    overflow: hidden;
    padding-top: 24px;
    width: 100%;
}

.teit-ad-list li {
    width: 49%;
    float: left;
    margin-left: 2%;
    color: #fff;
    position: relative;
}

.teit-ad-list li:first-child {
    margin-left: 0%;
}

.teitad-con,
.teitad-con-h {
    width: 100%;
    height: 216px;
    position: relative;
    overflow: hidden;
}

.teitad-con {
    display: block;
}

.teitad-ic {
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -50px;
    font-size: 24px;
    padding-top: 100px;
    line-height: 2em;
    background: url(../img/teit-a.png) center 10px no-repeat;
}

.teitad-ic2 {
    background: url(../img/teit-a2.png) center -5px no-repeat;
}

.teitad-con-h {
    display: none;
    background-color: #c11920;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 216px;
}

.teitad-ic3 {
    line-height: 50px;
    font-size: 24px;
    padding: 12px 0 0px 80px;
    color: #fff;
    background: url(../img/teit-a.png) 30px 15px no-repeat;
    background-size: 45px;
}

.teitad-ic4 {
    background: url(../img/teit-a2.png) 7px 12px no-repeat;
    background-size: 88px;
}

.teitad-con-h p {
    padding: 0 30px;
}

.teit-ad-list li:hover .teitad-con-h {
    display: block;
}


/* itwh */

.itwh-title {
    font-size: 24px;
    line-height: 1em;
    text-align: center;
    padding: 24px 0 34px;
    color: #c11920;
}

.itwh-title1 {
    font-size: 18px;
    color: #c11920;
    font-weight: bold;
    padding-left: 10px;
    border-left: solid 4px #c11920;
    line-height: 1;
    margin-bottom: 10px;
}

.itwh-title2 {
    font-size: 22px;
    line-height: 1em;
    text-align: center;
    padding: 24px 0 34px;
    color: #c11920;
}

.itwh-list {
    width: 100%;
}

.itwh-list li {
    width: 262px;
    height: 284px;
    box-shadow: 0 4px 4px #d5d5d5;
    float: left;
    margin-left: 16px;
    margin-bottom: 16px;
}

.itwh-list li:nth-child(4n+1) {
    margin-left: 0;
}

.itwh-list li:first-child {
    background: #fff url(../img/itwh-i.png) center 40px no-repeat;
}

.itwh-list li:first-child+li {
    background: #fff url(../img/itwh-i2.png) center 40px no-repeat;
}

.itwh-list li:first-child+li+li {
    background: #fff url(../img/itwh-i3.png) center 40px no-repeat;
}

.itwh-list li:first-child+li+li+li {
    background: #fff url(../img/itwh-i4.png) center 40px no-repeat;
}

.itwh-list li:first-child+li+li+li+li {
    background: #fff url(../img/itwh-i5.png) center 40px no-repeat;
}

.itwh-list li:first-child+li+li+li+li+li {
    background: #fff url(../img/itwh-i6.png) center 40px no-repeat;
}

.itwh-list li:first-child+li+li+li+li+li+li {
    background: #fff url(../img/itwh-i7.png) center 40px no-repeat;
}

.itwh-list li:first-child+li+li+li+li+li+li+li {
    background: #fff url(../img/itwh-i8.png) center 40px no-repeat;
}

.itwh-list li:first-child:hover {
    background: #c11920 url(../img/itwh-i-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li:hover {
    background: #c11920 url(../img/itwh-i2-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li+li:hover {
    background: #c11920 url(../img/itwh-i3-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li+li+li:hover {
    background: #c11920 url(../img/itwh-i4-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li+li+li+li:hover {
    background: #c11920 url(../img/itwh-i5-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li+li+li+li+li:hover {
    background: #c11920 url(../img/itwh-i6-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li+li+li+li+li+li:hover {
    background: #c11920 url(../img/itwh-i7-1.png) center 50px no-repeat;
}

.itwh-list li:first-child+li+li+li+li+li+li+li:hover {
    background: #c11920 url(../img/itwh-i8-1.png) center 50px no-repeat;
}

.itwh-list li:hover h4 {
    color: #fff;
    padding-top: 170px;
}

.itwh-list li:hover p {
    display: none;
}

.itwh-list h4 {
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    padding-top: 150px
}

.itwh-list p {
    line-height: 1.6em;
    font-size: 12px;
    text-align: center;
}

.itwh-list2 {
    padding-bottom: 20px;
}

.itwh-list2 li {
    width: 270px;
    height: 80px;
    float: left;
    border-left: 1px dotted #000;
    box-sizing: border-box;
    padding-left: 110px;
    color: #5f5f5f;
}

.itwh-list2 li:first-child {
    background: url(../img/itwh-i9.png) 20px center no-repeat;
}

.itwh-list2 li:first-child+li {
    background: url(../img/itwh-i10.png) 40px center no-repeat;
}

.itwh-list2 li:first-child+li+li {
    background: url(../img/itwh-i11.png) 20px center no-repeat;
}

.itwh-list2 li:first-child+li+li+li {
    background: url(../img/itwh-i12.png) 46px center no-repeat;
}

.itwh-list2 li:first-child:hover {
    background: url(../img/itwh-i9-1.png) 20px center no-repeat;
}

.itwh-list2 li:first-child+li:hover {
    background: url(../img/itwh-i10-1.png) 40px center no-repeat;
}

.itwh-list2 li:first-child+li+li:hover {
    background: url(../img/itwh-i11-1.png) 20px center no-repeat;
}

.itwh-list2 li:first-child+li+li+li:hover {
    background: url(../img/itwh-i12-1.png) 46px center no-repeat;
}

.itwh-list2 li:hover {
    color: #c11920;
}

.itwh-list2 li:first-child {
    margin-left: 0;
    border: none;
}

.itwh-list2 h4 {
    font-size: 18px;
    line-height: 1em;
    padding-bottom: 4px;
    padding-top: 8px;
}

.itwh-list2 p {
    line-height: 1.6em;
}


/* bigdata */

.bigdata-topmodule {
    line-height: 2em;
}

.bigdata-topmodule img {
    display: block;
    width: 100%;
    padding-top: 20px;
}

.bigd-datamoney {
    width: 100%;
    position: relative;
    margin-top: 24px;
}

.bigd-datamoney ul {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bigd-datamoney li {
    float: left;
    width: 414px;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    margin-top: 10px;
    color: #5f5f5f;
}

.bigd-datamoney li:nth-child(2n+1) {
    float: left;
    padding-left: 88px;
}

.bigd-datamoney li:nth-child(2n) {
    float: right;
    padding-right: 88px;
    text-align: right;
}

.bigd-datamoney li:first-child {
    background: #dfdfdf url(../img/bigdata-bg.png) 32px center no-repeat;
}

.bigd-datamoney li:first-child+li {
    background: #dfdfdf url(../img/bigdata-bg2.png) 427px center no-repeat;
}

.bigd-datamoney li:first-child+li+li {
    background: #dfdfdf url(../img/bigdata-bg3.png) 32px center no-repeat;
}

.bigd-datamoney li:first-child+li+li+li {
    background: #dfdfdf url(../img/bigdata-bg4.png) 427px center no-repeat;
}

.bigd-datamoney li:hover {
    color: #fff;
}

.bigd-datamoney li:first-child:hover {
    background: #c11920 url(../img/bigdata-bg-1.png) 32px center no-repeat;
}

.bigd-datamoney li:first-child+li:hover {
    background: #c11920 url(../img/bigdata-bg2-1.png) 427px center no-repeat;
}

.bigd-datamoney li:first-child+li+li:hover {
    background: #c11920 url(../img/bigdata-bg3-1.png) 32px center no-repeat;
}

.bigd-datamoney li:first-child+li+li+li:hover {
    background: #c11920 url(../img/bigdata-bg4-1.png) 427px center no-repeat;
}

.bg-dm-title {
    width: 60px;
    height: 60px;
    padding: 30px;
    border: 8px solid #fff;
    border-radius: 50%;
    background-color: #c11920;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.bigdata-list {
    padding-bottom: 24px;
    overflow: hidden;
}

.bigdata-list li {
    float: left;
    width: 264px;
    height: 334px;
    position: relative;
    margin-left: 14px;
    overflow: hidden;
}

.bigdata-list li:first-child {
    margin-left: 0;
}

.bigd-w {
    width: 668px;
    position: relative;
    left: 0;
    height: 100%;
    transition: left 1s;
    -moz-transition: left 1s;
    -webkit-transition: left 1s;
    -o-transition: left 1s;
}

.bigd-b {
    float: left;
    width: 264px;
    height: 100%;
    color: #fff;
    text-align: center;
    position: relative;
}

.bigd-d {
    background-color: #c11920;
}

.bigd-b img {
    display: block;
    width: 100%;
    height: 100%;
}

.bigd-b h2 {
    font-size: 36px;
    line-height: 1.4em;
    position: absolute;
    left: 0;
    top: 130px;
    text-align: center;
    width: 100%;
}

.bigd-d img {
    width: auto;
    height: auto;
    margin: 40px auto 0;
}

.bigd-d h3 {
    font-size: 24px;
    line-height: 1.6em;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.bigd-d b {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.bigd-w:hover {
    left: -264px;
}

.bigd-w2 {
    transition: right 1s;
    -moz-transition: right 1s;
    -webkit-transition: right 1s;
    -o-transition: right 1s;
    left: inherit;
    right: 264px;
}

.bigd-w2:hover {
    left: inherit;
    right: 0;
}

.bigd-b2 h2 {
    font-size: 24px;
    top: 154px;
}

.bigd-d2 {
    background-color: #c11920;
}

.bigd-d2 h3 {
    font-size: 24px;
    line-height: 1.6em;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.bigd-d2 b {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 2em;
}


/* service */

.ser-module {
    padding: 24px 0;
    border-bottom: 1px solid #949494;
}

.ser-ptitle {
    line-height: 2em;
    font-size: 24px;
    font-weight: bold;
    color: #c11920;
    text-align: center;
}

.ser-subtitle {
    line-height: 2em;
    text-align: center;
}

.ser-box {
    width: 100%;
}

.ser-listbox {
    width: 362px;
    float: left;
    margin-left: 7px;
    color: #5f5f5f;
    padding-top: 18px;
}

.ser-listbox:nth-child(3n+1) {
    margin-left: 0;
}

.ser-title {
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 74px;
}

.ser-list {
    overflow: hidden;
}

.ser-list li {
    display: block;
    float: left;
    width: 49.5%;
    margin-top: 6px;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 8px;
    line-height: 1.4em;
    background-color: #d3d3d5;
    font-size: 18px;
}

.ser-list li:hover {
    color: #fff;
    background-color: #c11920;
}

.ser-list li:nth-child(2n) {
    margin-left: 1%;
}

.ser-listbox:first-child .ser-title {
    background: #d3d3d5 url(../img/ser-icon.png) 10px center no-repeat;
}

.ser-listbox:first-child+div .ser-title {
    background: #d3d3d5 url(../img/ser-icon2.png) 10px center no-repeat;
}

.ser-listbox:first-child+div+div .ser-title {
    background: #d3d3d5 url(../img/ser-icon3.png) 10px center no-repeat;
}

.ser-listbox:first-child+div+div+div .ser-title {
    background: #d3d3d5 url(../img/ser-icon4.png) 10px center no-repeat;
}

.ser-listbox:first-child+div+div+div+div .ser-title {
    background: #d3d3d5 url(../img/ser-icon5.png) 10px center no-repeat;
}

.ser-listbox:first-child+div+div+div+div+div .ser-title {
    background: #d3d3d5 url(../img/ser-icon6.png) 10px center no-repeat;
}

.ser-listbox:first-child .ser-title:hover {
    background: #c11920 url(../img/ser-icon-1.png) 10px center no-repeat;
    color: #fff;
}

.ser-listbox:first-child+div .ser-title:hover {
    background: #c11920 url(../img/ser-icon2-1.png) 10px center no-repeat;
    color: #fff;
}

.ser-listbox:first-child+div+div .ser-title:hover {
    background: #c11920 url(../img/ser-icon3-1.png) 10px center no-repeat;
    color: #fff;
}

.ser-listbox:first-child+div+div+div .ser-title:hover {
    background: #c11920 url(../img/ser-icon4-1.png) 10px center no-repeat;
    color: #fff;
}

.ser-listbox:first-child+div+div+div+div .ser-title:hover {
    background: #c11920 url(../img/ser-icon5-1.png) 10px center no-repeat;
    color: #fff;
}

.ser-listbox:first-child+div+div+div+div+div .ser-title:hover {
    background: #c11920 url(../img/ser-icon6-1.png) 10px center no-repeat;
    color: #fff;
}

.serm2 {
    width: 100%;
    padding-top: 24px;
}

.serm2 li {
    display: block;
    float: left;
    width: 346px;
    height: 426px;
    margin-left: 28px;
    position: relative;
    overflow: hidden;
}

.serm2 li:first-child {
    margin-left: 0;
}

.serm2 h2 {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    line-height: 1.6em
}

.ser-m2-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(150, 34, 33, .62);
    color: #fff;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
}

.ser-m2-con h3 {
    ont-weight: bold;
    font-size: 24px;
    padding: 60px 5% 30px;
    text-align: center;
}

.ser-m2-con p {
    padding: 0 5%;
    line-height: 1.6em;
    font-size: 16px;
}

.serm2 li:hover .ser-m2-con {
    top: 0;
}

.serm2 li:hover h2 {
    display: none;
}

.serm3 {
    width: 100%;
}

.serm3 li {
    display: block;
    float: left;
    width: 346px;
    height: 226px;
    margin-left: 28px;
    position: relative;
    overflow: hidden;
    margin-top: 28px;
    color: #962221;
}

.serm3 li:nth-child(3n+1) {
    margin-left: 0;
}

.serm3 h2 {
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    top: 62px;
    left: 47px;
    line-height: 1.6em;
    text-shadow: 0px 0 2px #fff;
}

.serm3 p {
    position: absolute;
    top: 102px;
    left: 47px;
    text-shadow: 0px 0 2px #fff;
}

.serm3 p:before {
    content: "";
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -20px;
    left: 0;
    background-color: #962221;
}

.serm3 b {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(150, 34, 33, .62);
}

.serm3 li:hover {
    color: #fff;
}

.serm3 li:hover b {
    display: block;
}

.serm3 li:hover p:before {
    background: #fff;
}

.serm4 {
    width: 100%;
    padding-top: 24px;
}

.serm4 li {
    display: block;
    float: left;
    width: 270px;
    height: 476px;
    margin-left: 6px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.serm4 li:nth-child(3n+1) {
    margin-left: 0;
}

.serm4-con {
    position: absolute;
    top: 328px;
    left: 0;
    background: rgba(150, 34, 33, .62);
    width: 100%;
    height: 100%;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
}

.serm4-con h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 2em;
    text-align: center;
    padding-top: 15px;
}

.serm4-con p {
    line-height: 1.4em;
    text-align: center;
}

.serm4 li:hover .serm4-con {
    top: 0;
}

.serm4 li:hover h2 {
    padding-top: 164px;
}


/* kehu */

.kehu-m1-con {
    float: left;
    width: 295px;
    height: 92px;
    background-color: #bfbfbf;
    color: #fff;
}

.kehu-m1-con:hover {
    background-color: #c11920;
}

.kehu-m1-con h2 {
    font-size: 26px;
    padding-left: 48px;
    padding-top: 15px;
    line-height: 1.8em;
}

.kehu-m1-con b {
    text-transform: uppercase;
    padding-left: 48px;
}

.kehu-m1-san {
    float: left;
    height: 0;
    float: left;
    border-top: 15px solid transparent;
    border-left: 25px solid #a0a0a0;
    border-bottom: 15px solid transparent;
    margin: 30px 39px 0 43px;
}

.kehu-m2 {
    width: 100%;
}

.kehu-m2 li {
    display: block;
    float: left;
    width: 227px;
    height: 148px;
    margin-left: 16px;
    position: relative;
    overflow: hidden;
    margin-top: 24px;
    border: 1px solid #cacbcb;
    padding-left: 125px;
}

.kehu-m2 li:nth-child(3n+1) {
    margin-left: 0;
}

.kehu-m2 li:first-child {
    background: url(../img/kehu-icon.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li {
    background: url(../img/kehu-icon2.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li {
    background: url(../img/kehu-icon3.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li+li {
    background: url(../img/kehu-icon4.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li+li+li {
    background: url(../img/kehu-icon5.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li+li+li+li {
    background: url(../img/kehu-icon6.png) 25px center no-repeat;
}

.kehu-m2 h2 {
    font-size: 18px;
    line-height: 2em;
    padding-top: 15px;
}

.kehu-m2 span {
    display: block;
    width: 35px;
    height: 2px;
    background-color: #9fa0a0;
    margin-bottom: 10px;
    margin-top: 4px;
}

.kehu-m2 p {
    line-height: 1.4em;
    color: #595757;
    width: 96%;
}

.kehu-m2 li:first-child:hover {
    background: #c11920 url(../img/kehu-icon-1.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li:hover {
    background: #c11920 url(../img/kehu-icon2-1.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li:hover {
    background: #c11920 url(../img/kehu-icon3-1.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li+li:hover {
    background: #c11920 url(../img/kehu-icon4-1.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li+li+li:hover {
    background: #c11920 url(../img/kehu-icon5-1.png) 25px center no-repeat;
}

.kehu-m2 li:first-child+li+li+li+li+li:hover {
    background: #c11920 url(../img/kehu-icon6-1.png) 25px center no-repeat;
}

.kehu-m2 li:hover p,
.kehu-m2 li:hover h2 {
    color: #fff;
}

.kehu-m2 li:hover span {
    background-color: #fff;
}

.kehu-m,
.kehu-m4 {
    width: 100%;
    padding-top: 24px;
}

.kehu-m3 img {
    display: block;
    width: 348px;
    height: 239px;
    float: left;
}

.kehu-m3 .kehu-m1-san {
    margin: 104px 32px 105px 32px;
}

.kehu-m3 ul {
    float: left;
    width: 663px;
}

.kehu-m3 li {
    float: left;
    display: block;
    width: 220px;
    height: 119px;
    border-left: 1px solid #fff;
    background-color: #bfbfbf;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.kehu-m3 li:first-child,
.kehu-m3 li:first-child+li,
.kehu-m3 li:first-child+li+li {
    border-bottom: 1px solid #fff;
    background-color: #727071;
}

.kehu-m3 li:nth-child(3n+1) {
    border-left: none;
}

.kehu-m3 p {
    text-align: center;
    line-height: 1.6em;
    padding-top: 28px;
}

.kehu-m4 li {
    float: left;
    display: block;
    width: 358px;
    height: 506px;
    margin-left: 12px;
    overflow: hidden;
    position: relative;
}

.kehu-m4 li:first-child {
    margin-left: 0
}

.ser-m4-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 406px;
    left: 0;
    background: rgba(193, 35, 32, .8);
    color: #fff;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
}

.ser-m4-con h3 {
    font-size: 34px;
    font-weight: bold;
    padding-left: 49px;
    line-height: 1.6em;
    padding-top: 10px;
}

.ser-m4-con h5 {
    text-transform: uppercase;
    font-size: 18px;
    padding-left: 50px;
}

.ser-m4-con img {
    display: block;
    width: 250px;
    margin: 50px auto 0;
}

.kehu-m4 li:hover .ser-m4-con {
    top: 0;
}


/* pro */

.pro-m1-con h2 {
    padding-left: 18px;
    padding-top: 10px;
}

.pro-m1-con b {
    padding-left: 18px;
    font-size: 13px;
}

.pro-m2 {
    width: 100%;
    padding-top: 24px;
}

.pro-m2 li {
    float: left;
    display: block;
    width: 358px;
    height: 506px;
    margin-left: 12px;
    overflow: hidden;
    position: relative;
}

.pro-m2 li:first-child {
    margin-left: 0
}

.pro-m2-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 350px;
    left: 0;
    color: #fff;
}

.pro-m2-con h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 2em;
    padding: 0 5%
}

.pro-m2-con p {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 5%;
    line-height: 2em;
}

.pro-m2 li:hover .pro-m2-con {
    top: 0;
    background: rgba(193, 35, 32, .8);
}

.pro-m2 li:hover h3 {
    padding-top: 180px;
    text-align: center;
}

.pro-m2 li:hover p {
    text-align: center;
}

.pro-m3 {
    overflow: hidden;
    margin: 24px auto 0;
}

.pro-m3 li {
    font-size: 18px;
    text-align: center;
    width: 200px;
    height: 30px;
    float: left;
    display: block;
    padding-top: 120px;
}

.pro-m3 li:hover {
    color: #c11920;
}

.pro-m3 li:first-child {
    background: url(../img/pro-icon.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li {
    background: url(../img/pro-icon2.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li {
    background: url(../img/pro-icon3.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li+li {
    background: url(../img/pro-icon4.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li+li+li {
    background: url(../img/pro-icon5.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li+li+li+li {
    background: url(../img/pro-icon6.png) center 10px no-repeat;
}

.pro-m3 li:first-child:hover {
    background: url(../img/pro-icon-1.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li:hover {
    background: url(../img/pro-icon2-1.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li:hover {
    background: url(../img/pro-icon3-1.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li+li:hover {
    background: url(../img/pro-icon4-1.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li+li+li:hover {
    background: url(../img/pro-icon5-1.png) center 10px no-repeat;
}

.pro-m3 li:first-child+li+li+li+li+li:hover {
    background: url(../img/pro-icon6-1.png) center 10px no-repeat;
}

.pro-m4 {
    width: 100%;
    padding-top: 24px;
}

.pro-m4 li {
    float: left;
    display: block;
    width: 358px;
    height: 179px;
    margin-left: 12px;
    overflow: hidden;
    position: relative;
}

.pro-m4 li:first-child {
    margin-left: 0
}

.pro-m4-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 112px;
    left: 0;
    color: #fff;
    background: rgba(193, 35, 32, .8);
}

.pro-m4-con h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6em;
    padding: 0 5%
}

.pro-m4-con p {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 5%;
    line-height: 1.6em;
}

.pro-m4 li:hover .pro-m4-con {
    top: 0;
}

.pro-m4 li:hover h3 {
    padding-top: 56px;
    text-align: center;
}

.pro-m4 li:hover p {
    text-align: center;
}


/* partner */

.partner-m1 {
    width: 100%;
    overflow: hidden;
}

.partner-m1>img {
    display: block;
    float: left;
}

.partner-top {
    display: block;
    float: right;
    width: 600px;
}

.partner-top p {
    width: 100%;
    line-height: 1.5em;
    padding: 10px 0;
}

.partner-top b {
    display: block;
    width: 100%;
    line-height: 1.5em;
    padding-top: 10px;
    border-top: 1px dotted #000;
}

.partner-m2 {
    width: 100%;
    overflow: hidden;
    padding-top: 24px;
}

.partner-m2 li {
    width: 263px;
    display: block;
    float: left;
    margin-left: 15px;
}

.partner-m2 li:first-child {
    margin: 0;
}

.par-m2-ttile {
    width: 100%;
    height: 93px;
    box-sizing: border-box;
    line-height: 1.6em;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 30px;
}

.partner-m2 li:first-child .par-m2-ttile {
    background: #e74c3c url(../img/par-icon1.png) 18px center no-repeat;
    padding-left: 117px;
    padding-top: 15px;
}

.partner-m2 li:first-child+li .par-m2-ttile {
    background: #3498db url(../img/par-icon2.png) 18px center no-repeat;
    padding-left: 117px;
}

.partner-m2 li:first-child+li+li .par-m2-ttile {
    background: #47b475 url(../img/par-icon3.png) 18px center no-repeat;
    padding-left: 117px;
}

.partner-m2 li:first-child+li+li+li .par-m2-ttile {
    background: #f1c40f url(../img/par-icon4.png) 18px center no-repeat;
    padding-left: 117px;
}

.par-m2-con {
    width: 100%;
    min-height: 306px;
    box-sizing: border-box;
    border: 1px solid #bcbcbc;
    padding: 10px 12px;
    line-height: 1.6em;
    font-size: 18px;
}


/* pa-pro */

.pa-pro-m1 {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dotted #000;
}

.pa-pro-m1 p {
    padding-top: 65px;
}

.pa-pro-m1 .partner-top img {
    padding-top: 10px;
}

.pa-pro-m2 {
    width: 100%;
    padding-top: 24px;
}

.pa-pro-m2 li {
    display: block;
    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.pa-pro-m2-title {
    width: 134px;
    height: 38px;
    padding-top: 66px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    float: left;
}

.pa-pro-m2 li:first-child .pa-pro-m2-title {
    background: url(../img/pa-pro-m2.png) center 16px no-repeat;
}

.pa-pro-m2 li:first-child+li .pa-pro-m2-title {
    background: url(../img/pa-pro-m2-2.png) center 16px no-repeat;
}

.pa-pro-m2 li:first-child+li+li .pa-pro-m2-title {
    background: url(../img/pa-pro-m2-3.png) center 16px no-repeat;
}

.pa-pro-m2 li:first-child+li+li+li .pa-pro-m2-title {
    background: url(../img/pa-pro-m2-4.png) center 16px no-repeat;
}

.pa-pro-m2 li:first-child+li+li+li+li .pa-pro-m2-title {
    background: url(../img/pa-pro-m2-5.png) center 16px no-repeat;
}

.pa-pro-m2 span {
    width: 2px;
    height: 65px;
    background-color: #9fa0a0;
    margin: 20px;
    display: block;
    float: left;
}

.pa-pro-m2-con {
    width: 883px;
    display: table;
    height: 105px;
    padding-left: 18px;
}

.pa-pro-m2 p {
    display: table-cell;
    line-height: 1.5em;
    vertical-align: middle;
}

.pa-pro-m3-top {
    padding-top: 24px;
    overflow: hidden;
}

.pa-pro-m3-left {
    float: left;
    width: 493px;
    height: 357px;
}

.pa-pro-m3-left .pa-pro-m3-con {
    width: 493px;
    height: 357px;
}

.pa-pro-m3-con {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

.pa-pro-m3-right {
    float: right;
    width: 607px;
}

.pa-pro-m3-right .pa-pro-m3-con {
    width: 298px;
    height: 176px;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}

.pa-pro-m3-bottom {
    overflow: hidden;
}

.pa-pro-m3-bottom .pa-pro-m3-con {
    width: 362px;
    height: 185px;
    float: left;
    margin-left: 5px;
}

.pa-pro-m3-bottom div:first-child {
    margin-left: 0;
}

.pa-pro-m3-con-h {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(193, 35, 32, .8);
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
    padding-left: 24px;
    padding-right: 14px;
    color: #fff;
}

.pa-pro-m3-con-h h2 {
    line-height: 44px;
    font-size: 18px;
    font-weight: bold;
}

.pa-pro-m3-con-h p {
    line-height: 1.4em;
}

.pa-pro-m3-left .pa-pro-m3-con-h {
    top: 313px;
}

.pa-pro-m3-right .pa-pro-m3-con-h {
    top: 132px;
}

.pa-pro-m3-bottom .pa-pro-m3-con-h {
    top: 142px;
}

.pa-pro-m3-con:hover .pa-pro-m3-con-h {
    top: 0;
}

.pa-pro-m4 {
    border-top: dotted 1px #000;
    padding-top: 20px;
    margin-top: 10px;
}

.pa-pro-m4>img {
    margin-bottom: 20px;
}

.pa-pro-m4 p {
    font-size: 18px;
    line-height: 1.5em;
}


/* pro-kehu */

.pro-kehu {
    width: 500px;
    padding-bottom: 20px;
    overflow: hidden;
}

.pro-kehu:nth-child(2n) {
    float: right;
}

.pro-kehu:nth-child(2n+1) {
    clear: left;
    float: left;
}

.pro-kehu img {
    margin-bottom: 5px;
}

.pro-kehu p {
    line-height: 1.6em;
    padding: 5px 0;
}

.pro-kehu b {
    display: block;
    text-align: right;
}


/* job */

.job-m1 {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.job-m1-warp {
    float: right;
    width: 980px;
    height: 236px;
    background-color: #fff;
    position: relative;
}

.job-m1-textcon {
    width: 615px;
    height: 185px;
    position: absolute;
    right: 30px;
    top: 24px;
    overflow: hidden;
}

.job-m1-textwarp {
    position: relative;
    left: 0;
    height: 185px;
    transition: left 1s;
    -moz-transition: left 1s;
    -webkit-transition: left 1s;
    -o-transition: left 1s;
}

.job-m1-detail {
    width: 615px;
    height: 185px;
    float: left;
}

.job-m1-detail h2 {
    font-size: 18px;
    line-height: 2em;
    border-bottom: 1px dotted #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.job-m1-detail p {
    height: 130px;
    line-height: 1.6em;
    overflow: hidden;
    padding: 10px 0;
}

.job-m1-imgbox {
    position: absolute;
    left: -120px;
    top: 24px;
    width: 420px;
    height: 264px;
    overflow: hidden;
}

.job-m1-imgwarp {
    position: relative;
    left: 0;
    top: 0;
    transition: top 1s;
    -moz-transition: top 1s;
    -webkit-transition: top 1s;
    -o-transition: top 1s;
}

.job-m1-imgwarp img {
    display: block;
    width: 420px;
    height: 264px;
}

.job-m1-btnbox {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 680px;
    height: 30px;
    text-align: center;
}

.job-m1-btn {
    display: inline-block;
    width: 12px;
    height: 24px;
    cursor: pointer;
    margin-top: 3px;
    vertical-align: bottom;
}

.job-m1-prev {
    background: url(../img/hob-prev.png) no-repeat;
    margin-right: 5px;
}

.job-m1-next {
    background: url(../img/hob-next.png) no-repeat;
    margin-left: 5px;
}

.job-m1-prev:hover {
    background: url(../img/hob-prev-1.png) no-repeat;
}

.job-m1-next:hover {
    background: url(../img/hob-next-1.png) no-repeat;
}

.job-m1-btnwarp {
    display: inline-block;
    text-align: center;
    height: 30px;
    vertical-align: bottom;
    position: relative;
}

.job-m1-btnwarp span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #cccccc;
    cursor: pointer;
    border-radius: 50%;
    margin: 10px 5px 0;
    vertical-align: bottom;
}

.job-m1-btnwarp .btn,
.job-m1-btnwarp span:hover {
    border-color: #c11920;
    width: 12px;
    height: 12px;
    margin-top: 8px;
    position: relative;
    top: 2px;
}

.job-list {
    width: 1139px;
    overflow: hidden;
    margin-top: 10px;
    display: none;
}

.jb1 {
    display: block;
}

.job-needed {
    text-align: center;
    margin: 20px auto;
}

.job-m2 li {
    width: 125px;
    margin-left: 12px;
    margin-right: 0;
}

.job-m2 li:first-child {
    margin-left: 0;
}

.job-detail {
    width: 48%;
    /* height: 500px; */
    border-bottom: 1px dotted #000;
    padding: 24px 0px;
    /* position: absolute; */
    float: left;
    margin-right: 20px;
}

.job-detail h2 {
    font-size: 18px;
    color: #c11920;
    line-height: 2em;
}

.job-detail h3 {
    line-height: 2em;
    padding-bottom: 20px;
}

.job-detail b {
    font-weight: bold;
    line-height: 2em;
}

.job-detail p {
    line-height: 2em;
}

.job-m2 span {
    padding: 24px 0;
    display: block;
    text-align: center;
}


/*solve*/

.more {
    margin: 50px auto 0;
    display: block;
    cursor: pointer;
}

#video-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.57);
}

.video-box-warp {
    width: 926px;
    height: 665px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -463px;
    margin-top: -332.5px;
}

.video-close {
    float: right;
    font-weight: bold;
    margin: 15px 10px;
    cursor: pointer;
}

.video-box-warp img {
    display: block;
    margin: 0 auto;
}

.mt132 {
    margin-top: 70px;
}

.nobod {
    border: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .s2-goto {
        top: 76%;
    }
    .s3-map {
        top: 21%;
    }
    .s4-list {
        padding-top: 0;
    }
    .cul-logo {
        margin: 6% auto 2%;
    }
    .cul-list {
        padding-top: 4%;
    }
    #waves {
        top: -7%;
    }
}

.show-img2 {
    display: block;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}

.te-bigdata-banner {
    background: url(../img/bigdata-bg.jpg) center no-repeat;
    height: 466px;
    width: 100%;
}

.te-itwh-banner {
    background: url(../img/itwh-bg.jpg) center no-repeat;
}

.te-iot-banner {
    background: url(../img/iot-bg.jpg) center no-repeat;
}

.te-teit-banner {
    background: url(../img/teit-bg.jpg) center no-repeat;
}

.ser-banner {
    background: url(../img/ser-bg.jpg) center no-repeat;
}

.ser-subtitle {
    line-height: 2em;
    text-align: center;
    padding-bottom: 20px;
}

.service .itwh-title {
    padding-bottom: 5px;
}

.sekehu-banner {
    background: url(../img/sekehu-bg.jpg) center no-repeat;
}

.sepro-banner {
    background: url(../img/sepro-bg.jpg) center no-repeat;
}

.solve-banner {
    background: url(../img/solve-bg.jpg) center no-repeat;
}

.solve2-banner {
    background: url(../img/solve2-bg.jpg) center no-repeat;
}

.solve3-banner {
    background: url(../img/solve3-bg.jpg) center no-repeat;
}

.solve4-banner {
    background: url(../img/solve4-bg.jpg) center no-repeat;
}

.casedlog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
}

.casedlog-warp {
    width: 1020px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff url(../img/casedlog-bg.jpg) bottom right no-repeat;
    padding: 40px;
}

.casedlog-warp img {
    display: block;
    float: left;
    width: 387px;
    height: 236px;
}

.casedlog-con {
    float: right;
    width: 588px;
}

.casedlog-con h2 {
    font-size: 24px;
    padding-top: 20px;
}

.casedlog-con b {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #000;
    margin: 20px 0;
}

.casedlog-con p {
    line-height: 2em;
}

.casedlog-close {
    display: block;
    width: 27px;
    height: 27px;
    background: url(../img/casedlog-close.jpg) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}


/*运营*/

.cle:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cxks {
    padding-bottom: 4%;
}

.cxks_1 {
    width: 50%;
}

.cxks_2 {
    width: 45%;
}

.cxks_3 {
    margin-top: 12px;
    width: 100%;
}

.cxks_1 h1 {
    font-size: 48px;
    color: #c11920;
    font-weight: bold;
}

.cxks_1 h1 i {
    display: inline-block;
    vertical-align: bottom;
}

.cxks_1 h1 span {
    font-size: 24px;
    color: #636161;
    text-transform: uppercase;
    display: inline-block;
    line-height: 0.8;
    margin-left: 20px;
    vertical-align: bottom
}

.cxks_1 h2 {
    font-size: 14px;
    color: #3e3a39;
    line-height: 18px;
}

.cxks_1 h2.lih25 {
    line-height: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.cxks_1 em {
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #c11920;
    margin: 30px 0;
}

.cxks_1 a {
    background: #727171;
    display: inline-block;
}

.cxks_1 a:hover {
    background: #c11920;
}

.cxks_1 a img {
    display: block;
}

.xiaokuai h1 {
    font-size: 24px;
}

.xiaokuai h1 span {
    display: block;
    margin: 20px 0;
    font-size: 1.2px;
    font-weight: normal;
    color: #626262;
}

.xiaokuai em.hong {
    width: 50px;
    background: #c11920;
    margin: 10px 0 20px;
    height: 4px;
}

.tedian {
    width: 100%;
    background: url(../img/yy3.png);
    background-size: 100%;
    padding: 2% 0;
}

.juzhong {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.xiaokuai1 {
    margin: 50px auto;
    height: 300px;
}

.xiaokuai2 {
    margin: 50px auto;
}

.tedian .tedian_1 img {
    width: 100%;
}

.baibeij {
    background-color: #fff;
    padding: 1px 0;
}

.shuzihua_1 {
    position: absolute;
    right: 50%;
    top: 0;
}

.shuzihua_2 {
    position: absolute;
    left: 50%;
    top: 0;
}

.daxei {
    text-transform: uppercase;
}

.pb0 {
    padding-bottom: 0;
}

.shuzihua_iot_2 {
    width: 100%;
    position: relative;
    height: 615px;
    background: url('../img/js_iot_02_bg.jpg');
}

.shuzihua_iot_2 .y2_content {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.jjfan_yiyao {
    width: 100%;
    margin-top: 4px;
    background: #f1f2f6;
    padding: 10px 0 50px;
}

.jjfan_yiyao_1 {
    width: 100%;
}

.yidonghulian {
    width: 100%;
    background: url(../img/yidonghulianbeij.jpg);
    background-size: 100% 100%;
    padding: 4% 0;
}

.iot22 {
    width: 100%;
    height: 480px;
    background: url(../img/iot22.jpg) center no-repeat;
    background-size: 1920px;
}

.jeijuefanan {
    width: 100%;
    background: url(../img/jeijuefananbeij.jpg);
    background-size: 100% 100%;
    padding: 4% 0;
}

.yiyai {
    width: 100%;
    background: url(../img/yiyaobeij.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0;
}

.shuzihua_yidong {
    width: 100%;
    background: url(../img/shuzihua_yidongbeij.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0;
}

.yiyaohangye_2 {
    padding: 4% 0;
}

.yiyaohangye_3 {
    padding: 4% 2%;
}

.kehuguan {
    width: 100%;
    background: #efeff0;
    padding: 2% 0;
}

.baoxianhangye {
    width: 100%;
    background: url(../img/baoxianhangyebeij.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0;
}

.ictanli {
    width: 100%;
    background: url(../img/ictanlibeij.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0;
}

.kehu {
    width: 100%;
    background: #f3f3f3;
    padding: 2% 0;
}

.wulianwang {
    width: 100%;
    background: url(../img/wulianwangbeij.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0;
}

.wulianwang .zuofudong {
    float: left;
    width: 460px;
}

.wulianwang .youfudong {
    float: right;
    width: 560px;
}

.wulianwang .youfudong h1 {
    font-size: 20px;
    color: #221815;
    margin-bottom: 10px;
    margin-top: 20px;
}

.wulianwang .youfudong h2 {
    font-size: 14px;
    color: #221815;
    margin-bottom: 10px;
}

.wulianwang .youfudong em.bijiaochang {
    display: block;
    width: 120px;
    height: 1px;
    background: #898989;
    margin: 20px 0;
}

.xiaoheng {
    width: 50px;
    height: 1px;
    margin: 0 auto 20px;
    display: block;
    background: #626262;
}

.wulianwang .youfudong p {
    font-size: 14px;
    line-height: 26px;
    color: #595757;
}

.pdenei {
    font-size: 12px;
}

.pa_b0 {
    padding-bottom: 0;
}

.hulianwangbeij {
    background: #efefef;
}

.daohangjian {
    float: left;
    margin: 20px 0 20px 25px;
}

body.yincang {
    /*overflow: hidden;*/
}

.tanchu {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 700;
    display: none;
}

.tanchu .pingbic {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.tanchu .caidan {
    position: fixed;
    right: -420px;
    /*right: 0;*/
    top: 0;
    width: 300px;
    height: 100%;
    background: rgba(191, 29, 32, 0.8);
    overflow: auto;
    z-index: 800;
}

.tanchu .caidan .cainav {
    font-size: 14px;
    color: #fff;
    /*padding: 0 40px ;*/
    margin-top: 30px;
}

.tanchu .caidan .guanbi {
    width: 100%;
    height: 70px;
    border-bottom: solid 1px #c11920;
    position: relative;
}

.tanchu .caidan .guanbi img {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.tanchu .caidan .cainav li.current>h1,
.tanchu .caidan .cainav li.current>a {
    /*background: #c11920;*/
}

.tanchu .caidan .cainav li>a,
.tanchu .caidan .cainav li>h1 {
    font-size: 18px;
    padding: 10px 40px;
    display: block;
    cursor: pointer;
}

.tanchu .caidan .cainav li>h1:hover,
.tanchu .caidan .cainav li>a:hover,
.tanchu .caidan .cainav li .dianj a:hover {
    background: #c11920;
}

.tanchu .caidan .cainav li:nth-child(3),
.tanchu .caidan .cainav li:nth-child(9) {
    border-bottom: solid 1px #c11920;
}

.tanchu .caidan .cainav li .dianj {
    /*display: none;*/
}

.tanchu .caidan .cainav li .dianj a {
    display: block;
    padding: 6px 60px;
}

.yewunenl h1 {
    font-size: 18px;
    color: #fff;
    white-space: pre;
    margin-bottom: 10px;
}

.yewunenl p {
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
}

.yewunenl h2 {
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
}

.sousuo {
    width: 90%;
    margin: 20px auto;
    padding: 0;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/sousuobeij.jpg) center no-repeat;
    background-size: 100% 100%;
}

.sousuo .sousuo1 {
    width: 80%;
    height: 35px;
    padding: 1% 2%;
    background: transparent;
    border: none;
    font-size: 14px;
    color: #fff;
    outline: none;
}

.sousuo .submit {
    width: 18%;
    height: 35px;
    opacity: 0;
    outline: none;
    cursor: pointer;
}

.sousuo .sousuo1::-webkit-input-placeholder {
    color: #fff;
}

.sousuo .sousuo1:-moz-placeholder {
    color: #fff;
}

.sousuo .sousuo1::-moz-placeholder {
    color: #fff;
}

.sousuo .sousuo1:-ms-input-placeholder {
    color: #fff;
}

.yy_ {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px;
    height: 600px;
    font-family: 'SimSun';
}

.yy_1 {
    background-image: url(../img/server/home/banner.png);
}

.yy_2,
.yy_ke_4,
.yy_ke_6,
.shuzi_6,
.shuzi_da_2,
.jj_yiyao_1,
.jj_bao_1,
.jj_hu_1,
.jj_hu_3,
.jj_ict_1,
.jj_wu_1 {
    background-color: #f3f3f3;
}

.yy_ke_1 {
    background-image: url(../img/server/cust/khfw_1_bg.jpg);
    height: 563px;
}

.yy_3 {
    background-image: url(../img/yy_3.jpg);
}

.yy_4 {
    background-image: url(../img/yy_4.jpg);
}

.yy_it_1 {
    background-image: url(../img/yy_it_1.jpg);
}

.yy_it_4 {
    background-image: url(../img/yy_it_4.jpg);
}

.w1140 {
    width: 1140px;
    margin: 0 auto;
}

.yy_ke_2 {
    background-image: url(../img/yy_ke_2.jpg);
}

.yy_ke_3 {
    background-image: url(../img/yy_ke_3.jpg);
}

.yy_ke_5 {
    background-color: #c11920;
}

.yy_ke_7 {
    background-image: url(../img/yy_ke_7.jpg);
}

.jjfa {
    background-image: url(../img/jjfa_bg.jpg);
}

.shuzi_1 {
    background-image: url(../img/js_bg.jpg);
}

.shuzi_2 {
    background-image: url(../img/shuzi_2.jpg);
}

.shuzi_3 {
    background-image: url(../img/shuzi_3.jpg);
}

.shuzi_4 {
    background-image: url(../img/shuzi_4.jpg);
}

.shuzi_5 {
    background-image: url(../img/shuzi_5.jpg);
}

.shuzi_da_1 {
    background-image: url(../img/shuzi_da_1.jpg);
}

.shuzi_da_3 {
    background-image: url(../img/shuzi_da_3.jpg);
}

.shuzi_da_4 {
    display: none;
    background-image: url(../img/shuzi_da_4.jpg);
}

.shuzi_da_5 {
    background-image: url(../img/shuzi_da_5.jpg);
}

.shuzi_iot_1 {
    background-image: url(../img/shuzi_iot_1.jpg);
}

.shuzi_iot_2 {
    background-image: url(../img/shuzi_iot_2.jpg);
}

.jj_yiyao_2 {
    background-image: url(../img/jj_yiyao_2.jpg);
}

.jj_yiyao_3 {
    background-image: url(../img/jj_yiyao_3.jpg);
}

.jj_yiyao_4 {
    background-color: #fff;
}

.jj_bao_2 {
    background-image: url(../img/jjfa_bx_02_bg.jpg);
}

.etc-bg {
    background-color: #f3f3f3;
}

.jj_bao_3 {
    background-image: url(../img/jjfa_bx_03_bg.jpg);
}

.jj_bao_4 {
    background-image: url(../img/jjfa_bx_04_bg.jpg);
}

.jj_hu_2 {
    background-image: url(../img/jj_hu_2.jpg);
}

.jj_ict_2 {
    background-image: url(../img/jj_ict_2.jpg);
}

.jj_ict_3 {
    background-image: url(../img/jj_ict_3.jpg);
}

.jj_1 {
    background-image: url(../img/jjfa_bg.jpg);
}

.jj_2 {
    background-image: url(../img/index_qqkh.jpg);
}

.jjfa2 {
    background-color: #c11920;
}

.jj_3 {
    background-image: url(../img/jjfa_2_bg.jpg);
}

.jj_4 {
    background-image: url(../img/jj_4.jpg);
}

.jj_5 {
    background-image: url(../img/jj_5.jpg);
}

.jj_6 {
    background-image: url(../img/jjfa_ict_02_bg.jpg);
}

.jj_7 {
    background-image: url(../img/jj_7.jpg);
}

.shuzi_shu_1 {
    background-image: url(../img/shuzi_shu_1.jpg);
}

.shuzi_shu_2 {
    background-image: url(../img/shuzi_shu_2.jpg);
}

.shuzi_yid_1 {
    background-image: url(../img/shuzi_yid_1.jpg);
}

.shuzi_yid_2 {
    background-image: url(../img/shuzi_yid_2.jpg);
}

.shuzi_zhin_1 {
    background-image: url(../img/shuzi_zhin_1.jpg);
}

.shuzi_zhin_2 {
    background-image: url(../img/shuzi_zhin_2.jpg);
}

.shuzi_zhin_3 {
    background-image: url(../img/shuzi_zhin_3.jpg);
}

.shuzi_zhin_4 {
    background-image: url(../img/shuzi_zhin_4.jpg);
}


/**********相关案例************/

.etc {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px;
    font-family: 'SimSun';
}

.etc_title {
    height: 37px;
    color: #c11920;
    width: 100%;
    font-weight: bold;
    font-size: 30px;
    overflow: hidden;
    padding-top: 60px;
}

.etc_title p {
    float: left;
}

.etc_title img {
    float: left;
    margin-top: 12px;
    margin-left: 40px;
}

.etc_content {
    width: 1139px;
    margin-top: 50px;
}

.etc_content ul li {
    width: 365px;
    height: 327px;
    float: left;
    margin-right: 22px;
    margin-bottom: 20px;
    background-color: #c11920;
}

.etc_content ul li:nth-child(3) {
    margin-right: 0;
}

.etc_content ul li img {
    width: 100%;
    height: 148px;
}

.etc-title {
    font-size: 18px;
    color: #f2f2f2;
    margin: 20px;
    overflow: hidden;
}

.etc-title p {
    float: left;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

.etc-sign {
    width: 80px;
    height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    background-color: #e6e6e6;
    font-size: 12px;
    color: #c11920;
    float: right;
}

.etc-info {
    width: 92.5%;
    height: 88px;
    font-size: 12px;
    line-height: 20px;
    color: #f2f2f2;
    margin: 20px 20px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.etc-more {
    font-size: 12px;
    color: #fff;
    margin-left: 20px;
    display: inline-block;
}


/******首页文字fade****/


/*.bc1 {
    animation: fadeInLeft 0.2s 0.1s both;
}*/

.bc2 {
    animation: fadeInLeft 0.1s 0.1s both;
}

.bc3 {
    animation: fadeInLeft 0.1s 0.2s both;
}

.bc3-1 {
    animation: fadeInLeft 0.3s 0.3s both;
}

.bc3-2 {
    animation: fadeInLeft 0.3s 0.3s both;
}

.bc3-3 {
    animation: fadeInLeft 0.3s 0.3s both;
}


/*****************搜索****************/

.sosuo {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px;
    font-family: 'SimSun';
    background-color: #f3f3f3;
}

.sosuo_title {
    width: 1140px;
    height: 62px;
    padding-top: 60px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.sosuo-text {
    float: left;
    margin-top: 12px;
}

.sosuo-jieguo {
    color: #272636;
    font-size: 24px;
    margin-right: 12px;
}

.sosuo-input {
    width: 316px;
    height: 33px;
    background-color: #f3f3f3;
    position: absolute;
    right: 20%;
}

.sosuo_text{
    width: 100%;
    height: 30px;
    background-color: #fff;
    float: left;
}

.sosuo-btn {

    float: right;
    position: relative;
    right: 10px;
    bottom: 25px;
  
}

.sosuo-name {
    color: #c11920;
    font-weight: bold;
}

.sosuo-content ul li {
    width: 100%;
    height: 30px;
    color: #272636;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #000;
}

.sosuo-content {
    width: 1140px;
}

.sosuo-content2 {
    display: none;
    font-size: 18px;
    font-weight: bold;
    color: #c11920;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*****搜索2****/
#sosuo_tijiao{
        width: 30px;
    height: 30px;
    position: absolute;
    right: 2px;
    background: url(../img/sosuo.png) no-repeat;
    border: 1px solid #f3f3f3;
}
/*********案例详情***********/

.anli_detail {
    background-color: #f3f3f3;
}

#anliD-title {
    font-size: 36px;
    color: #c11920;
    font-weight: bold;
}

.anliD-left {
    width: 258px;
    height: 235px;
    float: left;
    margin-right: 20px;
}

.anliD-left img {
    width: 300px;
}

.anliD-right {
    width: 735px;
    height: 237px;
    float: right;
}

.anliD {
    overflow: hidden;
}

.anli-content {
    width: 1139px;
    margin: 40px auto;
    margin-bottom: 0;
}

.anliDc {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px;
    font-family: 'SimSun';
}


/******分页*******/

.loading-box {
    width: 80%;
    height: 60px;
    /*border: 1px solid red;*/
    text-align: center;
    margin: 0 auto;
}


/**index**/


/***1****/

.ind-left {
    width: 50%;
    float: left;
}

.ind-right {
    width: 50%;
    float: left;
}

.ind-left img {
    padding-top: 10px;
    margin-left: 20px;
}

.ind_title {
    height: 37px;
    color: #c11920;
    width: 80%;
    font-weight: bold;
    font-size: 30px;
    /*overflow: hidden;*/
    padding-top: 60px;
}

.ind_title .ind-titleEn {
    font-size: 18px;
    float: left;
    font-weight: lighter;
    margin-top: 12px;
    margin-left: 12px;
}

.ind_title p {
    float: left;
    color: #fff;
}

.ind_title img {
    float: left;
    margin-top: 12px;
    margin-left: 40px;
    animation-duration: 2s;
}

.ind_content {
    width: 1139px;
    height: 555px;
    margin-top: 10px;
    position: absolute;
}

.ind-icons {
    margin-top: 46px;
}

.map_ctrl {
    width: 100%;
    height: 600px;
    position: absolute;
    left: 0;
    top: 0;
}

.c_map1 {
    left: 24%;
    top: 11%;
    position: absolute;
    z-index: 99;
}

.c_map2 {
    left: 39%;
    top: 9%;
    position: absolute;
    z-index: 99;
}

.c_map3 {
    left: 33%;
    top: 32%;
    position: absolute;
    z-index: 99;
}

.country_C {
    width: 373px;
    height: 119px;
    position: absolute;
    left: 58%;
    top: 36%;
    color: #fff;
}

.country_c1 {
    display: block;
}

.country_c2 {
    display: none;
}

.country_c3 {
    display: none;
}

.country_C span {
    line-height: 23px;
}

.country_content {
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
}

.country_top,
.country_bottom {
    width: 100%;
    padding: 12px 0;
}

.country_top {
    border-bottom: 1px solid #fff;
}

.country_bottom p {
    line-height: 20px;
}


/***fenye***/


/*news*/

.news_nav li {
    margin-right: 34px;
}

.news-list-btn {
    margin: 0 auto;
}

.news-list-btn li {
    display: block;
    width: 34px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border: 1px solid #dcdddd;
    float: left;
    cursor: pointer;
    border-right: none;
}

.news-list-btn li:hover,
.news-list-btn .news-nav-on {
    background-color: #962221;
    color: #fff;
}

.news-list-btn li:first-child,
.news-list-btn li:last-child {
    width: 46px;
}

.news-list-btn li:nth-of-type(1),
.news-list-btn li:nth-of-type(2),
.news-list-btn li:nth-of-type(12),
.news-list-btn li:nth-of-type(13),
.news-list-btn li:nth-of-type(14) {
    border-right: 1px solid #dcdddd;
}

.news-list-btn li:nth-last-of-type(2),
.news-list-btn li:nth-last-of-type(13) {
    margin: 0 10px;
}


/*css green-black style pagination*/

.green-black {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

.green-black a {
    border: 1px solid #dcdddd;
    padding: 2px 5px;
    margin: 0 2px 0 0;
    text-decoration: none;
}

.green-black a:hover,
div.green-black span.current {
    background-color: #962221;
    color: #fff;
}

.green-black .current {
    border: 1px solid #dcdddd;
    padding: 2px 8px;
    margin: 0 2px 0 0;
}

.green-black .disabled {
    border: #f3f3f3 1px solid;
    padding: 2px 5px;
    color: #ccc;
    margin: 0 2px 0 0;
}


/***part***/
.main_part{
    padding-top: 10px;
    height: 582px;
    background:url(../img/index_qqkh.jpg);
}
.main_part_title{
    color: #fff;
}
.mainPart{
    width: 1139px;
    margin:0px auto;
    margin-top: 10px;
}
.hezuo_s2{
    padding-top: 10px;
    height: 600px;
    background-color: #fff;
}
.hezuo_s2_main{
    width: 1139px;
    margin: 0 auto;
    margin-top: 64px;
}
.hezuo_s2_t_l{
    width: 462px;
    height: 370px;
    float: left;
}
.hezuo_s2_t_l_img{
    width: 100%;
    height: 306px;
    overflow: hidden;
    background:url('../img/hezuo_s2_pic.jpg') no-repeat ;
}
.hezuo_s2_t_l_text{
    width: 100%;
    height: 60px;
    margin-top: 4px;
    font-size: 14px;
    color: #fff;
    background-color: #c11920;
}
.hezuo_s2_t_l_text p{
    line-height: 25px;
    /* margin-top: 12px; */
    width: 95%;
    margin: 0 auto;
    padding-top: 4px;
}
.hezuo_s2_t_l_imgp{
    width: 240px;
    height: 66px;
    background-color: #c11920;
    text-align: center;
    color: #fff;
    float: right;
    margin-top: 120px;
}
.hezuo_s2_t_l_imgp p:nth-child(1){
    font-weight: bold;
    font-size: 20px;
    margin-top: 6px;
}
.hezuo_s2_t_l_imgp p:nth-child(2){
    font-weight: lighter;
    font-size: 14px;
    margin-top: 12px;
}
.hezuo_s2_t_r{
    width: 610px;
    height: 370px;
    float: right
}
.hezuo_s2_t_r p{
    font-size: 14px;
    font-weight: lighter;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 26px;
}
.hezuo_s2_t_r p:nth-child(1){
    border-bottom: 1px dotted #000;
}
.hezuo_s2_top{
    overflow:hidden;
}
.hezuo_s2_ul{
    overflow: hidden;
    margin-top: 24px;
}
.hezuo_s2_ul li{
    width: 267px;
    height: 68px;
    background-color: #a9a9a9;
    float: left;
    margin-right: 23px;
    list-style: none;
    color: #fff;
}
.hezuo_s2_ul li:nth-child(3) .hezuo_s2_info{
    margin-top: 22px;
}
.hezuo_s2_icon{
    float: left;
    margin: 8px 20px;
}
.hezuo_s2_info{
    float: left;
    font-size: 18px;
    margin-top: 20px;
}
.hezuo_s2_info1{
    margin-top: 12px;
}
.hezuo_s2_info p{
	width: 160px;
    margin-top: 4px;
}
.hezuo_s2_ul li:nth-child(4){
    margin-right: 0px;
}
.hezuo_s3{
    padding-top: 10px;
    height: 582px;
    background:url('../img/hezuo_s2bg.png') no-repeat;
}
.hezuo_s3_main{
    width: 1139px;
    margin: 0 auto;
    margin-top: 64px;
}
.hezuo_s3_title p{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    width: 96%;
    margin: 4px auto;
}
.hezuo_s3_title{
    margin-bottom: 45px;
}
.hezuo_s3_info{
    width: 96%;
    margin: 24px auto;
    overflow: hidden;
}
.hezuo_s3_info li{
    width: 48%;
    height: 80px;
    overflow: hidden;
    margin-bottom: 24px;    
    margin-right: 20px;
    float: left;
}
.hezuo_s3_pic,.hezuo_s3_p{
    float: left;
}
.hezuo_s3_pic{
    width: 10%;
    margin-right: 12px;
    margin-top: 4px;
}
.hezuo_s3_p_3{
    margin-top: 12px;
}
.hezuo_s3_p{
    width: 87%;
    color: #fff;
    margin-left: 3px;
    font-weight: lighter;
}
.hezuo_s3_p p:nth-child(1){
    font-size: 16px;
    margin-bottom: 6px;
}
.hezuo_s3_p p:nth-child(2){
    font-size: 12px;
    line-height: 20px;
}

/*s4*/
.hezuo_s4{
    padding-top: 10px;
    height: 600px;
}
.hezuo_s4_main{
    width: 1139px;
    margin: 0 auto;
    margin-top: 12px;
}
.hezuo_s4_top{
    width: 100%;
    height: 360px;
    overflow: hidden;
}
.hezuo_s4_left{
    width: 493px;
    height: 360px;
    position: absolute;
}
.hezuo_s4_right{
    width: 620px;
    height: 360px;
    float: right;
    margin-right: 26px;
}
.hezuo_s4_left img{
    width: 100%;
    height: 100%;
}
.hezuo_s4_hide{
    width: 100%;
    /* height: 40px; */
    position: absolute;
    background-color: rgba(193,25,32,0.6);
    bottom: 0;
    /* line-height: 29px; */
    padding: 8px 0;
}
.hezuo_s4_hide p{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-left: 22px;
    line-height: 20px;
    /* margin-top: 10px; */
}
.hezuo_s4_bottom ul li img{
    width: 100%;
}
.hezuo_s4_r{
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
}
.hezuo_s4_bottom{
    width: 100%;
    height: 185px;
    margin-top: 10px;
}
.hezuo_s4_bottom ul{
    overflow: hidden;
}
.hezuo_s4_bottom ul li{
    width: 363.5px;
    height: 185px;
    float: left;
    margin-left: 10px;
    position: relative;
}
.hezuo_s4_bottom ul li:nth-child(1){
    margin-left: 0;
}
/***job****/
.getjobs{
    width: 100px;
    height: 30px;
    border: 1px solid #c11920;
    color: #c11920;
    text-align: center;
    line-height:30px;
    margin-top: 20px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.joinIn{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 9999998;
    display: none;
}
.joinForm{
    width: 930px;
    height: 300px;
    background-color: #fff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 20%;z-index: 9999999;
    transform: translate(-50%,-50%);
}
.join-form-close{
       width: 95%;color: #565656;
    margin: 20px auto;
    text-align: right;
    cursor: pointer;
}
.join-form-content{
       width: 95%;
    font-size: 14px;
    border-bottom: 1px dotted #565656;
    margin: 10px auto;
    padding-bottom: 20px;
}
.join-form-content b{
    color: #c11920;    margin-right: 60px;
}
.join-form-content span{
    color: #565656;
}
.join-form-info{
    width: 95%;
    margin: 30px auto;
}
.formName{
    margin: 28px;
}
.formTel{
    margin-left: 49px;
}
.join-form-info input{
    margin-right: 20px;
        width: 220px;
    height: 30px;
}
#sendInfo{
    width: 110px;
    height: 26px;
    border: none;
    color: #fff;
    margin-top: 30px;
    margin-left: 81px;
    background-color: #c11920;
}
.join_tips{
    position: absolute;
    right: 150px;
    top: 125px;
    /* float: right; */
    margin-bottom: 21px;
    /* text-align: center; */
    color: #c11920;
    font-weight: lighter;
}