body {
    margin     : 0;
    padding    : 0;
    font-size  : 0.14rem;
    line-height: 0.28rem;
    font-family: "微软雅黑",
        "Microsoft Yahei";
}

ul,
p {
    margin : 0;
    padding: 0;
}

ul li {
    list-style: none;
}

div {
    box-sizing: border-box;
}

a {
    color          : #808080;
    text-decoration: none;
}

a img {
    border: 0;
}

img {
    max-width     : 100%;
    vertical-align: middle;
}

* {
    outline: none;
}

.clear {
    width      : 0;
    height     : 0;
    clear      : both;
    margin     : 0;
    padding    : 0;
    line-height: 0;
    font-size  : 0;
}

.header {
    width : 12rem;
    height: 1.1rem;
    margin: 0 auto;
}

.header .logo {
    margin-top : 0.15rem;
    float      : left;
    margin-left: 0.1rem;
}

.header .logo img {
    width : 2.93rem;
    height: 0.8rem;
}

.header .category {
    display: none;
}

.header .logorsy {
    width       : 7rem;
    float       : right;
    margin-right: 0.1rem;
}

.header .logorsy .cnenall {
    width     : 3.1rem;
    margin-top: 0.15rem;
    float     : right;
    font-size : 0.12rem;
}

.header .logorsy .cnenall .en {
    width          : 0.85rem;
    height         : 0.2rem;
    line-height    : 0.2rem;
    background     : url('../images/lang_en.jpg') left center no-repeat;
    background-size: auto 100%;
    padding-left   : 0.35rem;
    float          : right;
    margin-right   : 0.25rem;
}

.header .logorsy .cnenall .cn {
    width          : 0.85rem;
    height         : 0.2rem;
    line-height    : 0.2rem;
    background     : url('../images/lang_cn.jpg') left center no-repeat;
    background-size: auto 100%;
    padding-left   : 0.35rem;
    float          : right;
    margin-right   : 0.25rem;
}

.header .logorsy .nav {
    width     : 7rem;
    margin-top: 0.1rem;
}

.header .logorsy .nav ul li {
    
    float      : left;
    text-align : center;
    font-size  : 0.16rem;
    line-height: 0.4rem;
    height     : 0.4rem;
    padding: 0 0.1rem;
}

.header .logorsy .nav ul li a {
    color: #000000;
}

.header .logorsy .nav ul li .children {
    display      : none;
    position     : absolute;
    float        : left;
    width        : 1.3rem;
    border-top   : 1px solid #e4322b;
    border-bottom: 3px solid #e4322b;
    color        : #333;
    filter       : alpha(opacity=90);
    -moz-opacity : 1;
    opacity      : 1;
    background   : #FFF;
    padding      : 0.1rem 0.2rem;
    z-index      : 999;
}

.header .logorsy .nav ul li .children li {
    width      : 100%;
    line-height: 0.25rem;
    height     : 0.25rem;
    text-align : left;
    background : url('../images/childli.png') left center no-repeat;
}

.header .logorsy .nav ul li .children li a {
    display     : block;
    text-align  : left;
    padding-left: 0.15rem;
    font-size   : 0.13rem;
    color       : #000000;
}

.banner {
    position  : relative;
    width     : 100%;
    height    : 7.25rem;
    background: #000
}

.banner ul {
    height: 7.25rem;
    width : 100% !important;
}

.banner li {
    height: 7.25rem;
    width : 100% !important;
}

.banner .prev,
.banner .next {
    position  : absolute;
    z-index   : 1;
    display   : block;
    width     : 0.72rem;
    height    : 0.72rem;
    top       : 50%;
    margin-top: -0.35rem;
    cursor    : pointer;
}

.banner .prev {
    left           : 0.4rem;
    background     : url('../images/left.png') no-repeat rgba(0, 0, 0, 0.1);
    background-size: 100% 100%;
}

.banner .next {
    right          : 0.4rem;
    background     : url('../images/right.png') no-repeat rgba(0, 0, 0, 0.1);
    background-size: 100% 100%;
}

.banner .prev:hover {
    background     : url('../images/left.png') no-repeat rgba(0, 0, 0, 0.3);
    background-size: 100% 100%;
}

.banner .next:hover {
    background     : url('../images/right.png') no-repeat rgba(0, 0, 0, 0.3);
    background-size: 100% 100%;
}

.about {
    width  : 16rem;
    margin : 0 auto;
    padding: 0.65rem 0.1rem 0.45rem;
}

.about .left {
    width      : 10rem;
    margin-left: 0.1rem;
    float      : left;
}

.about .left .name {
    font-size  : 0.32rem;
    font-weight: bold;
    line-height: 0.45rem;
}

.about .left .content {
    margin-top : 0.1rem;
    font-size  : 0.14rem;
    line-height: 0.28rem;
}

.about .left .more {
    margin-top: 0.1rem;
}

.about .left .more img {
    width : 1.58rem;
    height: 0.36rem;
}

.about .left .more a {
    -webkit-transform          : perspective(1px) translateZ(0);
    -moz-transform             : perspective(1px) translateZ(0);
    transform                  : perspective(1px) translateZ(0);
    -webkit-box-shadow         : 0 0 1px rgba(0, 0, 0, 0);
    -moz-box-shadow            : 0 0 1px rgba(0, 0, 0, 0);
    box-shadow                 : 0 0 1px rgba(0, 0, 0, 0);
    position                   : relative;
    -webkit-transition-property: color;
    -o-transition-property     : color;
    -moz-transition-property   : color;
    transition-property        : color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration   : 0.3s;
    -o-transition-duration     : 0.3s;
    transition-duration        : 0.3s;
    display                    : inline-block;
    height                     : 36px;
    line-height                : 36px;
    padding                    : 0 46px;
    border                     : 1px solid #64727f;
}

.about .left .more a:before {
    content                           : "";
    position                          : absolute;
    z-index                           : -1;
    top                               : 0;
    bottom                            : 0;
    left                              : 0;
    right                             : 0;
    background                        : #32396D;
    -webkit-transform                 : scale(0);
    -moz-transform                    : scale(0);
    -ms-transform                     : scale(0);
    -o-transform                      : scale(0);
    transform                         : scale(0);
    -webkit-transition-property       : transform;
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    -o-transition-property            : -o-transform;
    -moz-transition-property          : transform, -moz-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-transition-duration       : 0.3s;
    -moz-transition-duration          : 0.3s;
    -o-transition-duration            : 0.3s;
    transition-duration               : 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function   : ease-out;
    -o-transition-timing-function     : ease-out;
    transition-timing-function        : ease-out;
}

.about .left .more a:hover {
    color : #ffffff;
    border: 1px solid #32396D;
}

.about .left .more a:hover:before {
    -webkit-transform: scaleY(1);
    -moz-transform   : scaleY(1);
    -ms-transform    : scaleY(1);
    -o-transform     : scaleY(1);
    transform        : scaleY(1);
}


.about .right {
    width       : 4.85rem;
    margin-right: 0.1rem;
    float       : right;
}

.about .right img {
    width : 4.85rem;
    height: 2.85rem;
}

.product {
    width          : 100%;
    height         : 5.3rem;
    background     : url('../images/about_bj.jpg') center center no-repeat;
    background-size: 100% 100%;
    padding-top    : 0.5rem;
}

.product .name {
    font-size    : 0.32rem;
    font-weight  : bold;
    line-height  : 0.45rem;
    text-align   : center;
    margin-bottom: .2rem;
}

.product .name_en {
    text-align: center;
    margin    : 0.1rem 0;
}

.product .name_desc {
    text-align: center;
}

.product .list {
    width  : 12.9rem;
    margin : 0.3rem auto 0;
    padding: 0 0.1rem;
}

.product .list ul li {
    width       : 3.10rem;
    float       : left;
    margin-left : 0.03rem;
    margin-right: 0.03rem;
}

.product .list ul li .img {
    width   : 3.10rem;
    height  : 2rem;
    overflow: hidden;
}

.product .list ul li img {
    width     : 3.10rem;
    height    : 2rem;
    transition: all 0.6s;
}

.product .list ul li img:hover {
    transform: scale(1.2);
}

.product .list ul li .title {
    width      : 100%;
    height     : 0.52rem;
    line-height: 0.52rem;
    background : url('../images/more-icon.jpg') 2.8rem center #ffffff no-repeat;
    text-align : center;
    overflow: hidden;
}

.product .list ul li .title a:hover {
    color: #000000;
}

.news {
    width     : 100%;
    background: #ffffff;
    padding   : 0.65rem 0 0.55rem;
}

.news .name {
    font-size    : 0.32rem;
    font-weight  : bold;
    line-height  : 0.45rem;
    text-align   : center;
    margin-bottom: .2rem;
}

.news .name_en {
    text-align: center;
    margin    : 0.1rem 0;
}

.news .name_desc {
    text-align: center;
}

.news .newsc {
    width : 12rem;
    margin: 0.4rem auto 0;
}

.news .newsc .left {
    width      : 5.8rem;
    height     : 3.4rem;
    position   : relative;
    margin-left: 0.1rem;
    float      : left;
}

.news .newsc .left .img {
    width   : 5.8rem;
    height  : 3.4rem;
    overflow: hidden;
}

.news .newsc .left img {
    width     : 5.8rem;
    height    : 3.4rem;
    transition: all 0.6s;
}

.news .newsc .left img:hover {
    transform: scale(1.2);
}

.news .newsc .left .title {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    width      : 5.8rem;
    background : rgba(0, 0, 0, 0.7);
    height     : 0.45rem;
    line-height: 0.45rem;
    text-align : center;
}

.news .newsc .left .title a {
    color: #aaaaaa;
}

.news .newsc .left .title a:hover {
    color: #ffffff;
}

.news .newsc .right {
    width       : 5.8rem;
    margin-right: 0.1rem;
    float       : right;
}

.news .newsc .right ul li {
    height : 0.8rem;
    padding: 0.15rem 0;
}

.news .newsc .right ul li .ll {
    width      : 1rem;
    float      : left;
    text-align : left;
    height     : 0.8rem;
    padding-top: 0.15rem;
}

.news .newsc .right ul li .ll img {
    width : 0.76rem;
    height: 0.52rem;
}

.news .newsc .right ul li .rr {
    width       : 4.8rem;
    height      : 0.8rem;
    float       : right;
    border-left : 1px solid #cdcdcd;
    padding-left: 0.2rem;
}

.news .newsc .right ul li .rr .title {}

.news .newsc .right ul li .rr .title a {
    color      : #333333;
    font-size  : 0.16rem;
    font-weight: bold;
    line-height: 0.33rem;
    height     : 0.33rem;
    width      : 3.7rem;
    float      : left;
    overflow   : hidden;
}

.news .newsc .right ul li .rr .title a:hover {
    color: #000000;
}

.news .newsc .right ul li .rr .title span {
    font-size  : 0.12rem;
    line-height: 0.33rem;
    width      : 0.7rem;
    float      : right;
}

.news .newsc .right ul li .rr .desc {
    font-size  : 0.12rem;
    line-height: 0.2rem;
    height     : 0.4rem;
    overflow   : hidden;
}

.news .newsc .right ul li .rr .desc a:hover {
    color: #000000;
}

.huoban {
    height    : 7.8rem;
    background: url('../images/huoban_bj.jpg') center center no-repeat;
    padding   : 0.65rem 0 0.55rem;
}

.huoban .name {
    font-size    : 0.32rem;
    font-weight  : bold;
    line-height  : 0.45rem;
    text-align   : center;
    margin-bottom: .2rem;
}

.huoban .name_en {
    text-align: center;
    margin    : 0.1rem 0;
}

.huoban .name_desc {
    text-align: center;
}

.huoban .list {
    width  : 12rem;
    padding: 0.1rem;
    margin : 0 auto;
}

.huoban .list ul li {
    width     : 16.6%;
    float     : left;
    text-align: center;
    margin-top: 0.1rem;
    height    : 1.3rem;
    overflow  : hidden;
}

.huoban .list ul li .box {
    width   : 1.8rem;
    height  : 1.25rem;
    overflow: hidden;
    margin  : 0 auto;
}

.huoban .list ul li img {
    width     : 1.8rem;
    height    : 1.25rem;
    transition: all 0.6s;
}

.huoban .list ul li img:hover {
    transform: scale(1.2);
}

.footer {
    background : url('../images/footer_bj.jpg') center center no-repeat;
    padding-top: 0.25rem;
}

.footer .box {
    width    : 12rem;
    margin   : 0 auto;
    padding  : 0 0.1rem;
    color    : #ffffff;
    font-size: 0.12rem;
}

.footer .box a {
    color: #ffffff;
}

.footer .box .contact {
    padding-top: 0.5rem;
}

.footer .box .contact .left {
    float: left;
    width: 5.5rem;
}

.footer .box .contact .left .name {
    font-size  : 0.18rem;
    line-height: 0.2rem;
}

.footer .box .contact .left .content {
    margin-top: 0.4rem;
}

.footer .box .contact .right {
    width: 5.8rem;
    float: right;
}

.footer .box .contact .right .label {
    margin-top: 0.1rem;
}

.footer .box .contact .right .label input {
    height     : 0.25rem;
    line-height: 0.25rem;
    padding    : 0 0.1rem;
    width      : 100%;
    box-sizing : border-box;
    background : none;
    border     : 1px solid #ffffff;
    color      : #ffffff;
}

.footer .box .contact .right .label input::-webkit-input-placeholder {
    color: #ffffff;
}

.footer .box .contact .right .label input::-moz-input-placeholder {
    color: #ffffff;
}

.footer .box .contact .right .label input::-ms-input-placeholder {
    color: #ffffff;
}

.footer .box .contact .right .label textarea {
    width     : 100%;
    height    : 1rem;
    box-sizing: border-box;
    padding   : 0.1rem;
    background: none;
    border    : 1px solid #ffffff;
    color     : #ffffff;
}

.footer .box .contact .right .label textarea::-webkit-input-placeholder {
    color: #ffffff;
}

.footer .box .contact .right .label textarea::-moz-input-placeholder {
    color: #ffffff;
}

.footer .box .contact .right .label textarea::-ms-input-placeholder {
    color: #ffffff;
}

.footer .box .contact .right .label .code {
    width: 1rem;
    float: left;
}

.footer .box .contact .right .label img {
    height     : 0.25rem;
    float      : left;
    margin-left: 0.2rem;
}

.footer .box .contact .right .label .submit {
    width     : 1rem;
    background: #ffffff;
    color     : #666666;
}

.footer .box .copy {
    margin-top : 0.5rem;
    text-align : center;
    height     : 0.5rem;
    line-height: 0.5rem;
}

.sub_banner {
    height: 3.8rem;
}

.weizhi {
    background   : #efefef;
    border-bottom: 1px solid #dddddd;
}

.weizhi .box {
    width      : 12rem;
    margin     : 0 auto;
    line-height: 0.45rem;
    padding    : 0 0.1rem 0 0.15rem;
    color      : #666666;
    background : url('../images/home.png') left center no-repeat;
}

.weizhi .box a {
    color: #666666;
}

.show_page {
    width  : 12rem;
    margin : 0.4rem auto;
    padding: 0 0.1rem;
}

.news_list {
    width  : 12rem;
    margin : 0.2rem auto;
    padding: 0 0.1rem;
}

.news_list ul li {
    padding      : 0.3rem 0;
    border-bottom: 1px dotted #e5e5e5;
}

.news_list ul li .left {
    width   : 2rem;
    height  : 1.2rem;
    float   : left;
    overflow: hidden;
}

.news_list ul li .left img {
    width     : 2rem;
    height    : 1.2rem;
    transition: all 0.6s;
}

.news_list ul li .left img:hover {
    transform: scale(1.2);
}

.news_list ul li .right {
    width: 9.5rem;
    float: right;
}

.news_list ul li .right .title {
    font-size  : 0.18rem;
    line-height: 0.4rem;
    height     : 0.4rem;
    overflow   : hidden;
}

.news_list ul li .right .title a {
    color: #333333;
}

.news_list ul li .right .desc {
    line-height: 0.3rem;
    height     : 0.6rem;
    overflow   : hidden;
    margin-top : 0.1rem;
}

.news_list ul li .right .more {
    width      : 1rem;
    border     : 1px solid #333333;
    color      : #333333;
    text-align : center;
    height     : 0.35rem;
    line-height: 0.35rem;
    margin-top : 0.1rem;
}

.childcate {
    width     : 12rem;
    margin    : 0.4rem auto;
    text-align: center;
}

.childcate ul li {
    display   : inline-table;
    margin    : .05rem 0.1rem;
    padding   : 0.1rem 0.4rem;
    background: #efefef;
    font-size : 0.16rem;
}

.childcate ul li.on {
    color     : #ffffff;
    background: #32396D;
}

.childcate ul li.on a {
    color: #ffffff;
}

.product_list {
    width  : 12rem;
    margin : 0.2rem auto;
    padding: 0 0.1rem;
}

.product_list ul li {
    width     : 25%;
    float     : left;
    margin-top: 0.1rem;
}

.product_list ul li .img {
    width   : 2.9rem;
    height  : 1.9rem;
    overflow: hidden;
}

.product_list ul li img {
    width     : 2.9rem;
    height    : 1.9rem;
    transition: all 0.6s;
}

.product_list ul li img:hover {
    transform: scale(1.2);
}

.product_list ul li .title {
    width      : 100%;
    height     : 0.52rem;
    line-height: 0.52rem;
    text-align : center;
}

.product_list ul li .title a:hover {
    color: #000000;
}

.show_news {
    position: relative;
    width  : 12rem;
    margin : 0.4rem auto;
    padding: 0 0.1rem;
}

.show_news .title {
    font-size  : 0.24rem;
    font-weight: bold;
    color      : #333333;
    text-align : center;
    padding    : 0 0.2rem;
}

.show_news .other {
    text-align: center;
    margin    : 0.2rem 0;
    color     : #aaaaaa;
}

.lastprve {
    margin: 0.2rem 0;
}

.floatlast{
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1rem;
    height: 2rem;
    margin-top: -1rem;
}

.floatprve{
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1rem;
    height: 2rem;
    margin-top: -1rem;
}

.is_product .floatlast{
    display: block;
}

.is_product .floatprve{
    display: block;
}

.is_product .lastprve{
    display: none;
}

.page_info {
    width      : 12rem;
    text-align : center;
    line-height: .4rem;
    margin     : .4rem auto .4rem;
}

.page {
    display      : inline-block;
    padding-left : 0;
    border-radius: .04rem;
}

.page>li {
    display: inline;
}

.page>li>a {
    color: #686868;
}

.page>.current>a,
.page>.current>span {
    z-index         : 2;
    color           : #ffffff;
    cursor          : default;
    background-color: #33396d;
    border-color    : #33396d;
}

.page>li>a,
.page>li>span {
    position        : relative;
    float           : left;
    padding         : .08rem .15rem;
    margin-left     : -1px;
    line-height     : 1.428571429;
    text-decoration : none;
    background-color: #ffffff;
    border          : 1px solid #e5e5e5;
}

@media (max-width: 1600px) {
    .about {
        width: 12rem;
    }

    .about .left {
        width: 6rem;
    }

    .about .right {
        width: 5rem;
    }

    .product .list {
        width: 12rem;
    }

    .product .list ul li {
        width : 25%;
        float : left;
        margin: 0;
    } 

    .product .list ul li .img {
        width   : 2.9rem;
        height  : 1.9rem;
        overflow: hidden;
    }

    .product .list ul li img {
        width     : 2.9rem;
        height    : 1.9rem;
        transition: all 0.6s;
    }

    .product .list ul li .title {
        width     : 2.9rem;
        background: #ffffff;
    }
}

@media (max-width: 1024px) {
    .header {
        width: 100%;
    }

    .header .logorsy .cnenall .en {
        width: 1rem;
    }

    .header .logorsy .cnenall .cn {
        width: 1rem;
    }

    .header .logorsy .nav ul li{
        padding: 0 0.05rem;
    }

    .header .logorsy .nav ul li .children {
        width: 1.8rem;
    }
    

    .about {
        width: 100%;
    }

    .about .left .content {
        height  : 1.68rem;
        overflow: hidden;
    }

    .product .list {
        width: 100%;
    }

    .product .list ul li .img {
        width : 2.8rem;
        height: 1.85rem;
    }

    .product .list ul li .title {
        width: 2.8rem;
    }

    .news .newsc {
        width: 100%;
    }

    .news .newsc .left {
        width: 5.7rem;
    }

    .news .newsc .left .img {
        width: 5.7rem;
    }

    .news .newsc .left img {
        width: 5.7rem;
    }

    .news .newsc .left .title {
        width: 5.7rem;
    }

    .news .newsc .right ul li .rr .title span {
        display: none;
    }

    .huoban .list {
        width: 100%;
    }

    .footer .box {
        width: 100%;
    }

    .weizhi .box {
        width: 100%;
    }

    .news_list {
        width: 100%;
    }

    .product_list {
        width: 100%;
    }

    .product_list ul li .img {
        width : 2.8rem;
        height: 1.85rem;
    }

    .product_list ul li .title {
        width: 2.8rem;
    }

    .show_page {
        width: 100%;
    }

    .show_news {
        width: 100%;
    }

    .is_product{
        padding: 0 1rem;
    }
}

@media (max-width: 767px) {
    body {
        font-size  : 0.26rem;
        line-height: 0.45rem;
    }

    .header .category {
        display     : block;
        float       : right;
        margin-top  : 0.2rem;
        margin-right: 0.2rem;
    }

    .header .category img {
        width : 0.8rem;
        height: 0.8rem;
    }

    .header .logorsy {
        width     : 100%;
        display   : none;
        position  : absolute;
        top       : 1.1rem;
        left      : 0;
        background: rgba(255, 255, 255, 0.9);
        z-index   : 999;
        box-shadow: #d2daff 0 0 0.12rem;
    }

    .header .logorsy .cnenall {
        width    : 2rem;
        font-size: 0.24rem;
        float    : right;
    }

    .header .logorsy .cnenall .en,
    .header .logorsy .cnenall .cn {
        width       : 100%;
        height      : 0.4rem;
        line-height : 0.4rem;
        margin-top  : 0.2rem;
        padding-left: 1rem;
    }

    .header .logorsy>div.clear {
        clear: none;
    }

    .header .logorsy .nav {
        width     : 5rem;
        margin-top: 0.2rem;
        float     : left;
    }

    .header .logorsy .nav ul li {
        line-height : 0.6rem;
        height      : auto;
        width       : 100%;
        float       : left;
        font-size   : 0.32rem;
        text-align  : left;
        padding-left: 0.2rem;
        box-sizing  : border-box;
    }

    .header .logorsy .nav ul li .children {
        width        : 100%;
        position     : relative;
        background   : none;
        border-bottom: 1px solid #e4322b;
    }

    .header .logorsy .nav ul li .children li {
        background : none;
        font-size  : 0.28rem;
        line-height: 0.5rem;
        height     : 0.5rem;
    }

    .header .logorsy .nav ul li .children li a {
        font-size: 0.28rem;
    }


    .banner {
        height: 4rem;
    }

    .banner li {
        height: 4rem;
    }

    .about .left {
        width: 100%;
    }

    .about .left .name {
        font-size  : 0.4rem;
        line-height: 0.8rem;
        text-align : center;
    }

    .about .left .name_en {
        text-align: center;
    }

    .about .left .content {
        font-size  : 0.26rem;
        line-height: 0.45rem;
        height     : auto;
    }

    .about .left .more {
        text-align: center;
        margin-top: 0.2rem;
    }

    .about .left .more img {
        width : 3.16rem;
        height: 0.72rem;
    }

    .about .right {
        display: none;
    }

    .product {
        height        : auto;
        padding-bottom: 0.3rem;
    }

    .product .name {
        font-size  : 0.4rem;
        line-height: 0.8rem;
    }

    .product .list ul li {
        width        : 50%;
        text-align   : center;
        margin-bottom: 0.3rem;
    }

    .product .list ul li .img {
        width : 3.1rem;
        height: 2rem;
        margin: 0 auto;
    }

    .product .list ul li img {
        width : 3.1rem;
        height: 2rem;
    }

    .product .list ul li .title {
        width : 3.1rem;
        margin: 0 auto;
    }

    .news {
        padding: 0.1rem;
    }

    .news .name {
        font-size  : 0.4rem;
        line-height: 0.8rem;
    }

    .news .newsc .left {
        width      : 100%;
        margin-left: 0;
    }

    .news .newsc .left .img {
        width : 100%;
        margin: 0 auto;
    }

    .news .newsc .left img {
        width: 100%;
    }

    .news .newsc .left .title {
        width      : 100%;
        height     : 0.52rem;
        line-height: 0.52rem;
    }

    .news .newsc .right {
        width       : 100%;
        margin-right: 0;
    }

    .news .newsc .right ul li {
        height: auto;
    }

    .news .newsc .right ul li .ll {
        padding-top : 0.4rem;
        padding-left: 0.3rem;
    }

    .news .newsc .right ul li .rr {
        width : 5.8rem;
        height: 1.2rem;
    }

    .news .newsc .right ul li .rr .title a {
        font-size  : 0.26rem;
        line-height: 0.5rem;
        height     : 0.5rem;
    }

    .news .newsc .right ul li .rr .desc {
        font-size  : 0.24rem;
        line-height: 0.35rem;
        height     : 0.7rem;
    }

    .huoban {
        height: auto;
    }

    .huoban .name {
        font-size  : 0.4rem;
        line-height: 0.8rem;
    }

    .huoban .list ul li {
        width: 33.3%;
    }

    .footer {
        padding-bottom: 0.4rem;
    }

    .footer .box .contact .left .name {
        font-size  : 0.36rem;
        line-height: 0.6rem;
    }

    .footer .box .contact .left {
        width       : 100%;
        padding-left: 0.3rem;
    }

    .footer .box .contact .left .content {
        font-size  : 0.26rem;
        line-height: 0.5rem;
    }

    .footer .box .contact .right {
        display: none;
    }

    .footer .box .copy {
        display: none;
    }

    .weizhi .box {
        padding-left: 0.4rem;
        font-size   : 0.26rem;
        line-height : 0.5rem;
    }

    .news_list ul li .left {
        display: none;
    }

    .news_list ul li .right {
        width: 100%;
    }

    .news_list ul li .right .title {
        font-size: 0.28rem;
    }

    .page_info {
        width: 100%;
    }

    .childcate {
        width: 100%;
    }

    .childcate ul li {
        margin-top: 0.2rem;
    }

    .product_list ul li {
        width        : 50%;
        text-align   : center;
        margin-bottom: 0.3rem;
    }

    .product_list ul li .img {
        width : 3.1rem;
        height: 2rem;
        margin: 0 auto;
    }

    .product_list ul li img {
        width : 3.1rem;
        height: 2rem;
    }

    .product_list ul li .title {
        width : 3.2rem;
        margin: 0 auto;
    }

    .show_news .title {
        font-size: 0.32rem;
    }

}

.news-list {
    padding: 15px 0;
}

.news-list ul {
    padding-bottom: 40px;
}

.news-list dl {
    background-color: #f6f6f6;
    margin-bottom   : 10px;
}

.news-list dl .news-date {
    color      : #f60;
    font-size  : 18px;
    padding-top: 10px;
}

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

.news-list dl h3 a {
    height       : 34px;
    line-height  : 34px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    font-size    : 16px;
}

.news-list dl .news-desc {
    color        : #808080;
    line-height  : 24px;
    height       : 48px;
    overflow     : hidden;
    margin-bottom: 10px;
}

.news-list dl .news-more {
    color    : #f60;
    font-size: 16px;
    display  : inline-block;
}

.news-list dl dd {
    padding: 10px;
}

.news-list li {
    padding: 15px
}

.news-list li:not(:first-child) {
    border-top: 1px dashed #dedede;
}

.news-list li:hover {
    box-shadow   : 0 .1rem .2rem rgba(0, 0, 0, .2);
    border-bottom: 1px dashed #fff
}

.news-list li .news-date {
    color    : #f60;
    font-size: 16px;
}

.news-list li h3 {
    padding-top: 8px;
}

.news-list li h3 a {
    display      : block;
    font-size    : 16px;
    color        : #454545;
    height       : 24px;
    line-height  : 24px;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
}

.news-list li .news-desc {
    height     : 48px;
    line-height: 24px;
    overflow   : hidden;
    color      : #999;
}

@media (min-width: 1200px) {
    .news-container {
        max-width: 1200px;
        margin   : 0 auto;
    }
}

@media (max-width: 1000px) {
    .phonepadding {
        padding-right: 15px;
        padding-left : 15px;
    }
}

@media (min-width: 992px) {
    .news-list dl {
        margin-bottom: 0;
    }

    .news-list dl dd {
        font-size: 14px;
    }

    .news-list li {
        padding: 40px 10px 25px;
    }

    .news-list li .thumb {
        position    : relative;
        padding-left: 150px;
    }

    .news-list li .news-date {
        position : absolute;
        left     : 0;
        top      : 0;
        z-index  : 1;
        font-size: 20px;
    }

    .news-list li .news-desc {
        font-size : 14px;
        margin-top: 10px;
    }

    .news-list li h3 {
        padding-top: 0;
    }

    .news-list li h3 a {
        font-size: 22px;
    }
}