@import url("reset.css");
@import url("global.css");



.top{  background:url(../images/dctp1.jpg) no-repeat top center; height:780px; width:100%; overflow:hidden;  background-size:100% 100%!important;}
.fh{ height:90px; float:left; width:330px;}


.dcnr{ width:1400px; margin:30px auto; overflow:hidden;}


.dcdt{ width:670px; float:left; background: azure;}
.dcdt h3{    height: 4rem; margin-bottom:10px;
    display: flex;
    align-items: center;
    justify-content: space-between;}

.dcdt h3 em{     height: 100%;
    width: 8.5rem;
    background: #0281df;
    font-weight: 800;
    font-size: 26px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;}
.dcdt h3 em a{ color:#fff;}
.dcdt h3 span img{ height: 2rem;}
.dcdt ul li{ line-height:40px;  background:url(../images/ddd.png) no-repeat 3px center; height:40px; transition: all 0.3s ease 0s;}
.dcdt ul li:hover{   background:url(../images/ddd.png) no-repeat 9px center;}

.dcdt ul li em{ float:left; margin-left:20px;}
.dcdt ul li span{ float:right; margin-right:10px;}
	


 


@media screen and (max-width: 1600px) {
	
	.top{ height:600px; }
	
}

@media screen and (max-width: 520px) {
	
	*{ box-sizing: border-box; -moz-box-sizing:border-box; }
	.top{ height:200px; }
	.dcnr{ width:100%; padding:0 2%;}
	.dcdt{ width:100%;}
	.dcdt ul li em{ text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width:60%;}
	.dcdt h3{ height:50px;}
	.dcdt h3 em{ font-size:20px;}
	.fh{ height:40px;}
	
}