@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.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;}
body{background:#f4f4f4;}
[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:#ff9303;}

/*banner*/
.banner img{
    width:100%;
}

/*titile*/
.title{
    margin-top:50px;
}
.title h1{
    font-size:40px;
    font-weight:bold;
    text-align:center;
}

/*grab*/
.grab_bg{
    max-width:1000px;
    margin: auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.grab_box{
    flex:0 0 48%;
    background:#fff;
    margin-top:20px;
    overflow:hidden;
}
.grab_box iframe{
    width:94%;
    height:240px;
    margin-left:15px;
}
.grab_title{
    background:#ff9303;
    padding:2px 10px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.grab_title h1, .grab_title a{
    color:#fff;
    line-height:30px;
}
.grab_title h1{
    font-size:18px;
    font-weight:bold;
}
.grab_con{
    display:flex;
    padding:20px 10px;
}
.grab_con .grab_l{
    flex:0 0 25%;
    text-align:center;
}
.grab_con .grab_l img{
    width:100%;
    border-radius:100%;
}
.grab_con .grab_l a{
    font-size:16px;
    font-weight:bold;
    line-height:30px;
}
.grab_con .grab_l p{
    font-size:12px;
    color:#666;
}
.grab_box .grab_con .grab_r iframe{
    width:90%;
    height:150px;
    margin-left:20px;
}
.grab_con .grab_r a{
    font-size:12px;
    color:#666;
    float:right;
    margin-right:10px;
}
.grab_con a:hover{
    color:#ff9303;
}

/*相关专题*/
.zt_box{
    max-width:1000px;
    margin: auto;
    margin-top:20px;
    display:flex;
    justify-content:space-between;
}
.zt_box li{
    flex:0 0 32%;
}
.zt_box li img{
    width:100%;
    height:70px;
}

.adv{
    max-width:1000px;
    margin:10px auto;
}
.adv img{
    width:100%;
}

@media(max-width:1000px){
    .title{
        margin-top:20px;
    }
    .title h1{
        font-size:30px;
    }
    .grab_title{
        padding:0 4px;
    }
    .grab_title h1{
        font-size:16px;
    }
    .grab_box iframe{
        height:120px;
        margin-left:3%;
    }
    .grab_con{
        display:initial;
    }
    .grab_con .grab_l img{
        width:50%;
        margin: auto;
    }
    .grab_box .grab_con .grab_r iframe{
        width:94%;
        height:120px;
        margin-left:3%;
        margin-top:10px;
    }
    .zt_box{
        flex-wrap:wrap;
        margin:0;
    }
    .zt_box li{
        flex:0 0 94%;
        margin: auto;
        padding:5px 0;
    }
}