@charset "utf-8";
body{font-family: "Microsoft YaHei"; font-size:12px; line-height:24px;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head_wap{display: none;}
.white{color: #fff !important;}


/* 头部 */
.head{position: absolute;width: 100%;left: 0;top: 0;z-index: 999;padding: 26px 2vw;}
.head .logo{width: 100px;}
.head .nav{margin-right: 75px;}
.head .nav li{float: left;font-size: 19px;color: #333333;margin: 0 23px;padding: 18px 0;position: relative;transition: all 0.4s ease-in-out;}
.head .nav li.on:after{content: "";display: block;width:35px;height: 1px;background: #c30000;position: absolute;left: calc(50% - 18px);bottom: 5px;}
.head .nav li:hover,.head .nav li.on{color: #c30000;transition: all 0.4s ease-in-out;}
.head .white li{color: #fff;}
.head .white li.on:after{background: #c30000;}
.header{background: url(../images/top_bj.jpg) no-repeat center bottom #fff;box-shadow: 0 0 15px rgba(0,0,0,.15);}


.navhide{background: #fff;width: 130px;position: absolute;left: 50%;margin-left: -65px;top: 100%;z-index: 999;transition: .25s;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.navhide a{font-size: 15px;display: block;line-height: 40px;color: #666;text-align: center;position: relative;}
.navhide a:after{content: "";position: absolute;bottom: 0;width: 90%;height: 1px;background-color: #eeeeee;left: 5%;}
.navhide a:hover{color: #db0000;transition: all 0.4s ease-in-out;}
.head .nav li:hover .navhide{opacity: 1;visibility: inherit;}
.head .tel{width: 180px;line-height: 42px;background: #000000;text-align:center;color: #fff;font-size: 18px;border-radius:30px;margin: 10px 0;}
.head .tel i{margin: 0 7px;}
.swiper-banner{height: 920px;}



/* start */
.lm_tit{text-align: center;font-size: 38px;color: #777777;line-height: 1.5;text-transform:uppercase;}
.lm_tit h3{font-size: 54px;color: #333333;}
.lm_tit span{opacity: 0.9;}
.lm_tit:after{content: "";display: block;width: 68px;height: 4px;background: #c30303;border-radius:10px;margin: 12px auto;}

/* 关于 */
.ab1{width: 100%;position: relative;}
.ab1 video{object-fit:fill;}
.ab1 .pay{display: block;width: 162px;line-height: 48px;background: rgba(0,0,0,0.55);border-radius:50px;position: absolute;left: calc(50% - 81px);top:35vw;font-size: 20px;color: #fefefe;text-align: center;}
.ab1 .pay i{margin: 0 11px;transform:translateY(-2px);}
.ab1 .word{position: absolute;width: 100%;text-align: center;top:13vw;font-size: 42px;color: #fefefe;line-height: 1.6;font-family:hye2gj;}

.ab2{background: url(../images/ab_bj2.png) no-repeat center top/cover;padding: 6vw 0;}
.ab2 .con{margin-top: 4.5vw;}
.ab2 .item{float: left;width: 355px;height: 355px;background: #f4f4f4;border-radius:100%;position: relative;padding: 58px 58px;margin-right: 67px;}
.ab2 .item .row{width: 100%;height: 100%;border-radius:100%;text-align: center;font-size: 14px;color: #666666;text-transform:uppercase;line-height: 1.6;padding: 25px 0;transition: all 0.4s ease-in-out;}
.ab2 .item .row h3{font-size: 30px;color: #444444;transition: all 0.2s ease-in-out;}
.ab2 .item .row h3:after{content: "";display: block;width: 40px;height: 2px;background: #d0d0d0;margin: 9px auto;margin-bottom: 12px;}
.ab2 .item .row .ico{display:block;margin: 4px auto;transition: all 0.2s ease-in-out;}
.ab2 .item:nth-child(3){margin-right: 0;}
.ab2 .item:hover .row{background: #c30000;transition: all 0.4s ease-in-out;color: #fff;cursor:pointer;}
.ab2 .item:hover .row h3{color: #fff;transition: all 0.2s ease-in-out;}
.ab2 .item:hover .row .ico{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.2s ease-in-out;}

.ab3{background: #0d122b;padding: 8vw 0;}
.ab3 .con{margin-top: 4.5vw;}
.ab3 .picture{width: 26%;text-align: center;margin: 20px 0;}
.ab3 .text{width: 73.5%;font-size: 16px;color: #ffffff;line-height: 1.6;}
.ab3 .text h3{font-size: 19px;line-height: 1.8;}
.ab3 .text p{opacity: 0.7;}

.ab4{height: 890px;background: url(../images/ab_bj3.jpg) no-repeat center top/cover;padding: 5vw 0;}
.ab4 .con{font-size: 18px;color: #fefefe;line-height: 1.8;margin-top: 5vw;}
.ab4 .con h3{font-size: 22px;padding: 3px 0;}

.ab5{background: url(../images/ab_bj4.jpg) no-repeat center bottom #f4f4f4;padding: 6vw 0;}
.ab5 .wt{text-align: center;line-height: 1.8;font-size: 20px;color: #777777;margin: 28px 0;}
.ab5 .con{margin-top: 45px;}
.ab5 .con li{float: left;width: 184px;height: 165px;background: #fff;text-align: center;margin-right: 19px;margin-bottom: 19px;box-shadow: 0 0 10px rgba(0,0,0,.1);overflow:hidden;}
.ab5 .con li:nth-child(6n+6){margin-right: 0;}


.foot{background: #222328;padding: 45px 0;}
.foot .m1{border-bottom: 1px solid #3c3c3c;}
.foot .f-logo{width: 100%;text-align: center;}
.foot .f-nav{width: 100%;text-align: center;font-size: 20px;color: #ffffff;line-height: 1.8;padding: 28px 0;}
.foot .f-nav a{display: inline-block;margin: 0 1vw;}
.foot .m2{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;}
.foot .m2 li{font-size: 18px;color: #fefefe;margin-bottom: 8px;}
.foot .m2 li i{margin-right: 15px;}
.copyright{background: #000000;text-align: center;line-height: 1.8;color: #999999;font-size: 15px;padding: 15px 0;}


.block{height: 114px;}
/* 联系 */
.lx1{background: url(../images/ab_bj2.png) no-repeat center top;padding-top: 5vw;}
.lx1 .con{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.06);padding: 40px 0;position: relative;margin-top: 30px;}
.lx1 .con .shadow{position: absolute;width: 100%;bottom: -13px;left: 0;}
.lx1 .picture{text-align:center;border-right: 1px solid #eaeaea;line-height: 96px;padding: 0 3.8vw;}
.lx1 .text{font-size: 17px;color: #666666;line-height: 1.8;margin-left: 60px;}
.lx1 .text .share{margin-top: 10px;}
.lx1 .text .share a{display: inline-block;width: 32px;height: 32px;margin-right: 10px;transition: all 0.4s ease-in-out;}
.lx1 .text .share a:hover{opacity: 0.7;transition: all 0.4s ease-in-out;}
.lx2{background: url(../images/lx_bj.png) no-repeat center bottom;padding: 3vw 0;}
.lx2 .item{float: left;width: 33.33%;text-align: center;font-size: 20px;color: #555555;line-height: 1.8;}
.lx2 .item .ico{width: 120px;height: 120px;line-height: 112px;background: #fff;border: 3px solid #e3e3e3;border-radius:100%;margin: 15px auto;cursor:pointer;}
.lx2 .item .ico img{transition: transform .4s ease-out;}
.lx2 .item .ico:hover img{transform: translateY(-5px); transition: transform .4s ease-out;}
.lx2 .item h3{font-size: 19px;color: #999999;}
.map{width: 80%;height: 500px; margin:auto; margin-top:50px}


/* 产品 */
.pro{background: url(../images/ab_bj2.png) no-repeat center top;padding: 5vw 0;position: relative;}
.pro .con{margin-top: 55px;}
.pro .con li{float: left;width: 281px;text-align: center;font-size: 18px;color: #555555;line-height: 1.8;border-bottom: 1px solid #e6e6e6;transition: all 0.4s ease-in-out;margin-right: 25px;margin-bottom: 35px;background: #fff;}
.pro .con .picture{width: 100%;height: 226px;overflow: hidden;position: relative;}
.pro .con .picture .more{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;background: rgba(195,0,0,0.4);line-height: 226px;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;cursor:pointer;}
.pro .con .picture .more img{transition: all 0.4s ease-in-out;}
.pro .con li h3{padding: 14px 0;}
.pro .con li:hover{color: #c30000;border-bottom: 1px solid #c30000;transition: all 0.4s ease-in-out;}
.pro .con li:hover .picture .more{opacity: 1;visibility: inherit;transition: all 0.4s ease-in-out;}
.pro .con .picture .more img:hover{transform: rotate(45deg);transition: all 0.4s ease-in-out;}
.pro .con li:nth-child(4n+4){margin-right: 0;}
.pro .bj,.proxq .bj,.scene .bj{position: absolute;width: 100%;left: 0;bottom: 0;z-index: -1;}
.proxq{background: url(../images/ab_bj2.png) no-repeat center top;padding: 5vw 0;position: relative;}
.proxq .slide .hd{width: 279px;}
.proxq .slide .hd li{width: 100%;height: 157px;overflow: hidden;margin-bottom: 18px;cursor:pointer;}
.proxq .slide .bd{width: 905px;}
.proxq .con1{border-bottom: 1px solid #ededed;padding-bottom: 15px;}
.proxq .con1 .describe{font-size: 17px;color: #777777;line-height: 1.8;padding: 10px 0;}
.proxq .con1 .describe h3{font-size: 22px;color: #333333;margin-bottom: 6px;}
.proxq .down{width: 240px;line-height: 52px;background: #c20000;text-align:center;color: #fff;font-size: 18px;border-radius:30px;margin: 40px 0;}
.proxq .down i{transform:translateY(-2px);margin-right: 12px;}
.proxq .con2{font-size: 17px;color: #777777;line-height: 1.8;padding-bottom: 3vw;}
.proxq .con2 h3{font-size: 19px;color: #333333;}


/* 场景 */
.scene{background: url(../images/ab_bj2.png) no-repeat center top;padding: 5vw 0;position: relative;}
.scene .m1{width: 260px;border: 1px solid #d6d6d6;background: #fff;padding: 23px 23px;}
.scene .m1 li{width: 100%;text-align: center;line-height: 1.8;font-size: 17px;color: #888888;margin-bottom: 20px;}
.scene .m1 li .pic{width: 100%;overflow: hidden;}
.scene .m1 li h3{font-size: 20px;color: #555555;margin-top: 8px;}
.scene .m1 li:last-of-type{margin-bottom: 0;}
.scene .m2{width: 910px;line-height: 1.8;font-size: 17px;color: #888888;background: #fff;}
.scene .m2 .bt{font-size: 32px;color: #333333;line-height: 1.6;margin-bottom: 22px;}

/* 底部弹窗 */
.odo-dialog{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;}
.background-white{background-color: #fff;width: 350px;height: 18vw;margin: 0 auto;text-align: center;margin-top: 10vw;}
.wechat-close{border-bottom: 1px solid #c5c7c7;line-height: 1.8;padding: 25px 0;position: relative;}
.wechat-close .close{font-weight: bold;font-size: 22px;opacity: 0.25;position: absolute;right: 30px;top: 15px;transition: all 0.4s ease-in-out;}
.wechat-close .close:hover{transform: rotate(45deg);opacity: 0.5;}
.WeChat{width: 100%;height: 100%;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;margin-top: -3vw;}