@charset "utf-8";
/** 清除内外边距 **/
html{width:100%; height:100%; overflow-x:hidden}
body{ font-size:12px;color:#333; line-height:1.8;min-width:320px;font-family:"微软雅黑",Arial;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
.input{ padding:0; margin:0}
img{ vertical-align:middle}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }
a{text-decoration:none; cursor:pointer; color:#333}
a:hover{ color:#115cca}
h1{ font-size:18px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
h5{ font-size:12px}
.beijing{ margin:0 auto; max-width:1160px; padding:20px 0; clear:both; overflow:hidden}
.height10{ height:10px}
/**************header**************/
header{ clear:both; overflow:hidden; margin:0 auto}
.head{ float:right; margin:15px 0; border:1px solid #ededed; height:33px; border-radius:5px; background:url(../images/logo_1.jpg) repeat-x; padding:0 5px; line-height:33px; color:#666}
.head a{ text-transform:capitalize; color:#666; margin:0 10px}
.head a img{ margin-right:6px}
header h2{ float:left;}
header h2 em{ display:none}
header p{ float:left; margin-left:15px; display:inline-block}
/**************menu**************/
menu{ background:url(../images/menu.jpg) no-repeat 0 center; height:50px}
.menu{ margin:0 auto; clear:both; position:relative}
.sousuo{ float:right; height:24px; border:1px solid #fff; border-radius:2px; background:#fff; width:170px; padding:0 5px; margin:12px 0; overflow:hidden}
.menu_1{ height:24px; line-height:24px; width:150px; overflow:hidden; float:left; border:none; color:#ccc}
.menu_2{ float:left; background:url(../images/search.jpg) no-repeat 0 0; height:24px; width:18px; cursor:pointer; overflow:hidden; line-height:555; border:none}
.menu3_1{ float:left; line-height:50px; font-size:14px;  z-index: 99999;}
.menu3{ float:left; z-index:99999;}
.menu3 li{ float:left; background:url(../images/menu1.jpg) no-repeat right center; padding:0 30px; display:inline-block; height:50px}
.menu3_1{ display:block; clear:both; /*overflow:hidden; */text-align:center; position:relative}
.menu3_1 a{  color:#fff !important;}
.menu3_1 a span{ margin-left:3px; text-transform:capitalize; color:#aabce7; font-size:12px;}
.menu3_1 a b{ position:absolute; top:50px; left:0; width:100%; display:none; background:url(../images/menu1.png) no-repeat center bottom; height:14px; z-index:15}
.none_b{ background:none !important}
.menu1{ clear:both;position:absolute; top:50px; z-index:9999;}
.menu1_1{ margin-top:13px;clear:both; border:1px solid #e5e5e5; padding:25px 20px 15px;box-shadow:0 5px 10px #cacaca; background:#fff; overflow:hidden; z-index:14; display:none; width:1118px}
.menu1_2{  float:left; overflow:hidden; font-size:14px; line-height:30px;overflow:hidden}
.menu1_2 p{ padding-bottom:10px; clear:both; overflow:hidden}
.menu1_2 a{ border-radius:2px; background:#438bf7; height:30px;display:block; clear:both; overflow:hidden; padding:0 15px; white-space:nowrap; color:#fff}
.menu1_3{ overflow:hidden}
.menu1_3 em{ float:left; width:200px; margin-right:25px; display:inline-block; overflow:hidden}
.menu1_3 em img{ width:100%}
.menu2{ overflow:hidden}
.menu2 big{ font-size:18px; line-height:1.2; padding-top:3px;overflow:hidden; display:block; clear:both; height:22px;}
.menu2 small{ font-size:14px; line-height:1.2; height:16px; overflow:hidden; color:#083da4; text-transform:uppercase}
.menu2 big a{ color:#083da4; display:block;}
.menu2 p{ padding:8px 0; clear:both; overflow:hidden}
.menu2 span{ display:block; clear:both; overflow:hidden}
.menu2 span a{ line-height:30px; height:30px; width:110px; text-align:center; display:inline-block; color:#fff;  background:#3fa2fd; border-radius:2px}
/**************link**************/



.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.add-nav li{
	float: left;
	width: 20%;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	height: auto !important;
	
}
.add-nav li h3{
	text-align: center;
}
.add-nav li p{
	margin: 0 10px;
	line-height: 32px;
	height: 32px;
	border-bottom: 1px #999 dashed;
	
}
.add-nav li p a{
	display: block;
	font-size: 12px;
	white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
}

.add-nav li h3 a{
	border-radius: 2px;
    background: #438bf7;
    height: 30px;
    display: inline-block;
    clear: both;
    overflow: hidden;
    padding: 0 15px;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}


/**************底部**************/
footer{ clear:both; overflow:hidden; background:#444444; padding:8px 0}
footer dl{ margin:0 auto; clear:both; overflow:hidden; color:#fff}
footer dl dt{ float:left; margin-right:5px; overflow:hidden}
footer dl dd{ float:right; overflow:hidden}
footer dl dd a{color:#fff; white-space:nowrap}
footer dl dd span{ margin:0 5px;}
/**************分页**************/



@media (max-width: 767px) {
/*head*/
header{ height:auto; padding:0 5px}
header p{ display:none}
/*menu*/
menu{ padding:0 5px}
.menu3_1{ padding:0 ; float:none}
.menu3{ display:none; position:absolute; left:0; top:45px; background:#fff; padding:3px 10px}
.menu3_1 a{ display:block; clear:both; overflow:hidden; white-space:nowrap; padding:0; background:none; height:24px; line-height:24px; color:#333 !important; float:none; font-size:12px;}
.menu3_1 a span{ display:none}
.menu_3 i{ display:inline-block; width:30px; overflow:hidden; cursor:pointer; height:35px; padding-top:7px;}
.menu_3 i em{ height:5px; width:100%; display:block; float:left; margin-top:5px; background:#fff}
.menu3 li{ clear:both; overflow:hidden; float:none; display:block; background:none; padding:0; text-align:center; height:auto}
.menu1{ display:none !important}
/*foot*/
footer{ padding:8px 5px}
footer dl dt,footer dl dd{ float:none; margin:0; display:block; clear:both; text-align:left; padding:2px 0}

}
@media (max-width: 480px) {
/*head*/
header h2{ float:none; display:block; clear:both; overflow:hidden;}
header h2 span{ display:none}
header h2 em{ display:block;}
header h2 em img{ width:100%}
.head{ margin:5px 0}

}
@media (min-width: 768px) {
/*head*/
header{ height:66px;}
header p{ display:none}
/*menu*/
.menu3{ display:block !important}
.menu_3 i{ display:none}
.menu3_1 li{ padding:0 20px;}
.menu3_1 a span{ display:none}
.menu3_1{ display:block !important}
.menu1_1{padding:10px; width:auto}

/*foot*/
footer{ padding:8px 0}
footer,menu{ min-width:768px;}
footer dl,header,.menu{ width:768px;}

}

@media (min-width: 960px) {
/*head*/
header p{ display:inline-block}
/*menu*/
.menu3 li{ padding:0 25px;}
.menu3_1 a span{ display:inline-block}
.menu1_1{padding:20px 15px 10px; width:auto}

/*foot*/
footer,menu{ min-width:960px;}
footer dl,header,.menu{ width:960px;}
footer{height:45px;background-color:#444444;padding-top:15px; }
}

@media (max-width: 1024px) {
	#fdd .bm1,#fdd .bm2{
		display:none;
	}
}



@media (min-width: 1160px) {
/*menu*/
.menu3 li{ padding:0 30px;}
.menu3.english li{ padding:0 45px}
.menu3.japan li{ padding:0 40px}
.menu1_1{padding:25px 20px 15px; width:auto}

/*foot*/
footer,menu{ min-width:1160px;height:50px; }
footer dl,header,.menu{ width:1160px;}
footer{height:45px;background-color:#444444;padding-top:15px; }
}


#fdd {
    width: 75px;
    position: fixed;
    right: 2%;
    top: 20%;
	z-index:999;
}

#fdd .bm {
    background: #4f504f;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}

#fdd .bm a {
    color: #fff;
    background: #39b7e9;
}

#fdd li {
    width: 75px;
    height: 75px;
    position: relative;
}

#fdd li .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 8px;
}

#fdd a {
    display: block;
}

#fdd .bm:hover a {
    background: #39b7e9;
}

#fdd .fd_up a {
    background: #616161;
}


.float{ width:50px; border-radius:5px 0 0 5px; position:fixed; right:0; top:45%; z-index:1000;}

.float a{ width:50px; height:50px; position:relative;}

.float a.n1 .it{ width:200px; height:50px; line-height:50px; text-indent:50px; color:#fff; border-radius:5px 0 0 0; background:#ffbe33 url(../images/img71.png) no-repeat 7% center; position:absolute; left:0; top:0; z-index:1;}

.float a.n2 .it{ width:200px; height:50px; line-height:50px; text-indent:50px; color:#fff; background:#68a5e1 url(../images/img72.png) no-repeat 7% center; position:absolute; left:0; top:0; z-index:1;}

.float a.n2.skype .it{ width:200px; height:50px; line-height:50px; text-indent:50px; color:#fff; background:#68a5e1 url(../images/skype.png) no-repeat 7% center; position:absolute; left:0; top:0; z-index:1;}

.float a.n3{ background:#42ae3c url(../images/img73.png) no-repeat center;}

.float a.n3 .img{ display:none; position:absolute; left:-160px; top:-50px; z-index:1; padding:5px 7px 5px 5px;}

.float a.n3 .img img{ width:140px; height:140px; background:#fff; padding:5px;}

.float a.n4{ border-radius:0 0 0 5px; background:#555555 url(../images/img74.png) no-repeat center;}
.dis{ display:block; zoom:1;}
.fz20{ font-size:20px; color:#333;}


.catname {
    font-size: 22px;
    font-family: '微软雅黑';
    color: #1863db;
}