.main{position: relative;width: 100%;}
.main .title{width: 160px;height: 50px;font-size: 26px;font-weight: 600;color: #333333;line-height: 50px;/*float: left;*/text-align: left;}
.main .Entitle{width: 145px;height: 35px;font-size: 18px;font-weight: 400;color: #999999;line-height: 35px;/*float: left;*/text-align: left;}
.main .bigImg{width: 100%;/*height: 417px;*/}
.main .bigImg .swiper-container{width: 100%;height: 100%;}
.main .bigImg .swiper-container img{width: 100%;height: 100%;}
.main .centerBox{width: 1240px;margin: -40px auto;padding-bottom: 40px;position: relative;z-index: 1000;}
/*.main .centerBox #box1{margin-left: 70px;}*/
.main .centerBox .centerbox{cursor: pointer; padding:20px; box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);position: relative;float: left;margin:0 25px;width: 220px;/*height: 297px;*/ overflow:hidden; background-color: #FFFFFF; border-bottom: 5px solid #fff;}
.main .centerBox .centerbox .upperImg{width: 195px;/*height: 135.63px;*/margin: 0 auto;/*padding-top: 23px;*/}
.main .centerBox .centerbox .upperImg img{width: 100%;height: 100%;}
.main .centerBox .centerbox .content{padding-top: 20px;border-top: 2px dotted #5DB4E1;/*position: absolute;width: 190px;height: 90px;top: 183px;left: 30px;*/font-size: 22px;text-align: center;}
.main .centerBox .centerbox .content .minicontent{margin-top: 15px;/*width: 100%;*/font-size: 13px;line-height: 15px;     height: 30px; }
.main .centerBox .centerbox #content2{border-top: 2px dotted #D8241F;}
.main .centerBox .centerbox #content3{border-top: 2px dotted #FFC000;}
.main .centerBox .centerbox #content4{border-top: 2px dotted #006EB8;}
.main .centerBox #box1:hover{/*box-sizing: border-box;*/border-bottom: 5px solid #0E8FD8;}
.main .centerBox #box2:hover{/*box-sizing: border-box;*/border-bottom: 5px solid #D8241F;}
.main .centerBox #box3:hover{/*box-sizing: border-box;*/border-bottom: 5px solid #FFC000;}
.main .centerBox #box4:hover{/*box-sizing: border-box;*/border-bottom: 5px solid #006EB8;}

.main .introduce{width: 100%;margin: 100px auto; position:relative; }
.main .introduce .left{/*float: left;*/ width: 1200px; overflow:hidden; margin:auto; }
.main .introduce .left .main{margin-top: 35px;margin-bottom: 48px;width: 540px;/*height: 325px;*/font-size: 16px;/*font-family: PingFangSC-Regular, PingFang SC;*/ font-weight: 400;color: #007CC2;line-height: 36px;text-align: justify;color: #333;}
.main .introduce .right{/*float: right;*/ position:absolute; top:0; left:50%; /*width:50%;*/ }
.main .introduce .right .img{position: relative;/*width: 600px;height: 180px;*/margin-bottom: 10px;cursor: pointer;}
.main .introduce .right .img img{width: 100%;height: 100%;}
.main .introduce .right .img .word{position: absolute;font-size: 24px;top: 40px;left: 60px;color: #fff;text-align: left; font-weight:bold; }
.main .introduce .right .img .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(14, 143, 216, 0.7);opacity: 0;transition: opacity 0.5s;}
.main .introduce .right .img .cover .word{text-align: left;font-size: 24px;top: 40px;left: 60px;color: #ffffff;}
.main .introduce .right .img:hover .cover{opacity: 1;}
.main .mate{margin: 100px auto;width: 1200px; overflow:hidden; }
.main .mate .title{text-align: left;}
.main .mate Entitle{text-align: left;text-indent: 2em;}

.main .mate .logoBox{margin: 30px auto;width: 960px;}

.main .mate .logoBox .logo{float: left;width: 220px;height: 90px; margin:2px 10px;}
.main .mate .logoBox .logo img{width: 100%;height: 100%; -webkit-transition: all linear 1s;transition: all linear 1s;}
.main .mate .logoBox .logo:hover img{/*width: 102%;height: 102%;*/ -webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}


.main .mate .proBox{margin: 30px auto;width: 1200px;}
.main .mate .proBox .proOne{width:23%;height:auto;padding:10px 1%;float:left;margin-top:20px;}
.main .mate .proBox .proOne img{width:100%;height:300px;object-fit:cover;}

.main .mate_wap{display:none;}

.main .newCenter{margin: 50px auto 130px;width: 1200px;  overflow: hidden;}
.main .newCenter .left{float: left;width: 525px;/*height: 349px;*/overflow: hidden;position: relative;}
.main .newCenter .left img{width: 525px;height: 349px;transition: all 0.5s ease;position: absolute;top:0;right:0;z-index:-1;}
.main .newCenter .left:hover img{transform: scale(1.05);}
.main .newCenter .left .minbox{float: left;width: 110px;height: 50px;background: #0E8FD8;font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 50px;text-align: center;}
.main .newCenter .left .maxbox{width: 100%;height: 60px;margin-top: 290px;font-size: 18px;color: #fff;text-indent: 1em;line-height: 60px;background-color: rgba(0, 0, 0, 0.8);text-align: left;}
.main .newCenter .right{float: right;width: 610px;flex-wrap: wrap; overflow:hidden}
.main .newCenter .right .lefttop{float: left;/*padding-right: 30px;margin-left: -80px;*/}
.main .newCenter .right .lefttop .button{width: 165px;height: 40px;background: #0E8FD8;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;cursor: pointer;margin-top: 25px;}
.main .newCenter .right .lefttop .button:hover{box-sizing: border-box;background-color: #fff;border: 2px solid #0E8FD8;color: #0E8FD8;line-height: 36px;}
.main .newCenter .right .righttop{float: right;border-left: 1px solid #ECECEC;/*padding-left: 50px;*/    padding: 5px 0 5px 50px; width: 330px;}
.main .newCenter .right .righttop .newtitle{/*width: 170px;height: 28px;*/font-size: 20px;/*font-family: PingFangSC-Semibold, PingFang SC;*/font-weight: 600;color: #333333;line-height: 30px;text-align: left;}
.main .newCenter .right .righttop .time{margin: 10px 0;/*width: 84px;height: 20px;*/font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;line-height: 20px;text-align: left;}
.main .newCenter .right .righttop .newcontent{/*width: 255px;height: 60px;*/font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333333;line-height: 26px;text-align: left;}
.main .newCenter .right .newlistbox{/*padding: 50px 0;*/ padding-top:30px;  clear: both;/*margin-left: -80px*/}
.main .newCenter .right .newlistbox .newlist{/*margin-top: 25px;*/height: 50px;width: 100%;text-align: left;text-indent: 15px;font-size: 16px;color: #333;font-weight: 600;background-image: url(https://images0a.543211688.com/qicaiyun/img/jiantou.png);background-repeat: no-repeat;background-position: center left;line-height: 50px;}
.main .newCenter .right .newlistbox .newlist .time{float: right;width: 100px;height: 50px;font-size: 14px;font-weight: 400;color: #999999;line-height: 50px;}

@media screen and (max-width: 1400px) {
    .main .introduce .left .main {line-height: 30px; font-size: 15px; margin: 10px 0 15px;}
    .main .introduce .right .img .word { top:20px;   font-size: 20px;}
    .main .introduce .right .img .cover .word {top: 20px; font-size: 20px;}
    .main .button {width:130px; height:35px; line-height:35px;    font-size: 14px;}
}
@media screen and (max-width: 1200px){
    .main{position: relative;width: 100%;}
    .main .title{width: auto;height: auto;font-size: 4vw;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #333333;line-height: 200%;float: left;text-align: left;}
    .main .Entitle{width: 100%;height: auto;font-size: 3vw;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;line-height: 200%;float: left;text-align: left;}
    .main .bigImg{width: 100%;padding-top: 10vh;height: 25vh;}
    .main .bigImg .swiper-container{width: 100%;height: 100%;}
    .main .bigImg .swiper-container img{width: 100%;height: 100%;}
    .main .centerBox{width: 90%;margin: 1vh auto;padding-bottom: 0;position: relative;z-index: 1000;}
    .main .centerBox #box1{margin-left: 2.5%;}
    .main .centerBox .centerbox{cursor: pointer;box-shadow: none;border: 1px solid #f5f5f5;position: relative;float: left;margin: 1% 1% 1% 2.5%;width: 46%;height: 45vh;background-color: #FFFFFF;padding-bottom: 0px;     box-sizing: border-box; padding:0}
    .main .centerBox .centerbox .upperImg{width: 100%;height: auto;margin: 0 auto;padding-top: 1vh;}
    .main .centerBox .centerbox .upperImg img{width: 100%;height: 100%;}
    .main .centerBox .centerbox .content{padding-top: 4vh;border-top: 2px dotted #5DB4E1;position: static;width: 100%;height: auto;font-size: 22px;text-align: center;}
    .main .centerBox .centerbox .content .minicontent{margin-top: 15px;width: 100%;font-size: 13px;line-height: 15px;}
    .main .centerBox .centerbox #content2{border-top: 2px dotted #D8241F;}
    .main .centerBox .centerbox #content3{border-top: 2px dotted #FFC000;}
    .main .centerBox .centerbox #content4{border-top: 2px dotted #006EB8;}
    .main .centerBox #box1:hover{box-sizing: border-box;border-bottom: 7px solid #0E8FD8;}
    .main .centerBox #box2:hover{box-sizing: border-box;border-bottom: 7px solid #D8241F;}
    .main .centerBox #box3:hover{box-sizing: border-box;border-bottom: 7px solid #FFC000;}
    .main .centerBox #box4:hover{box-sizing: border-box;border-bottom: 7px solid #006EB8;}
    .main .introduce{width: 100%;margin: 5vh auto;}
    .main .introduce .left{float: left; width:100%}
    .main .introduce .left .title{margin-left: 10vw;}
    .main .introduce .left .Entitle{margin-left: 10vw;}
    .main .introduce .left .main{width: 80%;height: auto;font-size: 3vw;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;line-height: 30px; text-align: justify;
color: #333;margin: 5vh auto;}
    .main .introduce .left .button{margin: 5vh auto;}
    .main .introduce .right{    float: right;width: 90%;margin: 0 5vw;left: 0;position: inherit;}
    .main .introduce .right .img{position: relative;width: 100%;height: 15vh;margin: 0 auto 1vh;cursor: pointer;}
    .main .introduce .right .img img{width: 100%;height: 100%;}
    .main .introduce .right .img .word{position: absolute;font-size: 3vw;top: 3vh;left: 5vw;color: #fff;text-align: left;}
    .main .introduce .right .img .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(14, 143, 216, 0.7);opacity: 0;transition: opacity 0.5s;}
    .main .introduce .right .img .cover .word{text-align: left;font-size: 3vw;top: 3vh;left: 5vw;color: #ffffff;}
    .main .introduce .right .img:hover .cover{opacity: 1;}
    .main .mate{margin: 5vh auto;width: 100%;}
    .main .mate .title{text-align: left;margin-left: 10vw;}
    .main .mate .Entitle{text-align: left;margin-left: 10vw;}
    .main .mate .logoBox{margin: 54px 0 0; width:100%}
    .main .mate .logoBox .logo{float: left;width: 33.3%;height: 8vh;overflow: hidden; margin:0}
    .main .mate .logoBox .logo img{width: 100%;height: 100%;}
    .main .mate .logoBox .logo:hover img{width: 102%;height: 102%;}
    .main .newCenter{margin: 0 auto 5vh;width: 100%;position: relative;}
    .main .newCenter .left{float: left;position: absolute;left: 50%;top: 45%;transform: translateX(-50%);width: 90%;height: 50vh;overflow: hidden; display:none;} 
    .main .newCenter .left img{width: 100%;height: 50vh;transition: all 0.3s ease;position: absolute;top:0;right:0;z-index:-1;}
    .main .newCenter .left:hover img{transform: scale(1.05);}
    .main .newCenter .left .minbox{float: left;width: 20vw;height: 8vh;background: #0E8FD8;font-size: 3vw;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 8vh;text-align: center;}
    .main .newCenter .left .maxbox{width: 100%;height: 10vh;margin-top: 40vh;font-size: 3vw;color: #fff;text-indent: 1em;line-height: 10vh;background-color: rgba(0, 0, 0, 0.1);text-align: left;}
    .main .newCenter .right{float: right;width: 100%;flex-wrap: wrap;}
    .main .newCenter .right .lefttop{float: left;padding-right: 30px;margin-left: 10vw;}
    .main .newCenter .right .lefttop .button{width: 35vw;height: 40px;background: #0E8FD8;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;cursor: pointer;margin-top: 1vh; display:none}
    .main .newCenter .right .lefttop .button:hover{box-sizing: border-box;background-color: #fff;border: 2px solid #0E8FD8;color: #0E8FD8;line-height: 36px;}
    .main .newCenter .right .righttop{display: none;}
    .main .newCenter .right .newlistbox{padding: 1vh 0;clear: both;margin-left: 0px}
    .main .newCenter .right .newlistbox .newlist{height: 30px;width: 80%;text-align: left;text-indent: 1em;font-size: 12px;color: #333;font-weight: 600;background-image: url(../img/箭头.png);background-repeat: no-repeat;background-position: center left;line-height: 2;margin: 4vh auto;padding: 1vh 0 0 1vh;}
    .main .newCenter .right .newlistbox .newlist .time{float: right;width: 100px;height: 30px;font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #999999;line-height: 30px;}
    
    
    .main .mate{display:none}
    .main .mate_wap{display:block;}

.main .mate_wap{margin: 100px auto;width: 100%; overflow:hidden; }
.main .mate_wap .title{text-align: left;    margin-left: 10vw;}
.main .mate_wap .Entitle{text-align: left; margin-left: 10vw;}

.main .mate_wap .logoBox{margin: 30px auto;width: 960px;}

.main .mate_wap .logoBox .logo{float: left;width: 220px;height: 90px; margin:2px 10px;}
.main .mate_wap .logoBox .logo img{width: 100%;height: 100%; -webkit-transition: all linear 1s;transition: all linear 1s;}
.main .mate_wap .logoBox .logo:hover img{/*width: 102%;height: 102%;*/ -webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}


.main .mate_wap .proBox{margin: 30px auto;width: 100%;}
.main .mate_wap .proBox .proOne{width:48%;height:auto;padding:10px 1%;float:left;margin-top:20px;}
.main .mate_wap .proBox .proOne img{width:100%;height:300px;object-fit:cover;}
}