* {margin:0;padding:0;box-sizing:border-box;}
html,body {width:100%;height:100%;}
img{max-width: 100%;}
a{text-decoration: none;}
.mainbody {width: 100%;height: auto;position: relative;background-color: #000000; overflow: hidden;}
.container_absolute {position: absolute;top: 0;left: 0;width: 100%;height:100%;z-index: 1;}
.container_absolute2 {position: absolute;bottom: 0;right: 0;width: 100%;height:100%;z-index: 2; display: flex;justify-content: flex-end;align-items: flex-end;}
.container100{width: 100%;}
.pt50{padding-top: 50px;;}
.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}
.container{width: 100%;max-width: 1200px; margin:0px auto;position: relative;z-index: 999; }
.hong{color:red;}

.header{display: flex;padding-top: 50px; }
.header .logo{ flex:1;display: flex; align-items: center; justify-content: center;}
.header .nav{ flex:10; display: flex; align-items: center;justify-content: center;}
.header .cnen{ flex:1;display: flex;align-items: center; justify-content: center;}

.header .logo img{max-height:50px;}
.header .cnen .cn{ border: 1px solid #ffffff; border-radius: 8px; color: #ffffff; width: 60px;text-align: center; height: 30px;line-height: 30px;}
.header .cnen .en{ margin-left:10px;background-color: #ff0000;}
.header .nav .menu{width: 80%; margin: 0px auto;display: flex;}
.header .menu a{font-weight: bold;display:flex;flex:1; align-items: center;justify-content: center;color: #ffffff; }

.banner{display: flex;padding-top:240px;}
.bannerleft{flex:1; display:flex; align-items: center;justify-content: center; font-size:36px; color: #ffffff;}
.bannerleft .wenzi1{font-weight: bold; font-size: 48px;}
.bannerleft .wenzi2{font-weight: bold; color: #ff0000;}
.bannerright{flex:1;}


.banner2{
    background: url(../png/bannerbg1.png)  center center no-repeat;
    min-height: 150px;
    width: 100%;max-height:217px;
    z-index: 2;position: relative;
    margin-top:260px;
    padding-top:20px;padding-bottom: 20px;
    /* display: flex; flex-direction: row;; */
}
.banner2 .number1{font-weight: bold; font-size: 36px; color: #ffffff;}
.banner2 .ciry{width: 40px;height: 40px;border-radius: 20px; background-color: #ffffff;display: flex; align-items: center; justify-content: center;margin-right:10px;margin-top:6px;}
.banner2 .mk1{width:25%;float:left;margin-top:10px;margin-bottom:10px;border-right: 1px solid #ffffff;flex:1; color: #ffffff; display: flex; flex-direction: row;align-items: center;justify-content: center;}
.banner2 .mk1_1{ display: flex;font-size: 20px; }
.banner2  .tubiao{color: red; font-size: 24px;}
.banner2 .mk1:last-child{border-right: 0px solid #ffffff;}

.zhuti{
    position: relative;display: flex; align-items: center; justify-content: center; flex-direction: column;
    margin-top:100px;
}
.zhuti .title{font-size: 36px; color: #ffffff;text-align: center; margin-top:20px;margin-bottom:20px;;}

.zhuti .zhutimk{width:12%;margin:1%;float:left;}

.mk2{position: relative;display: flex; align-items: center; justify-content: space-between; padding-top:100px;padding-bottom:50px;}
.mk2_1{flex: 1;margin: 20px;}
.mk2_2{flex: 1; color:#ffffff;font-size: 14px;margin: 20px;line-height: 24px;}
.mk2_2 .title{color:red;font-size: 16px; font-weight: bold;}

.mk3{background-color: #ffffff;padding:50px 0px;}
.mk3_1{display: flex;}
.mk3 .title{text-align: center; font-size: 24px; color: #ff0000;padding-bottom:30px; font-weight: bold;}
.mk3 .ciry{width: 40px;height: 40px;border-radius: 20px; background-color: red;display: flex; align-items: center; justify-content: center;margin-right:10px;margin-top:6px;}
.mk3 .tubiao{color: #ffffff; font-size: 24px;}
.mk3 .mk1{border-right: 1px solid red;flex:1; color: #404548; display: flex; flex-direction: row;align-items: center;justify-content: center;}
.mk3 .number1{font-weight: bold; font-size: 36px; color: #404548;}
.mk3 .mk1_1{ display: flex;font-size: 20px; }
.mk3 .mk1:last-child{border-right: 0px solid red;}

.mk4{padding:50px 0px;}
.mk4 .title{text-align: center;font-size: 24px; color: #ffffff;padding-bottom:30px; font-weight: bold;}
.mk4 .mk4_1{ width: 23%;margin: 1%;float: left;}


.mk5{display: flex; align-items: center; justify-content: space-between; padding-top:100px;padding-bottom:50px;}
.mk5_1{flex: 1;margin: 20px;}
.mk5_2{flex: 1; color:#ffffff;font-size: 14px;margin: 20px;line-height: 24px;}
.mk5_2 .title{color:red;font-size: 16px; font-weight: bold;}

.mk6{padding:50px 0px;}
.mk6 .title{text-align: center;font-size: 24px; color: red;padding-bottom:30px; font-weight: bold;}
.mk6 .mk6_1{ width: 23%;margin: 1%;float: left;}

.mk7_1{width:48%;margin: 10px 1%;float: left;color:#ffffff;}
.mk6 .title2{font-size: 36px; color: #ff0000;}


.mk8{background-color: #ffffff;padding:50px 0px;}
.mk8 .title{text-align: center; font-size: 24px; color: #ff0000;padding-bottom:30px; font-weight: bold;}

.mk9{padding:50px 0px;}
.mk9 .mk9_01{display: flex;}
.mk9 .title{text-align: center;font-size: 30px; color: #ffffff;padding-bottom:30px; font-weight: bold;}
.mk9 .title2{text-align: center;font-size: 18px; color: red;padding-bottom:30px; font-weight: bold;}
.mk9 .mk9_1{ width: 48%;margin: 1%;float: left;color:#ffffff;line-height: 24px;}

.mk9 .mk9_2{display: flex; align-items: center; justify-content: center; width: 60%; margin: 0px auto;}
.mk9 .mk9_2_1{background-color: #c7000b;border-radius:20px; color: #ffffff; font-size: 14px;margin:10px;padding:2px 20px; height: 30px; line-height: 30px;}

.mk9 .mk9_3{color:#ffffff;text-align: center;margin: 20px auto;}
.mk9 .mk9_4{}
.mk9 .mk9_4_1{width:15%; margin:0.6%;float: left;}

.mk9_5{display: flex; align-items: center; justify-content: center;margin:50px auto;}
.mk9_5 .mk9_5_1{ flex:1; margin:10px; color: #ffffff;line-height: 27px; font-size: 14px;}
.mk9_5 .mk9_5_0{width: 30%; margin:1%; float: left;}


.mk9_6{display: flex; align-items: center; justify-content: center;margin:50px auto;}
.mk9_6 .mk9_6_1{ flex:1; margin:10px; color: #ffffff;line-height: 27px; font-size: 14px;}
.mk9_6 .mk9_6_0{width: 31.3%; margin:1%; float: left;}
.mk9_6 .mk9_6_2{width: 23%; margin:1%; float: left;}
.mk9_6 .mk9_6_3{display: flex;align-items: center; justify-content: center;}
.mk9_6_31{flex: 1;}

.mk9_7{background-color: #ffffff;padding:50px;}
.mk9_7 .title{color: #ff0000; font-size: 24px; font-weight: bold;text-align: left;}
.mk9_7 .mk9_7_1{border-bottom: 1px solid #f4f4f4; display: flex;align-items: center;justify-content: center;}
.mk9_7 .mk9_7_0{flex:1;display: flex;align-items: center;justify-content: center;}
.mk9_7 .mk9_7_01{flex:1;color:#666464; font-size: 24px; }
.mk9_7 .mk9_7_0 .title{color: red; font-size: 36px;}

.mk9_7 .mk9_7_2{display: flex;margin-top:20px;margin-bottom:20px;}
.mk9_7 .mk9_7_21{margin-right:10px;background-color: #ff0000; border-radius: 8px; width: 60px; height: 35px; line-height: 35px; color: #ffffff; text-align: center;}


.mk10{display: flex;padding:50px 0px;}
.mk10_1{flex:1;font-size: 16px; line-height: 20px; color: #ffffff;padding-left: 20px;;}
.mk10 .wenzi1{font-weight: bold; font-size: 14px; }
.mk10 .wenzi2{font-size: 14px; }
.mk10 .line1{border-bottom: 1px solid #ffffff;height:20px;width: 80%; display: block;}

.mk10_2{flex:1; display: flex; align-items: center; justify-content: flex-end;padding-right: 30px;}



.bannerzi{height:600px;font-size: 48px;color:#ffffff;display:flex; align-items: center;justify-content: center;}
.mk400{padding:50px 0px; position: relative;}
.mk400 .title{text-align: center;font-size: 24px; color: red;padding-bottom:30px; font-weight: bold;}
.mk400 .mk400_1{ width: 23%;margin: 1%;float: left;}
.mk400_2{width: 31.3%;margin: 1%;float: left; position: relative;}
.mk400_10{position: absolute;top: 0;left: 0;width: 100%;height:100%;z-index: 1;background-color: #000000; opacity: 0.5; }
.mk400_20{position: absolute;top: 0;left: 0;width: 100%;height:100%;z-index: 2;display: flex; align-items: center; justify-content: center; }
.mk400_20 .tubiao{font-size: 48px; color: #ffffff;}

.mk500{padding:50px 0px; position: relative;}
.mk500_1{background-color: #ffffff; float: left; width: 31%; margin: 1%; display: flex;flex-direction: column; align-items: center;justify-content: center;padding:10px;}
.mk500_2{display: flex;justify-content: space-between;width: 100%;margin-top:20px;}

.link1{width:100px; margin:10px;padding:10px;height:70px;background: #ffffff;float:left;}
.link1 img{max-width:100%;max-height:50px;}



/* 浮窗 */
.zxyy {position:fixed;bottom:0;left:0;width:100%;padding-top:20px;padding-bottom:20px;z-index:99999;background:url(../jpg/index2.jpg);}
.zxyy .max-container2 {height:100%;display:flex;align-items:center;justify-content:space-between;}
.zxyy-logo {height:50px;margin-right:30px;}
.zxyy-text {font-size:20px;line-height:20px;}
.zxyy-num {font-size:28px;font-weight: bold;}
.zxyy-left {width:40%;display: flex;padding-left:5%;}
.zxyy-right {width:40%;display: flex;}
.zxyy-btn {border-radius:33px;background-color:rgb(255,255,255);box-shadow:9.368px 10.404px 7px 0px rgba(33,22,19,0.25);display:flex;justify-content:center;align-items:center;width:45%;max-width:330px;height:50px;}
.zxyy-btn-text {font-size:24px;color:#002448;padding-left:10px;}
.zxyy-btn-icon {height:25px;}
.bottomheight{height:100px;}
.mk10_3{display: flex;flex-wrap: wrap;flex-direction: row;}

@media only screen and (max-width:1560px) {
    .banner2{margin-top:150px;}
}
@media only screen and (max-width:1400px) {
    
    .banner{padding-top:200px;}

    .bannerleft{ font-size:30px; }
    .bannerleft .wenzi1{font-size: 36px;}

    .bannerzi{height:400px;}
    
}
@media only screen and (max-width:1200px) {
    .banner{padding-top:120px;}
    
    .bannerzi{height:300px;}
}
@media only screen and (max-width:997px) {
    .header .nav .menu{width: 90%;display: block;}
    .header .menu a{float:left;margin:0px 10px;}

    .banner{padding-top:120px;}
    .bannerleft{ font-size:20px; }
    .bannerleft .wenzi1{font-size: 24px;}

    .banner2 .number1{font-size: 24px;}
    .banner2 .mk1_1{ font-size: 14px; }

    .mk9 .mk9_2{width: 100%;}


    .bannerzi{height:200px; font-size: 30px;;}
    
}
@media only screen and (max-width:769px) {
    .header{padding-top: 20px; }
    .header .nav{flex:1; }
    .header .nav .menu{display: none;}

    .banner{padding-top:80px;}
    .banner2{margin-top:110px;}

    .zhuti .title{font-size: 18px;}
    .zhuti .zhutimk{width:30%;margin:1%;}

    .mk2{flex-direction: column;}
    .mokuai2 .container_absolute{display: flex; align-items: flex-end;}

    .mk3 .number1{font-size: 24px; }


    .mokuai5 .container_absolute{display: flex; align-items: flex-end;}

    .mk6 .title2{font-size: 24px; color: #ff0000;}

    

    .mk10 .container_absolute{display: flex; align-items: flex-end;}

    
    .bannerzi{height:100px; font-size: 30px;;}
    .mk400{padding:30px 0px;}
    .mk400 .mk400_1{ width: 48%;}
    .mk400 .mk400_2{ width: 48%;}
    .mk500_1{width: 48%;}
    
}
@media only screen and (max-width:686px) {
    

    .banner2{margin-top:80px;}
    .banner2 .mk1{width:50%;}
    .banner2 .mk1:nth-child(2){border-right: 0px solid #ffffff;}

    .bannerleft{ font-size:14px; }
    .bannerleft .wenzi1{font-size: 18px;}

    .banner2 .number1{font-size: 18px; }

    .mk3 .title{text-align: center; font-size: 24px; color: #ff0000;padding-bottom:30px; font-weight: bold;}
    
    .mk3 .number1{font-size: 18px; }
    .mk3 .mk1_1{ font-size: 14px; }

    .mk5{flex-direction: column;}
    .mk6 .mk6_1{width: 48%;}
    .mk7_1{width:100%;}

    /* .mk9 .mk9_01{flex-direction: column;} */
    .mk9 .mk9_1{width: 100%;}
    .mk9 .mk9_2{flex-direction: column;}
    .mk9 .mk9_4_1{width: 30%;}
    .mk9_5{flex-direction: column;}
    .mk9_6{flex-direction: column;}
    .mk9_7_1{flex-direction: column;}
    .mk10{flex-direction: column;}

    .link1{width: 40%;float: left;}
    .max-container2{flex-direction: column;}
    .zxyy-left {width:100%;display: block;padding-left:10%; margin:0px auto;}
    .zxyy-left img{width: auto;max-width: 80%;}
    .zxyy-right {width:100%;display: flex;flex-direction: column;}
    .zxyy-btn {width:90%;height:50px;margin:5px;}
    .bottomheight{height:200px;}
    /*.mk10_3{display: block;}*/


}
@media only screen and (max-width:500px) {

    .mk3 .number1{font-size: 16px; }

    .mk4 .mk4_1{ width: 48%;}

}
@media only screen and (max-width:400px) {
    
    .banner{padding-top:40px;}
    .banner2{margin-top:40px;}

    .mk3_1{flex-direction: column; }
    .mk3_1 .mk1{justify-content: flex-start; border: 0px;}

    .mk3 .number1{font-size: 36px; }
    .mk3 .mk1_1{ font-size: 24px; }
    .mk500_1{width: 98%;}

}