:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus{outline: inherit}
html{-webkit-tap-highlight-color: transparent}
body{overflow-x: hidden;color: #333;font-size: 14px;font-family: Arial, 'Microsoft Yahei';-webkit-overflow-scrolling: touch}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th{margin: 0;padding: 0;border: 0}
li,ol,ul{margin: 0;padding: 0;list-style-type: none}
input[type="file" i]{opacity:0; height:60px}
table{border-collapse: collapse;border-spacing: 0}
a{color: inherit;outline: none;text-decoration: none;background: transparent}
a:hover{color: #00a0e9}
a,em,i,span{display: inline-block}
b,em,i{font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 14px}
button{padding: 0}
button,input,optgroup,select,textarea{outline: 0;border: 0;vertical-align: middle;font-family: 'Microsoft Yahei'}
input[type=radio],input[type=checkbox]{vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text]{outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea{resize: none;font-size: 14px}
textarea,.select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand{display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after{display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear{clear: both}

/* 多字省略 */
.font-omit {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; /*-webkit-line-clamp: 2;*/}
.center{text-align: center}
.flex{display:flex}
.flex_wrap{flex-wrap:wrap}
.flex_1{width:100%;}
.flex_2{width:50%;}
.flex_3{width:33.333%;}
.flex_4{width:25%;}
.align-items{align-items: center}
.width_1776px{max-width:1776px}
.width_1400px{max-width:1400px}
.width_1608px{max-width:1608px;padding-left:3%}
.width_1609px{max-width:1609px;padding-left:3%}
.width_1417px{max-width:1417px}
.width_1000px{max-width:1000px}
.pd_15{padding:0 15px}
.flex_5{width:20%;}
.relative{position:relative}
.absolute{position: absolute}
.bg_white{background:#fff}
.color_white{color:#fff;}
.mg_auto{margin:0 auto}
.show{display:block}
.hide{display:none}
.fl_l{float:left}
.fl_r{float:right}
.space-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.flex_center {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center}
.mg_top_30{margin-top:30px;}
/* 头部 */

.index_header{width:100%; left:0;top: 0;position: absolute;z-index:1000; margin-top:18px; position:fixed;padding:10px 0;}
.top_log{padding-right:20px}
.noen{display:none}
.index_header.active{background-color:rgba(255,255,255,.9);box-shadow:0 0 10px #eee;margin:0;}
.index_icon  > div{padding: 0 0.8vw;}
.index_header.active .img01{display:none}
.index_header.active .img02{display:block}
.index_header.active .header_list.color_white,.index_header.active .laung a.color_white{color: #373737}
.index_header.active .header_list li a.current{color:#2b52a3}
.index_header.active  .header_list li a:hover{color:#2b52a3;font-weight:bold;border-bottom:2px solid #2b52a3;}
.wx_ewm{height:200px; width:200px;top:35px;display:none;left:-76px}


.header_sub_list,.header_list{width:817px}
.header_sub_list li,.header_list li{flex:1;padding-bottom:5px;line-height:30px;font-size: 18px}
.header_sub_list li a,.header_list li a{padding-bottom:5px;display:inline-block;}
.header_list li > .current {color:#FFFC00;font-weight: 800;}
.header_list a:hover{ border-bottom:2px solid #fff;padding-bottom:5px;color:#FFFC00}
.header_icon{width:320px}
.search_input{padding:10px 23px 8px 23px !important;width:393px; height:40px; bottom:-57px; left:-383px}
.select{border-right:1px solid #cac8c8;width:88px}
.select select{width:100%;height:40px;font-size:16px}
.input_search{width:270px;height:40px;padding-left:10px}
.input_search input{width:100%;height:40px;font-size:16px}
.home_search_icon a{height:26px; padding-top:5px; display:block;float:left;width:20px}
.laung a{padding: 0 15px;font-size:16px}
.boder{border-right:1px solid #f5f5f5}
/* 子页面头部 */
.heder_sub_top{padding:15px 0;}
.header_sub_list li > .current {color:#2b52a3;font-weight: 800;}
.header_sub_list li a:hover{color:#2b52a3; border-bottom:2px solid #2b52a3;padding-bottom:5px;}
/* 底部 */
.footer{background:url(/public/images/footer_bg.png) no-repeat left top;padding-top:25px}
.foot_nav{width:80%}
.foot_nav_list{width:20%}
.footer_tit{font-family: Microsoft YaHei;font-weight: bold;line-height:30px;font-size:16px;}
.footer_tit1{line-height:30px}
.wx_tit{font-size:18px;padding:10px 0}
.footer_copyright{border-top:1px solid #9c9b9b;padding:15px 0; margin-top:10px}


/* 图片缩放 */
.img-scale{overflow: hidde;}
.img-scale img {transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.img-scale:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}

/* 分享 */
.fx{width:150px;margin-top:20px;position:none;}
.fx_01 a{display:block;width:30px}
.share-weixin, .share-xinlang, .share-QQ {display: block;width: 3%}
.share-weixin {background: url(/public/images/wx.png) no-repeat left center}
.share-xinlang {background: url(/public/images/wb.png) no-repeat left center;display: block}
.share-QQ {background: url(/public/images/qq.png) no-repeat left center;display: block}
.none {display: none}
.qrcode_mask {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.5;z-index: 1999}
.qrcode {width: 180px;padding: 20px;position: fixed;z-index: 2000;left: 50%;top: 50%;margin-left: -120px;margin-top: -140px;background: #fff;z-index: 100000;font-size: 14px;text-align: center;-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)}
.qrcode img {max-width: 100%;max-height: 100%}
.qrcode p {margin: 10px 0}
.weixin_close {background: #0058A7;display: inline-block;width: 100%;height: 30px;line-height: 30px;text-align: center;color: #fff;text-decoration: none}
.shade {position: fixed;left: 0;top: 0;z-index: 100;display: none;width: 100%;height: 100%;background-color: #000;filter: alpha(opacity=50);opacity: 0.5}
.share-xinlang{display:none !important}
/* 页码 */
.page a{display:block; padding:10px 15px;background:#fff;margin-right:5px;border-radius:5px !important;}
.page .cur,.page a:hover{color:#fff;background:#2b52a3;border-radius:5px !important;}



/* 旋转木马 */
.xzmm{display: flex;align-items: center;justify-content: center}
.poster-main{position: relative}
.poster-main a,.poster-main img{display: block;width: 100%;height: 100%}
.poster-main .poster-list{width: 1000px;height: 500px}
.poster-main .poster-list .poster-item{width: 200px;height: 500px;position: absolute;left: 0;top: 0}
.poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;filter: opacity(.5) brightness(1)}
.poster-main .poster-btn:hover{filter: opacity(1) brightness(2)}
.poster-main .poster-prev-btn{left: -120px;background: url(/public/images/left.png) no-repeat center center}
.poster-main .poster-next-btn{right: -120px;background: url(/public/images/right.png) no-repeat center center}
.poster-item-title{font-size: 18px;text-align: center;line-height: 48px;display: block;color: #000}
/* 旋转木马结束 */


.main-nav-m,.header-m{display:none}

@media(max-width:1200px){ 
    /* 手机端头部菜单 */
.header-m {display: block; position:fixed;z-index:999;  left: 0;  top: 0;  width: 100%;  height: 70px;  background: #fff;  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)}
.header-m::after {display: none;  position: fixed;  content: "";  top: 70px;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  z-index: 100}
.header-m .logo {position: absolute;  height: 70px;  line-height: 70px}
.header-m .logo img {height: 60px;object-fit: scale-down;max-width: 100%; margin-top: 5px; padding-left: 10px;}
.header-m .m-menu-b {display: block;  position: absolute;  top: 0;  right: 0;  width: 60px;  height: 70px;  cursor: pointer}
.header-m .m-menu-b span {position: absolute;  left: 50%;  top: 50%;  height: 1px;  width: 26px;  margin-left: -12px;  background: #333;  transition: all .3s ease-out .3s}
html.active .header-m .m-menu-b span {width: 0;  transition: all .3s ease-out .3s}
.header-m .m-menu-b::before,.header-m .m-menu-b::after {position: absolute;  content: "";  top: 50%;  left: calc(35px / 2);  width: 26px;  height: 1px;  z-index: 999;  transition: all .3s ease-out .3s;  -webkit-transition: all .3s ease-out .3s;  background: #333}
.header-m .m-menu-b::before {transform: translateY(-8px) rotate(0);  -webkit-transform: translateY(-8px) rotate(0)}
.header-m .m-menu-b::after {transform: translateY(8px) rotate(0);  -webkit-transform: translateY(8px) rotate(0)}
.header-m .m-menu {display: none;  z-index: 888;  position: fixed;  width: 100%;  width: 260px;  height: 100%;  top: 0;  left: -260px;  opacity: 1;  background: #fafafa;  text-align: left;  margin-top: 70px}
.header-m .m-menu::after {position: absolute;  top: 70px;  content: "";  width: 100%;}
.header-m .nav {height: calc(100% - 82px);  overflow-x: hidden;  overflow-y: auto}
.header-m .nav>li {border-bottom: 1px solid #ebebeb;  animation: resize .5s both;  -webkit-animation: resize .5s both}
.header-m .nav>li>a {position: relative;  display: block;  width: 100%;  font-size: 15px;  padding: 0 40px;  color: #666;  vertical-align: middle;  text-overflow: ellipsis;  white-space: nowrap;  word-wrap: break-word;  overflow: hidden;  height: 50px;  line-height: 50px}
.header-m .nav>li>a::after {position: absolute;  content: "";  left: 20px;  top: 50%;  width: 8px;  height: 8px;  margin-top: -5px;  border: 1px solid #999;  border-radius: 50%;  background: transparent;  transition: all .3s;  -webkit-transition: all .3s}
.header-m .nav>li .sub-nav {display: none}
.header-m .nav>li .sub-nav a {position: relative;  display: block;  line-height: 24px;  padding: 12px 40px;  background: #f2f2f2;  color: #4e4e4e}
.header-m .nav>li .sub-nav a::before,.header-m .nav>li .sub-nav a::after {position: absolute;  content: "";  width: 0;  height: 0;  left: 20px;  top: 20px;  border: 5px solid transparent;  overflow: hidden;  transition: all .3s;  -webkit-transition: all .3s}
.header-m .nav>li .sub-nav a::before {left: 21px;  border-left: 5px solid #555}
.header-m .nav>li .sub-nav a::after {border-left: 5px #ebebeb solid}
.header-m .nav>li.cur {position: relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before {position: absolute;  content: "";  background: #999;  transition: all .5s;  -webkit-transition: all .5s}
.header-m .nav>li.cur::before {top: 19px;  right: 25px;  width: 2px;  height: 12px}
.header-m .nav>li.cur::after {top: 24px;  right: 20px;  width: 12px;  height: 2px}
.header-m .nav>li.active::after {background: #fff}
.header-m .nav>li.active::before {height: 0}
.header-m .nav>li.active>a {color: #fff;  background: #0193de}
.header-m .nav>li.active>a::after {border-color: #fff;  background: #fff}
.header-m .nav>li.active .sub-nav li {animation: ReturnToNormal .5s both;  -webkit-animation: ReturnToNormal .5s both}
.header-m .m-language {position: absolute;  left: 0;  bottom:100px;  width: 100%;  text-align: center}
.header-m .m-language a {color: #666;  height: 40px;  line-height: 40px;  font-size: 16px;  display: block;  border-bottom: 1px solid #ebebeb;  animation: slideInUp 1.5s both;  -webkit-animation: slideInUp 1.5s both}
.header-m .m-search-b {display: block;  position: absolute;  top: 0;  right: 0;  width: 40px;  height: 70px;  cursor: pointer;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;  background-size: 23px}
html.active {height: 100%;  overflow: hidden}
html.active body {height: 100%;  overflow: hidden}
html.active .header-m {left: 0}
html.active .header-m::after {display: block}
html.active .header-m .m-menu-b::before,html.active .header-m .m-menu-b::after {background: #000}
html.active .header-m .m-menu-b::before {transform: translateY(0) rotate(225deg);  -webkit-transform: translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after {transform: translateY(0) rotate(-225deg);  -webkit-transform: translateY(0) rotate(-225deg)}
html.active .header-m .m-menu {display: block;  left: 0}
html.active footer,html.active main,html.active .i-banner,html.active .banner {transform: translateX(260px);  -webkit-transform: translateX(260px)}
header,main,section,footer,.header-m,.banner {transition: all .5s;  -webkit-transition: all .5s}

/* 手机的内页菜单 */
.main-nav-m {display: block;position: relative;z-index: 555;cursor: pointer}
.main-nav-m .title {position: relative;height: 45px;line-height: 45px;padding: 0 10px;background: #004b88}
.main-nav-m .title strong {color: #fff;font-size: 16px;font-weight: bold}
.main-nav-m .title i {position: absolute;content: '';width: 45px;height: 100%;right: 0}
.main-nav-m .title i::before, .main-nav-m .title i::after {position: absolute;top: 50%;content: '';width: 12px;height: 1px;background: #fff;transition: all .3s;-webkit-transition: all .3s}
.main-nav-m .title i::before {left: 46%;transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after {right: 46%;transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before {transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after {transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m >ul {display: none;position: absolute;top: 45px;width: 100%;padding: 0 10px;background: rgba(0, 75, 136, 0.8);color: #fff}
.main-nav-m ul >li {animation: ReturnToNormal .5s both;-webkit-animation: ReturnToNormal .5s both}
.main-nav-m ul >li >a {display: block;line-height: 45px;border-bottom: 1px solid rgba(255, 255, 255, 0.55)}
.m_sub_nav01{width:97%;display:none}
.m_sub_nav01 a{padding-left:20px;display:block;line-height:45px;}
}



@media(max-width:500px){
    .page{margin:10px 0;}
    .page a{padding:10px}
}