.searchbox.small,.searchbox.big{display: none}
body {
    background: url(/images/JDDTS_bg.jpg) center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    font-family: "Microsoft YaHei",arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
@media (min-width:768px) {
	.main {width:744px}
	.searchbox.big{display: table;}
}
@media (min-width:992px) {
	.main {width:964px}
}
@media (min-width:1205px) {
	.main {width:1205px;}
}
@media (max-width: 375px){

}
@media (max-width: 320px){

}



.main{
    margin: auto;
    height: calc(100vh - 267px);    overflow: hidden;
    position: relative;
}
.searchbox.big{
	width: 100%;
	height: 67px;margin: 10% 0;
}
.searchbox.small{
	width: 100%;
	height: 67px;margin: 10% 0;
}
.searchbox.small form{
	    width: 85%;
    margin: auto;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    overflow: hidden;
    height: 38vw;box-sizing: border-box;
    padding: 4vw;
    position: relative;
}
.searchbox.small form input{
height: 12vw;
    border-radius: 5px;
    display: block;
    margin-bottom: 3.6vw;    padding-left: 3vw;
    text-align: center;
}
.searchbox.small form button{
	background: #00b4ff;
    border: transparent;
    border-radius: 5px;
    display: block;
    width: 100%;
    height: 12vw;
}
.mainlogo{
	min-width: 155px;
	height: 67px;
	background: url(/v4/images/logo1.png) no-repeat center center;
}
.searchform{
	height: 48px;
    margin-top: 14px;
    position: relative;
}
.searchform input{
	height: 100%;    border-radius: 5px;    padding-left: 70px;position: relative;
}
.searchbtntubiao{
	display: block;
	position: absolute;
	top: 6px;
	left: 16px;
	width: 50px;
	height: 36px;
	    z-index: 2;
	border-right: 1px solid rgba(0,0,0,0.2);
	background: url(/v4/images/searchbtn.png) no-repeat center center;
}
.searchbtn{
	position: absolute;
	    position: absolute;
    right: 25px;
    z-index: 2;
    top: 5px;
    border-radius: 5px;
    background-color: #00b4ff;
    border-color: #00b4ff;
}
.searchbtn:hover{
	opacity: 0.8;
}
.zjcxtit{
	color: #00b4ff;
    font-size: 14px;
}
.item-list{
	width: 12.5%;
    float: left;
    box-sizing: border-box;
    padding: 0 3%;
}
.item-list a{
	display: block;
	width: 100%;
}
.item-list a img{
	width: 100%;
	border-radius: 50%;
	display: block;
}
.item-list a span{
	display: block;margin: 5px 0;
	width: 100%;
	color: #cccccc;    overflow: hidden;

	font-size: 14px;    text-align: center;
}
.item-list em{
	font-style: normal;
    display: block;
    width: 100%;
    text-align: center;
}
.zjcx{
	    overflow: hidden;
}
.search-select{
	position: absolute;
    z-index: 3;
    top: 10px;
    left: 74px;
    display: none;
}
.search-select select{
width: 81px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #cccccc;
    line-height: 28px;
    padding: 0;
    text-indent: 5px;
}
@media (max-width: 768px){
    body {background: url(/images/bg_bak.jpg) top center no-repeat #12161f;}
    .searchbox.small{display: table;}
    .zjcx{
    	    padding: 0 10vw;
    }
    .item-list{
    	    width: 20%;
    	    padding: 0 2%;
    }
    .newinfo{
    	    overflow: hidden;
    height: 25vw;
    }
    .mainlogo{
margin: 23vw 0;
    }
    .main{
    	height: auto;
    }
    .zjcxtit{
    	    margin: 15px 0;
    }
    .search-select{
    	    top: 7vw;
    left: 7vw;
    }
}