/**
 * style.less
 * 层叠样式表
 */
.ff
{
    font-family: 'iconfont' !important;
}
@font-face
{
    font-family: 'Caveat';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/Caveat-Regular.eot');
    src: local('Caveat'), local('Caveat-Regular'), url('../fonts/Caveat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Caveat-Regular.woff2') format('woff2'), url('../fonts/Caveat-Regular.woff') format('woff'), url('../fonts/Caveat-Regular.ttf') format('truetype'), url('../fonts/Caveat-Regular.svg#Caveat-Regular') format('svg');
    font-display: swap;
}
@font-face
{
    font-family: 'Staatliches';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/Staatliches-Regular.eot');
    src: local('Staatliches Regular'), local('Staatliches-Regular'), url('../fonts/Staatliches-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Staatliches-Regular.woff2') format('woff2'), url('../fonts/Staatliches-Regular.woff') format('woff'), url('../fonts/Staatliches-Regular.ttf') format('truetype'), url('../fonts/Staatliches-Regular.svg#Staatliches-Regular') format('svg');
    font-display: swap;
}
.textcolor
{
    background-image: -webkit-linear-gradient(right, #18a7a3, #0f74e8);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
.bgcolor
{
    background: -webkit-gradient(linear, right top, left top, from(#18a7a3), to(#0f74e8));
    background: -webkit-linear-gradient(right, #18a7a3, #0f74e8);
    background:         linear-gradient(right, #18a7a3, #0f74e8);
}
.fz-16
{
    font-size: 16px;
    line-height: 2.25;
}
@media (max-width: 767px)
{
    .fz-16
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.fz-16 p
{
    margin: 0;
}
body
{
    font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;

    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-arrow
{
    line-height: 58px;

    position: absolute;
    z-index: 9;
    z-index: 8;
    top: 50%;
    left: 3%;

    overflow: hidden;

    width: 58px;
    height: 58px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #fff;
    border: none;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: none;
    background: none;
}
@media (max-width: 1199px)
{
    .slick-arrow
    {
        line-height: 40px;

        left: -10px;

        width: 40px;
        height: 40px;
    }
}
.slick-arrow:before
{
    font-family: 'fangsong' !important;
    font-size: 24px;

    display: inline-block;

    content: '<';
}
.slick-arrow.slick-next
{
    right: 3%;
    left: auto;
}
@media (max-width: 1199px)
{
    .slick-arrow.slick-next
    {
        right: -10px;
    }
}
.slick-arrow.slick-next:before
{
    content: '>';
}
.slick-arrow:hover
{
    color: #fff;
    border-color: rgba(0, 83, 187, .8);
    background-color: rgba(0, 83, 187, .8);
}
.slick-dots
{
    margin-top: 40px;

    text-align: center;
}
.slick-dots li
{
    display: inline-block;

    width: 70px;
    height: 4px;
    margin: 0 10px;

    vertical-align: top;

    background-color: #dfdfdf;
}
@media (max-width: 1470px)
{
    .slick-dots li
    {
        width: 50px;
    }
}
@media (max-width: 991px)
{
    .slick-dots li
    {
        width: 20px;
        height: 2px;
        margin: 0 4px;
    }
}
.slick-dots li button
{
    display: none;
}
.slick-dots li.slick-active
{
    background-color: #0053bb;
}
.header
{
    position: fixed;
    z-index: 10;
    top: 0;

    width: 100%;
    height: 100px;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: right;

    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
@media (max-width: 1199px)
{
    .header
    {
        position: fixed;

        height: 60px;
    }
}
.header .logo
{
    display: inline-block;
    float: left;

    height: 50px;
    margin-top: 25px;
}
@media (max-width: 1199px)
{
    .header .logo
    {
        height: 50px;
        margin-top: 5px;
    }
}
@media (max-width: 767px)
{
    .header .logo
    {
        height: 40px;
        margin-top: 10px;
    }
}
@media (max-width: 360px)
{
    .header .logo
    {
        height: 30px;
        margin-top: 15px;
    }
}
.header .logo a
{
    display: block;

    height: 100%;
}
.header .logo img
{
    display: block;

    height: 100%;
}


.header .header-right
{
    display: inline-block;
}
.header .header-right .top-right
{
    margin-top: 10px;
}
@media (max-width: 1199px)
{
    .header .header-right .top-right
    {
        margin: 0;
    }
}
.header .header-right .top-right p.tel
{
    font-size: 15px;
    line-height: 30px; font-weight:bold;
    display: inline-block;

    margin: 0;
    margin-left: 14px;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .header .header-right .top-right p.tel
    {
        line-height: 60px;
    }
}
@media (max-width: 767px)
{
    .header .header-right .top-right p.tel
    {
        display: none;
    }
}

.header .header-right .top-right p.tel img{ width:24px; float:left; padding:6px 5px 0 0;}

.header .header-right .top-right p.tel:before
{
    
    font-size: 20px;

    float: left;

    margin-right: 4px;

   
}
.header .header-right .top-right p.tel a:hover
{
    text-decoration: underline;
}
.header .cart
{
    line-height: 30px;

    position: relative;

    display: inline-block;
    vertical-align: middle;

    height: 30px;
    margin-left: 10px;
}
@media (max-width: 1199px)
{
    .header .cart
    {
        line-height: 60px;

        height: 60px;
        margin-right: 10px;
        margin-left: 0;
    }
}
.header .cart:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    content: '\e682';
}
.header .cart span
{
    font-size: 12px;
    line-height: 14px;

    position: absolute;
    top: 0;
    right: -6px;

    width: 14px;
    height: 14px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #b20c0c;
}
@media (max-width: 1199px)
{
    .header .cart span
    {
        top: 14px;
    }
}
.header .language
{
    position: relative;

    display: inline-block;

    margin-left: 10px;

    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}
@media (max-width: 767px)
{
    .header .language
    { margin-top:17px;
    }
}
.header .language p
{
    line-height: 30px;

    height: 30px;
    margin: 0;
    padding: 0 10px;
	display: none;
}
@media (max-width: 1199px)
{
    .header .language p
    {
        line-height: 60px;

        height: 60px;
    }
}
.header .language p:before
{
    font-family: 'iconfont' !important;
    font-size: 22px;

    content: '\e789';
}
/* .header .language ul
{
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 0;

    display: none;

    width: 120px;
    padding: 10px 0;

    color: #666;
    background-color: #fff;
}
@media (max-width: 1199px)
{
    .header .language ul
    {
        top: 60px;
    }
} */
.header .language ul li{
	display: inline-block;
	vertical-align: middle;
}
.header .language ul a
{
    line-height: 30px;

    padding: 0 0px;
	font-size: 0;
}
.header .language ul a img
{
    display: inline-block;

    width: 24px;
    margin-right: 10px;

    vertical-align: middle;
}
.header .language ul a:hover
{
    color: #0053bb;
}
.header .pc-search
{
    position: relative;

    display: inline-block;

    margin-left: 10px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .header .pc-search
    {
        margin: 0;
    }
}
.header .pc-search .search-button
{
    display: inline-block;
    overflow: hidden;

    cursor: pointer;
    vertical-align: middle;
}
.header .pc-search .search-button:before
{
    font-family: 'iconfont' !important;
    font-size: 18px;

    width: 30px;

    content: '\e660';
    text-align: center;
}
.header .pc-search form
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 0;

    -webkit-transition: all .4s;
            transition: all .4s;
    vertical-align: middle;
}
@media (max-width: 767px)
{
    .header .pc-search form
    {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
    }
}
.header .pc-search input
{
    font-size: 12px;
    line-height: 30px;

    width: 100%;
    padding: 0 30px 0 0;

    border-bottom: 1px solid rgba(255, 255, 255, .5);
    outline: none;
    background: none;
}
.header .pc-search input::-webkit-input-placeholder,
.header .pc-search textarea::-webkit-input-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.header .pc-search input:-o-placeholder,
.header .pc-search textarea:-o-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.header .pc-search input::-moz-placeholder,
.header .pc-search textarea::-moz-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.header .pc-search input:-ms-input-placeholder,
.header .pc-search textarea:-ms-input-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.header .pc-search input:focus::-webkit-input-placeholder,
.header .pc-search textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.header .pc-search input:focus::-o-placeholder,
.header .pc-search textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.header .pc-search input:focus::-moz-placeholder,
.header .pc-search textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.header .pc-search input:focus::-ms-input-placeholder,
.header .pc-search textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.header .pc-search .submit
{
    font-size: 18px;
    line-height: 30px;

    position: absolute;
    right: 0;
    bottom: 0;

    width: 30px;
    padding: 0;

    text-align: center;

    color: #fff;
    outline: none;
    background: none;
    box-shadow: none;
}
.header .pc-search .submit:before
{
    font-family: 'iconfont' !important;

    content: '\e660';
}
.header .pc-search.searchactive form
{
    width: 180px;
}
@media (max-width: 767px)
{
    .header .pc-search.searchactive form
    {
        width: 100px;
    }
}
.header .pc-search.searchactive .search-button
{
    width: 0;
}
.header .nav-collapse
{
    position: relative;

    display: none;
    float: right;

    width: 20px;
    height: 40px;
    padding: 0;

    cursor: pointer;

    background: none;
}
@media (max-width: 1199px)
{
    .header .nav-collapse
    {
        display: block;

        margin-top: 10px;
    }
    .header .nav-collapse.nav-collapse-1
    {
        position: absolute;
        z-index: 9999;
        top: 5px;
        right: 20px;

        display: block;

        margin-top: 8px;

        border: none;
    }
    .header .nav-collapse.nav-collapse-1 .btn-line
    {
        background-color: #666 !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .header .nav-collapse.nav-collapse-xs:hover .btn-line
    {
        background-color: #000;
    }
}
.header .nav-collapse .btn-line
{
    position: absolute;
    left: 50%;

    width: 20px;
    height: 2px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1)
{
    position: absolute;

    display: block;

    width: 20px;
    height: 2px;

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

    background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(1)
{
    top: 35%;
}
.header .nav-collapse .btn-line:nth-child(2)
{
    top: 50%;
}
.header .nav-collapse .btn-line:nth-child(3)
{
    top: 65%;
}
.header .nav-collapse.active
{
    border-color: transparent;
}
.header .nav-collapse.active .btn-line
{
    background-color: #fff;
}
.header .nav-collapse.active .btn-line:nth-child(2)
{
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px);

    opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(1)
{
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotateZ(45deg);
}
.header .nav-collapse.active .btn-line:nth-child(3)
{
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotateZ(-45deg);
}
@media (min-width: 1200px)
{
    .header .nav
    {
        display: block;

        -webkit-transition: all .4s;
                transition: all .4s;
    }
    .header .nav .logo
    {
        display: none;
    }
}
@media (max-width: 1199px)
{
    .header .nav
    {
        position: fixed;
        z-index: 9998;
        top: 0;
        left: 0;

        display: none;

        width: 100%;
        height: 100%;
        padding: 0 15px;

        -webkit-transition: left .3s;
                transition: left .3s;
        text-align: left;
        text-align: center;

        color: #666;
        background: #fff;
    }
    .header .nav .logo
    {
        display: block;
        float: left;

        margin-top: 10px;
    }
    .header .nav .tbl
    {
        display: table;

        width: 100%;
        height: 90%;
        padding-top: 30%;
    }
    .header .nav .tbl-cell
    {
        display: table-cell;

        height: 100%;

        vertical-align: top;
    }
}
@media (min-width: 1200px)
{
    .header .nav .nav-list1
    {
        text-align: center;
    }
    .header .nav .nav-list1 > li
    {
        display: inline-block;

        vertical-align: top;
    }
    .header .nav .nav-list1 > li > a
    {
        font-size: 17px;
        line-height: 60px;

        position: relative;

        display: inline-block;

        padding: 0 15px;

        -webkit-transition: all .4s;
                transition: all .4s;
        vertical-align: middle;

        color: #fff;
    }
    .header .nav .nav-list1 > li:hover > a,
    .header .nav .nav-list1 > li.active > a
    {
        color: #fff;
        font-weight: bold;
    }
	/*** .header .nav .nav-list1 > li:nth-child(3) .nav-list2
	    {
	        padding: 50px 30px;
	        padding-right: 360px;

	        background-color: #fff;
	    }
	    .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li
	    {
	        text-align: left;

	        border-bottom: 1px solid #dcdcdc;
	    }
	    .header .nav .nav-list1 > li:nth-child(3) .nav-list2 > li > a
	    {
	        padding: 0 10px;
	    }
	    .header .nav .nav-list1 > li:nth-child(3) .nav-list2 .nav-pic
	    {
	        position: absolute;
	        top: 30px;
	        right: 0;

	        display: none;

	        width: 340px;
	    }
	    .header .nav .nav-list1 > li:nth-child(3) .nav-list2 .nav-pic:nth-child(1)
	    {
	        display: block;
	    }
	    .header .nav .nav-list1 > li:nth-child(3) .nav-list2 .nav-pic img
	    {
	        width: 100%;
	    }  **/
    .header .nav .nav-list1 .nav-list2
    {
        position: absolute;
        z-index: 50;
        top: 100%;

        display: none;

        min-width: 160px;
        padding: 10px 0;

        text-align: center;

        background-color: rgba(255, 255, 255, .9);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .header .nav .nav-list1 .nav-list2 li
    {
        position: relative;

        list-style: none;

        text-align: center;
    }
    .header .nav .nav-list1 .nav-list2 li > a
    {
        font-size: 15px;
        line-height: 50px;

        position: relative;
        z-index: 1;

        display: block;

        padding: 0 10px;

        -webkit-transition: all .2s;
                transition: all .2s;
        white-space: nowrap;

        color: #666;
    }
    .header .nav .nav-list1 .nav-list2 li > a:hover
    {
        color: #fff;
        background: #0053bb;
    }
}
@media (min-width: 1200px) and (max-width: 1470px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1350px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 12px;
    }
}
@media (max-width: 1199px)
{
    .header .nav .nav-list1
    {
        overflow-y: auto;

        height: 100%;

        text-align: left;
    }
    .header .nav .nav-list1 > li
    {
        position: relative;
    }
    .header .nav .nav-list1 > li > a
    {
        font-size: 16px;
        line-height: 30px;

        display: block;

        padding: 4px 0;
    }
    .header .nav .nav-list1 .open-nav
    {
        font-size: 20px;
        line-height: 30px;

        position: absolute;
        top: 0;
        right: 0;
    }
    .header .nav .nav-list1 .open-nav:after
    {
        font-family: 'iconfont' !important;

        content: '+';
    }
    .header .nav .nav-list1 .nav-listfulls
    {
        display: none;
    }
    .header .nav .nav-list1 .nav-listfulls .container
    {
        padding: 0;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > a
    {
        line-height: 24px;

        display: block;

        color: #666;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > a:before
    {
        margin-right: 4px;

        content: '-';
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > ul > li
    {
        display: inline-block;

        vertical-align: top;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > ul > li > a
    {
        font-size: 12px;
        line-height: 18px;

        display: block;

        padding: 0 4px;

        color: #999;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > ul > li > a:before
    {
        font-weight: bold;

        content: '·';
    }
    .header .nav .nav-list1 .nav-listfulls .container > li a.more
    {
        display: none;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li img
    {
        display: none;
    }
    .header .nav .nav-list1 .current .open-nav:after
    {
        font-family: 'iconfont' !important;

        content: '-';
    }
    .header .nav .nav-list1 .nav-list2
    {
        display: none;
    }
    .header .nav .nav-list1 .nav-list2 > li > a
    {
        font-size: 14px;
        line-height: 30px;

        display: block;

        color: #666;
    }
    .header .nav .nav-list1 .nav-list2 > li > a:before
    {
        margin-right: 4px;

        content: '-';
    }
    .header .nav .nav-list1 .nav-list2 .nav-list3 > li
    {
        display: inline-block;

        vertical-align: top;
    }
    .header .nav .nav-list1 .nav-list2 .nav-list3 > li a
    {
        line-height: 24px;

        padding: 0 4px;

        color: #999;
    }
    .header .nav .nav-list1 .nav-list2 .nav-list3 > li a:before
    {
        font-weight: bold;

        content: '·';
    }
}
.header .back-btn
{
    position: absolute;
    left: 15px;
}
.header.fixed-header
{
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.header .bl{ display: none !important;}
.header .sj{ display: none !important;}

.header.fixed-header .wh{ display:none;}
.header.fixed-header .bl{ display:block !important;}


.header.fixed-header .nav-collapse .btn-line
{
    background-color: #999;
}
.header.fixed-header .nav-collapse .btn-line .nav-collapse .btn-line:nth-child(3),
.header.fixed-header .nav-collapse .btn-line .nav-collapse .btn-line:nth-child(1)
{
    background-color: #999;
}
@media (min-width: 1200px)
{
    .header.fixed-header .nav .nav-list1 > li > a
    {
        color: #666;
    }
    .header.fixed-header .nav .nav-list1 > li.active > a,
    .header.fixed-header .nav .nav-list1 > li:hover > a
    {
        color: #0053bb;
    }
}
.header.fixed-header .pc-search input
{
    border-bottom: 1px solid #dcdcdc;
}
.header.fixed-header .pc-search input::-webkit-input-placeholder,
.header.fixed-header .pc-search textarea::-webkit-input-placeholder
{
    color: #999;
}
.header.fixed-header .pc-search input:-o-placeholder,
.header.fixed-header .pc-search textarea:-o-placeholder
{
    color: #999;
}
.header.fixed-header .pc-search input::-moz-placeholder,
.header.fixed-header .pc-search textarea::-moz-placeholder
{
    color: #999;
}
.header.fixed-header .pc-search input:-ms-input-placeholder,
.header.fixed-header .pc-search textarea:-ms-input-placeholder
{
    color: #999;
}
.header.fixed-header .pc-search input:focus::-webkit-input-placeholder,
.header.fixed-header .pc-search textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.header.fixed-header .pc-search input:focus::-o-placeholder,
.header.fixed-header .pc-search textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.header.fixed-header .pc-search input:focus::-moz-placeholder,
.header.fixed-header .pc-search textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.header.fixed-header .pc-search input:focus::-ms-input-placeholder,
.header.fixed-header .pc-search textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.header.fixed-header .pc-search .submit
{
    color: #666;
}
.online-wrap .btn
{
    line-height: 36px;

    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 55px;

    width: 40px;
    height: 40px;
    padding: 0;

    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    text-align: center;

    border-radius: 0;
    background-color: rgba(0, 0, 0, .7);
}
@media (min-width: 992px)
{



    .online-wrap .btn
    {
        display: none;
    }
}
.online-wrap .btn:before
{
    font-family: 'iconfont' !important;
    font-size: 18px;

    display: inline-block;

    content: '\e6d2';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    color: #fff;
}
.online-wrap .btn.active:before
{
    -webkit-transform: rotateZ(225deg);
        -ms-transform: rotate(225deg);
            transform: rotateZ(225deg);
}
.online-wrap .code-pic
{
    position: fixed;
    z-index: 101;
    right: 45px;
    bottom: 180px;

    display: none;

    max-width: 120px;
}
.online-wrap .code-pic .pic-box
{
    padding: 5px;

    background-color: #fff;
}
.online-wrap .code-pic img
{
    display: block;

    max-width: 100%;
}
.online-wrap .online
{
    position: fixed;
    z-index: 8;
    top: 30%;
    right: 0;

    -webkit-transition: right .3s;
            transition: right .3s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}
@media (max-width: 991px)
{
.header .bl{ display: none !important;}
.header .wh{ display: none !important;}
.header .sj{ display: block !important;}
.header.fixed-header .wh{ display:none !important;}
.header.fixed-header .bl{ display:none !important;}
.header.fixed-header .sj{ display:block !important;}


    .online-wrap .online
    {
        top: auto;
        right: -60px;
        bottom: 100px;

        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
    }
    .online-wrap .online.active
    {
        right: 0;
    }
}
.online-wrap .online a
{
    line-height: 48px;

    position: relative;

    display: block;

    width: 48px;
    height: 48px;
    margin: 2px auto;
    padding: 0;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;

    border-radius: 4px;
    background-color: #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.online-wrap .online a:before
{
    font-size: 20px;

    color: #a1a5b3;
}

@media (min-width: 992px)
{
    .online-wrap .online a:hover
    {
        text-decoration: none;

        background-color: #0053bb;
    }
    .online-wrap .online a:hover:before
    {
        color: #fff;
    }
}
@media (max-width: 767px)
{
    .online-wrap .online a
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
    .online-wrap .online a:before
    {
        font-size: 20px;
    }
}
@media (min-width: 992px)
{
    .online-wrap .online .icon-phone:hover .phone-num
    {
        right: 100%;
    }
}
.online-wrap .online .icon-phone .phone-num
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: -300px;

    padding-right: 0;

    -webkit-transition: right .3s;
            transition: right .3s;
    white-space: nowrap;
}
.online-wrap .online .icon-phone .phone-num p
{
    margin: 0;
    padding: 0 10px;

    color: #fff;
    background-color: #0053bb;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
}
.online-wrap .online .code:before
{
    font-size: 24px;
}
@media (max-width: 767px)
{
    .online-wrap .online .code:before
    {
        font-size: 22px;
    }
}
.online-wrap .online .code .mask
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 50px;
    width: 0px;
    height: 130px;
    padding-right: 5px;
}
.online-wrap .online .code .mask .mask-box
{
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.online-wrap .online .code .mask img
{
    display: block;

    width: 100%;
}
.online-wrap .online .icon-weixin:hover  .mask{
    width: 130px;
}
.online-wrap .online .code .mask p
{
    font-size: 13px;
    line-height: 16px;

    margin: 5px 0 8px 0;

    color: #888;
}
.online-wrap .online .sale
{
    width: 158px;
    margin-bottom: 30px;
}
@media (max-width: 991px)
{
    .online-wrap .online .sale
    {
        width: 50px;
    }
}
.online-wrap .online .sale a
{
    width: 158px;
    height: 162px;

    background: none;
}
@media (max-width: 991px)
{
    .online-wrap .online .sale a
    {
        width: 50px;
        height: 50px;
    }
}

/**
.online-wrap .online .sale img
{
    max-width: 100%;
}
.online-wrap .icon-qq:before
{
    font-family: 'iconfont' !important;

    content: '\e62d';
}

.online-wrap .icon-weixin:before
{
    font-family: 'iconfont' !important;

    content: '\e604';
}
.online-wrap .icon-message:before
{
    font-family: 'iconfont' !important;
    font-size: 24px !important;

    content: '\e72e';
}
.online-wrap .icon-skype:before
{
    font-family: 'iconfont' !important;

    content: '\e616';
}
.online-wrap .icon-whatsapp:before
{
    font-family: 'iconfont' !important;

    content: '\e751';
}
.online-wrap .icon-phone:before
{
    font-family: 'iconfont' !important;

    content: '\e61c';
}
.online-wrap .icon-arrow-top:before
{
    font-family: 'iconfont' !important;

    content: '\e622';
}

**/


.xs-online
{
    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 0;

    display: none;

    width: 100%;

    background-color: rgba(51, 51, 51, .9);
    box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2);
}
@media (max-width: 991px)
{
    .xs-online
    {
        display: block;
    }
}
.xs-online ul
{
    overflow: hidden;

    margin: 0;
    padding: 0;

    text-align: center;

    color: #fff;
}
.xs-online ul li
{
    float: left;

    width: 20%;

    list-style: none;

    border-left: 1px solid rgba(255, 255, 255, .6);
}
.xs-online ul li > a
{
    font-size: 10px;

    display: block;

    padding: 8px 0;

    text-transform: uppercase;

    color: #fff;
}
@media (max-width: 320px)
{
    .xs-online ul li > a
    {
        font-size: 8px;
    }
}
.xs-online ul li > a:before
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    display: block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.xs-online ul li:first-child
{
    border-left: none;
}
.xs-online ul li.tel > a:before
{
    content: '\e601';
}
.xs-online ul li.mail > a:before
{
    font-weight: normal;

    content: '\e649';
}
.xs-online ul li.message > a:before
{
    font-weight: normal;

    content: '\e826';
}
.xs-online ul li.home > a:before
{
    font-weight: normal;

    content: '\e6c8';
}
.xs-online ul li.map > a:before
{
    font-weight: normal;

    content: '\e63e';
}
.xs-online ul li.product > a:before
{
    font-weight: normal;

    content: '\e7e9';
}
.xs-online ul li.top > a:before
{
    font-weight: normal;

    content: '\e622';
}
.xs-online ul li.whatsapp > a:before
{
    font-weight: normal;

    content: '\e64e';
}
.xs-online ul li.wechat > a:before
{
    font-weight: normal;

    content: '\e604';
}
.xs-online ul li.wechat img
{
    position: absolute;
    top: -90px;
    left: 50%;

    display: none;

    width: 90px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.xs-online ul li.wechat:hover img
{
    display: block;
}
.banner
{
    font-size: 0;

    position: relative;

    clear: both;
    overflow: hidden;

    width: 100%;
}
@media (max-width: 767px)
{
    /* .banner .slick-banner
    {
        width: 140%;
        max-width: 140%;
        margin-left: -20%;
    } */
}
.banner img
{
    display: block;
}
.banner .slick-dots
{
    font-size: 0;

    position: absolute;
    z-index: 2;
    bottom: 10px;

    width: 100%;
    height: 10px;
}
.banner .slick-dots > li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;

    vertical-align: top;

    opacity: .6;
    border-radius: 50%;
}
.banner .slick-dots .slick-active
{
    opacity: 1;
    background-color: #0053bb;
}
.banner .slick-dots button
{
    display: none;
}
.banner .slick-arrow
{
    display: none !important;
}
.banner:hover .slick-arrow
{
    display: block !important;
}
.banner .item
{
    position: relative;

    display: block;
    overflow: hidden;
}
.banner .item img
{
    display: block;

    width: 100%;
}
.banner .text
{
    position: absolute;
    top: 45%;

    width: 100%;

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

    color: #fff;
}
@media (max-width: 767px)
{
    .banner .text
    {
        top: 48%;

        padding: 0 20%;
    }
}
.banner .text-1
{
    text-align: center;
}
@media (max-width: 767px)
{
    .banner .text-1
    {
        padding: 0 20%;
    }
}
.banner .text-1 h2
{
    font-size: 48px;
    line-height: 1.5; 
	font-weight:bold;
    margin: 0;
}
@media (max-width: 1199px)
{
    .banner .text-1 h2
    {
        font-size: 35px;
    }
}
@media (max-width: 991px)
{
    .banner .text-1 h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .banner .text-1 h2
    {
        font-size: 15px;
    }
}
.banner .text-1 h3
{
    font-size: 14px;
    font-weight:lighter;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 10px 45px 10px;
    color: #fff;
}

.banner .text-1 span{ width:100%; float:left; text-align:center;}
.banner .text-1 span a{  background:#cf0d0d;   text-align:center;  border-radius:40px; padding:20px 65px; margin-right:15px; font-size:18px; color:#fff; }
.banner .text-1 span a:nth-child(2){  background:#114cb8; }


@media (max-width: 1199px)
{
    .banner .text-1 h3
    {
        font-size: 14px;
    }
}
@media (max-width: 991px)
{
    .banner .text-1 h3
    {
        font-size:12px;
        line-height: 14px; 
	
     }
	
	.banner .text-1 span a{  
	  background: #cf0d0d;
    text-align: center;
    border-radius: 40px;
    padding: 6px 25px;
    margin-right: 10px;
    font-size: 13px;
    color: #fff;}
}
@media (max-width: 991px) and (max-width: 767px)
{
    .banner .text-1 h3
    {
        font-size: 12px;
        line-height: 14px;
        margin: 8px 0 0 0;
		height:22px; padding:0 0 20px 0; white-space: nowrap; width:100%;
		text-overflow: ellipsis; 
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
	
}
.banner .text-1 img
{
    display: block;

    width: auto;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}
@media (max-width: 767px)
{
    .banner .text-1 img
    {
        max-width: 100px;
    }
}
.banner .slick-current .item img
{
    -webkit-animation: bzoom 6s 0s ease both;
            animation: bzoom 6s 0s ease both;
}
.banner .slick-current .item .text h2
{
    -webkit-animation: fadeInRight 1.5s 0s ease both;
            animation: fadeInRight 1.5s 0s ease both;
}
.banner .slick-current .item .text h3
{
    -webkit-animation: fadeInLeft 1.5s 0s ease both;
            animation: fadeInLeft 1.5s 0s ease both;
}

.banner .slick-current .item .text span a
{
    -webkit-animation: fadeInLeft 1.5s 0s ease both;
            animation: fadeInLeft 1.5s 0s ease both;
}

.banner .slick-current .item .text img
{
    -webkit-animation: fadeInUp 1.5s 0s ease both;
            animation: fadeInUp 1.5s 0s ease both;
}
@media (max-width: 991px)
{
    .banner-in .slick-banner
    {
        width: 140%!important;
        max-width: 140%;
        margin-left: -20%;
    }
}
@media (max-width: 767px)
{
    .banner-in .slick-banner
    {
        width: 200%!important;
        max-width: 200%;
        margin-left: -50%;
    }
}
.banner-in .text-inner
{
    position: absolute;
    top: -webkit-calc(50% + 90px);
    top:         calc(50% + 90px);

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
@media (max-width: 1199px)
{
    .banner-in .text-inner
    {
        top: -webkit-calc(50% + 30px);
        top:         calc(50% + 30px);
    }
}
.banner-in .text-inner h2
{
    font-family: Impact, Arial;
    font-size: 36px;
    line-height: 1;

    margin: 0;
}
@media (max-width: 991px)
{
    .banner-in .text-inner h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .banner-in .text-inner h2
    {
        font-size: 24px;
    }
}
.banner-in .text-inner .location
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .banner-in .text-inner .location
    {
        margin: 0;
    }
}
.banner-in .text-inner .location > ul > li
{
    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    color: rgba(255, 255, 255, .6);
}
.banner-in .text-inner .location > ul > li:after
{
    content: '>';
}
.banner-in .text-inner .location > ul > li:last-child:after
{
    display: none;
}
.banner-in .text-inner .location > ul > li > a
{
    line-height: 24px;

    display: inline-block;
}
.banner-in .text-inner .location > ul > li > a:hover
{
    text-decoration: underline;

    color: #fff;
}
@-webkit-keyframes bzoom
{
    0%
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
@keyframes bzoom
{
    0%
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
.bzoom
{
    -webkit-animation-name: bzoom;
            animation-name: bzoom;
}
@-webkit-keyframes bwidth
{
    0%
    {
                width: 0;

        opacity: 1;

        -webkit-width: 0;
            -ms-width: 0;
    }
    100%
    {
                width: 100%;

        opacity: 1;

        -webkit-width: 100%;
    }
}
@keyframes bwidth
{
    0%
    {
                width: 0;

        opacity: 1;

        -webkit-width: 0;
            -ms-width: 0;
    }
    100%
    {
                width: 100%;

        opacity: 1;

        -webkit-width: 100%;
    }
}
.bwidth
{
    -webkit-animation-name: bwidth;
            animation-name: bwidth;
}
.home
{
    overflow: hidden;

    padding: 40px 0;
}
@media (max-width: 991px)
{
    .home
    {
        padding: 30px 0;
    }
}
.title
{
    position: relative;

    overflow: hidden;
}
.title h3
{
    font-size: 18px;
    line-height: 30px;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 991px)
{
    .title h3
    {
        font-size: 16px;
    }
}
.title h2
{
    font-size: 24px;
    line-height: 30px;

    margin: 0;
}
@media (max-width: 991px)
{
    .title h2
    {
        font-size: 20px;
    }
}
.title a.more
{
    line-height: 30px;

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;
    float: right;

    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #999;
}
.title a.more:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #a1a3a9;
}
.title a.more:hover
{
    color: #0053bb;
}
.title a.more:hover:after
{
    border-color: transparent transparent transparent #0053bb;
}

.homebg{ background:url(../images/1c9.png) top left no-repeat;}

.home-solution
{
    padding: 20px 0;
}
.home-solution .title h2
{
    color: #0053bb;
}
.home-solution .solution > ul
{
    margin: 0 -10px;
}
.home-solution .solution > ul > li
{
    margin-top: 20px;
    padding: 0 10px;
}
.home-solution .solution .item
{
    padding: 60px 30px;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;

    background-image: -webkit-gradient(linear, left top, right top, from(#eceff3), to(#fbfcff));
    background-image: -webkit-linear-gradient(left, #eceff3, #fbfcff);
    background-image:         linear-gradient(left, #eceff3, #fbfcff);
}
@media (max-width: 1199px)
{
    .home-solution .solution .item
    {
        padding: 30px 15px;
    }
}
@media (max-width: 767px)
{
    .home-solution .solution .item
    {
        padding: 20px 10px;
    }
}
.home-solution .solution .item .icon
{
    display: block;
	position: relative;
    width: 90px;
    margin: 0 auto;
}
@media (max-width: 1199px)
{
    .home-solution .solution .item .icon
    {
        width: 70px;
    }
}
.home-solution .solution .item .icon img
{
    width: 100%;
	transition: all .2s;
}
.home-solution .solution .item .icon .imghover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.home-solution .solution .item b
{
    font-size: 20px;
    font-weight:bold;
    line-height: 24px;

    display: block;

    margin-top:10px;

    color: #0053bb;
}
@media (max-width: 1199px)
{
    .home-solution .solution .item b
    {
        font-size: 15px;
    }
}
.home-solution .solution .item p
{
    line-height: 24px; font-size:16px; font-weight:lighter;

    margin: 10px 0 0 0;

    color: #666;
}
@media (max-width: 767px)
{
    .home-solution .solution .item p
    {
        font-size: 12px;
        line-height: 18px;
    }
}
.home-solution .solution .item:hover
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    background: #0053bb;
}
.home-solution .solution .item:hover .icon .imgnow{
	opacity: 0;
}
.home-solution .solution .item:hover .icon .imghover{
	opacity: 1;
}
.home-solution .solution .item:hover b,
.home-solution .solution .item:hover p{color: #fff;}
.home-solution .solution .item:hover .icon
{
    -webkit-animation: swing 1s 0s ease both;
            animation: swing 1s 0s ease both;
}
.home-about .about
{
    position: relative;

    padding: 50px 0 60px 0;
}
@media (max-width: 991px)
{
    .home-about .about
    {
        padding: 30px 0 30px 14px;
    }
}
@media (max-width: 767px)
{
    .home-about .about
    {
        padding: 0;
    }
}
.home-about .about-line
{
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 100%;

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

    background: url(../images/about_line_bg.jpg) repeat;
}
@media (max-width: 991px)
{
    .home-about .about-line
    {
        width: 200px;
    }
}
@media (max-width: 767px)
{
    .home-about .about-line
    {
        display: none;
    }
}
.home-about .about-line.animated
{
    width: 275px;
}
.home-about .about-left
{
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding:10px;
    overflow: hidden;
    background-color: #fff;
}

.home-about .about-left img
{
    width: 100%; 
	

    -webkit-transition: all 1s;
            transition: all 1s;

    /*opacity: .85;*/
    opacity: 1;
}
.home-about .about-left .play
{
    font-size: 60px;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);

    color: rgba(255, 255, 255, .9);
}
.home-about .about-left .play:before
{
    font-family: 'iconfont' !important;

    content: '\e644';
}
.home-about .about-left:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-about .about-right
{
    padding: 20px;
}
@media (max-width: 991px)
{
    .home-about .about-right
    {
        padding: 0;
    }
}
@media (max-width: 767px)
{
    .home-about .about-right
    {
        margin-top: 20px;
    }
}

.home-about .about-right .note
{
    margin-top: 30px; font-weight:lighter;
}
@media (max-width: 1199px)
{
    .home-about .about-right .note
    {
        font-size: 14px;
        line-height: 24px;

        margin-top: 20px;
    }
}
.home-about .about-right a.more
{
    font-size: 14px;
    line-height: 30px;

    display: inline-block;

    margin-top: 20px;

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

    color: #999;
}
.home-about .about-right a.more:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #a1a3a9;
}
.home-about .about-right a.more:hover
{
    color: #0053bb;
}
.home-about .about-right a.more:hover:after
{
    border-color: transparent transparent transparent #0053bb;
}
.home-about .sign
{
    text-align: right;
}
.home-about .sign h4
{
    font-family: 'Caveat';
    font-size: 30px;

    margin: 0;

    color: #0053bb;
}
@media (max-width: 767px)
{
    .home-about .sign h4
    {
        font-size: 24px;
    }
}
.home-number
{
    background: url(../images/number_bg.jpg) no-repeat center fixed;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .home-number
    {
        background: url(../images/number_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.home-number .number > ul
{
    font-size: 0;
}
@media (min-width: 992px)
{
    .home-number .number > ul
    {
        width: 100%;
        padding: 0;

        text-align: justify;
        text-justify: distribute-all-lines;
    }
    .home-number .number > ul:after
    {
        display: inline-block;
        overflow: hidden;

        width: 100%;
        height: 0;
        margin: 0;

        content: '';
    }
}
.home-number .number > ul > li
{
    font-size: 14px;

    display: inline-block;

    margin: 10px 0;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 991px)
{
    .home-number .number > ul > li
    {
        width: 33.33333333%;
    }
}
@media (max-width: 767px)
{
    .home-number .number > ul > li
    {
        width: 50%;
        padding: 0 10px;
    }
}
.home-number .number .item
{
    color: #fff;
}
.home-number .number .item b
{
    font-family: 'Staatliches', Arial;
    font-size: 60px;
    font-weight: normal;
    line-height: 1;

    color: #00a8ff;
}
@media (max-width: 1199px)
{
    .home-number .number .item b
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .home-number .number .item b
    {
        font-size: 40px;
    }
}
@media (max-width: 767px)
{
    .home-number .number .item b
    {
        font-size: 30px;
    }
}
.home-number .number .item p
{
    font-size: 16px;
    line-height: 30px;

    margin: 0;
}
@media (max-width: 767px)
{
    .home-number .number .item p
    {
        font-size: 14px;
    }
}
.home-product .title
{
    text-align: center;
}
.home-product .product-sort
{
    margin-top: 20px;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;

    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
.home-product .product-sort > ul > li
{
    display: inline-block;

    vertical-align: top;
}
.home-product .product-sort > ul > li > a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    padding: 5px 20px;

    color: rgba(255, 255, 255, .8);
}
@media (max-width: 991px)
{
    .home-product .product-sort > ul > li > a
    {
        font-size: 14px;

        padding: 5px 10px;
    }
}
.home-product .product-sort > ul > li.active > a
{
    border-radius: 10px;
    background-image: -webkit-gradient(linear, right top, left top, from(#ae0000), to(#e10019));
    background-image: -webkit-linear-gradient(right, #ae0000, #e10019);
    background-image:         linear-gradient(right, #ae0000, #e10019);
}
.home-product .list
{
    /* margin-top: 30px; */
	overflow: hidden;
	 position: relative;
    z-index: 2;
}
.home-product .list .slick-product
{
    margin: 0 -15px;
}
@media (max-width: 767px)
{
    .home-product .list .slick-product
    {
        margin: 0 -8px;
    }
}
.home-product .list .slick-slide
{
    padding: 0 15px;
}
@media (max-width: 767px)
{
    .home-product .list .slick-slide
    {
        padding: 0 8px;
    }
}
.home-product .list .item
{
    display: block;

    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
.home-product .list .item .pic
{
    padding: 2px;
}
.home-product .list .item .ibox
{
    padding-bottom: 72.22222222%;

    background-color: #fff;
}
.home-product .list .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-product .list .item .note
{
    padding: 20px 14px 14px;

    color: #fff;
}
@media (max-width: 767px)
{
    .home-product .list .item .note
    {
        padding: 10px 6px;
    }
}
.home-product .list .item .note b
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .home-product .list .item .note b
    {
        font-size: 14px;
    }
}
.home-product .list .item .note p
{
    line-height: 30px;

    position: relative;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;
    padding-right: 70px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.home-product .list .item .note p span
{
    position: absolute;
    top: 0;
    right: 0;

    color: rgba(255, 255, 255, .5);
}
.home-product .list .item .note p span:before
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(255, 255, 255, .5);
}
.home-product .list .item .note p span:hover
{
    color: #fff;
}
.home-product .list .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-china
{
    font-size: 0;

    padding: 50px 0 60px;

    background: url(../images/china_bg.jpg) no-repeat center;
    background-size: cover;
}
.home-china .title img
{
    float: left;

    margin-top: 6px;
    margin-right: 20px;
}
@media (max-width: 767px)
{
    .home-china .title img
    {
        display: block;
        float: none;
    }
}
.home-china .title h2
{
    font-size: 30px; 
	font-weight:bold;
	letter-spacing: 1px;
    color: #0053bb;
}
@media (max-width: 991px)
{
    .home-china .title h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .home-china .title h2
    {
        font-size: 20px;
    }
}
.home-china .title h2 b
{
    color: #b20c0c;
}
.home-china .title h3
{
    font-size: 24px;
    font-weight: bold;

    text-transform: uppercase;

    color: #0053bb;
}
.home-china .title h3 b
{
    color: #b20c0c;
}
.home-china .home-left,
.home-china .home-right
{
    font-size: 14px;

    display: inline-block;

    margin-top: 40px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .home-china .home-left,
    .home-china .home-right
    {
        margin-top: 20px;
    }
}
.home-china .home-left
{
    width: 34%;
}
@media (max-width: 767px)
{
    .home-china .home-left
    {
        width: 100%;
    }
}
.home-china .home-left .list .item
{
    font-size: 20px;

    position: relative;

    min-height: 50px;
    margin: 40px 0;

}
@media (max-width: 1199px)
{
    .home-china .home-left .list .item
    {
        font-size: 16px;

        margin-top: 14px;
    }
}
@media (max-width: 767px)
{
    .home-china .home-left .list .item
    {
        margin: 20px 0;

    }
}

.home-china .home-left .list .item img{ float:left; width:52px; margin-right:50px;}



.home-china .home-left .list .item:before
{
    font-family: 'iconfont' !important;
    font-size: 45px;
    line-height: 50px;

    position: absolute;
    top: 0;
    left: 0;

  

    color: #0053bb;
}
@media (max-width: 767px)
{
    .home-china .home-left .list .item:before
    {
        font-size: 35px;
    }
}



.home-china .home-left .list .item p
{
    font-weight: bold;
    line-height: 30px;

    padding-top: 15px;

    text-transform: uppercase;
}
.home-china .home-right
{
    width: 66%;
}
@media (max-width: 767px)
{
    .home-china .home-right
    {
        width: 100%;
    }
}
.home-china .home-right .pic
{
    position: relative;
}
.home-china .home-right .pic .pic-top
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.home-china .home-right img
{
    display: inline-block;

    max-width: 100%;
}
@media (min-width: 1500px)
{
    .home-china .home-right img
    {
        margin: 0 0 0 50px;
    }
}

.home-partner .partner
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .home-partner .partner
    {
        margin-top: 20px;
    }
}
.home-partner .partner ul
{
    font-size: 0;

    margin: 0 -8px;
}
.home-partner .partner ul li
{
    font-size: 14px;

    display: inline-block;

    width: 20%;
    padding: 8px;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .home-partner .partner ul li
    {
        width: 25%;
    }
}
@media (max-width: 767px)
{
    .home-partner .partner ul li
    {
        width: 50%;
    }
}
.home-partner .partner .item
{
    position: relative;

    display: block;

    border: 1px solid #eee;
}
.home-partner .partner .item .ibox
{
    padding-bottom: 43.47826087%;
}
.home-partner .partner .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-partner .partner .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-news
{
    background:#fff;

}
@media (max-width: 1199px)
{
    .home-news
    {
        background: url(../images/news_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.home-news .slick-news
{
    margin: 0 -8px;
    margin-top: 30px;
}
.home-news .slick-news .slick-slide
{
    padding: 0 8px;
}
.home-news .item
{
    background-color: #f1f3f7;
}
.home-news .item .ibox
{
    padding-bottom: 64.1025641%;
}
.home-news .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-news .item .note
{
    padding: 30px 20px 40px;
}
@media (max-width: 767px)
{
    .home-news .item .note
    {
        padding: 20px 10px 30px;
    }
}
.home-news .item .note b
{
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .home-news .item .note b
    {
        font-size: 16px;
    }
}
.home-news .item .note p
{
    line-height: 20px;

    display: -webkit-box;
    overflow: hidden;

    height: 40px;
    margin: 10px 0 0 0;

    color: #999;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.home-news .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-news .item:hover b
{
    color: #0053bb;
}
.footer
{
    font-size: 0;

    position: relative;

    overflow: hidden;

    color: rgba(255, 255, 255, .9);
    background-color: #555;
}
.footer .foot
{
    overflow: hidden;

    padding: 40px 0;
}
@media (max-width: 1199px)
{
    .footer .foot
    {
        padding: 15px 0;
    }
}
.footer .foot > ul
{
    font-size: 0;

    margin: 0 -15px;
}
.footer .foot > ul > li
{
    font-size: 15px;

    display: inline-block;

    width: 33.33333333%;
    padding: 0 15px;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .footer .foot > ul > li
    {
        width: 100%;
        margin: 10px 0;
    }
}
.footer .foot .title-foot h3
{
    font-size: 18px;
    line-height: 30px;

    margin: 0;

    color: #fff;
}
.footer .foot .text
{
    margin-top: 10px;
}
.footer .foot .item-contact p
{
    line-height: 24px;

    display: inline-block;
    /* display: block; */

    margin: 0;
    margin-right: 10px;
}
.footer .foot .item-contact p:nth-child(2),
.footer .foot .item-contact p:nth-child(3),
.footer .foot .item-contact p:nth-child(4),
.footer .foot .item-contact p:nth-child(5),
.footer .foot .item-contact p:nth-child(6){
    display: block;
}
/* .footer .foot .item-contact p:nth-child(1),
.footer .foot .item-contact p:nth-child(2),
.footer .foot .item-contact p:nth-child(5),
.footer .foot .item-contact p:nth-child(6){
    display: inline-block;
    vertical-align: top;
} */
.footer .foot .item-contact a:hover
{
    text-decoration: underline;
}
.footer .foot .item-nav a
{
    line-height: 24px;

    display: inline-block;

    margin-right: 28px;

    vertical-align: top;
}
.footer .foot .item-nav a:hover
{
    color: #fff;
}
.footer .foot .item-erweima
{
    text-align: center;
}
@media (max-width: 767px)
{
    .footer .foot .item-erweima
    {
        text-align: left;
    }
}
.footer .foot .item-erweima .erweima
{
    display: inline-block;

    margin: 0 20px;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 1199px)
{
    .footer .foot .item-erweima .erweima
    {
        margin: 0 10px;
    }
}
.footer .foot .item-erweima .erweima img
{
    max-width: 120px;
}
@media (max-width: 991px)
{
    .footer .foot .item-erweima .erweima img
    {
        max-width: 80px;
    }
}
.footer .foot .item-erweima .erweima p
{
    line-height: 24px;

    color: #fff;
}
.footer .copyright
{
    padding: 20px 0;

    color: #aaa;
    background-color: #222;
}
.footer .copyright .foot-logo
{
    position: relative;
    z-index: 2;

    display: inline-block;
    float: left;

    height: 34px;
}
@media (max-width: 767px)
{
    .footer .copyright .foot-logo
    {
        display: none;
    }
}
.footer .copyright .foot-logo a
{
    display: inline-block;

    height: 100%;
}
.footer .copyright .foot-logo img
{
    display: inline-block;

    height: 100%;
}
.footer .copyright .fn
{
    display: inline-block;
 
}
@media (max-width: 767px)
{
    .footer .copyright .fn
    {
        margin: 0;
    }
}
.footer .copyright .fn p
{
    font-size: 14px;
    line-height: 34px;

    margin: 0;
}
@media (max-width: 1199px)
{
    .footer .copyright .fn p
    {
        line-height: 24px;
    }
}
.footer .copyright .fn p a
{
    margin-left: 30px;
}
@media (max-width: 767px)
{
    .footer .copyright .fn p a
    {
        display: block;

        margin-left: 0;
    }
}
.footer .copyright .fn p a:hover
{
    text-decoration: underline;

    color: #fff;
}
.inner-wrap .container
{
    max-width: 1500px;
    margin: 0 auto;
}
.inner
{
    overflow: hidden;

    padding: 50px 0;
}
@media (max-width: 991px)
{
    .inner
    {
        padding: 30px 0;
    }
}
.title-inner h2
{
    font-size: 48px;
}
@media (max-width: 1199px)
{
    .title-inner h2
    {
        font-size: 38px;
    }
}
@media (max-width: 991px)
{
    .title-inner h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .title-inner h2
    {
        font-size: 26px;
    }
}
.title-about
{
    text-align: center;
}
.title-about h2
{
    font-size: 26px;
    line-height: 1.5;

    margin: 0;
}
@media (max-width: 991px)
{
    .title-about h2
    {
        font-size: 20px;
    }
}
.title-about h2:after
{
    display: block;

    width: 50px;
    height: 4px;
    margin: 0 auto;
    margin-top: 10px;

    content: '';

    background-color: #00a8ff;
}
.inner-location
{
    padding: 10px 0;
}

.inner-location span,
.inner-location ul
{
    font-size: 14px;
    line-height: 30px;

    display: inline-block;

    vertical-align: top;

    color: #999;
}
.inner-location ul li
{
    display: inline-block;
}
.inner-location ul li:after
{
    margin: 0 4px;

    content: '>';
}
.inner-location ul li:last-child:after
{
    display: none;
}
.inner-location ul li a
{
    display: inline-block;
}
.inner-location ul li a:hover
{
    color: #0053bb;
}
.innersidebar
{
    position: absolute;
    top: -webkit-calc(50% + 40px);
    top:         calc(50% + 40px);

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
@media (max-width: 767px)
{
    .innersidebar
    {
        position: relative;
        top: 0;
        height: 90px;
        margin-top: -80px;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        color: #666;
    }
}
.innersidebar .title-innersidebar h2
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    margin: 0;

    background-image: -webkit-linear-gradient(right, #fff, #f8f8f8, #fff);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
.innersidebar .title-innersidebar p
{
    font-size: 24px;
    font-weight:300;
    letter-spacing: 3px;
    line-height: 1;
    color: #fff;
    display: block;
    text-align: center;
    margin: 30px auto 20px auto;
}
@media (max-width: 991px)
{
    .innersidebar .title-innersidebar h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .innersidebar .title-innersidebar h2
    {
        background-image: -webkit-linear-gradient(right, #fff, #f8f8f8, #fff);
    }
}
.innersidebar .sidebar
{
    margin-top: 30px;
}
@media (max-width: 991px)
{
    .innersidebar .sidebar
    {
        margin-top: 20px;
    }
}
.innersidebar .sidebar > ul
{
    margin: 0 -34px;
}
@media (max-width: 991px)
{
    .innersidebar .sidebar > ul
    {
        margin: 0 -10px;
    }
}
.innersidebar .sidebar > ul > li
{
    display: inline-block;

    padding: 0 34px;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .innersidebar .sidebar > ul > li
    {
        padding: 0 10px;
    }
}
.innersidebar .sidebar > ul > li > a
{
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,.9);
    position: relative;
    padding: 0px 30px;
    display: block;

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

}
@media (max-width: 767px)
{
    .innersidebar .sidebar > ul > li > a
    {
        font-size: 14px;
    }
    .innersidebar .sidebar
    {
       display: none;
    }

}
.innersidebar .sidebar > ul > li > a:after
{
    position: absolute;
    bottom: -7px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

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

    opacity: 0;
    border-width: 5px 3px 0 3px;
    border-style: solid;
    border-color: #0053bb transparent transparent transparent;
}
.innersidebar .sidebar > ul > li.active > a,
.innersidebar .sidebar > ul > li:hover > a
{
    border-bottom: 2px solid #0053bb;
    background: #0053bb;
    border: 1px solid #0053bb;
}
@media (max-width: 767px)
{
    .innersidebar .sidebar > ul > li.active > a,
    .innersidebar .sidebar > ul > li:hover > a
    {
        color: #0053bb;
    }
}
.innersidebar .sidebar > ul > li.active > a:after,
.innersidebar .sidebar > ul > li:hover > a:after
{
    opacity: 1;
}
.inner-about .about
{
    overflow: hidden;

    margin-top: 30px;
}
.inner-about .about .about-left
{
    position: relative;

    width: 100%;
}
@media (max-width: 767px)
{
    .inner-about .about .about-left
    {
        overflow: hidden;

        width: 200%;
        margin-left: -50%;
    }
}
.inner-about .about .about-left img
{
    width: 100%;
}
.inner-about .about .about-left .play
{
    font-size: 16px;
    line-height: 36px;

    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    cursor: pointer;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);

    color: #fff;
}
.inner-about .about .about-left .play:before
{
    display: block;

    width: 79px;
    height: 83px;

    content: '';

    background: url(../images/aboutplay.png) no-repeat center;
}
.inner-about .about .about-right
{
    width: 100%;
    margin-top: 30px;
}
@media (max-width: 1199px)
{
    .inner-about .about .about-right
    {
        font-size: 14px;
        line-height: 26px;

        margin-top: 0;
    }
}
@media (max-width: 767px)
{
    .inner-about .about .about-right
    {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}


.inner-culture .text
{
    margin-top: 30px;
}
@media (max-width: 991px)
{
    .inner-culture .pic
    {
        margin-top: 30px;
    }
}
.inner-culture .pic img
{
    max-width: 100%;
}
.inner-history
{
    color: #fff;
    background: url(../images/history_bg.jpg) no-repeat center fixed;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .inner-history
    {
        background: url(../images/history_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.inner-history .title-about
{
    text-align: center;
}
.inner-history .slick-history
{
    position: relative;

    margin-top: 80px;
    padding: 0 5%;
}
@media (max-width: 1199px)
{
    .inner-history .slick-history
    {
        margin-top: 30px;
    }
}
.inner-history .slick-history:before
{
    position: absolute;
    top: 84px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: rgba(255, 255, 255, .5);
}
.inner-history .slick-history .slick-slide
{
    padding: 0 5px;
}
.inner-history .slick-history .item .item-title
{
    position: relative;

    padding: 10px;

    border-left: 1px solid rgba(255, 255, 255, .5);
}
.inner-history .slick-history .item .item-title:before
{
    position: absolute;
    bottom: -5px;
    left: -5px;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border-radius: 50%;
    background-color: #fff;
}
.inner-history .slick-history .item .item-title b
{
    font-size: 30px;
    line-height: 1.4;

    display: block;
}
.inner-history .slick-history .item .item-title span
{
    font-size: 16px;

    display: block;
}
.inner-history .slick-history .item .desc
{
    line-height: 24px;

    margin-top: 14px;
    font-size: 15px;
    padding-right: 20px;

    color: rgba(255, 255, 255,1);
}
.inner-history .slick-history .item .desc p
{
    margin: 0;
}
.inner-history .slick-history .slick-arrow
{
    top: 56px;
    left: -50px;

    width: auto;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    border: none;
}
@media (max-width: 1199px)
{
    .inner-history .slick-history .slick-arrow
    {
        top: 64px;
        left: -10px;
    }
}
.inner-history .slick-history .slick-arrow:before
{
    font-size: 50px;

    content: '<';
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.inner-history .slick-history .slick-arrow.slick-next
{
    right: -50px;
    left: auto;
}
@media (max-width: 1199px)
{
    .inner-history .slick-history .slick-arrow.slick-next
    {
        right: -10px;
    }
}
.inner-history .slick-history .slick-arrow.slick-next:before
{
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.inner-history .slick-history .slick-arrow:hover
{
    background: none;
}
.inner-honor .honor-sort
{
    text-align: center;
	  margin-bottom: 30px;
}
.inner-honor .honor-sort > ul
{
    font-size: 0;
}
.inner-honor .honor-sort > ul > li
{
    display: inline-block;
}
.inner-honor .honor-sort > ul > li > a
{
    font-size: 18px;
    line-height: 56px;

    display: block;

    padding: 0 50px;

    color: #0053bb;
    background-color: #eee;
}
@media (max-width: 767px)
{
    .inner-honor .honor-sort > ul > li > a
    {
        font-size: 16px;
        line-height: 40px;

        padding: 0 40px;
    }
}
.inner-honor .honor-sort > ul > li.active > a
{
    color: #fff;
    background-color: #0053bb;
}
.inner-honor .honor-list
{
  padding: 0 1px;
  overflow: hidden;
	position: relative;
	z-index: 2;
}
@media (max-width: 767px)
{
    .inner-honor .honor-list
    {
        margin: 0;
    }
}
.inner-honor .honor-list .item
{
    display: block;

    margin-top: 30px;

    text-align: center;

    border: 1px solid #dedede;
}
.inner-honor .honor-list .item .ibox
{
    padding-bottom: 75.00003%;
}
.inner-honor .honor-list .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-honor .honor-list .item p
{
    font-size: 16px;
    line-height: 50px;

    display: -webkit-box;
    overflow: hidden;

    height: 50px;
    margin: 0;

    color: #fff;
    background-color: #0053bb;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-honor .honor-list .item p
    {
        font-size: 14px;
        line-height: 30px;

        height: 30px;
    }
}
.inner-honor .honor-list .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-enterprise
{
    padding-top: 0;
}
.inner-enterprise .slick-enterprise
{
    margin-top: 30px;
}
.inner-enterprise .slick-enterprise .slick-slide
{
    padding: 100px 0;
}
@media (max-width: 1199px)
{
    .inner-enterprise .slick-enterprise .slick-slide
    {
        padding: 70px 0;
    }
}
@media (max-width: 991px)
{
    .inner-enterprise .slick-enterprise .slick-slide
    {
        padding: 0;
    }
}
.inner-enterprise .slick-enterprise .slick-current
{
    position: relative;
    z-index: 2;
}
.inner-enterprise .slick-enterprise .slick-current .item
{
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);

    background: none;
}
@media (max-width: 991px)
{
    .inner-enterprise .slick-enterprise .slick-current .item
    {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
}
.inner-enterprise .slick-enterprise .slick-current .item .ibox
{
    opacity: 1;
}
.inner-enterprise .slick-enterprise .slick-current .item .note
{
    opacity: 1;
}
.inner-enterprise .slick-enterprise .item
{
    -webkit-transition: all .6s;
            transition: all .6s;

    background-color: #000;
}
.inner-enterprise .slick-enterprise .item .ibox
{
    padding-bottom: 65%;

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

    opacity: .5;
}
@media (max-width: 991px)
{
    .inner-enterprise .slick-enterprise .item .ibox
    {
        opacity: 1;
    }
}
.inner-enterprise .slick-enterprise .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-enterprise .slick-enterprise .item .note
{
    font-size: 12px;

    position:relative;
    z-index: 2;
    bottom: 0;

    width: 100%;
    padding: 10px 20px;

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

    opacity: 0;
    color: #fff;
    background-color: rgba(0, 83, 187, .75);
}
@media (max-width: 991px)
{
    .inner-enterprise .slick-enterprise .item .note
    {
        font-size: 14px;

        padding: 8px 10px;
    }
}
.inner-enterprise .slick-enterprise .item .note p
{
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-about-contact
{
    overflow: hidden;

    padding: 0;

    background-color: #f5f5f5;
}
.inner-about-contact .about-contact-text,
.inner-about-contact .about-map
{
    float: left;

    width: 50%;
}
@media (max-width: 767px)
{
    .inner-about-contact .about-contact-text,
    .inner-about-contact .about-map
    {
        width: 100%;
    }
}
.inner-about-contact #dituContent
{
    height: 450px;
}
@media (max-width: 767px)
{
    .inner-about-contact #dituContent
    {
        height: 300px;
    }
}
.inner-about-contact .about-contact-text
{
    padding: 30px 30px 30px 18%;
}
@media (max-width: 1199px)
{
    .inner-about-contact .about-contact-text
    {
        padding: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-about-contact .about-contact-text
    {
        padding: 30px 15px;
    }
}
.inner-about-contact .about-contact-text .title-about
{
    text-align: left;
}
.inner-about-contact .about-contact-text .title-about h2:after
{
    margin-left: 0;
}
.inner-about-contact .about-contact-text .text
{
    font-size: 16px;
    line-height: 28px;

    margin-top: 20px;
}
@media (max-width: 767px)
{
    .inner-about-contact .about-contact-text .text
    {
        font-size: 14px;
    }
}
.inner-about-contact .about-contact-text .text p
{
    margin: 0;
}
.inner-about-contact .about-contact-text .text a:hover
{
    text-decoration: underline;

    color: #0053bb;
}
.inner-partners .partner
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inner-partners .partner
    {
        margin-top: 20px;
    }
}
.inner-partners .partner ul
{
    font-size: 0;

    margin: 0 -8px;
}
.inner-partners .partner ul li
{
    font-size: 14px;

    display: inline-block;

    width: 20%;
    padding: 8px;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .inner-partners .partner ul li
    {
        width: 25%;
    }
}
@media (max-width: 767px)
{
    .inner-partners .partner ul li
    {
        width: 50%;
    }
}
.inner-partners .partner .item
{
    position: relative;

    display: block;

    border: 1px solid #eee;
}
.inner-partners .partner .item .ibox
{
    padding-bottom: 43.47826087%;
}
.inner-partners .partner .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-partners .partner .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-team .team
{
    margin-top: -20px;
}
.inner-team .team .item
{
    position: relative;

    display: block;

    margin-top: 20px;
}
.inner-team .team .item .pic
{
    display: block;

    border: 1px solid #eee;
}
.inner-team .team .item .ibox
{
    padding-bottom: 75%;
}
.inner-team .team .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-team .team .item p
{
    font-size: 16px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    margin: 10px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-team .team .item p
    {
        font-size: 14px;
    }
}
.inner-team .team .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-team .team .item:hover p
{
    color: #0053bb;
}
.inner-news .news
{
    margin-top: -30px;
}
.inner-news .news .item
{
    margin-top: 30px;

    border: 1px solid #e5e5e5;
}
.inner-news .news .item .pic
{
    position: relative;
}
.inner-news .news .item .pic .ibox
{
    overflow: hidden;

    padding-bottom: 64.1025641%;
}
.inner-news .news .item .pic .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-news .news .item .pic .date
{
    line-height: 40px;

    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -20px;

    display: inline-block;

    padding: 0 20px;

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

    color: #fff;
    border: none;
    border-radius: 30px 0 0 30px;
    background-color: rgba(0, 83, 187, .8);
}
@media (max-width: 991px)
{
    .inner-news .news .item .pic .date
    {
        line-height: 30px;

        bottom: -15px;
    }
}
.inner-news .news .item .text
{
    padding: 20px;
}
@media (max-width: 767px)
{
    .inner-news .news .item .text
    {
        padding: 20px 10px;
    }
}
.inner-news .news .item .text b
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-news .news .item .text p
{
    font-size: 14px;
    line-height: 26px;

    display: -webkit-box;
    overflow: hidden;

    height: 52px;
    margin: 10px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inner-news .news .item .text a.more
{
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;

    display: inline-block;

    margin-top: 10px;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-decoration: none;

    color: #999;
}
.inner-news .news .item:hover
{
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.inner-news .news .item:hover .pic .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-news .news .item:hover .pic .date
{
    background-color: #b20c0c;
}
.inner-news .news .item:hover .text
{
    border-color: #fff;
}
.inner-news .news .item:hover .text a.more
{
    color: #b20c0c;
}
.inner-news-show .title-news-show
{
    text-align: center;
}
.inner-news-show .title-news-show h1
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;

    margin: 0;
}
@media (max-width: 991px)
{
    .inner-news-show .title-news-show h1
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-news-show .title-news-show h1
    {
        font-size: 18px;
        line-height: 24px;
    }
}
.inner-news-show .title-news-show .date
{
    line-height: 24px;

    display: block;

    margin-top: 14px;

    color: #666;
}
.inner-news-show .news-show
{
    line-height: 36px;

    margin-top: 30px;

    color: #333;
}

.inner-news-show .news-show p span
{
    white-space: pre-wrap!important;
}
@media (max-width: 767px)
{
    .inner-news-show .news-show
    {
        line-height: 24px;
    }
}
.inner-news-show .news-show p
{
    font-size: 16px;

    margin: 0;
}
.inner-news-show .news-show img
{
    max-width: 100%;
    height: auto !important;
}
.inner-news-show .news-relate
{
    margin-top: 50px;
}
@media (max-width: 991px)
{
    .inner-news-show .news-relate
    {
        margin-top: 30px;
    }
}
.inner-news-show .news-relate a
{
    font-size: 16px;
    line-height: 30px;

    position: relative;

    display: block;
    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin-top: 10px;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-news-show .news-relate a
    {
        font-size: 14px;
    }
}
.inner-news-show .news-relate a b
{
    color: #333;
}
.inner-news-show .news-relate a:hover
{
    color: #0053bb;
}
.inner-products .products
{
    margin-top: -30px;
}
.inner-products .products .item
{
    display: block;

    margin-top: 30px;

    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
.inner-products .products .item .pic
{
    padding: 2px;
}
.inner-products .products .item .ibox
{
    padding-bottom: 72.22222222%;

    background-color: #fff;
}
.inner-products .products .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-products .products .item .note
{
    padding: 20px 14px 14px;

    color: #fff;
}
@media (max-width: 767px)
{
    .inner-products .products .item .note
    {
        padding: 10px 6px;
    }
}
.inner-products .products .item .note b
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-products .products .item .note b
    {
        font-size: 14px;
    }
}
.inner-products .products .item .note p
{
    line-height: 30px;

    position: relative;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;
    padding-right: 70px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-products .products .item .note p span
{
    position: absolute;
    top: 0;
    right: 0;

    color: rgba(255, 255, 255, .5);
}
.inner-products .products .item .note p span:before
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(255, 255, 255, .5);
}
.inner-products .products .item .note p span:hover
{
    color: #fff;
}
.inner-products .products .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-products-show
{
    padding-top: 0;
}
.inner-products-show .products-show .product-left
{
    width: 45%;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-left
    {
        width: 100%;
    }
}
.inner-products-show .products-show .product-right
{
    width: 55%;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-right
    {
        width: 100%;
    }
}
.inner-products-show .products-show .item .ibox
{
    padding-bottom: 72.22222222%;
}
.inner-products-show .products-show .slick-product-for
{
    position: relative;

    border: 1px solid #eee;
}
.inner-products-show .products-show .slick-product-nav
{
    margin: 0 -5px;
    margin-top: 10px;
}
.inner-products-show .products-show .slick-product-nav .slick-slide
{
    padding: 0 5px;
}
.inner-products-show .products-show .slick-product-nav .slick-current .item
{
    border-color: #9ecaf5;
}
.inner-products-show .products-show .slick-product-nav .item
{
    border: 1px solid #eee;
}
.inner-products-show .products-show .slick-product-nav .slick-arrow
{
    left: 0;

    width: auto;
    height: auto;

    opacity: 0;
    color: #333;
    border: none;
}
@media (max-width: 991px)
{
    .inner-products-show .products-show .slick-product-nav .slick-arrow
    {
        opacity: 1;
    }
}
.inner-products-show .products-show .slick-product-nav .slick-arrow:before
{
    content: '<';
}
.inner-products-show .products-show .slick-product-nav .slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
.inner-products-show .products-show .slick-product-nav .slick-arrow.slick-next:before
{
    content: '\e625';
}
.inner-products-show .products-show .slick-product-nav .slick-arrow:hover
{
    color: #000;
    background: none;
}
.inner-products-show .products-show .slick-product-nav:hover .slick-arrow
{
    opacity: 1;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info
    {
        margin-top: 30px;
    }
}
.inner-products-show .products-show .product-info .title-product-info
{
    padding: 10px 16px;

    background-color: #f8fcff;
}
.inner-products-show .products-show .product-info .title-product-info h1
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.66666667;

    margin: 0;

    color: #0053bb;
}
@media (max-width: 1199px)
{
    .inner-products-show .products-show .product-info .title-product-info h1
    {
        font-size: 20px;
    }
}
.inner-products-show .products-show .product-info .text
{
    font-size: 16px;
    line-height: 24px;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .text
    {
        font-size: 14px;
    }
}
.inner-products-show .products-show .product-info .text > ul > li
{
    padding: 15px;

    border-bottom: 1px solid #ddd;
}
.inner-products-show .products-show .product-info .text p
{
    position: relative;
	min-height: 24px;
    margin: 0;
    padding-left: 80px;
}
.inner-products-show .products-show .product-info .text p b
{
    position: absolute;
    left: 0;
}
.inner-products-show .products-show .product-info .play
{
    line-height: 30px;

    margin-top: 20px;

    cursor: pointer;

    color: #666;
}
.inner-products-show .products-show .product-info .play:before
{
    display: block;

    width: 55px;
    height: 55px;

    content: '';

    background: url(../images/play.png) no-repeat;
}
.inner-products-show .products-show .product-info .play:hover
{
    color: #b20c0c;
}
.inner-products-show .products-show .product-info .link
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .link
    {
        margin-top: 20px;
    }
}
.inner-products-show .products-show .product-info .link .addcart,
.inner-products-show .products-show .product-info .link .btn-contact
{
    display: inline-block;

    margin-top: 14px;
    margin-right: 10px;

    vertical-align: top;
}
.inner-products-show .products-show .product-info .link .addcart a,
.inner-products-show .products-show .product-info .link .btn-contact a
{
    font-size: 16px;
    line-height: 50px;

    display: inline-block;

    padding: 0 30px;

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

    color: #fff;
    background-color: #0053bb;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .link .addcart a,
    .inner-products-show .products-show .product-info .link .btn-contact a
    {
        font-size: 14px;
        line-height: 40px;
    }
}
.inner-products-show .products-show .product-info .link .addcart a:hover,
.inner-products-show .products-show .product-info .link .btn-contact a:hover
{
    background-color: #04479b;
}
.inner-products-show .products-show .product-info .link .addcart a
{
    background-color: #bd1d1d;
}
.inner-products-show .details,
.inner-products-show .feedback
{
    padding-top: 50px;
}
.inner-products-show .title-product-show
{
    position: relative;

    padding: 15px 40px;

    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
@media (max-width: 767px)
{
    .inner-products-show .title-product-show
    {
        padding: 10px 20px;
    }
}
.inner-products-show .title-product-show h2
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1;

    margin: 0;

    color: #fff;
}
.inner-products-show .details .details-sort
{
    padding: 10px 14px 0 14px;

    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
@media (max-width: 767px)
{
    .inner-products-show .details .details-sort
    {
        padding: 10px 10px 0 10px;
    }
}
.inner-products-show .details .details-sort ul li
{
    display: inline-block;

    vertical-align: top;
}
.inner-products-show .details .details-sort ul li a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    padding: 10px 28px;

    color: #fff;
}
@media (max-width: 767px)
{
    .inner-products-show .details .details-sort ul li a
    {
        font-size: 14px;
        line-height: 30px;

        padding: 4px 10px;
    }
}
.inner-products-show .details .details-sort ul li.active a
{
    font-weight: bold;

    color: #0053bb;
    background-color: #fff;
}
.inner-products-show .details .details-list
{
    font-size: 16px;
    line-height: 28px;

    padding: 30px 14px 0 14px;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-products-show .details .details-list
    {
        font-size: 14px;

        padding: 20px 0 0 0;
    }
}
.inner-products-show .details .details-list p
{
    margin: 0;
}
.inner-products-show .details .details-list table
{
    width: 100%;
}
.inner-products-show .details .details-list table td,
.inner-products-show .details .details-list table th
{
    padding: 10px;
}
.inner-products-show .feedback input,
.inner-products-show .feedback textarea
{
    font-size: 14px;
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    border: none;
    border: 1px solid #eee;
    outline: none;
    background: none;
}
@media (max-width: 767px)
{
    .inner-products-show .feedback input,
    .inner-products-show .feedback textarea
    {
        margin-top: 10px;
    }
}
.inner-products-show .feedback textarea
{
    resize: vertical;
}
.inner-products-show .feedback input::-webkit-input-placeholder,
.inner-products-show .feedback textarea::-webkit-input-placeholder
{
    color: #777;
}
.inner-products-show .feedback input:-o-placeholder,
.inner-products-show .feedback textarea:-o-placeholder
{
    color: #777;
}
.inner-products-show .feedback input::-moz-placeholder,
.inner-products-show .feedback textarea::-moz-placeholder
{
    color: #777;
}
.inner-products-show .feedback input:-ms-input-placeholder,
.inner-products-show .feedback textarea:-ms-input-placeholder
{
    color: #777;
}
.inner-products-show .feedback input:focus::-webkit-input-placeholder,
.inner-products-show .feedback textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback input:focus::-o-placeholder,
.inner-products-show .feedback textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback input:focus::-moz-placeholder,
.inner-products-show .feedback textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback input:focus::-ms-input-placeholder,
.inner-products-show .feedback textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback .send
{
    text-align: center;
}
.inner-products-show .feedback .submit
{
    font-size: 16px;
    line-height: 50px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;

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

    color: #fff;
    border-radius: 0;
    background-color: #0053bb;
}
.inner-products-show .feedback .submit:hover
{
    background-color: #04479b;
}
.inner-products-show .feedback .row
{
    margin: 0 -10px;
}
.inner-products-show .feedback .row .itembox
{
    padding: 0 10px;
}
.inner-cartbox .bar
{
    margin-top: 30px;
}
.inner-cartbox table
{
    width: 100%;

    border-collapse: collapse;
}
.inner-cartbox table tr
{
    border: 1px solid #eee;
}
.inner-cartbox table tr:first-child
{
    font-size: 16px;

    overflow: hidden;

    background-color: #f6f6f6;
}
@media (max-width: 991px)
{
    .inner-cartbox table tr:first-child
    {
        font-size: 14px;
    }
}
.inner-cartbox table th
{
    font-weight: normal;
    line-height: 24px;

    height: 52px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    text-align: left;
}
.inner-cartbox table td,
.inner-cartbox table th
{
    padding: 20px 10px;
}
.inner-cartbox table td:first-child,
.inner-cartbox table th:first-child
{
    width: 15%;
    padding: 0 2%;
}
@media (max-width: 767px)
{
    .inner-cartbox table td:first-child,
    .inner-cartbox table th:first-child
    {
        width: 22%;
        padding: 0 2%;
    }
}
.inner-cartbox table td:nth-child(2),
.inner-cartbox table th:nth-child(2)
{
    width: 55%;
}
@media (max-width: 991px)
{
    .inner-cartbox table td:nth-child(2),
    .inner-cartbox table th:nth-child(2)
    {
        width: 50%;
    }
}
@media (max-width: 767px)
{
    .inner-cartbox table td:nth-child(2),
    .inner-cartbox table th:nth-child(2)
    {
        width: 35%;
    }
}
.inner-cartbox table td:nth-child(3),
.inner-cartbox table th:nth-child(3)
{
    width: 15%;
}
@media (max-width: 991px)
{
    .inner-cartbox table td:nth-child(3),
    .inner-cartbox table th:nth-child(3)
    {
        width: 20%;
    }
}
@media (max-width: 767px)
{
    .inner-cartbox table td:nth-child(3),
    .inner-cartbox table th:nth-child(3)
    {
        width: 30%;
    }
}
.inner-cartbox table td:nth-child(4),
.inner-cartbox table th:nth-child(4)
{
    width: 15%;

    text-align: center;
}
.inner-cartbox table .Each,
.inner-cartbox table .all
{
    position: relative;

    float: left;

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

    text-align: center;

    border: 1px solid #dcdcdc;
    outline: none;
    background-color: #fff;

    -webkit-appearance: none;
}
.inner-cartbox table .Each:checked::after,
.inner-cartbox table .all:checked::after
{
    font-family: 'iconfont';
    font-size: 18px;

    position: absolute;
    top: -6px;
    left: 0;

    content: '\e65e';

    color: #0053bb;
}
.inner-cartbox table input
{
    font-size: 16px;
    line-height: 32px;

    position: relative;
    top: -1px;

    width: 60px;
    height: 32px;

    text-align: center;
    vertical-align: top;

    border: none;
    outline: none;
}
@media (max-width: 991px)
{
    .inner-cartbox table input
    {
        width: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-cartbox table input
    {
        font-size: 14px;
        line-height: 30px;

        width: 20px;
        height: 30px;

        border-right: none;
        border-left: none;
    }
}
.inner-cartbox table .del1,
.inner-cartbox table .add1
{
    font-size: 20px;
    line-height: 28px;

    display: inline-block;

    width: 36px;
    height: 32px;
    margin-top: -1px;
    padding: 0;

    cursor: pointer;
    text-align: center;
    vertical-align: top;

    border: 1px solid #dfdfdf;
}
@media (max-width: 767px)
{
    .inner-cartbox table .del1,
    .inner-cartbox table .add1
    {
        line-height: 30px;

        position: relative;
        z-index: 8;

        width: 20px;
        height: 30px;
    }
}
.inner-cartbox table .pic
{
    display: inline-block;

    width: 24%;
    margin-right: -4px;

    vertical-align: middle;

    border: 1px solid #eee;
}
@media (max-width: 767px)
{
    .inner-cartbox table .pic
    {
        display: block;

        width: 100%;
    }
}
.inner-cartbox table .pic .ibox
{
    padding-bottom: 72.22222222%;
}
.inner-cartbox table p
{
    font-size: 14px;
    line-height: 24px;

    display: inline-block;
    overflow: hidden;

    width: 70%;
    height: 24px;
    margin: 0;
    margin-right: -4px;
    padding-left: 4%;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .inner-cartbox table p
    {
        font-size: 14px;

        display: block;

        width: 100%;
        margin: 0;
    }
}
@media (max-width: 320px)
{
    .inner-cartbox table p
    {
        font-size: 12px;
    }
}
.inner-cartbox .close
{
    float: none;

    cursor: pointer;
    text-align: center;

    opacity: 1;
}
.inner-cartbox .close::after
{
    font-family: 'iconfont';
    font-size: 24px;
    font-weight: normal;

    content: '\e661';

    color: #999;
}
.inner-cartbox .close:hover::after
{
    color: #04479b;
}
.inner-cartbox .title-inquiry
{
    position: relative;

    padding: 15px 40px;

    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
@media (max-width: 767px)
{
    .inner-cartbox .title-inquiry
    {
        padding: 10px 20px;
    }
}
.inner-cartbox .title-inquiry h2
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1;

    margin: 0;

    color: #fff;
}
.inner-cartbox .inquiry
{
    padding-top: 60px;
}
@media (max-width: 1199px)
{
    .inner-cartbox .inquiry
    {
        padding-top: 50px;
    }
}
.inner-cartbox .inquiry p
{
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #999;
}
.inner-cartbox .inquiry input,
.inner-cartbox .inquiry textarea
{
    font-size: 14px;
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    border: none;
    border: 1px solid #eee;
    outline: none;
    background: none;
}
@media (max-width: 767px)
{
    .inner-cartbox .inquiry input,
    .inner-cartbox .inquiry textarea
    {
        margin-top: 10px;
    }
}
.inner-cartbox .inquiry textarea
{
    resize: vertical;
}
.inner-cartbox .inquiry input::-webkit-input-placeholder,
.inner-cartbox .inquiry textarea::-webkit-input-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input:-o-placeholder,
.inner-cartbox .inquiry textarea:-o-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input::-moz-placeholder,
.inner-cartbox .inquiry textarea::-moz-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input:-ms-input-placeholder,
.inner-cartbox .inquiry textarea:-ms-input-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input:focus::-webkit-input-placeholder,
.inner-cartbox .inquiry textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry input:focus::-o-placeholder,
.inner-cartbox .inquiry textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry input:focus::-moz-placeholder,
.inner-cartbox .inquiry textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry input:focus::-ms-input-placeholder,
.inner-cartbox .inquiry textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry .send
{
    text-align: center;
}
.inner-cartbox .inquiry .submit
{
    font-size: 16px;
    line-height: 50px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;

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

    color: #fff;
    border-radius: 0;
    background-color: #0053bb;
}
.inner-cartbox .inquiry .submit:hover
{
    background-color: #04479b;
}
.inner-cartbox .inquiry .row
{
    margin: 0 -10px;
}
.inner-cartbox .inquiry .row .itembox
{
    padding: 0 10px;
}
.inner-cartbox .inquiry .read input
{
    font-weight: bold;

    color: #333;
    background-color: #e1e1e1;
}
.inner-cartbox .inquiry .read input::-webkit-input-placeholder,
.inner-cartbox .inquiry .read textarea::-webkit-input-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:-o-placeholder,
.inner-cartbox .inquiry .read textarea:-o-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input::-moz-placeholder,
.inner-cartbox .inquiry .read textarea::-moz-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:-ms-input-placeholder,
.inner-cartbox .inquiry .read textarea:-ms-input-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-webkit-input-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-webkit-input-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-o-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-o-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-moz-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-moz-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-ms-input-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-ms-input-placeholder
{
    color: #333;
}
.inner-concept
{
    padding-bottom: 0;
}
.inner-concept .concept-top
{
    margin-top: 30px;
    padding: 20px 20px 60px 20px;

    background-image: -webkit-gradient(linear, left top, right top, from(#eceff3), to(#fbfcff));
    background-image: -webkit-linear-gradient(left, #eceff3, #fbfcff);
    background-image:         linear-gradient(left, #eceff3, #fbfcff);
}
.inner-concept .concept-top .title-concept-top
{
    overflow: hidden;

    text-align: center;
}
.inner-concept .concept-top .title-concept-top h2
{
    font-size: 26px;
    line-height: 1.4;

    margin: 0;

    color: #0053bb;
}

/*PAGES*/
.page_info{text-align:center; width: 100%; margin:10px auto; padding: 50px 0; color:#999; clear: both;font-size: 1.4rem!important;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center; clear: both; letter-spacing:0;font-size:10px;margin:50px auto; padding: 50px 0; clear: both; width: 100%;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}



@media (max-width: 991px)
{
    .inner-concept .concept-top .title-concept-top h2
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .title-concept-top h2
    {
        font-size: 18px;
    }
}
.inner-concept .concept-top .title-concept-top h2 b
{
    color: #333;
}
.inner-concept .concept-top .title-concept-top h2 span
{
    color: #d90909;
}
.inner-concept .concept-top .title-concept-top h2 .number
{
    font-weight: bold;
    line-height: 80px;

    display: inline-block;

    width: 51px;
    height: 80px;

    text-align: center;

    color: #fff;
    background: url(../images/number_bg.png) no-repeat bottom center;
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .title-concept-top h2 .number
    {
        line-height: 60px;

        float: left;

        height: 60px;
    }
}
.inner-concept .concept-top .concept-list > ul
{
    font-size: 0;
}
.inner-concept .concept-top .concept-list > ul > li
{
    font-size: 14px;

    display: inline-block;
    float: none;

    vertical-align: top;
}
.inner-concept .concept-top .concept-list .item
{
    margin-top: 30px;

    text-align: center;
}
.inner-concept .concept-top .concept-list .item .item-icon
{
    width: 100px;
    margin: 0 auto;
}
@media (max-width: 991px)
{
    .inner-concept .concept-top .concept-list .item .item-icon
    {
        width: 80px;
    }
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .concept-list .item .item-icon
    {
        width: 60px;
        margin-top: 20px;
    }
}
.inner-concept .concept-top .concept-list .item .item-icon img
{
    max-width: 100%;
}
.inner-concept .concept-top .concept-list .item b
{
    font-size: 18px;
    line-height: 30px;
    color: #0053bb;
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .concept-list .item b
    {
        font-size: 16px;
    }
}
.inner-concept .concept-top .concept-list .item p
{
    font-size: 16px;
    line-height: 24px;
    width: 80%;
    margin: 10px auto 0 auto;
    color: #666;
}
.inner-concept .concept > ul
{
    font-size: 0;
}
.inner-concept .concept > ul > li
{
    font-size: 14px;

    display: inline-block;

    width: 33.333%;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .inner-concept .concept > ul > li
    {
        width: 25%;
    }
}
@media (max-width: 767px)
{
    .inner-concept .concept > ul > li
    {
        width: 50%;
    }
}
.inner-concept .concept .item
{
    margin-top: 6px;
    padding: 20px;

    background-image: -webkit-gradient(linear, left top, right top, from(#eceff3), to(#fbfcff));
    background-image: -webkit-linear-gradient(left, #eceff3, #fbfcff);
    background-image:         linear-gradient(left, #eceff3, #fbfcff);
}
.inner-concept .concept .item img
{
    max-width: 100%;
}
.inner-concept .concept .item b
{
    font-size: 18px;
    line-height: 30px;

    color: #0053bb;
}
@media (max-width: 767px)
{
    .inner-concept .concept .item b
    {
        font-size: 16px;
    }
}
.inner-concept .concept .item p
{
    font-size: 14px;
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #666;
}
.inner-join
{
    padding-top: 60px;
}
.inner-join .join
{
    margin-top: 30px;
}
.inner-machining .machining
{
    font-size: 0;
}
.inner-machining .machining .machining-left,
.inner-machining .machining .machining-right
{
    font-size: 14px;

    display: inline-block;

    vertical-align: top;
}
.inner-machining .machining .machining-left
{
    width: 45%;
}
@media (max-width: 991px)
{
    .inner-machining .machining .machining-left
    {
        width: 100%;
    }
}
.inner-machining .machining .machining-left img
{
    width: 100%;
}
.inner-machining .machining .machining-right
{
    width: 55%;
    padding-left: 30px;
}
@media (max-width: 991px)
{
    .inner-machining .machining .machining-right
    {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.inner-machining .machining .machining-right .title-about
{
    text-align: left;
}
.inner-machining .machining .machining-right .title-about h2:after
{
    margin-left: 0;
}
.inner-machining .machining .machining-right .list
{
    margin-top: 30px;
}
.inner-machining .machining .machining-right .list > ul > li
{
    padding: 10px 0;

    border-bottom: 1px solid #eee;
}
@media (max-width: 1199px)
{
    .inner-machining .machining .machining-right .list > ul > li
    {
        padding: 8px 0;
    }
}
.inner-machining .machining .machining-right .list .item
{
    display: table;

    width: 100%;
}
.inner-machining .machining .machining-right .list .item b,
.inner-machining .machining .machining-right .list .item p
{
    display: table-cell;

    vertical-align: middle;
}
.inner-machining .machining .machining-right .list .item b
{
    font-size: 20px;
    line-height: 1;

    width: 90px;

    color: #0053bb;
}
@media (max-width: 1199px)
{
    .inner-machining .machining .machining-right .list .item b
    {
        font-size: 24px;
    }
}
@media (max-width: 991px)
{
    .inner-machining .machining .machining-right .list .item b
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-machining .machining .machining-right .list .item b
    {
        font-size: 16px;
    }
}
.inner-machining .machining .machining-right .list .item p
{
    font-size: 16px;
    line-height: 2.25;

    margin: 0;

    color: #666;
}
@media (max-width: 991px)
{
    .inner-machining .machining .machining-right .list .item p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-research
{
    padding: 80px 0;

    color: #fff;
    background: url(../images/research_bg.jpg) no-repeat center fixed;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .inner-research
    {
        padding: 50px 0;

        background: url(../images/research_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.inner-research .title-about p
{
    font-size: 16px;
    line-height: 40px;

    max-width: 960px;
    margin: 0 auto;
    margin-top: 20px;
}
.inner-research .research
{
    margin-top: 20px;
}
.inner-research .research .item
{
    margin-top: 80px;

    text-align: center;

    color: #fff;
}
.inner-research .research .item b
{
    font-size: 36px;
    line-height: 1;

    display: block;
}
@media (max-width: 1199px)
{
    .inner-research .research .item b
    {
        font-size: 30px;
    }
}
@media (max-width: 991px)
{
    .inner-research .research .item b
    {
        font-size: 28px;
    }
}
.inner-research .research .item p
{
    font-size: 16px;
    line-height: 24px;

    margin: 10px 0 0 0;
}
.inner-management .slick-management
{
    margin-top: 30px;
}
.inner-management .slick-management .slick-slide
{
    padding: 100px 0;
}
@media (max-width: 1199px)
{
    .inner-management .slick-management .slick-slide
    {
        padding: 70px 0;
    }
}
@media (max-width: 991px)
{
    .inner-management .slick-management .slick-slide
    {
        padding: 0;
    }
}
.inner-management .slick-management .slick-current
{
    position: relative;
    z-index: 2;
}
.inner-management .slick-management .slick-current .item
{
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);

    background: none;
}
@media (max-width: 991px)
{
    .inner-management .slick-management .slick-current .item
    {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
}
.inner-management .slick-management .slick-current .item .ibox
{
    opacity: 1;
}
.inner-management .slick-management .slick-current .item .note
{
    opacity: 1;
}
.inner-management .slick-management .item
{
    -webkit-transition: all .6s;
            transition: all .6s;

    background-color: #000;
}
.inner-management .slick-management .item .ibox
{
    padding-bottom: 65%;

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

    opacity: .5;
}
@media (max-width: 991px)
{
    .inner-management .slick-management .item .ibox
    {
        opacity: 1;
    }
}
.inner-management .slick-management .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-management .slick-management .item .note
{
    font-size: 12px;

    position: absolute;
    z-index: 2;
    bottom: 0;

    width: 100%;
    padding: 10px 20px;

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

    opacity: 0;
    color: #fff;
    background-color: rgba(0, 83, 187, .75);
}
@media (max-width: 991px)
{
    .inner-management .slick-management .item .note
    {
        font-size: 14px;

        padding: 8px 10px;
    }
}
.inner-management .slick-management .item .note p
{
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-contact .title-contact h1
{
    font-size: 24px;
    font-weight: bold;

    margin: 0;
}
@media (max-width: 767px)
{
    .inner-contact .title-contact h1
    {
        font-size: 18px;
    }
}
.inner-contact .message
{
    padding-top: 80px;
}
@media (max-width: 991px)
{
    .inner-contact .message
    {
        padding-top: 50px;
    }
}
.inner-contact .message .title-message h2
{
    font-size: 24px;
    font-weight: bold;
}
@media (max-width: 767px)
{
    .inner-contact .message .title-message h2
    {
        font-size: 18px;
    }
}
.inner-contact .message input,
.inner-contact .message textarea
{
    font-size: 14px;
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    border: none;
    border: 1px solid #eee;
    outline: none;
    background: none;
}
@media (max-width: 767px)
{
    .inner-contact .message input,
    .inner-contact .message textarea
    {
        font-size: 12px;
    }
}
.inner-contact .message textarea
{
    resize: vertical;
}
.inner-contact .message input::-webkit-input-placeholder,
.inner-contact .message textarea::-webkit-input-placeholder
{
    color: #777;
}
.inner-contact .message input:-o-placeholder,
.inner-contact .message textarea:-o-placeholder
{
    color: #777;
}
.inner-contact .message input::-moz-placeholder,
.inner-contact .message textarea::-moz-placeholder
{
    color: #777;
}
.inner-contact .message input:-ms-input-placeholder,
.inner-contact .message textarea:-ms-input-placeholder
{
    color: #777;
}
.inner-contact .message input:focus::-webkit-input-placeholder,
.inner-contact .message textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-o-placeholder,
.inner-contact .message textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-moz-placeholder,
.inner-contact .message textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-ms-input-placeholder,
.inner-contact .message textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message .send
{
    text-align: center;
}
.inner-contact .message .submit
{
    font-size: 16px;
    line-height: 50px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;

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

    color: #fff;
    border-radius: 0;
    background-color: #0053bb;
}
.inner-contact .message .submit:hover
{
    background-color: #04479b;
}
.inner-contact .message .row
{
    margin: 0 -10px;
}
.inner-contact .message .row .itembox
{
    padding: 0 10px;
}
.inner-contact .contact .text
{
    margin-top: 40px;
}
@media (max-width: 991px)
{
    .inner-contact .contact .text
    {
        margin-top: 20px;
    }
}
.inner-contact .contact .text p
{
    line-height: 30px;
    font-size: 16px;
    position: relative;

    margin: 14px 0 0 0;
   
}
@media (max-width: 767px)
{
    .inner-contact .contact .text p
    {
        font-size: 13px;
        line-height: 24px;

        margin-top: 10px;
    }
}

/**
.inner-contact .contact .text p:before
{
   
    font-size: 16px;
    line-height: 40px;

    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 40px;
    height: 40px;

    
    text-align: center;

    color: #fff;
    background-color: #0053bb;
}
@media (max-width: 767px)
{
    .inner-contact .contact .text p:before
    {
        top: 0;
    }
}
.inner-contact .contact .text p.factory:before
{
    content: '\e652';
}
.inner-contact .contact .text p.tel:before
{
    content: '\e61c';
}
.inner-contact .contact .text p.fax:before
{
    font-size: 18px;

    content: '\e606';
}
.inner-contact .contact .text p.email:before
{
    font-size: 26px;

    content: '\e6a4';
}
.inner-contact .contact .text p.website:before
{
    font-size: 24px;

    content: '\e781';
}
.inner-contact .contact .text p.whatsapp:before
{
    content: '\e649';
}
.inner-contact .contact .text p b
{
    font-size: 16px;

    display: block;

    color: #333;
}
@media (max-width: 991px)
{
    .inner-contact .contact .text p b
    {
        font-size: 16px;
    }
}
@media (max-width: 767px)
{
    .inner-contact .contact .text p b
    {
        font-size: 14px;
    }
}
.inner-contact .contact .text p a
{
    display: block;

    color: inherit;
}
.inner-contact .contact .text p a:hover
{
    text-decoration: underline;

    color: #0053bb;
}  

**/
@media (max-width: 991px)
{
    .map
    {
        margin-top: 30px;
    }
}
#dituContent
{
    height: 530px;
}
@media (max-width: 767px)
{
    #dituContent
    {
        height: 340px;
    }
}
nav
{
    text-align: center;
}
.pagination
{
    margin: 50px 0 0 0;
    padding: 0;
}
@media (max-width: 991px)
{
    .pagination
    {
        margin-top: 30px;
    }
}
.pagination li.prev a,
.pagination li.next a
{
    border-radius: 50%;
}
.pagination li.prev a span:before,
.pagination li.next a span:before
{
    font-family: 'iconfont' !important;

    content: '\eb60';
}
.pagination li.next a span:before
{
    content: '\e625';
}
.pagination li a
{
    line-height: 36px;

    display: block;

    width: 36px;
    height: 36px;
    margin: 0 6px;
    padding: 0;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-align: center;

    color: #666;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .7);
}
@media (max-width: 991px)
{
    .pagination li a
    {
        line-height: 30px;

        width: 30px;
        height: 30px;
    }
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover
{
    color: #fff;
    background-color: #0053bb;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #fff;
    background-color: #0053bb;
}
.table_a table{border-right:1px solid #9ac4f1;border-bottom:1px solid #9ac4f1; width: 100%;}
.table_a table td{border-left:1px solid #9ac4f1;border-top:1px solid #9ac4f1; text-align:left; font-size:14px; height:30px; line-height:30px; padding: 0 0 0 5px; font-family:"Microsoft YaHei";}
.table_a table tr:nth-child(odd){background: #f5f5f5;}
.table_a table th{border-left:1px solid #9ac4f1;border-top:1px solid #9ac4f1; background:#eef8fa; color:#004fa3; font-weight:bold; text-align: left;font-size:16px; height:40px; line-height:40px; padding:5px; font-family:"Microsoft YaHei";}
.biao2{background:#f1f1f1;}
@media (max-width: 991px)
{
.table_a table td{height:20px; line-height:20px;}
.table_a table th{height:25px; line-height:25px;}
}
.home-about .about-right .title-about{
	text-align: left;
}
.home-about .about-right .title-about h2
{
    font-size: 26px;
    line-height: 30px; 
	font-weight:bold;
    margin: 0;

    color: #0554b6;
}
.home-about .about-right .title-about h2:after{
	display: none;
}
@media (max-width: 991px)
{
    .home-about .about-right .title-about h2
    {
        font-size: 20px;
    }
}
.home-about .about-right .title-about h3
{
    font-size: 24px;
    font-weight:normal;
    line-height: 24px;

    margin: 14px 0 0 0;

    text-transform: uppercase;

    color: #ef1b24;
}
@media (max-width: 991px)
{
    .home-about .about-right .title-about h3
    {
        font-size: 16px;
    }
}
@media (max-width: 767px)
{
    .home-about .about-right .title-about h3
    {
        margin: 0;
    }
}


.slick-honor .slick-arrow
{
    line-height: 40px;

    left: 15px;

    width: 40px;
    height: 40px;

    color: #666;
    border-color: #dcdcdc;
}
.slick-honor .slick-arrow.slick-next
{
    right: 15px;
    left: auto;
}
.slick-honor .slick-arrow:hover{
	color: #fff;
}
.honor-list .more
{
    margin-top: 30px;

    text-align: center;
}
.honor-list .more a
{
    line-height: 40px;

    display: inline-block;

    padding: 0 30px;

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

    color: #666;
    border: 1px solid #dcdcdc;
}
.honor-list .more a:hover
{
    color: #fff;
    background-color: #0053bb;
}

@media(max-width:1199px){
    .header .nav .nav-list1 .nav-list2 .nav-listpic{
        display: none;
    }
}
.pc_div{display: block;}
.mobile_div{display: none;}

@media (max-width: 991px)
{
    .mobile_div
    {
        display: block;
    }
    .pc_div
    {
        display: none;
    }
}


@media (min-width: 1260px)
{
    .inner-solution .container,
    .inner-aftersale .container,
    .inner-news-list .container
    {
        width: 1230px;
        max-width: 1230px;
    }
}
@media (min-width: 1560px)
{
    .inner-solution .container,
    .inner-aftersale .container,
    .inner-news-list .container
    {
        width: 1530px;
        max-width: 1530px;
    }
}
.inner-solution .solution
{
    margin-top: -50px;
}
@media (max-width: 767px)
{
    .inner-solution .solution
    {
        margin-top: -30px;
    }
}
.inner-solution .solution > ul > li
{
    padding: 50px 0;

    border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li
    {
        padding: 30px 0;
    }
}
.inner-solution .solution > ul > li:last-child
{
    border-bottom: none;
}
.inner-solution .solution > ul > li:nth-child(2n + 1) .item .pic
{
    left: 55%;
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li:nth-child(2n + 1) .item .pic
    {
        left: 0;
    }
}
.inner-solution .solution > ul > li:nth-child(2n + 1) .item .text
{
    right: 45%;

    padding-right: 5%;
    padding-left: 0;
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li:nth-child(2n + 1) .item .text
    {
        right: 0;

        padding-right: 0;
    }
}
.inner-solution .solution > ul > li .item
{
    font-size: 0;
}
.inner-solution .solution > ul > li .item .pic,
.inner-solution .solution > ul > li .item .text
{
    font-size: 14px;

    position: relative;

    display: inline-block;

    vertical-align: middle;
}
.inner-solution .solution > ul > li .item .pic
{
    width: 45%;
    background-color: #000;
}
.inner-solution .solution>ul>li .item .pic img{
    -webkit-transition: all .3s;
    transition: all .3;
}
.inner-solution .solution > ul > li .item .pic::before{
    font-family: 'iconfont' !important;
    content: '\e660';
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 80px;
    margin-top: -50px;
    color: #ffffff;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
@media(min-width:1200px){
    .inner-solution .solution > ul > li .item:hover .pic img{
        opacity: .7;
    }
    .inner-solution .solution > ul > li .item:hover .pic::before{
        opacity: 1;
    }
}

@media (max-width: 767px)
{
    .inner-solution .solution > ul > li .item .pic
    {
        width: 100%;
    }
}
.inner-solution .solution > ul > li .item .pic img
{
    max-width: 100%;
}
.inner-solution .solution > ul > li .item .text
{
    width: 55%;
    padding-left: 5%;
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li .item .text
    {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
}
.inner-solution .solution > ul > li .item .text .title-solution h3
{
    font-size: 24px;
    font-weight: bold;

    margin: 0;

    color: #0053bb;
}
@media (max-width: 1199px)
{
    .inner-solution .solution > ul > li .item .text .title-solution h3
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li .item .text .title-solution h3
    {
        font-size: 18px;
    }
}
.inner-solution .solution > ul > li .item .text .note
{
    margin-top: 20px;
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li .item .text .note
    {
        margin-top: 10px;
    }
}
.inner-solution .solution > ul > li .item .text .note p
{
    font-size: 16px;
    line-height: 30px;

    margin: 0;

    color: #666;
}
@media (max-width: 1199px)
{
    .inner-solution .solution > ul > li .item .text .note p
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .inner-solution .solution > ul > li .item .text .note p
    {
        line-height: 24px;
    }
}
.inner-aftersale
{
    padding-bottom: 0;

    background-color: #edeff3;
}
.inner-aftersale .aftersale-list
{
    padding-bottom: 50px;
}
.inner-aftersale .aftersale-list .item
{
    margin: 15px 0;
    padding: 50px 30px;

    -webkit-transition: all .6s;
            transition: all .6s;
    text-align: center;

    background-color: #fff;
}
@media (max-width: 767px)
{
    .inner-aftersale .aftersale-list .item
    {
        margin: 10px 0;
        padding: 30px 10px;
    }
}
.inner-aftersale .aftersale-list .item .aicon
{
    display: block;

    width: 100px;
    margin: 0 auto;
}
@media (max-width: 767px)
{
    .inner-aftersale .aftersale-list .item .aicon
    {
        width: 80px;
    }
}
.inner-aftersale .aftersale-list .item .aicon img
{
    max-width: 100%;
}
.inner-aftersale .aftersale-list .item .note b
{
    font-size: 18px;
    line-height: 30px;

    display: block;

    margin: 10px 0;

    color: #0053bb;
}
@media (max-width: 767px)
{
    .inner-aftersale .aftersale-list .item .note b
    {
        font-size: 16px;
    }
}
.inner-aftersale .aftersale-list .item .note p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-aftersale .aftersale-list .item .note p
    {
        font-size: 14px;
    }
}
.inner-aftersale .aftersale-list .item:hover
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.inner-aftersale .aftersale
{
    padding: 100px 0;

    background: url(../images/aftersale_bg.jpg) no-repeat center fixed;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .inner-aftersale .aftersale
    {
        padding: 50px 0;

        background: url(../images/aftersale_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.inner-aftersale .aftersale .text
{
    max-width: 630px;
    margin: 0 auto;

    text-align: center;

    color: #fff;
}
.inner-aftersale .aftersale .text p
{
    font-size: 18px;
    line-height: 28px;

    margin: 20px 0;
}
@media (max-width: 991px)
{
    .inner-aftersale .aftersale .text p
    {
        font-size: 16px;

        margin: 10px 0;
    }
}
@media (max-width: 767px)
{
    .inner-aftersale .aftersale .text p
    {
        font-size: 15px;
    }
}
.inner-news-list
{
    padding-top: 0;
}
.inner-news-list .news-list
{
    margin-top: 40px;
}
.inner-news-list .title-news-list
{
    position: relative;
}
.inner-news-list .title-news-list h2
{
    font-size: 26px;
    line-height: 1.5;

    display: inline-block;

    margin: 0;
}
@media (max-width: 991px)
{
    .inner-news-list .title-news-list h2
    {
        font-size: 20px;
    }
}
.inner-news-list .title-news-list h2:after
{
    display: block;

    width: 50px;
    height: 4px;
    margin-top: 10px;

    content: '';

    background-color: #00a8ff;
}
.inner-news-list .title-news-list a.more
{
    line-height: 30px;

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;
    float: right;

    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #999;
}
.inner-news-list .title-news-list a.more:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #a1a3a9;
}
.inner-news-list .title-news-list a.more:hover
{
    color: #0053bb;
}
.inner-news-list .title-news-list a.more:hover:after
{
    border-color: transparent transparent transparent #0053bb;
}
.inner-news-list .news-dongtai .news-top
{
    font-size: 0;

    position: relative;

    margin-top: 30px;

    background-color: #f5f5f5;
}
.inner-news-list .news-dongtai .news-top .pic,
.inner-news-list .news-dongtai .news-top .text
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.inner-news-list .news-dongtai .news-top .pic
{
    width: 20%;
}
@media (max-width: 1350px)
{
    .inner-news-list .news-dongtai .news-top .pic
    {
        width: 25%;
    }
}
@media (max-width: 991px)
{
    .inner-news-list .news-dongtai .news-top .pic
    {
        width: 30%;
    }
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news-top .pic
    {
        width: 100%;
    }
}
.inner-news-list .news-dongtai .news-top .pic .ibox
{
    padding-bottom: 75.71428571%;
}
.inner-news-list .news-dongtai .news-top .pic .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-news-list .news-dongtai .news-top .text
{
    width: 80%;
    padding: 0 15% 0 30px;
}
@media (max-width: 1350px)
{
    .inner-news-list .news-dongtai .news-top .text
    {
        width: 75%;
    }
}
@media (max-width: 1199px)
{
    .inner-news-list .news-dongtai .news-top .text
    {
        padding: 0 20% 0 20px;
    }
}
@media (max-width: 991px)
{
    .inner-news-list .news-dongtai .news-top .text
    {
        width: 70%;
    }
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news-top .text
    {
        width: 100%;
        padding: 20px 10px;
    }
}
.inner-news-list .news-dongtai .news-top .text b
{
    font-size: 20px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .inner-news-list .news-dongtai .news-top .text b
    {
        font-size: 18px;
    }
}
.inner-news-list .news-dongtai .news-top .text p
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 72px;
    margin: 10px 0 0 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media (max-width: 991px)
{
    .inner-news-list .news-dongtai .news-top .text p
    {
        font-size: 14px;
    }
}
.inner-news-list .news-dongtai .news-top a.more
{
    display: block;

    margin-top: 30px;

    color: #777;
}
@media (max-width: 991px)
{
    .inner-news-list .news-dongtai .news-top a.more
    {
        margin-top: 10px;
    }
}
.inner-news-list .news-dongtai .news-top a.more:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #a1a3a9;
}
.inner-news-list .news-dongtai .news-top a.more:hover
{
    color: #0053bb;
}
.inner-news-list .news-dongtai .news-top a.more:hover:after
{
    border-color: transparent transparent transparent #0053bb;
}
.inner-news-list .news-dongtai .news-top .date
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 3%;

    width: 120px;
    padding: 20px 0;

    text-align: center;

    color: #fff;
    background-color: #0053bb;
}
@media (max-width: 991px)
{
    .inner-news-list .news-dongtai .news-top .date
    {
        right: 15px;

        width: 100px;
        padding: 10px 0;
    }
}
.inner-news-list .news-dongtai .news-top .date b
{
    font-size: 36px;

    display: block;
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news-top .date b
    {
        font-size: 30px;
    }
}
.inner-news-list .news-dongtai .news-top .date span
{
    font-size: 16px;
    line-height: 24px;

    display: block;
}
.inner-news-list .news-dongtai .news-top:hover .pic .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-news-list .news-dongtai .news-top:hover .text b
{
    color: #0053bb;
}
.inner-news-list .news-dongtai .news-top:hover .text a.more
{
    color: #0053bb;
}
.inner-news-list .news-dongtai .news .item
{
    font-size: 0;

    margin-top: 30px;
    padding: 18px;

    background-color: #f5f5f5;
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news .item
    {
        padding: 8px;
    }
}
.inner-news-list .news-dongtai .news .item .date,
.inner-news-list .news-dongtai .news .item .note
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.inner-news-list .news-dongtai .news .item .date
{
    width: 116px;
    padding: 24px 0;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-align: center;

    color: #fff;
    background-color: #a8caf5;
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news .item .date
    {
        width: 90px;
        padding: 14px 0;
    }
}
.inner-news-list .news-dongtai .news .item .date b
{
    font-size: 36px;

    display: block;
}
.inner-news-list .news-dongtai .news .item .date span
{
    font-size: 16px;
    line-height: 24px;

    display: block;
}
.inner-news-list .news-dongtai .news .item .note
{
    width: -webkit-calc(100% - 116px);
    width:         calc(100% - 116px);
    padding-left: 20px;
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news .item .note
    {
        width: -webkit-calc(100% - 90px);
        width:         calc(100% - 90px);
        padding-left: 10px;
    }
}
.inner-news-list .news-dongtai .news .item .note b
{
    font-size: 16px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;

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

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-news-list .news-dongtai .news .item .note p
{
    font-size: 14px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 6px 0 0 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news .item .note p
    {
        margin: 0;
    }
}
.inner-news-list .news-dongtai .news .item .note a.more
{
    display: block;

    margin-top: 10px;

    color: #777;
}
@media (max-width: 767px)
{
    .inner-news-list .news-dongtai .news .item .note a.more
    {
        margin-top: 4px;
    }
}
.inner-news-list .news-dongtai .news .item .note a.more:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 4px;

    content: '';
    vertical-align: middle;

    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #a1a3a9;
}
.inner-news-list .news-dongtai .news .item .note a.more:hover
{
    color: #0053bb;
}
.inner-news-list .news-dongtai .news .item .note a.more:hover:after
{
    border-color: transparent transparent transparent #0053bb;
}
.inner-news-list .news-dongtai .news .item:hover .date
{
    background-color: #0053bb;
}
.inner-news-list .news-dongtai .news .item:hover .note b
{
    color: #0053bb;
}
.inner-news-list .news-dongtai .news .item:hover .note a.more
{
    color: #0053bb;
}
.inner-news-list .news-zhanhui .news > ul
{
    overflow: hidden;

    margin: 0 -14px;
}
@media (max-width: 1199px)
{
    .inner-news-list .news-zhanhui .news > ul
    {
        margin: 0 -8px;
    }
}
.inner-news-list .news-zhanhui .news > ul > li
{
    float: left;

    width: 26%;
    padding: 0 14px;
}
@media (max-width: 1199px)
{
    .inner-news-list .news-zhanhui .news > ul > li
    {
        width: 26.5%;
        padding: 0 8px;
    }
}
@media (max-width: 767px)
{
    .inner-news-list .news-zhanhui .news > ul > li
    {
        width: 50%;
    }
}
.inner-news-list .news-zhanhui .news > ul > li:nth-child(1)
{
    width: 48%;
}
@media (max-width: 1199px)
{
    .inner-news-list .news-zhanhui .news > ul > li:nth-child(1)
    {
        width: 47%;
    }
}
@media (max-width: 767px)
{
    .inner-news-list .news-zhanhui .news > ul > li:nth-child(1)
    {
        width: 100%;
    }
}
.inner-news-list .news-zhanhui .news > ul > li:nth-child(1) .item .note
{
    position: relative;

    margin-top: -4px;

    background-image: -webkit-gradient(linear, right top, left top, from(#0053bb), to(#008ccd));
    background-image: -webkit-linear-gradient(right, #0053bb, #008ccd);
    background-image:         linear-gradient(to left, #0053bb, #008ccd);
}
.inner-news-list .news-zhanhui .news > ul > li:nth-child(1) .item .note p
{
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;

    height: 52px;
}
@media (max-width: 767px)
{
    .inner-news-list .news-zhanhui .news > ul > li:nth-child(1) .item .note p
    {
        font-size: 16px;
        line-height: 42px;

        height: 42px;
    }
}
.inner-news-list .news-zhanhui .news .item
{
    position: relative;

    display: block;

    margin-top: 24px;
}
@media (max-width: 1199px)
{
    .inner-news-list .news-zhanhui .news .item
    {
        margin-top: 16px;
    }
}
@media (max-width: 991px)
{
    .inner-news-list .news-zhanhui .news .item
    {
        margin-top: 22px;
    }
}
.inner-news-list .news-zhanhui .news .item .ibox
{
    overflow: hidden;

    padding-bottom: 75.71428571%;
}
.inner-news-list .news-zhanhui .news .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-news-list .news-zhanhui .news .item .note
{
    position: absolute;
    z-index: 2;
    bottom: 0;

    width: 100%;

    color: #fff;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 83, 187, .9)), to(rgba(0, 140, 205, .9)));
    background-image: -webkit-linear-gradient(right, rgba(0, 83, 187, .9), rgba(0, 140, 205, .9));
    background-image:         linear-gradient(to left, rgba(0, 83, 187, .9), rgba(0, 140, 205, .9));
}
.inner-news-list .news-zhanhui .news .item .note p
{
    font-size: 16px;
    line-height: 46px;

    display: -webkit-box;
    overflow: hidden;

    height: 46px;
    margin: 0;
    padding: 0 14px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-news-list .news-zhanhui .news .item .note p
    {
        font-size: 14px;
        line-height: 36px;

        height: 36px;
        padding: 0 8px;
    }
}
.inner-news-list .news-zhanhui .news .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-news-list .news-huodong .item
{
    margin-top: 30px;

    border: 1px solid #e5e5e5;
}
.inner-news-list .news-huodong .item .pic
{
    position: relative;
}
.inner-news-list .news-huodong .item .pic .ibox
{
    overflow: hidden;

    padding-bottom: 64.1025641%;
}
.inner-news-list .news-huodong .item .pic .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-news-list .news-huodong .item .pic .date
{
    line-height: 40px;

    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -20px;

    display: inline-block;

    padding: 0 20px;

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

    color: #fff;
    border: none;
    border-radius: 30px 0 0 30px;
    background-color: rgba(0, 83, 187, .8);
}
@media (max-width: 991px)
{
    .inner-news-list .news-huodong .item .pic .date
    {
        line-height: 30px;

        bottom: -15px;
    }
}
.inner-news-list .news-huodong .item .text
{
    padding: 20px;
}
@media (max-width: 767px)
{
    .inner-news-list .news-huodong .item .text
    {
        padding: 20px 10px;
    }
}
.inner-news-list .news-huodong .item .text b
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-news-list .news-huodong .item .text p
{
    font-size: 14px;
    line-height: 26px;

    display: -webkit-box;
    overflow: hidden;

    height: 52px;
    margin: 10px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inner-news-list .news-huodong .item .text a.more
{
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;

    display: inline-block;

    margin-top: 10px;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-decoration: underline;

    color: #0053bb;
}
.inner-news-list .news-huodong .item:hover
{
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.inner-news-list .news-huodong .item:hover .pic .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-news-list .news-huodong .item:hover .pic .date
{
    background-color: #b20c0c;
}
.inner-news-list .news-huodong .item:hover .text
{
    border-color: #fff;
}
.inner-news-list .news-huodong .item:hover .text a.more
{
    color: #b20c0c;
}

.banner{
    padding-bottom: 37.76%;
    position: relative;
}

.banner .slick-banner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media(max-width:767px){
    .banner{
        padding-bottom:52%;

    }
    .banner .slick-banner{
        width: 140%;
        left: -20%;
    }
}
.banner .slick-current .item-1 img
{
   transform: scale(1);
    -webkit-animation: bzoomy 6s 0s ease both;
            animation: bzoomy 6s 0s ease both;
}


@-webkit-keyframes bzoomy
{
    0%
    {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(-18%);
                transform: translateY(-18%);

        opacity: 1;
    }
}
@keyframes bzoomy
{
    0%
    {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(-18%);
                transform: translateY(-18%);

        opacity: 1;
    }
}
.bzoomy
{
    -webkit-animation-name: bzoomy;
            animation-name: bzoomy;
}

.banner-in{
    padding-bottom: 0;
}
.banner-in .slick-banner{
    position: relative;
}
.itemvideo{
    margin-bottom: 30px;
}
.itemvideo .ibox{
    padding-bottom: 75%;
}
.itemvideo .ibox iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.itemvideo p{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 10px 0 0 0;
}

.inner-solution .solution > ul > li .item .pic iframe,
.inner-solution .solution > ul > li .item .pic video{
	width: 100%;
	height: 500px;
}
@media(max-width:1350px){
	.inner-solution .solution > ul > li .item .pic iframe,
	.inner-solution .solution > ul > li .item .pic video{
		height: 400px;
	}
}
@media(max-width:991px){
	.inner-solution .solution > ul > li .item .pic iframe,
	.inner-solution .solution > ul > li .item .pic video{
		height: 300px;
	}
}
.inner-solution .solution > ul > li .item .videowrap.pic:before{
    display: none;
}

.slick-machining .slick-dots{
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 10px;
}
.research-honor{
	overflow: hidden;
}
.research-honor-sort
{
    margin: 0 -10px;
    margin-top: 30px;

    text-align: center;
}
.research-honor-sort ul li
{
    display: inline-block;

    padding: 0 10px;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .research-honor-sort
    {
        margin: 0 -5px;
        margin-top: 20px;
    }
    .research-honor-sort ul li
    {
        padding: 0 5px;
    }
}
.research-honor-sort ul li a
{
    font-size: 16px;
    line-height: 40px;

    display: block;

    padding: 0 40px;

    border: 1px solid #dcdcdc;
}
@media (max-width: 767px)
{
    .research-honor-sort ul li a
    {
        font-size: 15px;

        padding: 0 30px;
    }
}
.research-honor-sort ul li.active a
{
    color: #fff;
    border: 1px solid #0053bb;
    background: #0053bb;
}
.research-honor-list .item
{
    display: block;

    margin-top: 30px;

    text-align: center;

    background-color: #fff;
}
.research-honor-list .item .ibox
{
    padding-bottom: 75.00003%;

    border: 1px solid #dedede;
}
.research-honor-list .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.research-honor-list .item p
{
    font-size: 16px;
    line-height: 50px;

    display: -webkit-box;
    overflow: hidden;

    height: 50px;
    margin: 0;

    color: #333;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .research-honor-list .item p
    {
        font-size: 14px;
        line-height: 30px;

        height: 30px;
    }
}
.research-honor-list .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.research-honor-list .item:hover .ibox
{
    border-color: #0053bb;
}
.research-honor-list .item:hover p
{
    color: #fff;
    background-color: #0053bb;
}
.inner-join .join .tile-join
{
    color: #fff;
    background-color: #0053bb;
}
.inner-join .join .tile-join ul
{
    font-size: 0;
}
.inner-join .join .tile-join ul li
{
    font-size: 18px;
    line-height: 30px;

    display: inline-block;

    width: 18%;
    padding: 20px 10px;

    text-align: center;
    vertical-align: middle;
}
@media (max-width: 767px)
{
    .inner-join .join .tile-join ul li
    {
        font-size: 12px;
        line-height: 22px;

        padding: 10px 5px;
    }
}
.inner-join .join .tile-join ul li p
{
    margin: 0;
}
.inner-join .join .tile-join ul li:nth-child(5)
{
    width: 28%;
}
.inner-join .join-list > ul > li:nth-child(2n)
{
    background-color: #f3f8ff;
}
.inner-join .join-list > ul > li .title-join-list
{
    font-size: 0;

    padding: 20px 10px;

    cursor: pointer;
    text-align: center;
}
@media (max-width: 767px)
{
    .inner-join .join-list > ul > li .title-join-list
    {
        padding: 10px 5px;
    }
}
.inner-join .join-list > ul > li .title-join-list p
{
    font-size: 14px;
    font-size: 16px;
    line-height: 30px;

    display: inline-block;

    width: 18%;
    margin: 0;

    vertical-align: middle;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-join .join-list > ul > li .title-join-list p
    {
        font-size: 13px;
        line-height: 22px;
    }
}
.inner-join .join-list > ul > li .title-join-list p:nth-child(1)
{
    color: #0053bb;
}
.inner-join .join-list > ul > li .title-join-list p:nth-child(1):after
{
    font-family: 'iconfont' !important;

    margin-left: 10px;

    content: '\e660';
}
.inner-join .join-list > ul > li .title-join-list p:nth-child(5)
{
    width: 28%;
}
.inner-join .join-list > ul > li .join-text
{
    font-size: 15px;
    line-height: 30px;

    display: none;

    padding: 20px;
}
@media (max-width: 767px)
{
    .inner-join .join-list > ul > li .join-text
    {
        font-size: 13px;
        line-height: 22px;

        padding: 10px 0;
    }
}
.inner-join .join-list > ul > li .join-text h3
{
    font-size: 15px;
    font-weight: bold;
}
.inner-join .join-list > ul > li .join-text p
{
    margin: 0;

    color: #666;
}
#newBridge{
	z-index: 9!important;
}

.inner-machining .machining .title-about h2:after{
	margin-left: 0;
}

.inner-machining .machining .machining-right{
	padding-left: 5%;
}
.machining-right-mask{
	margin-top: 100px;
}
@media(max-width:991px){
	.machining-right-mask{
		margin-top: 0px;
	}
	.inner-machining .machining .machining-right .list{
		margin: 0;
	}
	.inner-machining .machining .machining-right{
		margin-top: 0;
	}
}
.machining-right-mask ul{
  text-align: justify;
  text-justify: distribute-all-lines;
  width: 100%;
  padding: 0;
	         
}
 .machining-right-mask ul:after {
	width: 100%;
	height: 0;
	margin: 0;
	display: inline-block;
	overflow: hidden;
	content: "";
	font-size: 0;
  }
  .machining-right-mask ul li{
	  max-width: 25%;
	  display: inline-block;
	  vertical-align: top;
	  font-size: 14px;
	  margin: 10px 0;
  }
.machining-right-mask ul li .item{
   width: 120px;
   height: 120px;
   border: 1px solid #0053bb;
   padding: 10px;
   border-radius: 50%;
   color: #0053bb;
   position: relative;
   text-align: center;
   transition: all,.4s;
}

.machining-right-mask ul li .item .note{
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.machining-right-mask ul li .item .note p{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
.machining-right-mask ul li .item:hover{
	background-color: #0053bb;
	color: #ffffff;
}
@media(max-width:1199px){
	.machining-right-mask ul li .item{
		width: 100px;
		height: 100px;
	}
	.machining-right-mask ul li .item .note p{
		font-size: 18px;
	}
}
@media(max-width:991px){
	.machining-right-mask ul li .item{
		width: 80px;
		height: 80px;
	}
	.machining-right-mask ul li .item .note p{
		font-size: 16px;
	}
}
@media(max-width:767px){
	.machining-right-mask ul li .item .note p{
		font-size: 15px;
		line-height: 24px;
	}
	.machining-right-mask{
		margin-top: 30px;
	}
	.inner-machining .machining .machining-right{
		padding-left: 0;
	}
}
.research-honor-list{
	background-color: #fff;
	overflow: hidden;
}
.research-honor-list .more{
	text-align: center;
	margin: 30px 0;
}
.research-honor-list .more a{
    font-size: 16px;
    line-height: 40px;
	transition: all,.4s;
    padding: 0 40px;
    border: 1px solid #dcdcdc;
	display: inline-block;
}
.research-honor-list .more a:hover{
	border: 1px solid #0053bb;
	background: #0053bb;
	color: #ffffff;
}