@charset "utf-8";
/* CSS Document*//*全局样式*/
body{font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif, "宋体";font-size: 12px;color: #333;background: #fff;}
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
th,
img,
div,
tr,
p,
select,
dl,
dt,
dd{margin: 0;padding: 0;outline: none;/* box-sizing: border-box;*/}
li{list-style: none;}
img{border: 0 none;vertical-align: middle;}
a{text-decoration: none;color: #333;outline: none;cursor: pointer;box-sizing: border-box;}
a:focus{outline: none;}
.clear{clear: both;height: 0px;display: block;line-height: 0px;visibility: hidden;overflow: hidden;zoom: 1;}
input{vertical-align: middle;border: none;background: none;}
select{vertical-align: middle;border: none;background: none;}
button{text-align: center;border: 0;cursor: pointer;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: normal;font-size: 12px;}
textarea,
input{word-wrap: break-word;word-break: break-all;padding: 0px;background: none;}
label{cursor: pointer;}
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner{border: none;}
input[type=button],
input[type=submit]{cursor: pointer;}
input:focus{outline: none;}
/* 左浮动*/.fl{float: left;}
/* 右浮动*/.fr{float: right;}
/* 鼠标变小手*/.cs{cursor: pointer;}
/* 超过一行内容多的变成...*/.dian1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
/* 超过两行行内容多的变成...*/.dian2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 超过三行内容多的变成...*/.dian3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* 12px的字体至28px 如果你是其他单位的如rem等,请自行斟酌修改使用*/.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fixed:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;}
html .fixed{*zoom: 1;}
/* 清除浮动*/.cb{clear: both;}
/* 不让用户选中*/.noselect{-webkit-touch-callout: none;/* iOS Safari*/-webkit-user-select: none;/* Chrome/Safari/Opera*/-khtml-user-select: none;/* Konqueror*/-moz-user-select: none;/* Firefox*/-ms-user-select: none;/* Internet Explorer/Edge*/user-select: none;/* Non-prefixed version, currently not supported by any browser*/}
.scrollbarchange::-webkit-scrollbar{/*滚动条整体样式*/width: 5px;/*高宽分别对应横竖滚动条的尺寸*/height: 1px;position: absolute;right: 0px;}
.scrollbarchange::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius: 10px;background: #e0e0e0;}
.scrollbarchange::-webkit-scrollbar-track{/*滚动条里面轨道*/border-radius: 10px;background: #f2f2f2;}
.w-1200{width:1200px;margin:0 auto;}
/* 顶部*/.header{position: relative;}
.header .top,
.header .search-main{position: relative;z-index:5}
.header .nav-main{position: relative;z-index: 12;}
.header .banner-top{position: absolute;z-index: 1;background: url(../image/top-banner.jpg) no-repeat center;background-size:cover;width: 100%;min-width: 1200px;top:0;bottom:0;transition: all .5s;}
.header .top{/* height: 65px;line-height: 65px;*/height: 45px;padding-top: 15px;}
.header .top .box{float:right;margin-left:40px;color:#fff;}
.header .top .box a.link{color:#fff;margin:0 5px;/* transition: all .5s;*/}
.header .top .box a.link:hover{font-weight: bold;text-decoration: underline;}
.header .top a.link_1:hover{font-weight: bold;text-decoration: underline;}
.header .top .icon{display:inline-block;width: 22px;height: 22px;margin-right:10px;vertical-align: middle;background-size:cover;}
.header .top .icon-1{background: url(../image/icons/icon-top-1.png) no-repeat center;}
.header .top .icon-2{background: url(../image/icons/icon-top-2.png) no-repeat center;}
.header .top .icon-3{background: url(../image/icons/icon-top-3.png) no-repeat center;}
.header .top select{color:#fff;}
.header .top select option{color:#000;}
.header .nav-main{height: 106px;}
.header .nav-main .container{padding: 20px 0;transition: all .5s;}
.header .logo{width: 241px;height: 63px;float:left;}
.header .logo a{display: block;width: 100%;height: 100%;background: url(../image/logo.png) no-repeat center;}
.header .nav{float:right;margin-top:25px;}
.header .nav ul li{float: left;width: 95px;font-size:18px ;text-align: center;margin:0 10px;/* transition: all .5s;*//* position: relative;text-decoration: none;text-transform: uppercase;vertical-align: middle;letter-spacing: 0;*//* transition: all 150ms linear 0s;*//* transform: perspective(1px) translateZ(0);float:left;*/vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgb(0 0 0 / 0%);position: relative;}
.header .nav ul li::after{/* -webkit-backface-visibility: hidden;backface-visibility: hidden;border: 2px solid rgba(255, 255, 255, 0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: absolute;bottom: -5px;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;*//* width: 0;*//* margin: 0;left: 51%;right: 51%;*/content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: -10px;background: #fff;height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.header .nav ul li a{color:#fff;transition: all .5s; font-size: 18px;}
.header .nav ul li:hover a{transition: all .5s;}
.header .nav ul li:hover{/* letter-spacing: 1px;*/font-weight: bold;/* transition: all bold .2s;*/transition: all 150ms linear 0s;}
.header .nav ul li:hover::after{/* -webkit-backface-visibility: hidden;backface-visibility: hidden;*//* border-color: #fff;*//* -webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 92%;*//* -webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;*//* width: 92%;*/left: 0;right: 0;background: #fff;}
.header .nav ul li.active{/* letter-spacing: 5px;*/font-weight: bold;}
.header .nav ul li.active::after{/* -webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 92%;*/left: 0;right: 0;}
.header .search-main{/* padding-top: 350px;*/padding-top: 515px;transition: all .5s;}
.header .search-box{width:530px;height: 50px;display: flex;}
.header .search-input{flex: 1;background: #fff;font-size: 16px;padding:0 15px;border:none;}
.header .search-btn{width:110px;border:none;background: #0052b7;font-size: 16px;color:#fff;align-items: stretch;text-align: center;line-height: 50px;}
.header .nav_search{cursor: pointer;width: 50px;height: 24px;margin-top:25px;background:url(../image/icons/icon-search-bai.png) no-repeat center;transition: all .5s;}
.header_animate{background-attachment: fixed;}
.header_animate .nav_search{background:url(../image/icons/icon-nav-serarch.png) no-repeat center;}
.header_animate .nav_search:hover{background:url(../image/icons/icon-search-actove.png) no-repeat center;}
.header_animate .top .box,
.header_animate .top select,
.header_animate .top .box a.link{color:#333333 !important;}
.header_animate .top .icon-1{background:url(../image/icons/icon-top-1-active.png) no-repeat center;}
.header_animate .top .icon-2{background:url(../image/icons/icon-top-2-active.png) no-repeat center;}
.header_animate .top .icon-3{background:url(../image/icons/icon-top-3-active.png) no-repeat center;}
.header_animate .nav-main .container{border-bottom: solid 1px #cccccc;}
.header_animate .nav-main .logo a{background: url(../image/logo-2.png) no-repeat center;}
/* .header .nav-main .nav_fixed .nav li a*/.header_animate .nav li a{color:#333333 !important;}
.header_animate .banner-top{top: 150px;}
.header_animate .banner-top{background: url(../image/top-banner-active.jpg) no-repeat center;}
.header_animate .search-main{/* margin-top: 220px;*/margin-top: 0;}
.header_animate .search-main{padding-top: 370px;}
/* .header .nav-main .nav_fixed{position: fixed;top: 0;left: 0;right: 0;height: 106px;background: #fff;z-index: 12;}*//* .header_animate .nav ul li:hover{letter-spacing: 5px;transition: all 150ms linear 0s;}*/.header_animate .nav ul li::after{background: #0066cc;}
.header_animate .nav ul li:hover a{color:#0066cc !important;/* font-weight: bold;*/}
.header_animate .nav ul li:hover::after{/* -webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #0066cc !important;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;*//* width: 92%;*/background: #0066cc;left: 0;right: 0;}
.header_animate .nav ul li.active{/* letter-spacing: 5px;*/font-weight: bold;}
.header_animate .nav ul li.active a{color:#0066cc !important;}
.header_animate .nav ul li.active::after{-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #0066cc !important;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 92%;}
.header_animate .top .box a.link:hover,
.header_animate .top a.link_1:hover{font-weight: bold;color:#0066cc !important;text-decoration: underline;}
.header .top_fixed{position: fixed;top: 0;left: 0;right: 0;/* background: #fff;*/z-index: 9;}
.header_animate .top_fixed{background-color: #fff;}
/* .header_scroll*//* 底部*/.footer{background: #0052b7;}
.footer .container{height: 291px;display: flex;align-items: center;}
.footer .foot_logo{width: 270px;padding-left: 25px;}
.footer .foot_logo img{width: 240px;}
.footer ul.footer-list{padding-left: 70px;flex: 1;font-size:14px ;color:#fff;line-height: 36px;}
.footer .footer-list .text{display: inline-block;width: 240px;}
.footer .code_cont{overflow: hidden;width: 310px;padding: 0 30px;}
.footer .code_cont .code_box{width: 100px;}
.footer .code_cont .code_box img{width: 100%;}
.footer .code_cont .code_box .text{text-align: center;font-size: 14px;color:#fff; line-height: 35px;}
.mask_pop{display: none;position: fixed;left:0;right:0;top:0;bottom: 0;z-index: 80;background: rgba(0,0,0,.8);}
.search_pop_mask{display: none;position: fixed;top: 200px;left: 0;right: 0;z-index: 99;margin: auto;}
.search_pop_mask .search_pop{background: #fff;padding: 40px 60px;top:200px;}
.search_pop_mask .search_box{width: 100%;display: flex;height: 50px;}
.search_pop_mask .search_input{flex: 1;border:solid 1px #333333;border-right: none;padding: 0 20px;font-size:16px;}
.search_pop_mask .search_btn{width: 110px;background: #0052b7;color:#fff;font-size:16px;}
.search_pop_mask .list{margin:15px 0;}
.search_pop_mask .list .text{display: inline-block;font-size: 14px;margin: 0 15px;color:#0066cc;line-height: 30px;vertical-align: middle;}