﻿@font-face{font-family:"pingfang_r";src:url("../font/PingFang_Regular.woff") format("woff");font-display:swap}@font-face{font-family:"pingfang_m";src:url("../font/PingFang_Medium.woff") format("woff");font-display:swap}@font-face{font-family:"pingfang_b";src:url("../font/PingFang_Bold.woff") format("woff");font-display:swap}@font-face{font-family:"pingfang_h";src:url("../font/PingFang_Heavy.woff") format("woff");font-display:swap}*,:before,:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,audio,blockquot,body,dd,div,dl,dt,figcaption,figure,filedset,form,h1,h2,h3,h4,h5,h6,header,html,input,li,nav,ol,p,section,ul,video{margin:0;padding:0}i,em,h1,h2,h3,h4,h5,h6{font-size:1em;font-style:normal;font-weight:normal}li,ol,ul{list-style:none}fieldset,img{max-width:100%;height:auto;border:none;vertical-align:middle}button,input,select,textarea{outline:0;resize:none;border:none}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;outline:0;cursor:pointer}:focus{outline:0}a{color:#00132b;text-decoration:none;outline:0;cursor:pointer}a:link,a:visited{text-decoration:none}a:active{text-decoration:none}.clearfix:after{clear:both;content:'';display:table;height:0;line-height:0;visibility:hidden}.clearfix{zoom:1}.clear{clear:both}.fl{float:left}.fr{float:right}body{min-width:320px;font:14px "pingfang_r","Microsoft YaHei";color:#333333;line-height:1;position:relative}.wrap{width:78.13vw;margin:0 auto}.header{position:absolute;left:0;right:0;top:0;z-index:999}.header .wrap{padding-top:1.56vw;padding-bottom:1.56vw;line-height:2.14vw}.header .wrap:after{content:"";clear:both;display:block}.header .logo{width:6.15vw;float:left}.header .logo img{width:100%}.header .nav{float:left;overflow:hidden;margin-left:5.73vw}.header .nav li{float:left;font-size:.94vw;font-family:"pingfang_m"}.header .nav li a{display:block;color:#c5d6ea;transition:all linear 0.3s}.header .nav li.active a,.header .nav li:hover a{color:#ffffff}.header .nav li+li{margin-left:3.91vw}.header .swtbtn{width:8.33vw;height:2.14vw;float:right;position:relative;z-index:1;background:#ffffff;border-radius:1.15vw;font-size:.94vw;color:#468abf;text-align:center;line-height:2.14vw;font-family:"pingfang_m";transition:all linear 0.3s;cursor:pointer}.header .swtbtn:before{content:"";position:absolute;left:.16vw;right:.16vw;top:.16vw;bottom:.16vw;z-index:-1;border-width:1px;border-style:solid;border-color:#468abf;border-radius:1.15vw;transition:all linear 0.3s}.header .swtbtn:hover{color:#ffffff}.header .swtbtn:hover:before{box-shadow:0 -1.82vw 0 #468abf inset}.header .navbtn{display:none}.footer{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,0.05);font-size:.94vw;color:#687493;line-height:1.77778;text-align:center}.footer a{color:#687493}.footer .wrap{padding-top:2.08vw;padding-bottom:2.08vw}.right_swt{width:8.85vw;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;cursor:pointer}.bottom_swt{display:none;width:9.62667rem;margin:0 auto;position:fixed;left:0;right:0;bottom:.13333rem;z-index:9999}.bottom_swt .btn{width:50%;display:block;position:absolute;top:0;bottom:0}.bottom_swt .btn1{left:0}.bottom_swt .btn2{right:0}.to_top{width:2.6vw;height:2.6vw;display:block;position:fixed;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,0.5);background-image:url(../image/totop.png);background-position:center center;background-repeat:no-repeat;background-size:90%;opacity:0;visibility:hidden;transition:all linear 0.3;cursor:pointer}.to_top.to_top_active{opacity:1;visibility:visible}@font-face{font-family:"impact";src:url("../font/impact.woff") format("woff");font-display:swap}.cppage_title,.cppage_title2{color:#ffffff}.cppage_title .title,.cppage_title2 .title{display:inline-block;font-size:2.6vw;line-height:1.16;font-family:"pingfang_h"}.cppage_title .text,.cppage_title2 .text{margin-top:1.56vw;margin-left:auto;margin-right:auto;font-size:.94vw;line-height:1.33333}.cppage_title2 .title{color:#051a33;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(left, #051a33, #3E80A2)}.cppage_title2 .text{color:#3b7a9c}.cppage_first{background:url(../image/products_bg.jpg) center top no-repeat;background-size:cover}.cppage_first .wrap{padding-top:7.29vw;padding-bottom:5.21vw}.cppage_first .content1{font-size:0}.cppage_first .content1 .pic{width:57%;padding-right: 1%;display:inline-block;vertical-align:middle}.cppage_first .content1 .pic img{width:100%;display:block}.cppage_first .content1 .wenan{width:42%;display:inline-block;vertical-align:middle;color:#ffffff}.cppage_first .content1 .wenan .title{font-size:2.6vw;line-height:1.16;font-family:"pingfang_h"}.cppage_first .content1 .wenan .text{margin-top:1.67vw;font-size:.94vw;line-height:1.33333}.cppage_first .content1 .wenan .swtbtn{display:table;position:relative;z-index:1;margin-top:2.5vw;padding:1.46vw;font-size:.94vw;font-family:"pingfang_h";cursor:pointer}.cppage_first .content1 .wenan .swtbtn:before{content:"";width:3.85vw;display:block;position:absolute;left:0;top:0;bottom:0;z-index:-1;background:#ffae22;border-radius:2.6vw;transition:all linear 0.3s}.cppage_first .content1 .wenan .swtbtn:after{content:"";width:.99vw;height:.42vw;display:inline-block;vertical-align:middle;margin-left:.57vw;background-image:url(../image/arrow_tb.png);background-position:-1.09vw center;background-repeat:no-repeat;background-size:4.27vw}.cppage_first .content1 .wenan .swtbtn:hover:before{width:100%}.cppage_first .content2{margin-top:3.13vw;text-align:center}.cppage_first .content2 .text{max-width:36.98vw}.cppage_first .content2 .list{overflow:hidden;margin-top:2.92vw}.cppage_first .content2 .list li{width:19.6%;float:left;overflow:hidden}.cppage_first .content2 .list li img{width:100%;display:block;transition:all linear 0.3s}.cppage_first .content2 .list li:hover img{transform:scale(1.1)}.cppage_first .content2 .list li+li{margin-left:.46667%}.cppage_introduce{background:#f2f2f2}.cppage_introduce .wrap{padding-top:4.84vw;padding-bottom:4.84vw}.cppage_introduce .content{overflow:hidden}.cppage_introduce .content .cppage_title2{width:41.33333%}.cppage_introduce .content .cppage_title2 .text p+p{margin-top:1.04vw}.cppage_introduce .content .pic{width:50%}.cppage_introduce .content .pic img{width:100%;display:block}.cppage_introduce .content2{margin-top:4.74vw}.cppage_advantage .wrap{padding-top:3.91vw;padding-bottom:4.17vw}.cppage_advantage .cppage_title2{text-align:center}.cppage_advantage .cppage_title2 .text{max-width:37.5vw}.cppage_advantage .list{margin-top:2.08vw;font-size:0;color:#3c7c9e}.cppage_advantage .list li{width:33.33%;display:inline-block;vertical-align:top;margin-top:2.6vw;padding:0 2%;border-left:1px solid #3c7c9e;text-align:center}.cppage_advantage .list li span{display:block;font-size:1.56vw;font-family:"pingfang_h"}.cppage_advantage .list li p{margin-top:1.25vw;font-size:.94vw;line-height:1.33333}.cppage_advantage .list li:nth-child(3n+1),.cppage_advantage .list li:nth-child(3n){width:30%}.cppage_advantage .list li:nth-child(3n+1){padding:0 5% 0 0;border-left:none}.cppage_advantage .list li:nth-child(3n+2){width:40%;padding:0 5%}.cppage_advantage .list li:nth-child(3n){padding:0 0 0 5%}.cppage_advantage .list li+li+li+li{display:none}.cppage_case{overflow:hidden;padding-top:3.75vw;background:#f2f2f2}.cppage_case .cppage_title2{text-align:center}.cppage_case .cppage_title2 .text{max-width:37.5vw}.cppage_case .list_box{overflow:hidden;margin-top:2.6vw}.cppage_case .list_box ul{width:204.58vw;margin-left:-102.29vw;font-size:0;white-space:nowrap}.cppage_case .list_box ul li{width:25.05vw;margin-left:.52vw;display:inline-block;vertical-align:middle}.cppage_case .list_box ul li img{width:100%;display:block}.cppage_case .list_box .list1{animation:scrollToLeft 30s linear infinite}.cppage_case .list_box .list2{margin-top:.52vw;animation:scrollToRight 30s linear infinite}@keyframes scrollToLeft{from{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}to{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}}@keyframes scrollToRight{from{transform:translate3d(0%, 0, 0)}to{transform:translate3d(50%, 0, 0)}}.message{background:url(../image/message_bg.jpg) center center no-repeat;background-size:cover}.message .wrap{width:83.33vw;padding-top:3.91vw;padding-bottom:8.85vw}.message .title_box{text-align:center;color:#ffffff}.message .title_box .title{display:inline-block;font-size:2.6vw;font-family:"pingfang_h"}.message .title_box .text{max-width:45%;margin:1.88vw auto 0;font-size:.94vw;line-height:1.33333}.message .content{overflow:hidden;margin-top:2.08vw}.message .fl{width:41.5625%;padding:1.88vw 1.56vw;background:rgba(9,37,59,0.74);border-radius:.78vw}.message .fl .form_title{margin-bottom:1.67vw;font-size:1.67vw;color:#ffffff;text-align:center;font-family:"pingfang_h"}.message .fl .form_box{overflow:hidden}.message .fl .form_box .same_input{width:48.46626%;float:left;margin-bottom:.94vw}.message .fl .form_box .same_input input,.message .fl .form_box .same_input textarea{width:100%;height:2.6vw;display:block;padding-left:.83vw;padding-right:.83vw;background:#e5e5e5;border-radius:.42vw;font-size:.83vw;color:#051a33;font-family:"pingfang_h"}.message .fl .form_box .same_input input::-webkit-input-placeholder,.message .fl .form_box .same_input textarea::-webkit-input-placeholder{color:#999999}.message .fl .form_box .same_input input:-moz-placeholder,.message .fl .form_box .same_input textarea:-moz-placeholder{color:#999999}.message .fl .form_box .same_input input::-moz-placeholder,.message .fl .form_box .same_input textarea::-moz-placeholder{color:#999999}.message .fl .form_box .same_input input:-ms-input-placeholder,.message .fl .form_box .same_input textarea:-ms-input-placeholder{color:#999999}.message .fl .form_box .same_input input{line-height:2.6vw}.message .fl .form_box .same_input textarea{height:8.33vw;padding-top:.63vw;padding-bottom:.63vw;line-height:1.5}.message .fl .form_box .same_input.input_email,.message .fl .form_box .same_input.input_msg{position:relative}.message .fl .form_box .same_input.input_email:before,.message .fl .form_box .same_input.input_msg:before{content:"*";position:absolute;left:.26vw;top:.99vw;font-size:.63vw;color:red;font-weight:bold}.message .fl .form_box .same_input.input_msg{width:100%}.message .fl .form_box .same_input:nth-child(even){float:right}.message .fl .form_box .notice{padding:0 3.44vw;font-size:.83vw;color:#ffae22;line-height:1.3125;text-align:center}.message .fl .form_box .submit{width:12.19vw;height:3.13vw;display:block;margin:1.04vw auto 0;position:relative;z-index:1;background:#ffae22;border-radius:.42vw;font-size:1.35vw;color:#ffffff;font-family:"pingfang_h";transition:all linear 0.3s;cursor:pointer}.message .fl .form_box .submit:before{content:"";position:absolute;left:.26vw;right:.26vw;top:.26vw;bottom:.26vw;z-index:-1;border:1px solid #ffffff;border-radius:.42vw;transition:all linear 0.3s}.message .fl .form_box .submit:hover{color:#ffae22}.message .fl .form_box .submit:hover:before{box-shadow:0 -3.65vw 0 #fff inset}.message .fr{width:51.875%}.message .fr .list1{margin-left:-6%}.message .fr .list1::after{content:"";clear:both;display:block}.message .fr .list1 li{width:44%;float:left;margin-left:6%;margin-top:1.51vw;padding:1.25vw 1.56vw;position:relative;background:#09253b;background:linear-gradient(to right, rgba(9,37,59,0.7) 10%, rgba(9,37,59,0));border-radius:.31vw;font-size:0}.message .fr .list1 li::before{content:"";width:.42vw;position:absolute;left:-.21vw;top:0;bottom:0;background:url(../image/message_zs.png) center center no-repeat;background-size:100%;opacity:0.8}.message .fr .list1 li span{width:25.68807%;display:inline-block;vertical-align:middle;margin-right:6.42202%;font-size:2.08vw;font-family:"impact";color:#ffae22;text-align:center;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(-45deg, #eb9500, #fff)}.message .fr .list1 li p{width:67.88991%;display:inline-block;vertical-align:middle;font-size:.83vw;color:#75a5c6;line-height:1.125}.message .fr .list1 li p strong{display:block;margin-bottom:.57vw;font-size:1.25vw;color:#ffffff}.message .fr .list2{overflow:hidden;margin-top:3.13vw}.message .fr .list2 li{width:30%;float:left;text-align:center;color:#ffffff}.message .fr .list2 li i{width:1.88vw;display:inline-block}.message .fr .list2 li i img{width:100%;display:block}.message .fr .list2 li span{display:block;margin-top:.99vw;font-size:1.25vw;font-family:"pingfang_h"}.message .fr .list2 li p{margin-top:.73vw;font-size:.83vw;line-height:1.125}.message .fr .list2 li+li{margin-left:5%;position:relative}.message .fr .list2 li+li::before{content:"";width:4.79vw;height:1px;border-bottom:1px dashed #ffffff;position:absolute;left:-3.65vw;top:3.33vw}@media (max-width: 960px){.message .wrap{width:100%;padding-top:1.17333rem;padding-bottom:3.2rem}.message .title_box .title{font-size:.66667rem}.message .title_box .text{max-width:100%;margin-top:.4rem;font-size:.37333rem}.message .content{margin-top:.48rem}.message .fl{width:100%;padding:.6rem .48rem;border-radius:.2rem}.message .fl .form_title{margin-bottom:.42667rem;font-size:.53333rem}.message .fl .form_box{margin-top:.6rem}.message .fl .form_box .same_input{width:100%;margin-bottom:.4rem}.message .fl .form_box .same_input input,.message .fl .form_box .same_input textarea{width:100%;height:1.06667rem;padding-left:.33333rem;padding-right:.33333rem;border-radius:.16rem;font-size:.34667rem}.message .fl .form_box .same_input input{line-height:1.06667rem}.message .fl .form_box .same_input textarea{height:3.2rem;padding-top:.26667rem;padding-bottom:.26667rem}.message .fl .form_box .same_input.input_email:before,.message .fl .form_box .same_input.input_msg:before{left:.12rem;top:.38667rem;font-size:.32rem}.message .fl .form_box .notice{padding:0;font-size:.34667rem}.message .fl .form_box .submit{width:4.48rem;height:1.16rem;margin-top:.48rem;border-radius:.28rem;font-size:.50667rem}.message .fl .form_box .submit:before{left:.10667rem;right:.10667rem;top:.10667rem;bottom:.10667rem;border-radius:.18667rem}.message .fl .form_box .submit:hover:before{box-shadow:0 -.93333rem 0 #fff inset}.message .fr{width:100%;margin-top:.8rem}.message .fr .list1{margin-left:0}.message .fr .list1 li{width:100%;margin-left:0;margin-top:.38667rem;padding:.4rem .53333rem;border-radius:.16rem}.message .fr .list1 li::before{width:.2rem;left:-.08rem}.message .fr .list1 li span{width:26.4214%;margin-right:5.01672%;font-size:1rem}.message .fr .list1 li p{width:68.56187%;font-size:.37333rem}.message .fr .list1 li p strong{margin-bottom:.16rem;font-size:.42667rem}.message .fr .list2{margin-top:.8rem}.message .fr .list2 li{width:33.33%}.message .fr .list2 li i{width:.8rem}.message .fr .list2 li span{margin-top:.26667rem;font-size:.42667rem}.message .fr .list2 li p{margin-top:.26667rem;font-size:.37333rem}.message .fr .list2 li+li{margin-left:0}.message .fr .list2 li+li::before{display:none}}@media (max-width: 960px){.wrap{width:100%;padding-left:.48rem;padding-right:.48rem}body{margin-bottom:1.46667rem}.header .wrap{padding-top:.48rem;padding-bottom:.48rem;line-height:normal}.header .logo{width:2.4rem}.header .nav{display:none;float:none;position:absolute;left:0;right:0;top:0;z-index:-1;margin-left:0;padding:.01333rem 0;background:#000000}.header .nav li{float:none}.header .nav li a{padding:.6rem .2rem;font-size:.42667rem;line-height:1;text-align:center}.header .nav li a span:before{bottom:-.34667rem}.header .nav li:first-child{margin-top:2.4rem}.header .nav li:last-child{margin-bottom:1.33333rem}.header .nav li+li{margin-left:0}.header .swtbtn{display:none}.header .navbtn{width:.66667rem;height:100%;float:right;display:block;padding:.34667rem 0}.header .navbtn i{width:.46667rem;height:.04rem;display:block;margin-left:auto;margin-right:auto;position:relative;right:-.08rem;background:#fff;transition:all 0.3s ease}.header .navbtn i:before,.header .navbtn i:after{content:"";width:.62667rem;height:.04rem;background:#fff;display:block;position:absolute;right:0;transition:all 0.6s ease}.header .navbtn i:before{top:-.18667rem}.header .navbtn i:after{bottom:-.18667rem}.header .navbtn.toggle{display:block}.header .navbtn.toggle i{background:none !important}.header .navbtn.toggle i:before{transform:translate3d(0, .18667rem, 0) rotate(-45deg)}.header .navbtn.toggle i:after{transform:translate3d(0, -.18667rem, 0) rotate(45deg)}.footer{font-size:.34667rem}.footer .wrap{padding-top:.48rem;padding-bottom:.48rem}.right_swt{display:none}.bottom_swt{display:block}.to_top{width:1.06667rem;height:1.06667rem;right:.2rem;bottom:2.4rem}.cppage_title .title,.cppage_title2 .title{font-size:.66667rem}.cppage_title .text,.cppage_title2 .text{margin-top:.4rem;font-size:.37333rem}.cppage_first .wrap{padding-top:1.86667rem;padding-bottom:1.33333rem}.cppage_first .content1 .pic{width:100%}.cppage_first .content1 .wenan{width:100%;margin-top:.6rem}.cppage_first .content1 .wenan .title{font-size:.66667rem}.cppage_first .content1 .wenan .text{margin-top:.4rem;font-size:.37333rem}.cppage_first .content1 .wenan .swtbtn{margin-top:.53333rem;padding:.32rem .4rem;font-size:.42667rem}.cppage_first .content1 .wenan .swtbtn:before{width:1.06667rem;border-radius:.66667rem}.cppage_first .content1 .wenan .swtbtn:after{width:.456rem;height:.192rem;margin-left:.264rem;background-position:-.504rem center;background-size:1.968rem}.cppage_first .content2{margin-top:1rem}.cppage_first .content2 .text{max-width:100%}.cppage_first .content2 .list{margin-top:.6rem}.cppage_first .content2 .list li{width:49%;margin-bottom:.26667rem}.cppage_first .content2 .list li:nth-child(even){float:right}.cppage_first .content2 .list li+li{margin-left:0}.cppage_introduce .wrap{padding-top:1.17333rem;padding-bottom:1.33333rem}.cppage_introduce .content .cppage_title2{width:100%;margin-top:0}.cppage_introduce .content .cppage_title2 .text p+p{margin-top:.4rem}.cppage_introduce .content .pic{width:100%;margin-top:.6rem}.cppage_introduce .content2{margin-top:1.17333rem}.cppage_advantage .wrap{padding-top:1.17333rem;padding-bottom:1.33333rem}.cppage_advantage .cppage_title2 .text{max-width:100%}.cppage_advantage .list{margin-top:.48rem}.cppage_advantage .list li{width:100%;padding:0;border-left:none}.cppage_advantage .list li span{font-size:.45333rem}.cppage_advantage .list li p{margin-top:.32rem;font-size:.37333rem}.cppage_advantage .list li:nth-child(3n+1),.cppage_advantage .list li:nth-child(3n){width:100%}.cppage_advantage .list li:nth-child(3n+1){padding:0;border-left:none}.cppage_advantage .list li:nth-child(3n+2){width:100%;padding:0}.cppage_advantage .list li:nth-child(3n){padding:0}.cppage_advantage .list li+li{margin-top:.6rem}.cppage_case{padding-top:1.17333rem}.cppage_case .cppage_title2 .text{max-width:100%}.cppage_case .list_box{margin-top:.66667rem}.cppage_case .list_box ul{width:43.73333rem;margin-left:-21.86667rem}.cppage_case .list_box ul li{width:5.33333rem;margin-left:.13333rem}.cppage_case .list_box .list2{margin-top:.13333rem}}
