@charset "UTF-8";
/* global css */

/* fontface */

@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-100-normal.ttf') format("truetype");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-200-normal.ttf') format("truetype");
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-300-normal.ttf') format("truetype");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-400-normal.ttf') format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-500-normal.ttf') format("truetype");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-600-normal.ttf') format("truetype");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-cyrillic-700-normal.ttf') format("truetype");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-100-normal.ttf') format("truetype");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-200-normal.ttf') format("truetype");
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-300-normal.ttf') format("truetype");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-400-normal.ttf') format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-500-normal.ttf') format("truetype");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-600-normal.ttf') format("truetype");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-latin-700-normal.ttf') format("truetype");
    font-weight: 700;
    font-display: swap;
}
@font-face {category-wrap
font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-100-normal.ttf') format("truetype");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-200-normal.ttf') format("truetype");
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-300-normal.ttf') format("truetype");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-400-normal.ttf') format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-500-normal.ttf') format("truetype");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-600-normal.ttf') format("truetype");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    src: url('/static/common/fontsource/raleway_5.2.8/ttf/raleway-vietnamese-700-normal.ttf') format("truetype");
    font-weight: 700;
    font-display: swap;
}

body{
    font-family: 'raleway';
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.95);
}


/* 公共样式 override */
/*.container{*/
/*    width: 100%;*/
/*}*/

.pagination{}

.pagination .layui-laypage-next em,.pagination .layui-laypage-prev em{
    font-size: 12px;
}

.mobileMenuBtn{
    background: none;
    width: auto;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    color: #666;
}
.mobileMenuBtn i{
    display: inline-block;
    font-size: 24px;
}
.mobileMenuBtn:hover{
    background: transparent;
}

.mm-menu{
    z-index: 9999!important;
    transform: translate(-100%,0);
    transition: all .3s ease-out!important;
}

#mm-blocker{
    z-index: 999!important;
    background: rgba(0,0,0,.4) !important;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(0, 0)!important;
    -moz-transform: translate(0, 0)!important;
    -ms-transform: translate(0, 0)!important;
    -o-transform: translate(0, 0)!important;
    transform: translate(0, 0); !important;
}

.mm-menu.mm-offcanvas{
    display: block!important;
}

.mm-menu.mm-current{
    transform: translate(0,0);
}

/* 表单提交 */

.contact-form{
    padding: 0 30px;
}
.contact-form-inner{
    overflow: hidden;
    padding: 20px 15%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow:  rgb(206 204 204) 0px 0px 10px 0px;
}
.contact-form .contact-title{
    text-align: center;
    margin-bottom: 25px;
}
.contact-form .single-input-box{
    position: relative;
}
.contact-form .single-input-box i{
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 18px;
    color: #8790a1;
}
.contact-form .single-input-box + .single-input-box{
    margin-top: 15px;
}
.contact-form .single-input-box .input-control{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 36px;
    border: 1px solid #dcdcdc;
    transition: border .3s ease-out;
    height: 44px;
    line-height: 1.5;
}
.contact-form .single-input-box .input-control:focus{
    border-color: #3a6db8;
}
.contact-form .single-textarea-box .input-control{
    height: auto;
}
.contact-form .single-textarea-box i{
    top: 13px;
    transform: none;
}
.contact-form .input-btn-box{
    overflow: hidden;
    text-align: center;
}
.contact-form .btn-div{
    display: inline-block;
    vertical-align: middle;
}
.contact-form .btn-div button{
    display: block;
    height: 44px;
    line-height: 44px;
    border: 0;
    padding: 0 45px;
    border-radius: 8px;
    color: #fff;
    background-color: #4e7fc1;
    font-size: 16px;
}
.contact-form .btn-div button:hover{
    background-color: #5392d8;
}

/* 表单提交成功页 */
.thank-mod{
    overflow: hidden;
    padding: 60px 20px;
    text-align: center;
}
.thank-mod .thank-title{
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}
.thank-mod .thank-title i{
    color: #008f4c;
}
.thank-mod > p{
    font-size: 16px;
    color: #212121;
    margin-top: 10px;
}
.thank-jump{
    text-align: center;
    overflow: hidden;
    margin-top: 15px;
}
.thank-jump .btn-jump{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 15px;
    color: #fff;
    background-color: #0689db;
    border-radius: 6px;
}
.thank-jump .btn-jump:hover{
    background-color: #0b70bd;
}

/* 产品分类描述及列表 */
.category-wrap{

}
.category-wrap video{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.category-list{
    position: relative;
    overflow: hidden;
    font-size: 0;
    padding: 0 15px;
}
.category-list .category-item{
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 700;
    width: 32%;
}
.category-list .category-item:not(:nth-child(3n+1)){
    margin-left: 2%;
}
/*.category-list .category-item:not(:nth-child(-n+3)){*/
/*    margin-top: 2%;*/
/*}*/
.category-list .category-item a{
    display: block;
}
.category-list .category-pic{
    overflow: hidden;
    position: relative;
    z-index: 9;
    padding-top: 85%;
    border-radius: 10px;
}
.category-list .category-pic img{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-out;
}
.category-list .category-title{
    margin: 5px 0;
    padding: 8px 0;
    position: relative;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    color: #3a6db8;
}
.category-list .category-item:hover .category-pic img{
    transform: scale(1.2);
}
.category-list .category-item:hover .category-title{
    font-weight: 700;
    transition: all .3s ease-out;
}

.case-list .category-title{
    color: #666;
}

/* 产品分类详情展示 */
.category-desc{
    padding: 15px;
    background-color: #d9edf7;
    border-radius: 10px;
    margin-bottom: 20px;
}
.category-desc a{
    font-weight: 700;
    color: #0181d6;
}


/* 相关产品 */

.category-re-wrap{
    position: relative;
    overflow: hidden;
    padding: 50px 0 0;
}
.category-hd{
    font-size: 24px;
}
.category-re-list{
    padding: 20px 0;
    margin: 0 -10px;
    width: auto!important;
}
.category-re-list .category-re-item{
    position: relative;
    overflow: hidden;
    padding: 10px;
}
.category-re-list .category-re-item a{
    display: block;
}
.category-re-list .category-re-pic{
    overflow: hidden;
    position: relative;
    z-index: 9;
    padding-top: 55%;
    border-radius: 8px;
}
.category-re-list .category-re-pic img{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-out;
}
.category-re-list .category-re-item:hover .category-re-pic img{
    transform: scale(1.2);
}
.category-re-list .category-re-title{
    flex: 1;
    margin: 0 5px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    font-size: 15px;
    padding: 10px 0;
}
.category-re-list .category-re-item:hover .category-re-title{
    color: #3a6db8;
}
.category-details{
    padding: 0;
}
.category-details .contact-form{
    margin-top: 30px;
    padding: 0;
}
.category-intro p,.category-intro span,.category-intro div,.category-intro strong,
.category-feature p,.category-feature span,.category-feature div,.category-feature strong{
    /*font-family: 'Times New Roman', Times,serif!important;*/
    font-family: 'raleway', Times,serif!important;
    font-size: 16px!important;
    line-height: 1.8;
    word-break: break-word;
    color: #212121!important;
}
.category-intro section > p,.category-feature section > p{
    font-size: 20px!important;
}

.category-re-wrap .owl-buttons div{
    position:absolute;
    top:50%;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:-41px;
    background-color:#f5f5f5;
    font-size:36px;
    color:#666;
    line-height:1;
    opacity:.8;
}
.category-re-wrap .owl-buttons div:hover{
    opacity:1;
}
.category-re-wrap .owl-buttons .owl-prev{
    left: 10px;
    border-top-right-radius:100px;
    border-bottom-right-radius:100px;
    padding-left:5px;
    padding-right:10px;
}
.category-re-wrap .owl-buttons .owl-next{
    right: 10px;
    border-top-left-radius:100px;
    border-bottom-left-radius:100px;
    padding-left:10px;
    padding-right:5px;
}

.category-pictures{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}
.category-pictures .big{
    flex: 1;
    width: 80%;
}
.category-pictures .thumb{
    flex: none;
    width: 20%;
    padding-left: 15px;
}
.category-pictures .thumb2{
    display: block;
}
.category-pictures .thumb3{
    display: none;
}
.category-pictures .swiper{
    position: relative;
    overflow: hidden;
    height: 600px;
}
.category-pictures .thumb .swiper{
    padding: 25px 0;
    box-sizing: border-box;
}
.category-pictures .swiper-slide {
    border: #ccc solid 1px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    /*background-color: rgba(0,0,0,1);*/
}
.category-pictures .swiper-slide img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
.category-pictures a {
    display: block;
    height: 100%;
}
.category-pictures .thumb .swiper-slide img {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-pictures .thumb .swiper-button{
    position: absolute;
    z-index: 999;
    background-color: #eaeaea;
    background-image: none;
    width: 100%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0;
}
.category-pictures .thumb .swiper-button-next{
    top: auto;
    bottom: 0;
}
.swiper-button-next:after, .swiper-button-prev:after{
    content: ''!important;
}


/* feature products */

.category-re{
    padding: 20px 0;
    margin: 0 -10px;
    width: auto!important;
}
.category-re .category-re-item{
    position: relative;
    overflow: hidden;
    padding: 10px;
}
.category-re .category-re-item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.category-re .category-re-pic{
    overflow: hidden;
    position: relative;
    z-index: 9;
    width: 88px;
    height: 70px;
    margin-right: 10px;
}
.category-re .category-re-pic img{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-out;
}
.category-re .category-re-item:hover .category-re-pic img{
    transform: scale(1.2);
}
.category-re .category-re-title{
    flex: 1;
    margin: 0 5px;
    position: relative;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    font-size: 15px;
    padding: 10px 0;
}
.category-re .category-re-item:hover .category-re-title{
    color: #3a6db8;
}

/* tab */

.category-wrap .layui-tab{
    position: relative;
    margin: 0;
}

.category-wrap .layui-tab-title{
    background-color: #f8f8f8;
    font-size: 0;
    border-bottom: 0;
}
.category-wrap .layui-tab-title li{
    font-size: 18px;
}
.category-wrap .layui-tab-title .layui-this{
    background-color: #4e7fc1;
    color: #fff;
}

.category-wrap .layui-tab-card>.layui-tab-title .layui-this{
    background-color: #4e7fc1;
    color: #fff;
}

.category-wrap .name-bd-btn{
    position: absolute;
    right: 0;
    z-index: 99;
    height: 40px;
    background-color: #5778bb;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    cursor: pointer;
}

.category-wrap .name-bd-btn i{
    margin-left: 5px;
}

.category-wrap img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.category-intro,.category-feature{
    padding: 15px 30px;
    box-shadow:  rgb(206 204 204) 0px 0px 10px 0px;
}

.category-intro img{
    max-width: 50%;
}

/* qualification列表详情 */

.mod-list.qua-list{

}
.mod-list.qua-list .mod-item{
    position: relative;
}
.mod-list.qua-list .mod-pic{
    position: relative;
    overflow: hidden;
    height: 240px;
}
.mod-list.qua-list .mod-pic img{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.company-intro{
    font-size: 14px;
    line-height: 1.2;
}

/*#plugin_2683354538226923{*/
/*    display: block;*/
/*    float: right;*/
/*}*/

/* 404 */

.error-text{
    position: relative;
    overflow: hidden;
    padding: 10% 15px;
    text-align: center;
}
.error-text > i{
    font-size: 100px;
    color: #ffbd66;
}
.error-text h5{
    font-size: 24px;
    margin: 30px 0;
}
.error-text .button-box a{
    font-size: 20px;
    color: #0a58ca;
}

/* 菜单调整适配 */

.g-header{
    position: relative;
    z-index: 999;
    width: 100%;
    background-color: rgba(255,255,255,.9);
    /*box-shadow: 0 0 5px 3px rgba(0,0,0,.5);*/
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    transition: all .3s ease-out;
    display: none;
}

body.fixed-body{
    padding-top: 100px;
}
body.fixed-body .g-header{
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0 0 5px 3px rgba(0,0,0,.5);
}
.g-header .g-header-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.g-header .logo{
    position: relative;
    flex: none;
}
.g-header .logo a{
    display: block;
}
.g-header .logo img{
    display: block;
    width: 240px;
    height: auto;
    transition: all .3s ease-out;
}
.g-header .menu{
    flex: 1;
    position: relative;
    display: flex;
    margin-left: 20px;
}
.g-header .menu li{
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin: 0 32px;
    text-transform: capitalize;
    transition: all .3s ease-out;
}
.g-header .menu li a{
    display: block;
    height: 100px;
    line-height: 100px;
}
.g-header .menu li a:hover,.g-header .menu li a.active{
    color: #24619e;
    transition: all .3s ease-out;
}
.search-mod{
    position: relative;
    overflow: hidden;
    padding: 0 25px;
    height: 100px;
    line-height: 100px;
    cursor: pointer;
    color: #666;
}
.search-mod i{
    font-size: 20px;
}

.mobileMenuBtn{
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
    color: #83c428;
}


.plugin_8313138640702759 img,.aboutnr img,.plugin_5842352324981334 .mod-detail img {
    width:100%!important;
    height: auto!important
}
.plugin_5842352324981334 .mod-detail img {
    max-width: 50%;
    height: auto!important;
    display: block;
    margin: 0 auto;
}

/*导航设置更宽一点*/
.plugin_8849659911114791 .mod-first {
    padding-right: 40px;
    padding-left: 40px;
}
.plugin_5570556171805265 .owl-buttons div{
    display: block;
}
.plugin_5570556171805265 .item{
    position: relative;
}
.plugin_5570556171805265 .pic{
    display:block;
    position: relative;
    z-index: 9;
    left: 0;
    top: 0;
    padding-top: 66%;
}

.plugin_5570556171805265 .pic img{
    object-fit: cover;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


#snb * {
    margin: 0; padding: 0
}
#snb .container {
    margin: 0 auto;
    text-align: left;
    max-width: 1000px
}
#snb {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    text-align: center;
    z-index: 995;
    background: #24619e;
    background: rgba(36,97,158,.95)
}
#snb dl {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    min-width: 160px;
    width: 250px;
    /*height: 200px;*/
    height: auto;
    padding: 15px;
    margin-left: -4px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #3a6fa2;
}
#snb dl:first-child {
    border-left: none;
    margin-left: 0
}
#snb dl dt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff
}
#snb dl:hover,#snb dl.on {
    background: #19508b;
    border-color: #184f8b
}
#snb dl dd>div {
    height: 36px;
    line-height: 36px;
    font-size: 15px
}
#snb dl a {
    font-size: 15px;
    color: #a2c9f0;
    transition: all .3s ease-out
}
#snb dl a:hover,#snb dl a.on {
    color: #fff;
    border-bottom: 2px solid #fff
}


.container{
    max-width: 1440px;
    /*clear: both;*/
}
.container-1200{
    max-width: 1200px;
}
.g-position{
    position: relative;
    overflow: hidden;
    background-color: #f2f2f2;
}
.position-box{
    position: relative;
    overflow: hidden;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
}
.position-box a{
    display: inline-block;
}
.position-box a.cur,.position-box a:hover{
    color: #3a6db8;
}
.plugin_7250373468694214 .mod-wr3:before{
    top: 11px;
}

/* index */

.wzcutover-item{
    height: 94px;
}
.index-factory{
    padding: 15px 0;
}


/* contact us */

.banner-box{
    position: relative;
    overflow: hidden;
    max-height: 360px;
}
.banner-box > img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.banner-box .banner-title{
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.banner-box-p .banner-title{
    left: 30%;
    max-width: 45%;
    word-break: break-word;
}
.banner-box .banner-title h1{
    font-size: 42px;
    color: #fff;
    font-weight: 700;
}
.banner-box-p .banner-title h1{
    color: #2169bd;
}

.banner-box-p.banner-w{
    max-height: 590px;
}

.banner-box-txt:after{
    content: "";
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}

.banner-box .class-lead{
    position: absolute;
    z-index: 100;
    font-size: 20px;
    font-weight: 400;
    width: 550px;
    top: 50%;
    transform: translate(0, -50%);
    left: 18%;
    line-height: 1.8;
    color: rgba(255,255,255,.9);
    display: block;
    word-break: break-word;
}

.banner-box .class-lead a{
    color: #4b86db;
    text-decoration: underline;
}

.contact-base{
    position: relative;
    overflow: hidden;
    padding: 0 20px 20px;
}

.contact-company{
    text-align: center;
    font-size: 32px;
}

.contact-group{
    overflow: hidden;
    font-size: 0;
    padding: 40px 0;
}
.contact-group .group-item{
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 18px;
    width: 32%;
    height: 140px;
    box-sizing: border-box;
    padding: 10px;
}
.contact-group .group-item:not(:nth-child(3n+1)){
    margin-left: 2%;
}
.contact-group .group-inner{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #3a6db8;
    box-shadow: 3px 5px 8px #c1c1c1;
}
.contact-group .group-icon{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #3a6db8;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 0;
    flex: none;
}
.contact-group .group-icon:hover{
    transform: rotateY(360deg);
    transition: transform 1.5s ease-out;
}
.contact-group .group-icon i{
    font-size: 28px;
    color: #fff;
}
.contact-group .group-txt{
    flex: 1;
    height: 100%;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 15px;
    overflow: hidden;
}
.contact-group .group-txt .txt-h{
    font-size: 24px;
    margin-bottom: 15px;
}
.contact-group .group-txt .txt-b{
    color: #333333;
}
.contact-group .group-txt .txt-b a:hover{
    color: #3a6db8;
}
.contact-group .group-txt img{
    width: 220px;
    height: auto;
    display: block;
    margin-top: -10px;
    margin-left: -15px;
}

/* news */

.news-list .mod-item{
    margin-bottom: 25px;
}
.news-list .mod-item-inner{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    /*background-color: #f8f8f8;*/
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
}
.news-list .mod-item a{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.news-list .mod-item-pic{
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 220px;
    flex: none;
}
.news-list .mod-item-pic img{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-list .mod-item-info{
    flex: 1;
    height: 220px;
    position: relative;
    box-sizing: border-box;
    padding-left: 25px;
    padding-top: 10px;
    line-height: 1.6;
    font-size: 16px;
}
.news-list .mod-item-info .info-hd{
    font-size: 18px;
    color: #3a6db8;
    margin-bottom: 20px;
}
.news-list .mod-item-info .info-bd{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-list .mod-read{
    position: absolute;
    z-index: 9;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    font-size: 14px;
    color: #999;
    left: 0;
    bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 0 25px;
}
.news-list .mod-view{
    display: block;
    color: #fff;
    background-color: #3a6db8;
    padding: 5px 15px;
    font-size: 15px;
}

.pub-list .mod-item-date{
    position: relative;
    overflow: hidden;
    flex: none;
    width: 200px;
    height: 160px;
    background: url("../images/pub-pic.jpg") no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
}
.pub-list .mod-item-date .date-bd{
    font-size: 28px;
    margin-top: 12px;
}
.pub-list .mod-item-info{
    height: 160px;
}
.pub-list .mod-item-info .info-hd{
    margin-bottom: 12px;
}

/* pagination */
.news-list ~ .mod-pagination{
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
}
.mod-pagination ul{
    text-align: center;
}
.mod-pagination li{
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.mod-wrap p,.mod-wrap span,.mod-wrap div{
    /*font-family: 'Times New Roman', Times,serif!important;*/
    font-family: 'raleway';
    font-size: 16px!important;
    color: #333!important;
    word-break: break-word;
}

.plugin_5842352324981334 .mod-title{
    color: #222!important;
}

.mod-wrap .mod-title{
    padding: 20px 0;
}

.about-section{
    padding-top: 30px;
    padding-bottom: 30px;
}

.player-wrap .video-box{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 405px!important;
    border-radius: 10px;
}
.player-wrap .video-box video{
    display: block;
    width: 100%!important;
    height: auto!important;
}
.player-wrap .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-section .about-txt{
    padding-top: 30px;
    padding-left: 30px;
}
.about-section .hd{
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 600;
    color: #212121;
    margin-bottom: 10px;
}
.about-section .bd{
    font-size: 15px;
    color: #666;
    line-height: 1.6;
}
.about-section .bd-p{
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 10px;
    margin-top: 15px;
}
.about-section.section-2{
    background: url('../images/about_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 50px 0;
    margin: 30px 0;
}
.about-section.section-2 .hd{
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
.about-section.section-2 .bd{
    color: #fff;
    font-size: 17px;
    line-height: 1.8;
}
.about-section.section-2 .about-txt{
    padding: 0;
}
.about-section.section-3 .about-txt{
    padding-right: 30px;
    padding-left: 0;
}

.area-group{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 20px 12% 30px;
    bottom: -20px;
}
.area-group .area-item{
    position: relative;
    flex: 1;
    padding: 15px 15px 40px;
    border: 1px dashed #f6a02a;
    border-radius: 10px;
    margin: 0 15px;
}
.area-group .area-txt div:nth-child(1){
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.area-group .area-txt div:nth-child(2){
    font-size: 18px;
}
.area-group .area-icon{
    position: absolute;
    z-index: 9;
    bottom: -24px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #6c98f2;
    padding: 10px;
    width: 56px;
    height: 56px;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}
.area-group .area-icon i{
    font-size: 36px;
}

/* index */

.body-index .about-section .hd{
    font-size: 36px;
    font-weight: 400;
}

.body-index .about-section.section-3 .bd-p{
    position: relative;
    padding-left: 60px;
    color: #111;
    font-size: 17px;
}
.body-index .about-section.section-3 .bd-p i{
    font-size: 32px;
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    color: #0a58ca;
}
.about-grid{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
}
.about-grid .about-cell{
    position: relative;
    overflow: hidden;
    flex: 1;
    margin: 0 15px;
    text-align: center;
}
.about-grid .about-cell .icon-box{
    width: 80px;
    margin: 0 auto 10px;
}
.about-grid .about-cell .icon-box img{
    width: 60px;
}
.about-grid .about-cell .txt-hd{
    position: relative;
    font-size: 15px;
    font-weight: 700;
    color: #3a6db8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
.about-grid .about-cell .txt-ico{
    position: relative;
    display: inline-block;
    font-weight: 400;
    top: -8px;
    margin-left: 2px;
}
.about-grid .about-cell .txt-num{
    font-size: 17px;
}

.body-index .about-grid{
    margin-top: 15px;
    padding: 10px 15px;
}
.body-index .about-section.section-2{
    margin: 0!important;
}
.body-index .about-section.section-2 .hd{
    background: none;
    /*color: #212121;*/
    color: #fff;
}

.choose-group{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.choose-group .choose-item{
    position: relative;
    overflow: hidden;
    width: calc(100% / 3);
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.choose-group .choose-item-inner{
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 220px;
}
.choose-group .choose-icon i{
    font-size: 50px;
    color: #333;
}
.choose-group .choose-txt{
    padding-left: 15px;
}
.choose-group .choose-txt .txt-hd{
    font-size: 24px;
    font-weight: 600;
    color: #3a6db8;
    margin-bottom: 10px;
}
.choose-group .choose-txt .txt-bd{
    color: #666;
    line-height: 1.6;
}

.body-index .about-section.section-4{
    background: none;
}
.body-index .about-section.section-4 .hd{
    color: #212121;
}

.partner-list{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partner-list .partner-item{
    position: relative;
    overflow: hidden;
    width: calc(100% / 6);
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
}
.partner-list .partner-item .img-box{
    position: relative;
    overflow: hidden;
    padding-top: 66%;
    background-color: #fff;
}
.partner-list .partner-item img{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.partner-list .partner-item:hover img{
    transform: scale(1.2);
    transition: transform .3s ease-out;
}

.g-footer{
    position: relative;
    overflow: hidden;
    background-color: #217ed1;
    padding-top: 30px;
    color: rgba(255,255,255,.8);
}
.g-copyright{
    border-top: 1px solid rgba(255, 255, 255, 0.27);
    padding: 15px 0 25px;
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}
.footer-logo{

}
.slogan-box{
    padding: 8px 0;
    font-size: 20px;
}
.footer-title{
    font-size: 24px;
    margin-bottom: 10px;
    color: rgba(255,255,255,.95);
}
.footer-contact{
    padding: 10px 0;
}
.footer-contact a,.footer-contact span{
    color: rgba(255,255,255,.5);
}
.footer-contact a:hover{
    color: rgba(255,255,255,1);
}
.footer-contact h2{
    font-size: 16px;
    margin-bottom: 10px;
}
.footer-contact div + div{
    margin-top: 8px;
}
.footer-menu{
    padding-left: 100px;
}
.footer-menu .menu a{
    font-size: 16px;
    color: rgba(255,255,255,.8);
    padding: 6px 0;
    display: block;
}
.footer-menu .menu a:hover{
    text-decoration: underline;
}

.mod-detail{

}
.mod-detail video{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


/* 响应式适配 */

@media screen and (max-width:1300px) {
    .g-header .menu li{
        margin: 0 25px;
    }
    .g-header .logo img{
        width: 190px;
    }
}

@media screen and (max-width:1200px) {
    .g-header .menu li{
        margin: 0 20px;
    }
    .g-header .logo img{
        width: 180px;
    }
    .banner-box .class-lead{
        font-size: 18px;
        width: 480px;
    }
}

@media screen and (max-width:1050px) {
    .g-header .menu li{
        margin: 0 15px;
    }
    .g-header .logo img{
        width: 170px;
    }
    .banner-box .class-lead{
        font-size: 16px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 992px) {
    .g-header .menu li{
        margin: 0 11px;
        font-size: 14px;
    }
    .g-header .logo img{
        width: 160px;
    }
    .search-mod{
        padding: 0 15px;
    }
    .g-header .menu{
        margin-left: 10px;
    }
}

@media screen and (max-width:800px) {
    .g-header .menu li{
        margin: 0 9px;
    }
}

@media screen and (max-width:767px) {
    .plugin_1482186620633688{
        margin: 10px;
    }
    .wzcutover-item{
        height: 116px;
        word-break: break-all;
    }
    .g-header .menu{
        display: none;
    }
    .g-header .mobileMenuBtn{
        display: block;
    }
    .banner-box .class-lead{
        font-size: 14px;
        line-height: 1.6;
        left: 10%;
    }
    .g-header{
        display: flex;
        align-items: center;
        padding: 0 15px;
    }
    .tools{
        display:block!important
    }
}

@media screen and (max-width: 640px) {
    .g-header{
        height: 60px;
    }
    .g-header .logo img{
        width: 220px;
    }
    /*.g-header .g-header-inner{*/
    /*    justify-content: space-around;*/
    /*}*/

    .search-mod{
        height: 54px;
        line-height: 54px;
        padding: 0 15px;
        flex: 1;
        text-align: right;
    }

    body.fixed-body{
        padding-top: 60px;
    }

    .position-box{
        line-height: 1.5;
        height: auto;
        padding: 10px 0;
        font-size: 14px;
    }
    .category-desc{
        padding: 10px;
        margin-top: 20px;
        border-radius: 5px;
    }
    .category-wrap .layui-tab-title li{
        font-size: 15px;
    }
    .category-intro,.category-feature{
        padding: 0 0;
        box-shadow: none;
    }
    .category-list{
        padding: 10px 0;
    }
    .category-list .category-item{
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    .category-list .category-item:not(:nth-child(3n+1)){
        margin-left: 0%;
    }
    .category-list .category-item:not(:nth-child(2n+1)){
        margin-left: 0%;
    }
    .category-intro img{
        max-width: 100%;
    }
    .category-pictures{
        padding: 30px 0;
        display: block;
    }
    .category-pictures .big{
        width: 100%;
    }
    .category-pictures .thumb2{
        display: none;
    }
    .category-pictures .thumb3{
        display: block;
    }
    .category-pictures .thumb{
        width: 100%;
        padding-left: 0;
    }
    .category-pictures .swiper{
        height: 360px;
    }
    .category-pictures .thumb .swiper{
        height: 120px;
        padding: 0 25px;
    }
    .category-pictures .thumb .swiper-button{
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 20px;
        height: 100%;
    }
    .category-pictures .thumb .swiper-button i{
        transform: rotate(270deg);
    }
    .category-pictures .thumb .swiper-button-next{
        top: 0;
        left: auto;
        right: 0;
    }
    .contact-form{
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .contact-form-inner{
        padding: 20px 10px;
    }
    .contact-base{
        padding: 30px 0 0;
    }
    .contact-company{
        font-size: 26px;
    }
    .contact-group .group-item{
        width: 100%;
        height: 120px;
    }
    .contact-group .group-item:not(:nth-child(3n+1)){
        margin-left: 0;
    }
    .contact-group .group-inner{
        padding: 10px 0 10px 20px;
    }
    .contact-group .group-icon{
        width: 45px;
        height: 45px;
    }
    .contact-group .group-txt .txt-h{
        font-size: 20px;
    }
    .banner-box{
        height: 100px;
    }
    .banner-box img{
        height: 100%;

    }
    .banner-box .banner-title h1{
        font-size: 24px;
    }
    /*.banner-box-p .banner-title{*/
    /*    max-width: 60%;*/
    /*}*/
    .banner-box-p .banner-title h1{
        font-size: 16px;
    }
    .banner-box-p{
        height: 130px;
    }
    .banner-box-p.banner-w{
        height: 130px;
    }
    .banner-box .class-lead{
        box-sizing: border-box;
        width: 100%;
        padding: 0 12px;
        font-size: 12px;
        left: 0;
        line-height: 1.5;
    }

    .mod-list .mod-item a{
        display: block;
    }
    .mod-list .mod-item-pic{
        width: 100%;
        height: 55vw;
    }
    .mod-list .mod-item-info{
        padding: 15px 10px 10px;
        height: auto;
    }
    .mod-list .mod-item-info .info-hd{
        margin-bottom: 15px;
    }
    .mod-list .mod-read{
        position: static;
        padding: 0;
    }
    .pub-list .mod-item a{
        display: flex;
    }
    .pub-list .mod-item-date{
        width: 25%;
        height: 100px;
    }
    .pub-list .mod-item-date{
        font-size: 18px;
    }
    .pub-list .mod-item-date .date-bd{
        font-size: 24px;
    }
    .pub-list .mod-item-info{
        width: 75%;
        height: 100px;
        padding: 10px;
    }
    .pub-list .mod-item-info .info-hd{
        color: #212121;
    }
    .pub-list .mod-item-info .info-bd{
        display: none;
    }
    .player-wrap .video-box{
        height: 220px!important;
    }
    .about-section .about-txt{
        padding: 15px 0 0;
    }
    .about-section .hd{
        font-size: 30px;
    }
    .about-section .bd-p{
        padding: 15px;
    }
    .about-section.section-2{
        margin: 15px 0;
    }
    .about-section.section-3 .about-txt{
        padding: 15px;
    }
    .area-group{
        bottom: 0;
        padding: 10px;
        flex-direction: column;
    }
    .area-group .area-item{
        margin: 15px 0;
    }
    .body-index .about-section.section-3 .about-txt{
        padding: 0 0 15px;
    }
    .body-index .about-section .hd{
        font-size: 28px;
    }
    .about-grid .about-cell{
        margin: 0;
    }
    .choose-group .choose-item{
        width: 100%;
        padding: 10px;
        margin-bottom: 0;
    }
    .choose-group .choose-txt .txt-hd{
        font-size: 18px;
    }
    .partner-list .partner-item{
        width: calc(100% / 3);
    }
    .g-footer{
        text-align: center;
        /*padding-bottom: 50px;*/
    }
    .footer-contact h2{
        font-size: 14px;
        display: inline-block;
    }
    .footer-menu{.category-wrap img
    padding-top: 15px;
        padding-left: 0;
    }
    .footer-menu .menu{
        display: flex;
        flex-wrap: wrap;
    }
    .footer-menu .menu li{
        width: 50%;
    }
    .choose-group .choose-item-inner{
        height: auto;
        padding: 10px;
    }

    .plugin_8461548237214318 .pic img{
        max-width: 160px;
    }
    .plugin_5842352324981334 .mod-detail img{
        max-width: 100%;
    }
    .plugin_5570556171805265 .pic img{
        max-width: 100%;
    }
    .category-wrap video{
        display: block;
        max-width: 100%;
        height: 240px;
    }
    .category-intro section > p, .category-feature section > p{
        font-size: 18px!important;
    }
}

@media screen and (max-width: 479px){
    .plugin_2878314525875137{
        float: none;
    }
    .plugin_3183653616691347{
        display:block;
        float: none;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-left: 10px;
    }
    .plugin_3183653616691347::-webkit-scrollbar{
        height: 0;
    }
    #el_1884462441848201{
        border: 0;
    }

    .plugin_3183653616691347{
        padding-left: 0;
    }

    #el_8439151065227512 {
        padding: 0 0 0;
    }

    #el_5705821255063035{
        padding-bottom: 62px;
    }

    .plugin_8976384667003116 span{
        display: block;
    }

    #el_8107577340335166 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #el_5981304418763197{
        padding: 0!important;
    }

    .plugin_2014224926532757{
        margin: 10px 0;
    }
}