@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all .3s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
[v-cloak]{display:none}

/*header*/
.header{max-width:1000px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{font-size:14px;transition:all 0.4s;}
.header .right a:hover{color:#1e90ff;}


/*banner*/
.banner_bg{
    width:100%;
    height:500px;
    background:url("http://www.100ec.cn/Public/home/images/fin-banner1.jpg") center no-repeat;
}
.banner_bg .banner_box{
    max-width:1000px;
    margin: auto;
    position:relative;
}
.banner_box .banner_title, .banner_box .banner_text{
    position:absolute;
    left:0;
}
.banner_box .banner_title{
    top:80px;
}
.banner_box .banner_title h1{
    font-size:60px;
    font-weight:bold;
    color:#fff;
    text-shadow:5px 2px 6px #000;
    letter-spacing:10px;
}
.banner_box .banner_text{
    width:80%;
    background:rgba(0,0,0,.6);
    padding:20px;
    top:180px;
}
.banner_box .banner_text p{
    color:#fff;
    line-height:30px;
}
.banner_box .banner_text a{
    color:#fff;
    border-bottom:#fff solid 1px;
}
.banner_box .banner_text a:hover{
    color:#1e90ff;
    border-bottom:#1e90ff solid 1px;
}


/*state_icon*/
.state_icon{
    max-width:1000px;
    margin: auto;
    margin-top:30px;
    display:flex;
    justify-content:space-around;
}
.state_icon a:hover img{
    transform:rotate(30deg);
}
.state_icon a:hover p{
    color:#1e90ff; 
}
.state_icon img{
    margin: auto;
    transition:all .3s;
}
.state_icon p{
    line-height:30px;
    text-align:center;
    transition:all .3s;
}


/*state_box*/
.state_box{
    max-width:1000px;
    margin: auto;
    margin-top:30px;
    display:flex;
    justify-content:space-between;
}
.state_box .state_l{
    flex:0 0 74%;
}
.state_box .state_r{
    flex:0 0 20%;
}
.state_box .state_nav{
    display:flex;
    border-bottom:#1e90ff solid 1px;
}
.state_box .state_nav li{
    flex:1;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    padding:5px 0;
    cursor:pointer;
    transition:all .3s;
}
.state_box .state_nav li:hover{
    background:#1e90ff;
    color:#fff;
}
.state_box .state_nav .current{
    background:#1e90ff;
    color:#fff;
}
.state_box .state_con li{
    border-bottom:#eee solid 1px;
    padding:20px 5px 5px 5px;
    transition:all .3s;
}
.state_box .state_con li:hover{
    border-bottom:#1e90ff solid 1px;
}
.state_box .state_con li:hover a{
    color:#1e90ff;
}
.state_box .state_con a{
    font-size:16px;
    font-weight:bold;
    display:inline-block;
    width:540px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.state_box .state_con p{
    font-size:12px;
    font-weight:normal;
    color:#9f9f9f;
    float:right;
    margin-top:10px;
}
.state_box .state_more a{
    width:100%;
    height:36px;
    border:solid 1px #1e90ff;
    text-align:center;
    line-height:36px;
    color:#1e90ff;
    display:inline-block;
    margin-top:20px;
    cursor:pointer;
}
.state_box .state_more a:hover{
    background:#1e90ff;
    color:#fff;
}
.state_box .state_r_title{
    border-bottom:#ccc solid 1px;
    padding-bottom:5px;
    margin-top:20px;
}
.state_box .state_r_title:first-child{
    margin-top:7px;
}
.state_box .state_r_title img{
    width:24px;
    height:24px;
    float:left;
}
.state_box .state_r_title h1{
    font-size:14px;
    font-weight:bold;
    line-height:24px;
    float:left;
    margin-left:5px;
}
.state_box .state_logo{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.state_box .state_logo a{
    flex:0 0 48%;
    margin:3px 0;
    background:#000;
    border-radius:5px;
    overflow:hidden;
}
.state_box .state_logo a:hover img{
    opacity:.75;
}
.state_box .state_logo img{
    width:100%;
    transition:all .3s;
}
.state_box .state_ads a{
    display:block;
    padding:3px 0;
}
.state_box .state_ads a:hover p{
    color:#111;
}
.state_box .state_ads img{
    width:100%;
    min-height:50px;
    border-radius:5px;
}
.state_box .state_ads p{
    color:#888;
    transition:all .3s;
}


@media(max-width:1000px){
    .banner_bg{
        height:auto;
        padding-bottom:50px;
    }
    .banner_box .banner_title, .banner_box .banner_text{
        position:initial;
    }
    .banner_box .banner_title{
        text-align:center;
        line-height:80px;
    }
    .banner_box .banner_title h1{
        font-size:36px;
    }
    .banner_box .banner_text{
        margin: auto;
    }
    .state_box{
        display:initial;
    }
    .state_box .state_l, .state_box .state_r{
        width:94%;
        margin: auto;
        margin-top:30px;
    }
    .state_box .state_nav li{
        font-size:14px;
    }
    .state_box .state_con a{
        font-size:12px;
        font-weight:normal;
        width:100%;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }
    .state_box .state_con p{
        float:none;
        padding-left:10px;
    }
    .state_box .state_ads_box{
        width:94%;
        margin: auto;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    .state_box .state_ads{
        flex:0 0 46%;
    }
    .state_box .state_ads a{
        padding:10px 0;
    }
}