/* 公共样式*/
body,html{width:100%;height:100%;background-color:#fff;font-family: 'MicrosoftYaHei','Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #333;font-size:15px;line-height: 1.5;cursor: default}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, ol, ul, li,input,select,button,textarea,tr,td,section,blockquote,a,label{ padding:0; margin:0; border:none;box-sizing:border-box;-moz-box-sizing: border-box;word-break:break-all;}
html{font-size: 100px;}
@media screen and (max-width:1440px){
    html{font-size:93.75px}
}
@media screen and (max-width:1366px){
    html{font-size:87.5px}
}
@media screen and (max-width:1280px){
    html{font-size:80px}
}
@media screen and (max-width:768px){
    html{font-size:22px}
}
@media screen and (max-width:550px){
    html{font-size:18px}
}
@media screen and (max-width:390px){
    html{font-size:14px}
}
h1, h2, h3, h4, h5, h6{font-weight: 500;}
input,button,select,textarea,a,img{outline:none; }
::-moz-focus-inner{border:0;}
p>img,img{display:inline-block;width:auto;height: auto;max-width: 100%;}
p>img { margin-bottom:10px;}
a{display:inline-block;color:inherit;text-decoration:none}
i{display:inline-block}
input,button,select,textarea,a,img{outline:none;}
input{font-size:14px;font-family: "MicrosoftYaHei";}
textarea {padding:10px;font-family: 'MicrosoftYaHei';}
ul,ul li,ol li,li{list-style:none}
a,img,input,textarea{border:none}
input::-webkit-input-placeholder{color:#ababab;}
a{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
label{display: inline-block;}
.img-cover{display:block;width:100%;height: 100%;object-fit:cover;}
.img-width{display:block;width:100%;height: auto;}
.img-height{display:block;width:auto;height: 100%;}
.img-scale{display:inline-block;width:100%;height: 100%;object-fit: scale-down;}
.img-auto { max-width: 100%;height: auto;}
.img-block { display: block;}
.fl{float:left}
.fr{float:right}
.clear::after { content: '';display: block;clear: both;}
.none{display:none}
.pr{position:relative}
.pa{position:absolute}
.flex {display: flex;}
.flex-c{display: flex;align-items: center;}
.flex-c-c{display: flex;align-items: center;justify-content: center;}
.flex-c-sb{display: flex;align-items: center;justify-content: space-between;}
.flex-c-sa{display: flex;align-items: center;justify-content: space-around}
.flex-c-e{display: flex;align-items: center;justify-content: flex-end;}
.flex-e{display: flex;align-items: flex-end;}
.flex-e-sb{display: flex;align-items: flex-end;justify-content: space-between;}
.flex-s{display: flex;align-items: flex-start;}
.flex-s-sa{display: flex;align-items: flex-start;justify-content: space-around;}
.flex-s-sb{display: flex;justify-content: space-between;}
.flex-s-c{display: flex;justify-content: center;}
.flex-wrap {display: flex;flex-wrap: wrap;align-content: flex-start;}
.flex-wrap-c-c {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.flex-wrap-c-sb {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.flex-warp-c-e{display: flex;;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.flex-column {display: flex;flex-direction: column;align-items: start;}
.flex-column-c {display: flex;flex-direction: column;align-items: center;justify-content: start;}
.flex-column-c-c {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.flex-column-s-sb {display: flex;flex-direction: column;justify-content: space-between;}
.flex-column-c-sb {display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.flex-column-s-c {display: flex;flex-direction: column;justify-content: center;align-items: start;}
.flex-column-c-e {display: flex;flex-direction: column;    align-items: end;justify-content: center;}
.flex-auto {flex: 1 1 auto;}
.ellipsis_1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ellipsis_2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis_3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis_4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.pointer { cursor: pointer;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.nowrap{white-space: nowrap;}
.inline-div {display: inline-block;}
.margin_tb7 {margin: 7px 0;}
.margin_tb2 {margin: 2px 0;}
.margin_tb20 {margin: 20px 0;}
.margin_top3{margin-top: 3px;}
.margin_top6{margin-top: 6px;}
.margin_top10{margin-top: 10px;}
.margin_top14{margin-top: 14px;}
.margin_top16{margin-top: 16px;}
.margin_top20{margin-top: 20px;}
.margin_top30{margin-top: 30px;}
.margin_top40{margin-top: 40px;}
.margin_top50{margin-top: 50px;}
.margin_top70{margin-top: 70px;}
.margin_top80{margin-top: 80px;}
.margin_bottom3 {margin-bottom: 3px;}
.margin_bottom10 {margin-bottom: 10px;}
.margin_bottom14{margin-bottom: 14px;}
.margin_bottom16{margin-bottom: 16px;}
.margin_bottom20 {margin-bottom: 20px;}
.margin_bottom30 {margin-bottom: 30px;}
.margin_lr6 { margin-left: 6px;margin-right: 6px;}
.margin_lr10 { margin-left: 10px;margin-right: 10px;}
.margin_lr20 { margin-left: 20px;margin-right: 20px;}
.margin_right5 {margin-right: 5px;}
.margin_right8 {margin-right: 8px;}
.margin_right10 {margin-right: 10px;}
.margin_right16 {margin-right: 16px;}
.margin_right20 {margin-right: 20px;}
.margin_right30 {margin-right: 30px;}
.margin_left5{margin-left: 5px;}
.margin_left10{margin-left: 10px;}
.margin_left16{margin-left: 16px;}
.margin_left20{margin-left: 20px;}
.padding30{padding: 30px;}
.padding20{padding: 20px;}
.padding10{padding: 10px;}
.padding_tb10{padding: 10px 0;}
.padding_tb20{padding: 20px 0;}
.padding_top10{padding-top: 10px;}
.padding_top20{padding-top: 20px;}
.padding_top50{padding-top: 50px;}
.padding_right10 { padding-right: 10px;}
.padding_right20 { padding-right: 20px;}
.padding_left20 { padding-left: 20px;}
.margin_left_auto { margin-left: auto;}
.font-weight-bold { font-weight: bold;}
.line-height18{line-height: 1.8;}
.page-center{ max-width: 1400px;width: 90%;margin: auto;}
.bg-white{background-color: #FFFFFF;}
.mask{position: absolute;left: 0;top:0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .4);z-index: 1}
/*头部*/
.header{width: 100%;min-width: 300px;height: auto;z-index: 1000;}
/*搜索pc*/
.search-block{width: 0.82rem;height: 0.5rem;border-radius: 0.25rem 0 0 0.25rem;position: absolute;right: 0;top: calc(50% - 0.25rem);z-index: 11;transition:.5s}
.search-block-btn{width: 100%;height: 100%;background: #0076C1;border-radius: 25px 0 0 25px;transition:.5s}
.search-block .search-block-icon{width: 30px;height: 30px;margin-left: 14px}
.search-block .search-block-icon img:nth-child(2){display: none}
.header-block-blue .search-block-btn{background: #FFFFFF}
.header-block-blue .search-block-icon img:nth-child(2){display: block}
.header-block-blue .search-block-icon img:nth-child(1){display: none}
.search-content{position: fixed;left: 0;top:0;right: 0;bottom: 0;display: none}
.search-for{z-index: 2;width: 46%;height: 0.6rem;background: #FFF;left: 50%;top:50%;transform: translate(-50%,-50%)}
.search-for-input{flex: 1;height: 100%;padding: 0 10px;font-size: 0.18rem;color: #333}
.search-for-btn{flex: 0 0 140px;height: 100%;background: #0076C1;color: #FFF;font-size: 20px}
.search-for-btn:hover{background: #1b94e1;}
.search-content .search-close{width: 40px;height: 40px;right: 30px;top: 30px;z-index: 2}
.search-content .search-close b{display: block;width: 40px;height:3px;position: absolute;left: 0;top: 18px;border-radius: 6px;background: #FFF}
.search-content .search-close b:nth-child(1){transform: rotate(45deg);}
.search-content .search-close b:nth-child(2){transform: rotate(-45deg);}
/*搜索移动*/
.search-dialog-mobile{position: fixed;width: 100%;padding: 10px;top: 60px;right: 0;z-index: 66;background: #fff;display: none}
.search-dialog-mobile .dialog-icon-search{flex:0 0 20px;height: 20px;margin-right: 5px}
.search-dialog-mobile .dialog-brode {margin-right: 10px;flex:1 1 auto;border: 1px solid #eee;height: 40px;line-height: 40px;}
.search-dialog-mobile .dialog-brode input { padding:0 10px;}
.search-dialog-mobile .icon-close-search{text-align: center;line-height: 40px;flex: 0 0 28px;font-size: 40px;font-weight: 300;color: #666;}
/*pc端*/
.header-block{width: 100%;transition: all .5s;opacity: 1;position: fixed;background: linear-gradient(180deg, #030000 0%, rgba(0,0,0,0) 100%);z-index: 100;padding: 0.2rem 0}
.header-block.header-block-blue{background: #0076C1;box-shadow: 0 0 18px 0 rgba(0,0,0,0.1);}
.header-block-top{margin: 0 1rem 0 0.5rem;position: relative;transition: all .3s;flex: 1}
.header-block-top-logo{width: 2.36rem;height: 0.63rem}
.header-web-top-nav{font-size: 0.16rem;color: #fff;}
.header-web-top-nav li{position: relative;cursor: pointer}
.header-web-top-nav ul{position: absolute;left: 0;top: 0.44rem;width: 100%;display: none;box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.2rem 0.1rem}
.header-web-top-nav li.first-nav{padding: 0 0.2rem;height: 0.44rem;line-height: 0.44rem;text-align: center;}
.header-web-top-nav li.first-nav .bg-shadow{box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.2rem 0.1rem}
.header-web-top-nav li.first-nav a{width: 100%;white-space: nowrap;position: relative;display: block;}
.header-web-top-nav li.first-nav::before{content: '';width: 0;height: 1px;background: #FFF;position: absolute;left: 50%;transform: translateX(-50%);top:0.43rem;transition:.5s}
.header-web-top-nav li.first-nav:hover::before{width: 40%;}
.first-nav li{transition: opacity .4s, transform .5s;color:#FFFFFF;  background: #0076C1;opacity: 1;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;font-size: 0.14rem;}
/*.header-web-top-nav li.first-nav.on:hover li{-webkit-animation-name: subdd ;animation-name: subdd;animation-duration: 0.4s;-webkit-animation-duration: 0.4s; transform:none;opacity:1}*/
.header-web-top-nav li.first-nav.on li:hover {background: #FFF;color: #0076C1}
.header-block.header-block-blue .header-web-top-nav li.first-nav.on li:hover {background: #0076C1;color: #FFF}
.header-block.header-block-blue .first-nav li{color:#0076C1;  background: #FFFFFF;}
/*移动版导航*/
.header-mobile{width: 100%;position: absolute;display: none;top: 0;right: 0;z-index:100;}
.mobile-inner-header{position: fixed;top: 15px;right: 10px;z-index: 110;height: 30px}
.header-mobile .nav-icon{width: 50px;height: 50px;}
.header-mobile .nav-icon b{display: block;width: 34px;height:3px;background-color: #FFF;margin: 4px 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;border-radius:  6px;transform-origin:center 50%}
.header-mobile .nav-icon b:nth-child(2){width: 6px;opacity: 1;transition:0s;-ms-transition: .3s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}
.header-mobile .nav-icon b:nth-child(2)::before{content: '';width: 24px;height:3px;background: #FFF;position: absolute;right: 10px;top:0px;border-radius:  6px}
.header-mobile .nav-icon.open b:nth-child(1){transform: rotate(45deg);position: absolute;top:50%;right: 0;margin-top: -1px}
.header-mobile .nav-icon.open b:nth-child(2){opacity: 0;}
.header-mobile .nav-icon.open b:nth-child(3){transform: rotate(-45deg);position: absolute;top:50%;right: 0;margin-top: -1px}
.image-search{width: 30px;height: 30px;margin-right: 15px}
.header-mobile .mobile-nav-list .l-nav .t-nav-list .icon-arrow{width: 20px;height:9px;transition: .3s;}
.header-mobile .mobile-nav-list .l-nav .t-nav-list .icon-arrow.mobile-nav-list-openicon{transform: rotate(180deg)}
@keyframes subdd  {
    from { opacity: 0;}
    50% { opacity: 0.5; }
    to { opacity: 1;}
}
@media screen and (max-width: 768px) {
    .header-block{padding: 0.1rem 0;height: 60px;}
    .header-web-top-nav{display: none}
    .search-block{display: none}
    .header-mobile{display: block}
}
/* 子页面banner */
.page-banner { width: 100%;height: 450px;}
.ban-info {bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, rgba(26,26,26,0.5) 0%, rgba(26,26,26,0) 100%);}
.ban-info.list-ban{background:transparent;bottom: -30px;}
.info-tt { font-size: 32px;color: #fff;margin:28px 0;float:left;}
.info-line { width: 2px;height: 60px;margin: 24px 30px;background: #fff;float:left;}
.info-nav { padding: 40px 0;font-size: 16px;color: #fff;}
.navs{width:100%;background:url('/templates/index/image/zz/lbtp/nav-bg_pc.png') no-repeat center left / 50% 100%;margin-top:30px;}
.navs .nav-cont{display:inline-block;padding:38px 140px 38px 0;background:url('/templates/index/image/zz/lbtp/nav-bg_pc.png') no-repeat center right / auto 100%;}
.navs .navs-item{display:inline-block;margin-right: 20px;color:#fff;font-size:17px;padding: 6px 10px;;cursor:pointer;position: relative;border-radius: 6px;}
.navs .navs-item.on{background:#fff;color:#015bb1;}
.banner-pc{display:block;}
.banner-mobile{display:none;}
@media screen and (max-width: 768px){
  .page-center{width: calc(100vw - 2.6rem);}
  .page-banner { height:16rem;padding-top:60px;}
  .banner-mobile .tt-line{padding: 1.3rem;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, rgba(26,26,26,0.3) 0%, rgba(26,26,26,0) 100%);}
  .info-tt { font-size: 1.6rem;color: #fff;margin: 0;float: none;}
  .info-line {display:none;}
  .info-nav {font-size: 1rem;color: #fff;padding: 0.6rem 0 1rem 0;}
  .banner-pc{display:none;}
  .banner-mobile{display:block;}
  .banner-mobile .banner-box{height: 16rem;padding-top:60px;}
  .nav-box{margin: 1.3rem;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);}
  .box-tt{background:url(/templates/index/image/zz/lbtp/nav_bg.png) no-repeat center / cover;font-size: 1.2rem;text-align:center;color:#fff;padding: 0.9rem 0;}
  .box-tt .tt-icon{width: 1.5rem;height:1.5rem;margin: 0 auto 0.2rem;}
  .box-cont{}
  .box-cont .navs-item{display:inline-block;width:33.2%;text-align:center;padding: 0.8rem;border-right:1px solid #ececec;border-bottom:1px solid #ececec;}
  .box-cont .navs-item:nth-child(3n){border-right: 0;}
  .box-cont .navs-item.on{color: #015bb1;}
}
/*页面设置*/
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
/*底部*/
.footer .footer-top{width: 100%;padding:0.5rem 0;background: url("/templates/index/image/zz/syOctoberThirty/footer_bg.png") no-repeat 100%;background-size: cover;}
.footer-top-left{width: 6.2rem}
.footer-top-left-logo{width: 3.74rem;height: 1.04rem;margin-bottom: 0.44rem}
.footer-top-left-news .news-list{font-size: 0.14rem;color: #FFF;margin-right: 0.6rem;margin-bottom: 0.18rem;padding:0;}
.footer-top-left-news .news-list:nth-child(2n){margin-right: 0}
.footer-top-left-news .news-list-icon{width: 0.34rem;height: 0.34rem;margin-right: 0.13rem}
.footer-top-center{width: 4rem}
.footer-top-cente-title{font-size: 0.24rem;font-weight: bold;color: #FFF;margin-bottom: 0.09rem}
.footer-top-cente-block .block-list{background: rgba(251,251,251,0.11);border-radius: 4px;margin-right: 0.2rem;margin-top: 0.35rem;font-size: 0.14rem;color: #FFF;font-weight: bold}
.footer-top-cente-block .block-list a{display: block;width: 100%;height: 100%;padding: 0.13rem 0.25rem;}
.footer-top-right .qrcode{width: 1.2rem;font-size: 0.16rem;color: #FFF;margin-left: 0.2rem}
.footer-top-right .qrcode .qrcode-img{width: 1rem;height: 1rem;margin-bottom: 0.2rem}
.footer-bottom{width: 100%;height: 0.78rem;background: #05498A;font-size: 0.14rem;color: #FFF}
.footer-bottom .info-text{margin:0 0.5rem 0 0.2rem}

/*不同分辨率适配设置*/
@media screen and (max-width: 1200px) {
    .header-block{padding: 0.1rem 0;height: 60px;}
    .header-web-top-nav{display: none}
    .search-block{display: none}
    .header-mobile{display: block}
    /*导航*/
    .header-block{background: #0076C1 !important;}
    .header-mobile .mobile-nav-list{display: none; top: 60px;left: 0;position: fixed;width: 100vw;bottom:0;z-index: 99;flex-direction: row;padding: 5px 5% 30px;background: rgba(255,255,255,1);overflow-y: auto}
    .header-mobile .mobile-nav-list .l-nav{overflow-y: auto;overflow-x: hidden;width:100%;height: 100%;transition: all 0.5s;}
    .header-mobile .mobile-nav-list .l-nav .t-nav-list{padding: 12px 0;border-bottom: 1px solid #ddd;color: #0076C1;font-size: 16px;}
    .header-mobile .mobile-nav-list .l-nav .t-nav-list:last-child{border-bottom: 0px}
    .header-mobile .mobile-nav-list .l-nav .t-nav-list .icon-arrow{font-size: 25px;}
    .header-mobile .mobile-nav-list .l-nav .t-nav-list .sec-nav-mobile{padding-top: 10px;padding-left: 10px;display: none}
    .header-mobile .mobile-nav-list .l-nav .t-nav-list .sec-nav-mobile li{line-height: 34px;font-size: 16px;color: #333;font-weight: normal}
    .sciencedata-con-top-left{padding: 0 0 0.4rem 0.34rem;background-size: 100% 93%;}
}
@media screen and (max-width: 768px) {
    .page-center{width: 100%;padding: 0 15px}
     /*导航*/
    .header-block-top-logo{height: 36px;width: auto;}
    .header-block-top{padding: 0 2% 0 4%;margin: 0;}
    .image-search{width: 22px;height: 22px}
    .header-mobile .nav-icon{width: 24px;height: 24px}
    .header-mobile .nav-icon b{width: 24px;margin: 2px 0;}
    .header-mobile .nav-icon b:nth-child(2){width: 4px}
    .header-mobile .nav-icon b:nth-child(2)::before{width: 16px;right: 8px}
    /*底部*/
    .footer .footer-top{height: auto;padding: 24px 0 16px 0;background: #0b5caa}
    .footer .footer-top .page-center{flex-direction: column}
    .footer-top-left-logo{width: 40%;height: auto; margin: 0 auto 32px;}
    .footer-top-left-news .news-list{font-size: 15px;margin-bottom: 8px;width:49%;margin-right:0;}
    .footer-top-left-news .news-list:nth-child(2n){margin-right: 8px}
    .footer-top-left,.footer-top-center{width: 100%;margin-bottom: 24px;}
    .footer-top-left-news .news-list-icon{width:24px;height: 24px;margin-right:8px;}
    .footer-top-cente-block .block-list:nth-child(3n){margin-right: 8px;}
    .footer-top-right .qrcode{width: 100px;font-size: 14px}
    .footer-top-right .qrcode .qrcode-img{width: 70px;height: 70px;margin-bottom:10px;}
    .footer-bottom{padding: 8px 0;height: auto;flex-direction: column;font-size: 14px}
    .footer-top-cente-title{font-size: 14px;margin-bottom: 8px;}
    .footer-top-cente-block .block-list{font-size: 12px;margin-right: 8px;margin-top: 8px;font-weight:normal;}
  	.footer-top-cente-block .block-list a { padding: 8px 10px;}
    .footer-top-right .qrcode{width: 100px;font-size: 12px;margin-right:30px;}
    .footer-bottom{font-size: 12px}
}
@media screen and (max-width: 500px) {
    /*底部*/
    .footer-top-left-news{flex-direction: column}
    .footer-top-left-news .news-list {margin-right:5px;font-size: 12px;width:100%;}
    .footer-top-left-news .news-list:nth-child(2n){margin-right: 0}
    .footer-bottom{font-size: 12px}
    .footer-bottom .info-text{margin: 0 5px}
}