@charset "utf-8";
body{font-family: "Microsoft YaHei";font-size:12px;line-height:1.6;}
.container{width: 100%;max-width: 1400px;margin: 0 auto;}
.head_wap{display: none;}

/* 头部 */
.head{width: 100%;position:fixed;top: 0;left: 0;z-index: 99;background: rgba(0,0,0,0.45);}
.head .logo{width: 192px;margin: 23px 0;}
.head .sou{margin-top: 57px;}
.head .sou:before{content: "";display:inline-block;width: 1px;height: 18px;background:#fff;vertical-align: middle;margin-right: 25px;}
.head .lang{color: #fff;padding: 55px 0 0;margin-left: 22px;}
.navbar{}
.navbar li{float: left;font-size: 16px;position: relative;margin: 0 1.8vw;text-transform:capitalize;}
.navbar li>a{display: block;color: #fff;padding: 55px 0 43px;}
.navbar li.on>a{color: #ed88b0;font-weight: bold;}
.navhide{background: #fff;width: 160px;position: absolute;left: 50%;margin-left: -80px;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: 14px;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;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;}

/* 搜索 */
.pcTopSearch{width:100%;position:fixed;left:0;top:125px;background:#fff;padding:40px 0;border-top: 1px solid #2b2f78;border-bottom: 1px solid #2b2f78;display: none;z-index: 999;}
.pcSearch{width:30%;height:60px;border-bottom:#ed88b0 solid 1px; display:flex; align-items:center;margin: 0 auto;}
.pcSearch input[type="text"]{ height:60px; padding:0 15px; width:100%; background: none;font-size: 16px;}
.pcSearch button[type="submit"]{width:60px;height:60px;background:url(../images/search.png) no-repeat center;cursor:pointer;border: 0;}
/* start */
.swiper-bn{height: 100vh;}
.swiper-bn .inner{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #fff;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;text-align: center;line-height: 1.7;}
.swiper-bn .t1{font-size: 40px;font-weight: bold;margin-bottom: 30px;letter-spacing: 5px;text-transform:capitalize;}
.swiper-bn .t2{padding: 0 5%;}
.swiper-bn .more{width: 215px;line-height: 70px;background: #ed88b0;margin: 65px auto 0;border-radius:8px;}
.page-bn{width: 100%;bottom: 2.2vw;}
.page-bn span{width: 16px;height: 16px;background: #fff;margin: 0 1.2vw;transition: all 0.4s linear;}
.page-bn .swiper-pagination-bullet-active{border: 1px solid #ed88b0;zoom: 1.4;}
.hm-tit{color: #9c9c9c;text-transform:uppercase;_background:url(../images/bg_kuang.png) no-repeat left bottom;position:relative;}
.hm-tit h3{font-weight: bold;color: #282828;}
.step1{padding-top: 8.5vw;padding-bottom: 90px;background:url(../images/bg_1.png) no-repeat right bottom;background-size: 61%;}
.step1 .text{width: 50%;}
.step1 .part{color: #4c4c4c;line-height: 2.2;margin-top: 55px;}
.step1 .part .more,.step2 .more{width: 175px;line-height: 60px;color: #fff;background: #ed88b0;border-radius:10px;margin-top: 60px;}
.step1 .img{width: 45%;}
.step2{padding: 110px 0;}
.step2 .cont{margin-top: 3.5vw;}
.step2 .swiper-slide{text-align: center;font-weight: bold;color: #3e3e3e;line-height: 2;}
.step2 .swiper-slide p{margin-top: 20px;}
.step2 .more{margin: 60px auto 0;}
.xw-col li{width: 155px;line-height: 44px;border: 1px solid #e5e5e5;text-align: center;margin-left: 15px;border-radius:4px;color: #383838;text-transform:capitalize;}
.xw-col li.on,.xw-col li:hover{background: #ed88b0;border: 1px solid #ed88b0;}
.xw-col li.on>a,.xw-col li:hover>a{color:#fff;}
.step3{background:url(../images/bg_dian.png) no-repeat left top;margin-top: 50px;padding-bottom: 160px;overflow: hidden;}
.step3 .part{justify-content: space-between;align-items:center;}
.step3 .cont{margin-top: 70px;}
.step3 .m-l{width: 48%;background: #f7f7f7;}
.step3 .m-l .text{padding: 0 30px;color: #494949;line-height: 2;}
.step3 .m-l .text h3{font-weight: bold;color: #323232;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.step3 .m-l .box{padding: 22px 0;}
.step3 .m-l .more{border-top: 1px solid #eeeeee;line-height: 60px;}
.step3 .m-r{width: 48%;}
.step3 .m-r .row{border-bottom: 1px solid #eeeeee;color: #646464;line-height: 1.8;padding: 20px 10px;}
.step3 .m-r .row h3{color: #181818;background:url(../images/ico_1.png) no-repeat left center;padding-left: 28px;margin-bottom: 7px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.step3 .m-r .row .date{justify-content: space-between;align-items:center;margin-top: 28px;}
.step3 .m-r .row .date span{display: block;background:url(../images/ico_2.png) no-repeat left center;padding-left: 24px;}
.step3 .b_g{position: absolute;right: 4vw;bottom:11vw;z-index: -1;}
.foot{background:url(../images/bg_foot.jpg) no-repeat center bottom/cover;background-attachment: fixed;position: relative;padding-top: 50px;padding-bottom: 68px;line-height: 2;}
.foot .f-dh{color: #fff;justify-content: center;margin: 60px 0;}
.foot .f-dh>a{display: block;margin: 0 3vw;text-transform:capitalize;}
.foot .f-dh>a:hover{text-decoration:underline;}
.foot .info{color: #fff;border-top: 1px solid rgba(255,255,255,0.4);padding: 32px 0;}
.foot .info .t{justify-content: center;}
.foot .info p{padding-left: 36px;margin: 0 3vw;}
.foot .info p:nth-child(1){background:url(../images/tel.png) no-repeat left center;}
.foot .info p:nth-child(2){background:url(../images/mail.png) no-repeat left center;}
.foot .info p:nth-child(3){background:url(../images/address.png) no-repeat left center;}
.copyright{position: absolute;width: 100%;left: 0;bottom: 0;text-align: center;line-height: 2;color:rgba(235,235,235,0.6);background: rgba(25,25,25,0.3);padding: 18px 0;}
.about{background: #fff;padding: 120px 0;}
.about .part{background: url(../images/bg_logo.png) no-repeat center;}
.envir{background: #f7f7f7;padding: 120px 0;flex-wrap: wrap;justify-content: space-between;}
.envir .tu-1,.envir .tu-3{width: 25%;}
.envir .tu-2{width:50%;}
.envir .tu-2 .row{background: #ed88b0;}
.envir .tu-2 .row .img{width: 50%;}
.envir .tu-2 .row .t{width: 50%;color: #fff;flex-flow: column;justify-content: center;text-align: center;text-transform:uppercase;}
.envir .tu-2 h3{font-weight: bold;}
.envir .tu-2 h3:after{content: "";display: block;width: 65px;height: 5px;background: #fff;margin: 12px auto;}
.n-tit h3{font-weight: bold;margin-bottom: 12px;text-transform:uppercase;}
.p-col{justify-content: center;margin-top: 50px;}
.p-col li{border: 1px solid #ed88b0;text-align: center;color: #656565;font-weight: bold;width: 185px;line-height: 54px;margin: 0 1.25vw;border-radius:8px;text-transform:capitalize;}
.p-col li.on{background:#ed88b0;color: #fff;}
.product{padding: 80px 0;}
.product .cont{margin-top: 60px;}
.product .cont li{width: 22.5%;float: left;margin-right: 3.33%;margin-bottom: 2%;}
.product .cont .t{justify-content: space-between;align-items:center;padding: 24px 0;}
.product .cont .t .more img{filter: grayscale(1);}
.product .cont h3{font-weight: bold;color: #474747;}
.product .cont li:hover h3{color: #ed88b0;}
.product .cont li:hover .t .more img{filter: none;}
.product .cont li:nth-child(4n+4){margin-right: 0;}
.news{padding: 80px 0;}
.news .cont{margin-top: 60px;}
.news .row{padding: 25px 50px;flex-wrap: wrap;justify-content: space-between;align-items:center;color: #969696;margin-bottom: 2%;}
.news .row .date{font-weight: bold;text-align: center;line-height: 2;color: #323232;}
.news .row .date dt{color: #fff;background: #ed88b0;text-align: center;width: 80px;line-height: 78px;border-radius:4px;margin: 0 auto;margin-bottom: 5px;transition: all 0.4s linear;}
.news .row:hover dt{background: #c55d86;}
.news .row:hover .date{color: #fff;}
.news .row .img{width: 21%;border-radius:2px;position: relative;}
.news .row .mask{position: absolute;width: calc(100% - 30px);height: calc(100% - 30px);left: 15px;top: 15px;z-index: 2;fill: transparent;}
.news .row .mask .shape-rect{stroke-width: 2px;fill: transparent;stroke: #fff;stroke-dasharray: 0 200;stroke-dashoffset: -220;transition: 1s all ease;}
.news .row:hover{background: #ed88b0;color: #fff;}
.news .row:hover .shape-rect{stroke-dasharray: 150 0;stroke-dashoffset: 0;}
.news .row .text{width: 64%;}
.news .row .text h3{color: #323232;margin-bottom: 15px;font-weight: bold;}
.news .row:hover h3{color: #fff;}
.news .row .text .hits{justify-content: space-between;align-items:center;margin-top: 60px;}
.news .row .text .more{width: 138px;line-height: 36px;background: #fafafa;border: 1px solid #dadada;text-align: center;border-radius:30px;transition: all 0.3s linear;}
.news .row:hover .more{background: #ed88b0;border: 1px solid #fff;color: #fff;}
.down .row{align-items: flex-start;}
.down .row .hits{margin-top: 30px !important;}
.down .row .text{width: 90%;}
/* 详情 */
.detail{background: #fff;padding: 0 3%;}
.detail .title{font-weight:bold;}
.detail .tool{border-bottom: #cccccc 1px solid;margin-top: 20px;justify-content: space-between;padding: 10px 0 20px;color: #999999;}
.detail .tool span{margin-right: 20px;}
.detail .content{padding: 30px 0;line-height: 2;color: #696969;}
.detail .prev_next{line-height: 2.4;font-size: 13px;margin-top: 30px;}
.detail .prev_next a:hover{color: #999999;}