﻿@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}.message{background:#f2f2f2}.message .wrap{width:59.43vw;padding-top:4.43vw;padding-bottom:4.17vw}.message .title_box{text-align:center}.message .title{display:inline-block;font-size:2.6vw;color:#051a33;font-family:"pingfang_h";-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(left, #051a33, #3E80A2)}.message .text{max-width:62.22612%;margin:1.88vw auto 0;font-size:.94vw;line-height:1.33333;color:#3b7a9c}.message .form_box{overflow:hidden;margin-top:3.02vw}.message .form_box .same_input{width:48.46626%;float:left;margin-bottom:2.24vw}.message .form_box .same_input input,.message .form_box .same_input textarea{width:100%;height:4.17vw;display:block;padding-left:1.3vw;padding-right:1.3vw;background:#e5e5e5;font-size:.83vw;color:#051a33;font-family:"pingfang_h"}.message .form_box .same_input input::-webkit-input-placeholder,.message .form_box .same_input textarea::-webkit-input-placeholder{color:#999999;text-transform:uppercase}.message .form_box .same_input input:-moz-placeholder,.message .form_box .same_input textarea:-moz-placeholder{color:#999999;text-transform:uppercase}.message .form_box .same_input input::-moz-placeholder,.message .form_box .same_input textarea::-moz-placeholder{color:#999999;text-transform:uppercase}.message .form_box .same_input input:-ms-input-placeholder,.message .form_box .same_input textarea:-ms-input-placeholder{color:#999999;text-transform:uppercase}.message .form_box .same_input input{line-height:4.17vw}.message .form_box .same_input textarea{height:8.33vw;padding-top:1.04vw;padding-bottom:1.04vw;line-height:1.5}.message .form_box .same_input.input_msg{width:100%}.message .form_box .same_input:nth-child(even){float:right}.message .form_box .submit{width:17.5vw;height:4.53vw;display:block;margin:0 auto;position:relative;z-index:1;background:#ffae22;border-radius:1.09vw;font-size:1.98vw;color:#ffffff;font-family:"pingfang_h";transition:all linear 0.3s;cursor:pointer}.message .form_box .submit:before{content:"";position:absolute;left:.42vw;right:.42vw;top:.42vw;bottom:.42vw;z-index:-1;border:1px solid #ffffff;border-radius:.73vw;transition:all linear 0.3s}.message .form_box .submit:hover{color:#ffae22}.message .form_box .submit:hover:before{box-shadow:0 -3.65vw 0 #fff inset}.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}body{background:url(../image/products_bg.jpg) center top no-repeat;background-size:cover}.header{position:relative}.products .wrap{padding-top:7.55vw;padding-bottom:4.17vw}.products .title{font-size:3.13vw;color:#ffffff;font-weight:normal;text-align:center;font-family:"pingfang_h";text-transform:uppercase}.products .list{overflow:hidden;margin-top:2.81vw}.products .list li{width:49.66667%;float:left;position:relative}.products .list li a{display:block;overflow:hidden}.products .list li img{width:100%;display:block;transition:all linear 0.3s}.products .list li strong{width:60%;position:absolute;left:2.6vw;right:2.6vw;bottom:1.56vw;font-size:1.35vw;color:#ffffff;line-height:1.23077;font-weight:normal}.products .list li:nth-child(even){float:right}.products .list li:hover img{transform:scale(1.1)}.products .list li+li+li{margin-top:.52vw}.footer{position:static}@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}.message .wrap{width:100%;padding-top:1.17333rem;padding-bottom:1.33333rem}.message .title{font-size:.66667rem}.message .text{max-width:100%;margin-top:.4rem;font-size:.37333rem}.message .form_box{margin-top:.6rem}.message .form_box .same_input{width:100%;margin-bottom:.4rem}.message .form_box .same_input input,.message .form_box .same_input textarea{width:100%;height:1.17333rem;padding-left:.33333rem;padding-right:.33333rem;font-size:.34667rem}.message .form_box .same_input input{line-height:1.17333rem}.message .form_box .same_input textarea{height:3.2rem;padding-top:.26667rem;padding-bottom:.26667rem}.message .form_box .submit{width:4.48rem;height:1.16rem;border-radius:.28rem;font-size:.50667rem}.message .form_box .submit:before{left:.10667rem;right:.10667rem;top:.10667rem;bottom:.10667rem;border-radius:.18667rem}.message .form_box .submit:hover:before{box-shadow:0 -.93333rem 0 #fff inset}.right_swt{display:none}.bottom_swt{display:block}.to_top{width:1.06667rem;height:1.06667rem;right:.2rem;bottom:2.4rem}body{min-height:100vh}.products .wrap{padding-top:.6rem;padding-bottom:1.06667rem}.products .title{font-size:.8rem}.products .list{margin-top:.32rem}.products .list li{width:100%;margin-top:.4rem}.products .list li strong{width:auto;left:.66667rem;right:.66667rem;bottom:.4rem;font-size:.4rem}.products .list li+li+li{margin-top:.32rem}}
