﻿body {
    margin: 0px;
    background-image: url("../img/background.png");
    color: #f5f5f5;
    font-family: 微软雅黑;
    margin-left: 30px;
    margin-right: 30px; 
    overflow-x:hidden;
}

.padding_right_0
{
    padding-right:0px;
}
margin_top_70 {
	width: auto;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.center {
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}  
.margin_top_50
{
    margin-top:50px;
}

.margin_top_70 {
    margin-top: 70px;
}

.fillwidth
{
    width:100%;
}

@media screen and (min-width: 1280px) {

    .tablehead
    {

    }


    .tablecol
    {
        font-family:微软雅黑;
        font-size:14px;
        color:#cccccc;
        height:35px;
        font-weight:bold;
    }

    .tablecolcount {
        font-family: 微软雅黑;
        font-size: 14px;
        color: red;
        height: 35px;
        font-weight: bold;
    }

    .collength {
        width: 40%;
        height: 8px;
        border-radius: 8px;
        background-color: #60D7F6;
        margin-top:7px;
    }

    .rootstatetip
    {
        font-size:18px;
        font-weight:bold;
        font-family:微软雅黑;
        line-height:100px;
        margin-top:50px;
    }

    .title {
        color: #f5f5f5;
        font-family: 微软雅黑;
        text-align: center;
        height: 24px;
        line-height: 24px;
        font-size: 18px;
        font-weight: bold;
    }

    .lefttitle
    {
        color:#f5f5f5;
        font-weight:bold;
        font-size:14px;
    }

    .titleline {
        text-align: center;
        height: 1px;
        margin-top: -10px;
    }

    .div1main {
        text-align: right;
    }

    .div1 {
        font-size: 16px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #cccccc;
        margin-bottom: 8px;
    }

    .div2 {
        font-size: 16px;
        color: #01F1F6;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .div3 {
        font-size: 12px;
        color: #0089CF;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .margin_bottom_10 {
        margin-bottom: 15px;
    }

    .margin_bottom_15 {
        margin-bottom: 15px;
    }


    .margin_top_25 {
        margin-top: 25px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    ._margin_top_3 {
        margin-top: -3px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    _.margin_top_10 {
        margin-top: 10px;
    }

    ._margin_top_20 {
        margin-top: -20px;
    }

    _.margin_top_25 {
        margin-top: -25px;
    }

    ._margin_top_50 {
        margin-top: -50px;
    }

    .padding_0 {
        padding: 0px;
    }


    .yb_1 {
        width: 100%;
        height: 650px;
        margin-top: -80px;
    }

    .yb_2 {
        width: 100%;
        height: 350px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_3 {
        width: 100%;
        height: 300px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_4 {
        width: 100%;
        height: 320px; 
        margin-bottom: -40px;
    }

    .yb_5 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_6 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_7 {
        width: 100%;
        height: 300px;
    }

    .textcenter {
        text-align: center;
    }


    .clear {
        clear: both;
    }

    .clear_1 {
        clear: both;
        margin-bottom: 50px;
    }


    .fontsize_9 {
        font-size: 9px;
    }

    .fontsize_14 {
        font-size: 14px;
    }

    .white {
        color: #ffffff;
    }

    .state_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
        margin-top: 2px;
    }

    .state_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8;
        margin-top: 2px;
    }

    .state_1_1 {
        float: left;
        font-size: 12px;
        margin-right: 10px;
    }

    .bstate_1 {
        text-align: center;
        color: #cccccc;
        padding: 0px;
    }

    .bstate_2 {
        color: #01F1F6
    }

    .qy_chk_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
    }

    .qy_chk_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #3DB0C5
    }

    .qy_chk_3 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8
    }

    .qy_chk_4 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #038082
    }

    .qy_chk_1_1 {
        float: left;
        font-size: 12px;
        margin-top: -2px;
    }

    .yz_yzsl_bg {
        background: url("../img/t1.png") no-repeat center;
        width: 488px;
        height: 137px;
    }

    .yz_xmsl_bg {
        background: url("../img/t2.png") no-repeat center;
        width: 488px;
        height: 137px;
    }

    .yz_jgmj_bg {
        background: url("../img/t3.png") no-repeat center;
        width: 488px;
        height: 137px;
    }

    .d1 {
        font-size: 18px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 1px;
        margin-top: 18px;
    }


    .d2 {
        font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    .d3 {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 微软雅黑;
        margin-top: 20px;
    }

    .divrow4main {
        height: 60px;
    }

    .divrow4main_1 {
        padding-left: 15px;
        padding-right: -15px;
    }

    .divrow4 {
        border-left: 1px solid #135178;
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        margin-bottom: -7px;
    }

    .divrow4title {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4last {
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4titlelast {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
        margin-bottom: -7px;
    }

    .ScrollBar_1 {
        height: 266px;
        width: 90px;
    }


    .ScrollBar_1_1 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 10px;
    }

    .ScrollBar_1_2 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 8px;
    }

    .img_40 {
        width: 40px;
        height: 40px;
    }

    .bg_37A1BB {
        background-color: #37A1BB;
    }

    .bg_13517A {
        background-color: #13517A;
    }

    .bg_7F9CBC {
        background-color: #7F9CBC;
    }

    .bg_038082 {
        background-color: #038082;
    }
}

@media screen and (max-width:1279px) {

    .tablehead {
    }


    .tablecol {
        font-family: 微软雅黑;
        font-size: 14px;
        color: #cccccc;
        height: 35px;
        font-weight: bold;
    }

    .tablecolcount {
        font-family: 微软雅黑;
        font-size: 14px;
        color: red;
        height: 35px;
        font-weight: bold;
    }

    .collength {
        width: 30%;
        height: 8px;
        border-radius: 8px;
        background-color: #60D7F6;
        margin-top: 7px;
    }

    .rootstatetip {
        font-size: 14px;
        font-weight: bold;
        font-family: 微软雅黑;
        line-height: 100px;
        margin-top: 50px;
    }

    .title {
        color: #f5f5f5;
        font-family: 微软雅黑;
        text-align: center;
        height: 24px;
        line-height: 24px;
    }

    .lefttitle {
        color: #f5f5f5;
        font-weight: bold;
        font-size: 14px;
    }

    .titleline {
        text-align: center;
        height: 1px;
        margin-top: -10px;
    }

    .div1main {
        text-align: right;
    }

    .div1 {
        font-size: 16px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #cccccc;
        margin-bottom: 8px;
    }

    .div2 {
        font-size: 16px;
        color: #01F1F6;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .div3 {
        font-size: 12px;
        color: #0089CF;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .margin_bottom_10 {
        margin-bottom: 15px;
    }

    .margin_bottom_15 {
        margin-bottom: 15px;
    }


    .margin_top_25 {
        margin-top: 25px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    ._margin_top_3 {
        margin-top: -3px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    _.margin_top_10 {
        margin-top: 10px;
    }

    ._margin_top_20 {
        margin-top: -20px;
    }

    _.margin_top_25 {
        margin-top: -25px;
    }

    ._margin_top_50 {
        margin-top: -50px;
    }

    .padding_0 {
        padding: 0px;
    }


    .yb_1 {
        width: 100%;
        height: 650px;
        margin-top: -80px;
    }

    .yb_2 {
        width: 100%;
        height: 350px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_3 {
        width: 100%;
        height: 300px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_4 {
        width: 100%;
        height: 300px; 
        margin-bottom: -40px;
    }

    .yb_5 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_6 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_7 {
        width: 100%;
        height: 300px;
    }

    .textcenter {
        text-align: center;
    }


    .clear {
        clear: both;
    }

    .clear_1 {
        clear: both;
        margin-bottom: 50px;
    }


    .fontsize_9 {
        font-size: 9px;
    }

    .fontsize_14 {
        font-size: 14px;
    }

    .white {
        color: #ffffff;
    }

    .state_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
        margin-top: 2px;
    }

    .state_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8;
        margin-top: 2px;
    }

    .state_1_1 {
        float: left;
        font-size: 12px;
        margin-right: 10px;
    }

    .bstate_1 {
        text-align: center;
        color: #cccccc;
        padding: 0px;
    }

    .bstate_2 {
        color: #01F1F6
    }

    .qy_chk_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
    }

    .qy_chk_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #3DB0C5
    }

    .qy_chk_3 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8
    }

    .qy_chk_4 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #038082
    }

    .qy_chk_1_1 {
        float: left;
        font-size: 12px;
        margin-top: -2px;
    }

    .yz_yzsl_bg {

        width: 100%;
        height: 137px;
    }

    .yz_xmsl_bg {
        background: url("../img/t2.png") no-repeat center;
        width: 420px;
        height: 137px;
    }

    .yz_jgmj_bg {
        background: url("../img/t3.png") no-repeat center;
        width: 420px;
        height: 137px;

    }


    .yz_yzsl_bg {
        background: url("../img/t1.png") no-repeat center;
        width: 420px;
        height: 137px;
    }


    .d1 {
        font-size: 18px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 1px;
        margin-top: 18px;
    }


    .d2 {
        font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    .d3 {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 微软雅黑;
        margin-top: 20px;
    }

    .divrow4main {
        height: 60px;
    }

    .divrow4main_1 {
        padding-left: 15px;
        padding-right: -15px;
    }

    .divrow4 {
        border-left: 1px solid #135178;
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        margin-bottom: -7px;
    }

    .divrow4title {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4last {
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4titlelast {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
        margin-bottom: -7px;
    }

    .ScrollBar_1 {
        height: 266px;
        width: 90px;
    }


    .ScrollBar_1_1 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 10px;
    }

    .ScrollBar_1_2 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 8px;
    }

    .img_40 {
        width: 40px;
        height: 40px;
    }

    .bg_37A1BB {
        background-color: #37A1BB;
    }

    .bg_13517A {
        background-color: #13517A;
    }

    .bg_7F9CBC {
        background-color: #7F9CBC;
    }

    .bg_038082 {
        background-color: #038082;
    }
}
