body .layout-box{ background:url(hdbg.png) top repeat-x #FFF;}
.row{ position:relative;}
.hdLogin{ position:absolute; top:-40px; right:0px;}
.hdLogin a{ color:#333; font-size:18px; display:inline-block; height:18px; line-height:18px; padding:0 15px;}
.hdLogin a:nth-child(2){ color: #0165c7; border-left:#ddd 1px solid;}
.hdLeft{ width:790px; float:left;}
.hdRight{ width:380px; float:right;}

.hdTitle-1{ font-weight: 700; font-size: 22px; color:#000;}
.hdXdList{ height:50px; line-height:50px; width:100%; margin-top:20px; background:#E3EDF9; overflow:hidden;}
.hdXdList li{ float:left; text-align:center; font-size:16px;}
.hdXdList li:nth-child(1){ width:520px;}
.hdXdList li:nth-child(2){ width:135px;}
.hdXdList li:nth-child(3){ width:135px;}

.hdTitle-2{ font-weight: 700; font-size: 22px; color: #3a83e9; margin-top:20px;}
.hdtj{ width:380px; height:236px; background:url(hdtj.png) no-repeat; background-size:100% 100%; margin-top:20px;}
.hdtj ul{ margin: 75px 0 0 30px; float:left;}
.hdtj ul li{ font-size: 16px; line-height: 20px; margin-bottom:15px; padding-left:27px;}
.hdtj ul li:nth-child(1){ background:url(jyIcon.png) left center no-repeat;}
.hdtj ul li:nth-child(2){ background:url(zxIcon.png) left center no-repeat;}
.hdtj ul li:nth-child(3){ background:url(jylIcon.png) left center no-repeat;}
.hdtj ul li:nth-child(4){ background:url(wxIcon.png) left center no-repeat;}
.hdtj ul li span{ color: #3a83e9; font-weight: 700;}
.zswdfw{ margin-top:38px;}
.zswdTitle{ height:104px; line-height:85px; padding-left:25px; text-align:center; background: url(zswd.png) no-repeat; font-weight: 700; font-size: 22px; color: #333;}
.wdList{}
.wdList li{ overflow:hidden;}
.wdList li span{ display:inline-block; width:45px; height:45px;}
.wdList li div{ width:324px; height:70px; line-height:22px; background:url(wdbg-1.png) no-repeat;}
.wdList li div p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.wdList li:nth-child(1){ margin-top:20px;}
.wdList li:nth-child(2){ margin-top:10px;}
.wdList li:nth-child(1) span{ background: url(tx-1.png) no-repeat; float:left;}
.wdList li:nth-child(2) span{ background: url(tx-2.png) no-repeat; float:right;}
.wdList li:nth-child(1) div{ background:url(wdbg-1.png) no-repeat; float:right; padding:14px 14px 14px 28px;}
.wdList li:nth-child(2) div{ background:url(wdbg-2.png) no-repeat; float:left; padding:14px 28px 14px 14px;}

.fLink{ width:100%; float:left; overflow:hidden; padding-top:50px;}
.fLink li{ width:25%; height:115px; text-align: center; border-right:1px solid #e4e6ea; float:left;}
.fLink li:nth-child(4){ border:none;}
.fLink li a{ color:#333; line-height:70px; display: block; padding-top: 10px;}
.fLink li a:hover{ color: #2e98ff;}
.fLink li span{ display:block; width:55px; height:40px; margin:0px auto;}
.fLink li:nth-child(1) span{ background:url(hdIcon01.png) top center no-repeat;}
.fLink li:nth-child(2) span{ background:url(hdIcon02.png) top center no-repeat;}
.fLink li:nth-child(3) span{ background:url(hdIcon03.png) top center no-repeat;}
.fLink li:nth-child(4) span{ background:url(hdIcon04.png) top center no-repeat;}

@media only screen and (max-width: 768px) {
.hdLeft{ width:100%; padding:0 10px; margin-top:20px;}
.hdRight{ width:100%; padding:0 10px;}
.hdLogin{ top:20px;}
.hdLogin a{ font-size:0.24rem; padding:0 0.15rem;}
.hdTitle-1 , .hdTitle-2{ font-size:0.35rem;}
.hdXdList li:nth-child(1) { width: 60%;}
.hdXdList li:nth-child(2) { width: 20%;}
.hdXdList li:nth-child(3) { width: 20%;}
.hdXdList li{ font-size:0.24rem;}
.fLink li{ width:50%; border:none; margin-bottom:20px;}
.fLink li:nth-child(1) , .fLink li:nth-child(3){ border-right:1px solid #e4e6ea;}
}