@charset "utf-8";
/* CSS Document */
html,body{ margin:0px; padding:0px;}
img{ width:100%;}
#hd{ width:86%; height:80px; border-bottom:1px #E6E6E6 double; background:#FFFFFF; padding:0px 7%; position:fixed; z-index:10; }
#hd .log{ height:70px; width:320px; padding-top:10px; float:left;}
#hd .dian{ height:78px;  line-height:80px; width:auto; float:right;}
#hd .dian a{ margin-left:8px; font-size:16px;  color:#333333; text-decoration:none; padding-left:10px;}
#hd .dian a:hover{ color:#ea5504; text-decoration:none;}
#hd .dian li{ list-style:none; float:left;}
#hd .csos{ width:180px; height:50px; float:right; margin-top:25px;}

#btt{ width:76%; height:100px; padding:0px 12%; background:#333; color:#FFF;}
#btt .lx{ width:30%; font-size:32px; font-weight:bold; padding-top:10px; line-height:70px; float:left; font-family:黑体;}
#btt .lx2{ width:60%; font-size:18px; padding-top:20px; line-height:30px; float:right; font-family:黑体;}

@media screen and (max-width: 850px) {
	#hd{width:100%; border-bottom:1px #E6E6E6 double; background:#FFFFFF; padding:0px; height:auto; overflow:hidden; position:static;}
	#hd .dian{width:100%; display:block; height:auto; padding:5px 0px; background:#CCC;}
	#hd .dian a{font-size:15px; line-height:20px;  color:#FFF; height:45px;}
	#hd .dian a:hover{ color:#ea5504; text-decoration:none; }
	#hd .dian li{ list-style:none; float:left; width:30%; padding:5px 1%; display:block; text-align:center; line-height:30px; display:block; background:#06F; color:#FFF; margin:2px;}
	#btt{ width:98%; height:auto; padding:0px 1%; background:#333; color:#FFF; overflow:hidden;}
#btt .lx{ width:100%; font-size:30px; font-weight:bold; padding-top:10px; line-height:45px; text-align:center; font-family:黑体;}
#btt .lx2{ width:100%; font-size:16px; padding-top:20px; line-height:25px; font-family:黑体;}

}