@import url(jquery.bxslider.css);

@font-face {
    font-family: AKZIDENZGROTESK;
    src        : url('../fonts/AKZIDENZGROTESK.OTF');
}

body {
    padding    : 0;
    margin     : 0;
    background : #ffffffff;
    font-size  : 0.16rem;
    line-height: 2;
    color      : #4f5666;
}

div {
    box-sizing: border-box;
}

ul,
dl,
dd {
    margin : 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    color          : #4f5666;
    text-decoration: none;
}

img {
    border        : 0;
    vertical-align: middle;
}

.clear {
    clear: both;
}

.container {
    width : 12rem;
    margin: 0 auto;
}

.header .top {
    height         : 0.6rem;
    line-height    : 0.47rem;
    color          : #999999;
    background     : url('../images/header_top_bj.png') top center no-repeat;
    background-size: auto 100%;
}

.header .top .container {
    position: relative;
}

.header .top_left {
    position  : absolute;
    left      : 0;
    top       : 0.39rem;
    width     : 1.15rem;
    height    : 0.07rem;
    background: #2a80e7;
    z-index   : 222;
}

.header .top_right {
    position       : absolute;
    left           : 50%;
    top            : 0;
    width          : 4.05rem;
    height         : 0.6rem;
    background     : url('../images/header_top_r.png') left center no-repeat;
    background-size: 100% 100%;
    z-index        : 222;
    padding-left   : 0.75rem;
    line-height    : 0.6rem;
    margin-left    : 2rem;
}

.header .top_right .ico {
    width : 0.32rem;
    height: 0.32rem;
    float : left;
}

.header .top_right .ico img {
    width : 0.32rem;
    height: 0.32rem;
}

.header .top_right .text {
    float      : left;
    margin-left: 0.1rem;
    color      : #ffffff;
    font-size  : 0.15rem;
}

.header .top_right .text .tel {
    font-family: AKZIDENZGROTESK;
    font-size  : 0.24rem;
}

.header .logonav {
    height: 1.3rem;
}

.header .logonav .logo {
    margin-top: 0.15rem;
    width     : 4.63rem;
    height    : 0.93rem;
    float     : left;
}

.header .logonav .logo img {
    width : 4.63rem;
    height: 0.93rem;
}

.header .logonav .nav {
    float: right;
}

.header .logonav .nav ul li {
    float      : left;
    width      : 1.13rem;
    text-align : center;
    padding-top: 0.26rem;
    height     : 1.3rem;
    box-sizing : border-box;
}

.header .logonav .nav ul li .cn {
    font-size  : 0.16rem;
    color      : #111111;
    line-height: 0.32rem;
}

.header .logonav .nav ul li .en {
    font-size  : 0.14rem;
    color      : #ccd0db;
    line-height: 0.28rem;
}

.header .logonav .nav ul li.on,
.header .logonav .nav ul li:hover {
    background: url('../images/nav_lion_ico.png') bottom center no-repeat;
}

.mheader {
    display: none;
}

.banner {
    margin-top: 0.05rem;
}

.bx-wrapper .bx-controls-direction a {
    width          : 0.72rem;
    height         : 0.72rem;
    background-size: 100% 100% !important;
    top            : 70%;
}

.bx-wrapper .bx-prev {
    left: 2.5rem;
}

.bx-wrapper .bx-next {
    left: 3.4rem;
}

.bigname {
    height             : 0.67rem;
    padding-top        : 0.27rem;
    background-position: left center;
    background-repeat  : no-repeat;
    background-size    : auto 100%;
}

.bigname .name {
    padding    : 0 0.15rem;
    background : rgba(5, 101, 208, 0.2);
    height     : 0.4rem;
    line-height: 0.4rem;
    float      : left;
    font-size  : 0.3rem;
    color      : #2a80e7;
    font-weight: bold;

}

.bigname .ico {
    width      : 0.15rem;
    height     : 0.15rem;
    float      : left;
    margin-top : 0.1rem;
    margin-left: 0.08rem;
}

.bigname .ico img {
    width : 0.15rem;
    height: 0.15rem;
}

.bigname .text {
    margin-top : 0.2rem;
    float      : left;
    font-size  : 0.16rem;
    line-height: 0.16rem;
    margin-left: 0.1rem;
}

.product {
    margin-top: 0.55rem;
}

.product .content {
    margin-top: 0.38rem;
}

.product .content .left {
    width: 3.8rem;
    float: left;
}

.product .content .center {
    width      : 3.8rem;
    float      : left;
    margin-left: 0.3rem;
}

.product .content .right {
    width: 3.8rem;
    float: right;
}

.product .content .name {
    position                  : absolute;
    top                       : 0;
    left                      : 0;
    width                     : 1.3rem;
    height                    : 0.3rem;
    line-height               : 0.3rem;
    background                : #2a80e7;
    z-index                   : 222;
    font-size                 : 0.16rem;
    padding-left              : 0.1rem;
    border-top-right-radius   : 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.product .content .name a {
    color: #ffffff;
}

.product .content .bl1,
.product .content .bl2,
.product .content .bl6,
.product .content .bl7 {
    position: relative;
    width   : 3.8rem;
    height  : 2.16rem;
    overflow: hidden;
}

.product .content .bl2,
.product .content .bl7 {
    margin-top: 0.3rem;
}

.product .content .bl1 img,
.product .content .bl2 img,
.product .content .bl6 img,
.product .content .bl7 img {
    width     : 3.8rem;
    height    : 2.16rem;
    transition: all 0.7s;
}

.product .content .bl1:hover img,
.product .content .bl2:hover img,
.product .content .bl6:hover img,
.product .content .bl7:hover img {
    scale: 1.2;
}

.product .content .bl3,
.product .content .bl4,
.product .content .bl5 {
    position: relative;
    width   : 3.8rem;
    height  : 1.54rem;
    overflow: hidden;
}

.product .content .bl3 img,
.product .content .bl4 img,
.product .content .bl5 img {
    width     : 3.8rem;
    height    : 1.54rem;
    transition: all 0.7s;
}

.product .content .bl3:hover img,
.product .content .bl4:hover img,
.product .content .bl5:hover img {
    scale: 1.1;
}

.cate_list {
    width: 100%;
    margin: 0.2rem 0;
}
.cate_list ul li {
    width: 1.48rem;
    height: .5rem;
    line-height: .5rem;
    background: #62afe8;
    text-align: center;
    float: left;
    margin-left: .2rem;
    margin-top: .15rem;
}
.cate_list ul li, .cate_list ul li a {
    font-size: .18rem;
    font-weight: bold;
    color: #ffffff;
    border-radius: 2px;
}
.cate_list ul li:hover, .cate_list ul li.on {
    background: #5363c9;
}


.core {
    padding-top    : 0.5rem;
    height         : 10.43rem;
    background     : url('../images/core_bj.jpg') top center no-repeat;
    background-size: auto 100%;
}

.core .content {
    margin-top: 0.64rem;
}

.about {
    padding-top    : 0.83rem;
    height         : 9.75rem;
    background     : url('../images/about_bj.jpg') top center no-repeat;
    background-size: auto 100%;
}

.about .content {
    margin-top : 0.35rem;
    width      : 8.5rem;
    margin-left: 3.5rem;
    height     : 3.85rem;
}

.about .content .name {
    font-size  : 0.24rem;
    font-weight: bold;
    height     : 0.37rem;
    line-height: 0.37rem;
    text-align : center;
}

.about .content .desc {
    height     : 3.15rem;
    line-height: 0.35rem;
    overflow   : hidden;
}

.about .content .desc p {
    margin     : 0;
    padding    : 0;
    text-indent: 2em;
    text-align : justify;
}

.about .info {
    height     : 1.6rem;
    width      : 11rem;
    margin-left: 1rem;
    padding-top: 0.2rem;
}

.about .info ul li {
    width     : 2.2rem;
    text-align: center;
    float     : left;
    color     : #4f5666;
}

.about .info ul li.blue {
    color: #2a80e7;
}

.about .info ul li .num {
    font-size  : 0.18rem;
    height     : 0.8rem;
    line-height: 0.8rem;
}

.about .info ul li .num span {
    font-family: 'AKZIDENZGROTESK';
    font-size  : 0.6rem;
}

.about .factory {
    width      : 10.5rem;
    margin-left: 1.5rem;
    margin-top : 0.1rem;
}

.about .factory ul li {
    width : 3.25rem;
    height: 1.9rem;
    margin: 0 auto;
}

.about .factory ul li img {
    width : 3.25rem;
    height: 1.9rem;
}

.owl-theme .owl-controls .owl-buttons div {
    width          : 0.73rem !important;
    height         : 0.43rem !important;
    text-indent    : 0.8rem !important;
    margin-top     : -0.43rem !important;
    background-size: 100% 100% !important;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    left    : -1.5rem;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    left    : -0.77rem;
}

.technical {
    height     : 10.36rem;
    background : url('../images/technical_bj.jpg') top center no-repeat;
    padding-top: 0.63rem;
}

.technical .bigname .name {
    color: #ffffff;
}

.technical .content {
    margin-top: 0.3rem;
    background: #ffffff;
    padding   : 0.4rem;
}

.technical .content .left {
    width: 2.7rem;
    float: left;
}

.technical .content .left ul li {
    height       : 1.25rem;
    border       : 1px solid #eeeeee;
    border-bottom: none;
    text-align   : center;
    color        : #4f5666;
    cursor       : pointer;
}

.technical .content .left ul li .num {
    width        : 0.4rem;
    height       : 0.4rem;
    line-height  : 0.4rem;
    border-radius: 0.4rem;
    background   : #4f5666;
    margin       : 0.18rem auto 0;
    color        : #ffffff;
    font-size    : 0.2rem;
    font-weight  : bold;
}

.technical .content .left ul li .cn {
    font-weight: bold;
    font-size  : 0.24rem;
    height     : 0.25rem;
    line-height: 0.25rem;
    margin-top : 0.05rem;
}

.technical .content .left ul li .en {
    font-size  : 0.14rem;
    height     : 0.25rem;
    line-height: 0.25rem;
}

.technical .content .left ul li.on,
.technical .content .left ul li:hover {
    background: #2a80e7;
    color     : #ffffff;
}

.technical .content .left ul li.on .num,
.technical .content .left ul li:hover .num {
    background: #ffffff;
    color     : #2a80e7;
}

.technical .content .left ul li:nth-last-child(1) {
    border-bottom: 1px solid #eeeeee;
}

.technical .content .right {
    width: 8rem;
    float: right;
}

.technical .content .right ul li {
    display: none;
}

.technical .content .right ul li.on {
    display: block;
}

.technical .content .right .row1 {
    height  : 0.85rem;
    overflow: hidden;
}

.technical .content .right .row1 .row1_l {
    float      : left;
    line-height: 0.85rem;
}

.technical .content .right .row1 .row1_l .ico {
    width: 0.32rem;
    float: left;
}

.technical .content .right .row1 .row1_l .ico img {
    width : 0.32rem;
    height: 0.32rem;
}

.technical .content .right .row1 .row1_l .text {
    float      : left;
    margin-left: 0.1rem;
    color      : #2a80e7;
    font-size  : 0.15rem;
}

.technical .content .right .row1 .row1_l .text .tel {
    font-family: AKZIDENZGROTESK;
    font-size  : 0.24rem;
}

.technical .content .right .row1 .row1_r {
    float      : right;
    line-height: 0.85rem;
}

.technical .content .right .row2 {
    border-bottom: 0.03rem solid #2a80e7;
}

.technical .content .right .row2 .big {
    font-size  : 0.36rem;
    line-height: 0.45rem;
    height     : 0.45rem;
    overflow   : hidden;
    font-weight: bold;
}

.technical .content .right .row2 .small {
    font-size  : 0.2rem;
    line-height: 0.45rem;
    height     : 0.45rem;
    overflow   : hidden;
    font-weight: bold;
}

.technical .content .right .row3 img {
    max-width: 100%;
}

.process {
    padding-top   : 0.56rem;
    padding-bottom: 0.6rem;
}

.process .content {
    margin-top: 0.48rem;
}

.process .content ul li {
    width        : 20%;
    float        : left;
    text-align   : center;
    margin-bottom: 0.2rem;
}

.process .content ul li img {
    width        : 1.55rem;
    height       : 1.55rem;
    border       : 0.04rem solid #cfd7dd;
    border-radius: 1.55rem;
    overflow     : hidden;
}

.process .content ul li .title {
    height     : 0.55rem;
    line-height: 0.55rem;
    font-size  : 0.16rem;
    font-weight: bold;
}

.application {
    background    : #f5f5f5;
    padding-top   : 0.48rem;
    padding-bottom: 0.6rem;
}

.application .content {
    margin-top: 0.4rem;
}

.application .content .item {
    height     : 0.8rem;
    line-height: 0.8rem;
    background : #ffffff;
}

.application .content .item ul li {
    width       : 16.6%;
    float       : left;
    padding-left: 0.3rem;
    box-sizing  : border-box;
}

.application .content .item ul li .ico {
    float : left;
    width : 0.5rem;
    height: 0.5rem;
}

.application .content .item ul li .ico img {
    width : 0.5rem;
    height: 0.5rem;
}

.application .content .item ul li .name {
    float      : left;
    font-size  : 0.18rem;
    margin-left: 0.1rem;
}

.application .content .list {
    margin-top: 0.2rem;
}

.application .content .list ul li {
    width        : 3.85rem;
    height       : 2.4rem;
    float        : left;
    margin-left  : 0.2rem;
    margin-bottom: 0.2rem;
    overflow     : hidden;
}

.application .content .list ul li img {
    width     : 3.85rem;
    height    : 2.4rem;
    transition: all 0.7s;
}

.application .content .list ul li:hover img {
    scale: 1.1;
}

.application .content .list ul li:nth-child(3n+1) {
    margin-left: 0;
}

.footer .foot {
    height         : 9.85rem;
    background     : url('../images/foot_bj.jpg') top center no-repeat;
    background-size: auto 100%;
    padding-top    : 1.15rem;
}

.footer .foot .flogo {
    width : 4.63rem;
    height: 0.93rem;
}

.footer .foot .flogo img {
    width : 4.63rem;
    height: 0.93rem;
}

.footer .foot .fnav {
    margin-top: 4.4rem;
}

.footer .foot .fnav ul li {
    height      : 0.8rem;
    line-height : 0.8rem;
    float       : left;
    margin-right: 0.4rem;
}

.footer .foot .fnav ul li a {
    color: #bfd5f4;
}

.footer .foot .finfo ul li {
    height     : 0.5rem;
    line-height: 0.5rem;
    color      : #ffffff;
}

.footer .foot .finfo ul li .ico {
    width : 0.3rem;
    height: 0.3rem;
    float : left;
}

.footer .foot .finfo ul li .ico img {
    width : 0.3rem;
    height: 0.3rem;
}

.footer .foot .finfo ul li .lable {
    float      : left;
    margin-left: 0.1rem;
}

.footer .foot .finfo ul li .text {
    float: left;
}

.footer .cory {
    text-align : center;
    background : #2a80e7;
    height     : 0.4rem;
    line-height: 0.4rem;
    font-size  : 0.14rem;
    color      : #f5f5f5;
}

.footer .cory a {
    color: #f5f5f5;
}

/* 子页底部 */


.subfooter .foot {
    height         : 3.63rem;
    background     : url('../images/subfoot_bj.jpg') top center no-repeat;
    background-size: auto 100%;
    padding-top    : 0.3rem;
}

.subfooter .foot .flogo {
    width : 4.63rem;
    height: 0.93rem;
}

.subfooter .foot .flogo img {
    width : 4.63rem;
    height: 0.93rem;
}
.subfooter .foot .finfo{
    margin-top: .2rem;
}
.subfooter .foot .finfo ul li {
    height     : 0.5rem;
    line-height: 0.5rem;
    color      : #ffffff;
}


.subfooter .foot .finfo ul li .ico {
    width : 0.3rem;
    height: 0.3rem;
    float : left;
}

.subfooter .foot .finfo ul li .ico img {
    width : 0.3rem;
    height: 0.3rem;
}

.subfooter .foot .finfo ul li .lable {
    float      : left;
    margin-left: 0.1rem;
}

.subfooter .foot .finfo ul li .text {
    float: left;
}

.subfooter .cory {
    text-align : center;
    background : #2a80e7;
    height     : 0.4rem;
    line-height: 0.4rem;
    font-size  : 0.14rem;
    color      : #f5f5f5;
}

.subfooter .cory a {
    color: #f5f5f5;
}


.subpage {
    margin-top: 0.5rem;
}

.subpage .imglist {
    margin-top: 0.3rem;
}

.subpage .imglist ul li {
    width        : 3.8rem;
    float        : left;
    margin-left  : 0.3rem;
    margin-bottom: 0.2rem;
}

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

.subpage .imglist ul li .img {
    width   : 3.8rem;
    height  : 2.16rem;
    overflow: hidden;
}

.subpage .imglist ul li .img img {
    width     : 3.8rem;
    height    : 2.16rem;
    transition: all 0.7s;
}

.subpage .imglist ul li:hover .img img {
    scale: 1.1;
}

.subpage .imglist ul li .title {
    text-align : center;
    height     : 0.5rem;
    line-height: 0.5rem;
}

.page_info {
    width      : 100%;
    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: #2a80e7;
    border-color    : #2a80e7;
}

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

.showpage {
    padding: 0.3rem;
}

@media screen and (max-width:767px) {
    body {
        font-size: 0.26rem;
    }

    .container {
        width: 100%;
    }

    .header {
        display: none;
    }

    .mheader {
        display: block;
        height : 1.2rem;
    }

    .mheader .logo {
        float      : left;
        width      : 4.63rem;
        height     : 0.93rem;
        margin-top : 0.15rem;
        margin-left: 0.15rem;
    }

    .mheader .logo img {
        width : 4.63rem;
        height: 0.93rem;
    }

    .mheader .ico {
        float       : right;
        width       : 0.5rem;
        height      : 0.5rem;
        margin-right: 0.15rem;
        margin-top  : 0.3rem;
    }

    .mheader .ico img {
        width : 0.5rem;
        height: 0.5rem;
    }

    .mheader .nav {
        display   : none;
        position  : absolute;
        top       : 1.2rem;
        width     : 100%;
        background: #ffffff;
        width     : 100%;
        height    : 100%;
        z-index   : 99999;
    }

    .mheader .nav ul li {
        height      : 0.8rem;
        line-height : 0.8rem;
        padding-left: 0.5rem;
    }

    .mheader .nav ul li .cn {
        float      : left;
        font-weight: bold;
    }

    .mheader .nav ul li .en {
        float      : left;
        margin-left: 0.3rem;
        color      : #cfd7dd;
    }

    .bx-controls-direction {
        display: none;
    }

    .bigname {
        height      : 0.8rem;
        background  : none !important;
        padding-top : 0;
        padding-left: 0.25rem;
    }

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

    }

    .bigname .ico {
        padding-top: 0.25rem;
    }

    .product .content .left,
    .product .content .center,
    .product .content .right {
        width      : 100%;
        margin-left: 0;
    }

    .product .content .bl1,
    .product .content .bl2,
    .product .content .bl3,
    .product .content .bl4,
    .product .content .bl5,
    .product .content .bl6,
    .product .content .bl7 {
        width : 6.9rem;
        height: 3.95rem;
        margin: 0.25rem auto 0;
    }

    .product .content img {
        width : 6.9rem !important;
        height: 3.95rem !important;
    }

    .product .content .name {
        width      : 2.5rem;
        height     : 0.8rem;
        line-height: 0.8rem;
        font-size  : 0.28rem;
    }

    .core {
        display: none;
    }

    .about {
        background: none;
        height    : auto;
    }

    .about .content {
        width      : 100%;
        margin-left: 0;
        padding    : 0.25rem;
        height     : auto;
    }

    .about .content .name {
        font-size  : 0.36rem;
        line-height: 0.8rem;
        height     : 0.8rem;
    }

    .about .content .desc {
        height     : auto;
        line-height: 0.4rem;
    }

    .about .info {
        width      : 100%;
        margin-left: 0;
        height     : auto;
    }

    .about .info ul li {
        width: 33.33%;
    }

    .about .factory {
        display: none;
    }

    .technical {
        display: none;
    }

    .process {
        padding-bottom: 0.2rem;
    }

    .process .content {
        width : 7.1rem;
        margin: 0.35rem auto;
    }

    .process .content ul li {
        width: 25%;
    }

    .application {
        padding-bottom: 0.3rem;
    }

    .application .content .item {
        height: auto;
        width : 7.1rem;
        margin: 0 auto;
    }

    .application .content .item ul li {
        width: 33.33%;
    }

    .application .content .item ul li .name {
        font-size: 0.26rem;
    }

    .application .content .list ul li {
        width      : 50%;
        margin-left: 0;
        text-align : center;
    }

    .application .content .list ul li img {
        width : 3.5rem;
        height: 2.2rem;
    }

    .footer .foot {
        background: #2a80e7;
        height    : auto;
        padding   : 0.5rem 0.3rem;
    }

    .footer .foot .flogo {
        display: none;
    }

    .footer .foot .fnav {
        display: none;
    }

    .footer .cory {
        display: none;
    }

    .subpage .imglist ul li {
        width      : 3.4rem;
        margin-left: 0;
        margin-left: 0.23rem !important;
    }

    .subpage .imglist ul li .img {
        width : 3.4rem;
        height: 1.95rem;
    }

    .subpage .imglist ul li .img img {
        width : 3.4rem;
        height: 1.95rem;
    }
    .cate_list ul li {
        width: 1.63rem;
    }
}