h4, h5, h6,
h1, h2, h3 {
    margin-top: 0;
}

ul, ol {
    margin: 0;
}

p {
    margin: 0;
}

html, body {
    font-family: "微软雅黑";
    font-size: 100%;
    background-color: #FFF;
    min-width: 1000px;
}

nav>li>a, #plans p>a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a:hover, a:link {
    text-decoration: none
}

/*header*/
.header {
    /*background: rgb(255, 255, 255);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef9fe', GradientType=0);*/
    /*padding: 0.3em 0;*/
    /*border-bottom: 1px solid #DCD5FF;*/
    height: 90px;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.logo {
    float: left;
}

/*
@font-face
{
font-family: Hiragino_Sans_GB_W6;
src: url('fonts/Hiragino_Sans_GB_W6.ttf');
}

@font-face
{
font-family: MicrosoftYaHei;
src: url('fonts/MicrosoftYaHei.ttf');
}
@font-face
{
font-family: WenQuanYi_Micro_Hei;
src: url('fonts/WenQuanYi_Micro_Hei.ttf');
}
@font-face
{
font-family: RTWSYueGoTrial_ExLight;
src: url('fonts/RTWSYueGoTrial_ExLight.otf');
}
*/


/*----navbar-nav----*/

.nav-font {}

.top-nav ul li a {
    /*color: #999;*/
    color: #fff;
    padding: 0.2em 0;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.top-nav ul li.active a,
.top-nav ul li a:hover {
    /*color: #0687ff;*/
    color: #fff;
}

.logo a {
    display: block;
}

.logo a img {
    display: block;
    height: 27px;
    margin-top: 19px;
    margin-left: 34px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}

.top-nav:after {
    clear: both;
}

nav {
    position: relative;
    float: right;
    z-index: 999;
    /*padding-top: 10px;*/
}

nav ul {
    padding: 0;
    float: right;
    margin: 0.75em 0;
}

nav li {
    display: inline;
    float: left;
    position: relative;
}

nav a {
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
}

nav a:hover {
    text-decoration: none;
    color: #00A2C1;
}

a#pull {
    display: none;
    position: absolute;
    right: 10px;
    top: 9px;
}

@media screen and (max-width: 992px) {
    .top-nav ul li a {
        padding: 0.2em 0.2em
    }
}

/*Styles for screen 600px and lower*/
/*
@media screen and (max-width: 768px) {
    nav {
        height: auto;
        float: none;
    }
    nav ul {
        width: 100%;
        display: block;
        height: auto;
    }
    nav li {
        width: 100%;
        position: relative;
    }
    nav li a {
        border-bottom: 1px solid #eee;
    }
    nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
}*/
/*Styles for screen 515px and lower*/
/*
@media only screen and (max-width :768px) {
    nav {
        border-bottom: 0;
        float: none;
        width: 100%;
        position:absolute;
        right: 0;
        top:80px;
    }
    nav ul {
        display: none;
        height: auto;
        margin: 0;
        background: #fff;
    }
     a#pull {
        display: block;
        position: relative;
        color: #F26D7D;
        text-align: right;
        position: absolute;
        top:20px;
        right:9px;
        width:100px;
    }
     a#pull:after {
        content: "";
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
     a#pull img {
        margin-right: 2%;
    }
    .top-nav ul li a {
        color: #2C3E50;
        padding: 0em 0;
    }
}
*/
/*Smartphone*/
@media only screen and (max-width : 320px) {
    nav {
        float: none;
    }

    nav li {
        display: block;
        float: none;
        width: 100%;
    }

    nav li a {
        border-bottom: 1px solid #576979;
    }

}

/**** Slider *****/

.slider {
    background: url(http://www.messcat.com/image/banner.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
}

.slider_container {
    width: 90%;
    margin: 0 auto;
}

.banner-wrap {
    width: 80%;
    margin: 0 auto;
}

/**** Slider *****/
.wmuSlider {
    position: relative;
    overflow: hidden;
    padding: 9em 0 0;
}

.wmuSlider.example1 {
    height: 668px !important
}

.wmuSlider .wmuSliderWrapper article {
    text-align: center;
}

.wmuSlider .wmuSliderWrapper article img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

@media only screen and (max-width :768px) {
    .slider-right {
        display: none;
    }

    .slider-left {
        width: 95% !important;
        margin: 0 auto;
    }
}

/* Default Skin */
.wmuSliderPagination {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 1em;
}

.wmuSliderPagination li {
    float: left;
    margin: 0 8px 0 0;
    list-style-type: none;
}

.wmuSliderPagination a {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #D9D9D9;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;
}

.wmuSliderPagination a.wmuActive {
    background: #3189e8;
}

/* Default Skin */
.wmuGallery .wmuGalleryImage {
    margin-bottom: 10px;
}

.wmuSliderPrev, .wmuSliderNext {
    position: absolute;
    font-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
    color: #ffffff;
    background-color: #000000;
    opacity: 0.3;
    filter: Alpha(opacity=30);
    top: 50%;
    margin-top: -1em;
    line-height: 1.5em;
    text-align: center;
    text-decoration: none
}

.wmuSliderPrev {
    left: 0px;
}

.wmuSliderNext {
    right: 0px;
}

.slider-right {
    width: 55.5%;
    float: left;
}

.slider-left {
    float: left;
    width: 38.5%;
    margin-right: 5.6%;
}

.slider-left h1 {
    font-size: 3em;
    color: #FFF;
    text-align: left;
    margin: 0em 0 0.4em;
    line-height: 1.2em;
}

p.top {
    color: #EDF6FF;
    font-size: 1em;
    line-height: 2em;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 300;
}

ul.button {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-top: 3em;
}

ul.button li {
    margin-left: 8px;
    list-style: none;
    display: inline-block;
}

ul.button li a {
    color: #FFF;
    padding: 0.6em 2em;
    border: 1px solid #FFF;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.85em;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

ul.button li a:hover {
    color: #3188e8;
    background: #fff;
}

/*content*/
.container {
    min-width: 1000px
}

.content-top {
    padding: 2% 0 6%;
}

.content-title {
    font-size: 1.7em;
}

.hr-title {
    background-image: url(../image/hr01.png);
    background-repeat: repeat-x;
    width: 62%;
    margin: auto;
    background-position: center
}

.content-title span {
    background-color: #fff;
    padding: 0 2%
}

.content-title2 {
    font-size: 0.9em;
}

.content-top>p {
    width: 60%;
    margin: 0 auto;
    line-height: 2em;
    padding: 2% 0
}

/*解决方案*/
.plan-box {
    width: 180px;
    height: 204px;
    display: inline-block;
    margin: 2em 2.5em 0 2.5em;
}

.plan-item>a {
    display: block;
    height: 180px;
    width: 180px;
}

#plans span {
    display: inline-block;
    width: 180px;
    text-align: center;
}

#plans span>a {
    color: #333333;
}

#plans span>a:hover {
    text-decoration: none;
    color: #00A2C1;
}

#plans {
    margin: 0 auto;
    text-align: center;
}

.plan-item {
    display: inline-block;
    width: 320px;
    height: 400px;
    *display: inline;
    *zoom: 1;
    border: 1px solid transparent;
    overflow: hidden;
    position: relative;
    z-index: 200;
}

.pull-left {
    *float: left;
    *width: 30%
}

.media-body {
    *width: 60%
}

.plan-item-bg {
    position: absolute;
    width: 180px;
    height: 180px;
    z-index: 1;
    border: 1px solid transparent;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.plan-img {
    width: 140px;
    height: 140px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 50%;
    margin-top: -70px;
    z-index: 199;
    border: 1px solid transparent;
    overflow: hidden;
}

.plan-item .img-move-in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .5s linear;
}

.plan-item .img-move-out {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    transition: all .5s linear;
}

#plan-item-01-bg {
    background-color: #497abd;
}

#plan-item-02-bg {
    background-color: #ff7260;
}

#plan-item-03-bg {
    background-color: #ffb76a;
}

#plan-item-04-bg {
    background-color: #fb6ba1;
}

#plan-item-05-bg {
    background-color: #f6af43;
}

#plan-item-06-bg {
    background-color: #f96363;
}

#plan-item-07-bg {
    background-color: #79bd42;
}

#plan-item-08-bg {
    background-color: #38beb6;
}

/*成功案例*/
#examples {
    width: 80%;
    margin: 0 auto
}

#examples .media {
    display: inline-block;
    width: 48%;
    margin-top: 5em;
    padding: 0 5%;
    *display: inline;
    *zoom: 1;
    *width: 40%
}

#examples .media-object {
    height: 135px;
    width: 135px;
}

@media screen and (max-width :968px) {
    #examples .media {
        width: 95%;
        display: block;
        margin: 20px auto 0 auto;
    }
}

#examples .media-heading {
    color: #999999;
    font-size: 1.2em;
}

#examples .media-body p {
    color: #666666;
    font-size: 0.6em;
    line-height: 180%;
    padding-top: 1.3em;
}

#examples .qr-object {
    display: block;
    width: 10%;
    position: absolute;
    margin-top: -17%;
    display: none
}

#examples .media-heading i.color_blue {
    color: #1f8dd6;
    font-size: 0.8em;
}

#examples .media-heading em {
    color: #ff7d67;
    margin: 0 15px;
}

/*报道*/
#report {
    position: relative;
    width: 100%;
    color: #ffffff;
    background-image: url(../image/reportbg.jpg);
    background-size: 100% 100%;
    overflow: hidden
}

#video {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    background-color: #000000;
}

/*联系我们*/
#contactus {
    width: 70%;
    margin: 0 auto;
}

.contact-method {
    display: inline-flex;
    width: 33%;
    color: #a1a1a1;
    font-size: 0.8em;
    padding-left: 9%;
    *display: inline;
    *zoom: 1;
    *width: 24%
}

@media screen and (max-width :1300px) {
    #contactus {
        width: 90%
    }
}

@media screen and (max-width :968px) {
    #contactus {
        width: 90%
    }

    .contact-method {
        width: 100%;
    }
}

.contact-icon {
    display: table-cell;
    width: 53px;
    height: 53px;
}

.myicon-map {
    background-image: url(../image/addr-spirit.png);
    background-position: 6px -4px;
    background-repeat: no-repeat;
}

.myicon-phone {
    background-image: url(../image/addr-spirit.png);
    background-position: -70px -4px;
    background-repeat: no-repeat;
}

.myicon-email {
    background-image: url(../image/addr-spirit.png);
    background-position: -140px -10px;
    background-repeat: no-repeat;
}

.contact-text {
    display: table-cell;
    vertical-align: top;
    margin-left: 15px;
}

.contact-title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.contact-value {
    font-size: 14px;
    color: #333;
}

/*partner*/
#partner {
    margin: 0 auto;
    padding: 0 5%
}

.partners {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 68px;
}

.partners>li {
    display: inline-block;
    width: 160px;
    height: 56px;
    /*border:solid 1px #cccccc;*/
    margin: 10px;
    overflow: hidden;
    *display: inline;
    *zoom: 1
}

.partners>li>a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.glyphicon {
    font-size: 55px;
    top: -5px;
    margin: 15px;
}

.partners>li>a:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}

.partners>li>a:active {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}

#gotop {
    background-color: #d7d7d7;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 5em;
    display: none;
    z-index: 2;
    border-radius: 3px;
    transition: 1s;
    opacity: 0.5;
}

#gotop:hover {
    opacity: 1;
}

#gotop a {
    text-decoration: none;
}

.partners li img {
    width: 160px;
    height: 56px
}

/*#fuwu{position:absolute;background-color:#3598DB;color:#ffffff;right:-100px;top:0;width: 100px;}*/

.footer {
    background-color: #2f3239;
    padding: 6% 0
}

.content-title-bottom {
    margin-bottom: 8%
}

.footer-f {
    background-color: #000;
    padding: 2% 0;
    text-align: center;
    position: relative
}

.footer-f .footer-f-a {
    margin-top: 1%
}

.footer-f .footer-f-a>a, .new_footer_a2>a {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url(../image/social@2x.png);
    background-size: 500%;
    display: inline-block;
    margin-right: 1em
}

.footer-f .footer-f-a>a:hover, .new_footer_a2>a:hover {
    background-image: url(../image/social@x.png)
}

.footer-f .footer-f-a .a1 {
    background-position: 0 0
}

.footer-f .footer-f-a .a2 {
    background-position: -26px 0
}

.footer-f .footer-f-a .a3 {
    background-position: -52px 0
}

.footer-f .footer-f-a .a4 {
    background-position: -78px 0
}

.index-qq {
    position: absolute;
    width: 10%;
    background-color: #fff;
    top: -100px;
    left: 42.8%;
    text-align: center;
    padding: 1em 0.5em;
    color: gray;
    z-index: 5
}

.index-qq .index-qq-p1 {
    margin-bottom: 0.7em;
    font-size: 0.9em
}

.index-qq a {
    color: #a6a6a6;
    font-size: 0.8em;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 17px solid #fff;
    position: absolute;
    bottom: -12px;
    left: 42%
}

.index-footer-qr {
    left: 46.2%;
    top: -125%;
    display: none
}

.index-footer-qr img {
    width: 100%
}

.index-qq-hide {
    display: none;
}


/*product_program*/
.banner {
    margin-top: 0;
    position: relative
}

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

.p-p-content {
    margin: auto;
    max-width: 1010px
}

.p-p-page {
    width: 100%;
    padding: 4% 2% 7%;
    border-top: 1px solid #dfdfdf
}

.p-p-left {
    float: left;
    width: 30%;
    margin-right: 3%;
    text-align: center
}

.p-p-left img {
    width: 20%;
    min-width: 200px
}

.p-p-right p {
    font-size: 0.8em;
    line-height: 2em;
    color: #777
}

@media screen and (max-width :920px) {
    .p-p-left {
        float: none;
        width: 80%;
        margin-bottom: 1em
    }
}

.p-p-footer {
    text-align: center;
    font-size: 0.8em;
    color: #666565;
    border-top: 1px solid #dfdfdf;
    padding: 1% 0 5%;
    clear: left
}

/*about_us*/
.a-u-c {
    margin: auto;
    max-width: 900px;
    min-height: 400px
}

.banner-page {
    text-align: center;
    position: absolute;
    top: 20%;
    width: 100%;
    color: #fff
}

.banner-page h1 {
    margin-bottom: 2em
}

.a-u-page1 {
    padding-bottom: 4%;
    margin-bottom: 2%
}

.about-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(../image/about_cat_tm.png);
}

.about-nav {
    *width: 85%
}

.about-nav ul {
    width: 900px;
    margin: 0 auto;
    padding: 0px;
}

.about-nav li {
    list-style-type: none;
    float: left;
    height: 100px;
    line-height: 100px;
    padding: 0 6%
}

.about-nav li:hover {
    background-image: url(../image/about_cat_tm01.png)
}

.about-nav-li {
    background-image: url(../image/about_cat_tm01.png)
}

.about-nav a {
    color: #fff;
}

.a-u-c {
    font-size: 0.8em;
    color: #999
}

.a-u-page1 h3 {
    padding: 2% 0;
    color: #666565;
    font-size: 36px
}

.a-u-page1-left {
    float: left;
    width: 40%;
    margin-right: 3%;
    text-align: center
}

.a-u-page1-left img {
    width: 50%;
    min-width: 294px;
    margin-bottom: 40%;
    margin-top: 10%
}

.a-u-page1-right {
    font-size: 16px;
    line-height: 2.5em
}

.a-u-page1-right .indent-p {
    text-indent: 2em;
    line-height: 2.5em;
    text-align: justify;
}

.a-u-page2 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 2%;
    margin-bottom: 2%
}

.a-u-page2 h3 {
    padding: 2% 0;
    color: #666565;
    text-align: right;
    font-size: 36px
}

.a-u-page2-left {
    float: right;
    width: 40%;
    margin-right: 3%;
    text-align: center
}

.a-u-page2-left img {
    width: 30%;
    min-width: 200px;
    padding-bottom: 5%
}

.a-u-page2 p {
    text-indent: 2em
}

.a-u-page2-right {
    padding-bottom: 5%;
    font-size: 16px;
    line-height: 2.5em
}

@media only screen and (max-width :768px) {
    .a-u-page1-left, .a-u-page2-left {
        float: none;
        margin-bottom: 2%;
        width: 100%;
        text-align: center
    }

    .banner-page {
        display: none
    }

    .a-u-page1-right {
        padding: 0 2%
    }

    .about-nav {
        padding-left: 0
    }

    .about-nav li {
        font-size: 0.7em;
        height: 50px;
        line-height: 50px;
        padding: 0 1%
    }
}

#about-nav {
    margin-top: -190px;
    position: absolute
}

/*about_new*/
.new-page {
    margin-top: 2%;
    overflow: hidden
}

.new-page+.new-page {
    border-top: 1px solid #dfdfdf
}

.new-p-logo {
    background-image: url(http://www.messcat.com/image/logo-cat.png);
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: left center;
}

.new-p-logo {
    *background-image: url();
}

/*IE6、IE7、IE8会显示红色*/
.new-page-right {
    float: left;
    width: 30%;
    padding-top: 2%;
}

.new-page-right img {
    width: 90%
}

.new-page-left {
    padding: 2% 2% 5%;
    float: right;
    width: 70%
}

.new-page-left p {
    line-height: 2em
}

.about-new-c-footer {
    text-align: center;
    line-height: 5em
}

.about-new-c-footer a {
    padding: 0 1em
}

.about-new-c-footer span a {
    padding: 0 0.2em
}

.about-new-c-footer-a {
    color: #2f2f2f
}

/*about_family*/
.family-center {
    margin-top: 2%;
    position: relative;
}

.banner-page p, .banner-page h1 {
    padding: 0 20%
}

.family-banner {
    text-align: left;
}

.banner-page p {
    text-indent: 2em
}

.banner-page h1 {
    margin-bottom: 1em
}

.family-c-first {
    width: 430px;
    background-color: #007ec6;
    color: #fff;
    padding: 5% 5% 8.4%;
    float: left;
    margin: 0 2% 2% 0;
    *width: 340px
}

.family-cat {
    float: left;
    margin: 0 1.5% 2% 0;
    /*border:1px solid #dfdfdf;*/
    margin: 0 1% 1% 0;
    position: relative
}

.bg-image {
    position: absolute;
    z-index: 11;
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    transition: opacity 0.5s;
}

.bg-image:hover {
    opacity: 0
}

.family-cat img {
    height: 175px;
    width: 282px
}

.family-cat:hover {
    border-color: #0782c8
}

.family-c-first p {
    text-indent: 2em
}

.family-c-last {
    position: absolute;
    width: 430px;
    background-color: #007ec6;
    color: #fff;
    padding: 5% 5% 8.4%;
    float: left;
    margin: 0 2% 2% 0;
    left: 0;
    top: 0;
    display: none;
    *width: 340px;
    height: 400px
}

.family-c-last p {
    text-indent: 2em
}

@media only screen and (max-width :900px) {
    .family-c-first {
        width: 100%
    }

    .family-cat {
        width: 22%
    }

    .family-cat img {
        width: 100%
    }
}

.about_family_f {
    float: left;
    width: 100%
}

.bg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10001;
    top: 0;
    display: none;
    background-image: url(../image/black.png)
}

.about-family-layer {
    position: fixed;
    left: 50%;
    margin-left: -500px;
    top: 50%;
    margin-top: -340.5px;
    z-index: 10002;
    display: none;
    width: 1000px
}

.rg-image img {
    width: 800px;
    height: 500px
}



/*about_join*/
.join-center p img {
    width: 50%;
    padding: 5% 2%
}

.join-center p img {
    *width: 46%
}

.join-content {
    width: 100%;
    float: left
}

.join-content div {
    float: left;
    width: 25%;
    padding: 3% 2%;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.2em
}

.join-content div {
    *width: 21%
}

.join-content .section1 {
    text-align: left
}

.join-content .section2 {
    text-align: left
}

.join-content .section3 {
    text-align: right
}

.join-content .join-hide {
    width: 100%;
    margin-top: -2%;
    display: none;
    text-align: left;
    line-height: 3em
}

.join-hide span {
    color: #0AA000;
    font-weight: 900
}

.join-content-a {
    float: left;
    width: 100%;
    font-size: 1.3em;
    color: #666666
}

.join-content-a:hover {
    color: #12BD8F;
    background-color: #F9F5F5;
    opacity: 0.6
}

/*about_partner*/
.a-p-c p {
    text-align: center;
    line-height: 3em;
    font-size: 1.3em;
    margin: 1em 0
}

.a-p-c p span {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 0.5em;
    color: #c2c2c2
}

.a-p-c p span a {
    color: #c2c2c2
}

.a-p-c p span a:hover {
    color: #417cde
}

.a-p-c p span .a-p-c-a {
    color: #417cde
}

.a-p-content {
    margin: auto;
    padding-bottom: 20%;
    width: 50%;
}

.a-p-content img {
    width: 20%;
    margin: 1% 2.3%;
    border: 1px solid #e6e6e6
}

@media only screen and (max-width :768px) {
    .a-p-content img {
        width: 80%;
        margin-bottom: 2%
    }
}

.community01 {
    display: none
}

/*success*/
.success-content {
    margin: auto;
    padding: 0 2% 2%;
}

.success-content {
    *padding: 0 0 2%
}

.success-nav {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    height: 80px;
}

.success-nav a {
    color: #666
}

.success-nav a:hover {
    color: #1e78e8
}

.success-content .success-nav li {
    float: left;
    list-style-type: none;
    height: 40px;
    line-height: 40px;
    padding: 0 4% 5.5%;
    margin: 2% 1.8% 0 0;
    border-bottom: 0;
}

.success-nav-li {
    color: #1e78e8;
    position: relative
}

.success-nav-li:after {
    content: "";
    height: 10px;
    width: 14px;
    background-color: #000;
    background-image: url(../image/active-bottom.png);
    bottom: 0;
    left: 45%;
    position: absolute;
}

.success-nav ul {
    width: 100%;
    padding-left: 17%
}

.success-nav ul {
    *width: 83%
}

.s-c-c {
    padding: 3% 0 0 0;
    background-color: #fff;
}

.s-c-r-ul li {
    list-style-type: none;
    float: left;
    width: 23%;
    margin: 2% 2% 2% 0;
    position: relative;
}

.s-c-r-ul li img {
    width: 100%
}

.success-center {
    display: none;
    padding-bottom: 4%;
    text-align: center
}

.success-block {
    display: block
}

.img-big {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -transform: scale(1.2);
    transition: all 1s ease-in-out
}

.img-sma {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -transform: scale(1);
    transition: all 1s ease-in-out
}

.items {
    width: 23%;
    overflow: hidden;
    float: left;
    margin: 1%;
    background-color: #fff;
    *width: 22.5%
}

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

.items .img img {
    width: 100%;
    height: 100%
}

.items .desc {
    height: 100%;
    width: 100%;
    position: absolute;
    top: -100%;
    left: 0px;
    color: #fff;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding-top: 25%;
}

.items .desc {
    *height: 65%
}

.items .img div img {
    width: 50%
}

.items .desc1 {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    background: none;
    padding-top: 10%;
    height: auto
}

.success_ff {
    background-color: #323232;
    float: left;
    width: 100%;
    color: #fff;
    padding: 5% 10%
}

.success_ff {
    *width: 80%
}

.success_ff ul {
    float: left;
    width: 24%
}

.success_ff ul h4 {
    color: #BDBDBD;
}

.success_ff ul li {
    list-style-type: none;
    font-size: 12px;
    font-weight: normal;
    color: #767676;
    line-height: 3em
}

.success_ff ul li a {
    color: #767676
}

.success_ff .ff_ul {
    text-align: center
}

.success_ff_ul {
    text-align: center
}

.success2_ff {
    margin-top: 10%
}

/*cooperation*/
.cooperation_banner {
    position: relative;
    min-width: 920px;
}

.cooperation_banner {
    *top: 90px;
    *margin-bottom: 90px
}

.cooperation_banner_page {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(http://www.messcat.com/image/cooperation_tm.png);
    top: 0;
    color: #fff;
    text-align: center;
}

.cooperation_banner_page p:first-child {
    font-family: "RTWSYueGoTrial_ExLight";
    font-size: 3.5em;
    margin-top: 5%
}

.c-b-ce {
    margin: 2% 10%;
}

.c-b-ce1 {
    width: 25%;
    float: left;
    background-color: #3598db;
    padding: 2% 0;
    position: relative;
}

.c-b-ce2 {
    background-color: #35db68;
}

.c-b-ce3 {
    background-color: #35c2db;
}

.c-b-ce1 a {
    color: #fff
}

.c-b-ce1 a:hover {
    color: #a4d8fb
}

.c-b-ce1 img {
    width: 15%
}

.c-b-ce2 {
    margin: 0 12%;
    *margin: 0 15%
}

.coo_c {
    position: relative;
    color: #fff;
}

.coo_c_page .coo_c02_p1 {
    color: #b9e3ff
}

.coo_c div:first-child {
    background-image: url(http://www.messcat.com/image/cooperation2.png)
}

.coo_c img {
    width: 100%;
}

.coo_c_page {
    text-align: center;
    width: 100%;
    padding: 2% 20%;
}

.coo_c_page {
    *width: 60%
}

.coo_c_page p {
    line-height: 2em
}

.coo_c_page p:first-child {
    font-size: 2.5em;
}

.coo_c_page .coo_c_p3 {
    line-height: 12em
}

.coo_c_page .coo_c_p3 {
    *margin-bottom: 2em
}

.apply-join {
    color: #000;
    padding: 1.5% 7%;
    background-color: #fff554;
    border-radius: 5px;
}

.coo_c02 {
    background-image: url(http://www.messcat.com/image/cooperation3.png)
}

.coo_c02 img {
    width: 80%
}

.coo_c_page .coo_c02_p2 {
    color: #b5ffca
}

.coo_c03 {
    background-image: url(http://www.messcat.com/image/cooperation4.png)
}

.coo_c03 img {
    width: 80%
}

.coo_c03 .coo_c02_p3 {
    color: #c1f6ff
}

/*solution*/
/*#solution01{position:absolute;top:850px}*/
.solution_h2 {
    padding: 4% 0;
    font-size: 2em;
    width: 50%
}

.solution_container1 {
    width: 100%;
    padding: 10% 7% 10%;
}

.solution_container1 {
    *width: 86%;
}

.solution_plancontent {
    padding: 1% 0 3%;
    font-size: 14px;
    text-align: center
}

.solution_container1 .plancontent>div:first-child {
    float: left;
    width: 50%;
}

.solution_container1 .plancontent>div:last-child {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 1.5em;
}

.main h3 {
    font-size: 36px;
    font-weight: 100
}

.main .container .solution_plancontent p {
    font-size: 16px;
    line-height: 2.5em;
    text-indent: 2em;
}

.solution_container1 .plancontent h3 {
    color: #4bcdd9;
}

.solution_container1 .plancontent>div:last-child h3 {
    line-height: 1.5em;
}

.solution_container1 .solution_plancontent .solution-div-left {
    text-align: left
}

.solution_container2 {
    background-color: #f6f6f6;
    width: 100%;
    padding: 10% 7% 10%
}

.solution_container2 {
    *width: 86%;
}

.solution_container2 .content-title span {
    background-color: #f6f6f6
}

.solution_container2 .plancontent>div:last-child {
    float: left;
    width: 50%
}

.solution_container2 .plancontent>div:first-child {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 1.5em
}

.solution_container2 .plancontent>div:first-child h3 {
    color: #4bcdd9;
    line-height: 1.5em;
}

/*service_support*/
.service_content01 {
    padding: 5% 0;
    width: 100%;
    float: left
}

.service_content_main {
    width: 90%;
    margin: auto;
    text-align: center
}

.service_content_main p {
    padding-bottom: 2%
}

.service_content_main ul li {
    float: left;
    list-style-type: none;
    width: 23%;
    margin-right: 2%;
    position: relative;
    overflow: hidden
}

.service_content_main ul li img {
    width: 100%;
}

.service-m-hide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../image/blur.png");
    top: -100%;
    top: 0;
    display: none;
    text-align: center;
    padding: 30% 10% 0;
}

.service-m-hide {
    *left: -8%
}

.blur {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}

.service_content03 {
    text-align: center
}

.service_content03 img {
    width: 90%
}

.service_content02 {
    background-color: #f7f7f7;
    float: left;
    width: 100%;
    padding: 5% 0
}

.picBox {
    width: 1200px;
    margin: 45px auto;
}

li {
    list-style-type: none;
}

.picBox li {
    float: left;
    position: relative;
    width: 385px;
    display: table;
}

.picBox .ser_info {
    position: absolute;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    width: 100%;
    left: 0;
}

.picBox .s1 .ser_info {
    bottom: 0;
}

.picBox .s3 .ser_info {
    top: 0;
}

.picBox .s5 .ser_info {
    bottom: 0;
}

.picBox .ser_shade {
    background: #fff;
    opacity: 0.6;
    filter: alhpa(opacity=60);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.picBox h2 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.picBox .s2:after {
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    border-width: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #2eafbb transparent transparent;
}

.picBox .s4:after {
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    z-index: 2;
    border-width: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #2eafbb;
}

.picBox .s6:after {
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    border-width: 10px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2eafbb transparent;
}

.picBox .intro {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin: auto 28px;
    padding-top: 36px;
}

.picBox dl {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin: auto 38px;
    padding-top: 36px;
}

.picBox dt {
    font-size: 18px;
    margin-bottom: 8px;
}

.picBox dd {
    display: list-item;
    list-style-type: circle;
    white-space: nowrap;
}

.picBox li img {
    width: 385px;
    height: 220px;
}

.sp_box {
    margin-top: 40px;
}

.bd {
    padding-bottom: 2%
}

.picScroll-left {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}

.picScroll-left .hd {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.picScroll-left .hd a {
    display: inline-block;
    font-size: 20px;
    font-weight: 200;
    color: #999;
    border: 1px solid #999;
    width: 38px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
}

.picScroll-left .hd a:hover {
    color: #333;
    border-color: #333;
}


/*new_particulars*/
.new_particulars {
    max-width: 1100px;
    margin: auto
}

.n-p-tp {
    text-align: center;
    padding: 2% 0 1%;
    font-size: 14px;
    border-bottom: 1px dashed #888
}

.n-p-t-a2 {
    float: right;
    font-size: 12px;
    position: absolute;
    right: 11%;
    margin-top: 10px
}

.new_particulars h2 {
    padding: 2% 0 1%;
    text-align: center;
    font-size: 1.5em
}

.n-p-p2 {
    font-size: 12px;
    text-align: center
}

.n-p-p21 {
    margin-right: 4%
}

.new_particulars_contern {
    margin: 2% 0 12%
}

.new_particulars_contern p {
    text-indent: 2em;
    line-height: 2em
}

.new_particulars_contern_img {
    width: 100%;
    text-align: center
}

.new_particulars_contern_img img {
    width: 50%
}

.new_particulars_f h4 {
    padding: 1% 0;
    text-align: left;
    color: #000;
    border-bottom: 1px dashed #868686
}

.new_particulars_f ul li {
    width: 50%;
    float: left;
    margin-bottom: 5%
}

.new_particulars_f ul li a {
    font-size: 18px
}

.new_particulars_f ul li>div {
    float: left;
    padding: 2%;
    width: 50%;
    font-size: 12px;
    *width: 46%
}

.ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px
}

.new_particulars_f_a1 {
    text-align: right
}

.new_particulars_f_a1 img {
    width: 100%
}

/*new*/
.main .a-u-c h3 {
    font-size: 24px
}

.new_point {
    padding-left: 4em;
}

.about-nav ul.news_nav {
    width: 1000px;
}

.about-nav ul.news_nav li {
    padding: 0 13%
}

.more_box {
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: #BAE0E6;
    font: 16px/30px "微软雅黑";
    border-radius: 5px;
    margin-bottom: 20px;
}

/*product-center*/
.left {
    float: left;
}

.right {
    float: right;
}

.section {
    width: 100%;
    height: 100%;
}

.sd1_right a {
    background-color: #93C2F1;
}

.sd1_right {
    margin-right: 10%;
    width: 30%;
}

.slide_01 a, .slide_02 a, .slide_03 a, .slide_04 a {
    font-size: 16px;
    color: #000;
    line-height: 45px;
    text-decoration: none;
}

.slide_01 {
    background: url(../image/prod_1.png) center center no-repeat;
    position: relative;
    background-size: cover;
}

.slide_02 {
    background: url(../image/prod_2.png) center center no-repeat;
    position: relative;
    background-size: cover;
}

.slide_03 {
    background: url(../image/prod_3.png) center center no-repeat;
    position: relative;
    background-size: cover;
}

.slide_04 {
    background: url(../image/prod_4.png) center center no-repeat;
    position: relative;
    background-size: cover;
}

.sd1_right, .sd2_right, .sd3_right {
    width: 350px;
    position: absolute;
    top: 27%;
    right: 50%;
    margin-right: -520px;
}

.sd1_right h1, .sd2_right h1, .sd3_right h1 {
    font-size: 30px;
    color: #000;
}

.sd1_right p, .sd2_right p, .sd3_right p {
    font-size: 18px;
    line-height: 3em;
}

.sd2_right a {
    background-color: #51c0ff;
}

.sd3_right a {
    background-color: #0ec0f3;
}

.sd1_right a, .sd2_right a, .sd3_right a, .sd4_left a {
    padding: 3% 4%;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    margin-left: 54%;
    line-height: 3em;
}

.sd1_right a i, .sd2_right a i, .sd3_right a i, .sd4_left a i {
    font-size: 22px;
    margin-left: 10px;
}

.slide_04 {
    background-color: #00a1e9;
    position: relative;
}

.slide_04 h1 {
    font-size: 30px
}

.slide_04 p {
    color: #fff;
    font-size: 18px;
    line-height: 3em
}

.slide_04 p:nth-child(3) {
    margin-left: 2em;
}

.sd4_left {
    width: 350px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -480px;
}

.sd4_left h1 {
    color: #fff;
}

.sd4_left a {
    background-color: #f7a932;
}

.sd4_right {
    margin-top: 14%;
    margin-right: 16%;
}

.slide_05 {
    font-family: "微软雅黑";
}

.section .success_ff {
    padding: 4% 10%;
}

/*about_contact*/
.message_us {
    width: 100%;
}

.message_form {
    width: 500px;
    margin: 0 auto;
    margin-top: 50px;
}

.message_form .message_item {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.message_form .message_item label {
    border-right: 1px solid #ccc;
    width: 110px;
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
    font: 18px/18px normal "微软雅黑";
}

.message_form .message_item label i {
    margin-right: 10px;
}

.message_form .message_item input {
    padding: 12px;
    border: none;
    width: 388px;
    border-radius: 5px;
}

.message_form .message_area label {
    display: block;
    border: none;
    font-weight: bold;
    width: 160px;
    color: #0657D6;
}

.message_form .message_area textarea {
    width: 498px;
    height: 230px;
    resize: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    border-top: 1px solid #ccc;
    margin-bottom: -5px;
    padding: 10px;
}

.message_form .message_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.message_form .message_btn button {
    padding: 10px 50px;
    font-size: inherit;
}

.bg_black {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    background-color: #000;
    z-index: 2000;
    left: 0;
    top: 0;
}

.bg_box {
    position: fixed;
    width: 300px;
    height: 300px;
    background-color: #fff;
    z-index: 2001;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -150px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
}

.bg_box p {
    padding: 60px 20px;
    line-height: 32px;
    font-size: 16px;
}

#btn_close {
    position: fixed;
    z-index: 2002;
    top: 50%;
    right: 50%;
    margin-top: -170px;
    margin-right: -170px;
    cursor: pointer;
}

/*头部电话*/
.top-tel {
    position: relative;
    float: right;
    top: 23px;
    /* right: 0; */
    color: #fff;
    z-index: 9999;
    margin-left: 25px;
    font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*头部电话图标*/
.top-tel i {
    margin-right: 3px;
    font-size: 15px;
}

/* 招聘 */
.recruitment {
    
}

.recruitment td {
    padding: 5px;
    border-width: 1px;
    border-color: windowtext;
    border: 1px solid #dfdfdf;
}

.recruitment td p {
    margin-bottom: 0;
    text-autospace: ideograph-numeric;
    text-align: center;
}

.recruitment td p span {
    font-family: 仿宋_GB2312;
    font-size: 15px;
}

.sub-info {
    margin: 0 auto;
    text-align: center;
}

.sub-info-title {
    font-family: PingFang SC;
    font-size: 48px;
    text-align: center;
}

/*导航跟踪效果*/
.header nav {
    position: relative;
    /*top: 0.5em;*/
    margin: 0 auto;
}

.header nav ul {
    /*background: rgba(255, 255, 255, 0.1);*/
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}

.header nav ul li {
    font-size: 16px;
    cursor: pointer;
    line-height: 1.6em;
    padding: 0 0.6em;
    margin: 0 0;
    display: inline-block;
    list-style-type: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
}

.header nav ul {
    color: #fff;
}

.header nav .indicator {
    pointer-events: none;
    position: fixed;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header nav .active {
    border-top: 1px solid #fff;
}

.header.fixednav nav ul li {
    padding-top: 0;
}