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

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

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

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

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

    src: url('../fonts/Baloo2-Regular.eot');
    src: local('Baloo 2 Regular'), local('Baloo2-Regular'), url('../fonts/Baloo2-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Baloo2-Regular.woff2') format('woff2'), url('../fonts/Baloo2-Regular.woff') format('woff'), url('../fonts/Baloo2-Regular.ttf') format('truetype'), url('../fonts/Baloo2-Regular.svg#Baloo2-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;
}
html,
body
{
    overflow: visible !important;
}
body
{
    font-family: 'Open Sans', Arial, Helvetica, 'Microsoft YaHei', 'Heiti SC', sans-serif;
    font-size: 14px;

    height: auto !important;

    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-arrow
{
    font-size: 50px;
    line-height: 1;
    line-height: 60px;

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

    overflow: hidden;

    width: 50px;
    padding: 0;

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

    color: #3981e3;
    border: none;
    outline: none;
    background: none;
}
@media (max-width: 991px)
{
    .slick-arrow
    {
        font-size: 30px;

        left: -15px;

        width: 30px;
    }
}
.slick-arrow:before
{
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\eb60';
}
.slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
@media (max-width: 991px)
{
    .slick-arrow.slick-next
    {
        right: -15px;
    }
}
.slick-arrow.slick-next:before
{
    content: '\e625';
}
.slick-arrow:hover
{
    color: #3981e3;
}
.slick-dots
{
    margin-top: 40px;

    text-align: center;
}
@media (max-width: 767px)
{
    .slick-dots
    {
        margin-top: 20px;
    }
}
.slick-dots li
{
    display: inline-block;

    width: 28px;
    height: 12px;
    margin: 0 10px;

    vertical-align: top;

    border-radius: 20px;
    background-color: #e9e9e9;
}
@media (max-width: 991px)
{
    .slick-dots li
    {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }
}
.slick-dots li button
{
    display: none;
}
.slick-dots li.slick-active
{
    width: 70px;

    background-color: #3981e3;
}
@media (max-width: 767px)
{
    .slick-dots li.slick-active
    {
        width: 40px;
    }
}
.header
{
    position: relative;
    z-index: 10;

    width: 100%;
    height: 180px;

    -webkit-transition: all .4s;
            transition: all .4s;
}
@media (max-width: 1199px)
{
    .header
    {
        height: 90px;
    }
}
.header .htop
{
    height: 40px;
    padding: 0 2%;

    text-align: right;

    color: #fff;
    background-color: #3981e3;
}
@media (max-width: 1199px)
{
    .header .htop
    {
        height: 30px;
    }
}
.header .htop p
{
    font-size: 16px;
    line-height: 40px;

    display: inline-block;

    margin: 0;
    margin-left: 10px;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .header .htop p
    {
        line-height: 30px;
    }
}
@media (max-width: 767px)
{
    .header .htop p
    {
        font-size: 14px;
    }
}
.header .htop p .icon
{
    font-size: 24px;

    display: inline-block;
    float: left;

    margin-right: 6px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .header .htop p .icon
    {
        font-size: 20px;
    }
}
.header .htop p a:hover
{
    text-decoration: underline;
}
.header .hnav
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 140px;
    padding: 0 2%;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199px)
{
    .header .hnav
    {
        height: 60px;
    }
}
.header .logo
{
    position: relative;
    z-index: 4;

    display: inline-block;
    float: left;

    height: 90px;

    -webkit-transition: all .4s;
            transition: all .4s;
}
@media (max-width: 1199px)
{
    .header .logo
    {
        height: 50px;
    }
}
.header .logo a
{
    display: block;

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

    height: 100%;
}
.header .header-right
{
    text-align: right;
}
.header .header-right .link
{
    height: 60px;
    padding-top: 30px;
}
@media (max-width: 1199px)
{
    .header .header-right .link
    {
        display: inline-block;

        padding-top: 18px;

        vertical-align: middle;
    }
}
.header .header-right .link a
{
    display: inline-block;

    padding: 0 20px;

    vertical-align: middle;
}
@media (max-width: 1199px)
{
    .header .header-right .link a
    {
        padding: 0 10px;
    }
}
@media (max-width: 767px)
{
    .header .header-right .link a
    {
        padding: 0 4px;
    }
}
.header .header-right .link a img
{
    height: 24px;
}
@media (max-width: 767px)
{
    .header .header-right .link a img
    {
        height: 20px;
    }
}
.header .pc-search
{
    display: none;

    vertical-align: middle;
}
@media (max-width: 1199px)
{
    .header .pc-search
    {
        display: inline-block;

        margin: 0;
    }
}
.header .pc-search .search-button
{
    font-size: 24px;
    line-height: 35px;

    display: inline-block;
    overflow: hidden;

    width: 35px;
    height: 35px;
    margin-left: 10px;

    cursor: pointer;
    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #3981e3;
}
@media (max-width: 767px)
{
    .header .pc-search .search-button
    {
        font-size: 20px;
        line-height: 30px;

        width: 30px;
        height: 30px;
        margin-left: 6px;
    }
}
.header .pc-search .search-button:before
{
    font-family: 'iconfont' !important;

    content: '\e660';
    text-align: center;
}
.header .pc-search form
{
    position: absolute;
    z-index: 2;
    top: 100%;
    right: 0;

    display: block;
    display: none;
    overflow: hidden;

    width: 100%;
    height: 60px;
    padding: 15px 50px 15px 10px;

    background-color: rgba(73, 189, 27, .8);
}
@media (max-width: 1199px)
{
    .header .pc-search form
    {
        width: 300px;
    }
}
.header .pc-search input
{
    font-size: 16px;
    line-height: 30px;

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

    color: #fff;
    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 .close-search
{
    line-height: 60px;

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

    width: 40px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    background-color: rgba(242, 152, 4, .9);
}
.header .pc-search .close-search:before
{
    font-family: 'iconfont' !important;
    font-size: 30px;

    display: block;

    content: '\e629';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.header .pc-search .submit
{
    font-size: 24px;
    line-height: 30px;

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

    width: 30px;
    padding: 0;

    text-align: center;

    color: #fff;
    outline: none;
    background: none;
    box-shadow: none;
}
@media (max-width: 1199px)
{
    .header .pc-search .submit
    {
        right: 50px;
    }
}
.header .pc-search .submit:before
{
    font-family: 'iconfont' !important;

    content: '\e660';
}
.header .lg-search
{
    display: inline-block;

    vertical-align: middle;
}
@media (max-width: 1199px)
{
    .header .lg-search
    {
        display: none;
    }
}
.header .lg-search form
{
    position: relative;

    width: 350px;
}
@media (max-width: 1470px)
{
    .header .lg-search form
    {
        width: 300px;
    }
}
@media (max-width: 1350px)
{
    .header .lg-search form
    {
        width: 250px;
    }
}
.header .lg-search input
{
    line-height: 34px;

    width: 100%;
    padding: 0 10px 0 50px;

    border-radius: 30px;
    background-color: #f2f2f2;
}
.header .lg-search input::-webkit-input-placeholder,
.header .lg-search textarea::-webkit-input-placeholder
{
    color: #8a8a8a;
}
.header .lg-search input:-o-placeholder,
.header .lg-search textarea:-o-placeholder
{
    color: #8a8a8a;
}
.header .lg-search input::-moz-placeholder,
.header .lg-search textarea::-moz-placeholder
{
    color: #8a8a8a;
}
.header .lg-search input:-ms-input-placeholder,
.header .lg-search textarea:-ms-input-placeholder
{
    color: #8a8a8a;
}
.header .lg-search input:focus::-webkit-input-placeholder,
.header .lg-search textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.header .lg-search input:focus::-o-placeholder,
.header .lg-search textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.header .lg-search input:focus::-moz-placeholder,
.header .lg-search textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.header .lg-search input:focus::-ms-input-placeholder,
.header .lg-search textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.header .lg-search .submit
{
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;

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

    width: 50px;
    padding: 0;

    text-align: center;

    color: #000;
    background: none;
}
.header .lg-search .submit:before
{
    font-family: 'iconfont' !important;

    content: '\e660';
}
.header .share
{
    display: inline-block;

    vertical-align: middle;
}
.header .share > ul > li
{
    display: inline-block;

    margin-left: 14px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .header .share > ul > li
    {
        margin-left: 6px;
    }
}
.header .share > ul > li a
{
    font-size: 20px;
    line-height: 35px;

    display: block;

    width: 35px;
    height: 35px;

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

    color: #fff;
    border-radius: 50%;
    background-color: #3981e3;
}
@media (max-width: 767px)
{
    .header .share > ul > li a
    {
        font-size: 16px;
        line-height: 30px;

        width: 30px;
        height: 30px;
    }
}
.header .share > ul > li a:before
{
    font-family: 'iconfont' !important;

    content: '\e618';
}
.header .share > ul > li a:hover
{
    background-color: #1295d9;
}
.header .share > ul > li.skype a:before
{
    content: '\e766';
}
.header .share > ul > li.instagram a:before
{
    content: '\e87f';
}
.header .share > ul > li.facebook a:before
{
    content: '\e615';
}
.header .tel
{
    display: inline-block;

    margin-left: 30px;

    -webkit-transition: all .2s;
            transition: all .2s;
    vertical-align: middle;
}
@media (max-width: 1350px)
{
    .header .tel
    {
        margin-left: 20px;
    }
}
@media (max-width: 767px)
{
    .header .tel
    {
        margin-left: 10px;
    }
}
.header .tel p
{
    font-family: 'D-DIN Condensed';
    font-size: 36px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

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

    color: rgba(255, 255, 255, .8);
}
@media (max-width: 1350px)
{
    .header .tel p
    {
        font-size: 30px;
    }
}
@media (max-width: 1199px)
{
    .header .tel p
    {
        font-size: 0;
        line-height: 60px;

        height: 60px;
    }
}
.header .tel p a:before
{
    font-family: 'iconfont' !important;
    font-size: 26px;
    font-weight: normal;
    line-height: 35px;

    display: inline-block;

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

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

    color: #fff;
    border-radius: 50%;
    background-color: #49bd1b;
}
@media (max-width: 1199px)
{
    .header .tel p a:before
    {
        font-size: 20px;
    }
}
.header .header-menu
{
    line-height: 35px;

    position: relative;

    display: none;

    width: 35px;
    height: 35px;
    margin-left: 12px;
    padding: 0;

    cursor: pointer;
    text-align: center;

    border-radius: 50%;
    background: none;
    background-color: #1295d9;
}
@media (max-width: 1199px)
{
    .header .header-menu
    {
        display: inline-block;

        vertical-align: middle;
    }
    .header .header-menu.header-menu-1
    {
        position: absolute;
        z-index: 9999;
        top: 8px;
        right: 20px;

        display: block;

        border: none;
    }
    .header .header-menu.header-menu-1 .btn-line
    {
        background-color: #fff !important;
    }
}
@media (max-width: 767px)
{
    .header .header-menu
    {
        margin-left: 6px;
    }
}
@media (max-width: 767px)
{
    .header .header-menu
    {
        line-height: 30px;

        width: 30px;
        height: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .header .header-menu.header-menu-xs:hover .btn-line
    {
        background-color: #000;
    }
}
.header .header-menu .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 .header-menu .btn-line:nth-child(3),
.header .header-menu .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 .header-menu .btn-line:nth-child(1)
{
    top: 35%;
}
.header .header-menu .btn-line:nth-child(2)
{
    top: 50%;
}
.header .header-menu .btn-line:nth-child(3)
{
    top: 65%;
}
.header .header-menu.active
{
    border-color: transparent;
}
.header .header-menu.active .btn-line
{
    background-color: #fff;
}
.header .header-menu.active .btn-line:nth-child(2)
{
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px);

    opacity: 0;
}
.header .header-menu.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 .header-menu.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 .menu
    {
        display: inline-block;

        -webkit-transition: all .4s;
                transition: all .4s;
        vertical-align: middle;
    }
    .header .menu .logo
    {
        display: none;
    }
}
@media (max-width: 1199px)
{
    .header .menu
    {
        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 .menu .logo
    {
        display: block;
        float: left;

        margin-top: 10px;
        padding-left: 0;
    }
    .header .menu .menu-tbl
    {
        display: table;

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

        height: 100%;

        vertical-align: top;
    }
	.header .logo .logo2{ display:none;}
}




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

        padding: 0 20px;

        vertical-align: top;
    }
    .header .menu .menu-list1 > li > a
    {
        
        font-size: 19px;
        line-height: 80px; font-weight:bold;

        position: relative;

        display: inline-block;

        -webkit-transition: all .2s;
                transition: all .2s;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .header .menu .menu-list1 > li > a:before
    {
        position: absolute;
        bottom: 20px;
        left: 50%;

        display: block;

        width: 0;
        height: 2px;

        content: '';
        -webkit-transition: all .4s;
                transition: all .4s;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);

        background-color: #3981e3;
    }
    .header .menu .menu-list1 > li > a:after
    {
        position: absolute;
        bottom: 14px;
        left: 50%;

        display: block;

        width: 0;
        height: 0;

        content: '';
        -webkit-transition: all .2s;
                transition: all .2s;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);

        opacity: 0;
        border-width: 6px 3px 0 3px;
        border-style: solid;
        border-color: #3981e3 transparent transparent transparent;
    }
    .header .menu .menu-list1 > li:hover > a,
    .header .menu .menu-list1 > li.active > a
    {
        color: #3981e3;
    }
    .header .menu .menu-list1 > li:hover > a:before,
    .header .menu .menu-list1 > li.active > a:before
    {
        width: 100%;
    }
    .header .menu .menu-list1 > li:hover > a:after,
    .header .menu .menu-list1 > li.active > a:after
    {
        opacity: 1;
    }
    .header .menu .menu-list1 .menu-list2
    {
        position: absolute;
        z-index: 50;
        top: 100%;
        left: 0;

        display: none;

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

        text-align: right;

        color: #fff;
        background-color: #3981e3;
    }
    .header .menu .menu-list1 .menu-list2 li
    {
        display: inline-block;

        vertical-align: top;
    }
    .header .menu .menu-list1 .menu-list2 li:after
    {
        display: inline-block;

        content: '|';
        vertical-align: middle;

        color: rgba(255, 255, 255, .5);
    }
    .header .menu .menu-list1 .menu-list2 li:last-child:after
    {
        display: none;
    }
    .header .menu .menu-list1 .menu-list2 li a
    {
        font-size: 18px;
        line-height: 30px;

        display: inline-block;

        padding: 10px 20px;

        vertical-align: middle;
        text-transform: capitalize;
    }
    .header .menu .menu-list1 .menu-list2 li a:hover
    {
        text-decoration: underline;
    }
    .header .menu .menu-list1 .menu-list2-pro
    {
        font-size: 0;

        left: 0;

        width: 100%;
        padding: 30px 10%;
    }
    .header .menu .menu-list1 .menu-list2-pro > li
    {
        font-size: 14px;

        display: inline-block;

        width: 20%;
        padding: 0 30px;

        vertical-align: top;

        border-bottom: none;
    }
    .header .menu .menu-list1 .menu-list2-pro > li > a
    {
        padding: 10px 0;

        color: #3981e3;
    }
    .header .menu .menu-list1 .menu-list2-pro > li > ul > li > a
    {
        font-size: 14px;

        padding: 10px 0;
    }
}
@media (min-width: 1200px) and (max-width: 1350px)
{
    .header .menu .menu-list1 > li
    {
        padding: 0 12px;
    }
	.header .logo{ height:68px;}
}




@media (min-width: 1200px) and (max-width: 1470px)
{
    .header .menu .menu-list1 > li > a
    {
        font-size: 18px;
    }
	
.header .logo{ height:75px;}
	
}


@media (min-width: 1470px)
{
  .header .menu .menu-list1 > li
    {
      

        padding: 0 18px;

    }
}

@media (min-width: 1530px)
{
  .header .menu .menu-list1 > li
    {
      

        padding: 0 24px;

    }
}




@media (max-width: 1199px)
{
    .header .menu .menu-list1
    {
        overflow-y: auto;

        height: 100%;

        text-align: left;
    }
    .header .menu .menu-list1 > li
    {
        position: relative;

        margin: 10px 0;
    }
    .header .menu .menu-list1 > li > a
    {
        font-size: 16px;
        line-height: 30px;

        display: block;

        padding: 4px 0;

        text-transform: uppercase;
    }
    .header .menu .menu-list1 .open-menu
    {
        font-size: 20px;
        line-height: 30px;

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

        content: '\e629';
    }
    .header .menu .menu-list1 .current .open-menu:after
    {
        font-family: 'iconfont' !important;

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

        display: block;

        text-transform: uppercase;

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

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

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

        padding: 0 4px;

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

        content: '·';
    }
}
@media (max-width: 1199px) and (max-width: 1199px)
{
    .header .menu .menu-list1 img,
    .header .menu .menu-list1 .menu-icon
    {
        display: none;
    }
    .header .menu .menu-list1 p
    {
        display: inline-block;
    }
    .header .menu .menu-list1 .menu-list2
    {
        overflow: hidden;
    }
    .header .menu .menu-list1 .nlist
    {
        margin: 0 -10px;
    }
    .header .menu .menu-list1 .nlist li
    {
        display: inline-block;

        width: auto;

        vertical-align: top;
    }
    .header .menu .menu-list1 .nlist li a
    {
        font-size: 15px;
        line-height: 30px;

        padding: 0 10px;

        color: #666;
    }
    .header .menu .menu-list1 .nlist li a:before
    {
        margin-right: 4px;

        content: '-';
    }
    .header .menu .menu-list1 .menu-sort
    {
        overflow: hidden;
    }
    .header .menu .menu-list1 .menu-sort ul
    {
        margin: 0 -10px;
    }
    .header .menu .menu-list1 .menu-sort li
    {
        display: inline-block;

        width: auto;

        vertical-align: top;
    }
    .header .menu .menu-list1 .menu-sort li a
    {
        font-size: 15px;
        line-height: 30px;

        margin-right: 10px;
        padding: 0;

        text-transform: uppercase;

        color: #999;
    }
    .header .menu .menu-list1 .menu-sort li a:before
    {
        margin-right: 4px;

        content: '-';
    }
    .header .menu .menu-list1 .menu-product
    {
        display: none;
    }
}
.header .back-btn
{
    position: absolute;
    left: 15px;
}
.header .stuck
{
    position: fixed;
    z-index: 9;
    top: 0;

    width: 100%;
    height: 80px;

    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 1199px)
{
    .header .stuck
    {
        height: 60px;
    }
}
.header .stuck .logo
{
    height: 70px;
}
@media (max-width: 1199px)
{
    .header .stuck .logo
    {
        height: 50px;
    }
}
.header .stuck .header-right .link
{
    height: 30px;
    padding-top: 10px;
}
@media (max-width: 1199px)
{
    .header .stuck .header-right .link
    {
        padding-top: 6px;
    }
}
.header .stuck .header-right .link a img
{
    height: 20px;
}
@media (min-width: 1200px)
{
    .header .stuck .menu .menu-list1 > li > a
    {
        line-height: 50px;
    }
    .header .stuck .menu .menu-list1 > li > a:before
    {
        bottom: 10px;
    }
    .header .stuck .menu .menu-list1 > li > a:after
    {
        bottom: 4px;
    }
}
.banner
{
    font-size: 0;

    position: relative;

    clear: both;
    overflow: hidden;

    width: 100%;
}
@media (max-width: 991px)
{
    .banner .slick-banner
    {
        width: 120%;
        max-width: 120%;
        margin-left: -10%;
    }
}
.banner .img img
{
    width: 100%;
}
.banner img
{
    display: block;
}
.banner .slick-dots
{
    font-size: 0;

    position: absolute;
    z-index: 9;
    bottom: 30px;
    left: 0;

    width: 100%;
    height: 10px;

    text-align: center;
}
@media (max-width: 1199px)
{
    .banner .slick-dots
    {
        bottom: 10px;
    }
}
.banner .slick-dots > li
{
    position: relative;

    display: inline-block;

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

    vertical-align: middle;

    opacity: .5;
    background-color: #fff;
}
.banner .slick-dots .slick-active
{
    opacity: 1;
    background-color: #246ccf;
}
.banner .slick-dots button
{
    display: none;
}
.banner .slick-arrow
{
    font-size: 18px;
    line-height: 50px;

    position: absolute;
    z-index: 10;
    top: auto;
    top: 50%;
    left: 3%;

    width: 50px;
    height: 50px;

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

    opacity: .5;
    color: #fff;
    border-radius: 0;
    background: none;
}
@media (max-width: 1199px)
{
    .banner .slick-arrow
    {
        bottom: 10px;
    }
}
@media (max-width: 991px)
{
    .banner .slick-arrow
    {
        left: 15%;
    }
}
@media (max-width: 767px)
{
    .banner .slick-arrow
    {
        font-size: 14px;
        line-height: 30px;

        height: 30px;
    }
}
.banner .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-size: 45px;

    content: '\e686';
}
@media (max-width: 991px)
{
    .banner .slick-arrow:before
    {
        font-size: 30px;
    }
}
.banner .slick-arrow:hover
{
    color: #fff;
}
.banner .slick-arrow.slick-next
{
    right: 3%;
    left: auto;
}
@media (max-width: 991px)
{
    .banner .slick-arrow.slick-next
    {
        right: 15%;
    }
}
.banner .slick-arrow.slick-next:before
{
    content: '\e685';
}
.banner .subject
{
    position: relative;

    display: block;
    overflow: hidden;
}
.banner .text
{
    font-family: 'Baloo';

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

    width: 100%;

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

    color: #fff;
}
@media (max-width: 767px)
{
    .banner .text
    {
        padding: 0 20%;
    }
}
.banner .text-1
{
    text-align: center;
}
.banner .text-1 .txt img,
.banner .text-1 .txt .not
{
    display: inline-block;

    text-align: left;
    vertical-align: top;
}
.banner .text-1 .txt .not
{
    padding-top: 10px;
}
.banner .text-1 .txt h3
{
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;

    color: #3981e3;
    text-shadow: #fff 3px 0 0, #fff 0 3px 0, #fff -3px 0 0, #fff 0 -3px 0;
}
@media (max-width: 1470px)
{
    .banner .text-1 .txt h3
    {
        font-size: 50px;
    }
}
@media (max-width: 1199px)
{
    .banner .text-1 .txt h3
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .banner .text-1 .txt h3
    {
        font-size: 34px;
    }
}
@media (max-width: 767px)
{
    .banner .text-1 .txt h3
    {
        font-size: 20px;
    }
}
.banner .text-1 .txt h3 span
{
    color: #1295d9;
}
@media (max-width: 1470px)
{
    .banner .text-1 .txt img
    {
        max-width: 140px;
    }
}
@media (max-width: 991px)
{
    .banner .text-1 .txt img
    {
        max-width: 100px;
    }
}
@media (max-width: 767px)
{
    .banner .text-1 .txt img
    {
        max-width: 60px;
    }
}
.banner .text-1 .bimg
{
    text-align: center;
}
@media (max-width: 991px)
{
    .banner .text-1 .bimg
    {
        margin-top: 30px;
    }
}
.banner .text-1 .bimg img
{
    display: inline-block;

    max-width: 85%;
}
@media (max-width: 1470px)
{
    .banner .text-1 .bimg img
    {
        max-width: 70%;
    }
}
@media (max-width: 767px)
{
    .banner .text-1 .bimg img
    {
        max-width: 80%;
    }
}
.banner .text-2
{
    top: 16%;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
@media (max-width: 1470px)
{
    .banner .text-2
    {
        top: 10%;
    }
}
.banner .text-2 .txt
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
@media (max-width: 991px)
{
    .banner .text-2 .txt
    {
        display: block;
    }
}
.banner .text-2 .txt img
{
    margin-left: 20px;
}
@media (max-width: 991px)
{
    .banner .text-2 .txt img
    {
        display: none;
    }
}
.banner .text-2 h3
{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.4;

    margin: 0;

    text-transform: uppercase;

    color: #1295d9;
}
@media (max-width: 1470px)
{
    .banner .text-2 h3
    {
        font-size: 30px;
    }
}
@media (max-width: 1199px)
{
    .banner .text-2 h3
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .banner .text-2 h3
    {
        font-size: 16px;
    }
}
.banner .text-2 h2
{
    font-size: 32px;
    line-height: 1.2;

    margin: 0;

    text-transform: uppercase;

    color: #3981e3;
}
@media (max-width: 1470px)
{
    .banner .text-2 h2
    {
        font-size: 28px;
    }
}
@media (max-width: 991px)
{
    .banner .text-2 h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .banner .text-2 h2
    {
        font-size: 16px;
    }
}
.banner .text-3
{
    top: 16%;

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

    color: #fff;
}
@media (max-width: 1470px)
{
    .banner .text-3
    {
        top: 10%;
    }
}
.banner .text-3 .txt
{
    max-width: 80%;
    margin: 0 auto;

    text-align: right;
}
.banner .text-3 .txt h2
{
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;
}
@media (max-width: 1470px)
{
    .banner .text-3 .txt h2
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .banner .text-3 .txt h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .banner .text-3 .txt h2
    {
        font-size: 20px;
    }
}
.banner .text-3 .txt h3
{
    font-size: 62px;

    margin: 0;
}
@media (max-width: 1470px)
{
    .banner .text-3 .txt h3
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .banner .text-3 .txt h3
    {
        font-size: 40px;
    }
}
@media (max-width: 767px)
{
    .banner .text-3 .txt h3
    {
        font-size: 30px;
    }
}
.banner .slick-current .subject .img img
{
    -webkit-animation: bzoom 4s 0s ease both;
            animation: bzoom 4s 0s ease both;
}
.banner .slick-current .subject .text-1 h3
{
    -webkit-animation: fadeInDown 1s 0s ease both;
            animation: fadeInDown 1s 0s ease both;
}
.banner .slick-current .subject .text-1 .txt img
{
    -webkit-animation: fadeInLeft 1s 0s ease both;
            animation: fadeInLeft 1s 0s ease both;
}
.banner .slick-current .subject .text-1 .bimg
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .subject .text-2 .txt
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.banner .slick-current .subject .text-3 .txt
{
    -webkit-animation: fadeInRight 1s 0s ease both;
            animation: fadeInRight 1s 0s ease both;
}
.banner-in
{
    position: relative;

    overflow: hidden;
}
.banner-in img
{
    width: 100%;
}
@media (max-width: 767px)
{
    .banner-in img
    {
        width: 180%;
        margin-left: -40%;
    }
}
.banner-in .text-inner
{
    position: absolute;
    top: 50%;

    width: 100%;

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

    color: #fff;
}
.banner-in .text-inner h2,
.banner-in .text-inner h3
{
    font-family: 'Baloo';
    font-weight: bold;
    line-height: 1.4;

    margin: 0;

    text-transform: uppercase;

    color: #fff;
}
.banner-in .text-inner h2
{
    font-size: 48px;

    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
@media (max-width: 1199px)
{
    .banner-in .text-inner h2
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .banner-in .text-inner h2
    {
        font-size: 30px;
    }
}
.banner-in .text-inner h3
{
    font-size: 20px;

    text-transform: uppercase;
}
@media (max-width: 991px)
{
    .banner-in .text-inner h3
    {
        font-size: 18px;
    }
}
.banner-products
{
    height: 120px;

    background-color: #3981e3;
}
@media (max-width: 1199px)
{
    .banner-products
    {
        height: 60px;
    }
}
@-webkit-keyframes warn
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);

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

        opacity: 0;
    }
}
@keyframes warn
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);

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

        opacity: 0;
    }
}
@-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;
}
.spacing
{
    overflow: hidden;

    padding: 70px 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 991px)
{
    .spacing
    {
        padding: 40px 0;
    }
}
.spacing .more
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .spacing .more
    {
        margin-top: 14px;
    }
}
.spacing .more a
{
    line-height: 40px;

    display: inline-block;

    padding: 0 16px;

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

    border: 1px solid #fff;
    border-radius: 30px;
}
.spacing .more a:hover
{
    color: #3981e3;
    background-color: #fff;
}
.spacingbg
{
    overflow: hidden;

    max-width: 96%;
    margin: 0 auto;
    margin-top: 50px;

    border: 5px solid #fff;
    border-radius: 30px;
    background-color: #f7f7f7;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
.tit-spacing
{
    position: relative;
    z-index: 2;

    text-align: center;
}
.tit-spacing h2
{

    font-size: 32px;
    font-weight: bold;

    margin: 0;

    text-transform: uppercase;

    color: #3981e3;
}
@media (max-width: 1199px)
{
    .tit-spacing h2
    {
        font-size: 30px;
    }
}
@media (max-width: 991px)
{
    .tit-spacing h2
    {
        font-size: 24px;
    }
}
.tit-spacing h3
{
    font-size: 20px;

    line-height: 24px; margin-top:8px;

    color: #3981e3;
}


@media (max-width: 991px)
{
    .tit-spacing h3
    {
        font-size:16px;
    }
}

.tit-spacing.blue h2
{
    color: #1295d9;
}
.common-txt
{
    padding: 0 20px;
    margin-top: 20px;
}
.common-table-content
{
    padding: 0 20px;
    margin-top: 20px;
}
.common-table-content table td
{
    width:50%!important;
    padding: 15px!important;
    word-break: word-break;
}
@media (max-width: 991px)
{
    .common-txt
    {
        margin-top: 10px;
		padding:0 5px;
    }
}
.common-txt p
{
    font-size: 16px;
    line-height: 28px;

    margin: 0;

    color: #555;
}
@media (max-width: 991px)
{
    .common-txt p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.home-products .tit-spacing h2
{
    color: #3981e3;
}
.home-products .products-sort
{
    position: relative;

    max-width: 100%;
    margin: 0 auto;
    margin-top: 40px;

    border-radius: 10px;
    background-color: #3981e3;
}
@media (max-width: 1199px)
{
    .home-products .products-sort
    {
        max-width: 100%;
        margin-top: 20px;
    }
}
.home-products .products-sort #bgli1
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 25%;
    height: 100%;

    content: '';

    border-radius: 10px;
}
.home-products .products-sort > ul
{
    font-size: 0;
}
.home-products .products-sort > ul > li
{
    font-size: 16px;

    position: relative;

    display: inline-block;

    width: 16.6666%;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .home-products .products-sort > ul > li
    {
        width: 50%;
    }
.common-txt p img
{
    display: block;
    max-width: 100%;
    height: auto!important;
}
.common-txt p table img
{
    display: block;
    max-width: 100%;
    height: auto!important;
}
.common-table-content table td img
{
    display: block;
    max-width: 100%;
    height: auto!important;
}
.common-table-content p
{
    display: block!important;
}
.common-table-content table
{   
    width: 100%!important;
    display: block!important;
}
.common-table-content table td
{   
    width: 100%!important;
    display: block!important;
    max-width: 100%!important;
}
}
.home-products .products-sort > ul > li.active .subject h3
{
    color: #fff; font-weight:bold;
}
.home-products .products-sort > ul > li.active .subject h3:after
{
    opacity: 1;
}
.home-products .products-sort .subject
{
    position: relative;
    z-index: 2;

    display: block;

    padding: 14px 0;

    text-align: center;
}
.home-products .products-sort .subject h3
{
    font-size: 18px;
    line-height: 24px; font-weight:lighter;
    margin: 0;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-transform: uppercase;

    color: #fff;
}
@media (max-width: 991px)
{
    .home-products .products-sort .subject h3
    {
        font-size: 16px;
    }
}
.home-products .products-sort .subject h3:after
{
    position: absolute;
    bottom: 4px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    opacity: 0;
    border-width: 10px 5px 0 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.home-products .products-desc
{
    font-size: 0;
}
.home-products .products-desc .products-left,
.home-products .products-desc .products-right
{
    font-size: 14px;

    display: inline-block;

    margin-top: 50px;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .home-products .products-desc .products-left,
    .home-products .products-desc .products-right
    {
        margin-top: 30px;
    }
}
.home-products .products-desc .products-left
{
    width: 40%;
}
@media (max-width: 991px)
{
    .home-products .products-desc .products-left
    {
        width: 100%;
    }
}
.home-products .products-desc .products-left .subject
{
    position: relative;

    display: block;
    overflow: hidden;

    border-radius: 20px;
}
.home-products .products-desc .products-left .subject .ibox
{
    padding-bottom: 131.88889%;
}
.home-products .products-desc .products-left .subject .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-products .products-desc .products-left .subject .tt
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 30px;

    text-align: center;
}
@media (max-width: 1199px)
{
    .home-products .products-desc .products-left .subject .tt
    {
        padding: 10px;
    }
}
.home-products .products-desc .products-left .subject .tt h3
{
    font-size: 16px;
    line-height: 56px;

    display: -webkit-box;
    overflow: hidden;

    height: 56px;
    margin: 0;
    padding: 0 10px;

    text-transform: uppercase;

    color: #666;
    border-radius: 10px;
    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .home-products .products-desc .products-left .subject .tt h3
    {
        font-size: 14px;
        line-height: 40px;

        height: 40px;
    }
}
.home-products .products-desc .products-left .subject:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-products .products-desc .products-left .subject:hover .tt h3
{
    color: #1295d9;
}
.home-products .products-desc .products-right
{
    width: 57%;
    padding-left: 3%;
}
@media (max-width: 991px)
{
    .home-products .products-desc .products-right
    {
        width: 100%;
        padding-left: 0;
    }
}
.home-products .products-desc .products-right .title-pro h2
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: uppercase;
}
.home-products .products-desc .products-right .products-scroll ul
{
    margin: 0 -10px;
}
@media (max-width: 767px)
{
    .home-products .products-desc .products-right .products-scroll ul
    {
        margin: 0 -5px;
    }
}
.home-products .products-desc .products-right .products-scroll ul li
{
    padding: 0 10px;
}
@media (max-width: 767px)
{
    .home-products .products-desc .products-right .products-scroll ul li
    {
        padding: 0 5px;
    }
}
.home-products .products-desc .products-right .products-scroll .subject
{
    display: block;

    margin-bottom: 0px;
}
@media (max-width: 1199px)
{
    .home-products .products-desc .products-right .products-scroll .subject
    {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px)
{
    .home-products .products-desc .products-right .products-scroll .subject
    {
        margin-bottom: 20px;
    }
}
.home-products .products-desc .products-right .products-scroll .subject .img
{
    overflow: hidden;

    border: 1px solid #ebebeb;
    border-radius: 10px;
}

.home-products .products-desc .products-right .products-scroll .subject .ibox{ padding-bottom:146%;}

.home-products .products-desc .products-right .products-scroll .subject .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-products .products-desc .products-right .products-scroll .subject .desc
{
    position:relative;
    bottom: 42px;
    z-index: 55;
    background:rgba(255,255,255,.6);
    width: 100%;
}
.home-products .products-desc .products-right .products-scroll .subject .desc h3
{
    font-size: 16px;
    line-height:42px;

    display: -webkit-box;
    overflow: hidden;

    height: 42px;
    margin: 0; padding:0 12px;

    color: #000;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1350px)
{
    .home-products .products-desc .products-right .products-scroll .subject .desc h3
    {
        font-size: 14px;
    }
}
.home-products .products-desc .products-right .products-scroll .subject .desc .icon
{
    font-size: 16px;
    line-height: 25px;

    position: absolute;
    top: 50%;
    right:12px;

    width: 25px;
    height: 25px;

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

    color: #fff;
    border-radius: 50%;
    background-color: #1295d9;
}
.home-products .products-desc .products-right .products-scroll .subject:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-products .products-desc .products-right .products-scroll .subject:hover .desc h3
{
    color: #1295d9;
}
.home-advantage
{
 background:url(../images/ysbg.jpg) top center no-repeat; 
 background-size:cover;
}
.home-advantage .tit-spacing h2
{
    color: #3981e3;
}
.home-advantage .advantage
{
    overflow: hidden;

    color: #3981e3; margin-top:40px;
}
@media (max-width: 1199px)
{
    .home-advantage .advantage
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .home-advantage .advantage
    {
        margin-top: 10px;
    }
}
.home-advantage .advantage ul
{
    font-size: 0;

    margin: 0 -15px;
}
@media (max-width: 991px)
{
    .home-advantage .advantage ul
    {
        margin: 0 -8px;
    }
}
.home-advantage .advantage ul li
{
    font-size: 14px;

    display: inline-block;

    width: 25%;
    padding: 0 15px;

    vertical-align: top; 

    
}
@media (max-width: 1199px)
{
    .home-advantage .advantage ul li
    {
        width: 50%;
        padding: 0 8px;
    }
}
@media (max-width: 767px)
{
    .home-advantage .advantage ul li
    {
        width: 100%; margin-bottom:20px;
		
    }
}
.home-advantage .advantage .subject
{
	border:2px solid #3981e3; 
	border-radius:12px;
	

    margin: 0 auto;
    padding: 40px 10px;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;
}
@media (max-width: 1199px)
{
    .home-advantage .advantage .subject
    {
        max-width: 100%;
        padding: 10px 0;
    }
}
.home-advantage .advantage .subject h3
{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}
.home-advantage .advantage .subject .s-icon
{
    width: 148px; height:148px; border:2px solid #3981e3; border-radius:50%;
    margin: 20px auto;
}
@media (max-width: 991px)
{
    .home-advantage .advantage .subject .s-icon
    {
        width: 80px; height:80px;
    }
	.home-advantage .advantage .subject h3{ font-size:18px;}
}

.home-advantage .advantage .subject .s-icon img
{
    width:100px; padding-top:24px;
}
.home-advantage .advantage .subject p
{
    font-size: 17px;
    line-height: 26px;

    margin: 0;
}
@media (max-width: 1199px)
{
    .home-advantage .advantage .subject p
    {
        line-height: 24px;
    }
	
	.home-advantage .advantage .subject .s-icon img
{
    width:60px; padding-top:14px;
}
}
@media (max-width: 991px)
{
    .home-advantage .advantage .subject p
    {
        font-size: 14px;
    }
}
.home-advantage .advantage .subject:hover .s-icon img
{
    -webkit-animation: swing 1s 0s ease both;
            animation: swing 1s 0s ease both;
}
.home-solutions
{
    background: url(../images/choose_bg.jpg) no-repeat center;
    background-size: cover;
}
.home-solutions .tit-spacing h2, .home-solutions .tit-spacing h3
{
    color: #fff;
}
.home-solutions .solutions
{
    margin-top: 70px;
}
@media (max-width: 1199px)
{
    .home-solutions .solutions
    {
        margin-top: 40px;
    }
}
@media (max-width: 767px)
{
    .home-solutions .solutions
    {
        margin-top: 30px;
    }
}
.home-solutions .solutions > ul
{
    font-size: 0;

    border-top: 1px solid rgba(255, 255, 255, .4);
    border-left: 1px solid rgba(255, 255, 255, .4);
}
.home-solutions .solutions > ul > li
{
    font-size: 14px;

    display: inline-block;

    width: 50%;

    vertical-align: top;

    border-right: 1px solid rgba(255, 255, 255, .4);
    border-bottom: 1px solid rgba(255, 255, 255, .4);
}
@media (max-width: 991px)
{
    .home-solutions .solutions > ul > li
    {
        width: 50%;
    }
}
@media (max-width: 767px)
{
    .home-solutions .solutions > ul > li
    {
        width: 100%;
    }
}
.home-solutions .solutions > ul > li:nth-child(1)
{
    width: 50%;
}
@media (max-width: 991px)
{
    .home-solutions .solutions > ul > li:nth-child(1)
    {
        width: 100%;
    }
}
.home-solutions .solutions .subject
{
    position: relative;

    padding: 30px 20px 100px 20px;

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

    color: #fff;
}
@media (max-width: 767px)
{
    .home-solutions .solutions .subject
    {
        padding: 20px 14px 80px 14px;
    }
}
.home-solutions .solutions .subject .title-subject h3
{
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: capitalize;
}
@media (max-width: 991px)
{
    .home-solutions .solutions .subject .title-subject h3
    {
        font-size: 18px;
    }
}
.home-solutions .solutions .subject .title-subject h3:before
{
    display: inline-block;

    width: 6px;
    height: 28px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background-color: #fff;
}
.home-solutions .solutions .subject .desc
{
    margin-top: 20px;
}
.home-solutions .solutions .subject .desc p
{
    font-size: 19px;
    line-height:1.8; 
	
	font-weight:lighter;

    color: rgba(255, 255, 255, 1);
}
@media (max-width: 991px)
{
    .home-solutions .solutions .subject .desc p
    {
        font-size: 14px;
    }
}
.home-solutions .solutions .subject .img
{
    position: absolute;
    right: 20px;
    bottom: 20px;

    width: 80px;

    opacity: .5;
}
@media (max-width: 767px)
{
    .home-solutions .solutions .subject .img
    {
        right: 14px;
        bottom: 14px;

        width: 40px;
    }
}
.home-solutions .solutions .subject .img img
{
    width: 100%;
}
.home-solutions .solutions .subject:hover
{
    background-color: rgba(255, 255, 255, .2);
}
.home-solutions .solutions .subject:hover .img img
{
    -webkit-animation: flipInY 1s 0s ease both;
            animation: flipInY 1s 0s ease both;
}
.home-service .service
{
    position: relative;

    margin-top: 50px;
}
@media (max-width: 991px)
{
    .home-service .service
    {
        margin-top: 30px;
    }
}
.home-service .desc
{
    width: 80%;
    padding: 40px 23% 40px 40px;

    color: #fff;
    border-radius: 20px;
    background-image: linear-gradient(120deg, #1263d2 0%, #3780e3 100%);
}
@media (max-width: 991px)
{
    .home-service .desc
    {
        padding: 20px ; width:100%;
    }
}
.home-service .desc .tit-spacing
{
    text-align: left;
}
.home-service .desc .tit-spacing h2
{
    color: #fff;
}
.home-service .desc .not
{
    display: -webkit-box;
 

    margin-top: 20px;

    -webkit-box-orient: vertical;
 
}
@media (max-width: 991px)
{
    .home-service .desc .not
    {
      
    }
}
.home-service .desc .not p
{
    font-size: 18px;
    line-height: 36px;

    margin: 0;
	text-indent: 34px;

    color: rgba(255, 255, 255, .9);
}


@media (max-width: 991px)
{
    .home-service .desc .not p
    {
        font-size: 16px;
        line-height: 24px;
    }
}
.home-service .desc .not p strong{ float:left; width:100%;}

.home-service .desc .not p em{ font-style:normal; width:100%; color:#ffb945; float:left; font-weight:bold;}

.home-service .img
{
    position: absolute;
    right: 0;
    bottom: -70px;

    max-width: 100%;
}
@media (max-width: 991px)
{
    .home-service .img
    {
        max-width: 100%; display: contents;
    }
	.home-service{ padding-bottom:0;}
	
	.home-service .desc .tit-spacing h2{ font-size:18px;}
	
}
.home-service .img img
{
    max-width:85%; margin-left:14%;
}
.home-custom .custom-sort
{
    position: relative;

    margin-top: 40px;
}
@media (max-width: 767px)
{
    .home-custom .custom-sort
    {
        margin-top: 20px;
    }
	
	.home-service .img img
{
    max-width:80%; margin-left:5%;
}
	
}
.home-custom .custom-sort #bgli
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 11.11111111%;
    height: 100%;

    content: '';

    border-radius: 30px;
    background-color: #3981e3;
}
.home-custom .custom-sort #bgli:after
{
    position: absolute;
    bottom: -10px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-width: 10px 5px 0 5px;
    border-style: solid;
    border-color: #3981e3 transparent transparent transparent;
}
.home-custom .custom-sort > ul
{
    font-size: 0;
}
.home-custom .custom-sort > ul > li
{
    font-size: 16px;

    position: relative;

    display: inline-block;

    width: 11.11111111%;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .home-custom .custom-sort > ul > li
    {
        width: 20%;
    }
}
@media (max-width: 767px)
{
    .home-custom .custom-sort > ul > li
    {
        width: 33.33333333%;
    }
}
@media (max-width: 1199px)
{
    .home-custom .custom-sort > ul > li.active
    {
        background-color: #1295d9;
    }
    .home-custom .custom-sort > ul > li.active:after
    {
        position: absolute;
        bottom: -10px;
        left: 50%;

        display: block;

        width: 0;
        height: 0;

        content: '';
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);

        border-width: 10px 5px 0 5px;
        border-style: solid;
        border-color: #1295d9 transparent transparent transparent;
    }
}
@media (max-width: 1199px) and (max-width: 767px)
{
    .home-custom .custom-sort > ul > li.active:after
    {
        display: none;
    }
}
.home-custom .custom-sort > ul > li.active .subject h3
{
    color: #fff;
}
.home-custom .custom-sort .subject
{
    position: relative;
    z-index: 2;

    display: block;

    padding: 8px 0;

    text-align: center;
}
.home-custom .custom-sort .subject h3
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;
    margin: 0;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-transform: capitalize;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1470px)
{
    .home-custom .custom-sort .subject h3
    {
        font-size: 14px;
    }
}
.home-custom .custom-desc
{
    margin-top: 40px;
}
@media (max-width: 767px)
{
    .home-custom .custom-desc
    {
        margin-top: 20px;
    }
}
.home-custom .custom-desc .custom-scroll
{
    margin: 0 -25px;
}
@media (max-width: 1470px)
{
    .home-custom .custom-desc .custom-scroll
    {
        margin: 0 -15px;
    }
}
@media (max-width: 767px)
{
    .home-custom .custom-desc .custom-scroll
    {
        margin: 0 -8px;
    }
}
.home-custom .custom-desc .slick-slide
{
    padding: 10px 25px;
}
@media (max-width: 1470px)
{
    .home-custom .custom-desc .slick-slide
    {
        padding: 10px 15px;
    }
}
@media (max-width: 767px)
{
    .home-custom .custom-desc .slick-slide
    {
        padding: 10px 8px;
    }
}
.home-custom .custom-desc .subject
{
    display: block;
    overflow: hidden;

    margin-top: 40px;

    text-align: center;

    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
@media (max-width: 767px)
{
    .home-custom .custom-desc .subject
    {
        margin-top: 20px;
    }
}
.home-custom .custom-desc .subject .img { padding:15px 15px 0 15px;}

.home-custom .custom-desc .subject .img .ibox{ padding-bottom:140%}

.home-custom .custom-desc .subject .img .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-custom .custom-desc .subject .desc h3
{
    font-size: 16px;
    line-height: 50px;

    display: -webkit-box;
    overflow: hidden;

    height: 50px;
    margin: 0;
    padding: 0 10px;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1470px)
{
    .home-custom .custom-desc .subject .desc h3
    {
        font-size: 14px;
    }
}
@media (max-width: 991px)
{
    .home-custom .custom-desc .subject .desc h3
    {
        line-height: 50px;

        height: 50px;
    }
}
.home-custom .custom-desc .subject:hover .img .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-custom .custom-desc .subject:hover .desc h3
{
    color: #3981e3;
}
.home-custom .custom-desc .more
{
    text-align: center;
}
.home-custom .custom-desc .more a
{
    -webkit-transition: all .2s;
            transition: all .2s;

    color: #777;
    border-color: #f1f1f1;
    background-color: #f1f1f1;
}
.home-custom .custom-desc .more a:hover
{
    color: #fff;
    background-color: #3981e3;
}
.home-advantgae-other .advantgae
{
    overflow: hidden;

    text-align: center;
}
.home-advantgae-other .advantgae ul
{
    overflow: hidden;

    margin: 0 -30px;
}
@media (max-width: 1470px)
{
    .home-advantgae-other .advantgae ul
    {
        margin: 0 -15px;
    }
}
.home-advantgae-other .advantgae ul li
{
    padding: 0 30px;

    border-right: 1px solid #e8e8e8;
}
@media (max-width: 1470px)
{
    .home-advantgae-other .advantgae ul li
    {
        padding: 0 15px;
    }
}
.home-advantgae-other .advantgae .subject
{
    padding: 50px 0;

    -webkit-transition: all .6s;
            transition: all .6s;
}
@media (max-width: 1199px)
{
    .home-advantgae-other .advantgae .subject
    {
        padding: 20px 0;
    }
}
@media (max-width: 767px)
{
    .home-advantgae-other .advantgae .subject
    {
        padding: 10px 0;
    }
}
.home-advantgae-other .advantgae .subject b
{
   
    font-size: 60px;
    line-height: 1.4;

    display: block;

    margin-bottom: 20px;

    color: #3981e3;
}
@media (max-width: 1199px)
{
    .home-advantgae-other .advantgae .subject b
    {
        font-size: 50px;
    }
}
@media (max-width: 767px)
{
    .home-advantgae-other .advantgae .subject b
    {
        font-size: 40px;
    }
}
.home-advantgae-other .advantgae .subject b:after
{
    display: block;

    width: 40px;
    height: 3px;
    margin: 0 auto;

    content: '';

    background-color: #3981e3;
}
.home-advantgae-other .advantgae .subject p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;

    color: #777;
}
@media (max-width: 1199px)
{
    .home-advantgae-other .advantgae .subject p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.home-advantgae-other .advantgae .subject:hover
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
.home-works
{
    position: relative;

    background-color: #3981e3;
}
.home-works:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 36%;

    content: '';

    background-color: #f7f7f7;
}
.home-works .works
{
    position: relative;
    z-index: 2;

    margin-top: 20px;
    padding: 0 5%;
}
.home-works .works .works-scroll
{
    margin: 0 -10px;
}
@media (min-width: 1200px)
{
    .home-works .works .works-scroll
    {
        margin: 0 -25px;
    }
    .home-works .works .works-scroll .slick-slide
    {
        padding: 0 25px;
    }
}
.home-works .works .works-scroll .slick-slide
{
    padding: 0 10px;
}
.home-works .works .subject
{
    position: relative;

    margin-top: 30px;
    padding: 40px 30px 60px;

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

    border-radius: 20px;
    background-color: #fff;
    box-shadow: 5px 0 10px rgba(57, 129, 227, .4);
}
@media (max-width: 991px)
{
    .home-works .works .subject
    {
        padding: 30px 20px;
    }
}
.home-works .works .subject .tit-works h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;

    margin: 10px 0;

    text-transform: uppercase;

    color: #3981e3;
}
@media (max-width: 1350px)
{
    .home-works .works .subject .tit-works h3
    {
        font-size: 20px;
    }
}
.home-works .works .subject .tit-works h3 b
{
   
    font-size: 36px;

    display: inline-block;

    margin-right: 6px;

    vertical-align: middle;

    color: #3981e3;
}
@media (max-width: 1350px)
{
    .home-works .works .subject .tit-works h3 b
    {
        font-size: 30px;
    }
}
.home-works .works .subject .desc p
{
    font-size: 16px;
    line-height: 20px;

    margin: 0;

    color: #666;
}
.home-works .works .subject .wicon
{
    width: 94px;
    margin: 0 auto;
    margin-top: 60px;
}
@media (max-width: 991px)
{
    .home-works .works .subject .wicon
    {
        width: 70px;
        margin-top: 20px;
    }
}
.home-works .works .subject .wicon img
{
    width: 100%;
}
.home-works .works .subject:hover
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
.home-works .works .slick-arrow
{
    font-size: 24px;
    line-height: 60px;

    top: 60%;
    left: -5%;

    width: 60px;
    height: 60px;

    text-align: center;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
}
@media (max-width: 1199px)
{
    .home-works .works .slick-arrow
    {
        font-size: 20px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767px)
{
    .home-works .works .slick-arrow
    {
        left: -30px;
    }
}
.home-works .works .slick-arrow.slick-next
{
    right: -5%;
    left: auto;
}
@media (max-width: 767px)
{
    .home-works .works .slick-arrow.slick-next
    {
        right: -30px;
    }
}
@media (max-width: 767px)
{
    .home-choose
    {
        padding-top: 0;
    }
}
.home-choose .choose ul li
{
    font-size: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -40px;
}
@media (max-width: 1199px)
{
    .home-choose .choose ul li
    {
        margin: 0 -15px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose ul li
    {
        display: block;

        margin: 0 -5px;
    }
}
.home-choose .choose ul li .subject
{
    font-size: 14px;

    display: inline-block;

    width: 50%;
    margin-top: 40px;
    padding: 0 40px;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .home-choose .choose ul li .subject
    {
        margin-top: 20px;
        padding: 0 15px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose ul li .subject
    {
        width: 100%;
        padding: 0 5px;
    }
}
.home-choose .choose ul li .subject .title-subject
{
    font-size: 0;

    overflow: hidden;

    padding: 30px;

    cursor: pointer;

    border-radius: 20px;
    background-color: #1295d9;
}
@media (max-width: 767px)
{
    .home-choose .choose ul li .subject .title-subject
    {
        padding: 10px;
    }
}
.home-choose .choose ul li .subject .title-subject img
{
    display: inline-block;

    width: 80px;

    vertical-align: middle;

    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
@media (max-width: 1350px)
{
    .home-choose .choose ul li .subject .title-subject img
    {
        width: 60px;
    }
}
@media (max-width: 991px)
{
    .home-choose .choose ul li .subject .title-subject img
    {
        width: 30px;
    }
}
.home-choose .choose ul li .subject .title-subject h3
{
    font-family: 'Baloo';
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;

    position: relative;

    display: inline-block;

    width: -webkit-calc(100% - 80px);
    width:         calc(100% - 80px);
    margin: 0;
    padding-right: 30px;
    padding-left: 20px;

    vertical-align: middle;

    color: #fff;
}
@media (max-width: 1470px)
{
    .home-choose .choose ul li .subject .title-subject h3
    {
        font-size: 20px;
    }
}
@media (max-width: 1350px)
{
    .home-choose .choose ul li .subject .title-subject h3
    {
        width: -webkit-calc(100% - 60px);
        width:         calc(100% - 60px);
    }
}
@media (max-width: 991px)
{
    .home-choose .choose ul li .subject .title-subject h3
    {
        font-size: 18px;

        width: -webkit-calc(100% - 30px);
        width:         calc(100% - 30px);
    }
}
@media (max-width: 767px)
{
    .home-choose .choose ul li .subject .title-subject h3
    {
        font-size: 16px;
        line-height: 24px;
    }
}
.home-choose .choose ul li .subject .title-subject h3:after
{
    font-family: 'iconfont' !important;
    line-height: 24px;
    line-height: 30px;

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

    width: 30px;
    height: 30px;

    content: '\e689';
    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;
}
.home-choose .choose ul li .subject .sub-down
{
    position: relative;
    z-index: 2;

    display: none;
    overflow: hidden;

    max-width: -webkit-calc(100% - 60px);
    max-width:         calc(100% - 60px);
    height: -webkit-calc(100% - 140px);
    height:         calc(100% - 140px);
    margin: 0 auto;
    margin-top: -100px;
    padding: 50px 40px;

    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 991px)
{
    .home-choose .choose ul li .subject .sub-down
    {
        padding: 30px 20px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose ul li .subject .sub-down
    {
        display: block;

        max-width: 100%;
        margin-top: 0;
        padding: 20px 10px;
    }
}
.home-choose .choose ul li .subject .sub-down p
{
    font-size: 16px;
    line-height: 2.25;

    position: relative;

    margin: 0;
    padding-left: 30px;

    color: #777;
}
@media (max-width: 1199px)
{
    .home-choose .choose ul li .subject .sub-down p
    {
        font-size: 14px;
        line-height: 2.14285714;

        padding-left: 20px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose ul li .subject .sub-down p
    {
        line-height: 22px;

        padding-left: 15px;
    }
}
.home-choose .choose ul li .subject .sub-down p:before
{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;

    content: '';

    border-radius: 50%;
    background-color: #1295d9;
}
@media (max-width: 1199px)
{
    .home-choose .choose ul li .subject .sub-down p:before
    {
        width: 8px;
        height: 8px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose ul li .subject .sub-down p:before
    {
        top: 8px;
    }
}
.home-choose .choose ul li .subject:nth-child(2n) .title-subject
{
    background-color: #3981e3;
}
.home-choose .choose ul li .subject:nth-child(2n) .sub-down p:before
{
    background-color: #3981e3;
}
.home-choose .choose ul li.current .subject .title-subject
{
    padding-bottom: 130px;
}
.home-choose .choose ul li.current .subject .title-subject h3:after
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.home-factory
{
    position: relative;

    padding-top: 0;

    background-color: #eaf8ff;
}
.home-factory:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 40px;

    content: '';

    background-color: #fff;
}
.home-factory .videobox
{
    position: relative;
    z-index: 2;

    max-width: 870px;
    margin: 0 auto;
}
.home-factory .videobox .video
{
    position: relative;

    border: 6px solid #fff;
    border-radius: 20px;
}
.home-factory .videobox .video img
{
    width: 100%;
}
.home-factory .videobox .video .play
{
    font-size: 140px;

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

    cursor: pointer;
    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);

    color: #fff;
}
@media (max-width: 1350px)
{
    .home-factory .videobox .video .play
    {
        font-size: 100px;
    }
}
@media (max-width: 767px)
{
    .home-factory .videobox .video .play
    {
        font-size: 60px;
    }
}
.home-factory .videobox .video .play:before
{
    font-family: 'iconfont' !important;

    content: '\e64c';
}
.home-factory .videobox .video .play:hover
{
    color: #3981e3;
}
.home-factory .videobox .jiaojuan
{
    position: absolute;
    bottom: 0;
    left: -160px;
}
.home-factory .factory
{
    margin-top: 50px;
}
.home-factory .factory .factory-scroll
{
    margin: 0 -20px;
    margin-top: 30px;
    padding: 0 60px;
}
@media (max-width: 1350px)
{
    .home-factory .factory .factory-scroll
    {
        margin-right: -10px;
        margin-left: -10px;
    }
}
@media (max-width: 991px)
{
    .home-factory .factory .factory-scroll
    {
        margin: 0 -8px;
        margin-top: 20px;
        padding: 0 30px;
    }
}
@media (max-width: 767px)
{
    .home-factory .factory .factory-scroll
    {
        padding: 0 10px;
    }
}
.home-factory .factory .slick-slide
{
    padding: 0 20px;
}
@media (max-width: 1350px)
{
    .home-factory .factory .slick-slide
    {
        padding: 0 10px;
    }
}
@media (max-width: 991px)
{
    .home-factory .factory .slick-slide
    {
        padding: 0 8px;
    }
}
.home-factory .factory .subject
{
    display: block;
    overflow: hidden;

    border: 5px solid #fff;
    border-radius: 20px;
}
.home-factory .factory .subject .ibox
{
    padding-bottom: 75%;
}
.home-factory .factory .subject .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-factory .factory .subject:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-about .about
{
    font-size: 0;
}
.home-about .about .about-left,
.home-about .about .about-right
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.home-about .about .about-left
{
    width: 60%;
    padding-right: 5%;
}
@media (max-width: 1199px)
{
    .home-about .about .about-left
    {
        padding-right: 3%;
    }
}
@media (max-width: 767px)
{
    .home-about .about .about-left
    {
        width: 100%;
        padding-right: 0;
    }
}


.home-about .about .about-right .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 76px;
    height: 76px;
    margin-left: -38px;
    margin-top: -38px;
    background: url(../images/about_us02_2.png) no-repeat center;
    background-size: cover;
}


.home-about .about .about-left .tit-spacing
{
    text-align: left;
}
.home-about .about .about-left .desc
{
    margin-top: 20px;
}
.home-about .about .about-left .desc p
{
    font-size: 16px;

    left: 30px;

    margin: 0;

    color: #666;
}
@media (max-width: 1199px)
{
    .home-about .about .about-left .desc p
    {
        font-size: 14px;
    }
}
.home-about .about .about-left .more a
{
    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-color: #3981e3;
    background-color: #3981e3;
}
.home-about .about .about-left .more a:hover
{
    color: #fff;
    background-color: #0e5fce;
}
.home-about .about .about-right
{
    width: 40%; 
	position:relative;
	border-radius:0 0 0 20px;
	background:#000;
	overflow: hidden;
}
@media (max-width: 767px)
{
    .home-about .about .about-right
    {
        width: 100%;
        margin-top: 20px;
    }
}
.home-about .about .about-right img
{
    overflow: hidden;

    width: 100%;

   opacity:0.7;
}
.home-number
{
    padding: 50px 0;

    background-color: #3981e3;
}
@media (max-width: 767px)
{
    .home-number
    {
        padding: 30px 0;
    }
}
.home-number ul
{
    font-size: 0;
}
@media (min-width: 768px)
{
    .home-number ul
    {
        width: 100%;
        padding: 0;

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

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

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

    display: inline-block;

    max-width: 25%;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 767px)
{
    .home-number li
    {
        width: 33.33333333%;
        max-width: 33.33333333%;
    }
}
.home-number .subject
{
    margin: 10px 0;

    color: #fff;
}
@media (max-width: 991px)
{
    .home-number .subject
    {
        margin-top: 20px;
    }
}
.home-number .subject h3
{
   
    font-size: 60px;
    font-weight: bold;
    line-height: 1;

    margin: 0;

    -webkit-transition: all .4s;
            transition: all .4s;
}
@media (max-width: 1470px)
{
    .home-number .subject h3
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .home-number .subject h3
    {
        font-size: 30px;
    }
}
.home-number .subject h3:after
{
    display: block;

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

    content: '';

    background-color: #fff;
}
.home-number .subject p
{
    font-size: 16px;
    line-height: 24px;

    max-width: 200px;
    margin: 0 auto;
    margin-top: 10px;

    -webkit-transition: all .4s;
            transition: all .4s;
}
@media (max-width: 991px)
{
    .home-number .subject p
    {
        font-size: 14px;
        line-height: 20px;
    }
}
.home-number .subject:hover h3,
.home-number .subject:hover p
{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
.home-blogs .blogs
{
    overflow: hidden;
}
.home-blogs .blogs > ul
{
    margin: 0 -50px;
}
@media (max-width: 1350px)
{
    .home-blogs .blogs > ul
    {
        margin: 0 -20px;
    }
}
.home-blogs .blogs > ul > li
{
    padding: 0 50px;

    border-right: 1px solid #ebebeb;
}
@media (max-width: 1350px)
{
    .home-blogs .blogs > ul > li
    {
        padding: 0 20px;
    }
}
.home-blogs .blogs .tit-news
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.home-blogs .blogs .tit-news h3
{
   
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: uppercase;

    color: #3981e3;
}
.home-blogs .blogs .tit-news .news-more a
{
    font-size: 14px;
    line-height: 30px;

    display: block;

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

    color: #999;
}
.home-blogs .blogs .tit-news .news-more a:hover
{
    color: #3981e3;
}
.home-blogs .blogs .news,
.home-blogs .blogs .faqs,
.home-blogs .blogs .knowledge
{
    margin-top: 50px;
}
@media (max-width: 767px)
{
    .home-blogs .blogs .news,
    .home-blogs .blogs .faqs,
    .home-blogs .blogs .knowledge
    {
        margin-top: 30px;
    }
}
.home-blogs .blogs .news .news-list > ul > li,
.home-blogs .blogs .knowledge .news-list > ul > li,
.home-blogs .blogs .news .knowledge-list > ul > li,
.home-blogs .blogs .knowledge .knowledge-list > ul > li
{
    border-bottom: 1px solid #e5e5e5;
}
.home-blogs .blogs .news .news-list > ul > li:last-child,
.home-blogs .blogs .knowledge .news-list > ul > li:last-child,
.home-blogs .blogs .news .knowledge-list > ul > li:last-child,
.home-blogs .blogs .knowledge .knowledge-list > ul > li:last-child
{
    border-bottom: none;
}
.home-blogs .blogs .news .news-list .subject,
.home-blogs .blogs .knowledge .news-list .subject,
.home-blogs .blogs .news .knowledge-list .subject,
.home-blogs .blogs .knowledge .knowledge-list .subject
{
    display: block;

    padding: 20px 0;
}
.home-blogs .blogs .news .news-list .subject .desc,
.home-blogs .blogs .knowledge .news-list .subject .desc,
.home-blogs .blogs .news .knowledge-list .subject .desc,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc
{
    font-size: 0;
}
.home-blogs .blogs .news .news-list .subject .desc .img,
.home-blogs .blogs .knowledge .news-list .subject .desc .img,
.home-blogs .blogs .news .knowledge-list .subject .desc .img,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .img,
.home-blogs .blogs .news .news-list .subject .desc .txt,
.home-blogs .blogs .knowledge .news-list .subject .desc .txt,
.home-blogs .blogs .news .knowledge-list .subject .desc .txt,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .txt
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.home-blogs .blogs .news .news-list .subject .desc .img,
.home-blogs .blogs .knowledge .news-list .subject .desc .img,
.home-blogs .blogs .news .knowledge-list .subject .desc .img,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .img
{
    width: 130px;
}
@media (max-width: 991px)
{
    .home-blogs .blogs .news .news-list .subject .desc .img,
    .home-blogs .blogs .knowledge .news-list .subject .desc .img,
    .home-blogs .blogs .news .knowledge-list .subject .desc .img,
    .home-blogs .blogs .knowledge .knowledge-list .subject .desc .img
    {
        width: 100px;
    }
}
.home-blogs .blogs .news .news-list .subject .desc .img .ibox,
.home-blogs .blogs .knowledge .news-list .subject .desc .img .ibox,
.home-blogs .blogs .news .knowledge-list .subject .desc .img .ibox,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .img .ibox
{
    padding-bottom: 76.66666667%;
}
.home-blogs .blogs .news .news-list .subject .desc .img .ibox img,
.home-blogs .blogs .knowledge .news-list .subject .desc .img .ibox img,
.home-blogs .blogs .news .knowledge-list .subject .desc .img .ibox img,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .img .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-blogs .blogs .news .news-list .subject .desc .txt,
.home-blogs .blogs .knowledge .news-list .subject .desc .txt,
.home-blogs .blogs .news .knowledge-list .subject .desc .txt,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .txt
{
    width: -webkit-calc(100% - 130px);
    width:         calc(100% - 130px);
    padding-left: 20px;
}
@media (max-width: 991px)
{
    .home-blogs .blogs .news .news-list .subject .desc .txt,
    .home-blogs .blogs .knowledge .news-list .subject .desc .txt,
    .home-blogs .blogs .news .knowledge-list .subject .desc .txt,
    .home-blogs .blogs .knowledge .knowledge-list .subject .desc .txt
    {
        width: -webkit-calc(100% - 100px);
        width:         calc(100% - 100px);
    }
}
.home-blogs .blogs .news .news-list .subject .desc .txt h3,
.home-blogs .blogs .knowledge .news-list .subject .desc .txt h3,
.home-blogs .blogs .news .knowledge-list .subject .desc .txt h3,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .txt h3
{
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

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

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.home-blogs .blogs .news .news-list .subject .desc .txt p,
.home-blogs .blogs .knowledge .news-list .subject .desc .txt p,
.home-blogs .blogs .news .knowledge-list .subject .desc .txt p,
.home-blogs .blogs .knowledge .knowledge-list .subject .desc .txt p
{
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 0;

    color: #999;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.home-blogs .blogs .news .news-list .subject .link,
.home-blogs .blogs .knowledge .news-list .subject .link,
.home-blogs .blogs .news .knowledge-list .subject .link,
.home-blogs .blogs .knowledge .knowledge-list .subject .link
{
    margin-top: 10px;
}
.home-blogs .blogs .news .news-list .subject .link .date,
.home-blogs .blogs .knowledge .news-list .subject .link .date,
.home-blogs .blogs .news .knowledge-list .subject .link .date,
.home-blogs .blogs .knowledge .knowledge-list .subject .link .date,
.home-blogs .blogs .news .news-list .subject .link .more,
.home-blogs .blogs .knowledge .news-list .subject .link .more,
.home-blogs .blogs .news .knowledge-list .subject .link .more,
.home-blogs .blogs .knowledge .knowledge-list .subject .link .more
{
    font-size: 14px;
    line-height: 24px;

    display: inline-block;

    margin-top: 10px;

    vertical-align: top;
}
.home-blogs .blogs .news .news-list .subject .link .date .icon,
.home-blogs .blogs .knowledge .news-list .subject .link .date .icon,
.home-blogs .blogs .news .knowledge-list .subject .link .date .icon,
.home-blogs .blogs .knowledge .knowledge-list .subject .link .date .icon,
.home-blogs .blogs .news .news-list .subject .link .more .icon,
.home-blogs .blogs .knowledge .news-list .subject .link .more .icon,
.home-blogs .blogs .news .knowledge-list .subject .link .more .icon,
.home-blogs .blogs .knowledge .knowledge-list .subject .link .more .icon
{
    font-size: 20px;

    display: inline-block;

    margin-right: 4px;

    vertical-align: middle;
}
.home-blogs .blogs .news .news-list .subject .link .date,
.home-blogs .blogs .knowledge .news-list .subject .link .date,
.home-blogs .blogs .news .knowledge-list .subject .link .date,
.home-blogs .blogs .knowledge .knowledge-list .subject .link .date
{
    margin-right: 20px;

    color: #1295d9;
}
.home-blogs .blogs .news .news-list .subject .link .more,
.home-blogs .blogs .knowledge .news-list .subject .link .more,
.home-blogs .blogs .news .knowledge-list .subject .link .more,
.home-blogs .blogs .knowledge .knowledge-list .subject .link .more
{
    color: #3981e3;
}
.home-blogs .blogs .news .news-list .subject:hover .desc .img .ibox img,
.home-blogs .blogs .knowledge .news-list .subject:hover .desc .img .ibox img,
.home-blogs .blogs .news .knowledge-list .subject:hover .desc .img .ibox img,
.home-blogs .blogs .knowledge .knowledge-list .subject:hover .desc .img .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-blogs .blogs .news .news-list .subject:hover .desc .txt h3,
.home-blogs .blogs .knowledge .news-list .subject:hover .desc .txt h3,
.home-blogs .blogs .news .knowledge-list .subject:hover .desc .txt h3,
.home-blogs .blogs .knowledge .knowledge-list .subject:hover .desc .txt h3
{
    color: #3981e3;
}
.home-blogs .blogs .faqs .subject
{
    overflow: hidden;

    margin-top: 24px;
    padding: 26px 20px;

    border-radius: 20px;
    background-color: #f9f9f9;
}
.home-blogs .blogs .faqs .subject h3
{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    position: relative;

    margin-top: 0;
    margin-bottom: 14px;
    padding-left: 30px;
}
@media (max-width: 1470px)
{
    .home-blogs .blogs .faqs .subject h3
    {
        font-size: 15px;
    }
}
.home-blogs .blogs .faqs .subject h3:before
{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;

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

    width: 24px;
    height: 24px;

    content: 'Q';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #3981e3;
}
.home-blogs .blogs .faqs .subject p
{
    line-height: 24px;

    position: relative;

    margin: 0;
    padding-left: 30px;

    color: #999;
}
@media (max-width: 1470px)
{
    .home-blogs .blogs .faqs .subject p
    {
        font-size: 13px;
        line-height: 20px;
    }
}
.home-blogs .blogs .faqs .subject p:before
{
    font-weight: normal;
    line-height: 24px;

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

    width: 24px;
    height: 24px;

    content: 'A';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #d7d7d7;
}
.foot-contact
{
    padding: 40px 0;

    background-color: #f7f7f7;
}
@media (max-width: 767px)
{
    .foot-contact
    {
        padding: 20px 0;
    }
}
.foot-contact .ft
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px)
{
    .foot-contact .ft
    {
        display: block;
    }
}
.foot-contact .ft .txt p
{
    font-size: 18px;
    line-height: 30px;

    display: inline-block;

    margin: 0;
    margin-right: 20px;

    vertical-align: top;

    color: #25a6e9;
}
@media (max-width: 991px)
{
    .foot-contact .ft .txt p
    {
        font-size: 16px;

        display: block;
        clear: both;
    }
}
.foot-contact .ft .txt p .icon
{
    font-size: 30px;

    display: inline-block;
    float: left;

    margin-right: 6px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .foot-contact .ft .txt p .icon
    {
        font-size: 24px;
    }
}
.foot-contact .ft .txt p a:hover
{
    text-decoration: underline;
}
.foot-contact .ft .txt .icon-whatsapp1:before
{
    display: inline-block;

    width: 30px;
    height: 30px;

    content: '';

    background: url(../images/phone-message.png) no-repeat center;
    background-size: cover;
}
@media (max-width: 767px)
{
    .foot-contact .ft .txt .icon-whatsapp1:before
    {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 767px)
{
    .foot-contact .ft .share
    {
        display: block;

        margin-top: 10px;
    }
}
.foot-contact .ft .share img{ max-width:90%;}

.foot-contact .ft .share > ul > li
{
    display: inline-block;

    margin-left: 20px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .foot-contact .ft .share > ul > li
    {
        margin-right: 10px;
        margin-left: 0;
    }
}
.foot-contact .ft .share > ul > li a
{
    font-size: 22px;
    line-height: 36px;

    display: block;

    width: 36px;
    height: 36px;

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

    color: #fff;
    border-radius: 10px;
    background-color: #1295d9;
}
.foot-contact .ft .share > ul > li a:before
{
    font-family: 'iconfont' !important;

    content: '\e644';
}
.foot-contact .ft .share > ul > li a:hover
{
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
}
.foot-contact .ft .share > ul > li.linkedin a:before
{
    content: '\e6f0';
}
.foot-contact .ft .share > ul > li.instagram a:before
{
    content: '\e74d';
}
.foot-contact .ft .share > ul > li.facebook a:before
{
    content: '\e615';
}
.footer
{
    font-size: 0;

    position: relative;

    overflow: hidden;

    background-color: #fff;
}
@media (max-width: 767px)
{
    .footer
    {
        padding-bottom: 60px;
    }
}
.footer .foot
{
    overflow: hidden;

    padding: 60px 0;
}
@media (max-width: 991px)
{
    .footer .foot
    {
        padding: 30px 0;
    }
}
.footer .foot > ul
{
    font-size: 0;

    overflow: hidden;
}
.footer .foot > ul > li
{
    font-size: 14px;

    display: inline-block;

    width: 23.33333333%;
    margin-bottom: -999px;
    padding: 0 5%;
    padding-bottom: 999px;

    text-align: left;
    vertical-align: top;

    border-right: 1px solid #e5e5e5;
}
@media (max-width: 1350px)
{
    .footer .foot > ul > li
    {
        width: 20%;
    }
}
@media (max-width: 1199px)
{
    .footer .foot > ul > li
    {
        width: 100%;
        margin: 10px 0;
        padding: 0;

        border-right: none;
    }
}
.footer .foot > ul > li:nth-child(1)
{
    width: 30%;
    padding-right: 0;
}
@media (max-width: 1350px)
{
    .footer .foot > ul > li:nth-child(1)
    {
        width: 40%;
    }
}
@media (max-width: 1199px)
{
    .footer .foot > ul > li:nth-child(1)
    {
        width: 100%;
    }
}
.footer .foot > ul > li:nth-child(1) .text ul
{
    font-size: 0;
}
.footer .foot > ul > li:nth-child(1) .text ul li
{
    font-size: 14px;

    display: inline-block;

    width: 50%;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .footer .foot > ul > li:nth-child(1) .text ul li
    {
        width: auto;
    }
}
.footer .foot > ul > li:last-child
{
    border-right: none;
}
.footer .foot .title-foot:after
{
    display: block;

    width: 100px;
    height: 1px;
    margin-top: 10px;

    content: '';

    background-color: #000;
}
@media (max-width: 991px)
{
    .footer .foot .title-foot:after
    {
        width: 70px;
    }
}
@media (max-width: 767px)
{
    .footer .foot .title-foot:after
    {
        width: 50px;
    }
}
.footer .foot .title-foot h3
{
    font-family: 'Baloo';
    font-size: 20x;
    line-height: 30px;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 991px)
{
    .footer .foot .title-foot h3
    {
        font-size: 18px;
    }
}
.footer .foot .text
{
    margin-top: 16px;
}
@media (max-width: 1199px)
{
    .footer .foot .item-nav .text ul li
    {
        display: inline-block;

        margin-right: 14px;

        vertical-align: top;
    }
}
.footer .foot .item-nav .text a
{
    font-size: 14px;
    line-height: 26px;

    display: block;

    color: #777;
}
.footer .foot .item-nav .text a:hover
{
    color: #1b6ddb;
}
.footer .copyright
{
    padding: 40px 0;

    text-align: center;

    color: #fff;
    background-color: #1b6ddb;
}
@media (max-width: 1199px)
{
    .footer .copyright
    {
        padding: 20px 0;
    }
}
.footer .copyright p
{
    font-size: 15px;
    line-height: 30px;

    margin: 0;
}
@media (max-width: 1199px)
{
    .footer .copyright p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.footer .copyright p span
{
    margin-left: 10px;
}
@media (max-width: 767px)
{
    .footer .copyright p span
    {
        display: block;

        margin: 0;
    }
}
.footer .copyright p a
{
    margin-left: 0px;
}
@media (max-width: 767px)
{
    .footer .copyright p a
    {
        display: block;

        margin-left: 0;
    }
}
.footer .copyright p a:hover
{
    text-decoration: underline;
}
.customer-service
{
    position: fixed;
    z-index: 9;
    top: 50%;
    right: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.customer-service ul li
{
    margin: 2px 0;
}
.customer-service a
{
    position: relative;

    display: block;

    color: #fff;
}
.customer-service a .icon
{
    font-size: 30px;
    line-height: 60px;

    position: relative;
    z-index: 3;

    display: block;

    width: 60px;
    height: 60px;

    text-align: center;

    border-radius: 6px;
    background-color: #00a73c;
}
@media (max-width: 1470px)
{
    .customer-service a .icon
    {
        line-height: 50px;

        width: 50px;
        height: 50px;
    }
}
.customer-service a .icon img
{
    width: 30px;
    margin: 0 auto;
}
.customer-service a p
{
    font-size: 16px;
    line-height: 30px;

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

    margin: 0;
    padding: 10px;

    -webkit-transition: all .5s;
            transition: all .5s;
    -webkit-transform: translateX(150%);
        -ms-transform: translateX(150%);
            transform: translateX(150%);
    white-space: nowrap;

    background-color: #00a73c;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.customer-service a:hover p
{
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
}
.customer-service .service-wechat p
{
    background-color: #00a73c;
}
.xs-customer-service
{
    position: fixed;
    z-index: 9;
    bottom: 0;

    width: 100%;

    text-align: center;

    background-color: #00a73c;
}
.xs-customer-service ul
{
    font-size: 0;
}
.xs-customer-service ul li
{
    display: inline-block;

    width: 33.33333333%;

    vertical-align: top;
}
.xs-customer-service a
{
    display: block;

    padding: 4px;

    text-transform: uppercase;

    color: #fff;
}
.xs-customer-service a .icon
{
    font-size: 30px;
    line-height: 1;

    display: block;
}
.xs-customer-service a span
{
    font-size: 14px;
    line-height: 1.5;

    display: block;
}
.inner-wrap .container
{
    max-width: 1330px;
    margin: 0 auto;
}
.inner
{
    overflow: hidden;

    padding: 60px 0;
}
@media (max-width: 991px)
{
    .inner
    {
        padding: 30px 0;
    }
}
.inner .slick-arrow
{
    font-size: 30px;
    line-height: 40px;

    left: 0;

    width: 30px;
    height: 40px;

    text-align: center;

    color: #3981e3;
    border-radius: 0;
    background: none;
}
@media (max-width: 991px)
{
    .inner .slick-arrow
    {
        left: -8px;
    }
}
.inner .slick-arrow:before
{
    display: inline-block;

    content: '\eb60';
}
.inner .slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
@media (max-width: 991px)
{
    .inner .slick-arrow.slick-next
    {
        right: -8px;
    }
}
.inner .slick-arrow.slick-next:before
{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.inner .slick-arrow:hover
{
    color: #333;
}
.title-inner
{
    text-align: center;
}
.title-inner h2,
.title-inner h3
{
    font-weight: bold;

    color: #3981e3;
}
.title-inner h2
{
    font-family: 'D-DIN Condensed';
    font-size: 36px;
    line-height: 1.4;

    margin: 0;

    text-transform: capitalize;
}
@media (max-width: 1199px)
{
    .title-inner h2
    {
        font-size: 30px;
    }
}
@media (max-width: 991px)
{
    .title-inner h2
    {
        font-size: 24px;
    }
}
.title-inner h3
{
    font-size: 18px;
    line-height: 1.4;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 991px)
{
    .title-inner h3
    {
        font-size: 16px;
    }
}
.inner-menu
{
    overflow: hidden;

    background-color: #ececec;
}
.inner-menu .menu-nav
{
    text-align: center;
}
.inner-menu .menu-nav > ul > li
{
    display: inline-block;

    vertical-align: top;
}
.inner-menu .menu-nav > ul > li > a
{
    font-size: 18px;
    line-height: 30px;

    display: block;

    padding: 25px 40px;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 991px)
{
    .inner-menu .menu-nav > ul > li > a
    {
        font-size: 16px;

        padding: 15px 20px;
    }
}
@media (max-width: 767px)
{
    .inner-menu .menu-nav > ul > li > a
    {
        font-size: 14px;

        padding: 10px 10px;
    }
}
.inner-menu .menu-nav > ul > li.active > a,
.inner-menu .menu-nav > ul > li:hover > a
{
    color: #fff;
    background-color: #3981e3;
}
.inner-location
{
    padding-bottom: 14px;

    border-bottom: 1px solid #dedede;
}
.inner-location .title-location
{
    display: inline-block;

    text-align: left;
}
@media (max-width: 767px)
{
    .inner-location .title-location
    {
        display: none;
    }
}
.inner-location .title-location h2
{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 767px)
{
    .inner-location .title-location h2
    {
        font-size: 20px;
    }
}
.inner-location .location
{
    display: inline-block;
    float: right;

    text-transform: uppercase;
}
@media (max-width: 767px)
{
    .inner-location .location
    {
        display: block;
        float: none;
    }
}
.inner-location .location .icon
{
    font-size: 20px;
}
.inner-location .location .icon,
.inner-location .location span,
.inner-location .location ul
{
    line-height: 30px;

    display: inline-block;

    vertical-align: top;
}
.inner-location .location ul li
{
    display: inline-block;

    vertical-align: top;
}
.inner-location .location ul li:after
{
    display: inline-block;

    content: '>';
    vertical-align: top;
}
.inner-location .location ul li:last-child:after
{
    display: none;
}
.inner-location .location ul li a
{
    display: inline-block;

    vertical-align: top;
}
.inner-location .location ul li a:hover
{
    text-decoration: underline;

    color: #3981e3;
}
.inner-location-blue
{
    padding: 30px 0;

    color: #1295d9;
    background-color: #e1f5ff;
}
@media (max-width: 1199px)
{
    .inner-location-blue
    {
        padding: 10px 0;
    }
}
.inner-location-blue .title-inner h2
{
    color: #1295d9;
}
.inner-location-blue .location .icon
{
    color: #1295d9;
}
.inner-location-blue .location ul
{
    color: #1295d9;
}
.inner-location-color
{
    padding: 30px 0;

    color: #3981e3;
    background-color: #e9f0f9;
}
@media (max-width: 1199px)
{
    .inner-location-color
    {
        padding: 10px 0;
    }
}
.inner-location-color .title-inner h2
{
    color: #3981e3;
}
.inner-location-color .location .icon
{
    color: #3981e3;
}
.inner-location-color .location ul
{
    color: #3981e3;
}
@media (max-width: 1199px)
{
    .catalog
    {
        margin-bottom: 30px;
    }
}
.catalog .title-catalog
{
    padding: 20px;

    color: #fff;
    background-color: #3981e3;
}
@media (max-width: 1199px)
{
    .catalog .title-catalog
    {
        display: none;
    }
}
.catalog .title-catalog h3
{
    font-family: 'D-DIN Condensed';
    font-size: 24px;
    line-height: 30px;

    margin: 0;
}
.catalog .menu
{
    overflow: hidden;

    padding: 50px 20px;

    border-radius: 30px;
    background-color: #f9f9f9;
}
@media (max-width: 1199px)
{
    .catalog .menu
    {
        padding: 10px;
    }
}
.catalog .menu ul.menunav-1 > li
{
    position: relative;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li
    {
        display: inline-block;

        vertical-align: top;
    }
}
.catalog .menu ul.menunav-1 > li .open-menu
{
    font-size: 20px;
    line-height: 60px;

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

    width: 60px;
    height: 60px;

    text-align: center;

    color: #fff;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li .open-menu
    {
        font-size: 18px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.catalog .menu ul.menunav-1 > li .open-menu:before
{
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\e689';
    cursor: pointer;
    -webkit-transition: all .2s;
            transition: all .2s;
}
.catalog .menu ul.menunav-1 > li > a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    padding: 15px 50px 15px 15px;

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

    color: #777;
    border-bottom: 1px solid #eee;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li > a
    {
        font-size: 16px;
        line-height: 24px;

        padding: 5px 10px;

        border-bottom: none;
    }
}
.catalog .menu ul.menunav-1 > li > a:after
{
    font-family: 'iconfont' !important;
    font-size: 20px;
    line-height: 60px;

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

    width: 50px;

    content: '\e72f';
    text-align: center;

    color: #dbdbdb;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li > a:after
    {
        line-height: 44px;

        display: none;
    }
}
.catalog .menu ul.menunav-1 > li ul.menunav-2
{
    display: none;
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li
{
    margin-top: 4px;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li ul.menunav-2 > li
    {
        display: inline-block;

        vertical-align: top;
    }
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li > a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    padding: 15px 20px;

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

    color: #666;
    border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li ul.menunav-2 > li > a
    {
        font-size: 14px;
        line-height: 24px;

        padding: 4px 14px;

        border-bottom: none;
    }
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li:last-child > a
{
    border-bottom: none;
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li:hover > a,
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li.active > a
{
    color: #3981e3;
}
.catalog .menu ul.menunav-1 > li.current .open-menu:before
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.catalog .menu ul.menunav-1 > li:hover > a,
.catalog .menu ul.menunav-1 > li.active > a,
.catalog .menu ul.menunav-1 > li.current > a
{
    color: #fff;
    border-radius: 30px;
    background-color: #3981e3;
}
@media (max-width: 1199px)
{
    .catalog .menu ul.menunav-1 > li:hover > a,
    .catalog .menu ul.menunav-1 > li.active > a,
    .catalog .menu ul.menunav-1 > li.current > a
    {
        color: #3981e3;
        background: none;
    }
}
.catalog .menu ul.menunav-1 > li:hover > a:after,
.catalog .menu ul.menunav-1 > li.active > a:after,
.catalog .menu ul.menunav-1 > li.current > a:after
{
    color: #fff;
}
.catalog .menu ul.menunav-1 > li:hover.more > a:after,
.catalog .menu ul.menunav-1 > li.active.more > a:after,
.catalog .menu ul.menunav-1 > li.current.more > a:after
{
    content: '-';

    color: #fff;
}
@media (min-width: 1470px)
{
    .inner-right
    {
        padding-left: 5%;
    }
}
@media (max-width: 991px)
{
    .catalog .news-menu ul.menunav-1 > li:hover,
    .catalog .news-menu ul.menunav-1 > li.active,
    .catalog .news-menu ul.menunav-1 > li.current
    {
        display: inline-block;
    }
}
.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;

        margin-top: 30px;

        -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, #b4b4b4, #fff);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
@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, #666, #b4b4b4, #666);
    }
}
.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: 30px;

    position: relative;

    display: block;

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

    border-bottom: 2px solid rgba(255, 255, 255, 0);
}
@media (max-width: 767px)
{
    .innersidebar .sidebar > ul > li > a
    {
        font-size: 14px;
    }
}
.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: #fff transparent transparent transparent;
}
.innersidebar .sidebar > ul > li.active > a,
.innersidebar .sidebar > ul > li:hover > a
{
    border-bottom: 2px solid #fff;
}
@media (max-width: 767px)
{
    .innersidebar .sidebar > ul > li.active > a,
    .innersidebar .sidebar > ul > li:hover > a
    {
        color: #3981e3;
    }
}
.innersidebar .sidebar > ul > li.active > a:after,
.innersidebar .sidebar > ul > li:hover > a:after
{
    opacity: 1;
}
.inner-about
{
    position: relative;

    padding-bottom: 60px;

    background: url(../images/introduction_bg.jpg) no-repeat center bottom #f8f8f8;
    background-size: 100% auto;
}
.inner-about .tit-spacing
{
    text-align: left;
}
.inner-about .about
{
    font-size: 0;

    margin-top: 40px;
}
@media (max-width: 767px)
{
    .inner-about .about
    {
        margin-top: 20px;
    }
}
.inner-about .about .about-left,
.inner-about .about .about-right
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.inner-about .about .about-right
{
    width: 100%;

}
@media (max-width: 991px)
{
    .inner-about .about .about-right
    {
        display: block;

        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.inner-about .about .about-right .desc p
{
    font-size: 16px;
    line-height:2.2;

    color: #777;
}
@media (max-width: 1199px)
{
    .inner-about .about .about-right .desc p
    {
        font-size: 14px;
    }
}
.inner-about .about .about-left
{
    position: relative;

    width: 100%;
    padding-top: 10px;

    text-align: right;

    color: #fff;
    border-radius: 30px;
    background-color: #3981e3;
}
@media (max-width: 991px)
{
    .inner-about .about .about-left
    {
        width: 100%;
        margin: 0;

        text-align: center;
    }
}
@media (max-width: 767px)
{
    .inner-about .about .about-left
    {
        padding: 15px;
    }
}
.inner-about .about .about-left img
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    max-width: 500px;
    margin-right: -50px;

    border-radius: 20px;
}
@media (max-width: 991px)
{
    .inner-about .about .about-left img
    {
        max-width: 100%;
        margin: 0;
    }
}
.inner-about .about .about-left .numberlist
{
    padding: 0 15px;

    text-align: center;
}
@media (max-width: 991px)
{
    .inner-about .about .about-left .numberlist
    {
        padding: 0;
    }
}
.inner-about .about .about-left .numberlist .subject
{
    margin: 30px 0;
}
.inner-about .about .about-left .numberlist .subject h3
{
    font-size: 48px;
    line-height: 1.8; font-weight:bold;

    margin: 0;
}
@media (max-width: 1350px)
{
    .inner-about .about .about-left .numberlist .subject h3
    {
        font-size: 40px;
    }
}
@media (max-width: 767px)
{
    .inner-about .about .about-left .numberlist .subject h3
    {
        font-size: 30px;
    }
}
.inner-about .about .about-left .numberlist .subject p
{
    line-height: 20px; font-size:16px;

    margin: 0;
}
.inner-about .about-icon
{
    position: absolute;
    right: 10%;
    bottom: 0;
}
@media (max-width: 991px)
{
    .inner-about .about-icon
    {
        max-width: 140px;
    }
	.inner-about .about .about-left .numberlist .subject p{ font-size:13px;}
}
.inner-about .about-icon img
{
    max-width: 100%;
}
.inner-vision .vision
{
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 60px;
    padding: 80px 15px;

    text-align: center;

    border-radius: 200px;
    background-color: #f8f8f8;
}
@media (max-width: 1199px)
{
    .inner-vision .vision
    {
        padding: 50px 15px;
    }
}
@media (max-width: 767px)
{
    .inner-vision .vision
    {
        margin-top: 30px;

        border-radius: 20px;
    }
}
.inner-vision .vision .subject
{
    margin-top: 30px;

    -webkit-transition: all .4s;
            transition: all .4s;
}
.inner-vision .vision .subject .icon
{
    width: 80px;
    margin: 0 auto;
}
@media (max-width: 1199px)
{
    .inner-vision .vision .subject .icon
    {
        width: 60px;
    }
}
.inner-vision .vision .subject .icon img
{
    width: 100%;
}
.inner-vision .vision .subject p
{
    font-size: 16px;
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #777;
}
@media (max-width: 767px)
{
    .inner-vision .vision .subject p
    {
        font-size: 14px;
    }
}
.inner-vision .vision .subject:hover .icon
{
    -webkit-animation: swing 1s 0s ease both;
            animation: swing 1s 0s ease both;
}
.inner-values
{
    padding-bottom: 130px;

    background: url(../images/values_bg.jpg) no-repeat center bottom #3981e3;
    background-size: 100% auto;
}
@media (max-width: 991px)
{
    .inner-values
    {
        padding-bottom: 80px;
    }
}
.inner-values .tit-spacing h2
{
    color: #fff;
}
.inner-values .values
{
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 80px;
}
@media (max-width: 1199px)
{
    .inner-values .values
    {
        margin-top: 40px;
    }
}
@media (max-width: 767px)
{
    .inner-values .values
    {
        margin-top: 20px;
    }
}
.inner-values .values > ul
{
    font-size: 0;
}
@media (min-width: 768px)
{
    .inner-values .values > ul
    {
        width: 100%;
        padding: 0;

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

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

        content: '';
    }
}
.inner-values .values > ul > li
{
    font-size: 14px;

    display: inline-block;

    max-width: 220px;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .inner-values .values > ul > li
    {
        max-width: 25%;
    }
}
@media (max-width: 767px)
{
    .inner-values .values > ul > li
    {
        max-width: 50%; width:50%; margin-bottom:10px;
    }
}
.inner-values .values .subject
{
    text-align: center;

    color: #fff;
}
.inner-values .values .subject h3
{
    font-size: 26px;
    line-height: 1.4;

    margin: 0;
}
@media (max-width: 1199px)
{
    .inner-values .values .subject h3
    {
        font-size: 18px;
    }
}
.inner-values .values .subject p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
.inner-certificate .certificate
{
    margin-top: 50px;
}
@media (max-width: 991px)
{
    .inner-certificate .certificate
    {
        margin-top: 30px;
    }
	.inner-values .values .subject p
   { font-size:14px;}
}
.inner-certificate .certificate .certificate-scroll
{
    margin: 0 -15px;
    padding-bottom: 90px;
}
@media (max-width: 991px)
{
    .inner-certificate .certificate .certificate-scroll
    {
        padding-bottom: 60px;
    }
}
.inner-certificate .certificate .slick-slide
{
    padding: 0 15px;
}
.inner-certificate .certificate .subject
{
    display: block; box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.inner-certificate .certificate .subject .ibox
{
    padding-bottom: 140%;

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

    border: 1px solid #eee;
}
.inner-certificate .certificate .subject .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-certificate .certificate .subject:hover .ibox
{
    border-color: #3981e3;
}
.inner-certificate .certificate .subject:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-certificate .certificate .slick-arrow
{
    line-height: 40px;

    top: auto;
    bottom: 0;
    left: 50%;

    width: 100px;
    height: 40px;

    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translateX(-webkit-calc(-100% - 15px));
        -ms-transform: translateX(calc(-100% - 15px));
            transform: translateX(calc(-100% - 15px));

    color: #a2a2a7;
    border: 1px solid #eee;
}
.inner-certificate .certificate .slick-arrow:before
{
    content: '\ea67';
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.inner-certificate .certificate .slick-arrow.slick-next
{
    right: 50%;
    left: auto;

    -webkit-transform: translateX(-webkit-calc(100% + 15px));
        -ms-transform: translateX(calc(100% + 15px));
            transform: translateX(calc(100% + 15px));
}
.inner-certificate .certificate .slick-arrow.slick-next:before
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.inner-certificate .certificate .slick-arrow:hover
{
    color: #fff;
    border-color: #3981e3;
    background-color: #3981e3;
}
.inner-factory .factory
{
    position: relative;
    z-index: 2;

    margin-top: 40px;
}
@media (max-width: 767px)
{
    .inner-factory .factory
    {
        margin-top: 14px;
        padding: 0;
    }
}
.inner-factory .factory:before
{
    position: absolute;
    top: 50%;
    left: -100%;

    display: block;

    width: 300%;
    height: 220px;

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

    background-color: #f7f7f7;
}
.inner-factory .factory-in-scroll
{
    position: relative;
    z-index: 2;

    max-width: 710px;
    margin: 0 auto;
}
.inner-factory .factory-in-scroll .slick-slide
{
    padding: 10px;
}
.inner-factory .factory-in-scroll .subject
{
    display: block;

    text-align: center;
}
.inner-factory .factory-in-scroll .subject .ibox
{
    overflow: hidden;

    padding-bottom: 140%;

    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.inner-factory .factory-in-scroll .subject h3
{
    font-size: 16px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 10px 0 0 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inner-factory .factory-in-scroll .slick-arrow
{
    left: -120px;

    width: 60px;
    height: 60px;

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

    color: #fff;
    border-radius: 50%;
    background-color: #3981e3;
}
@media (max-width: 1199px)
{
    .inner-factory .factory-in-scroll .slick-arrow
    {
        left: -50px;
    }
}
@media (max-width: 991px)
{
    .inner-factory .factory-in-scroll .slick-arrow
    {
        left: -30px;
    }
}
@media (max-width: 767px)
{
    .inner-factory .factory-in-scroll .slick-arrow
    {
        left: -10px;

        width: 40px;
        height: 40px;
    }
}
.inner-factory .factory-in-scroll .slick-arrow.slick-next
{
    right: -120px;
    left: auto;
}
@media (max-width: 1199px)
{
    .inner-factory .factory-in-scroll .slick-arrow.slick-next
    {
        right: -50px;
    }
}
@media (max-width: 991px)
{
    .inner-factory .factory-in-scroll .slick-arrow.slick-next
    {
        right: -30px;
    }
}
@media (max-width: 767px)
{
    .inner-factory .factory-in-scroll .slick-arrow.slick-next
    {
        right: -10px;
    }
}
.inner-factory .factory-in-scroll .slick-arrow:hover
{
    background-color: #1295d9;
}
#about-company,
#about-factory,
#about-vision,
#about-values,
#about-certificate
{
    position: relative;
    top: -80px;
}
.inner-products
{
    background-color: #f9f9f9;
}
.inner-products .container
{
    max-width: 1630px;
}
.inner-products .catalog .menu
{
    background-color: #fff;
}
.inner-products .products
{
    margin-top: -40px;
}
@media (max-width: 767px)
{
    .inner-products .products
    {
        margin-top: 0;
    }
}
@media (min-width: 1200px)
{
    .inner-products .products ul
    {
        margin: 0 -20px;
    }
}
@media (min-width: 1200px)
{
    .inner-products .products ul li
    {
        padding: 0 20px;
    }
}
.inner-products .products .subject
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-top: 40px;

    text-align: center;

    border-radius: 20px;
    background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
@media (max-width: 767px)
{
    .inner-products .products .subject
    {
        margin-top: 20px;
    }
}
.inner-products .products .subject .img
{
    position: relative;

    overflow: hidden;
}

.inner-products .cases .subject .ibox { padding-bottom:140%;}
.inner-products .cases .subject{ padding:15px;}


.inner-products .products .subject .ibox{ padding-bottom:150%;}

.inner-products .products .subject .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-products .products .subject .maskdesc
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow-y: auto;
            flex-direction: column;

    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 10% 15px;

    -webkit-transition: all .5s;
            transition: all .5s;
    -webkit-transform: translateY(102%);
        -ms-transform: translateY(102%);
            transform: translateY(102%);
    text-align: left;

    color: #fff;
    border-radius: 20px;
    background-color: rgba(27, 109, 219, .9);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.inner-products .products .subject .maskdesc::-webkit-scrollbar
{
    position: absolute;
    left: 0;

    width: 4px;
}
.inner-products .products .subject .maskdesc::-webkit-scrollbar-track
{
    background-color: #dcdcdc;
}
.inner-products .products .subject .maskdesc::-webkit-scrollbar-thumb
{
    background-color: #9f9f9f;
}
.inner-products .products .subject .maskdesc h3
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
.inner-products .products .subject .maskdesc .not
{
    margin-top: 24px;
}
.inner-products .products .subject .maskdesc p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;
    padding: 10px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.inner-products .products .subject .desc h3
{
    font-size: 16px;
    line-height: 2;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 991px)
{
    .inner-products .products .subject .desc h3
    {
        font-size: 16px;
    }
}
@media (max-width: 767px)
{
    .inner-products .products .subject .desc h3
    {
        font-size: 14px;
    }
}
.inner-products .products .subject .more
{
    position: relative;

    padding: 10px 0;
}
@media (max-width: 1199px)
{
    .inner-products .products .subject .more
    {
        padding: 0;
    }
}
.inner-products .products .subject .more .icon
{
    font-size: 40px;
    line-height: 50px;

    display: block;

    color: #3981e3;
}
@media (max-width: 767px)
{
    .inner-products .products .subject .more .icon
    {
        font-size: 30px;
    }
}
@media (min-width: 1200px)
{
    .inner-products .products .subject:hover .ibox img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);

        opacity: .5;
    }
    .inner-products .products .subject:hover .more
    {
        z-index: 5;
    }
    .inner-products .products .subject:hover .more .icon
    {
        color: #fff;
    }
    .inner-products .products .subject:hover .maskdesc
    {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
    }
}
.inner-product-show
{
    background-color: #fff;
}
.inner-product-show .container
{
    max-width: 1630px;
}
.inner-product-show .catalog .menu
{
    background-color: #f9f9f9;
}
@media (max-width: 991px)
{
    .inner-product-show .product-show
    {
        margin-top: 20px;
    }
}
.inner-product-show .product-show .products-show-big-scroll
{
    font-size: 0;

    overflow: hidden;

    border: 1px solid #efefef;
    border-radius: 30px;
}
.inner-product-show .product-show .products-show-big-scroll .itempack
{
    cursor: crosshair;
}

.inner-product-show .product-show .products-show-big-scroll .itempack .ibox{ padding-bottom:150%;}

.inner-product-show .product-show .products-show-small-scroll
{
    padding: 20px 30px;
}
.inner-product-show .product-show .products-show-small-scroll .slick-slide
{
    padding: 0 10px;
}
@media (max-width: 767px)
{
    .inner-product-show .product-show .products-show-small-scroll .slick-slide
    {
        padding: 0 5px;
    }
}
.inner-product-show .product-show .products-show-small-scroll .itempack
{
    overflow: hidden;

    border: 1px solid #efefef;
    border-radius: 20px;
}
.inner-product-show .product-show .products-show-small-scroll .slick-current .itempack
{
    border-color: #3981e3;
}
.inner-product-show .product-show .products-show-small-scroll .slick-arrow
{
    left: 0;

    color: #2c2c2c;
    background: none;
}
.inner-product-show .product-show .products-show-small-scroll .slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
.inner-product-show .product-show .title-product-info-show
{
    padding-bottom: 20px;

    border-bottom: 1px solid #e6e6e6;
}
.inner-product-show .product-show .title-product-info-show h1
{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;

    margin: 0;
}
@media (max-width: 767px)
{
    .inner-product-show .product-show .title-product-info-show h1
    {
        font-size: 16px;
    }
}
.inner-product-show .product-show .share
{
}
.inner-product-show .product-show .tablewrap
{
    min-height: 500px;
    margin-top: 20px;
}
@media (max-width: 1630px)
{
    .inner-product-show .product-show .tablewrap
    {
        min-height: 350px;
    }
}
@media (max-width: 1350px)
{
    .inner-product-show .product-show .tablewrap
    {
        min-height: 300px;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .product-show .tablewrap
    {
        min-height: auto;
    }
}
.inner-product-show .product-show .tablewrap h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    color: #3981e3;
}
.inner-product-show .product-show .tablewrap table
{
    font-size: 15px;

    width: 100%;

    color: #666;
}
.inner-product-show .product-show .tablewrap table tr
{
    border-bottom:1px solid #eee;
}
.inner-product-show .product-show .tablewrap table td
{
    line-height: 26px;

    width: 60%;
    padding: 6px 10px;
}
.inner-product-show .product-show .tablewrap table td:nth-child(1)
{
    font-weight: bold;

    width: 40%;

    color: #333;
}
    .inner-product-show .product-show .link
    {
        margin-top: 20px;
    }
@media (max-width: 767px)
{
    .inner-product-show .product-show .link
    {
        margin-top: 20px;
    }
}
.inner-product-show .product-show .link .btn-contact,
.inner-product-show .product-show .link .btn-feedback
{
    display: inline-block;

    vertical-align: top;
}
.inner-product-show .product-show .link .btn-feedback
{
    margin-left: 30px;
}
@media (max-width: 767px)
{
    .inner-product-show .product-show .link .btn-feedback
    {
        margin-left: 10px;
    }
}
.inner-product-show .product-show .link .btn-feedback a
{
    color: #fff;
    background-color: #1295d9;
}
.inner-product-show .product-show .link a
{
    font-size: 16px;
    line-height: 50px;

    display: inline-block;

    padding: 0 20px;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-transform: uppercase;

    color: #fff;
    border-radius: 30px;
    background-color: #3981e3;
}
@media (max-width: 767px)
{
    .inner-product-show .product-show .link a
    {
        font-size: 14px;
        line-height: 40px;
    }
}
.inner-product-show .product-show .link a:hover
{
    color: #fff;
    background-color: #1295d9;
}
.inner-product-show .title-products-show
{
    padding: 15px 30px;

    color: #fff;
    border-radius: 60px;
    background-color: #3981e3;
}
@media (max-width: 991px)
{
    .inner-product-show .title-products-show
    {
        padding: 10px 20px;
    }
}
.inner-product-show .title-products-show h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: capitalize;
}
@media (max-width: 991px)
{
    .inner-product-show .title-products-show h3
    {
        font-size: 16px;
    }
}
.inner-product-show .details .details-list
{
    margin-top: 20px;

    word-break: break-word;
}
.inner-product-show .details .details-list img
{
    max-width: 100%;
    height: auto !important;
}
.inner-product-show .details .details-list table
{
    width: 100%;
}
.inner-product-show .details .details-list table td
{
    font-size: 15px;
    line-height: 30px;

    padding: 10px 20px;

    border: 1px solid #e5e5e5;
}
.inner-product-show .details .details-list table tr td:first-child
{font-weight: bold;
}
.inner-product-show .details,
.inner-product-show .parameter,
.inner-product-show .relate-products,
.inner-product-show .open-feedback
{
    padding-top: 40px;
}
.inner-product-show .relate-products .relate-products-scroll
{
    margin: 0 -15px;
    margin-top: 30px;
}
@media (max-width: 991px)
{
    .inner-product-show .relate-products .relate-products-scroll
    {
        margin: 0 -8px;
        margin-top: 20px;
    }
}
.inner-product-show .relate-products .slick-slide
{
    padding: 0 15px;
}
@media (max-width: 991px)
{
    .inner-product-show .relate-products .slick-slide
    {
        padding: 0 8px;
    }
}
.inner-product-show .relate-products .subject
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-top: 0;

    text-align: center;

    border-radius: 20px;
    background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
@media (max-width: 767px)
{
    .inner-product-show .relate-products .subject
    {
        margin-top: 20px;
    }
}
.inner-product-show .relate-products .subject .img
{
    position: relative;

    overflow: hidden;
}
.inner-product-show .relate-products .subject .ibox{ padding-bottom:150%;}

.inner-product-show .relate-products .subject .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-product-show .relate-products .subject .maskdesc
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow-y: auto;
            flex-direction: column;

    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 10% 15px;

    -webkit-transition: all .5s;
            transition: all .5s;
    -webkit-transform: translateY(102%);
        -ms-transform: translateY(102%);
            transform: translateY(102%);
    text-align: left;

    color: #fff;
    border-radius: 20px;
    background-color: rgba(27, 109, 219, .9);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.inner-product-show .relate-products .subject .maskdesc::-webkit-scrollbar
{
    position: absolute;
    left: 0;

    width: 4px;
}
.inner-product-show .relate-products .subject .maskdesc::-webkit-scrollbar-track
{
    background-color: #dcdcdc;
}
.inner-product-show .relate-products .subject .maskdesc::-webkit-scrollbar-thumb
{
    background-color: #9f9f9f;
}
.inner-product-show .relate-products .subject .maskdesc h3
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
.inner-product-show .relate-products .subject .maskdesc .not
{
    margin-top: 24px;
}
.inner-product-show .relate-products .subject .maskdesc p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;
    padding: 10px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.inner-product-show .relate-products .subject .desc h3
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 991px)
{
    .inner-product-show .relate-products .subject .desc h3
    {
        font-size: 16px;
    }
}
@media (max-width: 767px)
{
    .inner-product-show .relate-products .subject .desc h3
    {
        font-size: 14px;
    }
}
.inner-product-show .relate-products .subject .more
{
    position: relative;

    padding: 10px 0;
}
@media (max-width: 1199px)
{
    .inner-product-show .relate-products .subject .more
    {
        padding: 0;
    }
}
.inner-product-show .relate-products .subject .more .icon
{
    font-size: 40px;
    line-height: 50px;

    display: block;

    color: #3981e3;
}
@media (max-width: 767px)
{
    .inner-product-show .relate-products .subject .more .icon
    {
        font-size: 30px;
    }
}
@media (min-width: 1200px)
{
    .inner-product-show .relate-products .subject:hover .ibox img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);

        opacity: .5;
    }
    .inner-product-show .relate-products .subject:hover .more
    {
        z-index: 5;
    }
    .inner-product-show .relate-products .subject:hover .more .icon
    {
        color: #fff;
    }
    .inner-product-show .relate-products .subject:hover .maskdesc
    {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
    }
}
.open-feedback .feedback
{
    margin-top: 20px;
}
.open-feedback .feedback .sign
{
    display: block;

    text-align: center;
}
.open-feedback .feedback .sign h3
{
    font-size: 20px;
    line-height: 1.4;

    margin: 0;

    color: #3981e3;
}
@media (max-width: 991px)
{
    .open-feedback .feedback .sign h3
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .open-feedback .feedback .sign h3
    {
        font-size: 16px;
    }
}
.open-feedback .feedback input,
.open-feedback .feedback textarea
{
    font-size: 18px;
    line-height: 30px;

    width: 100%;
    min-height: 60px;
    margin-top: 30px;
    padding: 15px;

    border-bottom: 1px solid #dcdcdc;
    background: none;
}
@media (max-width: 991px)
{
    .open-feedback .feedback input,
    .open-feedback .feedback textarea
    {
        font-size: 16px;

        min-height: 50px;
        padding: 10px;
    }
}
@media (max-width: 767px)
{
    .open-feedback .feedback input,
    .open-feedback .feedback textarea
    {
        font-size: 14px;

        margin-top: 14px;
    }
}
.open-feedback .feedback input::-webkit-input-placeholder,
.open-feedback .feedback textarea::-webkit-input-placeholder
{
    color: #666;
}
.open-feedback .feedback input:-o-placeholder,
.open-feedback .feedback textarea:-o-placeholder
{
    color: #666;
}
.open-feedback .feedback input::-moz-placeholder,
.open-feedback .feedback textarea::-moz-placeholder
{
    color: #666;
}
.open-feedback .feedback input:-ms-input-placeholder,
.open-feedback .feedback textarea:-ms-input-placeholder
{
    color: #666;
}
.open-feedback .feedback input:focus::-webkit-input-placeholder,
.open-feedback .feedback textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.open-feedback .feedback input:focus::-o-placeholder,
.open-feedback .feedback textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.open-feedback .feedback input:focus::-moz-placeholder,
.open-feedback .feedback textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.open-feedback .feedback input:focus::-ms-input-placeholder,
.open-feedback .feedback textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.open-feedback .feedback .submit
{
    font-size: 18px;
    line-height: 60px;

    height: 60px;
    margin-top: 30px;
    padding: 0 30px;

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

    color: #fff;
    border-radius: 30px;
    background-color: #3981e3;
}
@media (max-width: 767px)
{
    .open-feedback .feedback .submit
    {
        font-size: 14px;
        line-height: 40px;

        height: 40px;
        margin-top: 20px;
    }
}
.open-feedback .feedback .submit:hover
{
    background-color: #333;
}
.inner-blue .catalog .menu ul.menunav-1 > li:hover > a,
.inner-blue .catalog .menu ul.menunav-1 > li.active > a,
.inner-blue .catalog .menu ul.menunav-1 > li.current > a
{
    background-color: #1295d9;
}
@media (max-width: 1199px)
{
    .inner-blue .catalog .menu ul.menunav-1 > li:hover > a,
    .inner-blue .catalog .menu ul.menunav-1 > li.active > a,
    .inner-blue .catalog .menu ul.menunav-1 > li.current > a
    {
        color: #1295d9;
        background: none;
    }
}
@media (min-width: 1200px)
{
    .inner-blue .catalog .menu ul.menunav-1 > li:hover > a:after,
    .inner-blue .catalog .menu ul.menunav-1 > li.active > a:after,
    .inner-blue .catalog .menu ul.menunav-1 > li.current > a:after
    {
        color: #dbdbdb;
    }
}
.inner-blue .products .subject .maskdesc,
.inner-blue .relate-products .subject .maskdesc
{
    background-color: rgba(18, 149, 217, .85);
}
@media (min-width: 1200px)
{
    .inner-blue .products .subject:hover .more .icon,
    .inner-blue .relate-products .subject:hover .more .icon
    {
        color: #fff;
    }
}
.inner-blue .products .subject .more .icon,
.inner-blue .relate-products .subject .more .icon
{
    color: #1295d9;
}
.inner-blue .pagination > .active > a,
.inner-blue .pagination > .active > a:focus,
.inner-blue .pagination > .active > a:hover,
.inner-blue .pagination > .active > span,
.inner-blue .pagination > .active > span:focus,
.inner-blue .pagination > .active > span:hover
{
    background-color: #1295d9;
}
.inner-blue .product-show .tablewrap h3
{
    color: #1295d9;
}
.inner-blue .title-products-show
{
    background-color: #1295d9;
}
.inner-blue .open-feedback .sign h3
{
    color: #1295d9;
}
.inner-blue .open-feedback .submit
{
    background-color: #1295d9;
}
.inner-news .news
{
    overflow: hidden;
}
.inner-news .news li
{
    border-bottom: 1px solid #eee;
}
.inner-news .news .subject
{
    display: block;

    padding: 50px 0;
}
@media (max-width: 991px)
{
    .inner-news .news .subject
    {
        padding: 30px 0;
    }
}
.inner-news .news .subject .desc
{
    font-size: 0;
}
.inner-news .news .subject .desc .img,
.inner-news .news .subject .desc .txt
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.inner-news .news .subject .desc .img
{
    overflow: hidden;

    width: 300px;

    border-radius: 20px;
}
@media (max-width: 991px)
{
    .inner-news .news .subject .desc .img
    {
        width: 200px;
    }
}
@media (max-width: 767px)
{
    .inner-news .news .subject .desc .img
    {
        width: 100%;
    }
}
.inner-news .news .subject .desc .img .ibox
{
    padding-bottom: 76.66666667%;
}
.inner-news .news .subject .desc .img .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-news .news .subject .desc .txt
{
    width: -webkit-calc(100% - 300px);
    width:         calc(100% - 300px);
    padding-left: 20px;
}
@media (max-width: 991px)
{
    .inner-news .news .subject .desc .txt
    {
        width: -webkit-calc(100% - 200px);
        width:         calc(100% - 200px);
    }
}
@media (max-width: 767px)
{
    .inner-news .news .subject .desc .txt
    {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
}
.inner-news .news .subject .desc .txt h3
{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 0;

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

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inner-news .news .subject .desc .txt p
{
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 72px;
    margin: 20px 0 0 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media (max-width: 991px)
{
    .inner-news .news .subject .desc .txt p
    {
        margin-top: 10px;
    }
}
.inner-news .news .subject .link
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .inner-news .news .subject .link
    {
        margin-top: 10px;
    }
}
.inner-news .news .subject .link .date,
.inner-news .news .subject .link .more
{
    font-size: 14px;
    line-height: 24px;

    display: inline-block;

    margin-top: 10px;

    vertical-align: top;
}
.inner-news .news .subject .link .date .icon,
.inner-news .news .subject .link .more .icon
{
    font-size: 20px;

    display: inline-block;

    margin-right: 4px;

    vertical-align: middle;
}
.inner-news .news .subject .link .date
{
    margin-right: 20px;

    color: #1295d9;
}
.inner-news .news .subject .link .more
{
    color: #3981e3;
}
.inner-news .news .subject:hover .desc .img .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-news .news .subject:hover .desc .txt h3
{
    color: #3981e3;
}
.inner-news-show
{
    padding-right: 0;
    padding-left: 0;
}
.inner-news-show .container
{
    max-width: 1330px;
}
@media (max-width: 1199px)
{
    .inner-news-show .news-show
    {
        margin-top: 30px;
    }
}
.inner-news-show .title-news-show h1
{
    font-family: 'D-DIN Condensed';
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;

    margin: 0;
}
@media (max-width: 991px)
{
    .inner-news-show .title-news-show h1
    {
        font-size: 24px;
    }
}
.inner-news-show .info-share
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

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

    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 767px)
{
    .inner-news-show .info-share
    {
        display: block;

        padding: 10px 0;
    }
}
.inner-news-show .info-share p
{
    line-height: 30px;

    margin: 0;

    color: #777;
}
.inner-news-show .info-share p span
{
    margin-right: 20px;
}
@media (max-width: 767px)
{
    .inner-news-show .info-share .share
    {
        margin-top: 10px;
    }
}
.inner-news-show .text
{
    margin-top: 30px;

    color: #777;
}
.inner-news-show .text p
{
    font-size: 16px;
    line-height: 1.75;

    margin: 0;
}
@media (max-width: 767px)
{
    .inner-news-show .text p
    {
        font-size: 14px;
    }
}
.inner-news-show .text img
{
    max-width: 100%;
    height: auto !important;
}
.inner-faq .faq .subject
{
    border-bottom: 1px solid #e7e7e7;
}
.inner-faq .faq .subject .title-faq
{
    position: relative;

    padding: 15px 60px 15px 0;

    cursor: pointer;
}
@media (max-width: 767px)
{
    .inner-faq .faq .subject .title-faq
    {
        padding: 5px 40px 5px 0;
    }
}
.inner-faq .faq .subject .title-faq:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;

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

    display: block;

    width: 60px;
    height: 60px;

    content: '\e625';
    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;

    color: #999;
}
@media (max-width: 767px)
{
    .inner-faq .faq .subject .title-faq:before
    {
        font-size: 16px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.inner-faq .faq .subject .title-faq h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    position: relative;

    margin: 0;
    padding-left: 30px;
}
@media (max-width: 767px)
{
    .inner-faq .faq .subject .title-faq h3
    {
        font-size: 16px;
    }
}
.inner-faq .faq .subject .title-faq h3:before
{
    position: absolute;
    left: 0;

    width: 30px;

    content: 'Q:';
    text-align: center;
}
.inner-faq .faq .subject .text
{
    position: relative;

    display: none;

    padding: 20px 0;
    padding-left: 30px;

    border-top: 1px solid #e7e7e7;
}
.inner-faq .faq .subject .text:before
{
    font-size: 16px; 
	line-height:2;
    position: absolute;
    left: 0;

    width: 30px;

    content: 'A:';
    text-align: center;

    color: #666;
}
.inner-faq .faq .subject .text p
{
    font-size: 15px;
    line-height:2;

    margin: 0;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-faq .faq .subject .text p
    {
        font-size: 14px;
    }
}
.inner-faq .faq .current .subject .title-faq
{
    color: #3981e3;
}
.inner-faq .faq .current .subject .title-faq:before
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

    color: #3981e3;
}
.inner-videos .videos-top
{
    position: relative;

    padding: 0 8%;
}
.inner-videos .videos-top .simg1,
.inner-videos .videos-top .simg2
{
    position: absolute;
    z-index: 2;
    bottom: 0;
}
.inner-videos .videos-top .simg1 img,
.inner-videos .videos-top .simg2 img
{
    max-width: 100%;
}
.inner-videos .videos-top .simg1
{
    left: 0;
}
@media (max-width: 767px)
{
    .inner-videos .videos-top .simg1
    {
        max-width: 140px;
    }
}
.inner-videos .videos-top .simg2
{
    right: 0;
}
@media (max-width: 767px)
{
    .inner-videos .videos-top .simg2
    {
        max-width: 140px;
    }
}
.inner-videos .videos-top .subject
{
    position: relative;

    overflow: hidden;

    border-radius: 30px;
}
.inner-videos .videos-top .subject .ibox
{
    padding-bottom: 75%;

    background-color: #000;
}
.inner-videos .videos-top .subject .ibox img
{
    opacity: .8;
}
.inner-videos .videos-top .subject .play
{
    font-size: 140px;

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

    cursor: pointer;
    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);

    color: #fff;
}
@media (max-width: 1350px)
{
    .inner-videos .videos-top .subject .play
    {
        font-size: 100px;
    }
}
@media (max-width: 767px)
{
    .inner-videos .videos-top .subject .play
    {
        font-size: 60px;
    }
}
.inner-videos .videos-top .subject .play:before
{
    font-family: 'iconfont' !important;

    content: '\e64c';
}
.inner-videos .videos-top .subject .play:hover
{
    color: #3981e3;
}
.inner-videos .videos .subject
{
    position: relative;

    margin-top: 50px;

    border-bottom: 1px solid #d4d4d4;
}
@media (max-width: 767px)
{
    .inner-videos .videos .subject
    {
        margin-top: 30px;
    }
}
.inner-videos .videos .subject .ibox
{
    overflow: hidden;

    padding-bottom: 75%;

    border-radius: 30px;
    background-color: #000;
}
@media (max-width: 767px)
{
    .inner-videos .videos .subject .ibox
    {
        border-radius: 10px;
    }
}
.inner-videos .videos .subject .ibox img
{
    opacity: .8;
}
.inner-videos .videos .subject .img
{
    position: relative;
}
.inner-videos .videos .subject .play
{
    font-size: 60px;

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

    cursor: pointer;
    -webkit-transition: all .2s;
            transition: all .2s;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);

    color: #fff;
}
@media (max-width: 767px)
{
    .inner-videos .videos .subject .play
    {
        font-size: 40px;
    }
}
.inner-videos .videos .subject .play:before
{
    font-family: 'iconfont' !important;

    content: '\e64c';
}
.inner-videos .videos .subject .play:hover
{
    color: #3981e3;
}
.inner-videos .videos .subject h3
{
    font-size: 16px;
    line-height: 60px;

    height: 60px;
    margin: 0;

    text-align: center;

    color: #777;
}
@media (max-width: 767px)
{
    .inner-videos .videos .subject h3
    {
        font-size: 14px;
        line-height: 40px;

        height: 40px;
    }
}
.inner-contact
{
    padding: 0;

    background-color: #f5f5f5;
}
.inner-contact .row
{
    font-size: 0;
}
.inner-contact .row .conleft,
.inner-contact .row .conright
{
    font-size: 14px;

    display: inline-block;
    float: none;

    vertical-align: middle;
}
.inner-contact .tit-spacing
{
    text-align: left;
}
.inner-contact .contact
{
    padding: 30px 5% 30px 12%;
}
@media (max-width: 767px)
{
    .inner-contact .contact
    {
        padding: 30px;
    }
}
.inner-contact .contact .desc
{
    margin-top: 50px;
}
@media (max-width: 1199px)
{
    .inner-contact .contact .desc
    {
        margin-top: 30px;
    }
}
.inner-contact .contact .desc p
{
    font-size: 16px;
    line-height: 30px;

    color: #666;
}
@media (max-width: 991px)
{
    .inner-contact .contact .desc p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-contact .contact .desc p .icon
{
    font-size: 24px;

    display: inline-block;

    margin-right: 10px;

    vertical-align: middle;
}
.inner-contact .contact .desc p a:hover
{
    text-decoration: underline;

    color: #3981e3;
}
.inner-contact .contact .share
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .inner-contact .contact .share
    {
        margin-top: 30px;
    }
}
.inner-contact .contact .share > ul > li
{
    display: inline-block;

    margin-right: 20px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .inner-contact .contact .share > ul > li
    {
        margin-right: 10px;
    }
}
.inner-contact .contact .share > ul > li a
{
    font-size: 22px;
    line-height: 36px;

    display: block;

    width: 36px;
    height: 36px;

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

    color: #fff;
    border-radius: 10px;
    background-color: #3981e3;
}
.inner-contact .contact .share > ul > li a:before
{
    font-family: 'iconfont' !important;

    content: '\e644';
}
.inner-contact .contact .share > ul > li a:hover
{
    -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
            transform: translateY(-8px);
}
.inner-contact .contact .share > ul > li.linkedin a:before
{
    content: '\e6f0';
}
.inner-contact .contact .share > ul > li.instagram a:before
{
    content: '\e74d';
}
.inner-contact .contact .share > ul > li.facebook a:before
{
    content: '\e615';
}
.inner-contact .map
{
    position: relative;

    height: 740px;
}
@media (max-width: 1199px)
{
    .inner-contact .map
    {
        height: 500px;
    }
}
@media (max-width: 991px)
{
    .inner-contact .map
    {
        height: 340px;
        margin-top: 30px;
    }
}
.inner-contact .map .mapwrap
{
    height: 100%;
}
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: #3981e3;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #fff;
    background-color: #3981e3;
}
.zoom:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 33px;
    height: 33px;

    content: '';

    background: url(../images/icon.png);
}
.zoom img
{
    display: block;
}
.zoom img::-moz-selection
{
    background-color: transparent;
}
.zoom img::selection
{
    background-color: transparent;
}

.inner-product-show .parameter-sort
{
    padding: 0 30px;

    background-color: #f8f8f8;
}
.inner-product-show .parameter-sort > ul
{
    margin: 0 -20px;
}
@media (max-width: 1560px)
{
	 .inner-product-show .parameter-sort{
		 padding: 0 10px;
	 }
    .inner-product-show .parameter-sort > ul
    {
        margin: 0 -10px;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .parameter-sort > ul
    {
        /* margin: 0 -15px; */
    }
}
.inner-product-show .parameter-sort > ul > li
{
    display: inline-block;

    padding: 0 20px;

    vertical-align: middle;
}
@media (max-width: 1560px)
{
    .inner-product-show .parameter-sort > ul > li
    {
        padding: 0 10px;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .parameter-sort > ul > li
    {
       
    }
}
.inner-product-show .parameter-sort > ul > li > a
{
    font-size: 16px;
    line-height: 30px;

    position: relative;

    display: inline-block;

    padding: 20px 0;

    color: #666;
}
@media (max-width: 1199px)
{
    .inner-product-show .parameter-sort > ul > li > a
    {
        font-size: 14px;
        line-height: 24px;

        padding: 10px 0;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .parameter-sort > ul > li > a
    {
        font-size: 14px;
    }
}
.inner-product-show .parameter-sort > ul > li > a:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #1295d9;
}
.inner-product-show .parameter-sort > ul > li.active > a
{
    color: #1295d9;
}
.inner-product-show .parameter-sort > ul > li.active > a:after
{
    width: 100%;
}


.inner-product-show .parameter-sort-custom
{
    padding: 0 30px;

    background-color: #f8f8f8;
}
.inner-product-show .parameter-sort-custom > ul
{
    margin: 0 -20px;
}
@media (max-width: 1560px)
{
	 .inner-product-show .parameter-sort-custom{
		 padding: 0 10px;
	 }
    .inner-product-show .parameter-sort-custom > ul
    {
        margin: 0 -10px;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .parameter-sort-custom > ul
    {
        /* margin: 0 -15px; */
    }
}
.inner-product-show .parameter-sort-custom > ul > li
{
    display: inline-block;

    padding: 0 20px;

    vertical-align: middle;
}
@media (max-width: 1560px)
{
    .inner-product-show .parameter-sort-custom > ul > li
    {
        padding: 0 10px;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .parameter-sort-custom > ul > li
    {
       
    }
}
.inner-product-show .parameter-sort-custom > ul > li > a
{
    font-size: 16px;
    line-height: 30px;

    position: relative;

    display: inline-block;

    padding: 20px 0;

    color: #666;
}
@media (max-width: 1199px)
{
    .inner-product-show .parameter-sort-custom > ul > li > a
    {
        font-size: 14px;
        line-height: 24px;

        padding: 10px 0;
    }
}
@media (max-width: 991px)
{
    .inner-product-show .parameter-sort-custom > ul > li > a
    {
        font-size: 14px;
    }
}
.inner-product-show .parameter-sort-custom > ul > li > a:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #f90;
}
.inner-product-show .parameter-sort-custom > ul > li.active > a
{
    color: #f90;
}
.inner-product-show .parameter-sort-custom > ul > li.active > a:after
{
    width: 100%;
}
.inner-work .work ul
{
    font-size: 0;
}
.inner-work .work ul li
{
    font-size: 14px;

    display: inline-block;
    float: none;

    vertical-align: top;
}
.inner-work .work ul li:nth-child(2n) .w-part .tit-work
{
    color: #1295d9;
}
.inner-work .work ul li:nth-child(2) .desc .img
{
    width: 100%;
}
.inner-work .work .w-part
{
    margin-top: 60px;
}
.inner-work .work .w-part .tit-work
{
    font-family: 'Baloo';

    color: #3981e3;
}
.inner-work .work .w-part .tit-work h3
{
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;
}
@media (max-width: 1470px)
{
    .inner-work .work .w-part .tit-work h3
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .inner-work .work .w-part .tit-work h3
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-work .work .w-part .tit-work h3
    {
        font-size: 28px;
    }
}
.inner-work .work .w-part .tit-work h4
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;
}
@media (max-width: 991px)
{
    .inner-work .work .w-part .tit-work h4
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-work .work .w-part .tit-work h4
    {
        font-size: 18px;
    }
}
.inner-work .work .w-part .desc
{
    font-size: 0;

    margin-top: 20px;
}
.inner-work .work .w-part .desc .img,
.inner-work .work .w-part .desc .txt
{
    font-size: 14px;

    display: inline-block;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .inner-work .work .w-part .desc .img,
    .inner-work .work .w-part .desc .txt
    {
        display: block;
    }
}
.inner-work .work .w-part .desc .img
{
    width: 220px;
}
@media (max-width: 767px)
{
    .inner-work .work .w-part .desc .img
    {
        width: 200px;
        margin: 0 auto;
    }
}
.inner-work .work .w-part .desc .img img
{
    max-width: 100%;
}
.inner-work .work .w-part .desc .txt
{
   
    width: 100%;  
}
@media (max-width: 767px)
{
    .inner-work .work .w-part .desc .txt
    {
        width: 100%;
        padding-left: 0;
    }
}
.inner-work .work .w-part .desc .txt p
{
    font-size: 16px;
    line-height: 2.25;

    margin: 0;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-work .work .w-part .desc .txt p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-service .service ul li:nth-child(3) .s-part .img,
.inner-service .service ul li:nth-child(3) .s-part .txt
{
    width: 50%;
}
@media (max-width: 767px)
{
    .inner-service .service ul li:nth-child(3) .s-part .img,
    .inner-service .service ul li:nth-child(3) .s-part .txt
    {
        width: 100%;
    }
}
.inner-service .service .s-part
{
    font-size: 0;

    margin: 0 -15px;
    margin-top: 70px;
}
@media (max-width: 1470px)
{
    .inner-service .service .s-part
    {
        margin-top: 50px;
    }
}
@media (max-width: 991px)
{
    .inner-service .service .s-part
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-service .service .s-part
    {
        margin: 0 -5px;
        margin-top: 20px;
    }
}
.inner-service .service .s-part .img,
.inner-service .service .s-part .txt
{
    font-size: 14px;

    display: inline-block;

    padding: 0 15px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .inner-service .service .s-part .img,
    .inner-service .service .s-part .txt
    {
        padding: 0 5px;
    }
}
.inner-service .service .s-part .img
{
    width: 35%;
}
.inner-service .service .s-part .img img
{
    width: 100%;
}
.inner-service .service .s-part .txt
{
    width: 65%;
}
.inner-service .service .s-part .txt h3
{
    font-family: 'Baloo';
    font-size: 24px;
    font-weight: bold;

    color: #3981e3;
}
@media (max-width: 767px)
{
    .inner-service .service .s-part .txt h3
    {
        font-size: 20px;
    }
}
.inner-service .service .s-part .txt p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-service .service .s-part .txt p
    {
        font-size: 14px;
    }
}
.inner-service .service-info
{
    margin-top: 60px;
}
@media (max-width: 767px)
{
    .inner-service .service-info
    {
        margin-top: 30px;
    }
}
.inner-service .service-info ul
{
    overflow: hidden;
}
.inner-service .service-info ul li
{
    font-size: 0;

    margin: 0 -15px;
    padding: 60px 0;
}
@media (max-width: 767px)
{
    .inner-service .service-info ul li
    {
        padding: 30px 0;
    }
}
.inner-service .service-info ul li:nth-child(2n+1)
{
    background-color: #f7f7f7;
}
.inner-service .service-info ul li:nth-child(2n+1) .img
{
    left: 50%;
}
@media (max-width: 767px)
{
    .inner-service .service-info ul li:nth-child(2n+1) .img
    {
        left: 0;
    }
}
.inner-service .service-info ul li:nth-child(2n+1) .txt
{
    right: 50%;
}
@media (max-width: 767px)
{
    .inner-service .service-info ul li:nth-child(2n+1) .txt
    {
        right: 0;
    }
}
.inner-service .service-info ul li .img,
.inner-service .service-info ul li .txt
{
    font-size: 14px;

    position: relative;

    display: inline-block;

    width: 50%;
    padding: 0 15px;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .inner-service .service-info ul li .img,
    .inner-service .service-info ul li .txt
    {
        width: 100%;
    }
}
.inner-service .service-info ul li .img img
{
    width: 100%;
}
.inner-service .service-info ul li .txt h3
{
    font-family: 'Baloo';
    font-size: 24px;
    font-weight: bold;

    color: #3981e3;
}
@media (max-width: 767px)
{
    .inner-service .service-info ul li .txt h3
    {
        font-size: 20px;
    }
}
.inner-service .service-info ul li .txt p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-service .service-info ul li .txt p
    {
        font-size: 14px;
    }
}



/*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;}