@charset 'utf-8';
@font-face
{
    font-family: 'arialbold';

    src: url('font/arialbd.eot');
    src: url('font/arialbd.eot') format('embedded-opentype'), url('font/arialbd.woff2') format('woff2'), url('font/arialbd.woff') format('woff'), url('font/arialbd.ttf') format('truetype'), url('font/arialbd.svg#arialbd') format('svg');
}
@font-face
{
    font-family: 'lucidahandwritingitalic';

    src: url('font/LucidaHandwritingItalic.eot');
    src: url('font/LucidaHandwritingItalic.eot') format('embedded-opentype'), url('font/LucidaHandwritingItalic.woff2') format('woff2'), url('font/LucidaHandwritingItalic.woff') format('woff'), url('font/LucidaHandwritingItalic.ttf') format('truetype'), url('font/LucidaHandwritingItalic.svg#LucidaHandwritingItalic') format('svg');
}
body
{
    font-family: Arial, Helvetica, sans-serif;

    position: relative;
    left: 0;

    -webkit-transition: left .5s;
            transition: left .5s;
}
body.on-slide
{
    left: -250px;
}
@media (min-width: 1320px)
{
    .container
    {
        width: 1320px;
    }
}
li,
ol,
ul
{
    list-style: none;
}
a
{
    color: inherit;
}
a:hover,
a:link,
a:visited
{
    text-decoration: none;

    color: inherit;
}
input[type=number]
{
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}
ul
{
    margin: 0;
    padding: 0;
}
button,
input,
textarea
{
    resize: none;

    border: none;
    outline: none;
}
.txt-over1
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.hoverbox img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.hoverbox:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.img-box
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 0;
    padding-bottom: 100%;
}
.img-box img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}
.clearfix
{
    zoom: 1;
}
.clearfix:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.header .header-top
{
    line-height: 40px;

    overflow: hidden;
    zoom: 1;

    height: 40px;

    border-bottom: 1px solid #d5d5d5;
}
@media (max-width: 767px)
{
    .header .header-top
    {
        display: none;
    }
}
.header .header-top:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.header .header-top .welcome
{
    float: left;
}
.header .header-top .welcome p
{
    font-size: 12px;

    display: inline-block;

    margin: 0;

    color: #999;
}
.header .header-top .welcome .mail
{
    margin-left: 100px;
}
.header .header-top .welcome .mail:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;

    margin-right: 14px;

    content: '\e64d';
    vertical-align: middle;

    color: #d5d5d5;
}
.header .header-top .welcome .mail:hover
{
    color: #074a9d;
}
.header .header-top .welcome .mail:hover:before
{
    color: #074a9d;
}
.header .header-top .welcome .mail a
{
    display: inline-block;
}
.header .header-top .share
{
    float: right;
}
.header .header-top .share a
{
    line-height: 40px;

    display: inline-block;

    margin: 0 6px;
    padding: 0 6px;

    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;

    color: #d5d5d5;
}
.header .header-top .share a:hover
{
    -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);

    color: #074a9d;
}
.header .header-bottom
{
    zoom: 1;
}
.header .header-bottom .container
{
    position: relative;
}
.header .header-bottom:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.header .header-bottom .logo
{
    display: inline-block;

    margin: 10px 0;
}

.header .header-bottom .logo .ali
{
    display: inline-block;

    margin: 10px 0;
}

@media (max-width: 1320px)
{
    .header .header-bottom .logo .ali
    {
        display: none;
    }
}

@media (max-width: 767px)
{
    .header .header-bottom .logo
    {
        width: 62px;
    }
}
.header .header-bottom .logo a
{
    /*display: block;*/
}
.header .header-bottom .logo img
{
    width: auto;
    max-width: 100%;
}
.header .header-bottom .nav-collapse
{
    display: none;
    float: right;

    width: 25px;
    height: 40px;
    margin-top: 30px;
    margin-left: 30px;
    padding: 0;

    cursor: pointer;

    border-radius: 5px;
    background: none;
}
@media (max-width: 767px)
{
    .header .header-bottom .nav-collapse
    {
        margin-top: 20px;
    }
}
@media (max-width: 1199px)
{
    .header .header-bottom .nav-collapse
    {
        display: block;
    }
}
.header .header-bottom .nav-collapse .btn-line
{
    position: relative;

    display: block;

    width: 25px;
    height: 2px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease;

    background: #333;
}
.header .header-bottom .nav-collapse .btn-line:after,
.header .header-bottom .nav-collapse .btn-line:before
{
    position: absolute;

    display: block;

    width: 25px;
    height: 2px;

    content: '';
    -webkit-transition: all .5s ease;
            transition: all .5s ease;

    background: #333;
}
.header .header-bottom .nav-collapse .btn-line:before
{
    top: -7px;
}
.header .header-bottom .nav-collapse .btn-line:after
{
    top: 7px;
}
.header .header-bottom .active .btn-line
{
    width: 0;
}
.header .header-bottom .active .btn-line:before
{
    top: 0;

    -webkit-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
}
.header .header-bottom .active .btn-line:after
{
    top: 0;

    -webkit-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
}
.header .header-bottom .inquiry
{
    float: right;

    margin-top: 30px;
}
@media (max-width: 767px)
{
    .header .header-bottom .inquiry
    {
        display: none;
    }
}
.header .header-bottom .inquiry p
{
    display: inline-block;

    margin: 0;
}
.header .header-bottom .inquiry p a
{
    display: inline-block;
}
.header .header-bottom .inquiry p a:before
{
    font-family: 'iconfont' !important;
    font-size: 26px;
    line-height: 40px;

    display: inline-block;

    width: 40px;
    height: 40px;
    margin-right: 20px;

    content: '\e632';
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #074a9d;
}
.header .header-bottom .inquiry p span
{
    font-family: 'arialbold';

    color: #074a9d;
}
.header .header-bottom .search-btn
{
    line-height: 18px;

    display: none;
    float: right;

    width: 20px;
    height: 20px;
    margin-top: 30px;
    padding: 0;

    text-align: center;

    background: none;
}
@media (max-width: 767px)
{
    .header .header-bottom .search-btn
    {
        display: block;
    }
}
.header .header-bottom .search-btn:after
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    content: '\e66d';

    color: #999;
}
.header .header-bottom .search-box
{
    float: right;

    margin-top: 30px;
    margin-right: 15px;
}
@media (max-width: 991px)
{
    .header .header-bottom .search-box
    {
        margin-right: 30px;
    }
}
@media (max-width: 767px)
{
    .header .header-bottom .search-box
    {
        position: absolute;
        z-index: 20;
        top: 100%;
        left: 0;

        display: none;

        width: 100%;
        margin-top: 0;
        padding: 0 15px 10px;

        background-color: #fff;
    }
}
.header .header-bottom .search-box form
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 250px;

    vertical-align: middle;

    border: 1px solid #ccc;
    border-radius: 20px;
}
@media (max-width: 767px)
{
    .header .header-bottom .search-box form
    {
        width: 100%;
    }
}
.header .header-bottom .search-box form .input-text
{
    width: 100%;
    padding: 8px 0 8px 24px;
}
@media (max-width: 767px)
{
    .header .header-bottom .search-box form .input-text
    {
        padding: 6px 0 6px 24px;
    }
}
.header .header-bottom .search-box form .input-submit
{
    position: absolute;
    top: 0;
    right: 20px;

    width: 20px;
    height: 100%;

    background: url('../images/sprite.png') no-repeat 0 10px;
}
@media (max-width: 767px)
{
    .header .header-bottom .search-box form .input-submit
    {
        background: url('../images/sprite.png') no-repeat 0 8px;
    }
}
.header .header-bottom .search-box p
{
    line-height: 36px;

    display: inline-block;

    margin: 0;
    margin-left: 22px;
}
@media (max-width: 1199px)
{
    .header .header-bottom .search-box p
    {
        display: none;
    }
}
.header .header-bottom .search-box p a
{
    margin: 0 8px;

    text-decoration: underline;

    color: #999;
}
.nav
{
    color: #fff;
    background-color: #074a9d;
}
@media (min-width: 1200px)
{
    .nav ul
    {
        margin: 0;
        padding: 0;
    }
    .nav ul.list1 > li
    {
        font-size: 16px;
        line-height: 40px;

        float: left;
    }
    .nav ul.list1 > li > a
    {
        font-family: 'arialbold';

        position: relative;

        display: block;

        height: 40px;
        padding: 0 20px;

        text-align: center;
    }
    .nav ul.list1 > li > a:hover,
    .nav ul.list1 > li.active > a,
    .nav ul.list1 > li.slide > a
    {
        color: #074a9d;
        border-top: 3px solid #333;
        background-color: #fff;
    }
    .nav .list2-lg
    {
        position: absolute;
        z-index: 44;
        top: 180px;

        display: none;
        zoom: 1;

        -moz-box-sizing: content-box;
             box-sizing: content-box;
        min-width: 380px;
        max-width: 760px;
        padding: 0 10px;

        background-color: #074a9d;
    }
    .nav .list2-lg:after
    {
        display: block;
        visibility: hidden;
        clear: both;

        height: 0;

        content: '';
    }
    .nav .list2-lg > li
    {
        float: left;

        -moz-box-sizing: inherit;
             box-sizing: inherit;
        width: 150px;
        padding: 14px 20px 0;
    }
    .nav .list2-lg > li .img-box
    {
        border: 2px solid #fff;
    }
    .nav .list2-lg > li > p
    {
        font-size: 12px;
        line-height: 36px;

        height: 36px;
        margin: 0;

        text-align: center;

        color: #fff;
    }
    .nav .list2-lg > li > p a
    {
        display: block;

        white-space: nowrap;
    }
    .nav .list2
    {
        display: none;
    }
}
@media (min-width: 1200px) and (max-width: 1319px)
{
    .nav ul.list1 > li > a
    {
        padding: 0 12px;
    }
}
@media (max-width: 1199px)
{
    .nav
    {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 100%;

        display: none;
        overflow: auto;

        width: 250px;
        height: 100%;
        padding-top: 60px;
    }
    .nav .container
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .nav .img-box
    {
        display: none;
    }
    .nav .list1 a
    {
        line-height: 36px;

        display: block;

        padding-left: 22px;
    }
    .nav .list1 .active > a,
    .nav .list1 a:hover
    {
        border-left: 5px solid #333;
        background-color: #2469bf;
    }
    .nav .list1 .more
    {
        position: relative;
    }
    .nav .list1 .more > a:after
    {
        font-size: 20px;

        position: absolute;
        top: 0;
        right: 10px;

        content: '+';
        cursor: pointer;
    }
    .nav .list1 .slide > a:after
    {
        content: '-';
    }
    .nav .list2-lg
    {
        display: none;
    }
    .nav .list2,
    .nav .list3
    {
        display: none;
    }
    .nav .list2 > li > a
    {
        padding-left: 30px;
    }
    .nav .list2 > li .list3 > li > a
    {
        padding-left: 35px;
    }
}
.banner
{
    position: relative;

    overflow: hidden;

    width: 100%;
}
@media (max-width: 1199px)
{
    .banner .owl-theme
    {
        width: 120%;
        max-width: 120%;
        margin-left: -10%;
    }
}
@media (max-width: 991px)
{
    .banner .owl-theme
    {
        width: 140%;
        max-width: 140%;
        margin-left: -20%;
    }
}
@media (max-width: 767px)
{
    .banner .owl-theme
    {
        width: 160%;
        max-width: 160%;
        margin-left: -30%;
    }
}
.banner .owl-theme .owl-controls .owl-page span
{
    width: 56px;
    height: 3px;
    margin: 0 5px;

    opacity: 1;
    border-radius: 0;
    background: #222323;
}
@media (max-width: 767px)
{
    .banner .owl-theme .owl-controls .owl-page span
    {
        width: 30px;
    }
}
.banner .owl-controls
{
    position: absolute;
    bottom: 23px;
    left: 68%;
}
@media (max-width: 1199px)
{
    .banner .owl-controls
    {
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
@media (max-width: 767px)
{
    .banner .owl-controls
    {
        bottom: 14px;
    }
}
.banner .owl-controls .owl-page.active span,
.banner .owl-controls .owl-page:hover span
{
    height: 5px;

    background-color: #074a9d;
}
.banner img
{
    display: block;

    width: 100%;
}
.index-box
{
    padding-top: 60px;
}
@media (max-width: 1199px)
{
    .index-box
    {
        padding-top: 50px;
    }
}
@media (max-width: 991px)
{
    .index-box
    {
        padding-top: 40px;
    }
}
@media (max-width: 767px)
{
    .index-box
    {
        padding-top: 30px;
    }
}
.index-box h3
{
    font-family: 'lucidahandwritingitalic';
    font-size: 30px;
    font-weight: 400;

    margin-bottom: 34px;

    text-align: center;

    color: #074a9d;
}
@media (max-width: 767px)
{
    .index-box h3
    {
        font-size: 24px;

        margin-bottom: 16px;
    }
}
.index-box h3 + .more-wrap
{
    margin-bottom: 16px;

    text-align: right;
}
@media (max-width: 767px)
{
    .index-box h3 + .more-wrap
    {
        margin-bottom: 10px;
    }
}
.index-box h3 + .more-wrap .more
{
    color: #074a9d;
}
.index-box h3 + .more-wrap .more:hover
{
    text-decoration: underline;
}
.index-box h3 + .more-wrap .more:after
{
    content: '>>';
}
.products-category li
{
    overflow: hidden;
}
.products-category li img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.products-category li:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.products-category li:hover p
{
    text-align: left;

    color: #074a9d;
}
.products-category li:hover p > a
{
    padding-right: 30px;
}
.products-category li:hover p > a:after
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.products-category li:hover .img-box
{
    border-color: #074a9d;
}
.products-category li:hover .img-box:after
{
    width: 100%;
}
.products-category .img-box
{
    position: relative;

    padding-bottom: 80%;

    border: 1px solid #d2d2d2;
}
.products-category .img-box:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 40%;
    height: 2px;

    content: '';
    -webkit-transition: width .5s;
            transition: width .5s;

    background-color: #074a9d;
}
.products-category p
{
    font-size: 16px;
    line-height: 26px;

    margin-top: 20px;
    padding: 0 10px;

    -webkit-transition: text-align .5s;
            transition: text-align .5s;
    text-align: center;
}
.products-category p a
{
    position: relative;

    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.products-category p a:after
{
    font-family: 'iconfont' !important;
    line-height: 26px;

    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 26px;
    height: 26px;

    content: '\e62b';
    -webkit-transition: -webkit-transform .4s;
            transition: -webkit-transform .4s;
            transition:         transform .4s;
            transition:         transform .4s, -webkit-transform .4s;
    -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
            transform: translateY(200%);
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #074a9d;
}
.index-advantages
{
    position: relative;

    margin-top: 60px;
    padding-bottom: 70px;
}
@media (max-width: 1199px)
{
    .index-advantages
    {
        margin-top: 50px;
        padding-bottom: 60px;
    }
}
@media (max-width: 991px)
{
    .index-advantages
    {
        margin-top: 40px;
        padding-bottom: 50px;
    }
}
@media (max-width: 767px)
{
    .index-advantages
    {
        margin-top: 30px;
        padding-bottom: 30px;
    }
}
.index-advantages .bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url('../images/advantages-bg.jpg') no-repeat center;
    background-size: cover;
}
.index-advantages .bg:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background-color: rgba(0, 0, 0, .4);
}
.index-advantages .container
{
    position: relative;
    z-index: 3;

    color: #fff;
}
.index-advantages .container h3
{
    color: #fff;
}
.index-advantages ul
{
    margin: 0 -15px;

    letter-spacing: -6px;
}
.index-advantages ul li
{
    display: inline-block;

    padding: 0 15px;

    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
    text-align: center;
    vertical-align: top;
    letter-spacing: 0;
}
@media (min-width: 992px)
{
    .index-advantages ul li
    {
        width: 25%;
    }
}
@media (max-width: 991px)
{
    .index-advantages ul li
    {
        width: 50%;
        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .index-advantages ul li
    {
        width: 100%;
    }
}
.index-advantages ul li:hover
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
.index-advantages ul li i
{
    display: inline-block;

    width: 115px;
    height: 115px;

    background: url('../images/advantages-icon.png') no-repeat;
}
.index-advantages ul li:nth-child(1) i
{
    background-position: 0 0;
}
.index-advantages ul li:nth-child(2) i
{
    background-position: -115px 0;
}
.index-advantages ul li:nth-child(3) i
{
    background-position: -230px 0;
}
.index-advantages ul li:nth-child(4) i
{
    background-position: -345px 0;
}
.index-advantages ul li h4
{
    font-family: 'arialbold';
    font-size: 18px;
}
.products-featured .product-btn
{
    text-align: center;
}
.products-featured .product-btn span
{
    line-height: 26px;

    display: inline-block;

    width: 26px;
    height: 26px;
    margin: 12px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 6px;
    background-color: #bebdbe;
}
.products-featured .product-btn span:before
{
    font-family: 'iconfont' !important;
}
.products-featured .product-btn span:hover
{
    background-color: #074a9d;
}
.products-featured .product-btn .prev:before
{
    content: '\e617';
}
.products-featured .product-btn .next:before
{
    content: '\e62b';
}
.products-featured .item-box
{
    margin: 10px;
    padding: 6px;

    border: 1px solid #d2d2d2;
}
.products-featured .item-box img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.products-featured .item-box:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.products-featured .item-box:hover
{
    border-color: #074a9d;
}
.products-featured .owl-theme .owl-controls .owl-page span
{
    width: 16px;
    height: 16px;

    opacity: 1;
}
.products-featured .owl-theme .owl-controls .owl-page.active span,
.products-featured .owl-theme .owl-controls.clickable .owl-page:hover span
{
    background-color: #074a9d;
}
.index-about
{
    color: #fff;
}
.index-about h4
{
    font-family: 'arialbold';
    font-size: 18px;
}
.index-about .index-video
{
    padding-top: 4%;
    padding-bottom: 4%;
}
@media (max-width: 767px)
{
    .index-about .index-video
    {
        margin-bottom: 25px;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.index-about .index-video .video
{
    position: relative;

    width: 100%;
    max-width: 670px;
    margin: 0 auto;

    text-align: center;
}
.index-about .index-video .video img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.index-about .index-video .video:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.index-about .index-video .video .img-box
{
    position: relative;

    padding-bottom: 53.84615385%;
}
.index-about .index-video .video .img-box:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    background-color: rgba(0, 0, 0, .3);
}
.index-about .index-video .video .video-box
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.index-about .index-video .video .video-box a.play
{
    display: inline-block;

    width: 62px;
    height: 62px;
    margin-top: 18%;
    margin-bottom: 4%;

    cursor: pointer;

    background: url('../images/index-video-btn.png') no-repeat center;
}
@media (max-width: 1199px)
{
    .index-about .index-video .video .video-box a.play
    {
        margin-top: 12%;
    }
}
@media (max-width: 991px)
{
    .index-about .index-video .video .video-box a.play
    {
        margin-top: 18%;
    }
}
@media (max-width: 480px)
{
    .index-about .index-video .video .video-box a.play
    {
        margin-top: 12%;
    }
}
.index-about .index-video .video .video-box p
{
    font-size: 18px;

    margin-bottom: 50%;

    color: #fff;
}
.index-about .index-video .video .video-box iframe
{
    display: none;

    width: 100%;
}
.index-about .index-video .video h4
{
    position: absolute;
    top: 12%;
    left: 0;

    width: 28.84615385%;
    padding: 10px 0;

    text-align: center;

    background-color: rgba(0, 0, 0, .4);
}
.index-about .index-video .video h4:before
{
    display: inline-block;

    width: 4px;
    height: 20px;
    margin-right: 10px;

    content: '';
    vertical-align: bottom;

    background-color: #fff;
}
.index-about .index-company .company-box
{
    position: relative;
}
.index-about .index-company .pic
{
    overflow: hidden;
}
.index-about .index-company .pic img
{
    width: 100%;
}
@media (max-width: 767px)
{
    .index-about .index-company .pic img
    {
        width: 140%;
        margin-left: -20%;
    }
}
.index-about .index-company .mask
{
    position: absolute;
    top: 54px;
    left: 34px;

    width: 71.62162162%;
    padding: 40px 30px;

    background-color: rgba(0, 0, 0, .5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    .index-about .index-company .mask
    {
        top: 30px;

        padding: 20px;
    }
}
@media (max-width: 767px)
{
    .index-about .index-company .mask
    {
        top: 8%;

        width: 80%;
        padding: 10% 20px;
    }
}
@media (max-width: 480px)
{
    .index-about .index-company .mask
    {
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
        padding: 20px;
    }
}
.index-about .index-company .mask h4
{
    line-height: 20px;

    padding-left: 10px;

    border-left: 4px solid #fff;
}
.index-about .index-company .mask p
{
    margin: 20px 0 0;
}
.index-about .index-company .mask p a
{
    display: -webkit-box;
    overflow: hidden;

    max-height: 58px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.index-about .index-company .mask .more
{
    display: inline-block;
    float: right;

    margin-top: 50px;
    padding: 10px 20px;

    background-color: #074a9d;
}
.index-about .index-company .mask .more:after
{
    content: '>>';
}
.index-about .index-company .mask .more:hover
{
    text-decoration: underline;
}
@media (max-width: 767px)
{
    .index-about .index-company .mask .more
    {
        margin-top: 12%;
    }
}
.projects-gallery
{
    overflow: hidden;
}
.projects-gallery .carousel-box
{
    position: relative;

    background: url('../images/imgs/project-bg.jpg') no-repeat center;
}
.projects-gallery .carousel-box .container
{
    position: relative;
}
.projects-gallery .carousel-box .projects-btn span
{
    line-height: 26px;

    position: absolute;
    top: 50%;

    display: inline-block;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #fff;
}
.projects-gallery .carousel-box .projects-btn span:before
{
    font-family: 'iconfont' !important;
    font-size: 30px;
}
.projects-gallery .carousel-box .projects-btn .prev
{
    right: 100%;
}
.projects-gallery .carousel-box .projects-btn .prev:before
{
    content: '\e617';
}
.projects-gallery .carousel-box .projects-btn .next
{
    left: 100%;
}
.projects-gallery .carousel-box .projects-btn .next:before
{
    content: '\e62b';
}
.projects-gallery .img-box
{
    padding-bottom: 63.33333333%;
}
.projects-gallery .item-box
{
    margin: 0 15px;
    padding: 4px;

    border: 1px solid #ccc;
}
.projects-gallery .item-box img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.projects-gallery .item-box:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.projects-gallery .item-box:hover
{
    border-color: #074a9d;
}
.index-news .news-box
{
    position: relative;

    padding: 80px 30px 40px;

    -webkit-transition: all .2s;
            transition: all .2s;

    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
}
@media (max-width: 767px)
{
    .index-news .news-box
    {
        margin-top: 50px;
    }
}
.index-news .news-box:hover
{
    border-color: #074a9d;
    background-color: #fff;
}
.index-news .news-box:hover .more
{
    text-decoration: underline;
}
.index-news .news-box:hover .more:after
{
    right: 0;

    opacity: 1;
}
.index-news .news-box h4
{
    font-size: 16px;
    font-weight: 700;

    margin: 0 0 20px;
}
.index-news .news-box h4 a
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news .news-box h4 + p
{
    margin-bottom: 40px;
}
.index-news .news-box h4 + p a
{
    display: -webkit-box;
    overflow: hidden;

    height: 36px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.index-news .news-box .more
{
    font-family: 'STHeiti', 'arialbold';
    font-weight: 700;

    position: relative;

    display: block;

    color: #074a9d;
}
.index-news .news-box .more:before
{
    content: '>';
}
.index-news .news-box .more:after
{
    font-family: 'iconfont' !important;
    font-size: 16px;

    position: absolute;
    top: 0;
    right: 10px;

    content: '\e612';
    -webkit-transition: all .5s;
            transition: all .5s;

    opacity: 0;
}
.index-news .news-box .date-box
{
    position: absolute;
    top: -30px;
    left: 30px;

    max-width: 80px;
    height: 80px;
    padding: 0 12px;

    color: #fff;
    border: 1px solid #fff;
    background-color: #074a9d;
    box-shadow: 0 0 0 6px #074a9d;
}
.index-news .news-box .date-box .date
{
    font-size: 20px;

    margin: 20px 0 0;
}
@media (max-width: 767px)
{
    .index-news .news-box .date-box
    {
        top: -20px;

        max-width: 60px;
        height: 60px;
        padding: 0 10px;
    }
    .index-news .news-box .date-box .date
    {
        font-size: 14px;

        margin: 12px 0 0;
    }
}
.public-banner
{
    overflow: hidden;

    width: 100%;
}
.public-banner img
{
    width: 100%;
}
@media (max-width: 1199px)
{
    .public-banner img
    {
        width: 120%;
        max-width: 120%;
        margin-left: -10%;
    }
}
@media (max-width: 991px)
{
    .public-banner img
    {
        width: 140%;
        max-width: 140%;
        margin-left: -20%;
    }
}
@media (max-width: 767px)
{
    .public-banner img
    {
        width: 160%;
        max-width: 160%;
        margin-left: -30%;
    }
}
.public-nav
{
    padding: 15px 0;

    border-bottom: 1px solid #c6c4be;
}
.public-nav h2
{
    font-family: 'arialbold';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;

    float: left;

    margin: 0;

    color: #074a9d;
}
.public-nav ul
{
    float: right;
}
@media (max-width: 991px)
{
    .public-nav ul
    {
        display: none;
    }
}
.public-nav ul li
{
    display: inline-block;
}
.public-nav ul li a
{
    color: #999;
}
.public-nav ul li a:before
{
    content: '> ';
}
.public-nav ul li a:hover
{
    color: #074a9d;
}
.public-nav ul li:last-child a:hover
{
    color: #999;
}
.public-nav ul li.home a:before
{
    font-family: 'iconfont' !important;
    font-size: 16px;

    margin-right: 4px;

    content: '\e611';
}
.slide-nav
{
    padding-right: 20px;
}
.slide-nav h3
{
    font-family: 'arialbold';
    font-size: 16px;
    font-weight: 400;

    margin: 0;
    padding: 18px 30px;

    color: #fff;
    background-color: #074a9d;
}
.slide-nav li a
{
    position: relative;

    display: block;

    padding: 12px 30px;

    border-top: 1px solid #ccc;
    background-color: #eee;
}
@media (max-width: 1319px)
{
    .slide-nav li a
    {
        padding: 12px 20px;
    }
}
.slide-nav .slide-nav1 > li.more > a:after
{
    position: absolute;
    top: 50%;
    right: 30px;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;

    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #999;
}
@media (max-width: 1319px)
{
    .slide-nav .slide-nav1 > li.more > a:after
    {
        right: 20px;
    }
}
.slide-nav .slide-nav1 > li.active > a
{
    color: #fff;
    background-color: #074a9d;
}
.slide-nav .slide-nav1 > li.active > a:after
{
    -webkit-transform: translateY(-50%) rotateZ(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotateZ(90deg);

    border-color: transparent transparent transparent #fff;
}
.slide-nav .slide-nav1 > li:hover > a
{
    color: #fff;
    background-color: #074a9d;
}
.slide-nav .slide-nav1 > li:hover > a:after
{
    border-color: transparent transparent transparent #fff;
}
.slide-nav .slide-nav2,
.slide-nav .slide-nav3
{
    display: none;
}
.slide-nav .slide-nav2 > li.active > a,
.slide-nav .slide-nav3 > li.active > a
{
    color: #fff;
    background-color: #074a9d;
}
.slide-nav .slide-nav2 > li
{
    position: relative;
}
.slide-nav .slide-nav2 > li:hover > a
{
    color: #fff;
    background-color: #074a9d;
}
.slide-nav .slide-nav3
{
    position: absolute;
    z-index: 50;
    top: 0;
    left: 100%;

    white-space: nowrap;

    border-left: 1px solid #fff;
}
.slide-nav .slide-nav3 > li > a
{
    padding: 12px 18px;
}
.slide-nav .slide-nav3 > li:hover > a
{
    color: #fff;
    background-color: #074a9d;
}
.page
{
    text-align: center;
}
.page a
{
    font-size: 16px;
    line-height: 30px;

    display: inline-block;

    width: 30px;
    height: 30px;
    margin: 0 2px;

    vertical-align: top;

    color: #999;
    border: 1px solid #c8c6c0;
    border-radius: 50%;
}
.page a.active,
.page a:hover
{
    color: #fff;
    border-color: #074a9d;
    background-color: #074a9d;
}
.page .next,
.page .prev
{
    font-size: 22px;
    line-height: 30px;
}
.product-wrap
{
    padding-top: 50px;
}
.product-wrap li img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.product-wrap li:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.product-wrap li:hover .box
{
    border-color: #074a9d;
}
.product-wrap li:hover .name
{
    color: #074a9d;
}
.product-wrap .box
{
    padding: 8px;

    border: 1px solid #ccc;
}
.product-wrap .product-content p
{
    text-align: center;
}
.product-wrap .product-content p a
{
    display: block;
    overflow: hidden;

    padding: 20px 10px;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-wrap .product-second-content p
{
    zoom: 1;

    padding: 12px 10px 20px;
}
.product-wrap .product-second-content p:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.product-wrap .product-second-content p .name
{
    line-height: 20px;

    float: left;
    overflow: hidden;

    width: 80%;

    /*white-space: nowrap;
    text-overflow: ellipsis;*/
    height: 38px
}
.product-wrap .product-second-content p .shopping
{
    line-height: 32px;

    float: right;

    width: 32px;
    height: 32px;

    text-align: center;

    border-radius: 50%;
    background-color: #074a9d;
}
.product-wrap .product-second-content p .shopping:after
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    content: '\e632';

    color: #fff;
}
.product-details-content .sync1
{
    padding: 10px;

    border: 1px solid #ccc;
}
.product-details-content .sync2
{
    width: 90%;
    margin-top: 15px;
    margin-left: 20px;
}
.product-details-content .sync2 .item
{
    margin: 0 5px;
    padding: 2px;

    border: 1px solid #ccc;
}
.product-details-content .sync2 .synced .item
{
    border-color: #074a9d;
}
.product-details-content h1
{
    font-size: 20px;
    font-weight: 700;

    margin: 60px 0 40px;

    color: #1f1e1e;
}
@media (max-width: 1199px)
{
    .product-details-content h1
    {
        margin: 50px 0 30px;
    }
}
@media (max-width: 991px)
{
    .product-details-content h1
    {
        margin: 40px 0 20px;
    }
}
@media (max-width: 767px)
{
    .product-details-content h1
    {
        margin: 20px 0 15px;
    }
}
.product-details-content .introduce p
{
    line-height: 1.6;

    color: #1f1e1e;
}
.product-details-content .carousel-btn
{
    margin-top: 150px;

    text-align: right;
}
@media (max-width: 767px)
{
    .product-details-content .carousel-btn
    {
        display: none;
    }
}
.product-details-content .carousel-btn span
{
    line-height: 18px;

    cursor: pointer;

    color: #074a9d;
}
.product-details-content .carousel-btn span:hover
{
    color: #074a9d;
}
.product-details-content .carousel-btn .prev
{
    margin-right: 30px;
}
.product-details-content .carousel-btn .prev:after
{
    font-family: 'iconfont' !important;
    font-size: 18px;

    margin-left: 10px;

    content: '\e6f1';
    vertical-align: middle;
}
.product-details-content .carousel-btn .next:before
{
    font-family: 'iconfont' !important;
    font-size: 18px;

    margin-right: 10px;

    content: '\e639';
    vertical-align: middle;
}
.product-details-content .specification h4
{
    font-family: 'arialbold';
    font-size: 20px;

    margin: 50px 0 20px;

    color: #074a9d;
}
@media (max-width: 1199px)
{
    .product-details-content .specification h4
    {
        margin: 40px 0 20px;
    }
}
@media (max-width: 991px)
{
    .product-details-content .specification h4
    {
        margin: 30px 0 20px;
    }
}
@media (max-width: 767px)
{
    .product-details-content .specification h4
    {
        margin: 20px 0 15px;
    }
}
.product-details-content .specification-table
{
    overflow: auto;
}
.product-details-content .specification-table table
{
    width: 100%;
    min-width: 700px;

    border-collapse: collapse;

    text-align: center;

    border: 1px solid #c6c4be;
}
.product-details-content .specification-table td,
.product-details-content .specification-table th,
.product-details-content .specification-table tr
{
    text-align: center;

    border: 1px solid #c6c4be;
}
.product-details-content .specification-table th
{
    font-family: 'arialbold';

    padding: 16px 0;

    color: #1f1e1e;
    background-color: #eee;
}
.product-details-content .specification-table td
{
    padding: 6px 0;
}
.product-details-content .specification-table select
{
    padding: 5px 10px;

    border: 1px solid #e5e5e5;
    outline: none;

            appearance: none;
       -moz-appearance: none;
    -webkit-appearance: none;
        -ms-appearance: none;
}
.product-details-content .specification-table td.number .number-box
{
    display: inline-block;
    zoom: 1;

    vertical-align: middle;

    color: #999;
}
.product-details-content .specification-table td.number .number-box:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.product-details-content .specification-table td.number a
{
    float: left;

    width: 26px;
    height: 26px;

    border: 1px solid #e5e5e5;
}
.product-details-content .specification-table td.number a.disable
{
    cursor: not-allowed;
}
.product-details-content .specification-table td.number .ipt-num
{
    line-height: 26px;

    float: left;

    width: 40px;
    min-width: 26px;
    max-width: 50px;
    height: 26px;

    text-align: center;

    border: 1px solid #e5e5e5;
}
.product-details-content .specification-table .shopping:after
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    content: '\e632';

    color: #074a9d;
}
.product-details-content .specification-table .inquiry-btn
{
    display: block;

    cursor: pointer;
}
.product-details-content .specification-table .inquiry-btn:after
{
    font-family: 'iconfont' !important;
    font-size: 40px;

    content: '\e9b1';

    color: #074a9d;
}
.inquire-wrap
{
    margin-top: 60px;
    padding: 40px 0 60px;

    background-color: #eee;
}
@media (max-width: 1199px)
{
    .inquire-wrap
    {
        margin-top: 50px;
        padding: 30px 0 50px;
    }
}
@media (max-width: 991px)
{
    .inquire-wrap
    {
        margin-top: 40px;
        padding: 30px 0 40px;
    }
}
@media (max-width: 767px)
{
    .inquire-wrap
    {
        margin-top: 25px;
        padding: 20px 0 30px;
    }
}
.inquire-wrap h4
{
    font-family: 'arialbold';
    font-size: 20px;

    margin-bottom: 20px;
}
@media (max-width: 767px)
{
    .inquire-wrap h4
    {
        margin-bottom: 10px;
    }
}
.inquire-wrap h4:before
{
    display: inline-block;

    width: 80px;
    height: 2px;
    margin-right: 16px;

    content: '';
    vertical-align: middle;

    background-color: #074a9d;
}
@media (max-width: 480px)
{
    .inquire-wrap h4:before
    {
        display: none;
    }
}
.inquire-wrap h4 + p
{
    line-height: 1.6;

    margin-bottom: 40px;

    color: #666;
}
@media (max-width: 991px)
{
    .inquire-wrap h4 + p
    {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px)
{
    .inquire-wrap h4 + p
    {
        margin-bottom: 20px;
    }
}
.inquire-wrap .input-wrap input,
.inquire-wrap .input-wrap textarea
{
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 20px;

    color: #999;
    background-color: #fff;
}
@media (max-width: 767px)
{
    .inquire-wrap .input-wrap input,
    .inquire-wrap .input-wrap textarea
    {
        margin-bottom: 20px;
    }
}
.inquire-wrap .input-wrap textarea
{
    height: 144px;
}
.inquire-wrap .input-wrap input::-webkit-input-placeholder,
.inquire-wrap .input-wrap textarea::-webkit-input-placeholder
{
    color: #999;
}
.inquire-wrap .input-wrap input:-o-placeholder,
.inquire-wrap .input-wrap textarea:-o-placeholder
{
    color: #999;
}
.inquire-wrap .input-wrap input::-moz-placeholder,
.inquire-wrap .input-wrap textarea::-moz-placeholder
{
    color: #999;
}
.inquire-wrap .input-wrap input:-ms-input-placeholder,
.inquire-wrap .input-wrap textarea:-ms-input-placeholder
{
    color: #999;
}
.inquire-wrap .input-wrap input:focus::-webkit-input-placeholder,
.inquire-wrap .input-wrap textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inquire-wrap .input-wrap input:focus::-o-placeholder,
.inquire-wrap .input-wrap textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inquire-wrap .input-wrap input:focus::-moz-placeholder,
.inquire-wrap .input-wrap textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inquire-wrap .input-wrap input:focus::-ms-input-placeholder,
.inquire-wrap .input-wrap textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inquire-wrap .submit
{
    font-family: 'arialbold';
    font-size: 16px;
    line-height: 22px;

    display: block;

    width: 100%;
    padding: 18px 0;

    text-align: center;

    color: #fff;
    background-color: #fff;
    background-color: #074a9d;
}
@media (max-width: 767px)
{
    .inquire-wrap .submit
    {
        padding: 12px 0;
    }
}
.inquire-wrap .submit:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;

    margin-right: 24px;

    content: '\e6a4';
    vertical-align: top;

    color: #fff;
}
.related-product
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .related-product
    {
        margin-top: 50px;
    }
}
@media (max-width: 991px)
{
    .related-product
    {
        margin-top: 40px;
    }
}
@media (max-width: 767px)
{
    .related-product
    {
        margin-top: 20px;
    }
}
.related-product h4
{
    font-family: 'arialbold';
    font-size: 20px;

    margin-bottom: 20px;
}
.related-product h4:before
{
    display: inline-block;

    width: 80px;
    height: 2px;
    margin-right: 16px;

    content: '';
    vertical-align: middle;

    background-color: #074a9d;
}
@media (max-width: 480px)
{
    .related-product h4:before
    {
        display: none;
    }
}
.related-product ul
{
    margin-top: 40px;
}
@media (max-width: 991px)
{
    .related-product ul
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .related-product ul
    {
        margin-top: 25px;
    }
}
.related-product ul .pic-box
{
    padding: 5px;

    border: 1px solid #ccc;
}
.related-product ul p
{
    zoom: 1;

    padding: 12px 10px 20px;
}
.related-product ul p:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.related-product ul p .name
{
    line-height: 20px;

    float: left;
    overflow: hidden;

    width: 80%;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.related-product ul p .shopping
{
    line-height: 20px;

    float: right;

    width: 20px;
    height: 20px;

    text-align: center;

    border-radius: 50%;
    background-color: #074a9d;
}
.related-product ul p .shopping:after
{
    font-family: 'iconfont' !important;
    font-size: 14px;

    content: '\e632';

    color: #fff;
}
.inquire h3
{
    font-family: 'arialbold';
    font-size: 20px;
}
.inquire h3:before
{
    display: inline-block;

    width: 60px;
    height: 2px;
    margin-right: 16px;

    content: '';
    vertical-align: middle;

    background-color: #074a9d;
}
.inquire h3 + p
{
    line-height: 1.6;

    margin-bottom: 40px;

    color: #666;
}
@media (max-width: 991px)
{
    .inquire h3 + p
    {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px)
{
    .inquire h3 + p
    {
        margin-bottom: 20px;
    }
}
.inquire .inquire-product
{
    margin-top: 50px;
}
@media (max-width: 1199px)
{
    .inquire .inquire-product
    {
        margin-top: 40px;
    }
}
@media (max-width: 991px)
{
    .inquire .inquire-product
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .inquire .inquire-product
    {
        margin-top: 20px;
    }
}
.inquire .inquire-product li
{
    margin-top: 20px;
}
.inquire .inquire-product .box
{
    padding: 10px;

    border: 1px solid #ccc;
}
.inquire .inquire-product p
{
    zoom: 1;

    margin: 0;
    padding: 12px 10px 0;
}
.inquire .inquire-product p:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.inquire .inquire-product p .name
{
    line-height: 32px;

    float: left;
    overflow: hidden;

    width: 80%;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.inquire .inquire-product p .remove-btn
{
    line-height: 32px;

    float: right;

    width: 32px;
    height: 32px;

    text-align: center;

    border-radius: 50%;
    background-color: #074a9d;
}
.inquire .inquire-product p .remove-btn:after
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    content: '\e618';

    color: #fff;
}
.project-wrap
{
    margin: 50px 0 70px;
}
.project-wrap li
{
    margin-bottom: 30px;
}
.project-wrap li .pic-box
{
    padding: 6px;

    border: 1px solid #ccc;
}
.project-wrap li .pic-box img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.project-wrap li .pic-box:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.project-wrap li .img-box
{
    padding-bottom: 66.66666667%;
}
.project-wrap .page
{
    margin-top: 10px;
}
.about-wrap
{
    margin-top: 50px;
}
@media (max-width: 1199px)
{
    .about-wrap
    {
        margin-top: 40px;
    }
}
@media (max-width: 991px)
{
    .about-wrap
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .about-wrap
    {
        margin-top: 25px;
    }
}
.about-wrap .about-content .team
{
    margin-top: 30px;
}
.about-wrap .about-content h4
{
    font-family: 'arialbold';
    font-size: 16px;
    line-height: 26px;

    margin-bottom: 20px;

    color: #666;
}
.about-wrap .about-content h4:before
{
    display: inline-block;

    width: 4px;
    height: 26px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background-color: #074a9d;
}
.about-wrap .about-content p
{
    line-height: 2;

    margin: 0;

    color: #999;
}
.about-wrap .about-content .img-box
{
    padding-bottom: 71.33333333%;
}
.about-wrap .about-content li
{
    margin: 10px 0;
}
.about-wrap .certificate-content
{
    margin-top: -30px;
}
.about-wrap .certificate-content li
{
    margin-top: 30px;
}
.about-wrap .certificate-content li .pic-box img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.about-wrap .certificate-content li .pic-box:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.about-wrap .certificate-content li .pic-box:hover
{
    border-color: #074a9d;
}
.about-wrap .certificate-content .pic-box
{
    padding: 5px;

    border: 1px solid #999;
}
.about-wrap .certificate-content .img-box
{
    padding-bottom: 140%;
}
.about-wrap .factory-content li
{
    margin-bottom: 30px;
}
.about-wrap .factory-content li img
{
    -webkit-transition:         transform .5s;
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.about-wrap .factory-content li:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.about-wrap .factory-content .img-box
{
    padding-bottom: 76.66666667%;
}
.about-wrap .factory-content .page
{
    margin-top: 10px;
}
.download-wrap ul
{
    margin-top: 20px;
}
@media (max-width: 767px)
{
    .download-wrap ul
    {
        margin-top: 0;
    }
}
.download-wrap li
{
    margin-top: 30px;
}
.download-wrap li:hover .download-btn
{
    background-color: #074a9d;
}
.download-wrap li .download-box
{
    zoom: 1;

    padding: 40px 20px;

    border: 1px solid #c6c4be;
}
.download-wrap li .download-box:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
@media (max-width: 480px)
{
    .download-wrap li .download-box
    {
        padding: 20px;
    }
}
.download-wrap .img-box
{
    padding-bottom: 90%;
}
.download-wrap .pic
{
    float: left;

    width: 31.74603175%;
}
@media (max-width: 480px)
{
    .download-wrap .pic
    {
        width: 100%;
    }
}
.download-wrap .introduce
{
    float: left;

    width: 61.9047619%;
    padding-left: 40px;
}
@media (max-width: 480px)
{
    .download-wrap .introduce
    {
        width: 100%;
        padding-left: 0;
    }
}
.download-wrap .introduce h3
{
    font-size: 16px;

    overflow: hidden;

    margin-top: 0;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.download-wrap .introduce p
{
    display: -webkit-box;
    overflow: hidden;

    height: 80px;

    color: #999;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.download-wrap .introduce .download-btn
{
    display: inline-block;

    margin-top: 10px;
    padding: 4px 20px;

    -webkit-transition: background-color .2s;
            transition: background-color .2s;
    text-align: center;

    color: #fff;
    background-color: #333;
}
.download-wrap .introduce .download-btn:before
{
    font-family: 'iconfont' !important;
    font-size: 24px;

    margin-right: 10px;

    content: '\e696';
    vertical-align: middle;
}
.shopping-fixed
{
    position: fixed;
    z-index: 888;
    top: 40%;
    right: 5px;

    text-align: right;
}
.shopping-fixed .shopping-btn
{
    line-height: 36px;

    position: relative;

    display: inline-block;

    width: 40px;
    height: 40px;

    text-align: center;

    border-radius: 50%;
    background-color: #074a9d;
}
.shopping-fixed .shopping-btn:after
{
    font-family: 'iconfont' !important;
    font-size: 26px;

    content: '\e632';

    color: #fff;
}
.shopping-fixed .shopping-btn span
{
    font-size: 12px;
    line-height: 12px;

    position: absolute;
    z-index: -1;
    top: -10%;
    left: 76%;

    display: block;

    padding: 4px 10px;

    border: 1px solid #074a9d;
    border-radius: 10px;
    background-color: #fff;
}
.shopping-fixed .inquire-list
{
    display: none;

    margin-top: 10px;
    padding: 10px;

    text-align: left;

    border: 1px solid #c6c4be;
    background-color: #fff;
}
.shopping-fixed ul
{
    overflow: auto;

    width: 276px;
    max-width: 280px;
    max-height: 370px;
}
.shopping-fixed ul li
{
    zoom: 1;

    padding: 20px 0;

    color: #666;
    border-bottom: 1px dotted #c8c7c1;
}
.shopping-fixed ul li:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.shopping-fixed ul li .pic
{
    float: left;

    width: 50px;
    height: 50px;
    padding: 1px;

    border: 1px solid #ccc;
}
.shopping-fixed ul li p
{
    line-height: 1.2;

    display: -webkit-box;
    float: left;
    overflow: hidden;

    width: 150px;
    max-height: 40px;
    margin: 10px 20px 0 10px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.shopping-fixed ul li .num
{
    line-height: 50px;

    float: left;
}
.shopping-fixed ul li .num:before
{
    margin-right: 10px;

    content: 'x';
}
.shopping-fixed ul li .remove-btn
{
    line-height: 30px;

    float: right;

    padding: 10px;

    cursor: pointer;
}
.shopping-fixed ul li .remove-btn:after
{
    font-family: 'iconfont' !important;
    font-style: normal;

    content: '\e618';

    color: #666;
}
.shopping-fixed ul li .remove-btn:hover:after
{
    color: #074a9d;
}
.shopping-fixed .inquire-btn
{
    margin-top: 20px;

    text-align: center;
}
.shopping-fixed .inquire-btn a
{
    display: block;

    padding: 5px 0;

    color: #fff;
    background-color: #074a9d;
}
.shopping-fixed .inquire-btn a:before
{
    font-family: 'iconfont' !important;
    font-size: 26px;

    margin-right: 20px;

    content: '\e9b1';
    vertical-align: middle;
}
.news-wrap
{
    margin-top: 26px;
}
@media (max-width: 991px)
{
    .news-wrap
    {
        margin-top: 0;
    }
}
.news-wrap .news-box
{
    padding: 24px 0;

    border-bottom: 1px solid #eee;
}
@media (max-width: 991px)
{
    .news-wrap .news-box
    {
        padding: 14px 0;
    }
}
@media (max-width: 767px)
{
    .news-wrap .news-box
    {
        padding: 10px 0;
    }
}
.news-wrap .news-box:last-child
{
    border: none;
}
.news-wrap .news-box:hover .date span
{
    color: #074a9d;
}
.news-wrap .news-box:hover .date span + a
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}
.news-wrap .news-box:hover .introduce h3
{
    color: #074a9d;
}
.news-wrap .news-box:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.news-wrap .date span
{
    font-size: 30px;
    line-height: 1;

    display: block;

    margin-top: 20px;

    color: #666;
}
.news-wrap .date span:after
{
    display: inline-block;

    width: 60px;
    height: 1px;
    margin-top: -8px;
    margin-left: 15px;

    content: '';
    vertical-align: middle;

    background-color: #000006;
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    .news-wrap .date span:after
    {
        width: 30px;
    }
}
.news-wrap .date span + a
{
    line-height: 40px;

    display: block;

    width: 40px;
    height: 40px;
    margin-top: 16px;

    -webkit-transition: all .5s;
            transition: all .5s;
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
    text-align: center;

    opacity: 0;
    background-color: #074a9d;
}
@media (max-width: 991px)
{
    .news-wrap .date span + a
    {
        display: none;
    }
}
.news-wrap .date span + a:before
{
    font-family: 'iconfont' !important;
    font-size: 28px;

    content: '\e607';

    color: #fff;
}
.news-wrap .introduce h3
{
    font-family: 'arialbold';
    font-size: 16px;

    color: #666;
}
@media (max-width: 991px)
{
    .news-wrap .introduce h3
    {
        margin: 15px 0 10px;
    }
}
.news-wrap .introduce h3 a
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-wrap .introduce p
{
    margin-top: 20px;

    color: #999;
}
@media (max-width: 991px)
{
    .news-wrap .introduce p
    {
        margin-top: 10px;
    }
}
.news-wrap .introduce p a
{
    display: -webkit-box;
    overflow: hidden;

    height: 38px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-wrap .new-img .img-box
{
    padding-bottom: 51.33333333%;
}
.news-wrap .new-img .img-box img
{
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
}
.news-wrap .page
{
    margin-top: 36px;
}
@media (max-width: 767px)
{
    .news-wrap .page
    {
        margin-top: 20px;
    }
}
.news-details-wrap .news-content
{
    position: relative;

    margin-top: 50px;
    padding-left: 8.52713178%;
}
@media (max-width: 767px)
{
    .news-details-wrap .news-content
    {
        padding-left: 0;
    }
}
.news-details-wrap .news-content h1
{
    font-family: 'arialbold';
    font-size: 20px;

    color: #666;
}
.news-details-wrap .news-content h1:before
{
    position: absolute;
    top: 10px;
    left: 0;

    display: block;

    width: 60px;
    height: 2px;

    content: '';

    background-color: #074a9d;
}
@media (max-width: 767px)
{
    .news-details-wrap .news-content h1:before
    {
        display: none;
    }
}
.news-details-wrap .news-content h1 + p
{
    margin: 15px 0 30px;
}
.news-details-wrap .news-content h1 + p .date
{
    margin-right: 30px;
}
.news-details-wrap .news-content h1 + p .author
{
    padding-left: 20px;

    background: url('../images/sprite.png') no-repeat 0 -32px;
}
.news-details-wrap .news-content img
{
    width: auto;
    max-width: 100%;
    margin-bottom: 30px;
}
.news-details-wrap .news-content p
{
    margin: 0;

    color: #999;
}
.news-details-wrap .news-content .page-btn
{
    margin-top: 90px;

    text-align: right;
}
@media (max-width: 991px)
{
    .news-details-wrap .news-content .page-btn
    {
        margin-top: 70px;
    }
}
@media (max-width: 767px)
{
    .news-details-wrap .news-content .page-btn
    {
        margin-top: 50px;
    }
}
.news-details-wrap .news-content .page-btn a
{
    font-size: 16px;
    line-height: 46px;

    display: inline-block;

    width: 190px;
    height: 46px;

    text-align: center;

    color: #666;
    background-color: #ccc;
}
@media (max-width: 767px)
{
    .news-details-wrap .news-content .page-btn a
    {
        width: 48%;
    }
}
.news-details-wrap .news-content .page-btn a.next
{
    margin-left: 4px;
}
.news-details-wrap .news-content .page-btn a:hover
{
    color: #fff;
    background-color: #074a9d;
}
.news-details-wrap .news-content .page-btn a:hover.prev:before
{
    background-position: 0 -134px;
}
.news-details-wrap .news-content .page-btn a:hover.next:after
{
    background-position: 0 -88px;
}
.news-details-wrap .news-content .page-btn .prev:before
{
    display: inline-block;

    width: 24px;
    height: 12px;
    margin-right: 20px;

    content: '';

    background: url('../images/sprite.png') no-repeat 0 -116px;
}
@media (max-width: 767px)
{
    .news-details-wrap .news-content .page-btn .prev:before
    {
        margin-right: 10px;
    }
}
.news-details-wrap .news-content .page-btn .next:after
{
    display: inline-block;

    width: 24px;
    height: 12px;
    margin-left: 20px;

    content: '';

    background: url('../images/sprite.png') no-repeat 0 -70px;
}
@media (max-width: 767px)
{
    .news-details-wrap .news-content .page-btn .next:after
    {
        margin-left: 10px;
    }
}
.contact-wrap .info-wrap
{
    position: relative;

    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 50px;
}
@media (max-width: 767px)
{
    .contact-wrap .info-wrap
    {
        margin-top: 10px;
        padding-bottom: 0;
    }
}
.contact-wrap .info-wrap:before
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1px;
    height: 100%;

    content: '';

    background-color: #eee;
}
@media (max-width: 991px)
{
    .contact-wrap .info-wrap:before
    {
        display: none;
    }
}
.contact-wrap h3
{
    font-family: 'arialbold';
    font-size: 16px;

    position: relative;
}
.contact-wrap h3:before
{
    position: absolute;
    top: 50%;
    left: -100px;

    display: block;

    width: 60px;
    height: 2px;
    margin-top: -2px;

    content: '';

    background-color: #074a9d;
}
@media (max-width: 991px)
{
    .contact-wrap h3:before
    {
        display: none;
    }
}
.contact-wrap .information
{
    width: 69.84126984%;
    margin-left: 100px;
}
@media (max-width: 991px)
{
    .contact-wrap .information
    {
        width: 100%;
        margin-left: 0;
    }
}
.contact-wrap .information h3 + p
{
    margin-top: 50px;
}
@media (max-width: 767px)
{
    .contact-wrap .information h3 + p
    {
        margin-top: 0;
    }
}
.contact-wrap .information p
{
    line-height: 3;

    margin: 0;

    color: #999;
}
.contact-wrap .information p span
{
    font-family: 'arialbold';
}
.contact-wrap .message
{
    float: right;

    width: 69.84126984%;
}
@media (max-width: 991px)
{
    .contact-wrap .message
    {
        width: 100%;
    }
}
@media (max-width: 767px)
{
    .contact-wrap .message
    {
        width: 100%;
    }
}
.contact-wrap .message p
{
    margin: 20px 0 24px;

    color: #666;
}
.contact-wrap .message input
{
    width: 100%;
    margin-bottom: 10px;
    padding: 16px 18px;

    background-color: #f4f4f4;
}
.contact-wrap .message .submit
{
    line-height: 46px;

    width: 128px;
    height: 46px;
    margin-top: 10px;
    padding: 0 20px;

    cursor: pointer;
    text-align: left;

    color: #fff;
    background: url('../images/sprite.png') no-repeat 90px -148px;
    background-color: #074a9d;
}
.contact-wrap .message .submit:hover
{
    text-decoration: underline;
}
.contact-wrap img
{
    width: 100%;
}
.footer .footer-nav
{
    margin-top: 70px;
    padding: 70px 0 10px;

    background: url('../images/footer-bg.jpg') no-repeat center;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .footer .footer-nav
    {
        margin-top: 60px;
        padding-top: 60px;
    }
}
@media (max-width: 991px)
{
    .footer .footer-nav
    {
        margin-top: 50px;
        padding-top: 40px;
    }
}
@media (max-width: 767px)
{
    .footer .footer-nav
    {
        margin-top: 30px;
        padding-top: 20px;
    }
}
.footer .footer-nav li
{
    float: left;

    width: 20%;
    margin-bottom: 20px;
    padding: 0 15px;
}
@media (max-width: 1199px)
{
    .footer .footer-nav li
    {
        width: 33.3333%;
    }
}
@media (max-width: 991px)
{
    .footer .footer-nav li
    {
        width: 50%;
    }
}
@media (max-width: 767px)
{
    .footer .footer-nav li
    {
        width: 100%;
        margin-bottom: 10px;
    }
}
.footer .footer-nav li h4
{
    font-size: 27px;

    margin-bottom: 20px;

    color: #fff;
}
.footer .footer-nav .footer-products p
{
    margin: 0;
}
.footer .footer-nav .footer-products p a
{
    display: block;

    color: #bdbbbb;
}
.footer .footer-nav .footer-products p a:before
{
    content: '>';
}
.footer .footer-nav .footer-products p a:hover
{
    text-decoration: underline;
}
.footer .footer-nav .footer-products span
{
    display: block;
}
.footer .footer-nav .footer-products span a
{
    line-height: 1.6;

    padding-left: 10px;
}
.footer .footer-nav .footer-contact p
{
    font-size: 14px;
    line-height: 2;

    margin: 0;

    color: #bdbbbb;
}
.footer .footer-nav .footer-contact p span
{
    font-family: 'arialbold';
}
.footer .footer-nav .footer-contact p .company
{
    font-size: 16px;
}
.footer .footer-nav .footer-contact p a:hover
{
    text-decoration: underline;

    color: #fff;
}
@media (max-width: 991px)
{
    .footer .footer-nav .footer-projects
    {
        width: 100%;
    }
}
.footer .footer-nav .footer-projects .footer-pic-box
{
    letter-spacing: -8px;
}
.footer .footer-nav .footer-projects .footer-pic
{
    display: inline-block;

    width: 50%;
    padding: 0 2px;
}
@media (max-width: 991px)
{
    .footer .footer-nav .footer-projects .footer-pic
    {
        width: 33.33333%;
    }
}
.footer .footer-nav .footer-projects .footer-pic .img-box
{
    padding-bottom: 62.5%;
}
.footer .footer-nav .footer-message
{
    width: 40%;
}
@media (max-width: 1199px)
{
    .footer .footer-nav .footer-message
    {
        width: 100%;
    }
}
.footer .footer-nav .footer-message .input-box input,
.footer .footer-nav .footer-message textarea
{
    padding: 10px 20px;

    color: #999;
    border: 1px solid #6c6969;
    background: none;
}
.footer .footer-nav .footer-message .input-box
{
    zoom: 1;
}
.footer .footer-nav .footer-message .input-box:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}
.footer .footer-nav .footer-message .input-box input
{
    width: 46%;
}
.footer .footer-nav .footer-message .input-box .name
{
    float: left;
}
.footer .footer-nav .footer-message .input-box .mail
{
    float: right;
}
.footer .footer-nav .footer-message textarea
{
    width: 100%;
    height: 100px;
    margin: 16px 0;
}
.footer .footer-nav .footer-message input::-webkit-input-placeholder,
.footer .footer-nav .footer-message textarea::-webkit-input-placeholder
{
    color: #999;
}
.footer .footer-nav .footer-message input:-o-placeholder,
.footer .footer-nav .footer-message textarea:-o-placeholder
{
    color: #999;
}
.footer .footer-nav .footer-message input::-moz-placeholder,
.footer .footer-nav .footer-message textarea::-moz-placeholder
{
    color: #999;
}
.footer .footer-nav .footer-message input:-ms-input-placeholder,
.footer .footer-nav .footer-message textarea:-ms-input-placeholder
{
    color: #999;
}
.footer .footer-nav .footer-message input:focus::-webkit-input-placeholder,
.footer .footer-nav .footer-message textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.footer .footer-nav .footer-message input:focus::-o-placeholder,
.footer .footer-nav .footer-message textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.footer .footer-nav .footer-message input:focus::-moz-placeholder,
.footer .footer-nav .footer-message textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.footer .footer-nav .footer-message input:focus::-ms-input-placeholder,
.footer .footer-nav .footer-message textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.footer .footer-nav .footer-message .submit
{
    font-family: 'arialbold';

    padding-right: 18px;

    color: #fff;
    background: url('../images/send-bg.png') no-repeat right;
}
.footer .footer-nav .footer-message .submit:hover
{
    text-decoration: underline;
}
.footer .copyright
{
    padding: 10px 0;

    text-align: center;

    color: #bdbbbb;
    background-color: #252628;
}
.footer .copyright p
{
    margin: 0;
}
.footer .copyright a
{
    font-style: italic;

    color: #6d6a6a;
}
.footer .copyright a:hover
{
    color: #fff;
}
.online
{
    position: fixed;
    z-index: 666;
    bottom: 23%;
    left: 10px;
}
@media (max-width: 767px)
{
    .online
    {
        display: none;
    }
}
.online a
{
    font-size: 20px;
    line-height: 46px;

    display: block;

    width: 46px;
    height: 46px;
    margin: 2px 0;

    text-align: center;

    color: #fff;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .7);
}
.online a:before
{
    font-size: 24px;
}
.online a:hover
{
    background-color: rgba(7, 74, 157, .7);
}




.online a.icon-weixin
{
    position: relative;
}
.online a.icon-weixin .mask
{
    position: absolute;
    top: 0;
    left: 100%;

    display: none;

    padding-left: 5px;
}
.online a.icon-weixin .mask .mask-box
{
    padding: 3px ;

    border: 2px solid rgba(7, 74, 157, .5);
    background: none;
}
.online a.icon-weixin .mask img
{
    display: block;
}