@CHARSET "UTF-8";
body{
	margin: 0;
	padding: 0;
	background: #f4f4f4;
}
a{
	text-decoration: none;
}
a:link { text-decoration: none;color:#585858}
a:active { text-decoration:blink;color:#585858}
a:hover { text-decoration:underline;color:#585858} 
a:visited { text-decoration: none;color:#585858}
    
.top {
    height: 44px;
    position: relative;
    overflow: hidden;
    background-color: #1491c5;
    border-bottom: solid 1px #1491c5;
}

    .top span {
        font-size: 16px;
        line-height: 40px;
        color: #FFF;
        float: left;
        padding: 0 0 0 15px;
    }

        .top span a {
            color: #FFF;
        }

            .top span a:visited {
                color: #FFF;
            }

    .top u {
        float: left;
        text-decoration: none;
        line-height: 40px;
        color: #FFF;
        padding: 0 0 0 15px;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

li {
    list-style: none;
}

.top .logo {
    width: 58%;
    text-align: right;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    font-size: 22px;
    text-shadow: 0px 1px 0px #666;
}

    .top .logo img {
        border: 0;
    }


.header-btn {
    position: relative;
}

    .header-btn a img {
        border: 0;
    }

    .header-btn a {
        display: inline-block;
        vertical-align: middle;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
        color: #fff;
        font-size: .875em;
        border: 1px solid #0c7395;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        webkit-box-shadow: 0 1px 2px #1088b0 inset;
        box-shadow: 0 1px 2px #1088b0 inset;
    }
.lefthead {
	position: absolute;
	left: 0;
	top: 2px;
	border-right:1px solid #027bb2;
	width: 68px;
	height: 44px;
	line-height:1em;
}
.lefthead a{
	display:block;
	color:#ffffff;
	text-align:center;
	border-right:1px solid #00a0d5;
	text-decoration:none;
}

.ccontainer{
	min-width: 320px;
	height:100%;
	width:100%;
	background: #f4f4f4;
	padding-bottom: 100px;
}
.cheader{
	width:100%;
	height:50px;
	border-bottom: 1px solid #b0b4bb;
	box-shadow:0px 1px 1px #b0b4bb; 
	-webkit-box-shadow:0px 1px 1px #b0b4bb; 
	background: #f7f7f7;
	background: -webkit-linear-gradient(top,#f7f7f7 0, #e8e8e8 100%);
}

.chome{
	float: left;
	height:28px;
	margin: 10px auto 10px 14px;	
}
.chome_bg{
	width:72px;height:30px;
	background:url(data:image/png;base64,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) no-repeat 0 0;
	background-size:contain;
	border:0;
	font-size:12px;
	overflow:hidden;
	display:inline-block;
}
.chome_bg nav {
	color: #666;
	display: inline-block;
	text-align: center;
	padding-left: 10px;
	width: 62px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}
.ctitle{
	float: left;
	height:50px;
	line-height: 50px;
	margin: 0 auto;
	width:160px;
	min-width:160px; 
} 
.ctitle div{
	width:90px;
	margin:0 auto;
	font-family: "鍗庢枃缁嗛粦";
	font-size: 20px;
	color: #1a1a1a;
	text-shadow:#fff 0 1px 1px;
	font-weight: bold;
}
<!-- 鍐呭鍒楄〃 -->
.clist{
	clear:both;
	width:100%;
	min-width:320px;
	background: #f4f4f4;
}
.clist ul{
	width:100%;
	height:100%;
	padding: 0;	
	margin:0;
	list-style: none;
}
.clist_sub{
	display: none;
}
.crow{
	clear:both;
	height:67px;
	line-height: 68px;
	width:100%;
	background: #f4f4f4;
}
.crow_row{
    
	height:67px;
	line-height: 68px;
	width:99.7%;
	border-bottom: 1px solid #d7d7d8;
	border-top: 1px solid #fafafa;
}
.crow_icon{
	float:left;
	width:54px;
	height:49px;
	line-height: 108px;
	margin: 0 10px;
    text-align:center;
}
.crow_icon img{
	max-width:54px;
	max-height:49px;
}
.crow_title{
	float:left;
	line-height: 68px;
	margin-left: 4px;
}
.crow_item{
	height:30px;
	line-height:30px;
	width: 32%;
	min-width:103px;
	float: left;
	text-align: center;
	background:#f4f4f4;
	border-right: 1px solid #d7d7d7;
	margin: 20px auto;
	font-size: 14px;
	font-family: "鍗庢枃缁嗛粦";
	color: #585858;
}
.crow_item a{	
	margin:0 4px;
	white-space:nowrap;
	text-overflow:clip;
}
.crow_item_clear{
	border-right: 0;
	box-shadow:0px 0 0px #fff; 
	-webkit-box-shadow:0px 0 0px #fff; 
}
.crow_item_center{
	width: 33%;
	min-width: 105px;
}
.crow_title span{
	heigth:68px;
	font-size: 16px;
}
.crow_sub_title{
	clear: both;
	margin-left: 10px;
}
.crow_arrow{
	float: right;
	margin-right: 18px;
}