/*全局样式*/
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: #0091db;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;vertical-align: top;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;}
/*自定义单选框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: #0091db;border-color: #0091db;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #0091db;}
/*自定义多选框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: #0091db;border-color: #0091db;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #0091db;}
.custom-input input[type="checkbox"] + em:hover{border-color: #0091db;}
/*自定义表单通用样式*/
.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: #0091db;}
.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 #0091db;font-size: 14px;color: #0091db;}
.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: #0091db;}
.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: #0091db;}
.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: #0091db;}
.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{z-index: 1;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;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: 12px;line-height: 16px;}
.custom-select .list li a:hover{background-color: #0091db;color: #fff;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-title{background: #004496;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: #0091db;border-color: #0091db;color: #fff;}
body .custom-skin .layui-layer-resize{display: none;}
/*按钮背景动效*/
.ani-btn{z-index: 0;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: #0091db;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*分享栏*/
.share-wrap{font-size: 0;}
.share-wrap .item{position: relative;display: inline-block;vertical-align: top;width: 32px;height: 32px;margin-left: 15px;background-color: #dfe6ef;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.5s;}
.share-wrap .item:first-child{margin-left: 0;}
.share-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 20px;height: 20px;margin: auto;}
.share-wrap .item:hover{background-color: #004496;}
.share-wrap .item:hover .icon{filter: brightness(0) invert(1);}
.share-wrap .item.weixin-btn .icon{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGr2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDgtMjhUMTE6NDk6NTkrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA4LTMxVDE2OjQyOjE0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTMxVDE2OjQyOjE0KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhhMGE5M2Q1LTFhODEtMGQ0ZS05ZDQwLThmZDI5MTdkZGQyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjNBNzc4M0I5RjQxMUVBQTgxMUM5NUJDNDg5QzVFRiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjUyM0E3NzgzQjlGNDExRUFBODExQzk1QkM0ODlDNUVGIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTIzQTc3ODBCOUY0MTFFQUE4MTFDOTVCQzQ4OUM1RUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTIzQTc3ODFCOUY0MTFFQUE4MTFDOTVCQzQ4OUM1RUYiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1NmIxYTAtMzc5Mi1hNjQxLThlMGYtMjI2ZjVkMTM1YTE1IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTMxVDE2OjQxOjI3KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4YTBhOTNkNS0xYTgxLTBkNGUtOWQ0MC04ZmQyOTE3ZGRkMjgiIHN0RXZ0OndoZW49IjIwMjAtMDgtMzFUMTY6NDI6MTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/4UPpwAAAZlJREFUOI3N1D1rVUEQBuDnXI8mUVCxURQLCwsLYxURudEogRQq2PgD/GjiDwiilYWofyBoxCqNoKCdEAhKCCQgCuJHoYWFrVpcQfzMsdi5ut54rrdI4QvDnndm9j3DzO4WVVVZSTRWVA2F0cmcb8NZnMDm8C3hOa7jFr73WuEZPMZ57MT6sI1oYhoPsLcXwQnciKp+4FtH3tdYm5jD4W6Ce3A1+AcM4Ugm8gkHQqxCH25jS53geMaXsAoliszfh+0Rf4t1OPQ3wcLo5FMMZr7qV+xPPMG9EBuUWvMM85jFF1HJwLKfLMdUbD6G4ai4gaMRn8cFzJV4JE21DnfwEhexqSaniRmMNaTp1uFdVDYRYrNS7xYjfh8jeBFVX2vgod9T7sRCCG0NPiAd/v7gayO2JviOMj7OoYVLHYIVVmd8f1gbB8PaaJUZWYj1Dd5LfW2fu16xIb96Q7iC3dgnXbFxqU+94lX+OPTjc03iTZz6h1hLTLmNOjE4LT0aH7vkHMdi2SWhE5dxF2PYJfX2tdTvk+JCFP/9i/0T4S5SPVbnrugAAAAASUVORK5CYII=');}
.share-wrap .item.weibo-btn .icon{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGr2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDgtMjhUMTE6NDk6NTkrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA4LTMxVDE2OjQyOjE3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTMxVDE2OjQyOjE3KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhkYzVhZDBlLWI0ZTktMzg0Mi1iYzUwLWYxYWMzZmJmNjVjZSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MEEwQUEwN0I5RjQxMUVBQkY3RkZGMkUwMkZFMzhFNCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjYwQTBBQTA3QjlGNDExRUFCRjdGRkYyRTAyRkUzOEU0IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjBBMEFBMDRCOUY0MTFFQUJGN0ZGRjJFMDJGRTM4RTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjBBMEFBMDVCOUY0MTFFQUJGN0ZGRjJFMDJGRTM4RTQiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWQ0Y2JhMzItNmJlZi01ZDQ3LTk0NmYtZGQ0MTE5NDgxNDFiIiBzdEV2dDp3aGVuPSIyMDIwLTA4LTMxVDE2OjQxOjMxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ZGM1YWQwZS1iNGU5LTM4NDItYmM1MC1mMWFjM2ZiZjY1Y2UiIHN0RXZ0OndoZW49IjIwMjAtMDgtMzFUMTY6NDI6MTcrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hDvrSQAAAd1JREFUOI3N1E2IDVAUB/DfM2NjEkXUiChTpCwojYwhPWMzsbCQlZkhUSzsLNQsZmExwmzGYijJ+IgiHzHlY+WjDBMlFnbYoEhMvqZncc/zrtdL0Szczf2fc+/53/+599xTKJVKxnNMGFc2FBT7/zZmEi5iLb7gBvbjLtT/g4gfGMZIkO9CO7Zj4E8K27ABjTiKq9laXSh8hE+4jpVYWkvhLPSgM/PNrSJchCPh34RV+IzuasIWXMD0Kv/bmJdgGb4GSRfO4g76sDsnbMFlTK2hejFuYrVKZRwMld1YEIc2lBfn4HwNsu94h5lY4/cyW4FR6WpGsBEfywpPRBB8wzmcjlQ+YD6aUcSWbF8Jx8PuxWhBsb89UoUH2ImHYbeFytuZsnU4Kd3zG+zBqfLiBHQEvo/lQbY5lA3hFu6hKfYNhcoSZmBQuv9fhM2B92IMrXHilExVMw5l9jW8yuxiTjgW+FnMnXgtFXRXFjQvw9MwObOf5ITHAq+P+THeB56dBR3IcI9KRVxSeQP10uu0YwAvcVgqhytYKH2vXpwJVT3YEfHD2Co9HCrdph792CZ1j15MlD7/c6khdEiNoEEqmT7sC6yasDxaI6gpTq2L1BoDv5Ba1yCeqjEK/33H/glaz2+P85IBBwAAAABJRU5ErkJggg==');}
.share-wrap .item.qq-btn .icon{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF5GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDgtMjhUMTE6NDk6NTkrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA4LTMxVDE2OjUwOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTMxVDE2OjUwOjUwKzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFmNWQ3NTU1LTA3NDAtMjU0NS1hNDE5LTUzYmFkYzhhNDRjZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3M0I5MDg0NkI5RjQxMUVBQjBFQUNDM0VFRTk1ODdBQSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjczQjkwODQ2QjlGNDExRUFCMEVBQ0MzRUVFOTU4N0FBIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzNCOTA4NDNCOUY0MTFFQUIwRUFDQzNFRUU5NTg3QUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzNCOTA4NDRCOUY0MTFFQUIwRUFDQzNFRUU5NTg3QUEiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWY1ZDc1NTUtMDc0MC0yNTQ1LWE0MTktNTNiYWRjOGE0NGNmIiBzdEV2dDp3aGVuPSIyMDIwLTA4LTMxVDE2OjUwOjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pns/DH0AAAEwSURBVDiNrdVPKwRhHMDxz/q3Ig4KJzeRPzelnIRcSFIk5KRIDg7ehpQkJeWmvAaSg/IGHOQs5UDhpGgcZmYba3btLt/rM7/PTNM8z2SCIPCf1UBm/CBtrRnzGEYHMrjHJU7xkj8QnK2HYEqDOEZvytoCtrCCq/zFqpSBLlwUwJLXnKO/FHAHjUWwuCy2fwM7MVECFjeO7mLgkPDll1oVRoqB7WVgcS3FwLoKwGwhsF74SZTbHBrSwCUpn0EJ9USz38BqrFaAxa1FRg4cFe6OShvAVBKc/AMWN50EZ4T7cr8C6CiaHUPucNjGCVqxUSa4iwfMJp9wD0+4jcAfR1NKb9jEDZ5xmATj2vApPAt/qwkf8nZX/nnYh2VcRzf7wDteE0gWtQiwiDs8xkDmv38BXy8YMQqErXOvAAAAAElFTkSuQmCC');}


/*header*/
.header{z-index: 2;position: relative;left: 0;right: 0;top: 0;height: 110px;background-color: #fff;transition: 0.5s;}
.header .logo{z-index: 1;position: absolute;left: 0;top: 24px;transition: 0.5s;}
.header .logo img{display: block;max-width: 200px;max-height: 50px;}
/*信息栏*/
.header .info-wrap{position: absolute;left: 30px;bottom: 20px;font-size: 16px;line-height: 20px;transition: 0.5s;}
.header .info-wrap span{display: inline-block;vertical-align: top;transition: 0.5s;}
.header .info-wrap span i{color: #004496;}
/*语言选择*/
.header .lang-select{z-index: 1;position: absolute;right: 60px;top: 50%;width: 80px;transform: translateY(-50%);transition: 0.5s;}
.header .lang-select:before{content: "";position: absolute;right: -20px;top: 50%;width: 1px;height: 16px;margin-top: -8px;background-color: #333;}
.header .lang-select .name{position: relative;height: 24px;padding: 0 15px 0 20px;line-height: 24px;text-align: center;cursor: pointer;}
.header .lang-select .name:before{content: "";position: absolute;left: 0;top: 50%;width: 24px;height: 24px;margin-top: -12px;background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik01MTIgNjRDMjY0LjYgNjQgNjQgMjY0LjYgNjQgNTEyczIwMC42IDQ0OCA0NDggNDQ4IDQ0OC0yMDAuNiA0NDgtNDQ4Uzc1OS40IDY0IDUxMiA2NHptMCAyMjRjLTI5LjUgMC01OC4zLTIuNi04Ni4yLTcuNUM0NTIgMTc1LjMgNDkxLjQgMTIwIDUxMiAxMjBjMjAuNiAwIDYwIDU1LjMgODYuMiAxNjAuNS0yNy45IDQuOC01Ni43IDcuNS04Ni4yIDcuNXptMTQwLjctMjAuNGMtMTMuNi01NS43LTMxLjgtMTAyLjYtNTMuMS0xMzcuNCA2My42IDE0LjYgMTIxLjMgNDQuNyAxNjkgODYuMS0zNS4zIDIxLjgtNzQuMyAzOS4xLTExNS45IDUxLjN6bS0yODEuNCAwYy00MS42LTEyLjItODAuNS0yOS42LTExNS44LTUxLjMgNDcuNy00MS40IDEwNS4zLTcxLjQgMTY4LjktODYtMjEuMyAzNC43LTM5LjQgODEuNi01My4xIDEzNy4zek02NzkuNSA0ODRjLTEuMy01Ny41LTYuNy0xMTEuOS0xNS40LTE2MS40IDUyLjUtMTUgMTAxLjMtMzcuMyAxNDQuOC02NS44IDUzLjQgNjIgODcuNSAxNDAuNyA5My43IDIyNy4ySDY3OS41em0tNTU4LjEgMGM2LjItODYuNCA0MC4yLTE2NS4xIDkzLjUtMjI3LjEgNDMuNSAyOC41IDkyLjQgNTAuNiAxNDUgNjUuNi04LjcgNDkuNi0xNC4xIDEwNC0xNS40IDE2MS41SDEyMS40em0yNzkuMSAwYzEuMy01NS43IDYuNC0xMDUuNCAxMy45LTE0OC43IDMxLjYgNS42IDY0LjEgOC43IDk3LjYgOC43IDMzLjQgMCA2Ni0zIDk3LjYtOC42IDcuNSA0My4zIDEyLjUgOTMgMTMuOSAxNDguNmgtMjIzem00MDguNCAyODMuMmMtNDMuNS0yOC41LTkyLjMtNTAuOC0xNDQuOC02NS44IDguNy00OS42IDE0LjEtMTA0IDE1LjQtMTYxLjRoMjIzLjFjLTYuMiA4Ni41LTQwLjMgMTY1LjItOTMuNyAyMjcuMnptLTM5NC41LTc4LjVjLTcuNS00My4zLTEyLjUtOTMtMTMuOS0xNDguN2gyMjIuOWMtMS4zIDU1LjYtNi4zIDEwNS4zLTEzLjkgMTQ4LjZDNTc4IDY4MyA1NDUuNCA2ODAgNTEyIDY4MGMtMzMuNCAwLTY2IDMuMS05Ny42IDguN3pNMjE1IDc2Ny4xYy01My4zLTYyLTg3LjQtMTQwLjctOTMuNS0yMjcuMWgyMjMuMWMxLjMgNTcuNSA2LjcgMTExLjkgMTUuNCAxNjEuNS01Mi42IDE1LTEwMS41IDM3LjEtMTQ1IDY1LjZ6TTUxMiA5MDRjLTIwLjYgMC02MC01NS4zLTg2LjItMTYwLjUgMjcuOS00LjggNTYuNy03LjUgODYuMi03LjVzNTguMyAyLjcgODYuMiA3LjVDNTcyIDg0OC43IDUzMi42IDkwNCA1MTIgOTA0em04Ny42LTEwLjJjMjEuMy0zNC44IDM5LjUtODEuNyA1My4xLTEzNy40IDQxLjcgMTIuMiA4MC42IDI5LjUgMTE1LjkgNTEuMi00Ny43IDQxLjUtMTA1LjQgNzEuNi0xNjkgODYuMnptLTE3NS4yIDBjLTYzLjYtMTQuNi0xMjEuMi00NC42LTE2OC45LTg2IDM1LjItMjEuOCA3NC4xLTM5LjEgMTE1LjgtNTEuMyAxMy43IDU1LjYgMzEuOCAxMDIuNSA1My4xIDEzNy4zeiIvPjwvc3ZnPg==");background-size: 100% 100%;}
.header .lang-select .name:after{content: "";position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-right: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(45deg) translate(-50%,-50%);}
.header .lang-select .list{position: absolute;left: 0;right: 0;padding: 5px 0;background-color: #fff;border-radius: 5px;box-shadow: 0 2px 8px rgba(0,0,0,.1);transform: scaleY(0);transform-origin: top;transition: 0.3s;}
.header .lang-select .list li a{display: block;padding: 10px;line-height: 16px;text-align: center;transition: 0.3s;}
.header .lang-select .list li a:hover{color: #0091db;}
.header .lang-select:hover .list{transform: scaleY(1);}
/*移动端导航按钮*/
.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: #004496;transition: 0.3s;}
.header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
.nav-box{position: absolute;left: 260px;top: 0;transition: 0.5s;}
.nav-box .nav-1st{}
.nav-box .nav-1st > li{float: left;padding: 0 18px;line-height: 110px;transition: 0.5s;}
.nav-box .nav-1st > li > a{position: relative;display: block;font-size: 18px;}
.nav-box .nav-1st > li > a:after{content: "";position: absolute;left: 0;bottom: 30px;width: 100%;height: 3px;background-color: #0091db;transform: scaleX(0);transition: 0.3s;}
.nav-box .nav-1st > li.on > a{}
.nav-box .nav-1st > li.on > a:after,.nav-box .nav-1st > li:hover > a:after{transform: scaleX(1);}
.nav-box .nav-2nd-wrap{display: none;position: fixed;left: 0;right: 0;top: 110px;padding: 40px 0;background-color: #f8f8f8;}
.nav-box .nav-2nd-wrap .w1500{min-height: 120px;}
.nav-box .nav-2nd-wrap .title{z-index: -1;position: absolute;left: 0;top: 0;width: 22%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.nav-box .nav-2nd-wrap .title .name{position: absolute;right: 40px;top: 40px;font-size: 30px;line-height: 30px;color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,.2);}
.nav-box .nav-2nd-wrap .info{position: absolute;right: 0;top: 50%;width: 400px;padding-left: 30px;line-height: initial;transform: translateY(-50%);}
.nav-box .nav-2nd-wrap .info .tit1{font-size: 24px;line-height: 30px;color: #0091db;}
.nav-box .nav-2nd-wrap .info .tit2{margin-top: 5px;font-size: 15px;line-height: 20px;text-transform: capitalize;color: #0091db;}
.nav-box .nav-2nd-wrap .info .btn{display: inline-block;vertical-align: top;padding: 0 1.5em;margin-top: 15px;border: 1px solid #999;border-radius: 15px;line-height: 30px;color: #999;transition: 0.3s;}
.nav-box .nav-2nd-wrap .info .btn:hover{border-color: #0091db;}
.nav-box .nav-2nd{overflow: hidden;position: relative;min-height: 120px;margin: 0 400px 0 22%;}
.nav-box .nav-2nd:before{content: "";position: absolute;left: 47.5%;top: 0;bottom: 0;width: 1px;background-color: #ddd;}
.nav-box .nav-2nd:after{content: "";position: absolute;right: 2.5%;top: 0;bottom: 0;width: 1px;background-color: #ddd;}
.nav-box .nav-2nd > li{position: relative;float: left;width: 45%;margin-right: 5%;}
.nav-box .nav-2nd > li:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #fff;transform: scaleX(0);transform-origin: left;transition: 0.5s;}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 15px 20px;font-size: 16px;line-height: 20px;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #0091db;transition: 0.3s;}
.nav-box .nav-2nd > li > a:after{content: "";position: absolute;right: 20px;top: 50%;width: 6px;height: 6px;border-top: 1px solid #666;border-right: 1px solid #666;transform: translate(0,-50%) rotate(45deg);}
.nav-box .nav-2nd > li:hover:before{transform: scaleX(1);}
.nav-box .nav-2nd > li:hover > a:before{top: 0;height: 100%;}
/*头部-hover样式*/
.header:hover{background-color: #fff;}
.header:hover .nav-box{opacity: 1;}
.header:hover .info-wrap{opacity: 1;}
.header:hover .lang-select{opacity: 1;}
.header:hover .search-btn{opacity: 1;}
/*头部-页面滚动样式*/
.header.fixed{position: fixed;height: 60px;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.header.fixed .logo{top: 10px;}
.header.fixed .info-wrap{opacity: 0;}
.header.fixed .nav-box{opacity: 1;}
.header.fixed .nav-box .nav-1st > li{line-height: 60px;}
.header.fixed .nav-box .nav-1st > li > a:after{bottom: 12px;}
.header.fixed .nav-box .nav-2nd-wrap{top: 60px;}
.header.fixed .lang-select{opacity: 1;}
.header.fixed .search-btn{opacity: 1;}

/*搜索按钮*/
.header .search-btn{position: absolute;right: 0;top: 50%;width: 24px;height: 24px;background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik0xMDEyLjM5NiA5NTUuODRMNzk3LjI4MiA3NDAuMzM0YTQ1MC4zOTEgNDUwLjM5MSAwIDAgMCAxMDQuMDEyLTI4OC43MkM5MDEuMjk0IDIwMi4xNTUgNjk5LjY1IDAgNDUwLjc0NiAwIDIwMS43NjIgMCAwIDIwMi4xNTYgMCA0NTEuNjEyYzAgMjQ5LjQxNyAyMDEuNzYyIDQ1MS43MyA0NTAuNjI4IDQ1MS43MyAxMTAuNzQ2IDAgMjEyLjEyLTQwLjA1MyAyOTAuNTcyLTEwNi40OTNsMjE0LjkxNiAyMTUuNDI4YTM5LjU0MSAzOS41NDEgMCAwIDAgNTYuMiAwIDM5Ljg5NiAzOS44OTYgMCAwIDAgMC01Ni4zOTdoLjA4em0tNTYxLjczLTEzMi4yMWEzNjkuOTcgMzY5Ljk3IDAgMCAxLTI2Mi40MTItMTA4LjkzNSAzNzAuODM2IDM3MC44MzYgMCAwIDEtMTA4LjY2LTI2My4wODMgMzcwLjMyNCAzNzAuMzI0IDAgMCAxIDEwOC43LTI2My4wNDMgMzY5Ljk3IDM2OS45NyAwIDAgMSA1MjQuOTA0IDAgMzcwLjg3NiAzNzAuODc2IDAgMCAxIDEwOC42MiAyNjMuMDQzQTM3MC4zMjQgMzcwLjMyNCAwIDAgMSA3MTMuMTIgNzE0LjY5NSAzNjkuOTcgMzY5Ljk3IDAgMCAxIDQ1MC42NjcgODIzLjYzeiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==") center no-repeat;background-size: 22px 22px;cursor: pointer;transform: translateY(-50%);transition: 0.5s;}
/*弹窗内容-搜索栏*/
.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: #0091db url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") center no-repeat;background-size: 20px 20px;}

/*loading*/
.loading-layer{z-index: -1;position: fixed;left: 0;right: 0;top: 0;bottom: 0;animation: loadingLayer 5s linear;}
.loading-layer:before{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 0;background-color: #fff;animation: loadingLayerItem 0.5s linear;animation-delay: 4s;}
.loading-layer:after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background-color: #fff;animation: loadingLayerItem 0.5s linear;animation-delay: 4s;}
.loading-layer .progress-bar{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 194px;height: 42px;margin: auto;background-color: #ccc;mask: url(../image/logo.png);-webkit-mask: url(../image/logo.png);animation: progressBarHide 0.5s ease-out;animation-delay: 4s;animation-fill-mode: forwards;}
.loading-layer .progress-bar:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-image: linear-gradient(90deg,#0091db,#004496,#0091db,#004496,#0091db);background-size: 200% 100%;animation: bgp 1s infinite linear,loadingProgress 4s linear;animation-fill-mode: forwards;}
@keyframes loadingLayer{
    0%{z-index: 2;background-color: #000;}
    75%{background-color: #fff;}
    99.99%{z-index: 2;}
    100%{z-index: -1;}
}
@keyframes loadingLayerItem{
    0%{height: 50%}
    100%{height: 0;}
}
@keyframes bgp{
    0%{background-position: 0 0;}
    100%{background-position: -100% 0;}
}
@keyframes loadingProgress{
    20%{width: 40%;}
    80%{width: 60%;}
    100%{width: 100%;}
}
@keyframes progressBarHide{
    100%{opacity: 0;}
}

/*footer*/
.footer{background-color: #f8f8f8;}
.footer .top{position: relative;padding: 40px 120px 30px 0;}
.footer .bottom{position: relative;padding: 20px 0;border-top: 1px solid #e5e5e5;}
/*底部logo*/
.footer .logo{position: absolute;left: 0;top: 0;}
.footer .logo img{display: block;max-width: 200px;max-height: 30px;filter: brightness(0) invert(.5);}
/*底部导航*/
.footer .nav-1st{overflow: hidden;}
.footer .nav-1st > li{float: left;margin-left: 100px;}
.footer .nav-1st > li:first-child{margin-left: 0;}
.footer .nav-1st > li > a{display: block;margin-bottom: 20px;font-size: 16px;line-height: 20px;font-weight: bold;transition: 0.3s;}
.footer .nav-1st > li > a:hover{color: #004496;transform: translateY(-2px);}
.footer .nav-2nd{}
.footer .nav-2nd > li{}
.footer .nav-2nd > li > a{display: block;margin-bottom: 10px;line-height: 20px;color: #999;transition: 0.3s;}
.footer .nav-2nd > li > a:hover{color: #004496;}
/*联系我们*/
.contact-wrap{display: inline-block;}
.contact-wrap > *{display: block;margin-bottom: 10px;line-height: 20px;color: #999;}
.contact-wrap > em{font-size: 20px;color: #666;}
.contact-wrap > em i{font-size: 28px;}
.footer .bottom .contact-wrap{display: none;}
/*互动栏*/
.footer .interaction-wrap{position: absolute;right: 0;top: 40px;}
.footer .interaction-wrap > .title{margin-bottom: 20px;font-size: 16px;line-height: 20px;font-weight: bold;color: #666;}
/*二维码*/
.footer .qrcode-wrap{margin-top: 20px;font-size: 0;}
.footer .qrcode-wrap > .item{display: inline-block;vertical-align: top;margin-left: 10px;font-size: 14px;text-align: center;}
.footer .qrcode-wrap > .item:first-child{margin-left: 0;}
.footer .qrcode-wrap > .item .pic{display: block;width: 90px;height: 90px;margin: 0 auto;}
.footer .qrcode-wrap > .item .name{margin-top: 5px;line-height: 20px;color: #999;}
/*版权*/
.footer .cr{padding: 0 200px 0 330px;line-height: 20px;color: #999;}
.footer .cr span{margin-right: 10px;word-break: keep-all;}
.footer .cr .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -3px 5px 0 0;}
.footer .cr a{display: inline-block;color: #999;transition: 0.3s;}
.footer .cr a:hover{color: #004496;}
/*友情链接*/
.footer .friend-links{position: absolute;right: 0;top: 50%;width: 120px;transform: translateY(-50%);}
.footer .friend-links .name{height: 34px;background-color: transparent;border: 1px solid #ccc;line-height: 32px;color: #999;}
.footer .friend-links .list{bottom: 100%;background-color: #fff;border: 1px solid #ccc;}
.footer .friend-links .list li a{padding: 10px;color: #999;transition: 0.3s;}
.footer .friend-links .list li a:hover{background-color: #004496;color: #fff;}
/*其他链接*/
.footer .other-links{position: absolute;left: 0;top: 50%;font-size: 0;transform: translateY(-50%);}
.footer .other-links a{display: inline-block;padding: 0 10px;border-left: 1px solid #ccc;font-size: 14px;line-height: 14px;color: #999;transition: 0.3s;}
.footer .other-links a:first-child{border-left: 0;}
.footer .other-links a:hover{color: #004496;}

/*弹窗-视频*/
.popup-video{display: none;z-index: 2;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: #0091db;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{width: 100%;}
.video-js{position: static;width: 100%;height: auto;padding-top: 56.3%;}
.video-js .vjs-big-play-button{display: none;}

/*2020.10.19*/
/*右侧悬浮栏*/
.fixed-float-wrap{visibility: hidden;opacity: 0;z-index: 1;position: fixed;right: 0;top: 60%;padding-bottom: 30px;transform: translateY(-50%);transition: 0.5s;}
.fixed-float-wrap .item{position: relative;display: block;width: 60px;height: 60px;background-color: #0091db;border-left: 1px solid #fff;border-bottom: 1px solid #fff;cursor: pointer;}
.fixed-float-wrap .item .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 28px;height: 28px;margin: auto;}
.fixed-float-wrap .item .hidden-wrap{visibility: hidden;z-index: -1;position: absolute;right: 0;top: 0;padding: 15px 20px;background-color: #0091db;font-size: 12px;line-height: 20px;color: #fff;white-space: nowrap;transition: right 0.3s;}
.fixed-float-wrap .item .tit{font-size: 16px;}
.fixed-float-wrap .item .txt{margin-top: 5px;}
.fixed-float-wrap .item .txt img{display: block;width: 160px;height: 160px;max-width: none;}
.fixed-float-wrap .item:hover .hidden-wrap{visibility: visible;right: 100%;}
.fixed-float-wrap.show{visibility: visible;opacity: 1;top: 50%;}
.fixed-float-wrap .fold-btn{position: absolute;right: 0;bottom: 0;width: 40px;background-color: #0091db;font-size: 12px;text-align: center;line-height: 30px;color: #fff;cursor: pointer;transition: 0.5s;}
.fixed-float-wrap.fold{right: -60px;}
.fixed-float-wrap.fold .fold-btn{right: 100%;}


/*中屏PC:<=1400px(针对1366*650)*/
@media screen and (max-width: 1400px){
	/*导航*/
	.nav-box{left: 240px;}
	.nav-box .nav-1st > li{padding: 0 15px;}
	.nav-box .nav-1st > li > a{font-size: 16px;}
	.nav-box .nav-2nd-wrap{padding: 25px 0;}
	.nav-box .nav-2nd-wrap .title .name{font-size: 24px;}

	/*footer*/
	.footer .nav-1st > li{margin-left: 70px;}
}

/*小屏PC:>=1025px && <=1280px*/
@media screen and (max-width: 1280px){
	/*导航*/
	.nav-box{left: 220px;}
	.nav-box .nav-1st > li > a{font-size: 16px;}
	.nav-box .nav-2nd-wrap{padding: 20px 0;}
	.nav-box .nav-2nd-wrap .title .name{top: 30px;}
	.nav-box .nav-2nd > li > a{padding: 10px 20px;font-size: 14px;}

	/*footer*/
	.footer .nav-1st > li{margin-left: 60px;}
	.footer .cr{padding: 0 160px 0 300px;}
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	/*header*/
	.header{height: 80px;}
	.header .logo{top: 15px;}
	.header .logo img{max-width: 140px;max-height: 40px;}
	/*信息栏*/
	.header .info-wrap{left: 0;bottom: 10px;font-size: 14px;}
	/*导航*/
	.nav-box{left: 150px;}
	.nav-box .nav-1st > li{padding: 0 10px;line-height: 80px;}
	.nav-box .nav-1st > li > a{font-size: 14px;}
	.nav-box .nav-1st > li > a:after{bottom: 20px;}
	.nav-box .nav-2nd-wrap{top: 80px;padding: 10px 0;}
	.nav-box .nav-2nd-wrap .title .name{top: 15px;font-size: 20px;}
	.nav-box .nav-2nd-wrap .info{width: 240px;padding-left: 15px;}
	.nav-box .nav-2nd-wrap .info .tit1{font-size: 20px;}
	.nav-box .nav-2nd{margin: 0 240px 0 22%;}
	/*头部-页面滚动样式*/
	.header.fixed .logo{top: 15px;}
	.header.fixed .info-wrap{bottom: 10px;}

	/*footer*/
	.footer .top{padding: 30px 110px 20px 0;}
	.footer .nav-1st > li{margin-left: 40px;}
	.footer .nav-1st > li > a{margin-bottom: 10px;font-size: 15px;}
	.contact-wrap{max-width: 200px;}
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*header*/
	.header{height: 60px;background-color: #fff;}
	.header .logo{top: 50%;transform: translateY(-50%);}
	/*信息栏*/
	.header .info-wrap{display: none;}
	/*语言选择*/
	.header .lang-select{right: 80px;width: 60px;}
	.header .lang-select:before{display: none;}
	.header .lang-select .name{padding: 0 10px 0 10px;}
	.header .lang-select .name:before{display: none;}
	.header.fixed{height: 40px;}
	/*移动端导航按钮*/
	.header .menu-btn{display: block;}
	/*导航*/
	.nav-box{display: none;}
	/*搜索按钮*/
	.header .search-btn{right: 45px;width: 20px;height: 20px;background-size: 100% 100%;}
	/*头部-页面滚动样式*/
	.header.fixed .logo{top: 50%;}

	/*footer*/
	.footer .top{display: none;}
	.footer .bottom{padding: 10px 0 45px;}
	.footer .cr{padding: 0;font-size: 12px;}
	.footer .other-links{top: auto;bottom: 18px;transform: translateY(0);}
	.footer .other-links a{font-size: 12px;}
	.footer .other-links a:first-child{padding-left: 0;}
	.footer .friend-links{top: auto;bottom: 10px;transform: translateY(0);}
	.footer .friend-links .name{height: 28px;font-size: 12px;line-height: 26px;}
	.footer .bottom .contact-wrap{display: block;max-width: none;}
	.footer .bottom .contact-wrap > *{margin-bottom: 0;font-size: 12px;}
	.footer .bottom .contact-wrap > em{font-size: 12px;}
	.footer .bottom .contact-wrap > em i{font-size: 12px;}
	
	/*2020.10.19*/
	/*右侧悬浮栏*/
	.fixed-float-wrap{padding-bottom: 20px;}
	.fixed-float-wrap .item{width: 40px;height: 40px;}
	.fixed-float-wrap .item .icon{width: 20px;height: 20px;}
	.fixed-float-wrap .fold-btn{width: 30px;line-height: 20px;}
	.fixed-float-wrap.fold{right: -40px;}
}