/*全局样式*/
@font-face {
    font-family: 'AGENCYR';
    src: url('../font/AGENCYR.TTF?rretjt');
    src: url('../font/AGENCYR.TTF?rretjt') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
@font-face {
    font-family: 'AGENCYB';
    src: url('../font/AGENCYB.TTF?rretjt');
    src: url('../font/AGENCYB.TTF?rretjt') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_DIGITAL-Regular';
    src: url('../font/DIGITAL-Regular.eot');
    src: local('☺'),
    url('../font/DIGITAL-Regular.woff') format('woff'),
    url('../font/DIGITAL-Regular.ttf') format('truetype'),
    url('../font/DIGITAL-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 8px;
    height:8px;
    border-radius: 20px;
    background-color: #d5d5d5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    background-color: #d5d5d5   ;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    background-color: #aaaaaa;
    border-radius: 10px;
}
/*************************** geoyjst****************开始************************/
.txt-top {
    height: 100%;
    width: 100%;
}
.left-image {
    height: 164px;
    width: 180px;
    float: left;
    background: linear-gradient(0deg, rgb(44, 95, 180), rgb(29, 189, 215));
    border-radius: 2px;
}
img {
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
.ts-img1 {
    margin-top: 10px;
    margin-left: 18px;
}
.ts-img2 {
    position: relative;
    margin-top: 10px;
    margin-left: -149px;
}
.ts-left-txt1 {
    position: relative;
    margin-top: -90px;
    margin-left: 68px;
    color: rgb(255, 255, 255);
}
.yjzl {
    font-size: 42px;
    font-weight: bold;
}
.yjzl-1 {
    font-size: 14px;
}
.yjzl-2 {
    position: relative;
    margin-top: -3px;
    margin-left: 62px;
    font-size: 16px;
    color: rgb(255, 255, 255);
}
.right-area1 {
    float: left;
    width: 600px;
    margin-left: 5px;
    margin-top: 20px;
}
.right-area1-txt {
    width: 100%;
}
.right-area1-txt {
    margin-top: 20px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(0,0,3,1);
    line-height: 14px;
    float: left;
    margin-left: 10px;
}
.zl-txt {
    font-size: 16px;
}
.zbzl {
    font-size: 30px;
    color: hsla(27, 100%, 48%, 1);
    margin: 1px;
}
.right-area1-char {
    float: left;
    margin-top: 36px;
}
.right-area1-char1 {
    /*margin-left: 20px;*/
    float: left;
}
.right-area1-char1 img {
    float: left;
    margin-top: 16px;
    margin-left: 16px;
    position: absolute;
}
.smallpie-area1-char1 {
    height: 60px;
    width: 60px;
    float: left;
}
.char-number {
    width: 12px;
    height: 20px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 36px;
}
.char-util {
    width: 14px;
    height: 12px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
}
.right-area1-char1-txt3 {
    width: 80px;
    height: 26px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
    white-space:nowrap;
    text-overflow:ellipsis;
    verflow:hidden;
}



/*************************** geoyjst****************结束************************/

.container{
    width: 25%;
    height: 33.3%;
    position: relative;
    background-image: url(../../../images/zrzy/kg_bj.png);
    background-size: 100% 100%;
}
.container .geo-title{
    text-align: center;
    width: 40%;
    left: 30%;
    position: relative;
    height: 31px;
    top: 4px;
    line-height: 32px;
    font-size: 17px;
    background-image: url(../../../images/zrzy/bt_bj.png);
    background-size: 100% 100%;
}

.a3 {
    margin: 10px;
    position: relative;
    background-color: #75A2C9;
    width: 16px;
    height: 16px;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    line-height: 17px;
    text-align: center;
}
.a4 {
    position: relative;
    height: 30px;
    font-size: 16px;
}
.a2 {
    float: left;
    width: 25px;
    height: 25px;
}
/*************************** geojbzb****************开始************************/
.geo-el {
    width: 100%;
    height: 100%;
}
.geo-img1 {
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 34px;
    background: url(../../../images/zbgl/xzpg_bg_1.png) 0% 0% / 100% 100% no-repeat;
}
.geo-title {
    line-height: 25px;
    text-align: center;
}
/*************************** geojbzb****************结束************************/


/*************************** geospan****************开始************************/
.geospan{
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #333;
}
/*************************** geospan****************结束************************/


/*************************** 遮罩层****************开始************************/
.geo-zzc{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(101, 101, 101, 0.6);
    opacity: 0;
    transition: all 1s;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
/*************************** 遮罩层****************结束************************/

.lines-pie{
    height: 30%;
    width: 30%;
    /*background-color: red;*/
    position: absolute;
    top: 38%;
    left: 38%;
    z-index: 50;
}

/*************************** geocard2****************开始************************/
.geocard2{
    height: 130px;
    border:1px solid rgba(228,232,237,1);
    box-shadow:0px 0px 0px 0px rgba(228,232,237,1);
    border-radius:3px;
}
.leftcard{
    width: 262px;
    height: 110px;
    background: rgba(255,255,255,1);
    border: solid 1px #3a93e0;
    border-radius: 3px;
    border: 1px solid rgba(228,232,237,1);
    box-shadow: -4px 0 0 rgba(228,232,237,1);
    position: relative;
}
.geocard2 .geo-er-title{
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #E4E8ED;
}
.geocard2 .geo-er-hx{
    height: 1px;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,1);
    opacity: 0.1;
}
.geocard2 .geo-er-k{
    height: 60%;
    width: 43%;
    float: left;
    margin-left: 8px;
    /*margin-top: 8px;*/
    cursor: pointer;
}
.geocard2 .geo-er-xx{
    width: 1px;
    height: 56px;
    float: left;
    margin-top: 10px;
    margin-left: 8px;
    background-color: #E1E1E1;
}
.geocard2 .geo-zb-tit{
    height: 35px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 35px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.geocard2 .geo-zb-sj{
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size:18px;
    font-family:DIN;
    font-weight:bold;
    color:#333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.geocard2 .geo-zb-dw{
    margin-left:5px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.geocard2 .leftsmall1_99{
        background:rgba(255,255,255,1);
        border:1px solid #457AF5;
        box-shadow:0px 0px 8px 0px rgba(52,112,207,0.45), -4px 0px 0px 0px 457AF5;
}
.geocard2 .leftsmall1_99 .geo-er-title{
    background-color: #457AF5;
    color: #fff9ec;
}

.geocard2 .geo-geocard2-leftsmall1{
    height: 85px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(228,232,237,1);
    box-shadow: -4px 0 0 rgba(228,232,237,1);
    position: relative;
}
/*.geocard2 .geo-geocard2-leftsmall1{*/
/*    background:rgba(255,255,255,1);*/
/*    border:1px solid rgba(52,112,207,1);*/
/*    box-shadow:0px 0px 8px 0px rgba(52,112,207,0.45), -4px 0px 0px 0px rgba(52,112,207,1);*/
/*}*/
/*************************** geocard2****************结束************************/

/*************************** geoslider****************开始************************/
.slider{
    height: 100%;
}
.geo-slider-img{
    height: 74px;
    width: 74px;
    margin-top: 10px;
    float: left;
    background: url(../../../images/zbgl/ic_tddcmj.png) no-repeat;
}
.geo-slider-dw{
    height: 60px;
    width: 95%;
    line-height: 65px;
    margin-left: 5px;
    /*margin-top: 10px;*/
}
.geo-slider-sz{
    font-size: 48px;
    font-family: Conv_DIGITAL-Regular;
    font-weight: bold;
    color: rgba(51,51,51,1);
}
.geo-slider-mc{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    height: 25px;
    width: 80%;
    line-height: 25px;
    margin-left: 5px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
}
.geo-slider-sx{
    float: left;
    height: 70px;
    width: 1px;
    background: #E6E6E6;
    margin-top: 10px
}

/*************************** geoslider****************结束************************/

/*************************** geozbcard****************开始************************/
.geo-cr{
    width:310px;
    height:134px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(196,198,204,1);
    border-radius:4px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.geo-ker{
    height:30px;
    line-height: 30px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-left: 24px;
    margin-top: 18px;
}
.geo-click{
    border: 1px solid red !important;
}
.geo-s{
    margin-left: 24px;
    height: 40px;
}
.geo-s-span{
    font-family: Conv_DIGITAL-Regular;
    font-size: 30px;
    color: rgba(51,51,51,1);
    font-weight: bold;
}
.geo-p{
    float: right;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(102,102,102,1);
    line-height: 50px;
    margin-right: 15px;
}
.geo-e{
    height: 30px;
    width: 90%;
    margin-left: 18px;
    margin-top: 5px;
}
/*************************** geozbcard****************结束************************/

/*************************** geocard****************开始************************/
.geo-geocard-leftsmall1{
    height: 85px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(228,232,237,1);
    box-shadow: -4px 0 0 rgba(228,232,237,1);
    position: relative;
}
.geo-geocard-font1{
    margin-top: 9px;
    margin-left: 12px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    width: 96%;
    height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.geo-geocard-maddle_txt{
    margin-left: 12px;
    font-size: 24px;
    color: #333;
    width: 96%;
    height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    font-weight: bold;
}
.geo-geocard-font4{
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(102,102,102,1);
}
/*************************** geocard****************结束************************/

/*************************** geotime****************开始************************/
.geo-time-rq{
    float: left;
    width: 60px;
    height: 55px;
    font-family: "Conv_DIGITAL-Regular";
    font-weight: 400;
    text-align: left;
    color: #000;
}
.rq-nf{
    font-size: 27px;
}
.rq-yf{
    font-size: 22px;
}
.geo-time-sj{
    float: left;
    font-size: 40px;
    font-family: "DIN Regular, DIN Regular-Regular";
    margin-top: 2px;
    font-weight: 400;
    text-align: left;
    color: #000;
}

/*************************** geotime****************结束************************/