/*** RESET&BASE ***/
*{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
table{border-spacing:0;border-collapse:collapse}td,th{padding:0}
ul,li,ol{margin:0;padding:0}ul,ol,li{list-style:none}em,i{font-style:normal}
a{background-color:transparent;color:#fff;text-decoration:none;outline:0}
img{max-width:100%;border:0}img,input{vertical-align:middle}input,textarea{outline:0;resize:none}
img{-webkit-animation:opacity .35s;animation:opacity .35s}@-webkit-keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}
html,body{width:100vw;height:100vh}
html{font-size:14px;-webkit-text-size-adjust:none;text-size-adjust:none;overflow:hidden}
body{font:normal 100% Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;background:#01050d url(../img/body-bg.jpg) no-repeat center center/100% 100%;color:#fff}
@font-face{font-family:'bahnschrift';src:url('bahnschrift.ttf')}
@media screen and (min-width:1440px){html{font-size:12px}}
@media screen and (min-width:1920px){html{font-size:16px}}
@media screen and (min-width:2560px){html{font-size:21.33333px}}
@media screen and (min-width:3840px){html{font-size:32px}}
@media screen and (min-width:7680px){html{font-size:64px}}
/*** header ***/
.header{position: relative;height:10vh;align-items: center;background:url(../img/header-bg.png) no-repeat center top/100% auto;}
.header .logo{float:left;width:40.5rem;height:100%;line-height:10;font-size:2rem;color:#fff;text-align:center;overflow: hidden}
.header .play{position: absolute;top:0;right:9.5rem;font-size:1rem;height:3rem;line-height:3rem;cursor:pointer}
.header .play::after{content:"";display:inline-block;width:1.2rem;height:2.4rem;margin:-.2rem 0 0 .4rem;background:url(../img/play.png) no-repeat left center/2.4rem;vertical-align: middle}
.header .play.pause::after{background-position:right}
.header .date{position: absolute;top:2rem;right:5rem;font-size:1rem;height:3rem;line-height:3rem;}
.nav-mod{padding-top:1.8rem;overflow: hidden}
.nav-mod a{display:inline-block;width:9.5rem;height:3rem;line-height:2.6rem;margin-right:-.8rem;background:url(../img/nav-bg.png) no-repeat center center/100% 100%;font-size:1rem;color:#a3ffdb;text-align: center}
.nav-mod a.on{background-image: url(../img/nav-bgcurr.png); color:#fff}

/*** content ***/
.content{height:90vh}
.content .head{height:2.4rem;line-height:2rem;font-size:1.4rem;font-weight:700;color:#a3ffdb;background-image:-webkit-linear-gradient(top,#a3ffdb,#1dd2ba); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.content .head.c2{color:#57d0f3;background-image:-webkit-linear-gradient(top,#57d0f3,#13c0f2);}
.content .head.c3{color:#7cb0f3;background-image:-webkit-linear-gradient(top,#7cb0f3,#458ce7);}
.content .head.c4{color:#f5b77c;background-image:-webkit-linear-gradient(top,#f5b77c,#f39031);}
.content .head i{float:left;width:2.4rem;height:2.4rem;margin:-.2rem .1rem 0 0;background:url(../img/title-icon.png) no-repeat left top/auto 100%}
.content .head.c2 i{background-position:36% top}
.content .head.c3 i{background-position:68% top}
.content .head.c4 i{background-position:100% top}
.content .title{margin-bottom:1rem;font-size:1.2em;font-weight:700;text-align:left;color:#a3ffdb;background-image:-webkit-linear-gradient(top,#a3ffdb,#1dd2ba); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.content .group{position: relative;padding:.8rem 1rem;margin-bottom:1.8rem;border:1px solid #035041}
.content .group::before,.content .group::after,.content .group .inner::before,.content .group .inner::after{position: absolute;content:"";width:.8rem;height:3px;background:#11debf}
.content .group::before{top:-1px;left:-1px;}
.content .group::after{top:-1px;right:-1px}
.content .group .inner::before{bottom:-1px;left:-1px;}
.content .group .inner::after{bottom:-1px;right:-1px}
.content .group2{display:flex}
.content .group2 .group:first-child{margin-right:.5rem}
.content .group2 .group:last-child{margin-left:.5rem}
.content .t{margin-top:.8rem}
.content .w{display:flex;justify-content:space-between;padding:.8rem 1.8rem 0;}
.content .l{width:32rem;}
.content .m{width:54rem;padding:0 2rem}
.content .r{width:32rem;}
.chart-mod,.chart-mod2,.data-mod,.table-mod{overflow: hidden}
.chart-mod2{display:flex}
.table-box{position:relative;width:100%;overflow:hidden}
.table-header{position:absolute;top:0;left:0;width:100%;z-index:999}
.table-header tbody{display:none}
.table-body{position:absolute;top:0;left:0;width:100%;}
.table-box{height:100%;overflow: hidden;border-bottom:1px solid #04443d;}
.table-rank{width:100%;table-layout: fixed}
.table-rank th,.table-rank td{padding:.4rem .6rem;text-align: center}
.table-rank tr{border:1px solid #04443d;background-color:rgba(255,255,255,.02)}
.table-rank tr:last-child{border:1px solid #035c50;background-color:#042b27;box-shadow:inset 0 0 1.5rem rgba(255,255,255,.2);}
.table-rank td .name{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.table-rank td .ricon{width:2.2rem;height:2.2rem}
.table-rank td b{color:#39ffdc;font-family:bahnschrift;font-weight:400;font-size:1.4rem}

/*** 全国总览 ***/
.quanguo .l{width:24rem;}
.quanguo .m{width:62rem;}
.navbar1-cont{display:flex;justify-content:space-between;padding:0;flex-direction:column;overflow: hidden}
.navbar1-cont a{flex:1;margin:1.7rem .4rem}
.navbar1-cont dl{height:6em;background:url(../img/navbar1-bg.png) no-repeat center center/100% 100%;color:#fff}
.navbar1-cont dt{height:2.4em;line-height:4rem;font-size:1.2rem}
.navbar1-cont dd b{margin-right:.2rem;font-family:bahnschrift;font-size:2rem;color:#a2e032;}
.navbar1-cont dl i{float:left;display: block;width:5.2rem;height:5.2rem;margin:.4rem 2rem 0 .6rem;background:url(../img/navbar1-icon.png) no-repeat left top/auto 200%;}
.navbar1-cont dl i.i2{background-position:20% top}
.navbar1-cont dl i.i3{background-position:40% top}
.navbar1-cont dl i.i4{background-position:60% top}
.navbar1-cont dl i.i5{background-position:80% top}
.navbar1-cont dl i.i6{background-position:100% top}
.navbar1-cont a.on dl{background-image:url(../img/navbar1-bgcurr.png)}
.navbar1-cont a.on dd b{color:#fff}
.navbar1-cont a.on i.i1{background-position:0 bottom}
.navbar1-cont a.on i.i2{background-position:20% bottom}
.navbar1-cont a.on i.i3{background-position:40% bottom}
.navbar1-cont a.on i.i4{background-position:60% bottom}
.navbar1-cont a.on i.i5{background-position:80% bottom}
.navbar1-cont a.on i.i6{background-position:100% bottom}
/*** 自治区总览 ***/


/*** 呼市全景 ***/
.quanjing .w{padding-top:0}
.data-cont{display:flex;justify-content:space-between;padding:0 1.3rem;overflow: hidden}
.data-cont .col{margin:0 .5rem;}
.data-cont .col.c1{width:36rem}
.data-cont .col.c2{width:52rem}
.data-cont .col.c3{width:20rem}
.data-cont .col.c4{width:36rem}
.data-cont .col h5{height:2.4rem;line-height:2rem;font-size:1.4rem;font-weight:700;color:#a3ffdb;background-image:-webkit-linear-gradient(top,#a3ffdb,#1dd2ba); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.data-cont .col.c2 h5{color:#57d0f3;background-image:-webkit-linear-gradient(top,#57d0f3,#13c0f2);}
.data-cont .col.c3 h5{color:#7cb0f3;background-image:-webkit-linear-gradient(top,#7cb0f3,#458ce7);}
.data-cont .col.c4 h5{color:#f5b77c;background-image:-webkit-linear-gradient(top,#f5b77c,#f39031);}
.data-cont .col h5 i{float:left;width:2.4rem;height:2.4rem;margin:-.2rem .1rem 0 0;background:url(../img/data-icon.png) no-repeat left top/auto 200%}
.data-cont .col.c2 h5 i{background-position:20% top}
.data-cont .col.c3 h5 i{background-position:40% top}
.data-cont .col.c4 h5 i{background-position:60% top}
.data-cont .group{height:10.5rem}
.data-cont dl{float:left;width:10rem;height:4rem;padding-left:3rem;margin:0 1.4rem .7rem;border-bottom:1px solid #1f8877}
.data-cont dt i{float:left;width:2.4rem;height:2.4rem;margin:-.4rem .1rem 0 -3rem;background:url(../img/data-icon.png) no-repeat left bottom/auto 200%}
.data-cont dt i.i2{background-position:20% bottom}
.data-cont dt i.i3{background-position:40% bottom}
.data-cont dt i.i4{background-position:60% bottom}
.data-cont dt i.i5{background-position:80% bottom}
.data-cont dt i.i6{background-position:100% bottom}
.data-cont dd{margin-top:.2rem}
.data-cont dd b{color:#39ffdc;font-family:bahnschrift;font-weight:700;font-size:1.8rem}
.navbar-cont{height:5.6rem;display:flex;justify-content:space-between;padding:0 1rem;overflow: hidden}
.navbar-cont a{flex:1;margin:0 1.5rem 0 .5rem;}
.navbar-cont a:last-child{margin-right:0}
.navbar-cont a:last-child dl{background:none}
.navbar-cont dl{background:url(../img/navbar-line.png) no-repeat right center/auto 100%;}
.navbar-cont dt{height:3rem;line-height:3rem;font-size:1.2rem}
.navbar-cont dt i{float:left;display: block;width:5.6rem;height:5.6rem;margin:0 .4rem 0 0;background:url(../img/navbar-icon.png) no-repeat left top/auto 200%;}
.navbar-cont dt i.i2{background-position:50% top}
.navbar-cont dt i.i3{background-position:100% top}
.navbar-cont a.on dd b{color:#ff8109}
.navbar-cont a.on i.i1{background-position:0 bottom}
.navbar-cont a.on i.i2{background-position:50% bottom}
.navbar-cont a.on i.i3{background-position:100% bottom}
.navbar-cont dd{color:#fff}
.navbar-cont dd b{margin-right:.2rem;font-family:bahnschrift;font-size:2rem;color:#39ffdc;}

/*** 重点产业 ***/
.chanye .w{padding-top:0}
.navbar2-cont{display:flex;justify-content:space-between;overflow: hidden}
.navbar2-cont a{flex:1;margin:0 1.8rem 1.8rem;}
.navbar2-cont dl{height:6rem;background:url(../img/navbar2-bg.png) no-repeat center center/100% 100%;color:#fff}
.navbar2-cont dt{height:2.8rem;line-height:4rem;font-size:1.2rem}
.navbar2-cont dd b{margin-right:.2rem;font-family:bahnschrift;font-size:2rem;color:#a2e032;}
.navbar2-cont dl i{float:left;display: block;width:5.2rem;height:5.2rem;margin:.4rem 1.8rem 0 .6rem;background:url(../img/navbar2-icon.png) no-repeat left top/auto 200%;}
.navbar2-cont dl i.i2{background-position:20% top}
.navbar2-cont dl i.i3{background-position:40% top}
.navbar2-cont dl i.i4{background-position:60% top}
.navbar2-cont dl i.i5{background-position:80% top}
.navbar2-cont dl i.i6{background-position:100% top}
.navbar2-cont a.on dl{background-image:url(../img/navbar2-bgcurr.png)}
.navbar2-cont a.on b{color:#fff}
.navbar2-cont a.on i.i1{background-position:0 bottom}
.navbar2-cont a.on i.i2{background-position:20% bottom}
.navbar2-cont a.on i.i3{background-position:40% bottom}
.navbar2-cont a.on i.i4{background-position:60% bottom}
.navbar2-cont a.on i.i5{background-position:80% bottom}
.navbar2-cont a.on i.i6{background-position:100% bottom}

/*** 专利运营 ***/
.agency-cont{height:7rem;margin:0 -1%;overflow: hidden}
.agency-cont dl{float:left;width:23%;height:7rem;margin:0 1%;background:url(../img/agency-bg.png) no-repeat center center/100% 100%;text-align: center;color:#fff}
.agency-cont dt{height:3.4rem;line-height:4.4rem;font-size:1.2rem}
.agency-cont dd b{margin-right:.2rem;font-family:bahnschrift;font-size:2rem;color:#a2e032;}
.agency-cont dl.on{background-image:url(../img/agency-bgcurr.png);}
.agency-cont dl.on dt{height:3.8rem;line-height:3.6rem;}
.agency-cont dl.on dd b{color:#fff}
.tabletab .hd{height:3rem;line-height:3rem;margin:0 0 1.8rem;overflow: hidden}
.tabletab .hd li{float:left;width:50%;padding-bottom:1rem;text-align: center;font-size:1.2rem;}
.tabletab .hd li.on{background: #0f6f5d; font-weight:700}
.tabletab .table-rank{width:98%}

.footer{position: relative;height:1.2rem;background:url(../img/footer-bg.png) no-repeat center center/100% 100%;text-align: center}