@charset "utf-8";
body{font-family:"Microsoft YaHei";font-size:12px;line-height:1.6;}
.container{width: 100%;max-width: 1640px;margin: 0 auto;}
.w1300{width: 100%;max-width: 1300px;margin: 0 auto;}
.head_wap{display: none;}
/* 头部 */
.head{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;padding: 0 4vw;border-bottom: 1px solid rgba(255,255,255,0.2);color: #fff;transition: all 0.3s linear;}
.head .logo{width: 260px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.head .tel{background:url(../images/tel.png) no-repeat left center;padding-left: 25px;font-size: 24px;}
.head .lang{margin: 0 25px;color: #fff;}
.head .lang>a.on{color: #68d800;}
.head .hd_yc{display: flex;align-items: center;}
.sou{width: 90px;height: 30px;background:url(../images/bg_sou.png) no-repeat center;border-radius:30px;cursor:pointer;}
.head.active{background: #fff;color: #777777;box-shadow: 0px 0px 15px rgba(151,162,167,.15);}
.head.active .logo{-webkit-filter: none;filter: none;}
.head.active .lang{color: #777777;}
.head.whift{background: #fff;color: #777777;box-shadow: 0px 0px 15px rgba(151,162,167,.15);}
.head.whift .logo{-webkit-filter: none;filter: none;}
.head.whift .lang{color: #777777;}
.navbar{}
.navbar li{float: left;font-size: 20px;color: #fff;padding: 33px 0;margin: 0 1.75vw;position: relative;}
.navbar li.on>a,.navbar li:hover>a,.navbar.active li.on>a{color: #4daed1;}
.navhide{background: #fff;width: 160px;position: absolute;left: 50%;margin-left: -80px;top: 100%;z-index: 999;transition: all 0.3s linear;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);transform:translateY(-15px);}
.navhide a{font-size: 16px;display: block;line-height: 50px;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: #5bbfe6;transition: all 0.4s ease-in-out;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;transform:translateY(0);}
.navbar.active li>a{color: #777777;}
.head.whift .navbar li>a{color: #777777;}
.head.whift .navbar li.on>a,.head.whift .navbar li:hover>a,.head.whift .navbar.active li.on>a{color: #4daed1;}
/* 搜索 */
.pcTopSearch{width:100%;position:fixed;left:0;top:98px;background: rgba(0,0,0,0.3);padding:40px 0;display: none;z-index: 999;}
.pcSearch{width:30%;height:60px;border-bottom:rgba(255,255,255,0.5) 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: 15px;color: #fff;}
.pcSearch input::-webkit-input-placeholder{color: #fff;}
.pcSearch button[type="submit"]{width:60px;height:60px;cursor:pointer;color: #fff;background: none;font-size: 22px;}
/* start */
.swiper-bn{height: 100vh;}
.banner .inner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.3);display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;color: #fff;line-height: 1.8;text-align: center;font-size: 22px;}
.ban .inner .img{ margin-right:10%}
.banner .inner .t1{font-size: 40px;font-weight: bold;margin: 8px 0;}
.page-lb{width: 100%;bottom: 6.5vw;}
.page-lb span{background: #fff;width: 20px;height: 4px;margin: 0 5px;border-radius:10px;transition: all 0.4s linear;}
.page-lb .swiper-pagination-bullet-active{background: #68d800;width: 40px;}
.prev-lb{background: rgba(0,0,0,0.5);width: 40px;height: 100px;color: #fff;font-size: 30px;left: 0;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.next-lb{background: rgba(0,0,0,0.5);width: 40px;height: 100px;color: #fff;font-size: 30px;right: 0;border-top-left-radius:10px;border-bottom-left-radius: 10px;}
.roll{margin-top: -100px;position: sticky;z-index: 9;}
.roll .centre{background: #fff;box-shadow: 0px 0px 15px rgba(151,162,167,.15);padding: 40px 0;}
.roll .row{width: 25%;text-align: center;color: #777777;border-right: 1px solid #eff0f6;}
.roll .row h3{font-family:"Archive";font-size: 60px;color: #5bbfe6;line-height: 1.25;}
.roll .row:first-child i{display: none;}
.p-zs{padding: 8vw 0 4vw;margin-top: -82px; position:relative;}
.p-zs:before{width:100%; height:100%; background:url(../images/bg_zs.png) no-repeat left top; position:absolute; top:0; left:0; content:""; z-index:-1;}
.p-zs:after{width:100%; height:100%; background:url(../images/bg_zs1.png) no-repeat right bottom; position:absolute; top:0; left:0; content:""; z-index:-1;}
.p-zs .left{width: 15%;}
.p-zs .p-t{color: #5bbfe6;text-transform:uppercase;}
.p-zs .p-t h3{font-weight:bold;color: #555555;line-height: 1.4;}
.p-zs .intro{color: #999999;}
.p-zs .intro .more{width: 135px;line-height: 50px;background: #5bbfe6;margin: 0 auto;margin-top: 60px; position:relative;}
.p-zs .intro .more span{position:relative; z-index:9;}
.p-zs .intro .more:after{width:0; height:100%; position:absolute; top:0; left:0; content:""; background-color:#2095c3;
transition:all .5s;
-webkit-transition:all .5s;}
.p-zs .intro .more:hover:after{width:100%;}
.p-zs .centre{width: 81.5%;}
.swiper-zs{padding:15px; margin:0 -15px;}
.swiper-zs .swiper-slide{height: 450px;box-shadow: 0px 0px 15px rgba(150,166,172,.15);margin: 2% 0;background: #fff;
transition:all .5s;
-webkit-transition:all .5s;}
.swiper-zs .swiper-slide:hover{transform:translateY(-15px);
-webkit-transform:translateY(-15px);}
.swiper-zs .swiper-slide:hover h3 a{color:#5bbfe6;}
.swiper-zs .swiper-slide a.m_r{display:inline-block; width:100px; height:32px; border:1px solid #fff; line-height:30px;}
.swiper-zs .swiper-slide:hover a.m_r{border:1px solid #5bbfe6;}
.swiper-zs .swiper-slide:hover a.m_r:hover{color:#fff; background-color:#5bbfe6;}
.swiper-zs .t,.p-list .row .t{color: #5bbfe6;font-size: 15px;}
.swiper-zs .t h3,.p-list .row .t h3{font-weight: bold;color: #555555;margin-bottom: 12px;}
.swiper-zs .img,.p-list .row .img{position: absolute;width: 100%;height: 234px;left: 0;bottom: 8%;padding:0 5% 60px;text-align: center;background:url(../images/img_bg.png) no-repeat center bottom;}
.w-tit{color: #999999;text-transform:capitalize;}
.w-tit h3{font-weight: bold;color: #5bbfe6;}
.w-tit:after{content: "";display: block;width: 80px;height: 5px;background: #5cc0e0;margin: 25px auto;}
.step1{background: #f7f8fc;padding: 80px 0;}
.step1 .item:nth-child(2){margin-top: 2.1%;flex-flow: row-reverse;}
.step1 .img{width: 60.75%;height: 334px;position: relative;}
.step1 .img:nth-child(2){width: 37.25%;}
.step1 .text{width: 100%;height: 100%;position: absolute;bottom:0;left: 0;color: #fff;background: rgba(0,0,0,0.5);padding: 30px 40px;font-size: 18px;display: flex;flex-flow: column;justify-content: flex-end;}
.step1 .text .t{margin-bottom: 20px;text-transform:uppercase;}
.step1 .text h3{font-weight: bold;color: #5bbfe6;}
.step1 .text p.w_z{display:none;}
.step2{background:url(../images/ab_bg2.jpg) no-repeat center/cover;color: #fff;padding: 100px 0;}
.step2 .centre{display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;}
.step2 .a-t{text-transform:uppercase;}
.step2 .a-t h3{font-weight: bold;}
.step2 .text{width: 47%;}
.step2 .intro{line-height: 2;}
.step2 .text .more{width: 130px;line-height: 44px;border: 1px solid #fff;font-size: 15px;border-radius:3px;}
.step2 .text .more:hover{background-color:#fff;}
.step2 .pic{width: 45%;background:url(../images/ab_bg.png) no-repeat right center;padding: 40px 0;position: relative;background-size: contain;}
.step2 .pic h3{font-size: 4vw;line-height: 0.8;font-weight:bold;writing-mode: vertical-rl;transform: translateX(2vw);letter-spacing: 2px;}
.step3{color:#555555;padding: 80px 0; position:relative;}
.step3:before{width:100%; height:100%; background:url(../images/bg_xw1.png) no-repeat right top; position:absolute; top:0; left:0; content:""; z-index:-1;}
.step3:after{width:100%; height:100%; background:url(../images/bg_xw.png) no-repeat left bottom; position:absolute; top:0; left:0; content:""; z-index:-1;}
.step3 .hd{margin-left: 30px;}
.step3 .hd li{margin: 0 1.35vw;cursor:pointer;padding:5px 0;}
.step3 .hd li.on{font-weight: bold;color: #5bbfe6;border-bottom: 2px solid #5bbfe6;}
.step3 .tab-t .more{color: #aaaaaa;font-size: 15px;margin-left: auto;}
.step3 .tab-t .more:hover{color: #5bbfe6;}
.step3 .big{width: 55%;}
.step3 .big .row{width: 48.75%;background: #f7f8fc;}
.step3 .big .tag{color:#aaaaaa;}
.step3 .big .tag em{color:#88df4c;}
.step3 .big .img{height: 308px;text-align: center;}
.step3 .big .text{height: 200px;padding:30px 30px 0;padding-top:10px}
.step3 .big .text h3{font-weight: bold;margin-top: 12px;font-size: 1.15vw;}
.step3 .big .text .more{background: #88df4c;width: 100px;line-height: 30px;border-radius:30px;}
.step3 .big .text .more:hover{background: #65cf1c;}
.step3 .list{width: 43.5%;}
.step3 .list li{display: flex;justify-content: space-between;border-bottom: 1px solid #f7f8fc;padding: 20px 0;}
.step3 .list .img{width: 31%;max-height: 135px;}
.step3 .list .text{width: 66%;color: #999999;}
.step3 .list .text h3{font-weight: bold;line-height: 1.4;margin-bottom: 8px;color: #555555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.step3 .list .text .more{color: #5bbfe6;}
.step3 .list li:first-child{padding-top: 0;}
.step3 .list li:last-of-type{padding-bottom: 0;border: 0;}
.step4{background: #f7f8fc;padding: 80px 0;}
.title.bold{ font-size:26px}
.step4 .centre{background: #fff;border: 1px solid #dfdfdf;border-bottom: 0;border-right: 0;}
.step4 .box{float: left;width: 40%;height: 304px;background:url(../images/bg_hz.png) no-repeat center/cover;display:flex;flex-flow: column;justify-content: center;align-items:center;text-align: center;color: #fff;font-size: 15px;}
.step4 .box h3{font-family:"Archive";font-size: 60px;line-height: 1.4;}
.step4 li{float: left;width: 20%;height: 152px;display: flex;align-items:center;justify-content: center;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;overflow: hidden;}
.step4 li img{display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.step4 li:hover img{transform:scale(1.05);
-webkit-transform:scale(1.05);}
.step5{background:url(../images/bg_ly.png) no-repeat center/cover;padding: 65px 0;color: #fff;}
.step5 .t span:after{content: "";display: block;width: 40px;height: 3px;background: #fff;border-radius:10px;margin: 10px auto;}
.step5 h3{font-weight: bold;margin-top: 20px;}
.step5 .more{width: 145px;line-height: 50px;border: 1px solid #fff; color:#fff;border-radius:2px;margin: 40px auto 0;}
.step5 .more:hover{background-color:#88df4c; border:1px solid #88df4c;}
.step5 .more i{transform:translateY(-3px);}
.foot{background: #f6f6f6;padding: 60px 0;color: #999999; padding-bottom:10px}
.foot .f-logo{width: 19%;border-right: 1px solid #eeeeee;text-align: center;}
.foot .f-logo img{width: 150px;}
.foot .f-dh{width: 48%;font-size: 15px;}
.foot .f-dh dl{line-height: 2;font-size: 16px;}
.foot .f-dh h3{font-size: 21px;color: #555555;margin-bottom: 6px;}
.foot .f-dh p{margin-bottom: 2px;}
.foot .f-dh p:hover a{text-decoration:underline;}
.foot .f-lx{width: 20%;}
.foot .f-lx .code p{font-size: 16px;}
.foot .code li{margin-right: 25px;line-height: 2.2;}
.foot .code li img{border: 1px solid #dedede;}
.foot .info{font-size: 17px;line-height: 2;}
.foot .info .tel{color: #5dbae3;line-height: 1.4;margin: 10px 0;}
.copyright{font-size: 15px;line-height: 2;background: #f6f6f6;border-top: 1px solid #eeeeee;color: #999999;padding: 25px 0;}
.copyright .oth i{margin: 0 8px;}
.ban{height: 650px;position:relative;}
.ban .inner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.1);color: #fff;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.ban h3{font-weight: bold;}
.ab-1{background:url(../images/bg_ab.png) no-repeat right center/cover;padding: 7vw 0;}
.ab-1 .centre{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.ab-1 .text{width: 47.5%;color: #777777;text-transform:uppercase;}
.ab-1 .a-t h3{color: #4daed1;font-weight:bold;}
.ab-1 .intro{line-height: 2;}
.ab-1 .pic{width: 46%;}
.ab-1 .pic h3{height: 100%;position: absolute;top: 0;right: -44px;font-size: 4.56vw;color: #5cc0e0;line-height: 1;font-weight: bold;letter-spacing: 2px;text-align: center;writing-mode: vertical-rl;direction: rtl;}
.ab-2{background:url(../images/bg_shuju.jpg) no-repeat center/cover;padding: 115px 0;}
.ab-2 li{width: 25%;text-align: center;color: #fff;border-right: 1px solid rgba(255,255,255,0.2);}
.ab-2 li h3{font-family:"Archive";font-weight: bold;font-size: 60px;line-height: 1.25;}
.ab-2 li:first-child i{display: none;}
.ab-2 li:last-of-type{border: none;}
.ab-3{background: #f7f7f7;padding: 80px 0; position:relative;}
.ab-3:before{width:100%; height:100%; background:url(../images/bg_xw1.png) no-repeat right top; position:absolute; top:0; left:0; content:"";}
.ab-3:after{width:100%; height:100%; background:url(../images/bg_xw.png) no-repeat left bottom; position:absolute; top:0; left:0; content:"";}
.ab-3 .container{position:relative; z-index:99;}
.ab4-conbox .ab4-con{position: relative;width: 25%;height: 450px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #c9c9c9;background: #fff;display: flex;-ms-display: flex;-webkit-display: flex;flex-direction: column;align-items: center;border-right: none;}
.ab4-conbox .ab4-con:last-child{border-right: 1px solid #c9c9c9;}
.ab4-conbox .ab4-con::before{content: '';display: block;position: absolute;width: 100%;height: 100%;background: url(../images/bg_wenhua.jpg) no-repeat center/cover;z-index: 2;opacity: 0;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ab4-conbox .ab4-con .icon{position: relative;z-index: 5;margin: 110px 0 50px 0;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ab4-conbox .ab4-con h6{-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;margin-bottom: 20px;position: relative;z-index: 5;}
.ab4-conbox .ab4-con span{font-size: 15px;color: #fff;visibility: hidden;position: relative;z-index: 5;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;width: 75%;}
.ab4-conbox .ab4-con .line{width: 40px;height: 1px;background: #4daed1;position: absolute;bottom: 70px;left: 50%;margin-left: -20px;z-index: 3;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ab4-conbox .ab4-con:hover::before{opacity: 1;transform: scale(1.1);-webkit-box-shadow: 17px 17px 18px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 17px 17px 18px 0 rgba(0, 0, 0, 0.3);box-shadow: 17px 17px 18px 0 rgba(0, 0, 0, 0.3)}
.ab4-conbox .ab4-con:hover .icon img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.ab4-conbox .ab4-con:hover .icon{margin: 70px 0 40px 0;}
.ab4-conbox .ab4-con:hover h6{color: #fff;}
.ab4-conbox .ab4-con:hover span{visibility: visible;}
.ab4-conbox .ab4-con:hover .line{bottom: 20px;background: #fff;}
.partner{padding: 80px 0; position:relative;}
.partner:before{width:100%; height:100%; background:url(../images/bg_zs.png) no-repeat left top; position:absolute; top:0; left:0; content:""; z-index:-1;}
.partner:after{width:100%; height:100%; background:url(../images/bg_zs1.png) no-repeat right bottom; position:absolute; top:0; left:0; content:""; z-index:-1;}
.partner li{width: 15.15%;height: 95px;border: 1px solid #e7e7e7; background-color:#fff;margin-bottom: 1.8%;display: flex;align-items:center;justify-content: center;overflow: hidden;padding: 0 1%;}
.ct-info{padding: 80px 0;}
.ct-info .row{background: #f9f9f9;width: 23.2%;height: 440px;position: relative;text-align: center;color: #555555;line-height: 1.8;padding-top: 120px;transition: all 0.2s linear;}
.ct-info .row .code{justify-content: center;}
.ct-info .row .code li{margin: 0 15px;line-height: 2.2;}
.ct-info .row:after{content: "";display: block;width: 40px;height: 4px;background: #4daed1;position: absolute;bottom:45px;left:50%;transform:translate(-50%,0);}
.ct-info .row:hover{background: #fff;transform: translateY(-10px);box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1)}
.ct-info .x_mt{margin-top:50px; text-align:center;}
.ct-info .x_mt ul{display:flex; flex-wrap:wrap; justify-content:space-around;}
.ct-info .x_mt ul li{position:relative;}
.ct-info .x_mt a{display:inline-block; width:80px; height:80px; border-radius:45px; border:1px solid #ddd;}
.ct-info .x_mt ul li:hover a{box-shadow:0 0 15px rgba(0,0,0,.07); border:1px solid #5bbfe6;}
.ct-info .x_mt img{transition:all .5s;
-webkit-transition:all .5s;}
.ct-info .x_mt ul li:hover a img{transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
.ct-info .x_mt p{font-size:16px; line-height:28px; color:#999; margin-top:5px;}
.ct-info .x_mt .e_w{width:120px; padding:5px; border-radius:5px; box-shadow:0 2px 20px 0 rgba(0,2,33,.1); background-color:#fff; position:absolute; bottom:100%; left:50%; margin-left:-60px; opacity:0; visibility:hidden;
transition:all .5s;
-webkit-transition:all .5s;}
.ct-info .x_mt ul li:hover .e_w{opacity:1; visibility:inherit;
transform:translateY(-20px);
-webkit-transform:translateY(-20px);}
.ct-fenbu{padding: 80px 0; background-color:#fafafa;}
.ct-fenbu .fb_dq{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.ct-fenbu .fb_dt{width:48%;}
.ct-fenbu .fb_xx{width:45%;}
.ct-fenbu .fb_xx .x_x{margin-top:35px;}
.ct-fenbu .fb_xx .x_x ul li{padding:5px 0 5px 100px; margin-top:15px; font-size:18px; line-height:28px; color:#777; position:relative;}
.ct-fenbu .fb_xx .x_x span{width:80px; background-color:#5bbfe6; border-radius:5px; position:absolute; top:0; left:0; color:#fff; line-height:38px; text-align:center;}
.message{padding:80px 0;}
.message .img{width: 37.75%;}
.message .form{width: 62.25%;padding: 50px 45px 0;}
.message .row{margin-bottom: 3.4%;}
.message .row li{width: 48%;position:relative;}
.message .row input,.message .row textarea{display: block;width: 100%;height: 68px;border: 1px solid #dddddd;color: #999999;font-size: 18px;padding: 0 25px;}
.message .row textarea{height: 125px;padding: 15px 25px;}
.message .row li i{color: #ad0c0c;font-size: 18px;position: absolute;right: -15px;top: 0;line-height: 68px;}
.message .btn,.message .reset{width: 180px;height: 70px;background: #4daed1;color: #fff;cursor:pointer;}
.message .reset{background: #999999;margin-left: 30px;}
.column{justify-content: center;border-bottom: 1px solid #dddddd;padding: 30px 0 20px;}
.column li{color: #555555;line-height: 2;margin: 0 2.5vw;position: relative;}
.column li i{margin: 0 8px;transform:translateY(-2px);filter: brightness(0);opacity: 0.7;}
.column li.on,.column li:hover{color: #4daed1;}
.column li.on i,.column li:hover i{filter: none;opacity: 1;}
.column li:after{content: "";display: block;position: absolute;bottom:-21px;left:50%;transform:translate(-50%,0);width:0;height: 1px;background: #4daed1;transition: all 0.3s linear;}
.column li.on:after,.column li:hover:after{width: 100%;}
.down{padding-bottom: 5vw;}
.down .centre li{width: 31.75%;border-bottom: 1px solid #eeeeee;padding: 38px 0;font-size: 15px;display: flex;justify-content: space-between;margin-right: 2.37%;}
.down .centre li:nth-child(3n+3){margin-right: 0;}
.down .centre .img{width: 37%;height: 120px;background: #f7f7f7;display: flex;align-items:center;justify-content: center;}
.down .centre .text{width: 59%;}
.down .centre .text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.down .centre .text span{color: #aaaaaa;}
.down .centre .text .xz{color: #4daed1;}
.p-menu{background: #fff;width: 22%;}
.p-menu .t{line-height: 90px;background:url(../images/bg_lm.png) no-repeat center/cover;color: #fff;font-weight: bold;padding: 0 30px;}
.p-menu .tabbox{padding: 0 25px;}
.p-menu .tabbox li{border-bottom: 1px solid #dddddd;font-size: 16px;color: #999999;}
.p-menu .tabbox li h3{font-size: 18px;color: #555555;line-height: 78px;display: flex;justify-content: space-between;align-items:center;}
.p-menu .tabbox li h3 i{display: block;width: 16px;height: 16px;background:url(../images/jia.png) no-repeat;cursor:pointer;}
.p-menu .tabbox li h3 i.on{background:url(../images/jian.png) no-repeat;}
.p-menu .tabbox li p{margin-bottom: 5px;text-indent: 0.5rem;}
.p-menu .tabbox li p:hover a{color: #5cc0e0;}
.p-menu .tabbox li p:before{content: "•";display:inline-block;color: #dddddd;font-size: 20px;margin-right: 8px;}
.p-menu .tabbox li .nav{display: none;padding-bottom: 15px;}
.p-menu .tabbox li:last-of-type{border-bottom: none;}
.p-menu .tabbox li.on h3{color: #5cc0e0;}
.p-list{padding: 70px 0; background-color:#f9f9f9;}
.p-list .centre{width: 75%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.p-list .row{width: 30%;padding:1.5vw 1.5vw;background-color:#fff;position: relative;margin-bottom: 4%;transition:all .5s;-webkit-transition:all .5s;margin: 1%;}
.p-list .row:hover{box-shadow:1px 2px 30px rgba(79,79,79,.1);}
.p-list .row:nth-child(3n+3){margin-right: 0;}
.p-list .t_p{height: 12.2vw;text-align: center; background: url(../images/img_bg.png) no-repeat center bottom;}
.p-list .t_p>a{display:block;width: 100%;height: 100%;}
.p-list .w_z{margin-top:1.55vw; text-align:center;}
.p-list .w_z h3{font-weight:bold; text-align:left; line-height:30px; color:#333; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.p-list .w_z p{font-size:14px; line-height:24px; text-align:left; color:#777; height:72px; overflow:hidden; display:-webkit-box;
line-clamp:3;
-webkit-line-clamp:3;
-moz-line-clamp:3;
-ms-line-clamp:3;
-o-line-clamp:3;
-webkit-box-orient:vertical;}
.p-list .w_z a.m_r{display:inline-block; font-size:14px; line-height:22px; color:#bbb; margin-top:25px; padding-bottom:5px; position:relative;}
.p-list .w_z a.m_r:after{width:100%; height:1px; background-color:#5cc0e0; position:absolute; bottom:0; left:0; content:"";}
.p-list .row:hover .w_z a{color:#5cc0e0;}
.pro_crumbs{background: #fafafa;line-height: 70px;color: rgba(0,0,0,.6);}
.prodet-con1 .prodet-con1l{width: 50%;display: flex;-ms-display: flex;-webkit-display: flex;}
.prodet-con1l-con1{position: relative;}
.prodet-con1 .prodet-con1l .product-sw-bar{width: 150px;opacity: 1;}
.prodet-con1l-con1 .swiper-wrapper{-webkit-box-orient: vertical;flex-direction: column;}
.product-sw-next{top: -19px;left: 80px;background-image: url(/Img/images/pro-arrows.png);width: 32px;height: 13px;background-size: cover;}
.product-sw-prev{top: auto;bottom: -19px;left: 80px;background-image: url(/Img/images/pro-arrows.png);transform: rotate(-180deg);width: 32px;height: 13px;background-size: cover;}
.prodet-con1 .prodet-con1l .prodet-con1l-con1 .swiper-button-disabled{opacity: 1 !important;background-image: url(/Img/images/pro-arrowsB.png);}
.prodet-con1 .prodet-con1l .product-sw-bar .swiper-slide{height: 104px;border: solid 1px #eeeeee;}
.prodet-con1 .prodet-con1l .product-sw-container{margin-left: 0;width: 509px;opacity: 1;}
.prodet-con1 .prodet-con1l .product-sw-container .swiper-slide{background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;}
.prodet-con1 .prodet-con1r{width: 50%;padding: 0 0 0px 0;border-left: solid 1px #eeeeee;padding-left: 40px;}
.prodet-con1 .prodet-con1r .prodet-con1r-t{width: 90%;max-width: 575px;}
.prodet-con1 .prodet-con1r .prodet-con1r-t h6{padding: 19px 0 15px 0;font-size: 32px;line-height: 46px;color: #333333;border-bottom: 1px solid #eeeeee;}
.prodet-con1 .prodet-con1r .prodet-con1r-t span{display: block;margin-top: 25px;font-size: 16px;color: #333333;line-height: 28px;}
.prodet-con2 .prodet-con2-t{border-bottom: solid 1px #eeeeee;border-top: solid 1px #eeeeee;height: 58px;display: flex;-ms-display: flex;-webkit-display: flex;align-items: center;justify-content: center;}
.prodet-con2 .prodet-con2-t .prodet-con2-tcon a{display: block;font-size: 18px;line-height: 58px;color: #333333;margin-right: 90px;padding: 0 15px;position: relative;height: 100%;cursor: pointer;}
.prodet-con2 .prodet-con2-t .prodet-con2-tcon:last-child{margin-right: 0px;}
.prodet-con2 .prodet-con2-t .tcon-active a::after{content: '';display: block;position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background: #68d800;}
.prodet-con21-t h6{width: 100%;text-align: center;font-size: 24px;line-height: 1em;padding: 63px 0 30px 0;}
.prodet-con21 .prodet-con21-con{width: 100%;padding: 42px 80px;background: #f6f6f6;}
.prodet-con21 .prodet-con21-con p{font-size: 16px;line-height: 28px;color: #333333;}
.prodet-con21 .prodet-con21-con ul li{font-size: 16px;line-height: 28px;color: #333333;display: flex;-ms-display: flex;-webkit-display: flex;}
.prodet-con21-con table{margin: 0;display: flex;-ms-display: flex;-webkit-display: flex;flex-direction: column;overflow-x: auto;}
.prodet-con21-con table::before{content: '';display: block;margin: 0;padding-top: 20px;width: 100%;margin-top: 40px;border-top: 0px solid #dddddd;}
.prodet-con22-con table{border: solid 1px #e3e3e3;border-collapse: collapse;width: 1300px; padding:0 80px}
/* 详情 */
.detail{}
.detail .tool{border-bottom: #cccccc 1px solid;margin-top: 20px;justify-content: space-between;padding: 15px 0 25px;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: 14px;margin-top: 30px;}
.detail .prev_next a:hover{color: #999999;}
.xiaocms-page{width:100%;text-align:center;margin-top: 50px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;padding: 15px 0;font-size: 16px;}
.xiaocms-page a,.xiaocms-page span{display: inline-block;line-height: 32px;margin-left:5px;padding:0 11px;}
.xiaocms-page span{background:#408de3;color:#fff;border-radius:100%;}
@media(max-width: 1360px){
.prodet-con22-con table{width: auto}
} 
.prodet-con22-con th, .prodet-con22-con td{font-weight: normal;padding: 5px;border: solid 1px #e3e3e3;word-break: break-all;}
.prodet-con23 .prodet-con23-con{width: 100%;position: relative;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container{opacity: 1;width: 90%;max-width: 1030px;margin: 0 auto;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide{width: calc(33.4% - 20px);height: auto;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a{display: block;width: 100%;height: auto;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a img{width: 100%;height: 220px;}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a h6{width: 100%;line-height: 28px;overflow: hidden;font-size: 18px;color: #222;background: #f6f6f6;padding-bottom: 10px;padding-left: 15px;padding-right: 15px;padding-top: 20px;}
@media(max-width: 992px){
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a h6{padding-top: 0}
}
.prodet-con23 .prodet-con23-con .prodetcon23-sw-container .swiper-slide a .texts{background: #f6f6f6;line-height: 26px;font-size: 16px;padding:0 15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.prodet-con23 .textBox{padding-bottom: 20px;background: #f6f6f6;}
.productcon21-sw-next{right: 20px;}
.productcon21-sw-prev{left: 20px;}
.prodet-con23{padding-bottom: 60px;}
.prodet-con23 .video{margin: 0 10%;}
.prodet-con23 .video video{margin: 0 auto;height: 500px;background: #000000;}
.prod-downbox{padding: 0 0 44px;}
.prod-downbox .txt{font-size: 16px;color: #222222;width: 960px;margin: 0 auto;}
.prod-downbox .down{background: #f7f7f7;padding: 11px 50px 11px 30px;margin: 25px auto 0 auto;}
.prod-downbox .down .down-con{display: flex;-ms-display: flex;-webkit-display: flex;align-items: center;height: 56px;border-bottom: 1px solid #eeeeee;}
.prod-downbox .down .down-con:last-child{border-bottom:none;}
.prod-downbox .down .down-con .icon{min-width: 44px;height: 20px;text-align: center;line-height: 20px;background: #f20c63;border: solid 1px #e2e2e2;color: #fff;margin-right: 15px;}
.prod-downbox .down .down-con a{display: block;font-size: 18px;color: #333333;max-width: 80%;overflow: hidden;}
.prod-downbox .down .down-con h6{margin-left: auto;display: flex;-ms-display: flex;-webkit-display: flex;align-items: center;font-size: 16px;color: #666666;}
.prod-downbox .down .down-con h6 img{margin-left: 18px;}
.down-con i{font-style: normal; font-size: 14px; background: #f20c63; color: #FFF; margin-right: 15px; height: 20px; line-height: 20px; display: inline-block; width: 45px; text-align: center;}
.prodet-video-t h6{font-size: 24px; color: #333333; margin-bottom: 30px; text-align: center;}
.prodet-con1{margin-bottom:50px;}
.xw-col{background: #f5f5f5;border-bottom: 1px solid #eeeeee;}
.xw-col li{color: #555555;line-height: 70px;margin-right: 2.75vw;}
.xw-col li.on{color: #4daed1;border-bottom: 2px solid #4daed1;}
.news{padding: 2vw 0 5vw;}
.news .container{ max-width:1200px}
.news .row{padding: 45px 0;border-bottom: 1px solid #eeeeee;font-size: 15px;line-height: 1.8;color: #999999;}
.news .row .img{width: 29.25%;height: 16vw;}
.news .row .text{width: 67.5%;padding: 20px 0;}
.news .row .text h3{font-weight: bold;color: #555555;margin-bottom: 20px;}
.news .row .text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .row .text .more{color: #4daed1;}
.news .row .text .more i{display:inline-block; vertical-align:middle; margin-top:-4px;
transition:all .5s;
-webkit-transition:all .5s;}
.news .row .text .more:hover i{margin-left:10px;}

.fuwu{width:100%; padding:50px 0 80px; overflow:hidden;}
.fuwu .fw_bt{font-size:38px; color:#333; text-align:center; line-height:48px;}
.fuwu .fw_wz{max-width:86%; font-size:18px; line-height:32px; text-align:center; color:#666; margin:50px auto 0;}
.fuwu .fw_xm ul{display:flex; flex-wrap:wrap; margin:0 -20px;}
.fuwu .fw_xm ul li{width:calc(33.333333333333% - 40px); margin:50px 20px 0;}
.fuwu .fw_xm .t_p img{width:100%; height:auto; display:block;}
.fuwu .fw_xm .w_z{font-size:22px; line-height:32px; color:#333; text-align:center; margin-top:15px;}
.fuwu .px_xm{margin-bottom:80px;}
.fuwu .px_xm ul{display:flex; flex-wrap:wrap; margin:0 -50px;}
.fuwu .px_xm ul li{width:calc(25% - 100px); margin:50px 50px 0;}
.fuwu .px_xm .t_b{width:130px; margin:0 auto;}
.fuwu .px_xm .t_b img{width:100%; height:auto; display:block;}
.fuwu .px_xm .w_z{font-size:18px; line-height:32px; color:#666; text-align:center; margin-top:25px;}
.fuwu .px_xm .w_z h3{font-size:26px; color:#333; line-height:34px; margin-bottom:10px;}
.fuwu .px_nr ul li{display:flex; flex-wrap:wrap; margin-top:50px; background-color:#f7f7f7;}
.fuwu .px_nr .t_p{width:50%;}
.fuwu .px_nr .w_z{width:50%; padding:45px; font-size:18px; line-height:32px; color:#666;}
.fuwu .px_nr .w_z h3{font-size:26px; color:#333; line-height:34px; margin-bottom:20px;}


.right {
    width: 70px;
    position: fixed;
    right: 0;
    bottom: 25%;
    z-index: 99;
}

.rta a {
    text-align: center;
    background: #5bbfe6;
    height: 70px;
    padding-top: 10px;
    border-radius: 4px;
    display: block;
    /*display: flex;
	justify-content: center;
	align-items: center;*/
    margin-top: 5px;
}

.rta a.active {
    /*background: #E32234;
	border: 1px solid #E32234;*/
}

.rta a img {
    /*filter: grayscale(100%);
	filter: gray;
	opacity: .5;
	transition: .25s;*/
    width: auto;
}

.rta a span {
    display: block;
    color: #ffffff;
    font-size: 15px;
    margin-top: 4px;
}

.rta:hover a img,
.rta a.active img {
    /*filter: grayscale(0%);
	filter: gray;
	opacity: 1;*/
}

.rthide {
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: .25s;
}

.rta:hover .rthide {
    opacity: 1;
    visibility: inherit;
}

.rthide_phone {
    line-height: 50px;
    color: #fff;
    background: #E32234;
    width: 170px;
    border-radius: 4px 0 0 4px;
    text-align: center;
}

.rthide_ewm {
    background: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    width: 130px;
    padding: 10px;
    height: auto;
    font-weight: bold;
    line-height: 30px;
	font-size: 17px;
}

.rthide_ewm img {
    width: 100%;
    display: block;
}

#gotop {
    display: none;
}

.posrelative {
    position: relative;
}
@media only screen and (max-width:992px) {
  .right{
    width: 90px;
  }
  .rta a{
    height: 90px;
  }
  .rta a span{
    font-size: 18px;    margin-top: 11px;
  }
  .rthide_ewm{
      
    width: 161px;

  }
}