@font-face { font-family:'851cai'; src: url('../fonts/851-CAI978.ttf'); }
html{
    margin:0;
    padding:0;
    overflow-x: hidden;
    font-family: "Microsoft YaHei";
}
body{
    padding-right: 0px !important;
}
p{
    margin: 0;
}
a{
    text-decoration:none !important;
}
*{

    margin: 0;
    padding: 0;
}

img {
    border: 0;
}
a {
    text-decoration: none;
    outline: none;
}
ol,
ul,
li {
    list-style: none;
}
video {
    display: block !important;
    object-fit: cover;
}
.more {
    width: 150px;
    height: 40px;
    border: 1px solid #255da9;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
}
.more a {
    font-size: 16px;
    font-weight: bold;
    color: #255da9;
}
.learn_more{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 60px;
}
.learn_more a{
    font-size: 14px;
    color: #898989;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: bold;
}
.learn_more a:hover{
    color: #d8262c;
}
.learn_more a .learn_more_icon{
    width: 100%;
    height: 8px;
    position: relative;
    margin-top: 5px;
    margin-left: -10px;
}
.learn_more a .learn_more_icon img{
    position: absolute;
}
.learn_more a .learn_more_icon img:nth-child(1){
    display: none;
}
.learn_more a:hover .learn_more_icon img:nth-child(2){
    display: none;
}
.learn_more a:hover .learn_more_icon img:nth-child(1){
    display: block;
}
.more_hr{
    width: 34px;
    height: 3px;
    background-color: #d8262c;
    margin-top: 20px;
}
.more2_hr{
    width: 42px;
    height: 4px;
    background-color: #fff;
    margin-top: 30px;
}
.more3_hr{
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin-top: 5px;
}
.more4_hr{
    width: 42px;
    height: 4px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 10px;
}
.more5_hr{
    width: 25px;
    height: 2px;
    background-color: #d8262c;
}
.backtotop{
    opacity: 0;
    position: fixed;
    right: 30px;
    bottom: 260px;
    position: fixed;
    z-index: 99;

    width: 44px;
    height: 44px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    background-image: linear-gradient(
            0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, 0.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}
.navigation{
    background-color: #000000;
    width: 100%;
    height: 30px;
}
.navigation .main{
    max-width: 1400px;
    height: 30px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    color: #fff;
}
.navigation .main .left{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.navigation .main .left .icon{

}
.navigation .main .left .tel{
    padding-left: 15px;
    font-size: 12px;
}
.navigation .main .right{

}
.navigation .main .right .ul{
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    flex-wrap: nowrap;
}
.navigation .main .right .ul .li{
    padding-left: 15px;
}
.navigation .main .right .ul .li.input{
    width: 144px;
    height: 27px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}
.navigation .main .right .ul .li.input input{
    color: #f1f6fc;
    outline:none;
    width: 120px;
    height: 27px;
    background-color: rgba(0,0,0,0);
    border: 0px;
}
.navigation .main .right .ul .li.input .icon{
    width: 24px;
    padding-right: 5px;
}
.navigation .main .right .ul .li.language .con{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.navigation .main .right .ul .li.language .con .title{
    padding-right: 5px;
    font-size: 12px;
}
.navigation .main .right .ul .li.language .con .icon{
    padding-right: 15px;
    margin-top: -4px;
}
.header{
    width: 100%;
    box-shadow: 2px 0px 5px 2px rgba(0 ,0 ,0 ,0.1);
    background-color: #fff;
    z-index: 99;
}
.header .main{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-end;
}
.header .main .head-nav {
    height: 80px;
    background: #fff;
    display: flex;
}
.header .main .head-nav-con {
    height: 80px;
    margin: auto;
}
.header .main .head-nav-con .ul{
    display: flex;
}
.header .main .head-nav-con ul li {
    width: 90px;
    float: left;
    font-size: 20px;
    text-align: center;
}
@media screen and (max-width: 1080px){
    .header .main .head-nav-con ul li {
        width: 70px;
    }
}
@media screen and (max-width: 900px){
    .header .main .head-nav-con ul li {
        width: 50px;
    }
}
.header .main .head-nav-con .drop_ul .drop_li{
    width: 200px;
    text-align: left;
    border-bottom: 1px solid #f7f8f8;
}

.header .main .head-nav-con .ul .li{
    position: relative;
}
.header .main .head-nav-con .ul .li:before{
    position: absolute;
    content: '';
    width: 0px;
    height: 3px;
    background-color: #1d4aab;
    margin: 0 auto;
    left:50%;
    bottom: 16px;
    transform:translate(-50%,-50%);
    transition: all 0.5s;
}
.header .main .head-nav-con .ul .li:hover:before{
    width: 36px;
}
.header .main .head-nav-con ul.ul li.li:nth-last-child(1){
    width: 40px;
}
.header .main .head-nav-con ul.ul li.li:nth-last-child(2){
    width: 80px;
}
.header .main .head-nav-con ul.ul li.li:nth-last-child(2) a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .main .head-nav-con ul.ul li.li:nth-last-child(2) a span{
    margin-left: 10px;
}
.header .main .head-nav-con .ul .li a{
    font-weight: bold;
}
.header .main .head-nav-con .drop-down-content .drop_li a{
    line-height: 45px;
}
.header .main .head-nav-con .ul .li:hover .ac{
    color: #1d4aab;
}

.header .main .head-nav-con .drop_ul .drop_li a{
    text-align: left;
    padding-left: 30px;
    font-weight: 400;

}
.header .main .head-nav-con ul li:hover {

}
.header .main .head-nav-con .drop_ul .drop_li:hover a{
    color: #fff;
    background-color: #1d4aab;
    font-weight: bold;
}
.header .main .head-nav-con ul a {
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 80px;
    color: #3e3a39;
    font-size: 18px;
}
@media screen and (max-width: 900px){
    .header .main .head-nav-con ul a {
        font-size: 16px;
    }
}
.header .main .head-nav-con .drop-down {
    position: relative;
}
.header .main .head-nav-con .drop-down-content {
    padding: 0;
    display: none;
    position: absolute;
    z-index: 9;
    box-shadow: 2px 0px 5px 2px rgba(0 ,0, 0, 0.1);
}

.header .main .head-nav-con .drop-down:hover .drop-down-content {
    display: block;
    background-color: #fff;
}
.header .main .head-nav-con .drop-down-2 {
    position: relative;
}
.header .main .head-nav-con .drop-down-content-2 {
    padding: 0;
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #007130;
    right: -170px;
    top: 0;
}
.header .main .head-nav-con .drop-down-content-2 > li {
    float: none;
    background-color: #007130;
}
.header .main .head-nav-con .drop-down-content-2 li:hover a {
    background-color: #ff9c01;
}
.header .main .head-nav-con .drop-down-2:hover .drop-down-content-2 {
    display: block;
}
/*header_form*/
.header_form{
    width: 100%;
    height: 50px;
    margin-top: 10px;
    position: fixed;
    top: 110px;
    z-index: 97;
    display: none;
}
.header_form .main {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    box-shadow: 0px 5px 9px 2px rgba(0,0,0,0.3);
}
.header_form .main form{
    height: 50px;
    display: flex;
}
.header_form .main .name{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
}
.header_form .main .submit{
    width: 50px;
    height: 100%;
    background-color: red;
    color: #fff;
}
.header_form .main input{
    width: 100%;
    height: 100%;
    border: 0px solid rgba(0,0,0,0);
    outline: none;
}

.header_nav{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 200;
}
.header_nav.sc{
    background-color: #fff;
    box-shadow: 2px 0 5px 2px rgba(0,0,0,0.1);
}
.header_nav .main {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.header_nav .main .left{

}
.header_nav .main .left img{
    height: 30px;
}
.header_nav .main .right{
    cursor: pointer;
}
.header_nav .main .right img:nth-child(2){
    display: none;
}
.header_nav .main .right.ac img:nth-child(2){
    display: block;
}
.header_nav .main .right.ac img:nth-child(1){
    display: none;
}
.header_m{
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0px;
    background-color: #eee;
    right: -250px;
    transition: all .5s;
    z-index: 202;
}
.header_m .main{
    padding: 20px 20px;
}
.header_m .main .ul .li{
    min-height: 60px;
    border-bottom: 1px solid #707070;
    color: #000;
    line-height: 60px;
}
.header_m .main .ul .li a{
    font-weight: bold;
}
.header_m .main .ul .li.drop{
}
.header_m .main .ul .li .drop_ul{
    display: none;
    height: 0px;
    transition: all 0.5s;
    height: auto;
}
.header_m .main .ul .li .drop_ul.active{
    height: auto;
    display: block;
}
.header_m .main .ul .li .drop_ul .drop_li{
    height: 60px;
    border-bottom: 1px solid #707070;
    color: #000;
    line-height: 60px;
    padding-left: 30px;
}
.header_m .main .ul .li .drop_ul .drop_li a{
    font-weight: 400;
}
.header_m .main .ul .li a{
    display: block;
    color: #9fa0a0;
    font-size: 16px;
}
.header_m .main .ul .li a:hover{
    color: #d8262c !important;
}
.mask{
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 201;

}

.banner.banner2{
    display: none;
}
@media screen and (max-width: 767px){
    .banner.banner2{
        display: block;
    }
}
.banner a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner a img {
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
}
.banner .swiper-pagination-bullet{
    width: 42px;
    height: 3px;
    border-radius: 0px;
}
.banner .swiper-pagination-bullet-active{
    background-color: #1d4aab;
}


/*公司简介*/
/*index_about*/
.index_about{
    width: 100%;
    background-color: #f7f8f8;
    padding-top: 80px;
    padding-bottom: 30px;
}
.index_about .main{
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.index_about .main .index_header{
    text-align: center;
}

@media screen and (max-width: 767px){
    .index_about .main .index_header img{
        width: 80%;
    }
}
.index_about .main .box{
    display: flex;
    margin-top: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    background-color: #fff;

}
.index_about .main .box .left{
    padding-left: 60px;
    padding-right: 110px;
    width: 50%;
}
.index_about .main .box .left .tit{
    font-size: 36px;
    color: #255da9;
    font-weight: bold;
    margin-top: 60px;
}
.index_about .main .box .left .desc{
    margin-top: 30px;
    font-size: 16px;
    color: #666666;
}
.index_about .main .box .left .btns{
    margin-top: 50px;
    width: 150px;
    height: 40px;
    border: 1px solid #ec711f;
    text-align: center;
    line-height: 40px;
}
.index_about .main .box .left .btns a{
    font-size: 16px;
    font-weight: bold;
    color: #ec711f;
}
.index_about .main .box .left .ico{
    margin-top: 44px;
}
.index_about .main .box .left .ico img{
    /*width: 100%;*/
}

.index_about .main .box .right img{

}
.index_about .main .box .right{
    width: 50%;
}
@media screen and (max-width: 1200px){
    .index_about .main .box .left{
        width: 50%;
    }
    .index_about .main .box .right{
        width: 50%;
    }
}
@media screen and (max-width: 800px){
    .index_about .main .box .left{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .index_about .main .box .left .ico img{
        width: auto;
    }
    .index_about .main .box .right{
        width: 100%;
        margin-top: 30px;
    }
    .index_about .main .box .right img{
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .index_about .main .box .left .ico img{
        width: 100%;
    }
}
.index_about .main .foot{
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_about .main .foot .list{
    width: 32%;
    height: 66px;
    background-color: #fff;
}

@media screen and (max-width: 767px){
    .index_about .main .foot .list{
        width: 100%;
        margin-top: 20px;
    }
}
.index_about .main .foot .list:nth-child(1){
    margin-top: 0px;
}
.index_about .main .foot .list a{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    padding-left: 23px;
    padding-right: 23px;
    font-size: 18px;
    color: #595757;
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .index_about .main .foot .list a{
        font-size: 16px;
    }
}
.index_about .main .foot .list a:hover{
    background-color: #1d4aaa;
    color: #fff;
}
.index_about .main .foot .list .left{
    position: relative;
    width: 50%;
}
.index_about .main .foot .list .left:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 12px;
    background-color: #595757;
    right: 0px;
    top: 5px;
}
.index_about .main .foot .list a:hover .left:after{
    background-color: #fff;
}
.index_about .main .foot .list .right{
    width: 50%;
    text-align: right;
}
/*产品推荐*/
/*shops*/
.shops{
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: 微软雅黑;
    padding-bottom: 5px;
}
.shops a{
    font-family: 微软雅黑;
}
.shops .main{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;

}
.shops .main .title{
    font-size: 40px;
    color: #ed721f;
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
}
.shops .main .title span{
    color: #333;
}
.shops .main .ul{
}
.shops .main .ul .li{
    display: flex;
    margin-top: 34px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.shops .main .ul .li .left{

}
@media screen and (max-width: 767px){
    .shops .main .ul .li .left{
        width: 100%;
    }
}
.shops .main .ul .li .left img{

}
.shops .main .ul .li .right{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    flex: 1;
}
@media screen and (max-width: 767px){
    .shops .main .ul .li .right{
        width: 100%;
        height: 100%;
    }
}
.shops .main .ul .li .right .list{
    width: 32%;
    background-color: #f7f8f8;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    justify-content: center;
    overflow: hidden;

}
@media screen and (max-width: 767px){
    .shops .main .ul .li .right .list{
        width: 100%;
        height: 300px;
    }
}
.shops .main .ul .li .right .list .shop_img{
    width: 100%;
    height: 100%;
}
.shops .main .ul .li .right .list .shop_img img{
    transition: all 0.5s;
    width: 100%;
}
.shops .main .ul .li .right .list:hover .shop_img img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.shops .main .ul .li .right .list .shop_tit{
    bottom: 4px;
    position: absolute;
    width: 100%;
    border-top: 1px solid #666666;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #666666;
    font-size: 16px;
}
.shops .main .ul .li .right .list:hover .shop_tit{
    color: #1d4aaa;
    font-weight: bold;
}
/*品质保障*/
/*quality*/

.quality{
    background: url("../image/quality.jpg");
    background-position: center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    padding-bottom: 100px;
}
.quality .main{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;

}
.quality .main .title{
    font-size: 40px;
    color: #ed721f;
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
}
.quality .main .title span{
    color: #fff;
}

.quality .main .box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.quality .main .box .list:nth-child(1){
    background: url("../image/quality_left.jpg") no-repeat;
}
.quality .main .box .list:nth-child(2){
    background: url("../image/quality_right.jpg") no-repeat;
}
.quality .main .box .list{
    width: 49%;
    height: 430px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
}
@media screen and (max-width: 767px){
    .quality .main .box .list{
        width: 100%;
    }
}
.quality .main .box .list .box2{
    width: 70%;
    padding: 40px;
    background-color: rgba(0,0,0,0.3);
    margin-left: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.quality .main .box .list:hover .box2{
    background-color: #1f4eb1;
    color: #fff;
}
.quality .main .box .list .box2 .left{
    color: #fff;
    flex: 1;
    padding-right: 20px;
}
.quality .main .box .list .box2 .left .tit{
    font-size: 24px;
    font-weight: bold;
}
.quality .main .box .list .box2 .left .desc{
    font-size: 16px;
    margin-top: 15px;
}
.quality .main .box .list .box2 .right{
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    background-color: #1f4eb1;
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 20px;
}
.quality .main .box .list:hover .box2 .right{
    background-color: #fff;
    color: #1f4eb1;
}
/*解决方案*/
/*vr*/
.vr{
    width: 100%;
    height: 100%;
    margin-top: 80px;
}
.vr .main{
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.vr .main .title{
    font-size: 36px;
    color: #3e3a39;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .vr .main .title{
        font-size: 30px;
    }
}
.vr .main .title span{
    color: #d8262c;
}
.vr .main .con{
    margin-top: 50px;
    overflow: hidden;
}
.vr .main .con img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.vr .main .con:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
@media screen and (max-width: 767px){
    .vr .main .con{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 767px){
    .vr .main video{
        height: auto !important;
    }
}
/*最新话题与技术*/
/*conversation*/
.conversation{
    width: 100%;
    height: 100%;
    margin-top: 70px;
    background-color: #fff;
    font-family: 微软雅黑;
    padding-bottom: 5px;
}
.conversation a{
    font-family: 微软雅黑;
}
.conversation .main{
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;

}
.conversation .main .title{
    font-size: 40px;
    color: #ed721f;
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
}
.conversation .main .title span{
    color: #333;
}
@media screen and (max-width: 767px){
    .conversation .main .title{
        font-size: 30px;
        margin-top: 0px;
    }
    .conversation .main .title img{
        width: 80%;
    }
}

.conversation .main .con{

}
.conversation .main .con .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.conversation .main .con .ul .li{
    width: 23%;
    margin-top: 50px;
    background-color: #f7f8f8;
    padding-bottom: 20px;
}
@media screen and (max-width: 767px){
    .conversation .main .con .ul .li{
        width: 48%;
    }
}
.conversation .main .con .ul .li .li_img{
    overflow: hidden;
}
.conversation .main .con .ul .li .li_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.conversation .main .con .ul .li:hover .li_img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.conversation .main .con .ul .li .li_title{
    font-size: 18px;
    color: #595757;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.2s;

}
.conversation .main .con .ul .li:hover a{
    color: #fff;
}
.conversation .main .con .ul .li .li_desc{
    font-size: 14px;
    color: #727171;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.conversation .main .con .ul .li .time{
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: 14px;
    color: #9fa0a0;
}
.conversation .main .con .ul .li .time .time_img{

}
.conversation .main .con .ul .li .time date{

}
.conversation .main .more{
    margin-top: 40px;
    border: 1px solid #ec711f;
}
.conversation .main .more a{
    margin-top: 40px;
    color: #ec711f;
}
.conversation .main .con .ul .li:hover{
    background-color: #1f4eb1;
}
.conversation .main .con .ul .li:hover .li_title{
    color: #fff;
}
.conversation .main .con .ul .li:hover .li_desc{
    color: #fff;
}
.conversation .main .con .ul .li:hover .time{
    color: #fff;
}

.box_more{
    width: 100%;
    height: 100%;
    margin-top: 40px;
}
.box_more .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.box_more .main .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box_more .main .ul .li{
    width: 23%;
    background-color: #f7f8f8;
    margin-top: 40px;
    padding: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 767px){
    .box_more .main .ul .li{
        width: 48%;
    }
}
.box_more .main .li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box_more .main .li .box_more_img{

}
.box_more .main .li .box_more_img img{

}
.box_more .main .li .box_more_tit{
    font-size: 18px;
    color: #595757;
    font-weight: bold;
    margin-top: 20px;
    transition: all 0.2s;
}
.box_more .main .li a:hover .box_more_tit{
    color: #e60012;
}

/*footer*/
.footer{
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    color: #fff;
    font-family: 微软雅黑;
    margin-top: 40px;
}
@media screen and (max-width: 767px){
    .footer{
        margin-bottom: 50px;
    }
}
.footer a{
    color: #fff;
}
.footer .main{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.footer .main .top{
    /*height: 75px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(83,81,81);
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer .main .top .left{

}
.footer .main .top .left a{

}
.footer .main .top .left a img{
    width: 100%;
    height: 70%;
    justify-content: center;
    object-fit: cover;
}
.footer .main .top .right{

}
.footer .main .top .right .ul{
    display: flex;
}
.footer .main .top .right .ul .li{
    padding-left: 20px;
    padding-right: 20px;
}
.footer .main .top .right .ul .li a{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.footer .main .top .right .ul .li a:hover{
    color: #2259df;
}
.footer .main .con{
    margin-top: 50px;
    border-bottom: 1px solid rgb(83,81,81);
    padding-bottom: 50px;
}
.footer .main .con .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    /*align-items: center;*/
    position: relative;
}
.footer .main .con .ul .li{
    overflow: hidden;
    width: 25%;
}
.footer .main .con .ul .li.f_about .tit{
    padding-left: 15px;
}
.footer .main .con .ul .li img{
    width: 100%;
}
.footer .main .con .ul .li:nth-child(3){
    /*width: 35%;*/
}
.footer .main .con .ul .li:nth-child(4){
    width: 10%;
}
@media screen and (max-width: 767px){
    .footer .main .con{
        margin-top: 0px;
    }
    .footer .main .con .ul{

    }
    .footer .main .con .ul .li{
        width: 100% !important;
        margin-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer .main .con .ul .li.f_about .tit{
        padding-left: 0px;
    }
}
.footer .main .con .ul .li .p_t{
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
}
.footer .main .con .ul .li .p{
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    margin-top: 5px;
}
.footer .main .con .ul .li .f_box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.footer .main .con .ul .li .f_box input{
    height: 26px;
    width: 48%;
    border: 1px solid #959595;
    background-color: #1a1a1a;
    padding-left: 10px;
    outline: none;
}
.footer .main .con .ul .li .f_box .boxs:nth-child(1){
    margin-top: 0px;
}
.footer .main .con .ul .li .f_box .boxs{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}
.footer .main .con .ul .li .f_box textarea{
    height: 60px;
    width: 100%;
    border: 1px solid #959595;
    background-color: #1a1a1a;
    padding: 10px;
    resize: none;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
}
.footer .main .con .ul .li .f_box input.submit{
    height: 26px;
    width: 100%;
    border: 1px solid #959595;
    background-color: #1a1a1a;
    padding-left: 10px;
}
@media screen and (max-width: 767px){
    .footer .main .con .ul .li .f_box{
        /*display: flex;*/
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
    }
}
.footer .main .con .ul .li .f_box .box:nth-child(2){
}
.footer .main .con .ul .li .f_box .box{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
    align-items: center;
    margin-top: 80px;

}
.footer .main .con .ul .li .f_box .box .tit{
    margin-top: 5px;
    color: rgba(255,255,255,0.7);
}

.footer .f_nav{
    height: 70px;
    background-color: #2259df;
}
.footer .f_nav .ul{
    display: flex;
    color: #fff;
    flex-direction: column;
    align-items: stretch;
    /* line-height: 70px; */
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    height: 100%;
}
.footer .f_nav .ul .li{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    height: 100%;
}
@media screen and (max-width: 767px){
    .footer .f_nav .ul .li{
        width: 100%;
        padding-left: 10px;
    }
}


.menus{
    width: 70px;
    opacity: 0;
    position: fixed;
    right: 30px;
    bottom: 260px;
    position: fixed;
    z-index: 99;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
}
@media screen and (max-width: 767px){
    .menus{
        bottom: 100px;
        right: 10px;
        display: none;
    }
}
.menus .ul .li{
    width: 70px;
    height: 70px;
    margin-top: 12px;
    background-color: #aaaaaa;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.menus .ul .li:hover{
    background-color: #e60012;
}
.menus .ul .li.back{
    background-color: #e60012;
}
.menus .ul .li a{
    width: 70px;
    height: 70px;
    /*background-color: #aaaaaa;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.menus .ul .li a{
    font-size: 14px;
    color: #fff;
}
.menus .ul .li a .menus_tit{
    margin-top: 5px;
}


/*公共部分*/
.secondary_banner{
    width: 100%;
    height: 245px;
    /*background-position: center !important;*/
    /*background-repeat: no-repeat !important;*/
    /*-webkit-background-size: cover !important;*/
    /*-moz-background-size: cover !important;*/
    /*-o-background-size: cover !important;*/
    /*background-size: cover !important;*/
}
.secondary_banner img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
}

.secondary_nav{
    width: 100%;
    height: 100%;
    margin-top: 40px;
}
.secondary_nav .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.secondary_nav .main .title{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 1400px){
    .secondary_nav .main .title{
        padding-left: 10px;
    }
}
.secondary_nav .main .crumbs{
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1400px){
    .secondary_nav .main .crumbs{
        padding-left: 10px;
    }
}
.secondary_nav .main .crumbs a{
    color: #595757;

}

.about{
    width: 100%;
    height: 100%;
}
.about .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 1400px){
    .about .main{
        padding-right: 10px;
        padding-left: 10px;
    }
}
.about .main .about_img{
    width: 100%;
    height: 100%;
}
.about .main .about_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
}
.about .main .p{
    font-size: 16px;
    color: #595757;
    margin-top: 40px;
}

/*course*/
/*发展历程*/
.secondary_course{
    width: 100%;
    height: 100%;
    /*background-color: #f7f8f8;*/
}
.secondary_course .main img{
    width: 100%;
}
.secondary_course .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.secondary_course .main .swiper-pagination-bullet{
    width: 20%;
    height: 50px;
    border-radius: 0px;
}
.secondary_course .main .swiper-pagination-bullets-dynamic{
    font-size: 24px;
    color: #727171;
}
@media screen and (max-width: 767px){
    .secondary_course .main .swiper-pagination-bullets-dynamic{
        font-size: 18px;
    }
}
.secondary_course .main .swiper-pagination-bullet-active{
    color: #e60012;
    font-size: 72px;
}
@media screen and (max-width: 767px){
    .secondary_course .main .swiper-pagination-bullet-active{
        font-size: 24px;
    }
}
.secondary_course .main .swiper-pagination-bullet{
    background-color: rgba(0,0,0,0);
}
.secondary_course .main .con{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.secondary_course .main .title{
    font-size: 36px;
    color: #3e3a39;
}
.secondary_course .main .desc{
    font-size: 16px;
    color: #595757;
    margin-top: 40px;
    line-height: 24px;
}
@media screen and (max-width: 1400px){
    .secondary_course .main .desc{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.secondary_course .swiper-pagination-fraction, .swiper-pagination-custom, .secondary_course .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: auto;
    top: 100px;
}
@media screen and (max-width: 767px){
    .secondary_course .swiper-pagination-fraction, .swiper-pagination-custom, .secondary_course .swiper-container-horizontal > .swiper-pagination-bullets{
        top: 50px;
    }
}
.secondary_course .swiper-button-prev, .secondary_course .swiper-container-rtl .swiper-button-next{
    background: url("../image/course_j_le.png") no-repeat;
    margin-top: -16px;
}
.secondary_course .swiper-button-next, .secondary_course .swiper-container-rtl .swiper-button-prev{
    background: url("../image/course_j_ri.png") no-repeat;
    margin-top: -16px;
}
.secondary_course .swiper-button-prev, .secondary_course .swiper-button-next{
    top: 28%;
}
@media screen and (max-width: 767px){
    .secondary_course .swiper-button-prev, .secondary_course .swiper-button-next{
        top: 12%;
    }
}

/*video*/
/*企业视频*/
.video{
    width: 100%;
    height: 100%;
    margin-top: 80px;
}
.video .main{
    max-width: 1400px;
    height: 440px;
    margin: 0 auto;
}
.video .main video{
    object-fit: cover;
}

/*honor*/
/*资质荣誉*/
.honor{
    width: 100%;
    height: 100%;
}
.honor .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.honor .main .top{
    background-color: rgb(234,238,241);
    padding: 30px 90px;
}
@media screen and (max-width: 767px){
    .honor .main .top{
        padding: 30px 20px;
    }
}
.honor .main .top .tit{
    font-size: 24px;
    color: #3e3a39;
}
.honor .main .top .desc{
    font-size: 16px;
    color: #727171;
    margin-top: 16px;
}
.honor .main .box{

}
.honor .main .box .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
@media screen and (max-width: 767px){
    .honor .main .box .ul{
        margin-top: 30px;
    }
}
.honor .main .box .ul .li{
    width: 23%;
    height: 100%;
    margin-top: 50px;
    cursor: pointer;
    margin-left: 2.6%;
}
.honor .main .box .ul .li:nth-child(1){
    margin-left: 0;
}
.honor .main .box .ul .li:nth-child(4n+1){
    margin-left: 0;
}
@media screen and (max-width: 767px){
    .honor .main .box .ul .li{
        width: 48%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 30px;
        margin-left: 2%;
    }
    .honor .main .box .ul .li:nth-child(2n+1){
        margin-left: 1%;
    }
}
.honor .main .box .ul .li .box_img{
    overflow: hidden;
}
.honor .main .box .ul .li .box_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    box-shadow: 0px 0px 6px rgba(0, 0 ,0, 0.3);
    transition: all 0.5s;
}
.honor .main .box .ul .li:hover .box_img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.honor .main .box .ul .li .box_tit{
    height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}
.honor .main .box .ul .li:hover .box_tit{
    border: 1px solid #e60012;
}
/*procedure*/
/*企业视频*/
.procedure{
    width: 100%;
    height: 100%;
}
.procedure .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.procedure .main img {
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    box-shadow: 0px 0px 6px rgba(0, 0 ,0, 0.3);
}
/*application*/
/*应用领域*/
.secondary_nav.application_nav .crumbs{
    margin-bottom: 0px;
}
.application{
    width: 100%;
    height: 100%;
}
.application .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.application .main .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    align-items: flex-start;
    align-content: space-around;
}
.application .main .ul .li{
    width: 31%;
    margin-top: 70px;
    margin-left: 3.5%;
}
.application .main .ul .li:nth-child(3n+1){
    margin-left: 0%;
}
@media screen and (max-width: 767px){
    .application .main .ul .li{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
    }
}
.application .main .ul .li .application_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.application .main .ul .li .application_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.application .main .ul .li:hover .application_img img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.application .main .ul .li .title{
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.application .main .ul .li .title .tit{
    font-size: 16px;
    color: #595757;
    font-weight: bold;

}
.application .main .ul .li .title .icon{

}
.application .main .ul .li .title .icon img{

}
.application .main .ul .li .desc{
    font-size: 15px;
    color: #898989;
}


/*goods*/
/*产品中心*/
.goods{
    width: 100%;
    height: 100%;
}
.goods .main{
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.goods .main .shop{

}
.goods .main .shop .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
@media screen and (max-width: 767px){
    .goods .main .shop .ul{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.goods .main .shop .ul .li{
    background-color: #f7f8f8;
    width: 32%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-left: 2%;
}
.goods .main .shop .ul .li:nth-child(3n+1){
    margin-left: 0;
}
@media screen and (max-width: 767px){
    .goods .main .shop .ul .li{
        width: 100%;
        margin-left: 0px;
    }
}
.goods .main .shop .ul .li a{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 10%;
    padding-bottom: 10%;
    width: 100%;
    height: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}
.goods .main .shop .ul .li .shop_img{

}
.goods .main .shop .ul .li .shop_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.goods .main .shop .ul .li:hover .shop_img img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.goods .main .shop .ul .li .shop_tit{
    font-size: 18px;
    color: #3e3a39;
    font-weight: bold;
    bottom: -48px;
    margin-bottom: 34px;
    position: relative;
}
.goods .main .shop .ul .li:hover .shop_tit{
    color: #e60012;
}
.secondary_nav.goods_nav .crumbs{
    margin-bottom: 0px;
}
.goods .main .see{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    align-items: center;
}
@media screen and (max-width: 1400px){
    .goods .main .see{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 767px){
    .goods .main .see{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.goods .main .see .tit{
    font-size: 24px;
    color: #d8262c;
    font-weight: bold;
    margin-top: 100px;
}
@media screen and (max-width: 767px){
    .goods .main .see .tit{
        margin-top: 50px;
    }
}
.goods .main .see  .btn_a{
    background-color: #e60012;
    width: 200px;
    height: 50px;
    text-align: center;
    margin-top: 100px;
}
@media screen and (max-width: 767px){
    .goods .main .see .btn_a{
        /*margin: 0 auto;*/
        margin-top: 50px;
    }
}
.goods .main .see  .btn_a a{
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 50px;
}
.goods .main .see  .btn_a span{

}
.goods .main .resources .resources_tit{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    margin-top: 60px;
}

.goods .main .resources .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.goods .resources .ul .li{
    width: 23%;
    background-color: #f7f8f8;
    margin-top: 40px;
    padding: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 767px){
    .goods .resources .ul .li{
        width: 48%;
    }
}
.goods .resources .ul .li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.goods .resources .ul .li .box_more_img{

}
.goods .resources .ul .li .box_more_img img{

}
.goods .resources .ul .li .box_more_tit{
    font-size: 18px;
    color: #595757;
    font-weight: bold;
    margin-top: 20px;
    transition: all 0.2s;
}
.goods .resources .ul .li a:hover .box_more_tit{
    color: #e60012;
}

.goods .main .resources_honor .resources_tit{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    margin-top: 60px;
}
.goods .main .resources_honor .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 60px;
}
.goods .main .resources_honor .ul .li{
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
}
.goods .main .resources_honor .ul .li img{

}
















.goods.list .main .shop{

}
.goods.list .main .shop .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
@media screen and (max-width: 767px){
    .goods.list .main .shop .ul{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.goods.list .main .shop .ul .li{
    background-color: #f7f8f8;
    width: 23%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-left: 2.6%;
}
.goods.list .main .shop .ul .li:nth-child(4n+1){
    margin-left: 0;
}
@media screen and (max-width: 767px){
    .goods.list .main .shop .ul{
        padding-left: 0px;
        padding-right: 0px;
    }
    .goods.list .main .shop .ul .li{
        width: 48%;
    }
    .goods.list .main .shop .ul .li:nth-child(2n){
        margin-left: 2%;
    }
    .goods.list .main .shop .ul .li:nth-child(2n+1){
        margin-left: 1%;
    }
}
.goods.list .main .shop .ul .li a{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 10%;
    padding-bottom: 10%;
    width: 100%;
    height: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}
.goods.list .main .shop .ul .li .shop_img{

}
.goods.list .main .shop .ul .li .shop_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.goods.list .main .shop .ul .li:hover .shop_img img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.goods.list .main .shop .ul .li .shop_tit{
    font-size: 18px;
    color: #3e3a39;
    width: 100%;
    font-weight: bold;
    bottom: -48px;
    margin-bottom: 34px;
    position: relative;
    white-space:nowrap;
    text-align: center;
    overflow:hidden;
    padding-left: 10px;
    padding-right: 10px;

    text-overflow:ellipsis;
}
.goods.list .main .shop .ul .li:hover .shop_tit{
    color: #e60012;
}


/*download*/
/*宣传手册*/
.download{
    width: 100%;
    height: 100%;
}
.download .main{
    max-width: 1400px;
    margin: 0 auto;
}

.download .main .tit{
    font-size: 18px;
    color: #595757;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
}
.download .main .tit .tits{

}
.download .main .tit .down_btns{
    background-color: #e60012;
    width: 200px;
    height: 50px;
    text-align: center;
}
@media screen and (max-width: 767px){
    .download .main .tit .down_btns{
        margin-top: 30px;
    }
}
.download .main .tit .down_btns a{
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 50px;
}
@media screen and (max-width: 1400px){
    .download .main .tit{
        padding-right: 10px;
        padding-left: 10px;
    }
}
.download .main .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
@media screen and (max-width: 1400px){
    .download .main .ul{
        padding-right: 10px;
        padding-left: 10px;
    }
}
.download .main .ul .li{
    margin-top: 60px;
    width: 18%;
    margin-left: 2.5%;
}
.download .main .ul .li:nth-child(5n+1){
    margin-left: 0%;
}
@media screen and (max-width: 767px){
    .download .main .ul{
        padding-right: 0px;
        padding-left: 0px;
    }
    .download .main .ul .li{
        margin-top: 60px;
        width: 48%;
        margin-left: 2%;
    }
    .download .main .ul .li:nth-child(2n){
        margin-left: 2%;
    }
    .download .main .ul .li:nth-child(2n+1){
        margin-left: 1%;
    }
}
.download .main .ul .li .download_img{
    overflow: hidden;
}

.download .main .ul .li .download_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.download .main .ul .li:hover .download_img img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.download .main .ul .li .t{
    height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    font-size: 16px;
    color: #595757;
}
.download .main .ul .li .down_btn{
    height: 34px;
    background-color: #e5e5e5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.download .main .ul .li .down_btn.active{
    background-color: #e60012;
}
.download .main .ul .li .down_btn .on{
    display: block;
    width: 15px;
}
.download .main .ul .li .down_btn .ac{
    display: none;
    width: 15px;
}
.download .main .ul .li .down_btn.active .on{
    display: none;
}
.download .main .ul .li .down_btn.active .ac{
    display: block;
}
.download .main .ul .li .down_btn.active span{
    color: #fff;
}
.download .main .ul .li .down_btn span{
    font-size: 16px;
    color: #727171;
    margin-left: 5px;
}

/*news*/
/*新闻资讯*/
.news{
    width: 100%;
    height: 100%;
}
.news .main{
    max-width: 1400px;
    margin: 0 auto;
}
@media screen and (max-width: 1400px){
    .news .main{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.news .main .ul{
}
@media screen and (max-width: 1400px){
    .news .main .ul{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 767px){
    .news .main .ul{
        padding-left: 0px;
        padding-right: 0px;
    }
}
.news .main .ul .li{
    margin-top: 20px;
    background-color: rgb(234,238,241);
}
.news .main .ul .li a{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.news .main .ul .li:hover{
    background-color: #e60012;
}
.news .main .ul .li .left{
    width: 23%;
}
@media screen and (max-width: 767px){
    .news .main .ul .li .left{
        width: 100%;
    }
}
.news .main .ul .li .left .news_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news .main .ul .li .left .news_img img{
    width: 100%;
    height: 100%;
    justify-content: center;
    object-fit: cover;
    transition: all 0.5s;
}
.news .main .ul .li:hover .left .news_img img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.news .main .ul .li .right{
    width: 77%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding:50px;
    padding-top: 0px;
}
@media screen and (max-width: 767px){
    .news .main .ul .li .right{
        width: 100%;
        padding:20px;
    }
}
.news .main .ul .li .right .title{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.news .main .ul .li .right .title .tit{
    font-size: 20px;
    color: #595757;
    font-weight: bold;
    padding-top: 50px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px){
    .news .main .ul .li .right .title .tit{
        padding-top: 20px;
    }
}
.news .main .ul .li:hover .right .title .tit{
    color: #fff;
}
.news .main .ul .li .right .title .date{
    font-size: 18px;
    color: #595757;
    padding-top: 50px;

}
@media screen and (max-width: 767px){
    .news .main .ul .li .right .title .date{
        padding-top: 20px;
    }
}
.news .main .ul .li:hover .right .title .date{
    color: #fff;
}
.news .main .ul .li .right .desc{
    font-size: 18px;
    color: #595757;
    margin-top: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .main .ul .li:hover .desc{
    color: #fff;
}
.news .main .ul .li .right .adds{
    margin-top: 30px;
}
.news .pagesa{
    display: flex;
    justify-content: space-between;
}
.news .pagesa a{
    color: #595757;
    font-size: 15px;
}
.news .pagesa .page{

}
.news .pagesa .next{

}
/*investment*/
/*招商加盟*/
.investment{
    width: 100%;
    height: 100%;
}
.investment .main{
    max-width: 1400px;
    margin: 0 auto;
}

.investment .main .p{
    color: #595757;
    font-size: 14px;
    margin-top: 30px;
    line-height: 23px;
}
@media screen and (max-width: 1400px){
    .investment .main .p{
        padding-left: 10px;
        padding-right: 10px;
    }
}


/*recruitment*/
/*人才招聘*/
.recruitment{
    width: 100%;
    height: 100%;
}
.recruitment .main{
    max-width: 1400px;
    margin: 0 auto;
}

.recruitment .main .box{
    display: flex;
    background-color: rgb(234,238,241);
    margin-top: 30px;
}
.recruitment .main .box .left{
    width: 150px;
    background-color: rgb(62,58,57);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 26px;
}
@media screen and (max-width: 767px){
    .recruitment .main .box .left span{
        padding-left: 35px;
        padding-right: 35px;
    }
}
.recruitment .main .box .right{
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 72px;
}
.recruitment .main .box .right .time{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 16px;
    color: #595757;
    padding-right: 80px;
}
@media screen and (max-width: 767px){
    .recruitment .main .box .right .time{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        font-size: 16px;
        color: #595757;
        padding-right: 40px;
        padding-left: 20px;
    }
}
.recruitment .main .box .right .time .date_img{

}
.recruitment .main .box .right .time .date_img img{

}

.recruitment .main .box .right .time span{
    font-size: 16px;
    color: #9fa0a0;
    padding-left: 10px;
}
.recruitment .main .box .right .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.recruitment .main .box .right .ul .li{
}
@media screen and (max-width: 767px){
    .recruitment .main .box .right .ul .li{
        width: 100%;
        margin-top: 0px;
        padding-left: 20px;
    }
}
.recruitment .main .box .right .ul .li .p{
    font-size: 20px;
    color: #9fa0a0;
    line-height: 32px;
}
@media screen and (max-width: 767px){
    .recruitment .main .box .right .ul .li .p{
        margin-top: 10px;
    }
}
.recruitment .main .box .right .ul .li .p span{
    color: #595757;
}

/*contact*/
/*联系方式*/
.contact{
    width: 100%;
    height: 100%;
}
.contact .main{
    max-width: 1400px;
    margin: 0 auto;
}
@media screen and (max-width: 1400px){
    .contact .main{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.contact .main .contact_introduce{
    color: #3e3a39;
    font-size: 16px;
    font-weight: bold;
}
.contact .main .tit{
    font-size: 24px;
    color: #d8262c;
    font-weight: bold;
    margin-top: 40px;
}
.contact .main .more5_hr{
    margin-top: 20px;
    margin-bottom: 20px;
}
.contact .main .con{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.contact .main .con .left{
    width: 50%;
}
@media screen and (max-width: 900px){
    .contact .main .con .left{
        width: 100%;
    }
}
.contact .main .con .left .p{
    font-size: 16px;
    color: #3e3a39;
    margin-bottom: 20px;
}
.contact .main .con .left .p span{
    font-weight: bold;
}
.contact .main .con .left .or{
    display: flex;
}
.contact .main .con .left .or .li{
    display: flex;
    margin-right: 40px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 14px;
    color: #3e3a39;
}
.contact .main .con .left .or .li .or_img{

}
.contact .main .con .left .or .li .or_img img{
    max-width: 140px;
}
.contact .main .con .left .or .li .or_tit{
    margin-top: 5px;
}
.contact .main .con .right{
    width: 50%;
}
@media screen and (max-width: 900px){
    .contact .main .con .right{
        width: 100%;
    }
}
.contact .main .con .right form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact .main .con .right input{
    background-color: #FFF;
    font-size: 16px;
    color: #727171;
    outline: none;
    width: 48%;
    height: 48px;
    margin-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid rgb(159,160,160);
}
@media screen and (max-width: 767px){
    .contact .main .con .right input{
        width: 100%;
    }
}
.contact .main .con .right textarea{
    background-color: #fff;
    font-size: 16px;
    color: #727171;
    outline: none;
    margin-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    resize: none;
    padding-top: 20px;
    border: 1px solid rgb(159,160,160);
}
.contact .main .con .right .submit {
    width: 100%;
    color: #fff;
    background-color: #e60012;
    font-size: 24px;
}
.contact .main .map{
    width: 100%;
    height: 450px;
    margin-top: 70px;
}

/*shop_detail*/
/*商品详情页*/
.goods.list .shop_detail{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.goods.list .shop_detail .left{
    margin-top: 30px;
    width: 600px;
}
@media screen and (max-width: 1100px){
    .goods.list .shop_detail .left{
        width: 100%;
    }
}
@media screen and (max-width: 1100px){
    .goods.list .shop_detail .left .boxs{
        display: none;
    }
}
.goods.list .shop_detail .left .boxs_m{
    margin-top: 20px;
    margin-bottom: 50px;
}
@media screen and (min-width: 1100px){
    .goods.list .shop_detail .left .boxs_m{
        display: none;
    }
}
.goods.list .shop_detail .left .boxs_m .swiper-slide{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}
.goods.list .shop_detail .left .boxs_m .swiper-slide img{
    object-fit: cover;
    width: 100%;
}
.goods.list .shop_detail .right{
    padding-left:60px;
    flex: 1;
}
@media screen and (max-width: 1100px){
    .goods.list .shop_detail .right{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.goods.list .shop_detail .right .title{
    font-size: 30px;
    color: #d8262c;
    font-weight: bold;
}
.goods.list .shop_detail .right .desc{
    font-size: 16px;
    color: #898989;
    margin-top: 20px;
}
.goods.list .shop_detail .right .parameter_tit{
    font-size: 18px;
    color: #595757;
    margin-top: 60px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
}
.goods.list .shop_detail .right .parameter_desc{
    font-size: 16px;
    color: #898989;
    line-height: 35px;
    margin-top: 20px;
}
.goods.list .shop_detail .right .parameter_btns{
    width: 200px;
    height: 50px;
    background-color: #d8262c;
    margin-top: 100px;
}
.goods.list .shop_detail .right .parameter_btns a{
    font-size: 16px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.goods.list .shop_detail .swiper-button-prev, .goods.list .shop_detail .swiper-container-rtl .swiper-button-next{
    background: url("../image/course_j_le.png") no-repeat;
    margin-top: -16px;
}
.goods.list .shop_detail .swiper-button-next, .goods.list .shop_detail .swiper-container-rtl .swiper-button-prev{
    background: url("../image/course_j_ri.png") no-repeat;
    margin-top: -16px;
}

.goods.list .details{

}
.goods.list .details .details_btnsa{
    width: 200px;
    height: 50px;
    background-color: #d8262c;
    margin-top: 100px;
    font-size: 16px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1400px){
    .goods.list .details .details_btnsa{
        margin-left: 10px;
    }
}
.goods.list .cons{
    margin-top: 20px;
}
.goods.list .cons .main_cons{
    padding: 20px;
    border: 2px solid #e5e5e5;
}
@media screen and (max-width: 1400px){
    .goods.list .cons{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.goods.list .cons img{
    /*width: 100%;*/
    height: 100%;
    justify-content: center;
    object-fit: cover;
}

.consa {
    position: fixed;
    background-color: rgba(0,0,0,0.8);

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*display: none;*/
    z-index: -99999;
    opacity: 0;
}
.consa .mask2{
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 1003;
    cursor: pointer;
}
.consa .mask3{
    position: fixed;
    top: 40px;
    left: 40px;
    z-index: 1003;
    color: #fff;
    font-size: 18px;
}
.consa  .swiper-container5{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1000;
}
.consa  .swiper-slide{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-around;
    align-items: center;
}
.consa  .swiper-slide img{
    /*width: 100%;*/
    justify-content: center;
    object-fit: cover;
}

.consa .swiper-button-prev, .consa .swiper-container-rtl .swiper-button-next {
    background: url("../image/course_j_le.png") no-repeat;
}
.consa .swiper-button-next, .consa .swiper-container-rtl .swiper-button-prev {
    background: url("../image/course_j_ri.png") no-repeat;
}


.pages{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px;
}
.pages .pagination>li>a, .pages .pagination>li>span{
    width: 45px;
    height: 45px;
    border-radius: unset;
    border: 1px solid #ebeef8;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
    opacity: 1;
    color: #595857;
    font-size: 18px;
    padding: 0;
}
.pages .pagination>li:first-child>a, .pages .pagination>li:first-child>span{
    width: 45px;
    height: 45px;
    border-radius: unset;
    border: 1px solid #ebeef8;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
    opacity: 1;
    color: rgba(0,0,0,0);
    font-size: 18px;
    background-image: url(../image/honor_certificates_l.png);
    background-repeat: no-repeat;
    background-size: 7px 14px;
    background-position-x: center;
    background-position-y: center;
}
.pages .pagination>li:last-child>a, .pages .pagination>li:last-child>span{
    width: 45px;
    height: 45px;
    border-radius: unset;
    border: 1px solid #ebeef8;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
    opacity: 1;
    color: rgba(0,0,0,0);
    font-size: 18px;
    background-image: url(../image/honor_certificates_r.png);
    background-repeat: no-repeat;
    background-size: 7px 14px;
    background-position-x: center;
    background-position-y: center;
}
.pages .pagination>.active>a,
.pages .pagination>.active>a:focus,
.pages .pagination>.active>a:hover,
.pages .pagination>.active>span,
.pages .pagination>.active>span:focus,
.pages .pagination>.active>span:hover{
    color: #fff;
    background-color: #0068b7;
    border: 1px solid #0068b7;
}

/*markup*/
/*法兰国际标准*/
.markup{
    width: 100%;
    height: 100%;
    margin-top: 30px;
}
.markup .main{
    max-width: 1400px;
    margin: 0 auto;
}
.markup .main .navs{
    border: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 767px){
    .markup .main .navs{
        border: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
.markup .main .navs li{
    width: 130px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.markup .main .navs li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #595757;
    font-weight: bold;
}
.markup .main .content{
    border: 1px solid #d2d2d2;
    padding: 50px 20px;
    margin-top: 35px;
}
.markup .main .content img{
    max-width: 100% !important;
}
.markup .main .content.list{
    padding: 0;
}
.markup .main .content .title{
    font-size: 24px;
    color: #595757;
    text-align: center;
    font-weight: bold;
}
.markup .main .navs li.active a{
    color: #d8262c;
}
.markup .main .navs li.active{
    border: 1px solid #d8262c;
    color: #d8262c;
}
.markup .main .ul{
}
@media screen and (max-width: 767px){
    .markup .main .ul{
        margin-top: 10px;
    }
}
.markup .main .ul .li{
    width: 100%;
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #c9c9c9;
}
.markup .main .ul .li a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 18px;
    color: #595757;
}
.markup .main .ul .li a .tit{
    font-weight: bold;
    padding-left: 40px;
    position: relative;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.markup .main .ul .li a .tit:after{
    position: absolute;
    content: '';
    height: 2px;
    width: 20px;
    background-color: #595757;
    top: 32px;
    left: 20px;
}
.markup .main .ul .li:hover a .tit:after{
    background-color: #fff;
}
.markup .main .ul .li a .comprehend{
    font-size: 14px;
    padding-right: 50px;
}
@media screen and (max-width: 767px){
    .markup .main .ul .li a .comprehend{
        display: none;
    }
}
.markup .main .ul .li:hover{
    background-color: #d8262c;
}
.markup .main .ul .li:hover a{
    color: #fff;
}

.footer_nav{
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 50px;
    width: 100%;
    background-color: #e60012;
    z-index: 198;
    display: none;
}
@media screen and (max-width: 767px){
    .footer_nav{
        display: block;
    }
}
.footer_nav .ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
}
.footer_nav .ul .li{
    width: 33.3%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.footer_nav .ul a{
    color: #fff;
}

.partner .swiper-button-next:focus-visible, .partner .swiper-button-prev:focus-visible{
    outline: none;
}


.modal #vodeo_modal{
    width: 100%;
}
.download.download_detail .main{
    border: 2px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media screen and (max-width: 767px){
    .download.download_detail .main{
        padding-left: 10px;
        padding-right: 10px;
    }
}
.download.download_detail .main img {
    max-width: 70%;
    /*height: 100%;*/
    /*justify-content: center;*/
    /*object-fit: cover;*/
}
@media screen and (max-width: 767px){
    .download.download_detail .main img {
        width: 100%;
    }
}
.btnsa_download_detail{
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.btnsa_download_detail a{
    display: block;
    width: 100%;
    height: 100%;

}
.btnsa_download_detail .box{

}
.btnsa_download_detail .box span{
    padding-left: 8px;
}
.btnsa_download_detail .left{
    width: 160px;
    height: 50px;
    background-color: #e5e5e5;
}
.btnsa_download_detail .left a{
    color: #727171;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.btnsa_download_detail .right{
    width: 160px;
    height: 50px;
    background-color: #e60113;
    margin-left: 10px;
}
.btnsa_download_detail .right a{
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}