@charset "utf-8";
/*全局样式*/
/* html{-webkit-filter : grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;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: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333；}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: '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: #999;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #005ca7;border-radius: 2px;}
/*常用宽度*/
.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;}
.w1340{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1340px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1140{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1140px;}
.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{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;transition: 0.3s;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*自定义单选框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: #005ca7;border-color: #005ca7;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #005ca7;}
/*自定义多选框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,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #005ca7;border-color: #005ca7;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #005ca7;}
.custom-input input[type="checkbox"] + em:hover{border-color: #005ca7;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.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: #005ca7;}
.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 #005ca7;font-size: 14px;color: #005ca7;}
.custom-form .sub-title em{font-size: 14px;color: #f00;}
.custom-form .row{display: inline-block;vertical-align: top;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33.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: #005ca7;}
.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: #005ca7;}
.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: #005ca7;}
.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;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.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{position: relative;width: 200px;}
.custom-select .name{position: relative;height: 36px;padding: 0 30px 0 10px;background-color: #fff;border: 1px solid #999;color: #333;line-height: 34px;cursor: pointer;}
.custom-select .name:after{content: "";position: absolute;right: 10px;top: 50%;width: 8px;height: 8px;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 5px 10px 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: 12px;line-height: 16px;}
.custom-select .list li a:hover{background-color: #005ca7;color: #fff;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-title{background: #005ca7;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: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 24px;text-align: center;line-height: 26px;font-weight: bold;}
body .custom-skin .layui-layer-btn .layui-layer-btn0{background-color: #005ca7;border-color: #005ca7;color: #fff;}
body .custom-skin .layui-layer-resize{display: none;}
/*黑色遮罩层*/
.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.8);}
/*弹窗-视频*/
.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: #187AC6;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video .back-btn{display: none;z-index: 1;position: absolute;left: 0;top: 0;width: 40px;height: 40px;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;background: #187AC6 url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTk3Ny40NTUgODEuNDU1VjMxNy41OGEzNC45MSAzNC45MSAwIDAgMS02OS44MTkgMFYxNjUuNzAybC0yNjkuODcgMjY5Ljg3YTM0LjgxNiAzNC44MTYgMCAwIDEtNDkuMzM4IDAgMzQuOTEgMzQuOTEgMCAwIDEgMC00OS4zODRsMjY5LjgyNC0yNjkuODI0SDcwNi40MmEzNC45MSAzNC45MSAwIDEgMSAuMDQ3LTY5LjgxOWgyMzYuMDc4YTM0LjkxIDM0LjkxIDAgMCAxIDM0LjkxIDM0Ljkxek0zODYuMjggNTg4LjM4bC0yNjkuOTE3IDI2OS44N1Y3MDYuMzI4YTM0LjkxIDM0LjkxIDAgMSAwLTY5LjgxOS4wNDd2MjM2LjE3MWEzNC45MSAzNC45MSAwIDAgMCAzNC45MSAzNC45MWgyMzYuMTcxYTM0LjkxIDM0LjkxIDAgMCAwIDAtNjkuODE5SDE2NS43NDhMNDM1LjY2NSA2MzcuNzJhMzQuOTEgMzQuOTEgMCAxIDAtNDkuMzg0LTQ5LjMzOHpNMTY1Ljc0OCAxMTYuMzY0aDE1MS45MjVhMzQuOTEgMzQuOTEgMCAxIDAtLjA0Ny02OS44MTlIODEuNDU1YTM0LjkxIDM0LjkxIDAgMCAwLTM0LjkxIDM0LjkxVjMxNy41OGEzNC45MSAzNC45MSAwIDAgMCA2OS44MTkgMFYxNjUuNzAybDI2OS45MTcgMjY5Ljg3YTM0LjgxNiAzNC44MTYgMCAwIDAgNDkuMzM4IDAgMzQuOTEgMzQuOTEgMCAwIDAgMC00OS4zODRsLTI2OS44Ny0yNjkuODI0em03NzYuNzk3IDU1NS4xYTM0LjkxIDM0LjkxIDAgMCAwLTM0LjkwOSAzNC45MXYxNTEuOTI0bC0yNjkuODctMjY5LjkxN2EzNC45MSAzNC45MSAwIDEgMC00OS4zODUgNDkuMzg1bDI2OS44NyAyNjkuOTE3aC0xNTEuODNhMzQuOTEgMzQuOTEgMCAxIDAgLjA0NiA2OS43NzJoMjM2LjA3OGEzNC45MSAzNC45MSAwIDAgMCAzNC45MS0zNC45MVY3MDYuMzc0YTM0LjkxIDM0LjkxIDAgMCAwLTM0LjkxLTM0LjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==') center no-repeat;background-size: 60% 60%;}
.popup-video video{width: 100%;}
.popup-video.small{left: auto;top: auto;right: 0;bottom: 0;width: 300px;transform: translate(0,0);}
.popup-video.small .close-btn{transform: scale(.6);transform-origin: right top;}
.popup-video.small .back-btn{display: block;transform: scale(.6);transform-origin: left top;}


/*header*/
.header{height: 126px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.1);}
.header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header .logo img{display: block;max-width: 630px;max-height: 80px;}
/*移动端导航按钮*/
.header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 30px;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;}
/*搜索栏*/
.search-wrap{position: relative;width: 310px;}
.search-wrap .input-text{width: 100%;height: 40px;padding: 10px 50px 10px 20px;background-color: #fff;line-height: 40px;}
.search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 50px;height: 40px;background: #eee url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik0xMDEyLjM5NiA5NTUuODRMNzk3LjI4MiA3NDAuMzM0YTQ1MC4zOTEgNDUwLjM5MSAwIDAgMCAxMDQuMDEyLTI4OC43MkM5MDEuMjk0IDIwMi4xNTUgNjk5LjY1IDAgNDUwLjc0NiAwIDIwMS43NjIgMCAwIDIwMi4xNTYgMCA0NTEuNjEyYzAgMjQ5LjQxNyAyMDEuNzYyIDQ1MS43MyA0NTAuNjI4IDQ1MS43MyAxMTAuNzQ2IDAgMjEyLjEyLTQwLjA1MyAyOTAuNTcyLTEwNi40OTNsMjE0LjkxNiAyMTUuNDI4YTM5LjU0MSAzOS41NDEgMCAwIDAgNTYuMiAwIDM5Ljg5NiAzOS44OTYgMCAwIDAgMC01Ni4zOTdoLjA4em0tNTYxLjczLTEzMi4yMWEzNjkuOTcgMzY5Ljk3IDAgMCAxLTI2Mi40MTItMTA4LjkzNSAzNzAuODM2IDM3MC44MzYgMCAwIDEtMTA4LjY2LTI2My4wODMgMzcwLjMyNCAzNzAuMzI0IDAgMCAxIDEwOC43LTI2My4wNDMgMzY5Ljk3IDM2OS45NyAwIDAgMSA1MjQuOTA0IDAgMzcwLjg3NiAzNzAuODc2IDAgMCAxIDEwOC42MiAyNjMuMDQzQTM3MC4zMjQgMzcwLjMyNCAwIDAgMSA3MTMuMTIgNzE0LjY5NSAzNjkuOTcgMzY5Ljk3IDAgMCAxIDQ1MC42NjcgODIzLjYzeiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==") center no-repeat;background-size: 20px 20px;opacity: .5;}
.header .search-wrap{position: absolute;right: 0;bottom: 25px;border: 1px solid #e5e5e5;border-radius: 10px 0 0 10px;overflow: hidden;}
/*功能栏*/
.header .func-wrap{position: absolute;right: 60px;top: 35px;font-size: 0;line-height: 16px;}
.header .func-wrap .item{position: relative;display: inline-block;vertical-align: top;padding-left: 26px;margin-right: 26px;font-size: 14px;}
.header .func-wrap .item .icon{position: absolute;left: 0;top: 50%;width: 20px;height: 20px;margin-top: -10px;}
.header .func-wrap .item .qrcode{z-index: 3;position: absolute;left: 50%;top: 20px;width: 100px;height: 100px;max-width: none;margin-left: -45px;transform: scale(0);transform-origin: top;transition: 0.3s;}
.header .func-wrap .item:hover .qrcode{transform: scale(1);box-shadow: 0 0 6px rgba(0,0,0,.4);}
/*语言栏*/
.header .lang-wrap{position: absolute;right: 0;top: 35px;font-size: 0;line-height: 16px;}
.header .lang-wrap a{position: relative;display: inline-block;display: inline-block;vertical-align: top;padding: 0 8px;font-size: 14px;color: #c9c9c9;}
.header .lang-wrap a:before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 12px;margin-top: -6px;background-color: #c9c9c9;}
.header .lang-wrap a:first-child:before{display: none;}
.header .lang-wrap a:hover{font-weight: bold;}
.header .lang-wrap a.on{color: #005ca7;}
/*导航*/
.nav-box{z-index: 2;position: sticky;top: 0;background-image: linear-gradient(90deg,#2b86d1,#0062b2);box-shadow: 0 2px 4px rgba(0,0,0,.3);}
.nav-box .nav{}
.nav-box .nav > li{position: relative;float: left;margin: 0 55px;line-height: 80px;}
.nav-box .nav > li:before{content: "";position: absolute;left: -55px;top: 50%;width: 1px;height: 18px;background-color: #fff;opacity: .5;transform: translateY(-50%);}
.nav-box .nav > li:first-child{margin-left: 0;}
.nav-box .nav > li:first-child:before{display: none;}
.nav-box .nav > li:last-child{margin-right: 0;}
.nav-box .nav > li > a{position: relative;display: block;font-size: 18px;color: #fff;}
.nav-box .nav > li > a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #fff;transform: scaleX(0);transition: 0.3s;}
.nav-box .nav > li.on > a{}
.nav-box .nav > li.on > a:after,.nav-box .nav > li:hover > a:after{transform: scaleX(1);}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 160px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 5px;transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.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: #005ca7;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}
/*移动端搜索按钮*/
.header .search-btn{display: none;position: absolute;right: 50px;top: 50%;width: 20px;height: 20px;background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik0xMDEyLjM5NiA5NTUuODRMNzk3LjI4MiA3NDAuMzM0YTQ1MC4zOTEgNDUwLjM5MSAwIDAgMCAxMDQuMDEyLTI4OC43MkM5MDEuMjk0IDIwMi4xNTUgNjk5LjY1IDAgNDUwLjc0NiAwIDIwMS43NjIgMCAwIDIwMi4xNTYgMCA0NTEuNjEyYzAgMjQ5LjQxNyAyMDEuNzYyIDQ1MS43MyA0NTAuNjI4IDQ1MS43MyAxMTAuNzQ2IDAgMjEyLjEyLTQwLjA1MyAyOTAuNTcyLTEwNi40OTNsMjE0LjkxNiAyMTUuNDI4YTM5LjU0MSAzOS41NDEgMCAwIDAgNTYuMiAwIDM5Ljg5NiAzOS44OTYgMCAwIDAgMC01Ni4zOTdoLjA4em0tNTYxLjczLTEzMi4yMWEzNjkuOTcgMzY5Ljk3IDAgMCAxLTI2Mi40MTItMTA4LjkzNSAzNzAuODM2IDM3MC44MzYgMCAwIDEtMTA4LjY2LTI2My4wODMgMzcwLjMyNCAzNzAuMzI0IDAgMCAxIDEwOC43LTI2My4wNDMgMzY5Ljk3IDM2OS45NyAwIDAgMSA1MjQuOTA0IDAgMzcwLjg3NiAzNzAuODc2IDAgMCAxIDEwOC42MiAyNjMuMDQzQTM3MC4zMjQgMzcwLjMyNCAwIDAgMSA3MTMuMTIgNzE0LjY5NSAzNjkuOTcgMzY5Ljk3IDAgMCAxIDQ1MC42NjcgODIzLjYzeiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==");background-size: 100% 100%;transform: translateY(-50%);cursor: pointer;}
/*弹窗内容-搜索栏*/
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;}
.popup-search-wrap .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #005ca7 url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") center no-repeat;background-size: 20px 20px;}

/*footer*/
.footer{background: #005ca7 url(../images/footer_bg.jpg) left bottom no-repeat;background-size: cover;}
.footer .w1340{padding: 70px 300px 50px 0;}
.footer .top{position: relative;padding: 0 0 40px 400px;border-bottom: 2px solid rgba(255,255,255,.3);}
.footer .bottom{padding: 10px 0;}
/*底部logo*/
.footer .top .logo{position: absolute;left: 0;top: -5px;}
.footer .top .logo img{display: block;max-width: 360px;max-height: 50px;filter: brightness(0) invert(1);}
/*底部导航*/
.footer .nav-1st{overflow: hidden;}
.footer .nav-1st > li{float: left;margin: 0 10px;}
.footer .nav-1st > li > a{display: block;font-size: 15px;line-height: 20px;color: #fff;transition: 0.3s;}
.footer .nav-1st > li > a:hover{transform: translateY(-3px);}
/*版权*/
.footer .cr{line-height: 36px;color: #fff;}
.footer .cr .line{display: block;}
.footer .cr span{margin-right: 20px;}
.footer .cr a{color: #fff;}
.footer .cr a:hover{text-decoration: underline;}
/*友情链接*/
.footer .friend-link-wrap{position: absolute;right: 0;top: 0;width: 270px;height: 100%;padding: 70px 35px 0;background-color: rgba(0,0,0,.1);color: #fff;}
.footer .friend-link-wrap > .title{position: relative;padding-bottom: 18px;margin-bottom: 20px;font-size: 16px;line-height: 20px;font-weight: bold;}
.footer .friend-link-wrap > .title:after{content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background-color: #fff;}
.footer .friend-link-wrap .custom-select{width: 100%;margin-bottom: 10px;}
.footer .friend-link-wrap .custom-select .name{padding-left: 0;background-color: transparent;border: 0;border-bottom: 1px solid rgba(255,255,255,.3);color: rgba(255,255,255,.7);}
.footer .friend-link-wrap .custom-select .name:after{border-color: rgba(255,255,255,.3);}
.footer .friend-link-wrap .custom-select .list{bottom: 100%;}
.footer .friend-link-wrap .custom-select .list li a{padding: 10px;}


/*中屏PC:<=1400px(针对1366*650)*/
@media screen and (max-width: 1400px){
	/*导航*/
	.nav-box .nav > li{margin: 0 50px;line-height: 60px;}
	.nav-box .nav > li:before{left: -50px;}
	
	/*底部导航*/
	.footer .nav-1st > li{margin: 0 8px;}
	.footer .nav-1st > li > a{font-size: 14px;}
}

/*中屏PC:<=1280px(针对1280*650)*/
@media screen and (max-width: 1280px){
	/*导航*/
	.nav-box .nav > li{margin: 0 40px;}
	.nav-box .nav > li:before{left: -40px;}
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	/*header*/
	.header{height: 100px;}
	.header .logo img{max-width: 400px;max-height: 60px;}
	/*搜索栏*/
	.search-wrap .input-text{height: 30px;}
	.search-wrap .sub-btn{width: 40px;height: 30px;}
	.header .search-wrap{bottom: 20px;border-radius: 0;}
	/*功能栏*/
	.header .func-wrap{top: 20px;}
	/*语言栏*/
	.header .lang-wrap{top: 20px;}
	/*导航*/
	.nav-box .nav > li{margin: 0 32px;line-height: 50px;}
	.nav-box .nav > li:before{left: -32px;height: 14px;}
	.nav-box .nav > li > a{font-size: 16px;}

	/*footer*/
	.footer .w1340{padding: 40px 190px 30px 0;}
	.footer .top{padding: 0 0 20px 320px;border-bottom-width: 1px;}
	/*底部logo*/
	.footer .top .logo img{max-width: 300px;max-height: 40px;}
	/*底部导航*/
	.footer .nav-1st > li{margin: 0 8px;}
	.footer .nav-1st > li > a{font-size: 13px;}
	/*版权*/
	.footer .cr{font-size: 13px;line-height: 28px;}
	.footer .cr span{margin-right: 10px;}
	/*友情链接*/
	.footer .friend-link-wrap{width: 180px;padding: 40px 20px 0;}
	.footer .friend-link-wrap > .title{font-size: 15px;}
	.footer .friend-link-wrap .custom-select .name{font-size: 12px;}
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*header*/
	.header{height: 70px;}
	.header .logo{top: 8px;transform: translateY(0);}
	.header .logo img{max-width: 240px;max-height: 30px;}
	/*移动端导航按钮*/
	.header .menu-btn{display: block;top: 12px;transform: translateY(0);}
	/*移动端搜索按钮*/
	.header .search-btn{display: block;top: 12px;transform: translateY(0);}
	/*搜索栏*/
	.header .search-wrap{display: none;}
	/*功能栏*/
	.header .func-wrap{right: auto;left: 5px;top: auto;bottom: 8px;}
	.header .func-wrap .item{padding-left: 20px;margin-right: 15px;font-size: 12px;}
	.header .func-wrap .item .icon{width: 16px;height: 16px;margin-top: -8px;}
	/*语言栏*/
	.header .lang-wrap{top: auto;bottom: 8px;}
	/*导航*/
	.nav-box{display: none;}

	/*footer*/
	.footer .w1340{padding: 15px 0 10px 0;}
	.footer .top{padding: 0 0 10px 0;border-bottom-width: 1px;}
	.footer .bottom{padding: 5px 0 10px;}
	/*底部logo*/
	.footer .top .logo{position: static;}
	.footer .top .logo img{max-width: 240px;max-height: 30px;}
	/*底部导航*/
	.footer .nav-1st{display: none;}
	/*版权*/
	.footer .cr{font-size: 12px;line-height: 24px;text-align: center;}
	.footer .cr span{display: block;margin-right: 0;}
	/*友情链接*/
	.footer .friend-link-wrap{position: static;width: 100%;padding: 5px 10px 0;font-size: 0;}
	.footer .friend-link-wrap > .title{display: inline-block;vertical-align: top;padding-bottom: 5px;margin-bottom: 0;font-size: 12px;line-height: 25px;font-weight: normal;opacity: .7;}
	.footer .friend-link-wrap > .title:after{height: 1px;}
	.footer .friend-link-wrap .custom-select{display: inline-block;vertical-align: top;width: 40%;margin-left: 2%;}
	.footer .friend-link-wrap .custom-select:first-child{margin-left: 0;}
	.footer .friend-link-wrap .custom-select .name{height: 30px;font-size: 12px;line-height: 30px;}
	.footer .friend-link-wrap .custom-select .list li a{padding: 8px 5px;}
}