/* index top */
@media screen and (min-width: 1200px) {
    .div-top {
        height: 50px;
        width: 100%;
        background: #fff;
        overflow: hidden;
    }

    .div-top-back {
        float: left;
        display: none;
        height: 50px;
        background: #EAEEF1;
    }

    .div-top-panel {
        text-align: center;
    }

    .div-top-menu {
        display: none;
    }

    .div-top-left {
        width: 925px;
        height: 50px;
        line-height: 50px;
        background: #EAEEF1;
        display: inline-block;
        text-align: left;
        text-indent: 10px;
    }

    .div-top-right {
        width: 251px;
        height: 50px;
        line-height: 50px;
        background: url("https://fulongvton.com/images/pic/topback.png") no-repeat;
        display: inline-block;
        color: #EAEEF1;
    }

    .div-top-right a {
        color: #EAEEF1;
    }

    .div-top-right a:hover {
        color: #FFF;
    }

    .div-top-left li {
        float: right;
    }

    .div-top-left a {
        float: left;
        text-align: center;
        display: block;
        color: #FFFFFF;
        font-size: 16px;
        padding: 10px;
    }

    .div-top-left li:hover {
        color: #357BBF;
    }

    .div-top-left li a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #357BBF
    }
}

/* index phone */
@media screen and (min-width: 1200px) {
    .div-phone-panel {
        width: 1150px;
        height: 50px;
        margin: 20px auto 0;
        text-align: right;
        font-size: 27px;
        color: #555B62
    }

    .div-phone-span {
        color: #000;
        padding: 0 10px;
    }
}

/* index nav */
@media screen and (min-width: 1200px) {
    .div-nav {
        width: 100%;
        overflow: hidden;
        height: 60px;
    }

    .div-nav-panel {
        position: absolute;
        text-align: center;
        z-index: 2;
        display: inline-block;
    }

    .div-nav-logo {
        float: left;
        width: 212px;
        height: 60px;
        line-height: 60px;
    }

    .div-nav-content ul {
        margin: 10px 0 0 0;
    }

    .div-nav-content li {
        float: left;
        width: 161px;
        height: 51px;
        background: url("https://fulongvton.com/images/pic/navback3.png") no-repeat;
        margin: 0 0 0 1px;
        cursor: pointer;
        color: #000;
        line-height: 50px;
        font-weight: 600;
        font-size: 15px;
    }

    .div-nav-content li:hover {
        color: #fff;
        background: url("https://fulongvton.com/images/pic/navback4.png") no-repeat;
    }

    .div-nav-content-this {
        color: #fff !important;
        background: url("https://fulongvton.com/images/pic/navback4.png") no-repeat !important;
    }

    .div-nav-content a {
        text-decoration: none
    }

    .div-nav-content a:hover {
        color: #000;
    }

    .div-nav-content a:link {
        color: #000;
    }

    .div-nav-index {
        width: 150px;
        height: 51px;
        background: url("https://fulongvton.com/images/pic/navback1.png") no-repeat !important;
    }

    .div-nav-index:hover {
        color: #000;
        background: url("https://fulongvton.com/images/pic/navback2.png") no-repeat !important;
    }

    .div-nav-index a:hover {
        color: #000;
    }

    .div-nav-index a:link {
        color: #000;
    }

    .div-nav-index-this {
        color: #fff !important;
        background: url("https://fulongvton.com/images/pic/navback2.png") no-repeat !important;
    }

    .div-nav-back {
        margin: 10px 0 0;
        position: absolute;
        height: 51px;
        z-index: 1;
        background: url("https://fulongvton.com/images/pic/navback3.png");
    }

}

/* index banner */
@media screen and (min-width: 1200px) {
    .div-banner {
        margin: 0 auto;
    }

    .layui-carousel {
        /* width: 100%!important;
            overflow: hidden; */
        margin: 0 auto;
    }
}

/* left menu */
@media screen and (min-width: 1200px) {
    .div-leftmenu {
        display: none;
        position: fixed;
        top: 50px;
        bottom: 0;
        left: 0;
        width: 150px;
        background: #555B62;
        z-index: 999;
    }

    .div-leftmenu-panel ul {
        color: #EAEEF1;
    }

    .div-leftmenu-panel li {
        width: 150px;
        padding: 15px 0;
        text-align: center;
        border-bottom: 1px solid #333;
        background: #555B62;
    }

    .div-leftmenu-panel a {
        color: #EAEEF1;
    }
}

/* index aboutus */
@media screen and (min-width: 1200px) {
    .div-aboutus {
        background: #2B78C2;
        width: 100%;
        height: 445px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    .div-aboutus-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 0 30px;
        overflow: hidden;
    }

    .div-aboutus-pic {
        float: left;
        width: 600px;
        height: 445px;
    }

    .div-aboutus-pic img {
        width: 600px;
        height: 445px;
    }

    .div-aboutus-content {
        float: left;
        width: 475px;
        height: 276px;
        font-size: 16px;
        margin: 30px 0 0 50px;
    }

    .div-aboutus-title {
        font-size: 30px;
        color: #fff;
    }

    .div-aboutus-title2 {
        font-size: 11px;
        color: #fff;
    }

    .div-aboutus-font {
        margin: 20px 0 0;
        font-size: 14px;
        color: #fff;
        line-height: 180%;
    }

    .div-aboutus-span {
        margin: 10px 0 0;
        width: 55px;
        height: 2px;
        background: #F9C231;
    }

    .div-aboutus-more {
        float: right;
        margin: 30px 0 0;
        font-size: 14px;
    }

    .div-aboutus-more a {
        color: #EAEEF1;
    }

    .div-aboutus-more a:hover {
        color: #FFF;
    }
}

/* index culture */
@media screen and (min-width: 1200px) {
    .div-culture {
        background: #FFF;
        width: 100%;
        height: 500px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    .div-culture-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 0 30px;
        overflow: hidden;
    }

    .div-culture-content li {
        float: left;
        border: 1px solid #ddd;
        width: 270px;
        height: 320px;
        margin: 90px 8px;
    }

    .div-culture-content li img {
        width: 142px;
        height: 100px;
        margin: 15px 65px;
    }

    .div-culture-font {
        padding: 0 20px;
        line-height: 190%;
        text-align: left;
    }

    .div-culture-span {
        font-weight: 600;
    }

    .div-culture-p {
        font-size: 18px;
        font-weight: 600;
    }
}

/* index service */
@media screen and (min-width: 1200px) {
    .div-service {
        background: #2B78C2;
        width: 100%;
        height: 445px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    .div-service-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 0 30px;
        overflow: hidden;
    }

    .div-service-pic {
        float: left;
        width: 600px;
        height: 445px;
    }

    .div-service-pic img {
        width: 600px;
        height: 445px;
    }

    .div-service-content {
        float: left;
        width: 545px;
        height: 445px;
        font-size: 16px;
        overflow: hidden;
    }

    .div-service-title1,
    .div-service-title2 {
        height: 50px;
        line-height: 50px;
        text-indent: 40px;
        font-size: 20px;
        color: #fff;
        margin: 30px 0 0;
    }

    .div-service-font1,
    .div-service-font2 {
        font-size: 14px;
        color: #fff;
        line-height: 180%;
        padding: 0 40px;
    }

    .div-service-span {
        margin: 10px 0 0;
        width: 55px;
        height: 2px;
        background: #F9C231;
    }
}

/* index product */
@media screen and (min-width: 1200px) {
    .div-productindex {
        width: 100%;
        background: #EFEFEF;
        padding: 5px 0 10px;
    }

    .div-productindex-panel {
        margin: 20px 0 0;
    }

    .div-productindex-title {
        margin: 80px auto 0;
        font-size: 30px;
        color: #2473c2;
        text-align: center;
    }

    .div-productindex-title2 {
        margin: 0 auto 30px;
        font-size: 11px;
        color: #000;
        text-align: center;
    }

    .div-productindex-pic {
        vertical-align: middle;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

    .div-productindex-pic img {
        vertical-align: middle;
        width: 30px;
        height: 30px;
    }

    .div-productindex {
        width: 100%;
    }

    .div-productindex-show {
        padding: 15px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .div-productindex-sublist {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .div-productindex-sublist li {
        border: 1px solid #E5E5E5;
        float: left;
        width: 278px;
        margin: 0 15px 10px 0;
        overflow: hidden;
    }

    .div-productindex-sublist img {
        width: 278px;
        height: 278px;
    }

    .div-productindex-sublist .div-productindex-title {
        margin: 10px;
        color: #2e7dcd;
        font-size: 16px;
    }

    .div-productindex-sublist .div-productindex-hr {
        width: 95%;
        margin: 15px auto;
    }

    .div-productindex-sublist .div-productindex-price {
        margin: 10px;
        font-size: 14px;
    }
}

/* index idea */
@media screen and (min-width: 1200px) {
    .div-idea {
        width: 100%;
        height: 544px;
        overflow: hidden;
        margin: 60px auto 0;
        padding: 0;
    }

    .div-idea-title {
        font-size: 30px;
        color: #2473c2;
        text-align: left;
    }

    .div-idea-title2 {
        font-size: 11px;
        color: #000;
        text-align: left;
    }

    .div-idea-panel {
        width: 1180px;
        height: 544px;
        margin: 0 auto;
        overflow: hidden;
    }

    .div-idea-content {
        float: left;
        width: 630px;
        height: 544px;
    }

    .div-idea-font {
        margin: 40px 0 0;
        font-size: 14px;
        color: #000;
        line-height: 180%;
        text-align: left;
    }

    .div-idea-span {
        margin: 15px 0 0 285px;
        width: 330px;
        height: 2px;
        text-align: center;
        background: #357ec5;
    }

    .div-idea-pic {
        float: left;
        width: 400px;
        height: 550px;
        margin: 0 0 0 150px;
    }

    .div-idea-pic img {
        width: 400px;
        height: 550px;
    }
}

/* index link */
@media screen and (min-width: 1200px) {
    .div-link {
        background: #333;
        width: 100%;
        height: 30px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    .div-link-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 5px 30px;
        overflow: hidden;
    }

    .div-link-font {
        float: left;
        color: #ddd;
    }

    .div-link-ul {
        float: left;
    }

    .div-link-ul li {
        float: left;
        margin: 0 0 0 25px;
    }

    .div-link-ul li a {
        color: #ddd;
    }

    .div-link-ul li a:hover {
        color: #357BBF;
    }
}

/* foot */
@media screen and (min-width: 1200px) {
    .div-foot {
        background: url("https://fulongvton.com/images/pic/foot.png");
        width: 100%;
        height: 445px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    }

    .div-foot-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 50px 0;
        overflow: hidden;
    }

    .div-foot-content {
        height: 320px;
        overflow: hidden;
    }

    .div-foot-content ul {
        display: -webkit-flex;
        /* Safari */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .div-foot-content li {
        float: left;
    }

    .div-foot-title,
    .div-foot-title2,
    .div-foot-title3 {
        color: #ddd;
        font-size: 16px;
    }

    .div-foot-font1,
    .div-foot-font2,
    .div-foot-font3 {
        margin: 10px 0;
        color: #ddd;
        font-size: 14px;
        line-height: 200%;
    }

    .div-foot-font1 li {
        width: 100px;
    }

    .div-foot-font1 li a {
        color: #ddd;
    }

    .div-foot-font1 li a:hover {
        color: #357BBF;
    }

    .div-foot-font1 {
        width: 150px;
    }

    .div-foot-font3 {
        line-height: 180%;
    }

    .div-foot-font3 img {
        width: 200px;
        height: 200px;
    }

    .div-foot-span,
    .div-foot-span2,
    .div-foot-span3 {
        margin: 10px 0 0;
        width: 100px;
        height: 2px;
        background: #ddd;
    }

    .div-foot-bottom {
        display: -webkit-flex;
        /* Safari */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .div-foot-bottom li {
        float: left;
    }

    .div-foot-copyright {
        color: #ddd;
    }

    .div-foot-copyright a {
        margin: 0 10px 0 10px;
    }

    .div-foot-support li {
        float: left;
        margin: 0 10px 0 0;
        color: #ddd;
    }

    .div-foot-support a {
        color: #ddd;
    }

    .div-foot-support a:hover {
        color: #357BBF;
    }

    .div-foot-bottom a {
        color: #ddd;
    }

    .div-foot-bottom a:hover {
        color: #357BBF;
    }
}

/* breadcrumb */
@media screen and (min-width: 1200px) {


    .div-breadcrumb {
        width: 100%;
        height: 35px;
        line-height: 35px;
        background: #2D3741;
        color: #fff;
    }

    .div-breadcrumb-panel {
        width: 1180px;
        margin: 0 auto;
    }

    .div-breadcrumb a {
        color: #fff !important;
    }

    .div-breadcrumb a:hover {
        color: #357BBF !important;
    }

    .div-breadcrumb cite {
        color: #fff !important;
    }
}

/* newslist */
@media screen and (min-width: 1200px) {
    .div-newsclass {
        width: 100%;
        background: #EFEFEF;
        padding: 5px 0 10px;
    }

    .div-newsclass-show {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .div-news-panel,
    .div-article-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 35px 30px;
        overflow: hidden;
    }

    .div-newsclass-show dt {
        float: left;
        width: 120px;
        height: 57px;
        line-height: 57px;
        text-align: center;
        font-size: 18px;
        vertical-align: middle;
        font-weight: 600;
    }

    .div-newsclass-show dd {
        float: left;
        width: 1000px;
    }

    .div-newsclass-show li {
        float: left;
        margin: 0 0 0 1px;
        background: url("https://fulongvton.com/images/pic/c3.png");
        width: 174px;
        height: 57px;
        line-height: 57px;
        text-align: center;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600;
    }

    .div-newsclass-show a {
        color: #000;
    }

    .div-newsclass-show li:hover {
        background: url("https://fulongvton.com/images/pic/c2.png");
    }

    .div-newsclass-current {
        background: url("https://fulongvton.com/images/pic/c2.png") !important;
    }

    .div-newsclass-brand {
        margin: 3px 0 0 0;
    }

    .div-newsclass-pic {
        vertical-align: middle;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

    .div-newsclass-pic img {
        vertical-align: middle;
        width: 30px;
        height: 30px;
    }

    .div-newslist {
        width: 100%;
    }

    .div-newslist-panel {
        width: 1180px;
        margin: 10px auto;
    }

    .div-list-show {
        overflow: hidden;
        border: 1px solid #e9e9e9;
        padding: 15px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .div-list-show dl {
        padding: 5px 0 0;
    }

    .div-list-show dt {
        padding: 10px 15px 8px;
        font-size: 18px;
        line-height: 18px;
        font-weight: normal;
    }

    .div-list-show dt span {
        font-size: 12px;
        line-height: 12px;
        padding: 0 0 0 10px;
    }

    .div-list-show dd {
        padding: 8px 15px 0;
        height: 65px;
        overflow: hidden;
        line-height: 20px;
        text-align: justify;
        text-justify: inter-ideograph;
        border-bottom: 1px solid #ddd;
    }

    .news-left,
    .article-left {
        float: left;
        width: 225px;
        min-height: 800px;
        height: 100%;
        overflow: hidden;
        margin: 10px auto;
        background: #EAEEF1;
    }

    .news-left dt,
    .article-left dt {
        width: 225px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        margin: 10px auto;
        background: #F7F8F9;
        color: #2B78C2;
        font-size: 16px;
        text-indent: 20px;
    }

    .news-left dd,
    .article-left dd {
        width: 205px;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        margin: 5px auto 10px;
        color: #000;
        font-size: 14px;
        text-indent: 10px;
        text-overflow: ellipsis;
    }

    .news-page-content,
    .article-page-content {
        width: 945px;
        min-height: 600px;
        height: 100%;
        overflow: hidden;
    }

    .news-page,
    .article-page {
        margin: 0 0 0 35px;
    }

    .news-title,
    .article-title {
        text-align: center;
        margin: 20px auto 10px;
        line-height: 21px;
    }

    .news-title h1,
    .article-title h1 {
        font-size: 21px;
        font-weight: 800;
    }

    .news-info,
    .article-info {
        text-align: center;
        margin: 10px auto 0;
        height: 25px;
        background: url(https://fulongvton.com/images/pic/listline.jpg) center 20px no-repeat;
    }

    .news-content,
    .article-content {
        font-size: 14px;
        text-align: justify;
        text-justify: inter-ideograph;
        width: 880px;
        margin: 10px auto 20px;
        line-height: 25px;
    }

    .news-from {
        font-size: 14px;
        width: 1100px;
        margin: 10px auto 20px;
        line-height: 25px;
    }

    .div-news-span,
    .div-article-span {
        margin: 10px 0 0;
        width: 880px;
        height: 1px;
        background: #ddd;
    }

    .news-page {
        padding: 10px 0;
    }

    .news-page dt a {
        font-size: 16px;
        color: #2B78C2;
        font-weight: 800;
    }

    .news-page dt span {
        margin: 0 0 0 15px;
        font-size: 11px;
        color: #000;
    }

    .news-page dd {
        margin: 10px auto;
        font-size: 11px;
        color: rgb(78, 78, 78);
        padding: 10px 0 20px;
        border-bottom: 1px solid #aaa;
    }
}

/* productlist */
@media screen and (min-width: 1200px) {
    .div-productclass {
        width: 100%;
        background: #EFEFEF;
        padding: 5px 0 10px;
    }

    .div-productclass-show {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .div-productclass-show dt {
        float: left;
        width: 120px;
        height: 57px;
        line-height: 57px;
        text-align: center;
        font-size: 18px;
        vertical-align: middle;
        font-weight: 600;
    }

    .div-productclass-show dd {
        float: left;
        width: 1000px;
    }

    .div-productclass-show li {
        float: left;
        margin: 0 0 0 1px;
        background: url("https://fulongvton.com/images/pic/c3.png");
        width: 174px;
        height: 57px;
        line-height: 57px;
        text-align: center;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600;
    }

    .div-productclass-show a {
        color: #000;
    }

    .div-productclass-show li:hover {
        background: url("https://fulongvton.com/images/pic/c2.png");
    }

    .div-productclass-current {
        background: url("https://fulongvton.com/images/pic/c2.png") !important;
    }

    .div-productclass-brand {
        margin: 3px 0 0 0;
    }

    .div-productclass-pic {
        vertical-align: middle;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

    .div-productclass-pic img {
        vertical-align: middle;
        width: 30px;
        height: 30px;
    }

    .div-productlist {
        width: 100%;
        background: #FFF;
        padding: 5px 0 10px;
    }

    .div-productlist-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .div-piclist-show {
        float: left;
        width: 945px;
        padding: 10px 0 0 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .div-productlist-sublist {
        width: 945px;
        overflow: hidden;
        margin: 0 auto;
        margin: 0 0 0 35px;
    }

    .div-productlist-sublist li {
        float: left;
        border: 1px solid #E5E5E5;
        float: left;
        width: 283px;
        margin: 0 18px 18px 0;
        overflow: hidden;
    }

    .div-productlist-sublist img {
        width: 283px;
        height: 283px;
    }

    .div-productlist-sublist .div-productlist-title {
        margin: 10px;
        color: #2e7dcd;
        font-size: 16px;
    }

    .div-productlist-sublist .div-productlist-hr {
        width: 95%;
        margin: 15px auto;
    }

    .div-productlist-sublist .div-productlist-price {
        margin: 10px;
        font-size: 14px;
    }

    /* left */
    .product-left {
        float: left;
        width: 225px;
        min-height: 800px;
        height: 100%;
        overflow: hidden;
        margin: 10px auto;
        background: #EAEEF1;
    }

    .product-left dt {
        width: 225px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        margin: 10px auto;
        background: #F7F8F9;
        color: #2B78C2;
        font-size: 16px;
        text-indent: 20px;
    }

    .product-left dd {
        width: 225px;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        margin: 5px auto 10px;
        color: #000;
        font-size: 14px;
        text-indent: 20px;
        text-overflow: ellipsis;
    }

    .product-page {
        width: 880px;
        min-height: 600px;
        height: 100%;
        overflow: hidden;
        margin: 5px auto;
    }

    /* search */
    .productlist-search {
        background: #FFFFFF;
        width: 100%;
        height: 120px;
        overflow: hidden;
        margin: 50px auto;
    }

    .productlist-search-panel {
        width: 1180px;
        margin: 0 auto;
        overflow: hidden;
    }

    .layui-form-item {
        margin-bottom: 0;
    }

    .productlist-search-form {
        background: #2B78C2;
        width: 100%;
        height: 120px;
    }

    .productlist-search-input {
        float: left;
        width: 840px;
        height: 60px;
        line-height: 60px;
        margin: 30px 0 0 30px;
    }

    .productlist-search-input input {
        width: 840px;
        height: 60px;
        line-height: 60px;
    }

    .productlist-search-button {
        float: left;
        margin: 30px 0 0 25px;
    }

    .productlist-search-button .searchbutton {
        float: left;
        width: 256px;
        height: 60px;
        line-height: 60px;
        font-size: 21px;
    }

    .productlist-search-button i {
        font-size: 21px !important;
        margin-right: 15px !important;
    }

}

/* product */
@media screen and (min-width: 1200px) {
    .div-product {
        width: 100%;
        background: #FFF;
        padding: 5px 0 10px;
    }

    .div-product-panel {
        width: 1180px;
        overflow: hidden;
        margin: 35px auto;
    }

    .div-product-content {
        float: left;
        width: 925px;
        overflow: hidden;
        padding: 10px 0 0 30px;
    }

    .div-product-pic {
        float: left;
    }

    .div-product-pic img {
        width: 300px;
        height: 300px;
        border: 1px solid #f2f2f2;
    }

    .div-product-group {
        float: left;
        width: 600px;
        margin: 0 0 0 20px;
    }

    .div-product-title {
        color: #004285;
        font-size: 30px;
        font-weight: 900;
    }

    .div-product-price {
        box-sizing: border-box;
        border: 1px solid #ddd;
        padding: 10px;
        background: #f2f2f2;
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    .div-product-price div {
        margin: 5px 0 0 0;
    }

    .layui-tab-card>.layui-tab-title .layui-this {
        background-color: #fff;
    }

    .layui-tab-title .layui-this {
        border: none;
        width: 100%;
        overflow: hidden;
        background-image: linear-gradient(to right, #2b78C2, #94BBE0);
        text-align: left;
        color: #fff;
        font-size: 16px;
    }

    .layui-tab-bar {
        display: none;
    }

    .layui-tab-content {
        box-sizing: border-box;
        padding: 15px;
    }

    .layui-tab-title {
        height: 40px;
    }

    .top-margin {
        margin: 20px 0 0 0;
    }

    .div-product-param {
        margin: 10px 0 0 0;
        font-size: 16px;
    }

    .div-product-param ul {
        border-top: 1px solid #000;
    }

    .div-product-param li:first-child {
        font-size: 18px;
        font-weight: 900;
        margin: 10px 0 0 0;
    }

    .div-product-param li {
        margin: 8px 0;
    }

    .div-product-param span {
        margin: 0 0 0 10px;
    }
}

/* message */
@media screen and (min-width: 1200px) {
    .div-message {
        width: 100%;
        background: #FFF;
        padding: 5px 0 10px;
    }

    .div-message-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .message-row {
        width: 100%;
        padding: 5px 0;
        height: 100%;
        height: auto;
        margin: 4px 0 0 0;
        overflow: hidden;
    }

    .message-range {
        height: 35px;
        line-height: 35px;
        color: #444;
        border-bottom: #004285 solid 2px;
    }

    .message-range-panel {
        background: #004285;
        font-size: 14px;
        color: #FFFFFF;
        padding: 0 15px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
    }

    .message-range-panel span {
        padding: 0 5px 0 0;
    }

    .message-listshow {
        border: 1px solid #e9e9e9;
        padding: 15px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .message-say {
        padding: 5px 15px;
        font-size: 15px;
    }

    .message-reply {
        margin: 5px 15px 10px;
        padding: 5px 10px;
        border: 1px dashed #ff6600;
        background: #ffffee;
        font-size: 14px;
    }
}

/* aboutus */
@media screen and (min-width: 1200px) {
    .special-aboutus {
        margin: 80px auto;
        width: 100%;
        background: #FFF;
        padding: 5px 0 10px;
    }

    .special-aboutus-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-aboutus-title {
        margin: 0 auto;
        font-size: 30px;
        color: #2473c2;
        text-align: center;
    }

    .special-aboutus-title2 {
        margin: 0 auto;
        font-size: 11px;
        color: #000;
        text-align: center;
    }

    .special-aboutus-font {
        margin: 15px 0 0;
        font-size: 14px;
        color: #000;
        line-height: 180%;
        text-align: center;
    }

    /* ourteam */
    .special-ourteam {
        margin: 0 auto;
        background: #2B78C2;
        width: 100%;
        height: 445px;
    }

    .special-ourteam-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-ourteam-title {
        font-size: 30px;
        color: #fff;
        text-align: left;
    }

    .special-ourteam-title2 {
        font-size: 11px;
        color: #fff;
        text-align: left;
    }

    .special-ourteam-content {
        float: left;
        width: 400px;
        height: 445px;
        margin: 70px 0 0 50px;
    }

    .special-ourteam-font {
        margin: 20px 0 0;
        font-size: 14px;
        color: #fff;
        line-height: 180%;
        text-align: left;
    }

    .special-ourteam-pic {
        float: left;
        width: 354px;
        height: 464px;
        margin: 0 0 0 10px;
    }

    .special-ourteam-pic img {
        width: 354px;
        height: 464px;
    }

    /* history */
    .special-history {
        padding: 80px 0;
        width: 100%;
        background: #FFF;
    }

    .special-history-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-history-title {
        margin: 0 auto;
        font-size: 30px;
        color: #2473c2;
        text-align: center;
    }

    .special-history-title2 {
        margin: 0 auto;
        font-size: 11px;
        color: #000;
        text-align: center;
    }

    .special-history-content ul {
        margin: 20px auto 0;
    }

    .special-history-content li {
        float: left;
        width: 200px;
        margin: 15px auto;
        padding: 0 47px;
        text-align: center;
    }

    .special-history-content li img {
        width: 150px;
        height: 150px;
    }

    .special-history-ptitle {
        font-size: 16px;
        font-weight: 600;
        margin: 5px auto;
        text-align: center;
    }

    .special-history-font {
        margin: 15px 0 0;
        font-size: 14px;
        color: #000;
        line-height: 180%;
        text-align: left;
    }

    /* service */
    .special-service {
        padding: 80px 0;
        width: 100%;
        background: #EAEEF1;
    }

    .special-service-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-service-title {
        margin: 0 auto;
        font-size: 30px;
        color: #2473c2;
        text-align: center;
    }

    .special-service-title2 {
        margin: 0 auto;
        font-size: 11px;
        color: #000;
        text-align: center;
    }

    .special-service-title3 {
        font-size: 16px;
        color: #000;
        text-align: left;
        font-weight: 600;
        margin: 10px 0;
    }

    .special-service-font {
        font-size: 14px;
        color: #000;
    }

    .special-service-sublist {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-service-sublist ul {
        margin: 30px auto 0;
    }

    .special-service-sublist li {
        float: left;
        width: 278px;
        margin: 10px 8px;
        overflow: hidden;
    }

    .special-service-sublist img {
        width: 278px;
        height: 200px;
    }

    .special-service-hr {
        width: 90%;
        height: 2px;
        background: #fff;
        margin: 25px auto 10px;
    }

    /* logo */
    .special-logo {
        padding: 80px 0;
        width: 100%;
        background: #FFF;
    }

    .special-logo-panel {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-logo-title {
        margin: 0 auto;
        font-size: 30px;
        color: #2473c2;
        text-align: center;
    }

    .special-logo-title2 {
        margin: 0 auto;
        font-size: 11px;
        color: #000;
        text-align: center;
    }

    .special-logo-title3 {
        font-size: 20px;
        color: #000;
        text-align: left;
        font-weight: 600;
        margin: 10px 0;
    }

    .special-logo-font {
        font-size: 16px;
        color: #000;
    }

    .special-logo-sublist {
        width: 1180px;
        overflow: hidden;
        margin: 0 auto;
    }

    .special-logo-sublist ul {
        margin: 30px auto 0;
    }

    .special-logo-sublist li {
        float: left;
        width: 385px;
        height: 168x;
        margin: 0 0 10px 0;
        overflow: hidden;
    }

    .special-logo-sublist img {
        width: 385px;
        height: 168x;
    }

    .special-logo-hr {
        width: 95%;
        margin: 15px auto;
    }
}

/* contactus */
@media screen and (min-width: 1200px) {
    .contactus-map {
        background: #EAEEF1;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin: 0 auto;
        padding: 80px 0;
    }

    .contactus-map-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 0 30px;
        overflow: hidden;
    }

    .contactus-map-pic {
        float: left;
        width: 717px;
        height: 400px;
    }

    .contactus-map-pic img {
        width: 717px;
        height: 400px;
    }

    .contactus-map-content {
        float: left;
        width: 350px;
        height: 400px;
        font-size: 14px;
        margin: 30px 0 0 50px;
    }

    .contactus-map-title {
        font-size: 20px;
        color: #000;
    }

    .contactus-map-content ul {
        margin: 20px 0 0;
        font-size: 14px;
        color: #000;
    }

    .contactus-map-content li {
        margin: 10px 0 0;
    }

    /* message */
    .contactus-message {
        background: #FFF;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin: 0 auto;
        padding: 80px 0;
    }

    .contactus-message-panel {
        width: 1180px;
        margin: 0 auto;
        padding: 0 30px;
        overflow: hidden;
    }

    .contactus-message-title {
        font-size: 20px;
        color: #2B78C2;
        text-align: center;
    }

    .layui-form-item {
        margin-bottom: 0;
    }

    .contactus-message-form {
        background: #EAEEF1;
        width: 1000px;
        height: 355px;
        margin: 20px auto 0;
    }

    .contactus-message-lable {
        float: left;
        background: #2B78C2;
        color: #fff;
        width: 110px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        margin: 15px 0 0 15px;
    }

    .contactus-message-input {
        float: left;
        width: 840px;
        height: 45px;
        line-height: 45px;
        margin: 15px 0 0 15px;
    }

    .contactus-message-input input {
        width: 840px;
        height: 45px;
        line-height: 45px;
    }

    .contactus-message-textarea {
        float: left;
        width: 840px;
        height: 150px;
        line-height: 45px;
        margin: 15px 0 0 15px;
    }

    .contactus-message-textarea textarea {
        width: 840px;
        height: 150px;
    }

    .contactus-message-button {
        text-align: left;
        margin: 15px 0 0 140px;
    }

    .contactus-message-button .submitbutton {
        text-align: left;
        background: #2B78C2;
        color: #fff;
    }

}