@charset "utf-8";
a:active{outline: none; star: expression(this.onFocus=this.blur());}
*{margin: 0; padding: 0;border: 0; list-style: none; outline: none; word-wrap: break-word;}
img{border:none;margin-top:0px;max-width:100%;}
table{table-layout: fixed; border-collapse: collapse;}
a{text-decoration: none;}
body{font: 12px/1.5 "PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";background: #fff;color: #000;}
body, html{-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;height: 100%;}
input{-webkit-appearance: none;}
.clearFix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearFix{zoom:1;}
.box{width: 1200px; margin: 0 auto;}
@media screen and (max-width:1200px){.box{width: 96%;}}
@media screen and (max-width:750px){.box{width: 92%;}}
.logo img{width: 250px;}
/*头部*/
.header{width: 100%; height: 80px; position: fixed; top: 0; z-index: 100;}
.header .topper{height: 100%; position: relative;}
.header .box{height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.t-r{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.header .nav{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.header .nav .nav-index,.header .nav .nav-product,.header .nav .nav-about,.header .nav .nav-shop,.header .nav .nav-service,.nav-contact{display: block; width: 110px; height: 80px; line-height: 80px; color: #000000; text-align: center; font-size: 16px;}
.header .menu{width: 100%; height: 180px; position: absolute; top: 0; left: 0; background-color: #ffffff; z-index: -1; display: none;}
.header .menu.m2{height: 250px;}
.header .menu.m3{height: 190px;}
.header .menu .emp-layer{width: 100%; height: 80px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box;}
.header .menu .menu-list{height: 100px;}
.header .menu.m2 .menu-list{height: 170px;}
.header .menu.m3 .menu-list{height: 110px;}
.header .menu .menu-list .box{height: 100%; margin: auto; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; /*display: none;*/}
.header .menu .menu-list .box .item{width: 130px; height: 80px; color: #898989; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; margin-left: 20px;}
.header .menu .menu-list .box .item p{margin-top: 15px;}
.header .menu.m2 .menu-list .box .item{width: 180px; height: 120px; background-color: #f3f4f6; margin-left: 50px;}
.header .menu.m3 .menu-list .box .item{width: 80px; height: 80px;}
.header .menu.m3 .menu-list .box .item img{display: block; width: 42px; height: 42px;}
.header .m-topper{width: 100%; height: 50px; display: none; position: relative; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; /*background-color: #ffffff;*/}
.header .m-right{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.header .m-topper .m-search{width: 30px; height: 50px; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.header .m-topper .m-menu{width: 50px; height: 50px; cursor: pointer; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.header .m-topper .m-menu .line{display: block; width: 40%; height: 1px; background-color: #000000; position: absolute; top: 50%; transition: all .3s; overflow: hidden;}
.header .m-topper .m-menu .line1{top: 35%; transform-origin: left top 0;}
.header .m-topper .m-menu .line{opacity: 1;}
.header .m-topper .m-menu .line3{top: 65%; transform-origin: left top 0;}
.header .m-topper .m-menu.hover .line1{transform: rotate(45deg);}
.header .m-topper .m-menu.hover .line2{opacity: 0;}
.header .m-topper .m-menu.hover .line3{transform: rotate(-45deg);}
.sub-menu{opacity: 0; width: calc(100% - 60px); height: calc(100% - 80px); position: fixed; top: 0; left: 0; z-index: -1; background-color: #ffffff; transition: opacity 1s,z-index 1s; padding: 60px 30px 20px 30px;}
.sub-menu.show{opacity: 1; z-index: 88;}
.sub-menu .sub-search{width: 100%; position: relative;}
.sub-menu .sub-search input{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #333333; box-sizing: border-box; font-size: 16px; text-indent: 40px;}
.sub-menu .sub-search img{width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 15px;}
.sub-menu .sub-item{width: 90%;}
.sub-menu .sub-item>a{width: 100%; height: 50px; font-size: 14px; color: #333333; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.sub-menu .sub-item>a img{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}
.sub-menu .sub-item>a.selected img{transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg);}
.sub-menu .sub-item .sub-solution{width: 90%; margin: auto; display: flex; display: -webkit-flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.sub-menu .sub-item .sub-solution{display: none;}
.sub-menu .sub-item .sub-solution a{display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333333;}
.sub-case{width: 100%; height: 100%; overflow: scroll; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; flex-direction: column;}
.header .m-nav .m-a{width: 100%; font-size: 15px; line-height: 40px; display: block; padding: 0 4%; color: #000000; border-top: 1px solid #e0e0e0; background-color: #ffffff;}
/*底部*/
.footer{/*height: 370px;*/ background-color: #f7f7f7; font-size: 14px;}
.footer .link{height: 280px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-top: 30px;}
.footer .link p{font-size: 14px; font-weight: bolder; margin-bottom: 20px;}
.footer .link a{display: block; font-size: 14px; height: 30px; line-height: 30px; color: #898989; transition: color 500ms; -webkit-transition: color 500ms; -moz-transition: color 500ms; -o-transition: color 500ms;}
.footer .link a:hover{color: #000000;}
.footer .remarks{width: 100%; height: 90px; bottom: 0;}
.footer .remarks .rmk{width: 100%; height: 30px;}
.footer .remarks .rmk1 a{display: block; float: left; width: 70px; color: #898989; font-size: 13px; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms;}
.footer .remarks .rmk1 a:nth-of-type(2){text-align: center; position: relative;}
.footer .remarks .rmk1 a:nth-of-type(3){text-align: right;}
.footer .remarks .rmk1 a:nth-of-type(2)::before{content: ""; width: 100%; height: 40%; position: absolute; top: 30%; left: 0; border-left: 1.5px solid #898989; border-right: 1.5px solid #898989; box-sizing: border-box;}
.footer .remarks .rmk1 a:hover{color: #000000;}
.footer .remarks .rmk2{width: 100%; height: 50px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer .remarks .rmk2 .rmk-right{height: 50px; display: flex; display: -webkit-flex; justify-content: right; align-items: center;}
.footer .remarks .rmk2 .rmk-right span{display: block;}
.footer .remarks .rmk2 .rmk-right span:nth-of-type(1){font-size: 14px;}
.footer .remarks .rmk2 .rmk-right span:nth-of-type(2){font-size: 20px; color: #00aee8; margin-left: 20px;}
.footer .remarks .rmk2 .rmk-right img{margin: auto 5px auto 15px;}
.footer .remarks .rmk2 .rmk-right .wc{position: relative; width: 30px; height: 30px; margin: auto 5px auto 25px;}
.footer .remarks .rmk2 .rmk-right a{display: block; width: 30px; height: 30px; margin: auto 0 auto 20px;}
.footer .remarks .wc-layer{position: absolute; display: none; width: 100px; height: 100px; left: -40px; top: -100px;}
.footer .m-link{display: none;}
.footer .m-link .item{width: 100%;}
.footer .m-link .item>a{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; height: 40px; color: #333333;}
.footer .m-link .item>a img{transition: transform 300ms; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -o-transition: transform 300ms;}
.footer .m-link .item>a img.selected{transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg);}
.footer .m-link .item .solution{display: flex; display: -webkit-flex; flex-direction: column; padding: 10px; display: none;}
.footer .m-link .item .solution>a{display: block; height: 40px; color: #595959;}
.footer .m-remarks{margin-top: 40px; display: none;}
.footer .m-remarks .m-share{width: 80%; margin: auto; display: flex; display: -webkit-flex; justify-content: space-around; align-items: center;}
.footer .m-remarks .m-b{width: 80%; margin: 20px auto 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.footer .m-remarks .m-b a{display: block; height: 30px; color: #333333;}
.footer .m-remarks .m-b2{width: 100%; text-align: center;}
.footer .m-remarks .m-b2 p{margin: 5px auto; color: #333333;}
.footer .m-remarks .m-b2 p:nth-of-type(3) span:nth-of-type(2){font-size: 16px; font-weight: bolder; color: #00aee8; margin-left: 10px;}
p.title{font-size: 18px; text-align: center;}
.return{position: fixed; width: 50px; height: 50px; right: 50px; bottom: 80px; text-align: center; font-size: 26px; color: #000000; z-index: 66; display: none; background-color: #ffffff;}
.s-layer{position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background-color: #ffffff;}
.s-layer .frame{width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.s-layer .frame img{display: block;}
.s-layer .frame .search-form{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px;}
.s-layer .frame .checkkey{width: 85%; font-size: 16px; display: inline-block;}
.s-layer .frame .a-search{display: inline-block; width: 80px; height: 35px; line-height: 35px; text-align: center; color: #ffffff; font-size: 16px; background-color: #003f9c; border-radius: 5px;}
.s-layer .frame .close{display: block; width: 20px; height: 20px; line-height: 20px; font-size: 16px; border-radius: 10px; background-color: #003f9c; color: #ffffff; text-align: center;}
.layerCQR{position: fixed; z-index: 10; width: 250px; height: 300px; background-color: #f6f6f6; top: 50%; left: 50%; margin-top: -150px; margin-left: -125px; text-align: center; display: none;}
.layerCQR .row0{width: 30px; height: 30px; position: absolute; right: 0; top: 0;}
.layerCQR .row0 a{display: block; width: 100%; height: 100%; color: red; font-weight: bolder; font-size: 30px; margin-top: -8px;}
.layerCQR .row1,.layerCQR .row3{padding: 10px 0 ;}
.layerCQR .row1{margin-top: 30px;}
.layerCQR .row2{width: 150px; height: 150px; margin: auto;}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 750px){
    .topper{display: none;}
    .header{height: 50px;}
    .header .m-topper{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
    .header .m-logo{width: 140px; padding: 0 0 0 10px;}
    .footer{padding: 15px 0;}
    .footer .link{display: none;}
    .footer .m-link{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; flex-direction: column;}
    .footer .remarks{display: none;}
    .footer .m-remarks{display: block;}
    .return{display: none;}
}