html,body{height:100%;margin:0;padding:0;font-size:16px;}
body{background:#fff;font:12px/1.6 "Microsoft Yahei",arial,tahoma,sans-serif;overflow-x:hidden;}
body.overflow{overflow:hidden;height:100%}
html.overflow{overflow:hidden;height:100%}
textarea{border: solid 0px;outline:none;}
input{border: solid 0px;outline:none;}
a,a:hover,a:focus{text-decoration:none;}
img{image-rendering: -webkit-optimize-contrast;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
ul{margin:0;padding:0;}
ul li{list-style:none}
body{position: relative;}
.modal-open{position: fixed;width: 100%;}

.header{position: absolute;left: 0;top: 0;width: 100%;z-index:999;}
.header .hdbg{position: relative;max-width: 100%}
.header .headercon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 18.75%;display: block;margin-left: 5%}
.header .logoimg{max-width: 100%}
.header .text{width: 9.16%}
.header .text img{}
.header .contact{display: flex;align-items: center;margin-right: 5%;width: 24.21%}
.header .contact .line{background: rgba(0,0,0,0.3);width: 1px;height: 15px;margin:0 10px;}
.header .contact .rx{width:63%}
.header .contact .wx{width:21.93%;position: relative;cursor: pointer;}
.header .contact .wx .hovertop{display: none;position: absolute;top:20px;left: -60%;max-width: 150%}
.header .contact .wx:hover .hovertop{display: block;}

.main{}


.mbg{position: relative;z-index:1;max-width: 100%}

.m01{position: relative;overflow: hidden;}
.m01 .imgbottom{position: absolute;bottom: 0;left: 0;max-width: 100%;z-index:3;}
.m01 .m01con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}
.m01 .m01con .slogn{position: absolute;left: 5%;top: 17%;display: block;width: 37.915%}
.m01 .m01con .honor{position: absolute;right: 5%;top: 17.77%;display: block;width: 39.895%}
.m01 .m01con .ip{position: absolute;bottom: -13%;right: 6%;width: 39.895%}
.m01 .m01con .text{width: 49%;left: 5%;bottom: 11.11%;position: absolute;}
.m01 .m01con .text .textimg{max-width: 100%;display: block;}

.m02{position: relative;}
.m02 .m02con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}
.m02 .m02con .info{position: absolute;left: 5%;top: 12%;width: 15%}
.m02 .m02con .info .t1{max-width: 54%}
.m02 .m02con .info .t2{max-width: 86%;margin-top:2px;margin-bottom: 6%}
.m02 .m02con .info .text{color:#222;font-size:14px;}

.m02 .m02con .people{position: absolute;right: 0%;bottom:0%;display: block;width: 26.66666%}
.m02 .m02con .people2{position: absolute;right: 0%;bottom:0%;display: block;width: 42.8%}
.m02 .m02con .video{width: 58.33%;position: absolute;left: 21.875%;top: 11.872%;}
.m02 .m02con .video .videoimg{max-width: 100%}
.m02 .m02con .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 19.82%;cursor: pointer;}

.m03{position: relative;}
.swiper03{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;}
.swiper03 .img{max-width: 100%}


.swiper03 .swiper-pagination{position: absolute;left: 5.5%;width: 89%; bottom: 7.7%; z-index:99;display: flex;align-items: center;}

.swiper03 .swiper-pagination .swiper-pagination-bullet{width:33.33%;height: auto; opacity: 1;cursor: pointer;margin:0;display: block;border-radius: 0;background: none;opacity: 1;position: relative;}
.swiper03 .swiper-pagination .swiper-pagination-bullet .btnbg{display: block;max-width: 100%}
.swiper03 .swiper-pagination .swiper-pagination-bullet .btnbgon{display: none;max-width: 100%}

.swiper03 .swiper-pagination .swiper-pagination-bullet .text{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-60%);height: 24.3%}
.swiper03 .swiper-pagination .swiper-pagination-bullet .texton{display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-60%);height: 24.3%}
.swiper03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active  .texton{display: block}
.swiper03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active  .text{display: none}
.swiper03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .btnbg{display: none;}
.swiper03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .btnbgon{display: block;}
.swiper03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active b{color:#f97819}




.m04{position: relative;}
.swiper04{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 70%;top: 17.045%}
.swiper04 .swiper-slide{width: 49.48%;margin-left: 6.5%;display: flex;align-items:flex-start;justify-content: space-between;}

.swiper04 .swiper-slide .img{max-width:100%}


.swiper04 .swiper-pagination{position: absolute;left: 5%;bottom: 0; width: 7.03%;z-index:99;display: flex;align-items: center;justify-content: space-between;height: 8%}
.swiper04 .swiper-pagination .swiper-pagination-bullet{opacity: 1;cursor: pointer;width: 25.9%;background: none; height: auto}
.swiper04 .swiper-pagination .swiper-pagination-bullet .btn{display: block;max-width: 100%}
.swiper04 .swiper-pagination .swiper-pagination-bullet .btnon{display: none;max-width: 100%}
.swiper04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .btn{display: none;}
.swiper04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .btnon{display: block;}


.m05{position: relative;}
.m05 .title{position: absolute;z-index:2;top:9.5%;width: 100%;display: flex;align-items: center;padding:0 5%;}
.m05 .title .timg{width: 20.3125%;display: block;margin:0 auto;}

.m05 .title .swiper-05-prev,.m05 .title .swiper-05-next{width:3.183%}
.m05 .title .swiper-05-prev .prev,.m05 .title .swiper-05-prev .prevon,.m05 .title .swiper-05-next .next,.m05 .title .swiper-05-next .nexton{max-width: 100%}


.m05 .title .prevon,.m05 .title .nexton{display: none;}
.m05 .title .swiper-05-prev:hover .prev{display: none}
.m05 .title .swiper-05-prev:hover .prevon{display: block}

.m05 .title .swiper-05-next:hover .next{display: none}
.m05 .title .swiper-05-next:hover .nexton{display: block}

.swiper05{position:absolute;left: 0;bottom: 0;width: 100%;overflow: hidden;}

.swiper05 .img{max-width: 100%}


.m06{position: relative;}
.m06 .title{position: absolute;z-index:2;top: 12.6%;width: 100%;}
.m06 .title .timg{width: 33.43%;display: block;margin:0 auto;}

.m06 .items{position: absolute;top:34.7%;left: 5%;width: 90%;display: flex;align-items: center;z-index:2;flex-wrap: wrap;justify-content: space-between;}
.m06 .items .item{width:48.5%;position: relative;margin-bottom: 5px;}
.m06 .items .item .itembg{max-width: 100%}
.m06 .items .item .itemcon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;z-index:2;}

.m06 .items .item .xh{background: url(../img/06itemxh.png) no-repeat;width:45px;height:44px;background-size: 100%;display: flex;align-items: center;justify-content: center;color:#fff;margin-left: 3%;flex-shrink: 0;font-size: 16px;}
.m06 .items .item .text{text-align: left;margin-left: 2%;line-height: 1.4;font-size: 18px;color:#222}


.m07{position: relative;}
.m07 .title{position: absolute;z-index:2;top: 14.36%;width: 100%;}
.m07 .title .timg{width: 29.11%;display: block;margin:0 auto;}
.m07 .items{position: absolute;top:33.2%;left: 5%;width: 90%;display: flex;align-items: center;z-index:2;flex-wrap: wrap;}
.m07 .items .item{width:48.36%;position: relative;margin-bottom: 10px;}
.m07 .items .item .itembg{max-width: 100%}
.m07 .items .item .itemcon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;z-index:2;}

.m07 .items .item .xh{color:#222;font-size: 18px;text-align: center;line-height: 2.5}
.m07 .items .item .tw{display: flex;align-items: flex-start;justify-content: space-between; position: absolute;top: 33%;left: 11%;width: 83%}
.m07 .items .item .tw .left{width: 22%}
.m07 .items .item .tw .t{display: block;max-width: 100%}
.m07 .items .item .tw .ico{display: block;width: 56%;margin-top: 24%}
.m07 .items .item .tw .right{width: 65%}
.m07 .items .item .tw .line{display: flex;align-items: center;line-height: 1.4;font-size: 18px;margin-bottom: 4%}
.m07 .items .item .tw .line .xb{background: url(../img/linexh.png) no-repeat;width:30px;height: 30px;display: flex;align-items: center;justify-content: center;color:#fff;background-size: cover;font-size: 14px;margin-right: 5%;flex-shrink: 0}


.m08{position: relative;}
.m08 .title{position: absolute;z-index:2;top: 13.6%;width: 100%;}
.m08 .title .timg{width: 29.1%;display: block;margin:0 auto;}
.m08 .items{position: absolute;top: 28.7%;left: 5%;width: 90%;display: flex;align-items: center;z-index:2;flex-wrap: wrap;}
.m08 .items .item{width: 19.88%;position: relative;margin-bottom: 10px;}
.m08 .items .item .itembg{max-width: 100%}
.m08 .items .item .itemcon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;z-index:2;}
.m08 .items .item .itemcon .xh{color:#222;font-size: 18px;line-height: 2}
.m08 .items .item .itemcon .ico{margin-top: 13%;width: 25.8%}
.m08 .items .item .itemcon p{font-size: 18px;margin-top: 5%;color:#222;}

.footer{background:#f3f3f3;position: relative;}
.footer .footerbg{position: relative;width: 100%;display: block;z-index:1;}
.footer .footercon{position: absolute;z-index:2;overflow: hidden;width: 100%;height: 100%;left: 0;top: 0}
.footer .jmtext{margin:0 auto; display: block;position:absolute;top: 44%;left: 50%;transform: translateX(-50%); width: 15.6%}

.footer .contactinfo{display: flex;align-items: center;justify-content: space-between;bottom: 20%;position: absolute;width: 46%;left: 50%;transform: translateX(-50%);}
.footer .contactinfo .phone{width: 50.5%}

.footer .contactinfo .wxk{width: 27%;position: relative;}
.footer .contactinfo .wxk .wxkbg{position: relative;max-width: 100%}
.footer .contactinfo .wxk a{color: #080404;font-size: 20px;padding-left: 0.15rem;position: absolute;left: 0;top: 0;width:100%;padding-right: 16%; height: 100%;display:flex;align-items: center;justify-content: center}

.footer .contactinfo .wxk .hoverbottom{display: none;position: absolute;bottom: 100%;right: -20%;max-width: 80%}
.footer .contactinfo .wxk:hover .hoverbottom{display: block}

.footer .tips{color: #222;font-size: 18px;text-align: center;background: #e2e2e2;height: 30px;line-height:30px;position: absolute;bottom:8.4%;width: 100%}
.footer .copyright{font-size:14px;color:rgba(34,34,34,0.2);text-align: center;position: absolute;bottom:4%;width: 100%}



.xf{position:fixed;right: 5%;top: 50%;transform: translateY(-50%); display: flex;flex-direction: column;z-index:999;width: 3%}
.xf .ico{margin-bottom: 15px;max-width: 100%}