@charset "utf-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

#bsWXBox {
    box-sizing: content-box;
}

ul {
    list-style: none;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

body {
    font-family: "microsoft yahei", arial;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    width: 100%;
    background: #f6f6f6;
}

a:link, a:visited {
    text-decoration: none;
    outline: 0;
    color: #666;
}

a:hover, a:active, a:focus {
    color: #666;
    text-decoration: none;
}

img {
    border: 0;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
}

input, textarea {
    font-family: "microsoft yahei";
    font-size: 14px;
    outline: 0;
    overflow: hidden;
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: 0;
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    padding: 0;
    color: #666;
    outline: 0;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button {
    -webkit-appearance: none;
}

select {
    background: url(../images/arrow.png) no-repeat center right;
}

input, select, textarea {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}

.pic {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.pic:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 1506px;
}

@media (max-width: 1507px) {
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
    }
}

.container1 {
    margin-right: auto;
    margin-left: auto;
    width: 1600px;
}

@media (max-width: 1600px) {
    .container1 {
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
    }
}

@font-face {
    font-family: "ITCAvantGardePro-Bk";
    src: url("../font/ITCAvantGardePro-Bk.woff2") format("woff2"), url("../font/ITCAvantGardePro-Bk.woff") format("woff"), url("../font/ITCAvantGardePro-Bk.ttf") format("truetype"), url("../font/ITCAvantGardePro-Bk.eot") format("embedded-opentype"), url("../font/ITCAvantGardePro-Bk.svg") format("svg");
}

@font-face {
    font-family: "Avian Regular_2";
    src: url("../font/Avian Regular_2.woff2") format("woff2"), url("../font/Avian Regular_2.woff") format("woff"), url("../font/Avian Regular_2.ttf") format("truetype"), url("../font/Avian Regular_2.eot") format("embedded-opentype"), url("../font/Avian Regular_2.svg") format("svg");
}

@font-face {
    font-family: "HelveticaNeue-BoldCond";
    src: url("../font/HelveticaNeue-BoldCond.woff2") format("woff2"), url("../font/HelveticaNeue-BoldCond.woff") format("woff"), url("../font/HelveticaNeue-BoldCond.ttf") format("truetype"), url("../font/HelveticaNeue-BoldCond.eot") format("embedded-opentype"), url("../font/HelveticaNeue-BoldCond.svg") format("svg");
}

.header {
    height: 90px;
    border-bottom: 1px solid #e7e7e7;
    z-index: 9;
    transition: all .5s;

    position: absolute;
    background: #fff;
    width:100%;
}

.header nav {
    float: right;
}

.header nav ul li {
    position: relative;
    text-align: center;
    float: left;
    width: 66px;
    height: 90px;
    font-size: 14px;
    margin-left: 24px;
    transition: .5s;
}

.header nav ul li a {
    display: block;
    color: #333;
    line-height: 87px;
}

.header nav ul li:hover {
    border-bottom: 3px solid #e50012;
}

.header nav ul li:hover a {
    color: #e50012;
}

.header nav ul .active {
    border-bottom: 3px solid #e50012;
}

.header nav ul .active a {
    color: #e50012;
}

.header .logo {
    padding-top: 15px;
    overflow: hidden;
    float: left;
    padding-bottom: 15px;
}

.header .logo a {
    display: block;
}

.header .logo a img {
    float: left;
}

.header .logo a span {
    display: block;
    float: left;
    padding-left: 18px;
    margin-left: 26px;
    font-size: 24px;
    color: #4a4a4a;
    margin-top: 14px;
}

.phone-nav {
    position: absolute;
    font-size: 30px;
    right: 10px;
    top: 0;
    line-height: 60px;
    display: none;
    color: #666;
}
.showFixed {
    width: 100%;
    position: fixed;
    top: 0;
    transition: all .5s;
    background: #fff;
}
.hiddenFixed {
    width: 100%;
    position: fixed;
    top: 0;
    transition: all .5s;
}
.phone-nav img {
    margin: 12px 0;
}

#menu {
    z-index: 110;
    text-transform: capitalize;
}

#menu ul li a {
    display: block;
    padding: 25px 0;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 100%;
    font-size: 16px;
}

#menu ul li a em {
    font-size: 12px;
    padding-left: 5px;
    color: #c4c4c4;
    font-family: arial;
    display: inline-block;
    font-style: normal;
}

#menu .mm-listview > li:not(.mm-divider):after {
    left: 0;
}

#menu .mm-panels {
    border-top: 1px solid #403f3f;
}

#menu .mm-clear:after, #menu .mm-close:after {
    right: 39px;
}

#menu .mm-clear:after, #menu .mm-clear:before, #menu .mm-close:after, #menu .mm-close:before {
    width: 15px;
    height: 15px;
}

#menu .mm-btn {
    top: 20px;
}

#menu.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 80px;
}

#menu.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    text-align: left;
}

@media (max-width: 1440px) {
    .header nav {
        margin-left: 75px;
    }
}

@media (max-width: 1400px) {
    .header nav {
        margin-left: 30px;
    }
}

@media (max-width: 1360px) {
    .header nav ul li {
        margin-right: 10px;
    }
}

@media (max-width: 1280px) {
    .header nav {
        padding-right: 10px;
        margin-left: 25px;
    }
    .header nav ul li{
        margin-left: 20px;
    }
}

@media (max-width: 1200px) {
    nav {
        display: none;
    }

    .header .logo {
        padding: 5px 0;
    }

    .header .logo img {
        height: 40px;
    }

    .service2 ul.fixed {
        margin-top: 0 !important;
    }
    .service2 ul li{
        margin:0;
    }
    .header .logo a span {
        margin-top:5px;
    }

    .header {
        position: fixed;
        width: 100%;
        z-index: 9999;
        left: 0;
        top: 0;
        background: #fff;
        height: 50px;
    }

    .phone-nav {
        display: block;
    }
}

@media (max-width: 414px) {
    .header .logo a span {
        display: none;
    }
}

.home-banner {
    overflow: hidden;
    width: 100%;
    position: relative;
    max-height: 750px;
    padding-top:90px;
}

.home-banner .home-banner-slick {
    overflow: hidden;
}

.home-banner .home-banner-slick .slick-slide {
    position: relative;
}

.home-banner .home-banner-slick .slick-slide img {
    width: 100%;
}

.home-banner .slick-dots {
    z-index: 10;
    bottom: 20px;
    text-align: center;
}

.home-banner .slick-dots li {
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
}

.home-banner .slick-dots li button {
    width: 18px;
    height: 18px;
    display: block;
    background: url(../images/banner00.png) no-repeat center center;
    padding: 0;
}

.home-banner .slick-dots li button:before {
    content: "";
}

.home-banner .slick-dots .slick-active button {
    background: url(../images/banner01.png) no-repeat center center;
}

.home-banner .slick-dots .slick-active button:before {
    color: transparent;
}

.home-banner .banner-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home-banner .banner-title .title1 {
    margin: 330px 0 0 500px;
    color: #fff;
}

.home-banner .banner-title .title1 h3 {
    font-size: 75px;
}

.home-banner .banner-title .title1 .de {
    height: 26px;
    background: #d50f1e;
    margin-top: 10px;
    position: relative;
    float: left;
    padding: 0 100px 0 15px;
}

.home-banner .banner-title .title1 .de span {
    font-size: 30px;
    display: block;
    margin-top: -15px;
    line-height: 40px;
}

.home-banner .banner-title .title1 p {
    clear: both;
    font-size: 20px;
    color: #a3a3a3;
    padding-left: 15px;
    margin-bottom: 15px;
}

.home-banner .banner-title .title1 .time {
    font-size: 20px;
    padding-left: 15px;
    font-family: arial;
}

.home-banner .banner-title .t1 h3 {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transition: all 1s ease .4s;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
}

.home-banner .banner-title .t1 .de {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
    -moz-transition: all 1s ease .6s;
}

.home-banner .banner-title .t1 p {
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transition: all 1s ease .8s;
    -webkit-transition: all 1s ease .8s;
    -moz-transition: all 1s ease .8s;
}

.home-banner .banner-title .t1 .time {
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
}

.home-banner .banner-title .t2 h3 {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transition: all 1s ease .4s;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
}

.home-banner .banner-title .t2 .de {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
    -moz-transition: all 1s ease .6s;
}

.home-banner .banner-title .t2 p {
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transition: all 1s ease .8s;
    -webkit-transition: all 1s ease .8s;
    -moz-transition: all 1s ease .8s;
}

.home-banner .banner-title .t2 .time {
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
}

.home-banner .banner-title .t3 h3 {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transition: all 1s ease .4s;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
}

.home-banner .banner-title .t3 .de {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
    -moz-transition: all 1s ease .6s;
}

.home-banner .banner-title .t3 p {
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transition: all 1s ease .8s;
    -webkit-transition: all 1s ease .8s;
    -moz-transition: all 1s ease .8s;
}

.home-banner .banner-title .t3 .time {
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
}

.home-banner .slick-current .banner-title .t1 h3 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.home-banner .slick-current .banner-title .t1 .de {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t1 p {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t1 .time {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t2 h3 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.home-banner .slick-current .banner-title .t2 .de {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t2 p {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t2 .time {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t3 h3 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.home-banner .slick-current .banner-title .t3 .de {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t3 p {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.home-banner .slick-current .banner-title .t3 .time {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner-phone {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: none;
}

.home-banner-phone .home-banner-slick-phone {
    overflow: hidden;
}

.home-banner-phone .home-banner-slick-phone .slick-slide {
    position: relative;
}

.home-banner-phone .home-banner-slick-phone .slick-slide img {
    width: 100%;
}

.home-banner-phone .slick-dots {
    z-index: 10;
    bottom: 10px;
    line-height: 0;
    text-align: center;
}

.home-banner-phone .slick-dots li {
    padding: 0;
    width: 18px;
    height: 18px;
}

.home-banner-phone .slick-dots li button {
    width: 18px;
    height: 18px;
    display: block;
    background: url(../images/banner00.png) no-repeat center center;
    padding: 0;
}

.home-banner-phone .slick-dots li button:before {
    content: "";
}

.home-banner-phone .slick-dots .slick-active button {
    background: url(../images/banner01.png) no-repeat center center;
}

.home-banner-phone .slick-dots .slick-active button:before {
    color: transparent;
}

.home-banner-phone .banner-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home-banner-phone .banner-title .title1 {
    margin: 160px 0 0 200px;
    color: #fff;
}

.home-banner-phone .banner-title .title1 h3 {
    font-size: 55px;
}

.home-banner-phone .banner-title .title1 .de {
    height: 26px;
    background: #d50f1e;
    margin-top: 10px;
    position: relative;
    float: left;
    padding: 0 100px 0 15px;
}

.home-banner-phone .banner-title .title1 .de span {
    font-size: 24px;
    display: block;
    margin-top: -15px;
    line-height: 40px;
}

.home-banner-phone .banner-title .title1 p {
    clear: both;
    font-size: 18px;
    color: #a3a3a3;
    padding-left: 15px;
    margin-bottom: 15px;
}

.home-banner-phone .banner-title .title1 .time {
    font-size: 18px;
    padding-left: 15px;
    font-family: arial;
}

.home-banner-phone .banner-title .t1 h3 {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transition: all 1s ease .4s;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
}

.home-banner-phone .banner-title .t1 .de {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
    -moz-transition: all 1s ease .6s;
}

.home-banner-phone .banner-title .t1 p {
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transition: all 1s ease .8s;
    -webkit-transition: all 1s ease .8s;
    -moz-transition: all 1s ease .8s;
}

.home-banner-phone .banner-title .t1 .time {
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
}

.home-banner-phone .banner-title .t2 h3 {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transition: all 1s ease .4s;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
}

.home-banner-phone .banner-title .t2 .de {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
    -moz-transition: all 1s ease .6s;
}

.home-banner-phone .banner-title .t2 p {
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transition: all 1s ease .8s;
    -webkit-transition: all 1s ease .8s;
    -moz-transition: all 1s ease .8s;
}

.home-banner-phone .banner-title .t2 .time {
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
}

.home-banner-phone .banner-title .t3 h3 {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transition: all 1s ease .4s;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
}

.home-banner-phone .banner-title .t3 .de {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transition: all 1s ease .6s;
    -webkit-transition: all 1s ease .6s;
    -moz-transition: all 1s ease .6s;
}

.home-banner-phone .banner-title .t3 p {
    opacity: 0;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transition: all 1s ease .8s;
    -webkit-transition: all 1s ease .8s;
    -moz-transition: all 1s ease .8s;
}

.home-banner-phone .banner-title .t3 .time {
    opacity: 0;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
}

.home-banner-phone .slick-current .banner-title .t1 h3 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.home-banner-phone .slick-current .banner-title .t1 .de {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t1 p {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t1 .time {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t2 h3 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.home-banner-phone .slick-current .banner-title .t2 .de {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t2 p {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t2 .time {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t3 h3 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.home-banner-phone .slick-current .banner-title .t3 .de {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t3 p {
    opacity: 1;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.home-banner-phone .slick-current .banner-title .t3 .time {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
}

@media (max-width: 1600px) {
    .home-banner {
        max-height: 630px;
    }

    .home-banner .banner-title .title1 {
        margin: 280px 0 0 500px;
    }
}

@media (max-width: 1440px) {
    .home-banner {
        max-height: 567px;
    }

    .home-banner .banner-title .title1 {
        margin: 200px 0 0 500px;
    }
}

@media (max-width: 1400px) {
    .home-banner {
        max-height: 552px;
    }
}

@media (max-width: 1366px) {
    .home-banner {
        max-height: 536px;
    }

    .home-banner .banner-title .title1 {
        margin: 180px 0 0 500px;
    }
}

@media (max-width: 1280px) {
    .home-banner {
        max-height: 504px;
    }

    .home-banner .banner-title .title1 {
        margin: 160px 0 0 450px;
    }
}

@media (max-width: 1260px) {
    .home-banner {
        max-height: 496px;
    }
}

@media (max-width: 1200px) {
    .home-banner {
        margin-top: 50px;
        max-height: 473px;
        padding-top:0;
    }

    .home-banner .banner-title .title1 h3 {
        font-size: 60px;
    }

    .home-banner .banner-title .title1 p {
        font-size: 18px;
    }

    .home-banner .banner-title .title1 {
        margin: 160px 0 0 400px;
    }
}

@media (max-width: 1024px) {
    .home-banner {
        max-height: 403px;
    }

    .home-banner .banner-title .title1 {
        margin: 100px 0 0 320px;
    }

    .home-banner .banner-title .title1 .de span {
        font-size: 24px;
    }

    .home-banner .banner-title .title1 p {
        font-size: 17px;
    }
}

@media (max-width: 992px) {
    .home-banner {
        max-height: 391px;
    }

    .home-banner .banner-title .title1 h3 {
        font-size: 50px;
    }
}

@media (max-width: 768px) {
    .home-banner-phone {
        display: block;
        margin-top: 50px;
        max-height: 461px;
    }

    .home-banner {
        display: none;
    }
}

@media (max-width: 640px) {
    .home-banner-phone {
        max-height: 384px;
    }

    .home-banner-phone .banner-title .title1 {
        margin: 100px 0 0 150px;
    }

    .home-banner-phone .banner-title .title1 .de {
        padding: 0 60px 0 15px;
    }
}

@media (max-width: 414px) {
    .home-banner-phone {
        max-height: 248px;
    }

    .home-banner-phone .banner-title .title1 {
        margin: 120px 0 0 100px;
    }

    .home-banner-phone .banner-title .title1 p {
        display: none;
    }

    .home-banner-phone .banner-title .title1 .de {
        display: none;
    }

    .home-banner-phone .banner-title .title1 .time {
        display: none;
    }

    .home-banner-phone .banner-title .title1 h3 {
        font-size: 34px;
    }
}

@media (max-width: 375px) {
    .home-banner-phone {
        max-height: 225px;
    }

    .home-banner-phone .banner-title .title1 {
        margin: 100px 0 0 80px;
    }
}

@media (max-width: 360px) {
    .home-banner-phone {
        max-height: 216px;
    }

    .home-banner-phone .banner-title .title1 {
        margin: 100px 0 0 80px;
    }

    .home-banner-phone .banner-title .title1 h3 {
        font-size: 30px;
    }
}

@media (max-width: 320px) {
    .home-banner-phone {
        max-height: 192px;
    }

    .home-banner-phone .banner-title .title1 {
        margin: 100px 0 0 80px;
    }

    .home-banner-phone .banner-title .title1 h3 {
        font-size: 24px;
    }
}

.mobile-footer-menu {
    display: none;
    height: 54px;
}

.inmain-title {
    overflow: hidden;
    margin-bottom: 38px;
}

.inmain-title h3 {
    font-size: 30px;
    color: #222;
    float: left;
}

.inmain-title a {
    color: #000;
    font-size: 12px;
    display: block;
    float: right;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 45px;
    background: url("../images/share.png") no-repeat center left;
    padding-left: 19px;
}

.inmain {
    padding: 57px 0;
    background: #f4f4f4;
    overflow: hidden;
}

.news ul {
    margin: 0 -42px;
    overflow: hidden;
}

.news ul li {
    padding: 0 42px;
    width: 33.333333333%;
    float: left;
    margin-bottom: 79px;
}

.news ul li .pic img {
    transition: .5s;
}

.news ul li .pic:after {
    padding-bottom: 65%;
}

.news ul li .news-info h3 {
    font-size: 18px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 21px;
    margin-bottom: 11px;
    transition: .5s;
}

.news ul li .news-info p {
    color: #888;
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

.news ul li .news-info span {
    color: #c4c4c4;
    font-size: 12px;
    display: block;
    background: url("../images/more.png") no-repeat center right;
    line-height: 32px;
    margin-top: 10px;
    font-family: arial;
    transition: .5s;
}

.news ul li:hover .pic img {
    transform: scale(1.05);
}

.news ul li:hover .news-info h3 {
    color: #e50012;
}

.news ul li:hover .news-info span {
    background: url("../images/moreh.png") no-repeat center right;
}

.more a {
    display: block;
    background: url("../images/read.png") no-repeat top center;
    padding-top: 61px;
    text-align: center;
    font-size: 14px;
    color: #f00;
    text-transform: uppercase;
    text-decoration: underline;
    transition: .5s;
}

.more a:hover {
    background: url("../images/read.png") no-repeat center -10px;
}

.footer {
    overflow: hidden;
    clear: both;
    margin-bottom: 64px;
    position: relative;
    z-index: 7;
}

.footer .footer-top {
    text-align: center;
    line-height: 40px;
    background: #f0f0f0;
    padding: 35px 0;
    overflow: hidden;
}

.footer .footer-top span {
    font-size: 16px;
    color: #313131;
}

.footer .footer-top a {
    display: block;
    float: left;
    margin-left: 8px;
    width: 37px;
    height: 37px;
    transition: all .9s;
    -moz-transition: all .9s;
    -webkit-transition: all .9s;
    -o-transition: all .9s;
}

.footer .footer-top a:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.footer .f-share .bdshare-button-style0-16 {
    display: inline-block;
    vertical-align: middle;
}

.footer .f-share .bdshare-button-style0-16 a {
    display: inline-block;
    margin: 0 2px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.footer .f-share .bdshare-button-style0-16 a.bds_weixin {
    background: url(../images/f1.png) no-repeat center center;
}

.footer .f-share .bdshare-button-style0-16 a.bds_tsina {
    background: url(../images/f2.png) no-repeat center center;
}

.footer .f-share .bdshare-button-style0-16 a.bds_mshare {
    background: url(../images/f3.png) no-repeat center center;
}

.footer .f-share .bdshare-button-style0-16 a.bds_sqq {
    background: url(../images/f4.png) no-repeat center center;
}

.footer .footer-bottom {
    padding: 41px 0 43px 0;
    overflow: hidden;
    background: #313131;
}

.footer .footer-bottom .footer-left {
    float: left;
    width: 304px;
}

.footer .footer-bottom .footer-left .f1 {
    font-size: 14px;
    color: #b9b9b9;
    margin-bottom: 10px;
}

.footer .footer-bottom .footer-left .f1 img {
    margin-right: 3px;
    vertical-align: middle;
}

.footer .footer-bottom .footer-left .f2 {
    overflow: hidden;
    margin-bottom: 13px;
}

.footer .footer-bottom .footer-left .f2 a {
    display: block;
    float: left;
    color: #b9b9b9;
    width: 87px;
    height: 29px;
    line-height: 29px;
    margin-left: 20px;
    font-size: 12px;
    background: #3d3d3d url("../images/ff2.png") no-repeat 11px center;
    padding-left: 29px;
    margin-right: 13px;
}

.footer .footer-bottom .footer-left .f2 span {
    float: left;
    color: #fff;
    font-size: 24px;
    font-family: "ITCAvantGardePro-Bk", arial;
    display: block;
    line-height: 27px;
}

.footer .footer-bottom .footer-left .f3 {
    font-size: 12px;
    color: #b9b9b9;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.footer .footer-bottom .footer-left .f3 img {
    margin-right: 3px;
    vertical-align: middle;
}

.footer .footer-bottom .footer-left .f4 {
    font-size: 12px;
    color: #b9b9b9;
    font-family: arial;
    overflow: hidden;
    margin-bottom: 6px;
}

.footer .footer-bottom .footer-left .f4 img {
    margin-right: 3px;
    vertical-align: middle;
}

.footer .footer-bottom .footer-left .f5 {
    color: #6a6868;
    font-size: 12px;
    padding-left: 20px;
    line-height: 32px;
}

.footer .footer-bottom .footer-right {
    float: right;
}

.footer .footer-bottom .footer-right .ewm {
    float: right;
}

.footer .footer-bottom .footer-right .ewm h3 {
    font-size: 12px;
    color: #818181;
    line-height: 24px;
    text-align: center;
}

.footer .footer-bottom .footer-right .footer-list {
    float: left;
    margin-right: 110px;
}

.footer .footer-bottom .footer-right .footer-list ul li {
    float: left;
    margin-left: 55px;
}

.footer .footer-bottom .footer-right .footer-list ul li a {
    color: #bbbdbe;
    font-size: 12px;
    font-weight: bold;
    display: block;
    line-height: 18px;
    height: 18px;
    margin-bottom: 9px;
    max-width: 96px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.footer .footer-bottom .footer-right .footer-list ul li a:hover {
    color: #fff;
}

.footer .footer-bottom .footer-right .footer-list ul li ul li {
    float: none;
    margin-left: 0;
}

.footer .footer-bottom .footer-right .footer-list ul li ul li a {
    font-size: 12px;
    color: #818181;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 0;
    height: 26px;
}

.footer .footer-bottom .footer-right .footer-list ul li ul li a:hover {
    color: #afafaf;
}

.footer .footer-bottom .footer-right .footer-list ul .list1 {
    margin-left: 27px;
}

.copyRight {
    background: #3a3a3a;
    text-align: center;
    position: fixed;
    bottom: -1px;
    width: 100%;
    height: 0;
    z-index: 999;
    padding: 0;
    transition: height .4s linear 0s;
}

.copyRight .copy1, .copyRight .copy2 {
    float: left;
}

.copyRight .copy3 {
    float: right;
}

.copyRight .copy3 form {
    float: left;
}

.copyRight .copy1 {
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    vertical-align: middle;
}

.copyRight .copy1 img {
    float: left;
    margin-right: 10px;
}

.copyRight .copy1 span {
    font-family: Arial;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    top: 0;
}

.copyRight .copy2 {
    margin-left: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
}

.copyRight .copy2 img {
    margin-right: 10px;
}

.copyRight .copy_inp1 {
    width: 220px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    background: #313131;
    border: 0;
    font-size: 18px;
}

.copyRight .copy_btn1 {
    width: 120px;
    height: 35px;
    line-height: 35px;
    background: #e3472e;
    border: 0;
    color: #fff;
    font-size: 18px;
}

.copyRight .copy_btn2 {
    width: 130px;
    height: 35px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-left: 20px;
    line-height: 35px;
    padding-left: 20px;
    background: #e3472e url("../images/ff5.png") no-repeat 10px center;
}

.copyRight .copy_btn2 img {
    margin-right: 5px;
}

.copyRight .liji {
    display: none;
    width: 130px;
    height: 35px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-left: 20px;
    line-height: 35px;
    padding-left: 20px;
    background: #e3472e url("../images/ff6.png") no-repeat 10px center;
}

.copyRight .liji img {
    margin-right: 5px;
}

.news-show .news-left {
    float: left;
    width: 63%;
}

.news-show .news-h1 {
    font-size: 30px;
    color: #222;
    line-height: 50px;
    margin-bottom: 22px;
}

.news-show .news-h2 {
    font-size: 12px;
    color: #ababab;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px;
}

.news-show .news-h2 a {
    text-transform: uppercase;
    color: #ababab;
}

.news-show .news-p {
    padding: 30px 0;
}

.news-show .news-p p {
    line-height: 30px;
    font-size: 14px;
}

.news-show .news-p p b {
    color: #333;
}

.news-show .news-right-list {
    width: 445px;
    float: right;
    margin-bottom: 40px;
    overflow: hidden;
}

.news-show .news-right-list .news-top-one {
    margin-top: 23px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 28px;
    overflow: hidden;
    margin-bottom: 10px;
}

.news-show .news-right-list .news-top-one .pic img {
    transition: .5s;
}

.news-show .news-right-list .news-top-one .pic:after {
    padding-bottom: 65%;
}

.news-show .news-right-list .news-top-one .news-info h3 {
    font-size: 18px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 21px;
    margin-bottom: 11px;
    transition: .5s;
}

.news-show .news-right-list .news-top-one .news-info p {
    color: #888;
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

.news-show .news-right-list .news-top-one .news-info span {
    color: #c4c4c4;
    font-size: 12px;
    display: block;
    background: url("../images/more.png") no-repeat center right;
    line-height: 32px;
    margin-top: 10px;
    font-family: arial;
    transition: .5s;
}

.news-show .news-right-list .news-top-one:hover .pic img {
    transform: scale(1.05);
}

.news-show .news-right-list .news-top-one:hover .news-info h3 {
    color: #e50012;
}

.news-show .news-right-list .news-top-one:hover .news-info span {
    background: url("../images/moreh.png") no-repeat center right;
}

.news-show .news-right-list ul {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 9px;
    overflow: hidden;
}

.news-show .news-right-list ul li a {
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 51px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-show .news-right-list ul li a:hover {
    color: #e50012;
}

.case ul {
    margin: 0 -15px;
    overflow: hidden;
}

.case ul li {
    padding: 0 15px;
    width: 33.333333333%;
    float: left;
    margin-bottom: 37px;
}

.case ul li .pic {
    transition: all .3s linear;
}

.case ul li .pic a {
    display: block;
    position: relative;
}

.case ul li .pic a:after {
    padding-bottom: 67.7%;
    content: "";
    display: block;
}

.case ul li .pic img {
    transition: .5s;
    z-index: -1;
    width: 100%;
}

.case ul li .pic:hover {
    box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.4), inset 0 0 0 10px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
}

.case ul li .pic:hover img {
    transform: scale(1.05);
}

.case ul li .pic:hover .mengban {
    opacity: 1;
}

.case ul li .pic:after {
    padding-bottom: 0;
}

.case ul li .pic .mengban {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 30px;
    padding-top: 30%;
    letter-spacing: 3px;
}

.case ul li .pic .mengban span {
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}

.case ul li .pic .mengban p {
    font-size: 18px;
}

.case ul li .case-info h3 {
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 15px;
    transition: .5s;
    position: relative;
    padding-right: 100px;
}

.case ul li .case-info h3 a {
    color: #222;
}

.case ul li .case-info h3 .case-xin {
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 12px;
    color: #222;
}

.case ul li .case-info h3 .case-xin a {
    max-width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
}

.case ul li .case-info h3 .case-xin .yan {
    background: url("../images/yan.png") no-repeat center left;
    padding-left: 17px;
    color: #222;
}

.case ul li .case-info h3 .case-xin .xin {
    background: url("../images/xin.png") no-repeat center left;
    padding-left: 13px;
    color: #222;
    margin-left: 7px;
}

.case ul li .case-info span {
    color: #c4c4c4;
    font-size: 12px;
    display: block;
    background: url("../images/more.png") no-repeat center right;
    line-height: 32px;
    margin-top: 10px;
    font-family: arial;
    transition: .5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 40px;
}

.case ul li:hover .case-info h3 a {
    color: #e50012;
}

.case ul li:hover .case-info span {
    background: url("../images/moreh.png") no-repeat center right;
}

.contact {
    overflow: hidden;
    position: relative;
}

.contact .contact-pic {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.contact .contact-pic img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.contact .contact-p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.contact .contact-info {
    background: url("../images/contact.png") no-repeat center center;
    width: 603px;
    height: 402px;
    margin-top: 217px;
    margin-left: 131px;
    overflow: hidden;
}

.contact .contact-info .c-info {
    color: #fff;
    width: 290px;
    margin-top: 76px;
    margin-left: 105px;
    text-align: center;
}

.contact .contact-info .c-info p {
    font-size: 16px;
    line-height: 36px;
}

.contact .contact-info .c-info h3 {
    font-family: "ITCAvantGardePro-Bk", arial;
    font-size: 42px;
}

.contact .contact-info .c-info span {
    border-radius: 20px;
    background: #fff;
    width: 155px;
    height: 41px;
    line-height: 41px;
    display: block;
    margin: 24px auto 0 auto;
}

.contact .contact-info .c-info span a {
    color: #e3472e;
    background: url("../images/contact1.png") no-repeat 20px center;
    display: block;
    font-size: 18px;
    padding-left: 25px;
}

.inbanner {
    width: 100%;

}

.inbanner .inbanner-slick {
    overflow: hidden;
    position: relative;

}

.inbanner .inbanner-slick img {
    display: none;
}

.inbanner .inbanner-info {

    width: 100%;
    text-align: center;
    padding: 50px 0;
    background: #fff;
    margin-bottom: 40px;
}

.inbanner .inbanner-info h3 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
}

.inbanner .inbanner-info p {
    font-size: 18px;
    color: #333;
}

.inbanner .inbanner-info p a {
    color: #333;
    font-size: 14px;
}

.inbanner .nav-list {
    width: 90%;
    left: 5%;
    position: fixed;
    top: 47%;
    height: 45px;
    z-index: 220;
    transition: all .7s ease 0s;
}

.inbanner .nav-list .case-prev {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    transition: all .3s ease 0s;
    font-family: arial;
    float: left;
}

.inbanner .nav-list .case-prev:hover {
    margin-left: 127px;
}

.inbanner .nav-list .case-prev:hover .link-ico {
    background-color: rgba(0, 0, 0, 0.8);
}

.inbanner .nav-list .case-prev:hover .tit-box {
    left: -124px;
    opacity: 1;
    transform: translateX(0);
}

.inbanner .nav-list .case-prev .link-ico {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
}

.inbanner .nav-list .case-prev .link-ico i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_23.png) no-repeat center 45%;
}

.inbanner .nav-list .case-prev .tit-box {
    transform: translateX(-102%);
    left: 1px;
    padding: 0 22px 0 38px;
    transition: all .5s ease-in-out 0s;
    opacity: 0;
}

.inbanner .nav-list .case-next {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    transition: all .3s ease 0s;
    font-family: arial;
    float: right;
    z-index: 6;
}

.inbanner .nav-list .case-next:hover {
    margin-right: 127px;
}

.inbanner .nav-list .case-next:hover .link-ico {
    background-color: rgba(0, 0, 0, 0.8);
}

.inbanner .nav-list .case-next:hover .tit-box {
    right: -124px;
    opacity: 1;
    transform: translateX(0);
}

.inbanner .nav-list .case-next .link-ico {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
}

.inbanner .nav-list .case-next .link-ico i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_24.png) no-repeat center 45%;
}

.inbanner .nav-list .tit-box {
    display: block;
    line-height: 50px;
    height: 50px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.22);
    position: absolute;
    top: 0;
    width: 170px;
    color: #fbf9f6;
    z-index: 1;
    font-size: 14px;
}

.inbanner .nav-list .case-next .tit-box {
    transform: translateX(102%);
    right: 1px;
    padding: 0 20px 0 66px;
    transition: all .5s ease-in-out 0s;
    opacity: 0;
}

.inbanner .nav-list .case-list {
    transition: all .3s ease 0s;
    width: 50px;
    height: 50px;
    font-family: arial;
    position: absolute;
    padding-left: 50px;
    left: 50%;
    color: #fff;
    line-height: 50px;
    margin-left: -25px;
    border-radius: 50px;
    z-index: 6;
}

.inbanner .nav-list .case-list .chunk-box {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    z-index: 3;
    background: url(../images/ico_26.png) no-repeat center center rgba(0, 0, 0, 0.48);
}

.inbanner .nav-list .case-list .round-tit {
    display: block;
    width: 0;
    padding: 0 23px 9px 50px;
    position: absolute;
    left: 1px;
    top: 0;
    opacity: 0;
    color: #fff;
    line-height: 50px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.22);
    border-radius: 50px;
    height: 50px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

.inbanner .nav-list .case-list:hover .round-tit {
    width: 187px;
    opacity: 1;
}

.inbanner .long {
    width: 100%;
    left: 0;
    top: 80%;
}

.case-show-info {
    padding-bottom: 57px;
    overflow: hidden;
    position: relative;
}

.case-message {
    padding: 53px 0 72px 0;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 40px;
    overflow: hidden;
    display: none;
}

.case-message h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}

.case-message p {
    font-size: 14px;
    color: #9b9b9b;
    line-height: 30px;
}

.case-pic img {
    display: block;
    text-align: center;
    margin: 0 auto;

}

.case-contact {
    padding-bottom: 110px;
    background: url("../images/case-contact.jpg") no-repeat top center;
}

.case-contact .case-c-info {
    background: url("../images/line.png") no-repeat top center;
    padding-top: 83px;
    text-align: center;
    color: #fff;
}

.case-contact .case-c-info h3 {
    background: url("../images/cphone.png") no-repeat top center;
    padding-top: 17px;
    font-size: 18px;
    margin-bottom: 10px;
}

.case-contact .case-c-info p {
    background: url("../images/rexian.png") no-repeat top center;
    font-size: 36px;
    font-family: arial;
    padding-top: 13px;
}

.case-contact .case-a {
    text-align: center;
    margin-top: 16px;
}

.case-contact .case-a a {
    display: inline-block;
    width: 214px;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    color: #e3472e;
    margin: 0 19px;
    border-radius: 30px;
    padding-right: 26px;
    border: 1px solid #fff;
    transition: .5s;
}

.case-contact .case-a .dingzhi {
    background: #fff url("../images/dz.png") no-repeat 138px center;
}

.case-contact .case-a .dingzhi:hover {
    background: url("../images/dzh.png") no-repeat 138px center;
    color: #fff;
}

.case-contact .case-a .fangan {
    background: #fff url("../images/fa.png") no-repeat 138px center;
}

.case-contact .case-a .fangan:hover {
    background: url("../images/fah.png") no-repeat 138px center;
    color: #fff;
}

.main-title {
    overflow: hidden;
    margin-bottom: 38px;
}

.main-title h3 {
    font-size: 30px;
    color: #222;
    float: left;
}

.main-title a {
    color: #000;
    font-size: 12px;
    display: block;
    float: right;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 45px;
    background: url("../images/share.png") no-repeat center left;
    padding-left: 19px;
}

.home-case {
    padding: 49px 0 56px 0;
    overflow: hidden;
    background: #fff;
}

.home-design {
    padding: 113px 0 139px 0;
    background: #274fa1 url("../images/service1.jpg") no-repeat bottom center;
}

.home-design .box {
    overflow: hidden;
}

.home-design .procate {
    text-align: center;
    margin: 0 -13px;
    overflow: hidden;
}

.home-design .procate li {
    text-align: center;
    padding: 0 13px 5px 13px;
    width: 25%;
    float: left;
}

.home-design .procate li a {
    color: #fff;
    padding: 20px;
    display: block;
    height: 107px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    background: #13bbe8;
}

.home-design .procate li a h3 {
    font-size: 26px;
}

.home-design .procate li a span {
    display: block;
    font-size: 14px;
    font-family: "ITCAvantGardePro-Bk", arial;
    text-transform: uppercase;
}

.home-design .procate li i {
    width: 100%;
    height: 22px;
    background: url("../images/dot.png") no-repeat bottom center;
    display: none;
}

.home-design .procate .d2 a {
    background: #0f9c57;
}

.home-design .procate .d3 a {
    background: #f8b02a;
}

.home-design .procate .d4 a {
    background: #e3472e;
}

.home-design .procate .sel i {
    background: url("../images/dot.png") no-repeat bottom center;
    display: block;
}

.home-design .procate .sel.d2 i {
    background: url("../images/dot2.png") no-repeat bottom center;
    display: block;
}

.home-design .procate .sel.d3 i {
    background: url("../images/dot3.png") no-repeat bottom center;
    display: block;
}

.home-design .procate .sel.d4 i {
    background: url("../images/dot4.png") no-repeat bottom center;
    display: block;
}

.home-design .proshow {
    clear: both;
    margin-top: 66px;
    overflow: hidden;
}

.home-design .proshow .center1 {
    height: 0;
    overflow: hidden;
}

.home-design .proshow .center4 {
    height: auto;
}

.home-design .proshow .center {
    position: relative;
    overflow: hidden;
    padding: 0 70px;
}

.home-design .proshow .center .pic {
    width: 70px;
    float: left;
    height: 60px;
    position: absolute;
}

.home-design .proshow .center .slick-prev {
    background: url(../images/left1.png) no-repeat center center;
    width: 64px;
    height: 20px;
    position: absolute;
    bottom: 50%;
    left: 0;
    cursor: pointer;
    z-index: 2;
    transition: .5s;
}

.home-design .proshow .center .slick-prev:hover {
    background: url(../images/left1h.png) no-repeat center center;
}

.home-design .proshow .center .slick-next {
    background: url(../images/right1.png) no-repeat center center;
    width: 64px;
    height: 20px;
    position: absolute;
    bottom: 50%;
    right: 0;
    cursor: pointer;
    z-index: 2;
    transition: .5s;
}

.home-design .proshow .center .slick-next:hover {
    background: url(../images/right1h.png) no-repeat center center;
}

.home-design .proshow .center .slick-prev:before, .home-design .proshow .center .slick-next:before {
    content: "";
}

.home-design .proshow .center .slick-current {
    position: relative;
    z-index: 1;
}

.home-design .proshow .center a {
    display: block;
    padding: 37px 60px 37px 47px;
}

.home-design .proshow .center a:hover {
    background: url("../images/hs.png") no-repeat top center;
}

.home-design .proshow .center a:hover .pic img {
    animation: flipInY 1s ease-in-out;
    -webkit-animation: flipInY 1s ease-in-out;
}

.home-design .proshow .center a:hover .case-info span {
    width: 100px;
}

.home-design .proshow .center .case-info {
    color: #fff;
    padding-left: 102px;
}

.home-design .proshow .center .case-info h3 {
    font-size: 24px;
    line-height: 29px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .5s;
    margin-bottom: 19px;
}

.home-design .proshow .center .case-info p {
    font-size: 14px;
    line-height: 26px;
    height: 130px;
    overflow: hidden;
    transition: .5s;
    color: #b2c3ef;
    margin-bottom: 27px;
}

.home-design .proshow .center .case-info span {
    font-size: 14px;
    width: 90px;
    height: 40px;
    line-height: 40px;
    display: block;
    transition: .5s;
    color: #b2c3ef;
    background: url("../images/more2.png") no-repeat center right;
}

.home-news {
    padding: 70px 0 35px 0;
    overflow: hidden;
}

.home-news .news-title {
    margin-bottom: 30px;
    overflow: hidden;
}

.home-news .news-title h3 {
    font-size: 24px;
    color: #b4b4b4;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: arial;
}

.home-news .news-title span {
    font-size: 24px;
    color: #000;
    display: block;
    margin-bottom: 11px;
}

.home-news .news-title p {
    font-size: 16px;
    color: #979797;
}

.home-news .news-title p a {
    float: right;
    display: block;
    font-family: arial;
}

.home-news .news-title p a img {
    margin-right: 5px;
    transition: all .2s linear;
}

.home-news .news-title p a:hover img {
    transform: rotate(45deg);
}

.home-news .news-left {
    float: left;
    width: 470px;
}

.home-news ul li {
    margin-bottom: 25px;
    overflow: hidden;
}

.home-news ul li a {
    display: block;
    overflow: hidden;
}

.home-news ul li .new-info {
    padding-top: 12px;
}

.home-news ul li h3 {
    font-size: 24px;
    color: #333;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    margin-bottom: 23px;
}

.home-news ul li p {
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    color: #777;
}

.home-news ul li span {
    font-size: 16px;
    color: #c4c4c4;
    font-family: arial;
    padding-bottom: 45px;
    display: block;
    border-bottom: 1px solid #d4d4d4;
}

.home-news ul li span b {
    color: #979797;
    font-weight: normal;
    float: right;
    background: url("../images/more1.png") no-repeat center right;
    padding-right: 15px;
}

.home-news ul li:hover h3 {
    color: #e0000a;
}

.home-news .news-right {
    float: right;
    width: 986px;
}

.home-news .news-right .pic {
    height: 246px;
    float: right;
    width: 986px;
    margin-left: 50px;
    margin-bottom: 25px;
}

.home-news .news-right .pic img {
    transition: .5s;
}

.home-news .news-right .pic a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/hsbtm.png);
    text-align: center;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    line-height: 0;
}

.home-news .news-right .pic a img {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.home-news .news-right .pic a .k_p {
    width: 45px;
    height: 45px;
    position: relative;
    top: 45%;
    display: inline-block;
}

.home-news .news-right .pic a .k_p span {
    position: absolute;
}

.home-news .news-right .pic a:hover .k_p span:nth-child(1), .home-news .news-right .pic a:hover .k_p span:nth-child(3) {
    width: 100%;
}

.home-news .news-right .pic a:hover .k_p span:nth-child(2), .home-news .news-right .pic a:hover .k_p span:nth-child(4) {
    height: 100%;
}

.home-news .news-right .pic a .k_p span:nth-child(1), .home-news .news-right .pic a .k_p span:nth-child(3) {
    width: 0;
    height: 2px;
    background-color: #fff;
    display: inline-block;
}

.home-news .news-right .pic a .k_p span:nth-child(2), .home-news .news-right .pic a .k_p span:nth-child(4) {
    width: 2px;
    height: 0;
    background-color: #fff;
    display: inline-block;
}

.home-news .news-right .pic a .k_p span:nth-child(1) {
    top: 0;
    left: 0;
    transition: all .2s linear 0s;
}

.home-news .news-right .pic a .k_p span:nth-child(3) {
    bottom: 0;
    right: 0;
    transition: all .2s linear .1s;
}

.home-news .news-right .pic a .k_p span:nth-child(2) {
    right: 0;
    top: 0;
    transition: all .2s linear .2s;
}

.home-news .news-right .pic a .k_p span:nth-child(4) {
    left: 0;
    bottom: 0;
    transition: all .2s linear .3s;
}

.home-news .news-right .pic:hover img {
    transform: scale(1.05);
}

.consultDiv.active {
    visibility: hidden;
    opacity: 0;
    top: -20px;
}

.consultDiv {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    visibility: visible;
    display:none;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
}

.consult {
    width: 651px;
    height: 382px;
    margin: auto;
    background: url("../images/2.png") repeat center center;
    padding: 24px;
    text-align: center;
    position: relative;
}

.consult > div {
    border: dashed 1px #f76567;
    height: 100%;
    font-size: 0;
}

.consult > div h2 {
    font-size: 34px;
    color: #fff;
    margin-bottom: 15px;
    font-family: 微软雅黑;
    font-weight: lighter;
}

.consult > div small, .consult > div span {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.consult > div small {
    width: 170px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
}

.consult > div > div > div span {
    width: 115px;
    font-size: 18px;
    color: #fff;
}

.consult > div > div > div span img {
    vertical-align: baseline;
    margin-right: 6px;
}

.consult > div p {
    font-size: 48px;
    color: #fff;
    margin-bottom: 30px;
}

.consult > div ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.consult > div ul li a {
    display: block;
    width: 240px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    border-radius: 3px;
    font-size: 26px;
    color: #e0000a;
    border: solid 1px #fff;
}

.consult > div ul li.conleft a {
    color: #fff;
}

.consult > div ul li.conright a {
    background-color: #fff;
}

.consult > div em {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.consult > div > div {
    display: inline-block;
    vertical-align: middle;
}

.consult > span {
    position: absolute;
    top: 35px;
    right: 35px;
    cursor: pointer;
}

.rote img {
    transition: all .5s ease;
}

.rote:hover img {
    transform: rotate(180deg);
}

.about1 {
    background: url("../images/about1.jpg") no-repeat top center;
    margin-bottom: 38px;
    overflow: hidden;
}

.about1 .about-p {
    text-align: center;
    color: #fff;
    padding-top: 88px;
}

.about1 .about-p h3 {
    font-size: 32px;
}

.about1 .about-p span {
    display: block;
    font-size: 36px;
    font-family: "times new roman";
    background: url("../images/line1.jpg") no-repeat bottom center;
    line-height: 38px;
    padding-bottom: 26px;
    margin-bottom: 37px;
}

.about1 .about-p p {
    font-size: 16px;
    line-height: 33px;
}

.about1 .about-p p b {
    font-size: 24px;
}

.about1 .number {
    margin-top: 80px;
    overflow: hidden;
    padding-bottom: 122px;
    background: url("../images/about-num.jpg") no-repeat bottom left;
}

.about1 .number ul {
    text-align: center;
}

.about1 .number ul li {
    display: inline-block;
    width: 152px;
    height: 337px;
}

.about1 .number ul li .pic {
    height: 50px;
}

.about1 .number ul li h3 {
    margin-bottom: 54px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.about1 .number ul li h3 span {
    font-size: 45px;
    display: block;
    font-family: "Avian Regular_2", "times new roman";
    font-weight: bold;
    line-height: 50px;
}

.about1 .number ul li p {
    color: #fff;
    margin-bottom: 7px;
}

.about1 .number ul li .about-pp {
    color: #fbc1c5;
    font-size: 12px;
    height: 54px;
    overflow: hidden;
}

.about1 .number ul li:hover {
    background: url("../images/num.png") no-repeat center 28px;
}

.about2 {
    margin: 0 40px 20px 40px;
    overflow: hidden;
    background: #eee;
}

.about2 .about2-left {
    margin-top: 150px;
    overflow: hidden;
    margin-bottom: 162px;
    float: left;
    margin-right: 160px;
}

.about2 .about2-left img {
    display: block;
}

.about2 .about2-right {
    float: left;
    width: 558px;
    padding-top: 75px;
}

.about2 .about2-right h3 {
    font-size: 32px;
    color: #000;
    background: url("../images/line2.jpg") no-repeat bottom left;
    padding-bottom: 18px;
    margin-bottom: 15px;
}

.about2 .about2-right span {
    font-size: 48px;
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-family: "times new roman";
}

.about2 .about2-right p {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
}

.about2 .about2-right .a1 {
    background: url("../images/a1.jpg") repeat-x center left;
    height: 30px;
    line-height: 30px;
    border-left: 3px solid #e3472e;
    border-right: 3px solid #e3472e;
    padding: 0 20px;
    float: left;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    margin-top: 35px;
}

.about2 .about2-right ul {
    clear: both;
    padding-top: 45px;
    overflow: hidden;
    padding-bottom: 33px;
}

.about2 .about2-right ul li {
    float: left;
    width: 106px;
    height: 106px;
    font-size: 24px;
    margin-right: 37px;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 106px;
}

.about2 .about2-right ul li:hover {
    background: #e3472e;
    border: 1px solid #e3472e;
    color: #fff;
}

.about2 .about2-right ul li.zhineng {
    line-height: 30px;
    padding-top: 24px;
}

.about2 .about2-right .a2 b {
    color: #e3472e;
    font-weight: normal;
}

.about3 {
    margin: 0 40px;
    overflow: hidden;
}

.about3 .about31 {
    width: 24%;
    float: left;
    margin-right: 27px;
}

.about3 .about31:after {
    padding-bottom: 140%;
}

.about3 .about32 {
    width: 49%;
    float: right;
}

.about3 .about32:after {
    padding-bottom: 69%;
}

.about3 .about33 {
    float: left;
    width: 24%;
    overflow: hidden;
    position: relative;
    background: url("../images/about33.jpg") no-repeat center center;
}

.about3 .about33 h3 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 21px;
}

.about3 .about33 p {
    font-size: 18px;
    color: #fff;
    text-decoration: underline;
    line-height: 54px;
    overflow: hidden;
}

.about3 .about33 .about3-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
    padding: 67px 30px 30px 60px;
}

.about3 .about33:after {
    padding-bottom: 140%;
    content: "";
    display: block;
}

.about4 {
    margin: 68px 0 63px 0;
    overflow: hidden;
}

.about4 .picMarquee-left {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 86px;
}

.about4 .picMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.about4 .picMarquee-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.about4 .picMarquee-left .bd ul li .pic {
    text-align: center;
    width: 173px;
    height: 86px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

.about4 .picMarquee-left .bd ul li .pic img {
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
}

.about4 .picMarquee-left .bd ul li a:hover .pic {
    border-color: #999;
}

.about4 .picMarquee-left .bd ul li a:hover .pic img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -mz-filter: grayscale(0);
}

.service1 {
    padding: 80px 0 41px 0;
    overflow: hidden;
    background: #274fa1 url("../images/service1.jpg") no-repeat bottom center;
}

.service1 .service1-title {
    color: #fff;
    text-align: center;
    background: url("../images/line4.jpg") no-repeat bottom center;
    padding-bottom: 25px;
}

.service1 .service1-title h3 {
    font-size: 48px;
    line-height: 50px;
}

.service1 .service1-title span {
    display: block;
    font-size: 30px;
    font-family: "times new roman";
}

.service1 .service1-bottom {
    padding: 0 120px 76px 120px;
    margin-top: 72px;
    overflow: hidden;
    position: relative;
}

.service1 .service1-bottom ul li {
    text-align: center;
}

.service1 .service1-bottom ul li .pic {
    background: url("../images/service.png") no-repeat center center;
    width: 173px;
    height: 167px;
    margin: 0 auto;
    transition: all .9s;
    -moz-transition: all .9s;
    -webkit-transition: all .9s;
    -o-transition: all .9s;
}

.service1 .service1-bottom ul li a {
    color: #fff;
}

.service1 .service1-bottom ul li a .service-info {
    margin-top: 40px;
    overflow: hidden;
}

.service1 .service1-bottom ul li a .service-info h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.service1 .service1-bottom ul li a .service-info p {
    font-size: 12px;
    line-height: 26px;
    padding: 0 50px;
    height: 104px;
    overflow: hidden;
}

.service1 .service1-bottom ul li:hover .pic {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.service1 .service1-bottom ul li:hover .pic img {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.service1 .service1-bottom ul .slick-prev {
    background: url(../images/left.png) no-repeat center center;
    width: 39px;
    height: 39px;
    position: absolute;
    bottom: 0;
    top: auto;
    left: auto;
    cursor: pointer;
    z-index: 2;
    margin-top: -25px;
    right: 50%;
}

.service1 .service1-bottom ul .slick-prev:hover {
    background: url(../images/lefth.png) no-repeat center center;
}

.service1 .service1-bottom ul .slick-next {
    background: url(../images/right.png) no-repeat center center;
    width: 39px;
    height: 39px;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    right: auto;
    cursor: pointer;
    z-index: 2;
    margin-top: -25px;
}

.service1 .service1-bottom ul .slick-next:hover {
    background: url(../images/righth.png) no-repeat center center;
}

.service1 .service1-bottom ul .slick-prev:before, .service1 .service1-bottom ul .slick-next:before {
    content: "";
}

.service2 {
    padding: 62px 0 61px 0;
    overflow: hidden;
    background: #f1f1f1;
}
.service2 .container{
    overflow: hidden;
    transition: 0.5s;
    width:100%;
    margin:0 auto !important;
    z-index: 9;

}
.service2 ul {
    text-align: center;
    z-index: 6;
    width:100% !important;
}

.service2 ul li {
    display: inline-block;
    margin: 4px 0;
    width:285px;
    height: 69px;
    vertical-align: top;
}

.service2 ul li a {
    color: #fff;
    padding: 9px 0;
    display: block;
}
 .service2 .container{
     position: relative;
 }
.service2 ul li a h3 {
    font-size: 22px;
}

.service2 ul li a p {
    font-size: 12px;
    font-family: "ITCAvantGardePro-Bk", arial;
    text-transform: uppercase;

}

.service2 ul .s1 {
    background: #ffba14;
}

.service2 ul .s1:hover {
    background: #fdb403;
}

.service2 ul .s2 {
    background: #717efc;
}

.service2 ul .s2:hover {
    background: #6674fc;
}

.service2 ul .s3 {
    background: #45d6f2;
}

.service2 ul .s3:hover {
    background: #2ad4f5;
}
.service2 ul .s4 {
    background: #e3472e;
}

.service2 ul .s4:hover {
    background: #db341a;
}
.service2 ul .s5 {
    background: #be67bf;
}

.service2 ul .s5:hover {
    background: #c258c3;
}
 .fixed {
     background:#182557;
     overflow: hidden;
     width: 100% !important;
     left: 0 !important;
     transition: all .5s;
 }
.service3 {
    padding: 62px 0 65px 0;
    overflow: hidden;
}

.service3 .pic {
    float: right;
    width: 731px;
    height: 833px;
    margin-right: 47px;
}

.service3 .service3-info {
    margin-left: 73px;
    overflow: hidden;
    width: 615px;
    float: left;
    padding-top: 252px;
}

.service3 .service3-info h3 {
    font-size: 60px;
    font-family: "times new roman";
    color: #474747;
    line-height: 70px;
    margin-bottom: 16px;
}

.service3 .service3-info span {
    display: block;
    font-size: 30px;
    color: #474747;
    margin-bottom: 40px;
}

.service3 .service3-info p {
    font-size: 18px;
    line-height: 30px;
    color: #474747;
}

.service4 {
    padding: 79px 0 67px 0;
    overflow: hidden;
    background: #e8effd;
}

.service4 .pic {
    float: left;
    width: 664px;
    height: 908px;
    margin-left: 81px;
}

.service4 .service3-info {
    margin-right: 47px;
    overflow: hidden;
    width: 615px;
    float: right;
    padding-top: 252px;
}

.service4 .service3-info h3 {
    font-size: 60px;
    font-family: "times new roman";
    color: #474747;
    line-height: 70px;
    margin-bottom: 8px;
}

.service4 .service3-info span {
    display: block;
    font-size: 30px;
    color: #474747;
    margin-bottom: 40px;
}

.service4 .service3-info p {
    font-size: 18px;
    line-height: 30px;
    color: #474747;
}

.service5 {
    padding: 81px 0 139px 0;
    overflow: hidden;
}

.service5 .pic {
    float: right;
    width: 665px;
    height: 852px;
    margin-right: 102px;
}

.service5 .service3-info {
    margin-left: 66px;
    overflow: hidden;
    width: 607px;
    float: left;
    padding-top: 252px;
}

.service5 .service3-info h3 {
    font-size: 60px;
    font-family: "times new roman";
    color: #474747;
    line-height: 70px;
    margin-bottom: 16px;
}

.service5 .service3-info span {
    display: block;
    font-size: 30px;
    color: #474747;
    margin-bottom: 40px;
}

.service5 .service3-info p {
    font-size: 18px;
    line-height: 30px;
    color: #474747;
}

.service6 {
    padding: 117px 0 91px 0;
    overflow: hidden;
    background: #e3472e url("../images/service6.jpg") no-repeat bottom center;

}

.service6 .service6-info {
    overflow: hidden;
    width: 670px;
    float: right;
    padding-top: 29px;
}

.service6 .pic {
    float: left;
    width: 813px;
    height: 699px;
}

.service6 h3 {
    font-size: 48px;
    color: #fff;
    line-height: 60px;
}

.service6 span {
    display: block;
    font-size: 30px;
    color: #fff;
    margin-bottom: 40px;
    font-family: "times new roman";
    background: url("../images/line4.jpg") no-repeat bottom left;
    padding-bottom: 27px;
}

.service6 ul li {
    color: #fff;
    padding-left: 73px;
    padding-bottom: 43px;
    border-bottom: 1px solid #e65a43;
    transition: .5s;
    margin-bottom: 14px;
}

.service6 ul li b {
    font-size: 18px;
    display: block;
    padding-top: 6px;
}

.service6 ul li p {
    font-size: 16px;
    color: #fbd4ce;
}

.service6 ul .s61 {
    background: url("../images/s61.png") no-repeat top left;
}

.service6 ul .s61:hover {
    background: url("../images/s61h.png") no-repeat top left;
}

.service6 ul .s62 {
    background: url("../images/s62.png") no-repeat top left;
}

.service6 ul .s62:hover {
    background: url("../images/s62h.png") no-repeat top left;
}

.service6 ul .s63 {
    background: url("../images/s63.png") no-repeat top left;
}

.service6 ul .s63:hover {
    background: url("../images/s63h.png") no-repeat top left;
}

.service6 ul .s64 {
    background: url("../images/s64.png") no-repeat top left;
}

.service6 ul .s64:hover {
    background: url("../images/s64h.png") no-repeat top left;
}

.service7 {
    padding: 53px 0 0 0;
    overflow: hidden;

    background: #fff;
}

.service7 .h7 {
    font-size: 48px;
    color: #474747;
    line-height: 60px;
    text-align: center;
}

.service7 .span7 {
    display: block;
    font-size: 30px;
    color: #474747;
    text-align: center;
    margin-bottom: 40px;
    font-family: "times new roman";
    background: url("../images/line3.jpg") no-repeat bottom center;
    padding-bottom: 27px;
}

.service7 .s7-bottom {
    background: url("../images/service7.png") no-repeat top center;
    padding: 0 130px;
    overflow: hidden;
}

.service7 ul {
    width: 265px;
    float: left;
}

.service7 ul li {
    position: relative;
    margin-bottom: 61px;
    overflow: hidden;
}

.service7 ul li span {
    font-size: 48px;
    color: #474747;
    display: block;
    width: 60px;
    font-family: "HelveticaNeue-BoldCond", arial;
    line-height: 41px;
    position: absolute;
    top: 0;
    left: 0;
}

.service7 ul li .ser7-info {
    padding-left: 63px;
}

.service7 ul li .ser7-info h3 {
    font-size: 30px;
    color: #474747;
    line-height: 32px;
}

.service7 ul li .ser7-info b {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    font-family: "times new roman";
    color: #474747;
    display: block;
    margin-bottom: 12px;
}

.service7 ul li .ser7-info p {
    font-size: 14px;
    color: #474747;
    line-height: 30px;
    overflow: hidden;
    height: 90px;
    width: 208px;
}

.service7 .right {
    float: right;
    width: 265px;
}

.service8 {
    height: 467px;
    background-image: url(../images/service8.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 18;
}

.service8 img {
    display: block;
    margin: 0 auto;
}

.parametersTabs .tabs {
    border-top: #e4e4e4 1px solid;
    border-left: #e4e4e4 1px solid;
    border-right: #e4e4e4 1px solid;
    overflow: hidden;
    padding: 15px 0 15px 25px;
    background: #fcfcfc;
}

.parametersTabs .tabs .bt {
    color: #000;
    float: left;
    line-height: 30px;
    margin-right: 5px;
}

.parametersTabs .tabs li {
    float: left;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
}

.parametersTabs .tabs li:hover, .parametersTabs .tabs li.active {
    border: 1px solid #e3472e;
}

.parametersTabs .tabs img {
    vertical-align: middle;
    margin-top: -3px;
}

.parametersTabs .nr .tabArt {
    display: none;
}

@media (max-width: 1600px) {
    .about3 .about33 h3 {
        font-size: 40px;
    }

    .about3 .about33 .about3-info {
        padding: 30px 15px 30px 21px;
    }

    .contact .contact-info {
        margin-top: 117px;
    }
}

@media (max-width: 1440px) {
    .home-news .news-right .pic {
        margin-left: 25px;
    }

    .home-news .news-left {
        width: 400px;
    }

    .about3 .about31 {
        margin-right: 20px;
    }

    .about2 .about2-left {
        margin-right: 60px;
    }

    .service3 .pic {
        width: 650px;
        height: 741px;
    }

    .service5 .pic {
        float: right;
        width: 620px;
        height: 794px;
    }

    .service6 .pic {
        float: left;
        width: 740px;
        height: 637px;
    }
    .service2 ul li{
        width:260px;
    }
}

@media (max-width: 1400px) {
    .home-news ul li h3 {
        margin-bottom: 10px;
    }

    .home-news .news-right {
        width: 900px;
    }

    .home-news .news-right .pic {
        width: 900px;
        height: 224px;
    }

    .home-news ul li span {
        padding-bottom: 34px;
        padding-top: 5px;
    }

    .about3 .about33 p {
        font-size: 20px;
    }

    .service3 .pic {
        width: 600px;
        height: 683px;
        margin-right: 0;
    }

    .service3 .service3-info {
        margin-left: 0;
    }

    .service4 .pic {
        float: left;
        width: 600px;
        height: 820px;
        margin-left: 0;
    }

    .service5 .pic {
        float: right;
        width: 600px;
        height: 768px;
        margin-right: 0;
    }

    .service5 .service3-info {
        margin-left: 0;
    }

    .service6 .pic {
        float: left;
        width: 600px;
        height: 515px;
    }
}

@media (max-width: 1366px) {
    .news ul {
        margin: 0 -20px;
    }

    .news ul li {
        padding: 0 20px;
    }

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

    .about3 .about33 h3 {
        font-size: 32px;
        margin-bottom: 0;
    }

    .about3 .about33 p {
        font-size: 18px;
    }

    .about3 {
        margin: 0 20px;
    }
    .service2 ul li{
        width:230px;
    }
}

@media (max-width: 1280px) {
    .home-design .proshow .center a {
        padding: 30px;
    }

    .home-design .procate li a span {
        font-size: 13px;
    }

    .home-design .procate li a h3 {
        font-size: 24px;
    }

    .home-news ul li span {
        padding-top: 17px;
    }

    .home-news .news-right .pic {
        width: 830px;
        height: 208px;
    }

    .home-news .news-right {
        width: 830px;
    }

    .home-news ul li h3 {
        height: 32px;
        font-size: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inbanner .nav-list {
        bottom: 150px;
    }

    .inbanner .nav-list .case-prev {
        margin-left: 20px;
    }

    .inbanner .nav-list .case-next {
        margin-right: 20px;
    }

    .about2 .about2-left {
        margin-right: 30px;
    }

    .service6 .service6-info {
        width: 600px;
    }

    .service4 .pic {
        width: 550px;
        height: 752px;
    }

    .contact .contact-info {
        margin-left: 0;
        margin-top: 60px;
    }

    .case ul li .pic .mengban {
        padding-top: 26%;
    }
}
  .home-inmain{
      padding-top: 90px;
  }
@media (max-width: 1260px) {
    .about2 .about2-left img {
        width: 590px;
    }

    .about3 .about33 p {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .news-show .news-left {
        width: 60%;
    }

    .footer .footer-bottom .footer-right .footer-list ul li {
        margin-left: 40px;
    }

    .home-inmain {
        margin-top: 50px;
        padding-top:0;
    }

    .about2 .about2-left img {
        width: 540px;
    }

    .news ul {
        margin: 0 -10px;
    }

    .news ul li {
        padding: 0 10px;
    }

    .service2 ul li {
        width: 180px;    height: 63px;
    }
    .service2 ul li a h3{
        font-size:18px;
    }
    .service3 .pic {
        width: 500px;
        height: 569px;
    }

    .service3 .service3-info {
        padding-top: 100px;
    }

    .service4 .pic {
        width: 450px;
        height: 616px;
    }

    .service4 .service3-info {
        padding-top: 100px;
    }

    .service5 .pic {
        width: 450px;
        height: 576px;
    }

    .service5 .service3-info {
        padding-top: 100px;
    }

    .service6 .pic {
        float: left;
        width: 450px;
        height: 387px;
    }

    .service6 .service6-info {
        margin-top: 0;
    }

    .home-news .news-right {
        width: 750px;
    }

    .home-news .news-right .pic {
        width: 750px;
        height: 188px;
    }

    .home-news ul li span {
        padding-bottom: 26px;
        padding-top: 5px;
    }
}

@media (max-width: 1024px) {


    .footer {
        margin-bottom: 112px;
    }

    .footer .footer-bottom .footer-right {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .footer .footer-bottom .footer-left {
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
    }

    .footer .footer-bottom .footer-left .f2 a {
        float: none;
        display: inline-block;
    }

    .footer .footer-bottom .footer-left .f2 span {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .home-design .procate li a {
        height: 80px;
        padding: 10px;
    }

    .home-design .procate li {
        height: 107px;
    }

    .home-design {
        padding: 50px 0;
    }

    .home-design .proshow {
        margin-top: 20px;
    }

    .home-design .proshow .center .pic {
        position: relative;
        float: none;
    }

    .home-design .proshow .center .case-info {
        padding-left: 0;
    }

    .copyRight .copy1, .copyRight .copy2, .copyRight .copy3 {
        float: none;
        display: inline-block;
    }

    .about2 .about2-left img {
        width: 450px;
    }

    .about2 .about2-right {
        width: 450px;
    }

    .about2 .about2-right {
        padding-top: 45px;
    }

    .about2 .about2-right span {
        font-size: 36px;
    }

    .about3 .about33 .about3-info {
        padding: 15px 10px 30px 10px;
    }

    .about3 .about33 p {
        font-size: 15px;
    }

    .news-show .news-right-list {
        width: 345px;
    }

    .news-show .news-right-list .news-top-one {
        margin-top: 10px;
    }

    .service1 .service1-bottom {
        padding: 0 50px 76px 50px;
    }

    .service3 .service3-info {
        width: 415px;
    }

    .service4 .service3-info {
        width: 415px;
    }

    .service5 .service3-info {
        width: 480px;
    }

    .service6 .service6-info {
        width: 500px;
        padding-top: 0;
    }

    .service7 .s7-bottom {
        padding: 0 10px;
    }

    .contact .contact-info {
        background: url(../images/contact2.png) no-repeat center left;
        width: 455px;
    }

    .contact .contact-info {
        margin-top: 20px;
    }

    .case ul li .pic .mengban {
        font-size: 28px;
    }

    .home-news ul li {
        width: 33.3333333%;
        float: left;
        padding: 0 10px;
    }

    .home-news ul li a {
        padding: 0 5px;
    }

    .home-news .news-left {
        width: 100%;
        float: none;
    }

    .home-news .news-right {
        width: 100%;
        float: none;
    }

    .home-news .news-right .pic {
        width: 100%;
        height: auto;
    }

    .home-news .news-right .pic:after {
        padding-bottom: 25%;
    }
}

@media(max-width:1024px){
    .home-design .procate li {
        padding:0 5px 5px 5px;
        height:83px;
    }
    .home-design .procate li a h3{
        font-size:16px;
    }
    .home-design .procate li a{
        padding:5px;
        height:70px;
    }
    .home-design .procate li a span{
        font-size:12px;
        font-family: arial;
    }
    .home-design .procate li i{
        height:13px;
    }
    .home-design .proshow .center{
        padding:0;
    }
    .home-design .proshow .center>div{
        float:left;
        width:20%;
    }
    .home-design .proshow .center a{
        padding:5px;
    }
    .home-design .proshow .center .case-info h3{
        font-size:16px;
        margin-bottom:0;
    }
    .home-design .proshow .center .case-info p{
        display: none;
    }
    .home-design .proshow .center .case-info span{
        display: none;
    }
    .home-design .proshow .center .pic{
        width:40px;
        height: 40px;
    }
}
@media (max-width: 992px) {

    .inbanner .nav-list {
        bottom: 50px;
    }

    .about2 .about2-left {
        margin-right: 0;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .about2 .about2-left img {
        width: auto;
        margin-left: -30px;
    }

    .about2 .about2-right {
        width: 100%;
    }

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

    .about2 .container {
        padding: 0;
    }

    .about2 .about2-right {
        padding: 0 10px 10px 10px;
    }

    .about2 .about2-right .a1 {
        margin-top: 10px;
    }

    .about2 .about2-right ul {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .about3 .about32 {
        width: 100%;
        margin-top: 15px;
    }

    .about3 .about33 {
        width: 49%;
    }

    .about3 .about31 {
        width: 49%;
        margin-right: 2%;
    }

    .news-show .news-left {
        width: 100%;
    }

    .news-show .news-right-list {
        display: none;
    }
}

@media (max-width: 768px) {
    .contact .contact-p {
        position: relative;
        margin: 0 auto;
    }

    .contact .contact-info {
        margin: 10px auto;
    }

    .news-show .news-h1 {
        font-size: 22px;
        line-height: 40px;
    }

    .home-news .news-right .pic {
        margin-bottom: 10px;
    }

    .home-news .news-right .pic img {
        width: 1000px;
        position: relative;
        margin-left: -500px;
        max-width: none;
        left: 50%;
    }

    .home-news .news-right .pic:after {
        content: normal;
    }

    .header .logo a span {
        font-size: 20px;
    }

    .home-case {
        padding: 25px 0;
    }

    .main-title {
        margin-bottom: 10px;
    }

    .main-title h3 {
        font-size: 24px;
    }

    .case ul {
        margin: 0 -5px;
    }

    .case ul li {
        padding: 0 5px;
        width: 50%;
        margin-bottom: 15px;
    }

    .home-case.case ul li:nth-child(n+9) {
        display: none;
    }

    .case ul li .case-info h3 {
        margin-top: 10px;
        font-size: 18px;
    }

    .case ul li .pic .mengban {
        display: none;
    }

    .home-design {
        padding:0;
    }

    .home-design .proshow {
        margin-top: 0;
        padding:25px;
    }

    .home-design .proshow .center a {
        padding: 10px;
    }

    .home-design .procate li a h3 {
        line-height: 30px;
    }
    .home-design .proshow .center>div{
        width:25%;
    }
    .home-design .procate{
        border-top:1px solid #fff;
    }
    .home-design .procate li a span{
        display: none;
    }
    .home-design .procate li {
        height:auto;
        border-bottom:1px solid #fff;
        border-right:1px solid #fff;
    }
     .home-design .container{
         padding:0;
     }
    .home-design .procate li a {
        height:auto;
        background: none !important;
        padding:10px;
    }
    .home-design .procate .sel i{
        display: none !important;
    }
    .home-design .proshow .center a:hover{
        background: none;
    }
    .home-design .proshow .center .case-info h3{
        font-size:14px;
    }
    .home-design .procate li{
        width:50%;
        padding:0;
    }
    .home-design .procate li i{
        display: none;
    }
    .home-design .procate li a{

    }
    .home-design .proshow .center .case-info p {
        margin-bottom: 0;
    }

    .home-design .procate li i {
        height: 13px;
    }

    .home-news {
        padding: 25px 0;
    }

    .home-news ul li {
        width: 100%;
        padding: 0;
    }

    .home-news ul li a {
        padding: 0;
    }

    .home-news ul li span {
        padding: 5px;
    }


    .footer .footer-top {
        padding: 10px 0;
    }

    .footer .footer-bottom {
        padding: 20px 0;
    }

    .copyRight .copy1 {
        display: none;
    }

    .copyRight .copy_inp1 {
        display: none;
    }

    .copyRight .copy_btn1 {
        display: none;
    }

    .copyRight .copy2 {
        display: none;
    }

    .copyRight .liji {
        display: inline-block;
    }

    .copyRight .copy_btn2 {
        display: inline-block;
    }

    .inmain-title {
        margin-bottom: 15px;
    }

    .inmain-title h3 {
        font-size: 24px;
    }

    .inmain {
        padding: 25px 0;
    }

    .case-message {
        padding: 25px 0;
        margin-bottom: 25px;
    }

    .inbanner .inbanner-info h3 {
        font-size: 30px;
    }

    .case-show-info {
        padding-bottom: 25px;
    }

    .case-contact {
        padding-bottom: 40px;
    }

    .case-contact .case-a a {
        margin-bottom: 5px;
    }

    .about2 .about2-right h3 {
        font-size: 24px;
    }

    .about2 .about2-right span {
        font-size: 26px;
    }

    .about2 .about2-right p {
        font-size: 14px;
    }

    .about2 .about2-right ul li {
        width: 70px;
        height: 70px;
        font-size: 16px;
        line-height: 70px;
        margin-right: 28px;
    }

    .about2 .about2-right ul li.zhineng {
        line-height: 25px;
        padding-top: 10px;
    }

    .about3 {
        margin: 0 10px;
    }

    .about4 {
        margin: 25px 0;
    }
    .about4 .picMarquee-left{
        height:50px;
    }
    .about4 .picMarquee-left .bd ul li .pic{
        width:100px;
        height:50px;
    }
    .about1 .about-p {
        padding-top: 25px;
    }

    .about1 .number ul li {
        width: 146px;
        height: 230px;
    }

    .about1 .number {
        margin-top: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        background: #e3472e url(../images/about-num.jpg) no-repeat bottom left;
    }

    .about1 .number ul li h3 {
        margin-bottom: 20px;
    }

    .about1 .about-p h3 {
        font-size: 26px;
    }

    .about1 .about-p span {
        font-size: 30px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .about1 .number ul li h3 span {
        font-size: 36px;
    }

    .news ul {
        margin: 0 -5px;
    }

    .news ul li {
        padding: 0 5px;
        margin-bottom: 25px;
    }

    .news-show .news-p {
        padding: 20px 0;
    }

    .service1 .service1-title h3 {
        font-size: 26px;
    }

    .service1 {
        padding: 25px 0;
    }

    .service1 .service1-title span {
        font-size: 18px;
    }

    .service1 .service1-bottom {
        margin-top: 20px;
    }
    .service1 .service1-bottom ul li .pic{
        background-size: 120px;
        width:120px;
        height:120px;
    }
    .service1 .service1-bottom ul li a .service-info {
        margin-top: 20px;
    }

    .service1 .service1-bottom ul li a .service-info p {
        padding: 0 20px;
    }

    .service2 {
        padding: 15px 0;
    }
    .service2 ul{
        overflow: hidden;
        padding-right:20px;
        padding-bottom:4px;
    }
    .service2 ul li {
        vertical-align: top;

        float:left;
        height: 40px;
        width:20%;
        margin:4px 2px 0 2px;
    }
    .service2 ul li a{
        padding:0;
        line-height:40px;
    }
    .service2 ul li a h3 {
        font-size: 14px;
    }
    .service2 ul li a p{
        display: none;
    }
    .service2 .container i{
        position: absolute;
        top: 10px;
        right: 5px;
        background: url(../images/jia-11.png) no-repeat center center;
        width: 20px;
        height: 20px;
        content:"";
        display: block;
    }
    .service2 .container i.active{
        background: url(../images/jian1.png) no-repeat center center;
    }
    .service2 .container.fixed i{
        position: absolute;
        top: 10px;
        right: 5px;
        background: url(../images/jia-1.png) no-repeat center center;
        width: 20px;
        height: 20px;
        content:"";
        display: block;
    }
    .service2 .container.fixed i.active{
        background: url(../images/jian.png) no-repeat center center;
    }

    .pin-wrapper{
        height:auto !important;
    }
    .service2 ul li a p {
        font-size: 12px;
    }
    .service2 .container{
        height:48px;
    }
    .service3 {
        padding: 25px 0;
    }

    .service3 .service3-info {
        padding-top: 0;
        width: 100%;
    }

    .service3 .service3-info h3 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5px;
    }

    .service3 .service3-info span {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .service3 .service3-info p {
        font-size: 14px;
    }

    .service3 .pic {
        margin: 0 auto;
        float: none;
    }

    .service4 {
        padding: 25px 0;
    }

    .service4 .service3-info {
        padding-top: 0;
        width: 100%;
        margin-right: 0;
    }

    .service4 .service3-info h3 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5px;
    }

    .service4 .service3-info span {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .service4 .service3-info p {
        font-size: 14px;
    }

    .service4 .pic {
        margin: 0 auto;
        float: none;
    }

    .service5 {
        padding: 25px 0;
    }

    .service5 .service3-info {
        padding-top: 0;
        width: 100%;
        margin-right: 0;
    }

    .service5 .service3-info h3 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 5px;
    }

    .service5 .service3-info span {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .service5 .service3-info p {
        font-size: 14px;
    }

    .service5 .pic {
        margin: 0 auto;
        float: none;
    }

    .service6 {
        padding: 25px 0;
    }

    .service6 .pic {
        margin: 0 auto;
        float: none;
    }

    .service6 .service6-info {
        padding-top: 0;
        width: 100%;
    }

    .service6 h3 {
        font-size: 32px;
    }

    .service6 span {
        font-size: 26px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .service7 {
        padding: 25px 0 0 0;
    }

    .service7 .h7 {
        font-size: 32px;
        line-height: 40px;
    }

    .service7 .span7 {
        font-size: 26px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .service7 .s7-bottom {
        background: 0;
    }

    .service7 ul {
        width: 100%;
    }

    .service7 ul li {
        float: left;
        width: 50%;
    }

    .service7 .right {
        width: 100%;
    }

    .service7 .right li {
        float: left;
        width: 50%;
    }

    .service8 {
        background-attachment: inherit;
        height: auto;
    }

    .consultDiv {
        display: none !important;
    }

    .footer .footer-bottom .footer-right .ewm {
        display: none;
    }

    .footer .footer-bottom .footer-right .footer-list {
        text-align: center;
        margin: 0 auto;
        float: none;
    }

    .footer .footer-bottom .footer-right .footer-list ul li {
        float: none;
        display: inline-block;
        margin-left: 0;
        text-align: left;
        vertical-align: top;
        padding: 0 10px;
    }

    .footer .footer-bottom .footer-right .footer-list ul li a {
        max-width: none;
    }

    .footer .footer-bottom .footer-right .footer-list ul .list1 {
        margin-left: 0;
    }

    .footer .footer-bottom .footer-right .footer-list ul li ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .home-design .proshow .center .slick-next {
        background: url(../images/right2.png) no-repeat center center;
        width: 25px;
        height: 30px;
    }

    .home-design .proshow .center .slick-next:hover {
        background: url(../images/right2.png) no-repeat center center;
    }

    .home-design .proshow .center .slick-prev {
        background: url(../images/left2.png) no-repeat center center;
        width: 25px;
        height: 30px;
    }

    .home-design .proshow .center .slick-prev:hover {
        background: url(../images/left2.png) no-repeat center center;
    }



    .inbanner .nav-list {
        display: none;
    }

    .inbanner .inbanner-info {
        padding: 30px 0;
        margin-bottom: 20px;
    }
}

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

    .mobile-footer-menu {
        display: block;
        width: 100%;
        background: #333;
        padding: 5px 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        list-style: none;
        font-size: 12px;
    }

    .mobile-footer-menu li {
        width: 25%;
        float: left;
        position: relative;
    }

    .mobile-footer-menu li:after {
        content: "";
        position: absolute;
        height: 42px;
        width: 1px;
        background: rgba(255, 255, 255, 0.1);
        right: 0;
        top: 2px;
    }

    .mobile-footer-menu li span {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

    .mobile-footer-menu li span img {
        max-width: 100%;
    }

    .mobile-footer-menu li em {
        text-transform: capitalize;
        font-style: normal;
        text-align: center;
        display: block;
        color: #fff;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

    .mobile-footer-menu li:last-child:after {
        display: none;
    }
}

@media (max-width: 500px) {
    .case ul li .case-info h3 .case-xin {
        display: none;
    }

    .case ul li .case-info h3 {
        padding-right: 0;
    }

    .home-news ul li {
        width: 100%;
        float: left;
        padding: 0 5px;
    }

    .home-news ul li:nth-child(n+3) {
        display: block;
    }

    .home-news ul li:nth-child(n+4) {
        display: none;
    }

    .home-news ul li h3 {
        height: auto;
        font-size: 18px;
    }
    .service2 ul li{
        width:145px;
    }


    .footer .footer-bottom .footer-right .footer-list ul li ul {
        display: none;
    }

    .footer .footer-bottom .footer-right .footer-list ul li.list1 {
        display: none;
    }

    .home-news .news-title h3 {
        font-size: 16px;
        letter-spacing: 2px;
    }
    .home-design .procate li a h3{
        font-size:15px;
    }
    .home-design .proshow .center .case-info h3{
        font-size:12px;

    }
    .home-design .proshow .center>div{
        width:33.3333333%
    }
    .home-design .proshow{
        padding:10px;
    }
    .home-design .proshow .center a{
        padding:5px;
    }
    .inbanner .nav-list .case-prev {
        color: transparent;
        width: 50px;
        padding-left: 0;
        background: url(../images/prev.png) no-repeat right center;
    }

    .inbanner .nav-list .case-next {
        color: transparent;
        width: 50px;
        padding-right: 0;
        background: url(../images/next.png) no-repeat left center;
    }

    .inbanner .inbanner-info {
        top: 34%;
        margin-top: 0;
    }

    .inbanner .inbanner-info h3 {
        font-size: 24px;
    }

    .inbanner .nav-list {
        bottom: 20px;
    }

    .news ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .news ul li .news-info h3 {
        font-size: 16px;
    }

    .service1 .service1-bottom {
        padding: 0 10px 40px 10px;
    }

    .service2 ul li a h3{
        font-size:14px;
    }

    .service3 .pic {
        width: 100%;
        height: auto;
    }

    .service4 .pic {
        width: 100%;
        height: auto;
    }

    .service5 .pic {
        width: 100%;
        height: auto;
    }

    .service6 .pic {
        width: 100%;
        height: auto;
    }

    .service7 ul li {
        width: 100%;
    }

    .service7 .right li {
        width: 100%;
    }

    .service7 ul li span {
        font-size: 38px;
    }

    .service7 ul li .ser7-info h3 {
        font-size: 24px;
    }

    .service7 ul li .ser7-info b {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .service7 ul li .ser7-info p {
        width: 100%;
        height: auto;
    }

    .service7 ul li {
        margin-bottom: 10px;
    }

    .contact .contact-info {
        width: 100%;
        background: #e37a2e;
        height: auto;
    }

    .contact .contact-info .c-info {
        width: 100%;
        padding: 10px;
        margin: 0;
    }

    .contact .contact-p .container {
        padding: 0;
    }

    .contact .contact-pic {
        width: 700px;
        margin-left: -250px;
    }

    .home-design .proshow .center .slick-next {
        display: none;
    }

    .home-news .news-right .pic img {
        width: 800px;
        position: relative;
        margin-left: -400px;
        max-width: none;
        left: 50%;
    }

    .about3 .about33 p {
        line-height: 45px;
    }
}

@media (max-width: 414px) {
    .case ul li .case-info h3 {
        font-size: 16px;
    }

    .service2 ul li a h3 {
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .service2 ul li{
        width:auto;
        padding:0 10px;
    }


    .about1 .number ul li {
        width: 33.3333333%;
        float: left;
        height:170px;
    }
    .about1 .number ul li h3 span{
        font-size:24px;
        line-height:30px;
    }
    .about1 .number ul li .pic{
        height:30px;
        margin-bottom:5px;
    }
    .about1 .number ul li h3{
        margin-bottom:5px;
    }
    .about1 .number ul li p{
        font-size:12px;
    }
    .about3 .about31 {
        width: 100%;
        margin-right: 0;
    }

    .about3 .about32 {
        width: 100%;
    }

    .about3 .about33 {
        width: 100%;
    }

    .about3 .about33 .about3-info {
        padding: 30px 10px 60px 10px;
    }

    .copyRight .copy_btn2 {
        margin-left: 5px;
    }

    .copyRight .copy2 {
        margin-left: 0;
    }

    .footer .footer-bottom .footer-left {
        text-align: left;
        padding-left: 10px;
    }

    .footer .footer-bottom .footer-right .footer-list {
        text-align: left;
        padding-bottom: 10px;
        border-bottom: 1px dashed #515050;
        margin-bottom: 20px;
    }

    .about3 .about33 p {
        font-size: 22px;
        line-height: 50px;
    }

    .about3 .about33 {
        background: url(../images/about33.jpg) no-repeat center -90px;
    }

    .about3 .about33:after {
        padding-bottom: 125%;
    }
    .home-news .news-title h3 {
        font-size: 14px;
        letter-spacing: 1px;
    }
}

@media (max-width: 375px) {
    .about3 .about33:after {
        padding-bottom: 138%;
    }

}

@media (max-width: 360px) {
    .about3 .about33:after {
        padding-bottom: 143%;
    }
}

@media (max-width: 320px) {
    .about3 .about33 p {
        font-size: 18px;
        line-height: 45px;
    }

    .about3 .about33:after {
        padding-bottom: 150%;
    }

    .about3 .about33 {
        background: url(../images/about33.jpg) no-repeat center -115px;
    }

    .inbanner .inbanner-info {
        top: 32%;
    }
    .service2 ul li{
        width:auto;
        padding:0 2px;
    }
}

@-webkit-keyframes scaleBigToSmall {
    0% {
        -webkit-transform: scale(1.2) translate3d(0, 20%, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes scaleBigToSmall {
    0% {
        -moz-transform: scale(1.2) translate3d(0, 20%, 0);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-ms-keyframes scaleBigToSmall {
    0% {
        -ms-transform: scale(1.2) translate3d(0, 20%, 0);
        opacity: 0;
    }

    100% {
        -ms-transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

.scaleBigToSmall {
    -webkit-animation-name: scaleBigToSmall;
    animation-name: scaleBigToSmall;
    transform-origin: 50% 50%;
}

.myTop {
    width: 45px;
    position: fixed;
    right: 0;
    bottom: 150px;
    z-index: 55;
}

.myTop a {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    display: block;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    margin-top: 1px;
}

.myTop p {
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.myPhone {
    position: relative;
}

.myPhone p {
    background: #c00 url(../images/mynum.png) no-repeat 10px center;
    width: 160px;
    padding-left: 45px;
}

.myPhone:hover p {
    left: -115px;
    background: #000 url(../images/mynum.png) no-repeat 10px center;
}

.myQQ {
    position: relative;
}

.myQQ p {
    background: #c00 url(../images/myqq.png) no-repeat 10px center;
    width: 110px;
    padding-left: 45px;
}

.myQQ:hover p {
    left: -65px;
    background: #000 url(../images/myqq.png) no-repeat 10px center;
}

.GoTop {
    z-index: 99999;
    height: 45px;
    background: #cbcbcb;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    position: relative;
}

.GoTop i {
    background: url("../images/dot5.png") no-repeat center center;
    width: 45px;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.GoTop:hover {
    background: #000;
}

.GoTop:hover i {
    background: url("../images/dot5h.png") no-repeat center center;
}

.myweixin {
    width: 45px;
    height: 45px;
    background: #c00 url(../images/wxs1.png) no-repeat 10px center;
}

.myweixin:hover {
    background-color: #000;
}

.myweixin span {
    width: 133px !important;
    height: 133px !important;
    position: absolute;
    right: -200px;
    bottom: 0;
    display: block;
    z-index: -1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.myweixin:hover span {
    right: 45px;
}
@media(max-width:768px){
    .myTop{
        display: none !important;
    }
}
.hosting {
    background: #fff;
    padding: 40px 0 0 0;
}

@media (max-width: 1259px) {
    .hosting {
        width: 100%;
        overflow: auto;
    }

    .hosting .hosting-box {
        padding-left: 10px;
        padding-right: 10px;
        width: 1260px;
    }
}

.hosting-product dt {
    min-height: 95px;
}

.hosting-product dt .iconfont {
    font-size: 42px;
    color: #fff;
    display: inline-block;
    line-height: 42px;
    vertical-align: middle;
}

.hosting-product dd {
    border-bottom: solid #f3f3f3 1px;
    overflow: hidden;
    text-align: center;
}

.hosting-product dd .p-01 {
    color: #fff;
    font-size: 20px;
}

.hosting-product dd .p-02 {
    line-height: 18px;
}

.hosting-product .exclusiveTpye {
    width: 77%;
    float: left;
    border-top-left-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 2px 3px 0 #f2f2f2;
    box-shadow: 2px 3px 0 #f2f2f2;
    border-right: 3px solid #f2f2f2;
    text-align: center;
}

.hosting-product .exclusiveTpye dt {
    background: #e3472e;
    color: #fdc8bb;
    padding-top: 15px;
}

.hosting-product .exclusiveTpye dt span {
    display: inline-block;
    padding-left: 5px;
    margin-top: -3px;
    vertical-align: middle;
}

.hosting-product .exclusiveTpye dt em {
    font-size: 24px;
    color: #fff;
    clear: both;
    display: block;
    font-style: normal;
    line-height: 26px;
}

.hosting-product .exclusiveTpye dd li {
    width: 25%;
    float: left;
}

.hosting-product .exclusiveTpye dd li:hover .div-02 .btn {
    background: #e3472e;
    color: #fff;
}

.hosting-product .exclusiveTpye dd .box-01 {
    border-top: solid 1px #ff7753;
    border-right: #ff7753 solid 1px;
    background: #e3472e;
    color: #fdc8bb;
}

.hosting-product .exclusiveTpye dd .box-02 {
    border-left: #e8e8e8 solid 1px;
    border-top: 0;
}

.hosting-product .exclusiveTpye dd .div-01 {
    overflow: hidden;
    padding: 15px 0;
}

.hosting-product .exclusiveTpye dd .div-01 span {
    display: inline-block;
    color: #848484;
    width: 50%;
    float: left;
    text-align: center;
    margin: 15px 0;
    border-right: dotted 1px #bfbfbf;
}

.hosting-product .exclusiveTpye dd .div-01 span:nth-child(2n) {
    border: 0;
}

.hosting-product .exclusiveTpye dd .div-01 span em {
    font-style: normal;
    font-size: 18px;
    color: #4a4a4a;
    display: block;
}

.hosting-product .exclusiveTpye dd .div-02 {
    clear: both;
    color: #848484;
    text-align: center;
    padding: 30px 0;
    border-top: solid 1px #f3f3f3;
    line-height: 24px;
}

.hosting-product .exclusiveTpye dd .div-02 .priceM {
    color: #ec5d38;
    font-size: 24px;
}

.hosting-product .exclusiveTpye dd .div-02 .priceY {
    color: #ec5d38;
}

.hosting-product .exclusiveTpye dd .div-02 i {
    font-size: 12px;
    color: #e3472e;
    border-radius: 10px;
    border: solid 1px;
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    margin: 0 0 0 10px;
    font-style: normal;
}

.hosting-product .exclusiveTpye dd .div-02 .btn {
    display: inline-block;
    color: #e3472e;
    border: solid 1px #e3472e;
    border-radius: 5px;
    line-height: 36px;
    padding: 0 5px;
    min-width: 170px;
    font-size: 16px;
    margin: 20px 0 0 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hosting-product .exclusiveTpye dd .div-02 .btn:hover {
    background: #e3472e;
    color: #fff;
}

.hosting-product .box-01 {
    padding: 30px 0 10px 0;
}

.hosting-product .box-01 .p-02 {
    height: 36px;
}

.hosting-product .shareTpye {
    float: right;
    width: 22%;
    border-top-right-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 4px 3px 0 #f2f2f2;
    box-shadow: 4px 3px 0 #f2f2f2;
}

.hosting-product .shareTpye dt {
    background: #3c7dda;
    color: #a5c9fd;
    text-align: center;
    padding-top: 27px;
}

.hosting-product .shareTpye dt span {
    display: inline-block;
    padding-left: 5px;
    margin-top: -3px;
    vertical-align: middle;
}

.hosting-product .shareTpye dt em {
    font-size: 24px;
    color: #fff;
    clear: both;
    display: block;
    font-style: normal;
    line-height: 26px;
}

.hosting-product .shareTpye dt .p-02 {
    line-height: 18px;
}

.hosting-product .shareTpye dd {
    min-height: 544px;
}

.hosting-product .shareTpye dd li {
    width: 100%;
    float: left;
}

.hosting-product .shareTpye dd li:hover .div-02 .btn {
    background: #3c7dda;
    color: #fff;
}

.hosting-product .shareTpye dd .box-01 {
    border-top: solid 1px #5693ed;
    background: #3c7dda;
    color: #a5c9fd;
}

.hosting-product .shareTpye dd .p-01 {
    color: #fff;
    font-size: 20px;
}

.hosting-product .shareTpye dd .box-02 {
    border-left: #e8e8e8 solid 1px;
    border-top: 0;
}

.hosting-product .shareTpye dd .div-01 {
    overflow: hidden;
    padding: 15px 0;
}

.hosting-product .shareTpye dd .div-01 span {
    display: inline-block;
    color: #848484;
    width: 50%;
    float: left;
    text-align: center;
    margin: 15px 0;
    border-right: dotted 1px #bfbfbf;
}

.hosting-product .shareTpye dd .div-01 span:nth-child(2n) {
    border: 0;
}

.hosting-product .shareTpye dd .div-01 span em {
    font-style: normal;
    font-size: 18px;
    color: #4a4a4a;
    display: block;
}

.hosting-product .shareTpye dd .div-02 {
    clear: both;
    color: #848484;
    text-align: center;
    padding: 30px 0;
    border-top: solid 1px #f3f3f3;
    line-height: 24px;
}

.hosting-product .shareTpye dd .div-02 .priceY {
    color: #f00;
    font-size: 24px;
}

.hosting-product .shareTpye dd .div-02 .btn {
    display: inline-block;
    color: #3c7dda;
    border: solid 1px #3c7dda;
    border-radius: 5px;
    line-height: 36px;
    padding: 0 5px;
    min-width: 170px;
    font-size: 16px;
    margin: 20px 0 0 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hosting-product .shareTpye dd .div-02 .btn:hover {
    background: #3c7dda;
    color: #fff;
}

.hosting-product .shareTpye dd .p-03 {
    color: #f00;
}

.hosting-info {
    margin-top: 56px;
    padding: 45px 0 45px 0;
    color: #999;
    overflow: hidden;
    clear: both;
}

.hosting-info .nav-height {
    position: relative;
    z-index: 9;
}

.hosting-info .nav-wrap.navFix {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #e3e3e3 \9;
    z-index: 9;
    width: 100%;
    background: #fff;
}

.hosting-info .nav-wrap ul {
    width: 1260px;
    display: block;
    margin: 0 auto;
}

.hosting-info .nav-wrap li {
    display: inline-block;
    text-align: left;
    height: 50px;
    line-height: 50px;
    float: left;
}

.hosting-info .nav-wrap li a {
    min-width: 164px;
    text-align: center;
    display: block;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
    position: relative;
}

.hosting-info .nav-wrap li a:hover, .hosting-info .nav-wrap li a.active {
    color: #fff;
    background: #e3472e;
}

.hosting-info .nav-wrap li a.active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px;
    border-color: #e3472e transparent transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -9px;
}

.hosting-info .content {
    border: solid 1px #e8e8e8;
    padding-bottom: 60px;
    padding: 15px 46px 85px 47px;
}

.hosting-info .content-01, .hosting-info .content-02, .hosting-info .content-03 {
    position: relative;
}

.hosting-info #section1, .hosting-info #section2, .hosting-info #section3 {
    position: absolute;
    height: 30px;
    top: -70px;
}

.hosting-info .content-01 {
    padding: 60px 0 40px 0;
}

.hosting-info .content-02 {
    padding: 60px 0 40px 0;
    border-top: solid 1px #e8e8e8;
    position: relative;
}

.hosting-info .content-02:before, .hosting-info .content-02:after {
    content: "";
    height: 1px;
    width: 100px;
    background: #e8e8e8;
    position: absolute;
    top: -1px;
}

.hosting-info .content-02:before {
    left: -47px;
}

.hosting-info .content-02:after {
    right: -47px;
}

.hosting-info .content-03 {
    padding: 60px 0 0 0;
    border-top: solid 1px #e8e8e8;
    position: relative;
}

.hosting-info .content-03:before, .hosting-info .content-03:after {
    content: "";
    height: 1px;
    width: 100px;
    background: #e8e8e8;
    position: absolute;
    top: -1px;
}

.hosting-info .content-03:before {
    left: -47px;
}

.hosting-info .content-03:after {
    right: -47px;
}

.hosting-info .list-one {
    text-align: center;
    margin: 15px 0 15px 0;
}

.hosting-info .list-one ul {
    border-right: solid 1px #d2d2d2;
    overflow: hidden;
}

.hosting-info .list-one li {
    width: 25%;
    float: left;
    color: #999;
    z-index: 1;
    position: relative;
}

.hosting-info .list-one li .box {
    border: solid 1px #d2d2d2;
    border-right: 0;
    padding-top: 60px;
    min-height: 330px;
}

.hosting-info .list-one li .box:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: transparent;
}

.hosting-info .list-one li i {
    display: inline-block;
    border: solid 1px #d2d2d2;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    color: #000;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.hosting-info .list-one li .title {
    color: #000;
    padding: 20px 0;
}

.hosting-info .list-one li .title .big {
    font-size: 18px;
    font-weight: bold;
}

.hosting-info .list-one li .text {
    font-size: 12px;
    width: 205px;
    margin: 0 auto;
}

.hosting-info .list-one li.cur .box:before, .hosting-info .list-one li:hover .box:before {
    border: solid 1px #e3472e;
    border-bottom: 5px solid #e3472e;
}

.hosting-info .list-one li.cur i, .hosting-info .list-one li:hover i {
    border: solid 1px #ff7753;
    color: #fff;
    background: #e3472e;
    border-radius: 50%;
}

.hosting-info .list-one li.cur .title, .hosting-info .list-one li:hover .title {
    color: #e3472e;
}

.hosting-info .table-one {
    border-color: #e4e4e4;
    color: #666;
    line-height: 22px;
    font-size: 12px;
    border-top: solid 2px #ec5d38;
}

.hosting-info .table-one th {
    font-weight: normal;
    font-size: 16px;
    color: #000;
    background: #fafafa;
    padding: 15px 15px;
    border: #e4e4e4 1px solid;
}

.hosting-info .table-one td {
    padding: 15px 15px;
    border: #e4e4e4 1px solid;
}

.hosting-info .table-one .title-01 {
    font-size: 16px;
    color: #000;
    text-align: center;
    background: #fafafa;
}

.hosting-info .table-one .order {
    color: #3c7dda;
    display: inline-block;
    border-bottom: solid 1px #3c7dda;
}

.hosting-info .parameters .subNavBox {
    border-top: #e4e4e4 solid 1px;
    border-bottom: #e4e4e4 solid 1px;
}

.hosting-info .parameters .navContent {
    display: none;
    border-left: #e4e4e4 solid 1px;
    border-right: #e4e4e4 solid 1px;
}

.hosting-info .parameters .subNav {
    display: block;
    font-size: 16px;
    color: #e3472e;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    background: #f9f9f9;
    border-top: #e4e4e4 solid 1px;
    border-left: #e4e4e4 solid 1px;
    border-right: #e4e4e4 solid 1px;
    padding-left: 18px;
}

.hosting-info .parameters .subNav a {
    display: block;
}

.hosting-info .parameters .subNav:before {
    content: "";
    display: block;
    float: left;
    margin-top: 14px;
    margin-right: 10px;
    height: 14px;
    width: 14px;
    background: url(../images/icon-all.png) no-repeat -44px -152px;
}

.hosting-info .parameters .subNav.current {
    color: #000;
}

.hosting-info .parameters .subNav.current:before {
    background: url(../images/icon-all.png) no-repeat -10px -152px;
}

.hosting-info .table-two {
    border-color: #e4e4e4;
    color: #666;
    line-height: 22px;
    font-size: 12px;
    border: 0;
}

.hosting-info .table-two th {
    font-weight: normal;
    font-size: 16px;
    color: #000;
    background: #fafafa;
    padding: 15px 15px;
    border: #e4e4e4 1px solid;
}

.hosting-info .table-two td {
    padding: 15px 15px;
    border: #e4e4e4 1px solid;
}

.hosting-info .table-two .title-01 {
    font-size: 14px;
    color: #000;
    background: #fafafa;
}

.hosting-info .table-two .title-02 {
    text-align: left;
    position: relative;
}

.hosting-info .table-two .title-02:before {
    content: "";
    width: 14px;
    height: 4px;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.hosting-info .table-two .list-two li {
    text-align: center;
    border-right: #e5e5e5 solid 1px;
    margin: 0 5px 0 5px;
    padding: 0 15px 0 0;
    display: inline-block;
}

.hosting-info .table-two .list-two li img {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.hosting-info .table-two .list-two li:last-child {
    border: 0;
    text-align: left;
}

.hosting-info .table-two .list-three li {
    width: 50%;
    float: left;
    border-right: #e5e5e5 solid 1px;
    padding: 0 5px 0 5px;
    word-break: break-all;
}

.hosting-info .table-two .list-three li:last-child {
    border: 0;
}

.hosting-info .table-three {
    border-color: #e4e4e4;
    color: #666;
    line-height: 22px;
    font-size: 12px;
    border-top: solid 2px #e4e4e4;
}

.hosting-info .table-three th {
    font-weight: normal;
    font-size: 16px;
    color: #000;
    background: #fafafa;
    padding: 15px 15px;
    border-top: #e4e4e4 1px solid;
    border-bottom: #e4e4e4 1px solid;
}

.hosting-info .table-three td {
    padding: 15px 15px;
    border-top: #e4e4e4 1px solid;
    border-bottom: #e4e4e4 1px solid;
}

.hosting-info .table-three .list li {
    text-align: left;
}

.hosting-info .table-three .list li img {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.hosting-info .table-three .list-02 li {
    display: inline-block;
    float: left;
    border-right: #e5e5e5 solid 1px;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    word-break: break-all;
}

.hosting-info .table-three .list-02 li:last-child {
    border: 0;
}

.page1 {
    text-align: center;
    overflow: hidden;
}

.page1 a {
    display: inline-block;
    line-height: 36px;
    padding: 0 6px;
    height: 36px;
    margin: 0 0 4px 4px;
    font-family: arial;
    font-size: 15px;
    color: #1f1f1f;
}

.page1 a:hover {
    text-decoration: underline;
}

.page1 .num2 {
    background: url("../images/page1.png") no-repeat center center;
    padding: 0;
    width: 30px;
    vertical-align: middle;
}

.page1 .num3 {
    background: url("../images/page2.png") no-repeat center center;
    padding: 0;
    width: 30px;
    vertical-align: middle;
}

.page1 .cpb {
    text-decoration: underline;
}