.innBan{
    /*height: 80vh;*/
    position: relative;
    margin-top: 80px;
}
.nybannerimg1{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innBot{
    width: 100%;
    position: relative;
}
.innBot::after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0,.3);
}
.innBot .bg{
    width: 100%;
    height: 280px;
    display: block;
}
.innBot .TBox{
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    padding: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    box-sizing:border-box;
}
.innBot .btn{
    margin-top: 30px;

}
.innBot .btn img{
    width: 30px;
}
.abGBox{
    position: relative;
    padding: 5% 2% 15% 3%;
    overflow: hidden;
    background: #0073d5;
}
/* .abGBox .bgBox{
    width: 84%;
    padding-bottom: 10%;
} */
.abGBox .left{
    width: 100%;
    /* padding: 5% 5% 5% 10%; */
}
.abGBox .text{
    margin-top: 30px;
}
.abGBox .text span{
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.abGBox .xian {
    margin: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.abGList.act{
    /* margin-right: 0px; */
}
.abGList{
    width: 80%;
    transition: all 1s;
    margin-top: -200px;
    background: #f7f8f9;
}
.abGList2{
    width: 100%;
    display: none;
  
}
.abGitem{
    overflow: hidden;
    width: auto;
}
.abGitem img{
    /* width: 100%; */
    height: 350px;
    object-fit: cover;
    transition: all 0.48s;
}
.abGitem:hover img{
    transform: scale(1.1);
}
.abHBox{
    padding: 5% 0;
    position: relative;
}
.abHBox .titBox{
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    height: 650px;
}
.abHBox .imgBox{
    width: 40%;
    height: 100%;
    /* padding: 50px; */
    position: relative;
}
.abHBox .imgBox2{
    display: none;
}
.abHBox .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.abHBox .Tbox{
    width: 55%;
    position: relative;
    /* padding: 50px 0; */
    height: 100%;
}
.abHList{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 0;
    /* margin-top: 130px; */
}
.abHItem{
    width: 90%;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.48s;
}
.abHItem:hover{
    background: #f7f8f9;
    padding: 30px;
    cursor:grab;
}
.abHItem:hover .tit span{
    font-size: 46px;
}
.abHItem .tit{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.abHItem .tit span{
    font-size: 42px;
    font-weight: 600;
    color: #0073d5;
    margin-right: 5px;
    /*font-family: "Bluu";*/
    line-height: 1;
    transition: all 0.48s;
}
.orgimg{
    margin:0 auto;
    display: block;
    max-width:100%;
}
.abHItem .text {
    font-size: 18px;
}
.abH_pagination{
    position: absolute;
    right: 0!important;
    top: 50%;
    transform: translateY(-50%);
    /* background: #eeedf7; */
    z-index:999;
}
.abH_pagination .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    transition: all 0.48s;
    margin: 10px !important;
    background: #0073d5;
    opacity: .3;
}
.abH_pagination .swiper-pagination-bullet-active{
    opacity: 1;
}



.abSBox{
    padding: 5% 0;
    position: relative;
    background: #eeedf7;
    
}
.abSBox .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.abSBox .imgBox{
    width: 40%;
    /* disp; */
    text-align: center;
}
.abSBox .imgBox img{
    width: 400px;
}
.abSBox .imgBox span{
    display: block;
    /* background: #fff; */
    padding: 20px;
    font-size: 20px; 
    font-weight: 600;
}
.abSBox .Tbox{
    width: 55%;
    padding: 0 50px;
}
.abSBox .Tbox .text{
    margin-top: 30px;
}
.abSBox .Tbox .text .span1{
    font-size: 20px;
    color: #0073d5;
    display: block;
    font-weight: 600;
}
.abSBox .Tbox .text .span2{
    font-size: 16px;
    display: block;
    margin: 5px 0 15px;
}
.abJBox{
    padding: 5% 0;
    position: relative;
    /* background: #f7f8f9; */
}
.abJBox .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3%;
}
.abJBox .left{
    width: 45%;
}
.abJBox .imgBox{
    width: 100%;
    height: 100%;
    background: #f7f8f9;
}
.abJBox .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* height: 500px; */
}
.abJBox .Tbox{
    width: 50%;
    padding: 20px 0;
}
.abJBox .Tbox .tit{
    font-size: 28px;
    font-weight: 600;
    color: #0073d5;
    letter-spacing: 2px;
}
.abJBox .Tbox .text{
    margin-top: 20px;
}
.abJBox .Tbox .text p{
    text-indent: 2.5em;
}
.abJBox .Tbox .text span{
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}


.abYBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
}
.abYBox1{
    background: #fff;
}
.abYList{
    margin-top: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content:space-between;
}
.abYItem{
    width: calc(33% - 40px);
    position: relative;
    margin-top:60px;
    box-shadow: 0 0 37px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

.abYItem .imgBox{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.abYItem .imgBox img{
    width: 100%;
    display: block;
}
.abYItem .text{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    background: #0073d5;
    color: #fff;
}


/* æ–°é—» */
.newsBox{
    padding: 3% 0 3%;
    position: relative;
}
.newsBox .inner{
    width: 70%;
}
.newslist{
    margin-top: 3%;
}
.newsItem{
    padding: 30px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}
.newsItem .imgBox{
    width: 25%;
}
.newsItem .imgBox img{
    width: 100%;
}
.newsItem .imgBox .downico{
    width:80px;
    height: 80px;
}
.newsItem .TBox{
    width: 72%;
    padding: 30px 0;
    margin-left: 3%;
    position:relative;
}
.newsItem .TBox .xiazai{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    padding: 8px 28px;
    border-radius: 4px;
    background: #0073d5;
    font-size: 15px;
    color: #fff;
}
.newsItem .tit{
    font-size: 22px;
    font-weight: 600;
    transition: all 0.48s;
    /* color: #0073d5; */
    /* margin: 10px 0 20px; */
    display: inline-block;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.newsItem:hover .tit{
    color: #0073d5;
}
.newsItem::before{
    content: '';
   width: 0;
   height: 2px;
   background: #0073d5;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: all 0.8s;
}
.newsItem:hover::before{
   width: 100%;
}
.newsItem .time{
    font-size: 14px;
}
.newsItem .text{
    font-size: 16px;
    word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}



/* 产品 */
.proCBox{
    padding: 5% 0;
    position: relative;
}
.proCBox .inner{
    width: 94%;
    margin-left: 6%;
}
.proCBox .top{
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.proText{
    margin-top: 20px;
    width: 94%;
}
.proText span{
    font-size: 16px;
    display: block;
    /* margin-bottom: 10px; */
}
.proCList{
    margin-top: 3%;
    overflow: hidden;
}
.proCitem{
    overflow: hidden;
    position: relative;
}
.proCitem::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0,.1);
}
.proCitem img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: all 0.48s;
}
.proCitem:hover img{
    transform: scale(1.1);
}

.proCitem .tit{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 0 30px;
    transition: all 0.48s;
    z-index: 2;
}
.proCitem:hover .tit{
    bottom: 40px;
    font-size: 22px;
}
.proZBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
}
.proZList{
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* align-items: flex-start; */
}
.proitem{
    width: 48%;
    background: #fff;
    padding: 50px;
    position: relative;
    border-radius: 20px;
    margin-bottom: 3%;
    transition: all 0.48s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.proitem .imgBox{
    width: 100px;
    margin-right: 60px;
}
.proitem .imgBox img{
    width: 100%;
}
.proitem .Tbox{
    width: calc(100% - 100px);
}
.proitem:hover{
    box-shadow: 0 0px 20px 0 rgb(0, 0, 0,0.1);
}
.proitem:hover .num{
    left: 70px;
}
.proitem .num{
    width: 50px;
    height: 50px;
    background: #0073d5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 50px;
    top: -30px;
   font-weight: 600;
   transition: all 0.48s;
    font-family: "Bluu";
}
.proitem .tit{
    font-size: 24px;
    color: #0073d5;
    font-weight: 600;
}
.proitem .text{
    font-size: 16px;
}
.proitem .arrow{
    width: 60px;
    position: absolute;
    top: 60%;
    right: -90px;
    opacity: .7;
}
.proitem:nth-child(2n) .arrow{
    width: 60px;
    position: absolute;
    top: 90%;
    /* right: -100px; */
    left: -90px;
}
.proitem:last-child .arrow{
    display: none;
}
.proABox{
    padding: 5% 0 3%;
    position: relative;
}
.proAList{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
}
.proAitem{
    width: 24%;
    margin-bottom: 1%;
    margin-right: 1%;
    background: #f7f8f9;
    padding: 30px;
}

.proAitem .tit{
    text-align: center;
    margin-top: 20px;
}
.proAitem .tit span{
    font-size: 20px;
    font-weight: 600;
    transition: all 0.48s;
}
.proAitem:hover .tit span{
    color: #0073d5;
}
.proAitem .imgBox{
    margin-top: 20px;
    width: 100%;
   
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 30px; */
    overflow: hidden;
}
.proAitem .imgBox img{
    height: 160px;
    width: 100%;
    object-fit: contain;
    transition: all 0.48s;
}
.proAitem:hover .imgBox img{
    transform: scale(1.1);
}




/* 联系我们 */
.conLBox{
    padding: 5% 0 3%;
    position: relative;
}
.conLBox .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.conLlist{
    margin-top: 3%;
}
.conLlist .left{
    display: flex;
    flex-wrap: wrap;
}
.coLitem{
    width: 24%;
    margin-right: 1%;
    margin-bottom: 30px;
    padding: 10px 20px;
    /* background: #f7f8f9; */
    border: 1px solid rgb(0, 0, 0,.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: ; */
}
/* .coLitem2{
    width: 100%;
} */
.coLitem .tit span{
    font-size: 24px;
    font-weight: 600;
    position: relative;
    color: #0073d5;
   
}
.coLitem .tit{
    margin-bottom: 5px;
}
/* .coLitem .tit span::after{
    width: 15px;
    height: 3px;
    background: #0073d5;
    position: absolute;
    left: 50%;
    bottom: -5px;
    content: '';
    transform: translateX(-50%);
} */
.coLitem .num{
    font-size: 22px;
     line-height: 1.5;
   
}
.coLitem .text{
    font-size: 18px;
     line-height: 1.5;
}
/* .coLitem2 .num{
    font-size: 18px;
    font-family: "PingFang";
} */
.conMBox{
    padding: 5% 0;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}
.conMBox .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coMList{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
}
.coMitem {
    background: #f7f8f9;
    width: 32%;
    margin-bottom: 20px;
    margin-right: 1%;
    padding: 20px;
}
.coMitem .imgBox {
    width: 100%;
    height: 300px;
}
.coMitem .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.coMitem .tit{
   font-size: 22px;
   font-weight: 600;
   text-align: center;
   margin-top: 15px;
}
 .BtnBox{
    display: flex;
    align-items: center;
}
 .BtnBox .btn{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0073d5;
    margin-left: 15px;
}
 .BtnBox .btn img{
    width: 50%;
}
 .BtnBox .btn .img1{
    display: block;
}
 .BtnBox .btn .img2{
    display: none;
}
 .BtnBox .btn:hover{
    background: #0073d5;
}
 .BtnBox .btn:hover .img1{
    display: none;
}
 .BtnBox .btn:hover .img2{
    display: block;
}
.coZBox{
    padding: 5% 0 3%;
    position: relative;
    background: #f7f8f9;
    overflow: hidden;
}
.coZBox .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.coZlist{
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
    overflow: inherit;
}
.coZitem{
    padding:30px;
    background: #fff;
    transition: all 0.48s;
    height: auto;
}
.coZitem:hover{
    box-shadow: 0 0px 20px 0 rgb(0, 0, 0,0.3);
}
.coZitem .imgBox{
    width: 100%;
    overflow: hidden;
}
.coZitem .imgBox img{
    width: 100%;
    height: 300px;
    transition: all 0.48s;
}
.coZitem .imgBox img{
    transform: scale(1.1);
}
.coZitem .Tbox{
    margin-top: 30px;
}
.coZitem .tit{
    font-size: 26px;
    line-height: 1;
    color: #0073d5;
    font-weight: 600;
}
.coZitem .num{
    font-size: 18px;
    margin-top: 5px;
}
.coZitem .text {
    margin-top: 20px;
}
.coZitem .text span{
    font-size: 16px;
    display:block;
}




/* 产品详情 */




.peoTBox .Tbox{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.peoTBox .Tbox .text{
    width: 50%;
    /* padding: 50px 0; */
}
.peoTBox .Tbox .imgBox{
    width: 45%;
}
.peoTBox .Tbox .imgBox img{
    height: 400px;
    width: 100%;
    object-fit: contain;
}
.peoEBox{
    padding: 5% 0;
    margin-top: 80px;
    background: #f7f8f9;
}
.peoEBox .inner{
    width: 1200px;
    /* display: flex;
    justify-content: space-between; */
}
.peoEBox .imgList{
    display: flex;
    /* align-items: center; */
}
.peoEBox .imgBox{
    width: 32%;
    margin-right: 1%;
    padding: 30px;
   background: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.peoEBox .imgBox img{
  height: 150px;
  object-fit: cover;
}
.peoEBox .TBox{
    margin-top: 3%;
    /* padding: 50px; */
    padding-left: 0;
}
.peoEBox .tit{
    font-size: 42px;
    color: #0073d5;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    /* margin-bottom: 30px; */
}
.peoEBox .tit span{
    font-size: 16px;
    color: #666;
    display: block;
    margin-top: 20px;
}
.peoEBox .text{
    margin: 30px 0;
}
.peoEBox .text span{
    font-size: 18px;
    display: block;
}
.peoEBox .text .canimg{
    width: 30%;
    margin-top: 10px;
}
.peoEBox .text .span1{
    font-size: 18px;
    display: block;
    font-weight: 600;
}
.peoIBox{
    padding: 3% 0;
    position: relative;
}
.peoIBox::after{
    content: '';
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    background:linear-gradient( to bottom,rgb(0, 0, 0,.1),rgb(0, 0, 0,0));
}
.peoIBox .inner{
    width: 1200px;
   position: relative;
   z-index: 2;
}
.peoIBox .imgBox{
    width: 75%;
    margin: 50px auto 0;
}
.peoIBox .imgBox img{
    width: 100%;
}
.peoIBox .text{
    margin: 20px;
    text-align: center;
}
.peoIBox .text span{
    font-size: 16px;
    
}
.peoIBox .tit{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
.peoIList{
    margin-top: 5%;
    padding: 5%;
    width: 100%;
    background: #fff;
    border-top: 1px dashed rgb(226, 8, 12,0.1);
}
.peoIList .img{
    width: 100%;
}
.peoIList ul{
     border-left: 1px dashed rgba(0, 0, 0, 0.05);
}
.peoIList li{
    display: flex;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
   border-right: 1px dashed rgba(0, 0, 0, 0.05);
}
.peoIList .item{
    display: block;
    padding: 20px;
    /* width: 20%; */
    flex: 1;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
}
/* .peoIList li:nth-child(2n-1) .item{
    background: #F7C0A3; 
} */
.peoIList li:first-child .item{
    font-size: 20px;
    font-weight: 600;
    background: #f7f8f9; 
    /* color: #fff; */
}

.peoIList li:first-child .item i{
    font-size: 12px;
    margin-left: 5px;
    /* color: #fff; */
}
/* .peoIList li:last-child{
    border-bottom: none;
} */




/* 招聘 */
.recBox{
    padding: 5% 0;
    position: relative;
    /* background: #f7f8f9; */
}
.recBox .inner{
    width: 75%;
}
.recBox .text{
    margin: 20px;
}
.recBox .text span{
    font-size: 16px;
}
.recBox .text b{
    font-size: 20px;
    color: #0073d5;
    margin-right: 5px;
    font-weight: 600;
}
.recList{
    margin-top: 5%;
}
.recList li{
    border-right: 1px dashed rgba(0, 0, 0, 0.05);
}
.recList li .item{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.recList li .Tbox{
   padding: 30px 50px;
   display: none;
   border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.recList li .Tbox .text span{
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}
.recList li .item1{
    width: 17%;
}
.recList li .item2{
    width: 10%;
}
.recList li .item3{
    width: 29%;
}
.recList li .item> span{
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.recList li:first-child span{
    font-size: 20px;
    font-weight: 600;
    background: #f7f8f9;

}
.insBtn{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.insBtn ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.insBtn li{
    margin-right: 20px;
}
.insBtn a {
    border: 1px solid #aaa;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1;
    color: #aaa;
    text-transform: uppercase;
    transition: all 0.48s;
    border-radius: 4px;
}
.insBtn a:hover {
    background: #0073d5;
    color: #fff;
}
.insBtn .on {
    background: #0073d5;
    color: #fff;
}



.recJob {
    color: #666;
}

.recJob_box {
    margin: 60px 0 0;
}

/* job-tit */
.recJob_tit {
    line-height: 20px;
    background: #f7f8f9;
    padding: 20px 2%;
    overflow: hidden;
}

.recJob_tit span {
    float: left;
    width: 24%;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
}

.recJob_tit span:nth-child(1) {
    width: calc(28% - 68px);
}

.recJob_tit span:nth-child(5) {
    width: 68px;
}

.recJob_list {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 75px;
    padding: 0 2% 30px;
    background: #fff;
}

.recruit li {
    border-bottom: 1px solid #e5e5e5;
    background: #fdfdfd;
}

.recJob_name {
    display: block;
    font-size: 0;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}


.recJob_name span {
    position: relative;
    float: left;
    width: 24%;
    line-height: 20px;
    font-size: 15px;
    padding: 5px 10px;
    color: #666;
    /* display: inline-block; */
    white-space: nowrap; 
    /* width: 100%;  */
    overflow: hidden;
    text-overflow:ellipsis;
}

.recJob_name span:nth-child(1) {
    width: calc(28% - 68px);
}

.recJob_name span:nth-child(5) {
    width: 68px;
}

.recJob_name span:nth-child(5)::after {
    content: "";
    position: absolute;
    right: 54%;
    top: 50%;
    width: 12px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recJob_info {
    display: none;
    position: relative;
    border-top: 1px solid #efefef;
    padding: 0 30px;
    background: #f5f5f5;
}

.recJob_top {
    padding: 20px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #dcdcdc;
}

.recJob_top span {
    display: inline-block;
    width: 24%;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    letter-spacing: 0;
}

.recJob_btm {
    overflow: hidden;
    padding: 40px 10px;
    /* border-bottom: 1px solid #dcdcdc; */
}

.recJob_btm h4 {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
}

.recJob_btm p {
    line-height: 2;
    color: #666;
}

.recJob_btm .recJob_l {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 80px;
    margin-bottom: 15px;
}

.recJob_btm .recJob_r {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding-left: 60px;
}

.recJob_info .tips {
    padding: 20px 0 40px;
    color: #c31f2c;
    line-height: 1.8;
    font-size: 16px;
}

.recJob_info .tips a {
    display: inline-block;
    color: #c31f2c;
}

.recJob_list li.cur {
    border-color: transparent;
    background: #fff;
}




.recJob_btn{
    display: inline-block;
   padding: 10px 30px;
   background: #0073d5;
   color: #fff;
   font-size: 16px;
   margin-top: 20px;
   line-height: 1;
   cursor: pointer;
}

.recJob_tan{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0,.3);
    z-index: 4;
    display: none;
}
.recJob_xBox{
    display: none;
    width: 900px;
    position: fixed;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-53%);
    background: #fff;
    z-index: 5;
    padding: 30px 5%;
}
.recList{
    margin-top: 30px;
}
.recitem{

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
}
.recitem .icon{
    width: 12px;
    position: absolute;
    right: -20px;
    /* top: 50%;
    transform: translateY(-50%); */
    top: 5px;
}
.recitem .tit{
    font-size: 15px;
    font-weight: 600;
}
.recitem input{
    width: calc( 100% - 80px);
    padding: 5px 15px;
    border: 1px solid rgb(0, 0, 0,.1);
    font-size: 15px;
}
.recitem textarea{
    width: 100%;
    height: 150px;
    padding: 5px 15px;
    font-size: 16px;
    border: 1px solid rgb(0, 0, 0,.1);
}
.retextarea{
    align-items: flex-start;
}
.retextarea .textBox{
    width: calc( 100% - 80px);
}
.retextarea .btn{
    font-size: 16px;
    padding: 5px 30px;
    border: 1px solid rgb(0, 0, 0,.1);
}
.retextarea .btn .btna{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
}
.recbtn{
    margin-top: 20px;
    font-size: 18px;
    /* font-weight: 600; */
    padding: 5px 0;
    background: #0073d5;
    color: #fff;
    width: 150px;
    /* border: 1px solid #0073d5; */
    cursor: pointer;
}
.recJob_xBox .cuo{
    width: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}


.sbt {
    font-weight: bold;
}

.sbt {
    width: 100%;
    float: left;
    line-height: 150%;
    margin-bottom: 20px;
    font-size:36px;
}
.text-center {
    text-align: center !important;
}
.ssj {
    width: 100%;
    float: left;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.ssj .s1 {
    margin: 0 30px;
    font-size:16px;
}

.sgd {
    width: 100%;
    float: left;
    border-top: solid 1px #e5e5e5;
    padding: 30px 0;
}
.content img{
        max-width:1000px;
        text-align:center;
    }
.clear{
    clear:both;
}
@media(max-width:800px){
    .ssj .s1{
        display: none;
    }
    .sbt{
        margin-top:30px;
        font-size: 26px;
    }
    .content img{
        width:100%;
    }
}

/*cp*/
.propage-fl .mab {
    /*margin-bottom: 40px;*/
    display: block;
    font-size: 40px;
    font-family: "Bluu";
}

.fl-pro li {
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 18px;
    background: #333536;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 5px;
}

.fl-pro li a {
    display: block;
    padding: 0 15px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    color: #fff;
}
.fl-pro li a span{
    line-height: 50px;
}
.fl-pro li a span img{
    width:30px;
    line-height: 50px;
}
.fl-pro li:hover,.fl-pro li.cur {
    background: #0073d5;
    color: #fff;
}

.fl-pro li:hover a,.fl-pro li.cur a {
    color: #fff;
}

.list-pro li {
    width: 32%;
    float: left;
    margin-right: 2%;
    background: #fff;
    margin-bottom: 30px;
}

.list-pro li:nth-child(3n) {
    margin-right: 0;
}

.list-pro li .txt {
    padding: 0 15px;
}

.list-pro li .imgfd {
    height: 280px;
}

.list-pro li h2 {
    display: block;
    font-size: 16px;
    color: #333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin: 10px 0;
}

.list-pro li span {
    font-size: 14px;
    color: #666;
}

.list-pro li:hover h2 {
    color: #005bad;
}

@media (max-width: 1000px) {
    .list-pro li {
        margin-bottom: 20px;
    }

    .list-pro li .imgfd {
        height: 180px
    }
}

@media (max-width: 700px) {
    .list-pro li,.list-pro li:nth-child(3n) {
        width: 48%;
        margin-right: 4%;
    }

    .list-pro li:nth-child(2n) {
        margin-right: 0;
    }

    .list-pro li .imgfd {
        height: 150px;
    }

    .list-pro li h2 {
        font-size: 15px;
        margin: 6px 0;
    }
}
/*product*/
.s5{
    width:100%;
    position: relative;
    padding-top:90px;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right:60px;
    box-sizing:border-box;
}
.s5title{
    font-size: 70px;
    font-weight: 800;
    text-align: center;
}
.s5c{
    width:100%;
    margin-top:65px;
}
.s5c1{
    width:100%;
    display:none;
}
.s5on{
    display: block;
}
.s5ca{
    display:block;
    width: calc(25% - 30px);
    margin-right:40px;
    float:left;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    line-height: 1;
}
.s5ca:nth-child(4n){
    margin-right: 0px;
}
.s5cimgdiv{
    line-height: 0.8;
    overflow: hidden;
}
.s5ccase{
    line-height: 0.8;
    overflow: hidden;
    height: 220px;
}
.s5cimg{
    width:100%;
    transition:0.5s;
    height:auto;
}
.s5ccase img{
    height: 100%;
}
.s5ca:hover .s5cimg{
    transform:scale(1.05);
}
.s5cb{
    width:100%;
    padding:10px 30px 40px;
    box-sizing:border-box;
}
.s5cb1{
    background: #e32735;
    width:80px;
    height:4px;
    transition:1s;
}
.s5ca:hover .s5cb1{
    width:100%;
}
.s5cb2{
    width:100%;
    position: relative;
}
.s5cb2 p{
    color: #393634;
}
.s5cb2 p:nth-child(1){
    font-size: 16px;
    font-weight: 600;
    margin-top: 35px;
    width:calc(100% - 55px);
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.s5cb2 p:nth-child(2){
    font-size: 13px;
    font-weight: 500;
    width:calc(100% - 55px);
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.s5more{
    position: absolute;
    height: 40px;
    width: 50px;
    text-align:center;
    border-radius: 5px;
    background: #0073d5;
    right:0px;
    top:0px;
    padding:9px 15px;
    box-sizing:border-box;
}
.s5circle{
    width:20px;
    height: 20px;
    border-radius: 50%;
    border:1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin:0 auto;
}
.s5cx{
    margin: 30px auto;
    display: block;
    width: 268px;
}
.s5x1{
    padding:5px;
    border-radius: 50%;
    background: #39393a;
    float:left;
    margin-left: 60px;
    cursor:pointer;
    position: relative;
}
.s5xc{
    border-radius: 50%;
    background: #6b6e70;
    width:12px;
    height: 12px;
    transition:0.5s;
}
.s5x1:hover .s5xc{
    background: #c81623;
}
.s5x1:after{
    content:'';
    display: inline-block;
    height: 4px;
    width:60px;
    position: absolute;
    background: #383839;
    top:9px;
    right:-60px;
}
.s5x1:nth-child(1){
    margin-left:0;
}
.s5x1:nth-child(4)::after{
    display: none;
}

.s5xred .s5xc{
    background: #c81623;
}
@media(max-width: 1600px){
    .s5cimgdiv{
        line-height: 0.8;
        overflow: hidden;
    }
    .s5ccase{
        line-height: 0.8;
        overflow: hidden;
        height: 200px;
    }
}
@media(max-width: 1000px){
    .s5{
        padding:20px 0;
    }
    .s5title{
        font-size:30px;
    }
    .s5ca{
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .s5ca:nth-child(2n){
        margin-right: 0px;
    }
    .s5cb{
        padding:10px;
    }
    .s5more{
        top: -40px;
    }
    .s5cimgdiv{
        line-height: 0.8;
        overflow: hidden;
    }
    .s5ccase{
        height: 130px;
    }
}



.propage{
    padding:60px;
}
.procenter{
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding:60px 20px;
    box-sizing: border-box;
}
.propage-fl{
    width: 280px;
}
.propage-fr{
    width:calc(100% - 340px);
}
.propage-fr .position{
    color: #333;
    font-size:16px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.propage-fr .position a{
    color: #333;
    font-size:16px;
    padding:0 5px;
}
.propage-fr .s5ca{
    width: calc(25% - 22.5px);
    margin-right: 30px;
    margin-bottom: 30px;
}
.propage-fr .s5cb{
    padding: 20px 15px 20px;
}
.propage-fr .s5cb2 p:nth-child(1){
    margin-top:0px; 
}
.propage-fr .s5ca:nth-child(4n){
    margin-right:0px; 
}
.propage-fr .s5ca:hover .s5cb{
    background: #0073d5;
}
.propage-fr .s5ca:hover .s5cb p{
    color: #fff;
}
@media(max-width:1000px){
    .propage-fl{
        display: none;
    }
    .propage-fr{
        width: 100%;
    }
    .propage-fr .s5ca{
        width: calc(50% - 15px);
    }
    .propage-fr .s5ca:nth-child(2n) {
        margin-right: 0px;
    }
    .propage-fr .s5cb{
        padding:10px;
    }
    .s5more{
        display: none;
    }
    .s5cb2 p:nth-child(1){
        width:100%;
        margin-top: 10px;
    }
    .s5cb2 p:nth-child(2){
        width:100%;
    }
}

.show-pro1 {
    display: inline-flex;
    width: 100%;
}

.show-pro1 .imgfd{
    width: 53%;
    float: left;
}
.show-pro1 .txt {
    width: 43%;
    float: left;
    margin-left: 3%;
}



.show-pro1 .imgfd {
    max-height: 545px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.show-pro1 .imgfd img {
    height: auto;
}

.productimg{
    max-width:545px;
    max-height: 545px;
        width: calc(100% - 140px);
    float:left;
    overflow: hidden;
}
.productimg2{
    max-width:116px;
    height: 515px;
    max-height: 515px;
    float:right;
    margin-left:15px;
    cursor:pointer;
}
.pt1img{
    width:100%;
}
.pt2img{
    width:116px;
    height: 116px;
}
.pt2down:after{
    display: none;
}
.pt2down{
    width:58px;
    height: 30px;
    background: #3b3d3f;
    position: absolute;
    top:auto!important;
    left:auto!important;
    right:0px!important;
    bottom:0!important;
}
.pt2up:after{
    display: none;
}
.pt2up{
    width:58px;
    height: 30px;
    background: #0073d5;
    position: absolute;
    top:auto!important;
    left:auto!important;
    right:58px!important;
    bottom:0!important;
}
.show-pro1 .txt h1 {
    display: block;
    font-size: 24px;
    margin-bottom: 15px;
}

.show-pro1 .txt h2 {
    display: block;
    font-size: 18px;
    padding-bottom: 35px;
    border-bottom: 1px solid #4c4c4c;
}

.show-pro1 .txt h3 {
    display: block;
    font-size: 18px;
    padding: 30px 0;
    border-bottom: 1px solid #4c4c4c;
    line-height: 2;
    font-weight: 400;
    /*max-width: 250px;*/
    overflow: hidden;
}
.show-pro1h4{
    padding: 30px 0;
    border-bottom: 1px solid #4c4c4c;
}
.show-pro1h4 .sp1{
    padding:0 15px;
    height: 45px;
    line-height: 45px;
    width:130px;
    background: #0073d5;
    color: #fff;
    font-size: 17px;
    float: left;
    box-sizing:border-box;
    margin-right:8px; 
    border-radius: 5px;
    font-weight: 500;
    cursor:pointer;
}
.show-pro1h4 .sp1 img{
    transform: translate(0px,3px);
    margin-right: 3px;
}
.show-pro1h4 .sp2{
    padding:14px;
    height: 45px;
    width:45px;
    background: #3b3d3f;
    float: left;
    box-sizing:border-box;
    margin-right:8px; 
    border-radius: 5px;
    cursor:pointer;
    transition:1s;
}
.show-pro1h4 .sp3{
    display: block;
    padding:14px;
    height: 45px;
    width:45px;
    background: #3b3d3f;
    float: left;
    box-sizing:border-box;
    margin-right:8px;
    border-radius: 5px; 
    cursor:pointer;
    transition:1s;
}
.show-pro1h4 .sp4{
    padding:14px;
    height: 45px;
    width:45px;
    background: #3b3d3f;
    float: left;
    box-sizing:border-box;
    margin-right:8px;
    border-radius: 5px;
    cursor:pointer; 
    transition:1s;
}
.show-pro1h4 .sp2:hover{
    background: #0073d5;
}
.show-pro1h4 .sp3:hover{
    background: #0073d5;
}
.show-pro1h4 .sp4:hover{
    background: #0073d5;
}

.show-pro1h5{

    box-sizing:border-box;
    padding:32px 0; 
}
.show-pro1h5 .fr{
    float;right;
    display: inline-block;
    width:36px;
    height: 36px;
    border-radius: 5px;
    border:1px solid #787878;
    margin-left:20px; 
}
.show-pro1h5 .fr:hover{
    border:1px solid #d71c23;
    background: #d71c23;
}
.show-pro1 .txt .box {
    padding: 30px 0;
}

.show-pro1 .ind-more {
    margin-top: 30px;
}

.show-pro1 .txt .des {
    max-height: 128px;
    overflow: hidden;
}
.show-pro2 .gcal img{
    width:30%;
    margin-right: 3%;
}
@media(max-width: 800px){
    .show-pro2 .gcal img{
        width:100%;
        margin-right:0%;
    }
}

.show-pro2,.show-pro3 {
    margin-top: 40px;
}

.show-pro2 .tit-pro {
    width: 100%;
    margin-bottom: 20px;
}

.show-pro2 .tit-pro span {
    display: block;
    font-size: 26px;
    font-weight: 800;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #575859;
}
.show-pro2 .des{
    /* padding:25px 0; */
}
.show-pro2 .des table tbody tr{
    background: #fff;
    color:#000!important;
    margin-bottom:10px;
    display: block;
}
.show-pro2 .des table tbody tr td{
    color:#000!important;
    width:185px!important;
    padding-left: 10px;
    box-sizing:border-box;
}
.show-pro3 .feedback {
    margin-top: 0;
    background: #fff;
    padding: 40px;
}

.show-pro3 .feedback li,.show-pro3 .feedback li input,.show-pro3 .feedback li textarea {
    background: #f1f2f4;
}

.show-pro3 .feedback li.sub input,.show-pro3 .feedback li.sub {
    width: 250px;
    height: 60px;
    background: #005bad;
}

.show-pro3 .feedback li input {
    height: 60px;
    line-height: 60px;
}

.show-pro3 .feedback li span {
    line-height: 60px;
}

.show-pro3 .feedback li:nth-child(5) {
    height: 120px;
}

.show-pro3 .tit {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.show-pro3 .tit b {
    font-size: 30px;
    color: #333;
    margin-right: 10px;
}

@media (max-width: 1200px) {
    .fl-pro li a {
        padding: 0 10px;
    }

    .main-fr .box {
        padding: 15px;
    }

    .show-pro1 .txt .box,.show-pro2 .box,.show-pro3 .feedback {
        padding: 30px;
    }
    

    .show-pro3 .tit b {
        font-size: 26px;
    }
    .productimg2{
        display: none;
    }
    .productimg{
        width:100%;
    }
}

@media (max-width: 800px) {
    .show-pro3 .tit b {
        font-size: 20px;
    }

    .show-pro3 .tit {
        font-size: 14px;
    }

    .show-pro1 .imgfd,.show-pro1 .txt {
        width: 100%;
        margin-left: 0%;
    }

    .show-pro1 {
        display: block;
    }

    .show-pro1 .txt .box,.show-pro2 .box,.show-pro3 .feedback {
        padding: 20px;
    }

    .show-pro1 .txt .box {
        padding: 0;
    }

    .show-pro1 .txt h1 {
        height: 50px;
        height: auto;
        line-height: 50px;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .show-pro1 .txt .des {
        max-height: auto;
    }

    .show-pro1 .ind-more,.show-pro2,.show-pro3 {
        margin-top: 20px;
    }

    .show-pro2 .tit-pro span {
        font-size: 16px;
    }

    .show-pro2 .tit-pro,.show-pro3 .tit {
        margin-bottom: 10px;
    }
    .show-pro2 .des table{
        width:1200px;
    }
    .show-pro2 .des {
        overflow-x:scroll;
    }
    .show-pro2 .box {
        padding: 0;
    }
}

.pagination > li > a, .pagination > li > span {
    padding: 0 12px;
    border: 1px solid #bbb;
    color: #000;
    margin-right: 8px;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.pagination li.first,.pagination li.last {
    display: none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #005bad;
    border-color: #005bad;
    color: #fff;
}

.pagination > li > a:hover {
    color: #005bad;
}

.pagination li {
    float: left;
}

.pagination {
    margin: 0;
    margin-top: 40px;
    display: inline-block;
}

.digg {
    text-align: center;
    width: 100%;
}

@media (max-width: 600px) {
    .pagination {
        margin-top: 20px;
    }
}

.show {
    display: block !important;
}

#message {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    overflow-y: auto;
    display: none;
}

#message #center {
    max-width: 900px;
    margin: 10% auto 0;
    position: relative;
}

#message #center #close {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    right: -40px;
    font-size: 22px;
    width: 40px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
}

#message #center #close:hover {
    background: #0073d5;
    color: #fff;
    transition-duration: 1s
}

#message #center #close i {
    margin-top: 5px;
}

#feedback {
    padding: 40px 30px 20px;
    ;background: #fff;
    border-radius: 8px;
    border-top-right-radius: 0;
}

#feedback .pro {
    width: 92%;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9dbdd;
}

#feedback dl {
    width: 49%;
    float: left;
    margin-bottom: 15px;
}

#feedback dl:nth-child(2n) {
    margin-left: 2%;
}

#feedback dl:nth-child(5) {
    width: 100%;
}

#feedback dl:nth-child(8) {
    width: 50%;
    margin-left: 0;
}

#feedback dl.noborder {
    width: 50%;
    margin-left: 0;
}

.ftype_input {
    position: relative;
}

.ftype_input .fbox {
    background: #eceef0;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}

.ftype_input .fbox input {
    line-height: 40px;
    text-transform: capitalize;
    width: 88%;
    background: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #333333;
}

.ftype_input .tips,.ftype_textarea .tips {
    box-sizing: content-box;
    height: 30px;
    line-height: 32px;
    position: absolute;
    top: 4px;
    font-size: 16px;
    width: 16px;
    overflow: hidden;
    right: 20px;
    border-left: 1px solid #d9dbdd;
    padding-left: 14px;
    color: #000;
}

.ftype_input .tips img,.ftype_textarea .tips img {
    padding-right: 20px;
    float: none;
}

.ftype_code .tips {
    width: 100px;
    right: 0;
}

.ftype_input .tips i {
    margin-top: 8px;
}

.ftype_textarea .tips i {
    margin-top: 8px;
}

.ftype_code .tips img {
    height: 30px;
    padding-right: 0;
}

.formerror {
    position: absolute;
    right: 32px;
    top: 5px;
    color: red;
    font-size: 0;
}

.formerror i {
    font-size: 14px;
}

.ftype_textarea {
    position: relative;
}

.ftype_textarea .fbox {
    background: #eceef0;
    width: 100%;
    box-sizing: border-box;
    min-height: 100px;
    padding: 20px;
    border-radius: 5px;
}

.ftype_textarea .fbox textarea {
    text-transform: capitalize;
    width: 95%;
    min-height: 100px;
    background: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #333333;
}

.ftype_textarea .fbox .formerror {
    top: 12px;
}

.ftype_code .fbox input {
    width: 75%;
}

.ftype_code .fbox img {
    padding-bottom: 10px;
    float: none;
}

.noborder .submit {
    width: 50%;
    float: right;
    transition-duration: 1s;
    cursor: pointer;
    border-radius: 4px;
    height: 40px;
    background: #00b0e6;
    font-size: 18px;
    color: #ffffff;
    border: 0;
}

.noborder .submit:hover {
    background: #0073d5
}

#ewm1 {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    overflow-y: auto;
    display: none;
}

#ewm1 #center1 {
    max-width: 300px;
    margin: 25% auto 0;
    position: relative;
}
#ewm1 #center1 img{
    max-width:300px;
    width:300px;
}
#ewm1 #center1 #close1 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    right: -40px;
    font-size: 22px;
    width: 40px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
}

#ewm1 #center1 #close1:hover {
    background: #0073d5;
    color: #fff;
    transition-duration: 1s
}

#ewm1 #center1 #close1 i {
    margin-top: 5px;
}


#ewm2 {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    overflow-y: auto;
    display: none;
}

#ewm2 #center2 {
    max-width: 300px;
    margin: 20% auto 0;
    position: relative;
}
#ewm2 #center2 img{
    max-width:300px;
    width:300px;
}
#ewm2 #center2 #close2 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    right: -40px;
    font-size: 22px;
    width: 40px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
}

#ewm2 #center2 #close2:hover {
    background: #0073d5;
    color: #fff;
    transition-duration: 1s
}

#ewm2 #center2 #close2 i {
    margin-top: 5px;
}

@media screen and (max-width:1000px) {
    .paging {
        padding: 15px 0;
    }

    .layui-layer-iframe {
        max-width: 95%;
        height: auto !important;
        min-height: 277px;
    }
    #feedback dl:nth-child(2n){
        margin-left: 0;
    }
    #feedback {
        padding: 30px 15px 20px;
        border-radius: 0;
    }

    #feedback dl {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    #message #center {
        max-width: 95%;
        margin-top: 30%;
    }

    .noborder .submit {
        border-radius: 0;
        width: 100%;
        margin: 0;
        float: none;
    }

    

    #feedback dl:nth-child(8) {
        width: 100%;
        display: block;
    }

    #feedback dl.noborder {
        width: 100%;
    }

    #message #center #close {
        right: 0;
        top: -30px;
        border-radius: 0;
    }

   

    .wap-bottom,.navbar,#sortpro {
        display: block;
    }

    .videos {
        width: 90%;
        margin: 0 5%;
        left: 0;
        top: 30%;
    }

    #video {
        width: 100%;
    }
}

.aboutnav{
    color: #0073d5;
    justify-content:center;
}
.aboutnav .item{
    border:1px solid #0073d5;
    width:16%;
    margin:0 2%;
    background: #0073d5;
}
.aboutnav .item span{
    color: #fff;
}
.aboutnav .item:hover span{
    color: #0073d5;
}
@media(max-width:1000px){
    .aboutnav .item{
        width:29%;
    }
}

/*产品追溯*/

.zscon{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:50px;
    box-shadow: 0 0 37px 0 rgba(0,0,0,0.1);
}
.zs .ssj{
    float:none;
}
.cleft{
    width:100%;
    height:100%;
    max-width:360px;
    max-height:360px;
}
.cleft img{
    width:100%;
    height:100%;
}
.cright{
    width:calc(100% - 450px);
    display:block;
    padding:20px;
}
.crp1{
    line-height:2;
    font-size:20px;
}
.crp1 span{
    font-size:20px;
    width:120px;
    display: inline-block;
}

@media(max-width:800px){
    .zscon{
        padding:0px;
    }
    .cright{
        width:100%;
    }
    .crp1{
        font-size: 16px;
    }
    .crp1 span{
        font-size: 16px;
    }
}

.bot .form {
	box-sizing: border-box;
	padding: 2.2% 0;
	display: block;
}

.bot .tip {
	line-height: 2;
	font-size: 24px;
    font-weight: 600;
    color: #0073d5;
}

.bot .input {
	display: block;
	width: calc(100% - 30px);
	background-color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding: 15px;
	color: #999;
	margin: 15px 0 30px;
	border:1px solid rgb(0, 0, 0,.1);
	border-radius:0!important;
}

.bot .input:focus {
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}


.bot .submit {

	padding: 15px 45px;
	display: inline-block;
	font-size: 14px;
	border: 1px solid #0073d5;
    background: #0073d5;
    color:#fff;
}

.bot .submit:hover {
	background:none;
	color:#0073d5;
}

.col-sm-6 {
	width: 47%;
	float: left;
}

.col-sm-6:nth-child(2n) {
	width: 47%;
	float: left;
	margin-left: 6%;
}

@media (max-width: 800px) {
	.l_cont,.l_cont2,.col-sm-6 {
		width: 100%!important;
		max-width: 100%!important
	}

	.col-sm-6:nth-child(2n) {
		margin: 0;
	}
	.bot .input{
	    width:100%;
	}
}