@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;background-color: #fff;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;-webkit-font-smoothing: antialiased;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;}
img{display: inline-block;vertical-align: top;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #12468f;border-radius: 2px;}
/*常用宽度*/
.w1700{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1700px;}
.w1600{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1600px;}
.w1500{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1500px;}
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*按钮区通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 15px;line-height: 34px;text-align: center;color: #000;cursor: pointer;user-select: none;transition: 0.3s;}
.btns-area .btn .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em 6px 0 0;}
.btns-area .btn .arrow{position: relative;display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em 0 0 6px;transition: 0.3s;}
.btns-area .btn .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: currentColor;transform: translateY(-50%);}
.btns-area .btn .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 40%;height: 40%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(0,-50%) rotate(45deg);}
.btns-area .btn:hover .arrow{transform: translateX(5px);}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #12468f;border-color: #12468f;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #12468f;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNjk0IDBDOC4wNDYgMi4xNjEgNS40IDQuODkgNC4yMDYgNi4yNTdMMS4yOSA0LjA1IDAgNS4wNTIgNS4wMzQgMTBDNS44OTggNy44NTYgOC42NDYgMy42NjcgMTIgLjY5TDExLjY5NCAwIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #12468f;border-color: #12468f;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #12468f;}
.custom-input input[type="checkbox"] + em:hover{border-color: #12468f;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form *{box-sizing: border-box;}
.custom-form .main-title{font-size: 18px;line-height: 40px;text-align: center;overflow: hidden;}
.custom-form .main-title span{position: relative;display: inline-block;color: #12468f;}
.custom-form .main-title span:before{content: '';position: absolute;right: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form .main-title span:after{content: '';position: absolute;left: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form .sub-title{height: 40px;margin-bottom: 20px;border-bottom: 1px solid #ddd;line-height: 40px;}
.custom-form .sub-title span{float: left;height: 40px;padding: 0 10px;border-bottom: 1px solid #12468f;font-size: 14px;color: #12468f;}
.custom-form .sub-title em{font-size: 14px;color: #f00;}
.custom-form .row{margin-bottom: 20px;font-size: 14px;}
.custom-form .row .item{display: inline-block;vertical-align: top;width: 100%;}
.custom-form .row .item.w50{width: 50%;}
.custom-form .row .item.w33{width: 33%;}
.custom-form .row .name{float: left;width: 6em;padding: 10px 1em;line-height: 16px;text-align: right;font-weight: bold;}
.custom-form .row .name i{position: absolute;margin-left: -0.6em;color: #f00;}
.custom-form .row .info-content{margin-left: 6em;}
.custom-form input{vertical-align: top;width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input:focus{border-color: #12468f;}
.custom-form textarea{vertical-align: top;width: 100%;height: 100px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #12468f;}
.custom-form select{vertical-align: top;width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ddd;border-radius: 4px;outline: none;}
.custom-form select:focus{border-color: #12468f;}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;vertical-align: top;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label input[type=radio]{appearance: radio;-webkit-appearance: radio;width: 16px;height: 16px;margin: 0 5px 0 0;}
.custom-form .choice-area label input[type=checkbox]{appearance: checkbox;-webkit-appearance: checkbox;width: 16px;height: 16px;margin: 0 5px 0 0;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;padding-right: 100px;}
.custom-form .yzm-area input[type="text"]{width: 100%;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;background-color: #ddd;border-radius: 4px;text-align: center;line-height: 36px;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form .btns-area{margin-top: 20px;}
.custom-form .btns-area .btn{width: 40%;font-size: 14px;}
/*自定义select*/
.custom-select{z-index: 1;position: relative;width: 100%;max-width: 200px;}
.custom-select *{box-sizing: border-box;}
.custom-select .name{position: relative;height: 40px;padding: 0 30px 0 20px;background-color: #fff;border: 1px solid #999;color: #333;line-height: 38px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.custom-select .name:after{content: '';position: absolute;right: 10px;top: 50%;width: 6px;height: 6px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(45deg) translate(-50%,-50%);}
.custom-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.custom-select .list li a{display: block;padding: 10px 20px;border: 1px solid #eee;border-bottom: 0;font-size: 13px;line-height: 16px;transition: 0.3s;}
.custom-select .list li a:hover{background-color: #12468f;color: #fff;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-title{background: #333;color: #fff;}
body .custom-skin .layui-layer-setwin .layui-layer-close1{filter: brightness(100);}
body .custom-skin .layui-layer-setwin .layui-layer-close1:hover{opacity: 1;}
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -40px;top: -50px;background-image: none;border-radius: 50%;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: '';position: absolute;width: 30px;height: 30px;background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MjQuMyAzMzcuOGMtMjIuNS01My4zLTU0LjgtMTAxLjEtOTUuOS0xNDIuMi00MS4xLTQxLjEtODguOS03My4zLTE0Mi4yLTk1LjlDNjMxIDc2LjQgNTcyLjQgNjQuNSA1MTIgNjQuNWMtNjAuNCAwLTExOSAxMS44LTE3NC4yIDM1LjItNTMuMyAyMi41LTEwMS4xIDU0LjgtMTQyLjIgOTUuOXMtNzMuMyA4OC45LTk1LjkgMTQyLjJDNzYuNCAzOTMgNjQuNSA0NTEuNiA2NC41IDUxMmMwIDYwLjQgMTEuOCAxMTkgMzUuMiAxNzQuMiAyMi41IDUzLjMgNTQuOCAxMDEuMSA5NS45IDE0Mi4yIDQxLjEgNDEuMSA4OC45IDczLjMgMTQyLjIgOTUuOSA1NS4yIDIzLjMgMTEzLjggMzUuMiAxNzQuMiAzNS4yIDYwLjQgMCAxMTktMTEuOCAxNzQuMi0zNS4yIDUzLjMtMjIuNSAxMDEuMS01NC44IDE0Mi4yLTk1LjkgNDEuMS00MS4xIDczLjMtODguOSA5NS45LTE0Mi4yIDIzLjMtNTUuMiAzNS4yLTExMy44IDM1LjItMTc0LjIgMC02MC40LTExLjktMTE5LTM1LjItMTc0LjJ6TTUxMiA5MTkuNWMtMjI0LjcgMC00MDcuNS0xODIuOC00MDcuNS00MDcuNVMyODcuMyAxMDQuNSA1MTIgMTA0LjUgOTE5LjUgMjg3LjMgOTE5LjUgNTEyIDczNi43IDkxOS41IDUxMiA5MTkuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNjg1LjIgMzM4LjhjLTcuOC03LjgtMjAuNS03LjgtMjguMyAwTDUxMiA0ODMuNyAzNjcuMSAzMzguOGMtNy44LTcuOC0yMC41LTcuOC0yOC4zIDAtNy44IDcuOC03LjggMjAuNSAwIDI4LjNMNDgzLjcgNTEyIDMzOC44IDY1Ni45Yy03LjggNy44LTcuOCAyMC41IDAgMjguMyAzLjkgMy45IDkgNS45IDE0LjEgNS45czEwLjItMiAxNC4xLTUuOWwxNDUtMTQ0LjkgMTQ0LjkgMTQ0LjljMy45IDMuOSA5IDUuOSAxNC4xIDUuOXMxMC4yLTIgMTQuMS01LjljNy44LTcuOCA3LjgtMjAuNSAwLTI4LjNMNTQwLjMgNTEybDE0NC45LTE0NWM3LjgtNy44IDcuOC0yMC40IDAtMjguMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-size: 100% 100%;}
body .custom-skin .layui-layer-btn .layui-layer-btn0{background-color: #12468f;border-color: #12468f;color: #fff;}
body .custom-skin .layui-layer-resize{display: none;}
/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #12468f;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #12468f!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*按钮背景动效2*/
.ani-btn2{z-index: 1;position: relative;overflow: hidden;}
.ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #12468f;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #12468f!important;color: #fff!important;transition: 0.5s ease-in;}
.ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;}
/*分享栏*/
.share-wrap{font-size: 0;}
.share-wrap .pre{display: inline-block;vertical-align: bottom;margin-right: 10px;font-size: 14px;line-height: 32px;color: #999;}
.share-wrap .pre .icon{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin: -.25em .4em 0 0;}
.share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 32px;height: 32px;margin-left: 10px;border: 1px solid #D8D8D8;border-radius: 50%;cursor: pointer;}
.share-wrap .item:nth-of-type(1){margin-left: 0;}
.share-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 50%;height: 50%;margin: auto;filter: brightness(0) invert(.7);}
.share-wrap .item:hover .icon{filter: none;}
/*自定义a标签hover效果*/
a[data-hover='wave']:hover{background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 4"%3E%3Cpath fill="none" stroke="%23ffffff" d="M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3"/%3E%3C/svg%3E') 0 100% repeat-x;background-size: 20px auto;animation: waveMove 1s infinite linear;}
@keyframes waveMove{
	from{background-position: 0 100%;}
	to{background-position: -20px 100%;}
}
/*黑色遮罩层*/
.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);}
.black-layer-header{z-index: 3;}
.black-layer1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);}
/*弹窗-视频*/
.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #12468f;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{width: 100%;}


/*header*/
header{z-index: 5;position: fixed;left: 0;right: 0;top: 0;height: 100px;background-color: transparent;transition: 0.5s;}
header:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.1);}
/*logo*/
header .logo{z-index: 2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .logo img{max-width: 260px;max-height: 60px;transition: max-width 0.5s,max-height 0.5s;}
/*移动端导航按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 20px;height: 18px;cursor: pointer;transform: translateY(-50%);}
header .menu-btn span{display: block;height: 2px;background-color: #000;transition: 0.3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
.nav-box{position: absolute;right: 150px;top: 0;}
.nav-box .nav-1st{}
.nav-box .nav-1st > li{position: relative;float: left;margin: 0 20px;}
.nav-box .nav-1st > li > a{position: relative;display: block;font-size: 18px;line-height: 100px;color: #fff;transition: 0.5s;}
.nav-box .nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: #fff;transform: scaleX(0);transition: 0.3s;}
.nav-box .nav-1st > li:hover > a:after{transform: scaleX(1);}
.nav-box .nav-1st > li:hover .nav-list{display:block;}
.nav-box .nav-1st > li.on > a{ }
.nav-box .nav-1st > li.on > a:after{transform: scaleX(1);}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 140px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 4px;transform: translateX(-50%);}
.nav-box .nav-2nd > li{position: relative;}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff;}
.nav-box .nav-2nd > li > a:before{content: '';position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{background-color: #12468f;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
.nav-box .nav-2nd-full-screen{display: none;position: fixed;left: 0;right: 0;top: 100px;background-color: #fff;border-top: 1px solid #eee;box-shadow: 0 4px 8px rgba(0,0,0,.2);}
.nav-box .nav-product-wrap{display: flex;justify-content: space-between;height: 100%;} 
.nav-box .nav-product-wrap .tabs{flex: 0 0 430px;box-sizing: border-box;padding: 20px 0 40px;background-color: #F5F5F5;}
.nav-box .nav-product-wrap .tabs .item{position: relative;display: block;padding: 25px 80px 25px 120px;font-size: 18px;line-height: 20px;transition: 0.3s;}
.nav-box .nav-product-wrap .tabs .item:after{content: '';position: absolute;right: 60px;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.nav-box .nav-product-wrap .tabs .item:first-child{border-top: 0;}
.nav-box .nav-product-wrap .tabs .item.on{background-color: #fff;color: #12468f;}
.nav-box .nav-product-wrap .tabs .item.on:after{opacity: 1;}
.nav-box .nav-product-wrap .tabs-content{width: 100%;background-color: #fff;box-sizing: border-box;border-left: 1px solid #eee;overflow: hidden;}
.nav-box .nav-product-wrap .tabs-content .item{display: none;}
.nav-box .nav-product-wrap .tabs-content .item.show{display: block;}
.nav-box .nav-product-wrap .tabs-content .item .list{display: flex;flex-wrap: wrap; max-height: calc(100vh - 100px); overflow-y: scroll; align-content: flex-start;}
.nav-box .nav-product-wrap .tabs-content .item .list li{display: flex;justify-content: space-between;width: 27.33%;box-sizing: border-box;padding: 40px 0;margin: 0 3%;}
.nav-box .nav-product-wrap .tabs-content .item .list li:nth-child(n+4){border-top: 1px solid #eee;}
.nav-box .nav-product-wrap .tabs-content .item .list li .pic{flex: 0 0 80px;margin-right: 20px;overflow: hidden;}
.nav-box .nav-product-wrap .tabs-content .item .list li .pic em{display: block;padding-top: 56%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.nav-box .nav-product-wrap .tabs-content .item .list li .info{width: 100%;}
.nav-box .nav-product-wrap .tabs-content .item .list li .tit{display: block;margin-bottom: 8px;font-size: 16px;line-height: 15px;font-weight: bold;transition: 0.3s;}
.nav-box .nav-product-wrap .tabs-content .item .list li .tit:hover{color: #12468f;}
.nav-box .nav-product-wrap .tabs-content .item .list li dl{}
.nav-box .nav-product-wrap .tabs-content .item .list li dl dd{margin: 10px 0;}
.nav-box .nav-product-wrap .tabs-content .item .list li dl dd a{display: block;line-height: 20px;color: #666;white-space: nowrap;transition: 0.3s;}
.nav-box .nav-product-wrap .tabs-content .item .list li dl dd a:hover{color: #12468f;}
.nav-box .nav-product-wrap .tabs-content .item .list li dl dd .tag{padding: 0 .5em;margin-left: .5em;border-radius: 3px;font-size: 12px;line-height: 20px;color: #fff;}
.nav-box .nav-product-wrap .tabs-content .item .list li dl dd .tag.red{background-color: #E50101;}
.nav-box .nav-product-wrap .tabs-content .item .list li dl dd .tag.green{background-color: #78BC45;}
.nav-box .nav-2nd-wrap{display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 40px 0 10px;}
.nav-box .nav-2nd-wrap li{display: flex;justify-content: center;width: 25%;box-sizing: border-box;padding: 0 5%;margin-bottom: 30px;border-left: 1px solid #eee;}
.nav-box .nav-2nd-wrap li:nth-child(4n+1){border-left: 0;}
.nav-box .nav-2nd-wrap li .icon{width: 24px;height: 24px;margin-right: 15px;}
.nav-box .nav-2nd-wrap li .info{}
.nav-box .nav-2nd-wrap li .info .tit{display: block;margin-bottom: 15px;font-size: 16px;line-height: 24px;font-weight: bold;transition: 0.3s;}
.nav-box .nav-2nd-wrap li .info .tit:hover{color: #12468f;}
.nav-box .nav-2nd-wrap li .info .txt{font-size: 12px;}
.nav-box .nav-2nd-wrap li .info dl{}
.nav-box .nav-2nd-wrap li .info dl dd{margin: 10px 0;}
.nav-box .nav-2nd-wrap li .info dl dd a{display: block;line-height: 20px;color: #666;transition: 0.3s;}
.nav-box .nav-2nd-wrap li .info dl dd a:hover{color: #12468f;}

/*搜索按钮*/
header.fixed .search-btn{color:#555;}
header .search-btn{color:#fff; margin:0 10px;right: 0;top: 50%;width: 30px;height: 30px;background-size: 100% 100%;cursor: pointer;transform: translateY(-50%);transition: 0.5s;}
/*弹窗内容-搜索栏*/
.popup-search-wrap{padding: 20px;}
.popup-search-wrap .top-search-box{width: 100%;border-color: #999;border-radius: 0;}
.popup-search-wrap .top-search-box *{color: #333!important;}
.popup-search-wrap .top-search-box .sub-btn{filter: brightness(0);}
.popup-search-wrap .top-search-box .search{margin-top: 5px;background-color: #eee;border-radius: 0;}
/*功能栏*/
header .func-wrap{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;padding-left: 20px;}
header .func-wrap:before{content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 18px;background-color: rgba(255,255,255,.5);transform: translateY(-50%);}
/*语言选择*/
header .lang-select{position: relative;display: inline-block;vertical-align: top;margin-right: 20px;}
header .lang-select .name{position: relative;padding-right: 20px;color: #fff;}
header .lang-select .name:after{content: '';position: absolute;right: 0;top: 50%;width: 6px;height: 6px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translate(-50%,-80%) rotate(45deg);}
header .lang-select .icon{width: 20px;height: 20px;margin-right: .5em;opacity: .5;}
header .lang-select .list{position: absolute;left: 50%;min-width: 100px;padding-top: 10px;border-radius: 5px;transform: translateX(-50%) scaleY(0);transform-origin: top;transition: 0.3s;}
header .lang-select .list li a{display: block;padding: 10px;background-color: rgba(0,0,0,.5);line-height: 16px;text-align: center;color: #fff;transition: 0.3s;}
header .lang-select .list li a:hover{background-color: #12468f;}
header .lang-select:hover .list{transform: translateX(-50%) scaleY(1);}
/*头部搜索栏*/
.top-search-box{position: relative;display: inline-block;vertical-align: top;width: 180px;box-sizing: border-box;padding:4px 6px;border: 2px solid rgba(255,255,255,.5);border-radius: 18px;}
.top-search-box .text-input{box-sizing: border-box;width: 100%;height: 34px;padding: 0 25px 0 0;background-color: transparent;font-size: 12px;color: #fff;}
.top-search-box .sub-btn{position: absolute;right: 5px;top: 0;width: 34px;height: 34px;background: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 16px 16px;opacity: .5;}
.top-search-box .search{display: none;z-index: 1;position: absolute;left: 50%;width: 100%;min-width: 200px;max-height: 200px;margin-top: 10px;background-color: rgba(0,0,0,.5);border-radius: 4px;overflow-y: auto;transform: translateX(-50%);}
.top-search-box .search li{}
.top-search-box .search li a{display: block;padding: 8px 25px;font-size: 12px;line-height: 20px;color: #fff;}
.top-search-box .search li a:hover{background-color: #12468f;}

/*购物车按钮*/
header .shopcart-btn{display: none;}
/*头部-页面滚动样式*/
header.fixed{height: 80px;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
header.fixed .logo img{max-width: 200px;max-height: 50px;filter: none;}
header.fixed .nav-box .nav-1st > li > a{line-height: 80px;color: #000;}
header.fixed .nav-box .nav-1st > li.on > a{color: #12468f;}
header.fixed .nav-box .nav-2nd-full-screen{top: 80px;}
header.fixed .func-wrap:before{background-color: rgba(0,0,0,.5);}
header.fixed .lang-select .name{color: #333;}
header.fixed .lang-select .icon{filter: brightness(0);}
header.fixed .top-search-box{border-color: rgba(0,0,0,.5);}
header.fixed .top-search-box .text-input{color: #333;}
header.fixed .top-search-box .sub-btn{filter: brightness(0);}

/*footer*/
footer{background: #183993 url(../images/dotted-map.png) center no-repeat;background-size: contain;color: #fff;overflow: hidden;}
footer .top{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0 25px;border-bottom: 1px solid rgba(255,255,255,.2);}
footer .middle{display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 80px 0 80px;}
footer .bottom{position: relative;padding: 30px 0;border-top: 1px solid rgba(255,255,255,.2);background:#000;}
/*logo*/
footer .logo{display: inline-block;vertical-align: top;}
footer .logo img{max-width: 160px;max-height: 160px;padding:0 20px 20px 20px;filter: brightness(0) invert(1);}

/*热线电话*/
footer .hotline{line-height: 1;text-align: right;}
footer .hotline .tit{font-size: 16px;}
footer .hotline .tit .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .4em 0 0;}
/*footer .hotline .txt{margin-top: 15px;font-size: 32px;color: #fbb82e;}*/
footer .hotline .txt{margin-top: 15px;font-size: 20px;line-height:36px;color: white;}
/*京东店铺*/
footer .jd-shop{position: absolute;right: 280px;bottom: 40px;line-height: 1;text-align: right;color: #fff;transition: 0.3s;}
footer .jd-shop .tit{font-size: 16px;}
footer .jd-shop .tit .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .4em 0 0;}
footer .jd-shop .txt{margin-top: 15px;font-size: 32px;color: white;}
footer .jd-shop:hover{transform: translateY(-.2em);}
/*公司信息*/
footer .company-info-wrap{width:20%;text-align:center;}
footer .company-info-wrap .item{margin-top: 40px;font-size: 16px;}
footer .company-info-wrap .item p{margin-top:5px;}
footer .company-info-wrap .item:first-child{margin-top: 0;}
footer .company-info-wrap .item .tit{position: relative;padding-bottom: 15px;line-height: 20px;}
footer .company-info-wrap .item .tit:after{content: '';position: absolute;left: 0;bottom: 0;width: 65px;height: 4px;background-color: #12468f;}
footer .company-info-wrap .item .tit span{font-size: 22px;}
footer .company-info-wrap .item .txt{line-height: 20px;}
footer .company-info-wrap .item .txt p{margin: 10px 0;}
/*底部导航*/
footer .bottom-nav{width:50%;border-left:1px solid #999;border-right:1px solid #999;}
footer .bottom-nav .nav-1st{font-size: 0;}
footer .bottom-nav .nav-1st > li{display: inline-block;vertical-align: top;margin-left: 60px;font-size: 13px;}
footer .bottom-nav .nav-1st > li:first-child{margin-left:40px;}
footer .bottom-nav .nav-1st > li > a{position:relative;display: block;margin-bottom: 20px;font-size: 18px;line-height: 24px;color: #fff;transition: 0.3s;}
footer .bottom-nav .nav-1st > li > a:after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -10px;
    width: 70px;
    height: 2px;
    background-color: #12468f;
}
footer .bottom-nav .nav-1st > li > a:hover{transform: translateY(0em);}

footer .bottom-nav1{width:29%;}
footer .bottom-nav1 .nav-1st{font-size: 0;}
footer .bottom-nav1 .nav-1st > li{vertical-align: top;margin-left: 60px;font-size: 13px;}
footer .bottom-nav1 .nav-1st > li:first-child{margin-left:;}
footer .bottom-nav1 .nav-1st > li > a{position:relative;display: block;margin-bottom: 20px;font-size: 18px;line-height: 24px;color: #fff;transition: 0.3s;}
footer .bottom-nav1 .nav-2nd > li{margin-top: 0px;width:50%;}
footer .bottom-nav1 .nav-2nd > li img{width:120px;}
footer .bottom-nav1 .nav-2nd > li >p{padding-top:15px;text-align:center;width:120px;}
footer .bottom-nav1 .nav-2nd > li > a{display: block;line-height: 20px;color: #fff;opacity: .6;transition: 0.3s;}
footer .bottom-nav1 .nav-2nd > li > a:hover{opacity: 1;}
footer .bottom-nav1 .nav-2nd{display:flex;}
footer .bottom-nav .nav-2nd > li{margin-top: 20px;}
footer .bottom-nav .nav-2nd > li > a{display: block;line-height: 20px;color: #fff;opacity: .95;transition: 0.3s;}
footer .bottom-nav .nav-2nd > li > a:hover{opacity: 1;}
/*版权*/
footer .cr{line-height: 20px;color: #fff;text-align:center;}
footer .cr span{display: inline-block;vertical-align: top;margin-left: 10px;}
footer .cr span:nth-of-type(1){margin-left: 0;}
footer .cr a{color: #fff;transition: 0.3s;}
footer .cr .icon{vertical-align: middle;width: 20px;height: 20px;margin: -.25em .25em 0 0;}
footer .cr a:hover{text-decoration: underline;}
/*友情链接*/
footer .friend-links{position: absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: 240px;}
footer .friend-links .name{background-color: rgba(0,0,0,.2);border: 0;border-radius: 20px;color: #fff;}

/*右侧悬浮栏*/
.float-nav-wrap{z-index: 3;position: fixed;right: 0;top: 24%;padding: 15px 0;background-color: #fff;border-radius: 40px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.float-nav-wrap .item{position: relative;display: block;padding: 20px 5px;text-align: center;}
.float-nav-wrap .item:before{content: '';position: absolute;left: 15px;right: 15px;top: 0;height: 1px;background-color: #E5E5E5;}
.float-nav-wrap .item:first-child:before{display: none;}
.float-nav-wrap .item .icon{display: inline-block;vertical-align: top;width: 24px;height: 24px;filter: brightness(0) invert(.5);}
.float-nav-wrap .item .name{margin-top: 5px;line-height: 20px;color: #666;transition: 0.3s;}
.float-nav-wrap .item .hidden-wrap{display: none;position: absolute;right: calc(100% + 5px);top: 50%;transform: translateY(-50%);}
.float-nav-wrap .item .hidden-wrap > .content{padding: 5px;background-color: #fff;border: 1px solid #f1f1f1;box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.float-nav-wrap .item .hidden-wrap .qrcode{text-align: center;}
.float-nav-wrap .item .hidden-wrap .qrcode .pic{max-width: 140px;}
.float-nav-wrap .item .hidden-wrap .qrcode .tit{font-size: 14px;line-height: 20px;white-space: nowrap;}
.float-nav-wrap .item .hidden-wrap .phone{padding: 10px;font-size: 18px;font-weight: bold;color: #12468f;white-space: nowrap;}
.float-nav-wrap .item .number{position: absolute;right: 5px;top: 10px;width: 20px;height: 20px;background-color: #DF2A2A;border-radius: 50%;font-size: 12px;text-align: center;line-height: 20px;color: #fff;}
.float-nav-wrap .item:hover .name{color: #12468f;}
.float-nav-wrap .item:hover .icon{filter: none;}
.float-nav-wrap .item:hover .hidden-wrap{display: block;}


/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	/*header*/
	.nav-box .nav-1st > li{margin: 0 20px;} 
}

/*小屏PC:>=1025px && <=1300px*/
@media screen and (max-width: 1300px){
	.w1400{max-width: 1100px;}
	/*header*/
	header .logo img{max-width: 200px;max-height: 50px;}
	.nav-box .nav-2nd-wrap li .info .tit{font-size: 14px;}
	.nav-box .nav-2nd-wrap li .info dl dd a{font-size: 12px;}
	.nav-box .nav-product-wrap .tabs{flex: 0 0 300px;}
	.nav-box .nav-product-wrap .tabs .item{padding: 15px 60px;font-size: 14px;}
	.nav-box .nav-product-wrap .tabs .item:after{right: 40px;}
	.nav-box .nav-product-wrap .tabs-content .item .list li{padding: 30px 0;}
	.nav-box .nav-product-wrap .tabs-content .item .list li .tit{font-size: 14px;}
	.nav-box .nav-product-wrap .tabs-content .item .list li dl dd{margin: 3px 0;}
	.nav-box .nav-product-wrap .tabs-content .item .list li dl dd a{font-size: 13px;}
	.nav-box .nav-product-wrap .tabs-content .item .list li dl dd .tag{line-height: 16px;}
	
	/*footer*/
	footer .top{padding: 30px 0 20px;}
	footer .middle{padding: 20px 0 40px;}
	footer .logo img{max-width: 220px;max-height: 50px;}
	footer .hotline .txt{font-size: 28px;}
	footer .jd-shop{bottom: 22px;}
	footer .jd-shop .txt{font-size: 28px;}
	footer .bottom-nav .nav-1st > li{margin-left: 30px;}
	footer .company-info-wrap .item{font-size:14px;}
	footer .bottom-nav .nav-1st > li > a{font-size:14px;}
	footer .bottom-nav .nav-2nd{font-size:12px;}
	footer .bottom-nav .nav-2nd > li{margin-top: 4px;}
	footer .cr{font-size: 12px;}
	
	/*右侧悬浮栏*/
	.float-nav-wrap{top: 16%;transform: scale(.7);transform-origin: right center;}
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	/*header*/
	header .logo img{max-width: 200px;}
	.nav-box{right: 240px;}
	.nav-box .nav-1st > li{margin: 0 8px;}
	.nav-box .nav-1st > li > a{font-size: 14px;}
	header .func-wrap{padding-left: 15px;}
	header .lang-select{margin-right: 15px;}
	header .top-search-box{width: 180px;padding: 0 5px;}
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*header*/
	header{height: 60px;background-color: #fff;}
	/*logo*/
	header .logo img{max-width: 140px;max-height: 40px;filter: none;}
	/*移动端导航按钮*/
	header .menu-btn{display: block;}
	/*导航*/
	.nav-box{display: none;}
	/*搜索按钮*/
	header .search-btn{display: block;right: 30px;position:absolute;color:#555;font-size:20px;}
	/*功能栏*/
	header .func-wrap{display: none;right: 100px;padding-left: 0;}
	header .func-wrap:before{display: none;}
	/*语言选择*/
	header .lang-select{margin-right: 0;}
	header .lang-select .icon{filter: brightness(0);}
	/*头部搜索栏*/
	header .top-search-box{display: none;}
	/*购物车按钮*/
	header .shopcart-btn{display: block;position: absolute;right: 100px;top: 50%;width: 20px;height: 20px;cursor: pointer;transform: translateY(-50%);}
	header .shopcart-btn img{filter: brightness(0);}
	header .shopcart-btn i.number{position: absolute;right: -10px;top: -10px;width: 20px;height: 20px;background-color: #DF2A2A;border-radius: 50%;font-size: 12px;text-align: center;line-height: 20px;color: #fff;transform: scale(.8);}
	/*头部-页面滚动样式*/
	header.fixed{height: 60px;}
	header.fixed .logo img{max-width: 140px;max-height: 40px;}
	/*手机菜单-语言栏*/
	.mm-menu .icon{vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;filter: brightness(0) invert(.5);}
	.index-title .more-btn{display:none!important;}
	/*footer*/
	footer .top{padding: 20px 0 15px;}
	footer .middle{padding: 15px 0 10px;}
	footer .bottom{padding: 10px 0 20px;}
	/*logo*/
	footer .logo img{max-width: 140px;max-height: 40px;}
	/*热线电话*/
	footer .hotline .tit{font-size: 13px;}
	footer .hotline .tit .icon{width: 16px;height: 16px;}
	footer .hotline .txt{margin-top: 5px;font-size: 18px;}
	/*京东店铺*/
	footer .jd-shop{position: static;width: 100%;margin-top: 15px;}
	footer .jd-shop .tit{font-size: 13px;}
	footer .jd-shop .tit .icon{width: 16px;height: 16px;}
	footer .jd-shop .txt{margin-top: 5px;font-size: 16px;}
	/*公司信息*/
	footer .bottom-nav1{width:100%;}
	footer .company-info-wrap{display:none;}
	footer .company-info-wrap .item{margin-top: 20px;font-size: 13px;}
	footer .company-info-wrap .item .tit span{font-size: 16px;}
	footer .company-info-wrap .item .txt p{margin: 5px 0;}
	/*底部导航*/
	footer .bottom-nav{display: none;}
	/*版权*/
	footer .cr{font-size: 13px;}
	footer .cr span{margin-left: 0;margin-top: 5px;}
	footer .cr .icon{width: 16px;height: 16px;}
	/*友情链接*/
	footer .friend-links{position: relative;transform: translateY(0);max-width: 200px;margin-top: 10px;}
	
	/*右侧悬浮栏*/
	.float-nav-wrap{display: none;}
}