@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:#f8f8f8;}
[v-cloak]{display:none}
h2{
	background:#f53d3d;
}


/*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:#e50b09;}

input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
    .btn{
        width:100%;
        margin: auto;
        margin-top:10px;
        overflow: hidden;
    }
    .btn input{
        width:20%;
        height:40px;
        float:left;
        text-align:center;
        font-size:16px;
        background: red;
        color: white
    }
    .btn .current{
        background-color:rgb(184, 4, 4);
    }
    .tu{
        width:100%;
        height: 600px;
        overflow-y: scroll;
        margin: auto;
        position:relative;
    }
    .tu li{
        display:none;
    }

.yx{	
	width: 1100px;
	margin: auto;
}
.yx>li{
	width:530px;
	float:left;
	margin-right:20px;
	border:1px solid gray;
	margin-bottom:20px;
	background: white;
}
.yx>li>h2{
	margin:0;
    padding:0 5px;
    font-size: 24px;
    font-weight: bold;
	color:white;
}
.yx>li>h2 a{
    color:white;
    font-size: 24px;
	float: right;
}
.yx>li>h2 img{
	width:71px;
	height:31px;
	float:right;
	background-color:#fff;
}
.yx>li>p{
	margin-left:5px;
} 
.banner img{
    width:100%;
}

.title{
    margin-top:50px;
}
.title h1{
    font-size:36px;
    font-weight:bold;
    text-align:center;
}
.bb1{
    max-width: 1100px;
    margin: auto;
	overflow: hidden;
}
.bb1 h2{
	font-size: 20px;
	color: rgb(47, 25, 241);
	border-bottom: 3px solid rgb(66, 116, 252);
   	margin: 0;
    float: left;
    width: 50%;
    text-align: center;
	line-height: 42px;
	cursor: pointer;
}
.bb1 .current{
	background: rgb(47, 25, 241);
	color: white;
	border-bottom-color:rgb(47, 25, 241);
}
#mt{
    max-width: 1100px;
    margin: auto;
}
#mt li{
    border-bottom:#ccc solid 1px;
    margin-bottom:20px;
    transition:all 0.5s;
}
#mt li a{
	width: 570px;
    color:black;
    line-height:40px;
    transition:all 0.5s;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: inline-block;
	
}
#mt span{
    float:right;
    line-height:40px;
    color:#555;
}
#mt li:hover span{
    color:#FD746A;
}
#mt li:hover{
    border-bottom:#FD746A solid 1px;
}
#mt li:hover a{
    color:#FD746A;
}
#mt2{
    width:100%;
}
#mt2 li{
    border-bottom:#ccc solid 1px;
    margin-bottom:20px;
    transition:all 0.5s;
}
#mt2 li a{
	width: 570px;
    color:black;
    line-height:40px;
    transition:all 0.5s;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
#mt2 span{
    float:right;
    line-height:40px;
    color:#555;
}
#mt2 li:hover span{
    color:#FD746A;
}
#mt2 li:hover{
    border-bottom:#FD746A solid 1px;
}
#mt2 li:hover a{
    color:#FD746A;
}
.you{
    max-width: 1100px;
    margin: auto;
	line-height: 50px;
	text-align: center;
	background: rgb(13, 171, 245);
	transition:all 0.4s;
	font-size: 18px;
	color: white;
}
.you:hover{
	background: #FD746A;
	cursor: pointer;
}
.nav{
    max-width:1000px;
    margin: auto;
    height:144px;
    display:flex;
}
.nav .current img{
    width:100%;
    opacity:1;
}
.nav li{
    flex:1;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    transition:all .3s;
    display:flex;
    justify-content:center;
    align-items:center;
}
.nav li img{
    width:60%;
    opacity:.75;
    transition:all .3s;
}
.nav li:hover img{
    opacity:1;
}

.con_bg{
    width:100%;
    background:url("../2019s12sjgl/images/bg.jpg") center no-repeat;
    background-size:cover;
    padding-bottom:30px;
}
.con{
    max-width:1000px;
    margin: auto;
}
.con li{
    background:rgba(255, 255, 255, .75);
    padding:20px 50px;
}
.con li h1{
    font-size:20px;
    font-weight:bold;
    color:#111;
    letter-spacing:4px;
    line-height:32px;
    border-bottom:#ccc solid 1px;
    padding:0 0 10px 40px;
    margin:20px 0 5px 0;
    position:relative;
}
.con li h1:first-child{
    margin-top:0;
}
.con li h1 img{
    position:absolute;
    top:0;
    left:0;
}
.con li h1 span{
    font-size:16px;
    font-weight:normal;
    color:#555;
}
.con li p{
    letter-spacing:1px;
    line-height:30px;
    padding-left:10px;
    position:relative;
}
.con li p::after{
    content:'';
    width:6px;
    height:6px;
    border-radius:50%;
    background:#e50b09;
    position:absolute;
    top:calc(50% - 3px);
    left:0;
}

.grab_bg{
    max-width:1000px;
    margin: auto;
}
.grab_con{
    display:flex;
    margin-top:30px;
}
.grab_con li{
    flex:1;
    background:#fff;
}
.grab_title h1{
    font-size:20px;
    font-weight:bold;
    color:#e50b09;
    text-align:center;
    line-height:40px;
}
.grab_text{
    width:380px;
    padding:0 10px;
    margin: auto;
}
.grab_text iframe{
    width:380px;
    height:240px;
}
.grab_text a{
    float:right;
}
.grab_text a:hover{
    color:#e50b09;
}

.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;
}


@media(max-width:1000px){
    .title{
        margin-top:40px;
    }
    .nav{
        height:60px;
    }
    .grab_con{
        display:block;
    }
    .grab_con li img{
        width:100%;
    }
    .grab_text{
        width:auto;
    }
    .grab_text a{
        float:none;
        display:block;
        text-align:center;
        background:#e50b09;
        color:#fff;
        padding:4px 0;
    }
    .zt_box{
        flex-wrap:wrap;
        margin:0;
    }
    .zt_box li{
        flex:0 0 94%;
        margin: auto;
        padding:5px 0;
    }
    
	.bb1{
        width: 100%;
        overflow: hidden;
    }
    .bb1 h2{
        font-size: 20px;
        color: rgb(47, 25, 241);
        border-bottom: 3px solid rgb(66, 116, 252);
        margin: 0;
        float: left;
        width: 50%;
        text-align: center;
        line-height: 42px;
        cursor: pointer;
    }
    .bb1 .current{
        background: rgb(47, 25, 241);
        color: white;
        border-bottom-color:rgb(47, 25, 241);
    }
    #mt{
        width: 100%;
    }
    #mt li{
        border-bottom:#ccc solid 1px;
        margin-bottom:20px;
        transition:all 0.5s;
    }
    #mt li a{
        width: 100%;
        color:black;
        line-height:40px;
        transition:all 0.5s;
        font-size: 18px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        
    }
    #mt span{
        float:right;
        line-height:40px;
        color:#555;
    }
    #mt li:hover span{
        color:#FD746A;
    }
    #mt li:hover{
        border-bottom:#FD746A solid 1px;
    }
    #mt li:hover a{
        color:#FD746A;
    }
    #mt2{
        width:100%;
    }
    #mt2 li{
        border-bottom:#ccc solid 1px;
        margin-bottom:20px;
        transition:all 0.5s;
    }
    #mt2 li a{
        width: 100%;
        color:black;
        line-height:40px;
        transition:all 0.5s;
        font-size: 18px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
    #mt2 span{
        float:right;
        line-height:40px;
        color:#555;
    }
    #mt2 li:hover span{
        color:#FD746A;
    }
    #mt2 li:hover{
        border-bottom:#FD746A solid 1px;
    }
    #mt2 li:hover a{
        color:#FD746A;
    }
    .you{
        width: 100%;
        margin: auto;
        line-height: 50px;
        text-align: center;
        background: rgb(13, 171, 245);
        transition:all 0.4s;
        font-size: 18px;
        color: white;
    }
    .you:hover{
        background: #FD746A;
        cursor: pointer;
    }
}