@charset "gb2312";
/* CSS Document */
@font-face {
  font-family: 'AvantGarde';
  src:url(../font/AVGARDN.TTF);
}

/*全局*/
html,body{ margin:0; padding:0; font-family:Arial, Tahoma, sans-serif, Verdana, sans-serif; font-size:14px; background:#f8f8f8;}
ul,li,h1,h2,h3,h4,h5,h6,p,dd,dt,dl,span,em,b,i{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; color:#333; font:normal 14px/20px Arial, Tahoma, sans-serif, Verdana, sans-serif; blr:expression(this.onFocus=this.blur())}
a:hover{ color:#6699ff; text-decoration:none;}
input{ border:0; outline:none; resize:none}
img, object{ border:0; -ms-interpolation-mode: bicubic;}
:focus{outline:0;}
.clear{clear:both;height:0;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.box{ position:relative; overflow:hidden;} 
img.box{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; min-height:100%; min-width:100%; max-width:100%;}
.w1100{ width:1100px; margin:0 auto;}

/* side-bar */
.side-pannel{position:fixed;left:50%;margin-left:480px;z-index:99;font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; }
.side-bar{border-radius:4px;border-bottom:none;bottom:100px;background:#4b89dc;}
.side-bar a{display:block;cursor:pointer;width:70px;height:46px;border-radius:4px;position:relative;color:#676767;text-align:center;text-decoration:none;}
.side-bar a.qrcode{height:70px;}
.side-bar a:hover{background:#333;}
.side-bar a.gotop s{position:absolute;top:50%;left:17px;}
.g-icon-top{height:20px;width:35px;margin-top:-10px;}
.g-icon-top{background-image:url(../images/sprite1.png)}


/* 搜索页样式表 */
.search_header{ float:left; width:100%; margin-top:30px; border-bottom:1px solid #DDD; margin-bottom:30px;}
.search_box { margin:0 auto; width:400px;}
.search_box input{ border:1px solid #CCC; width:300px; padding:0 10px; height:35px; float:left;}

.htmlsearch{ float:left; border:1px solid #DDD; width:290px; height:35px; padding-left:15px;}
.search-submit2{ float:left; width:100px; height:39px; background:#3385ff; margin-left:-1px; border:0; color:#FFF; font-size:14px; cursor:pointer;}
.search-submit2:hover{ background:#317ef3;}
.resultbar{ font-size:16px; margin-bottom:20px;}
.resultlist ul li{ float:left; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #DDD;}
.resultlist ul li h3 a{ font-size:16px; font-family:Arial, "宋体", SimSun, sans-serif; color:#00C; text-decoration:underline;}
.resultlist ul li p{ font-family:Arial, "宋体", SimSun, sans-serif; color:#333;}
.resultlist ul li span{ color:#999;}
.resultlist ul li span small{ font-family:Arial, "宋体", SimSun, sans-serif;}
.resultlist ul li span a{ color:#999; font-size:12px; margin-right:20px; font-family:Arial, "宋体", SimSun, sans-serif;}
.resultlist ul li span a.c0800{ color:#008000; font-size:12px; font-family:Arial, "宋体", SimSun, sans-serif; margin-right:20px;}
.resultlist ul li span a:hover{ text-decoration:underline;}
.fc_03c{ color:#F00;}

/* 列表分页通用样式 */
.pagelist{ float:right; margin-right:40px; margin-top:20px; height:37px;}
	.pagelist li{ float:left; width:37px; height:37px; overflow:hidden; text-align:center; margin-right:3px; background:url(../images/bigPage.png) 0 0 no-repeat;}
	.pagelist li a{ display:block; width:100%; height:100%; line-height:37px; font-family: Verdana, 宋体, Helvetica, sans-serif; font-weight: bold; color:#666;}
	.pagelist li.page_arrow{ background:url(../images/bigPage_arrow.png) 0 0 no-repeat;}
	.pagelist li.page_next{ background:url(../images/bigPage_next.png) 0 0 no-repeat;}
	.pagelist li.page_next a, .pagelist li.page_arrow a{ font-size:0;}
	.pagelist li.thisclass{ background:url(../images/bigPage.png) 0 -111px no-repeat;}
	.pagelist li.thisclass a{ color:#FFF;}
	.pagelist li:hover{ background:url(../images/bigPage.png) 0 -37px no-repeat;}
	.pagelist li.thisclass:hover{ background:url(../images/bigPage.png) 0 -111px no-repeat;}
	.pagelist li.page_arrow:hover{ background:url(../images/bigPage_arrow.png) 0 -37px no-repeat;}
	.pagelist li.page_next:hover{ background:url(../images/bigPage_next.png) 0 -37px no-repeat;}
	.pagelist li:active{ background:url(../images/bigPage.png) 0 -74px no-repeat;}
	.pagelist li.page_arrow:active{ background:url(../images/bigPage_arrow.png) 0 -74px no-repeat;}
	.pagelist li.page_next:active{ background:url(../images/bigPage_next.png) 0 -74px no-repeat;}
	.pagelist li.pageinfo{ display:none;}

.pagelist2{ margin:0 auto; height:37px;display: table;}
	.pagelist2 li{ float:left; width:37px; height:37px; overflow:hidden; text-align:center; margin-right:3px; background:url(../images/bigPage.png) 0 0 no-repeat;}
	.pagelist2 li a{ display:block; width:100%; height:100%; line-height:37px; font-family: Verdana, 宋体, Helvetica, sans-serif; font-weight: bold; color:#666;}
	.pagelist2 li.page_arrow{ background:url(../images/bigPage_arrow.png) 0 0 no-repeat;}
	.pagelist2 li.page_next{ background:url(../images/bigPage_next.png) 0 0 no-repeat;}
	.pagelist2 li.page_next a, .pagelist li.page_arrow a{ font-size:0;}
	.pagelist2 li.thisclass{ background:url(../images/bigPage.png) 0 -111px no-repeat;}
	.pagelist2 li.thisclass a{ color:#FFF;}
	.pagelist2 li:hover{ background:url(../images/bigPage.png) 0 -37px no-repeat;}
	.pagelist2 li.thisclass:hover{ background:url(../images/bigPage.png) 0 -111px no-repeat;}
	.pagelist2 li.page_arrow:hover{ background:url(../images/bigPage_arrow.png) 0 -37px no-repeat;}
	.pagelist2 li.page_next:hover{ background:url(../images/bigPage_next.png) 0 -37px no-repeat;}
	.pagelist2 li:active{ background:url(../images/bigPage.png) 0 -74px no-repeat;}
	.pagelist2 li.page_arrow:active{ background:url(../images/bigPage_arrow.png) 0 -74px no-repeat;}
	.pagelist2 li.page_next:active{ background:url(../images/bigPage_next.png) 0 -74px no-repeat;}
	.pagelist2 li.pageinfo{ display:none;}


.top{ float:left; width:100%; height:100px; border-bottom:2px solid #4b89dc; background:#f4f4f4;}
	.logo{ float:left; width:220px; height:168px; background:url(../images/logo-en.jpg) no-repeat; position:relative; z-index:5;}
	.top_r{ margin-top:20px;}
.menu{ float:left; width:100%; height:70px; background:#FFF;}
	.nav{ float:left; margin-left:260px;}
		.nav li{ float:left; line-height:70px; margin-right:30px;}
		.nav li a{ padding-bottom:5px;}
		.nav li a:hover{ border-bottom:2px solid #4b89dc}
		.nav li a.hover{ border-bottom:2px solid #4b89dc}
	.lang{ width:27px; height:17px; background:url(../images/ch_icon.png) no-repeat; margin-top:25px;}
		.lang a{ float:left; width:100%; height:100%;}

/*focus*/
.focus {float:left; width:100%; height:540px;overflow:hidden;position:relative;background:#ccc; z-index:-5;}
	.focus_m ul {width:100%;height:540px;overflow:hidden;}
	.focus_m li{width:100%;height:540px;_float:left;}
		.focus_m li.li_3 a{width:410px;height:88px;float:left; position:absolute; left:50%; margin-left:-190px; top:351px;}
	.focus_m li.li_1 {background:url(../images/en-1.jpg) center 0 no-repeat #f3f3f5;}
	.focus_m li.li_2 {background:url(../images/en-2.jpg) center 0 no-repeat #f3f3f5;}
	.focus_m li.li_3 {background:url(../images/en-3.jpg) center 0 no-repeat #f3f3f5;}
	.focus_s {height:0;position:relative;margin:0 auto;z-index:2;width:16px;}
	.focus_s ul {height:15px;position:absolute;left:500px;top:250px; float:left}
	.focus_s li {float:left;cursor:pointer;height:15px;width:16px;overflow:hidden;margin-bottom:5px;}
	.focus_s li b {display:block;text-indent:-999em;background:url(../images/circle.png) 0 0 no-repeat;width:16px;height:35px;overflow:hidden;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/circle.png');_background:none;}
	.focus_s li.active b {margin-top:-20px;}

.main-pd{ float:left; width:100%; height:300px; background:#4b89dc;}
	.title2{ float:left; width:300px; margin-left:25px; margin-top:50px;}
		.title2 h1{ float:left; font-family:Arial, Tahoma, sans-serif, Verdana, sans-serif; font-size:48px; color:#FFF; text-transform:uppercase; line-height:48px; border-bottom:5px solid #FFF;}
		.title2 a.more2{ float:left; width:110px; height:40px; background:#FFF; color:#4b89dc; text-align:center; line-height:40px; margin-top:50px;}
		.title2 a.more2:hover{ background:#333; color:#FFF;}
	.classification{ float:right;}
		.classification li{ float:left; width:185px; height:260px; background-image:url(../images/typ_icon.jpg); background-repeat:no-repeat; margin-left:1px;}
				.classification li a{ float:left; width:100%; height:100%; }
			.classification li.en-c-1{ background-position: 60px 60px;}
			.classification li.en-c-2{ background-position: -150px 60px;}
			.classification li.en-c-3{ background-position: -347px 60px;}
			.classification li.en-c-4{ background-position: -548px 60px;}
				.classification li.en-c-1:hover{ background-position: 60px -140px;}
				.classification li.en-c-2:hover{ background-position: -150px -140px;}
				.classification li.en-c-3:hover{ background-position: -347px -140px;}
				.classification li.en-c-4:hover{ background-position: -548px -140px;}
			.classification li p{ text-align:center; color:#FFF; margin-top:200px;}
			.classification li:hover p{ color:#000}
			
.en-feedbook{ float:left; width:100%; height:100px; background:#FFF;}
	.en-feedbook li{ float:left; margin-top:30px;}
	.en-feedbook li input.intxt{ width:240px; height:40px; background:#f3f3f3; margin-left:20px; padding-left:20px; color:#999999;}
	.submit{ float:left; margin-top:30px; width:140px; height:40px; margin-left:20px;}
	.coolbg{ float:left; width:140px; height:41px; background:#ff9900; border:0; color:#FFF; cursor:pointer;}
	.coolbg:hover{ background:#333; border:0;}
	
.works{ float:left; width:100%; margin-top:50px;}
	.title{ float:left; width:100%; margin-left:15px;}
		.title h1{ float:left; font-family:Arial, Tahoma, sans-serif, Verdana, sans-serif; font-size:48px; color:#333; text-transform:uppercase; line-height:48px; border-bottom:5px solid #333;}
		.title p{ float:left; width:100%;}
		.title a.more{ float:left; width:110px; height:40px; background:#333; color:#FFF; text-align:center; line-height:40px; margin-top:20px;}
		.title a.more:hover{ background:#4b89dc; color:#FFF;}
	.works-body{ float:left; width:100%; margin-top:30px;}
		.works-body li{ float:left; width:330px; height:380px; background:#FFF; margin:0 15px; margin-bottom:25px; position:relative;}
		.works-body li dt{ float:left; width:100%; height:280px; position:relative; overflow:hidden; z-index:50;}
			.works-body li dt img{ z-index:55;}
		.works-body li h4{ line-height:40px; margin-top:15px; float:left; width:100%; text-align:center;}
			.works-body li h4 a{ font-weight:bold; text-transform:capitalize;}
		.works-body li p{ text-align:center; color:#999; text-transform:capitalize;}
		.mask{ float:left; width:100%; height:100%; background:#4b89dc; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; position:absolute; z-index:999; display:none;}
			.mask a{ float:left; width:100%; height:100%;}
		.works-body li:hover .mask{ display:block;}

.company{ float:left; width:100%; height:500px; background:#666; margin-top:60px;}
	.title3{ float:left; width:610px; margin-left:25px; margin-top:50px;}
		.title3 h1{ float:left; font-family:Arial, Tahoma, sans-serif, Verdana, sans-serif; font-size:48px; color:#FFF; text-transform:uppercase; line-height:48px; border-bottom:5px solid #FFF;}
		.title3 p{ float:left; width:100%; color:#FFF; line-height:30px; text-transform:uppercase;}
	.company ul{ float:left; width:610px; margin-top:30px; margin-left:25px; font-size:14px; line-height:21px; color:#FFF;}
	.company p{ margin-top:30px;}
	.company p a{ width:120px; height:32px; background:#FFF; display:block; text-align:center; line-height:32px;}
	.company p a:hover{ background:#4b89dc; color:#FFF;}

.contact{ float:left; width:100%; height:500px; margin-top:60px;}
	.title4{ float:left; width:610px; margin-left:25px; }
		.title4 h1{ float:left; font-family:Arial, Tahoma, sans-serif, Verdana, sans-serif; font-size:48px; color:#333; text-transform:uppercase; line-height:48px; border-bottom:5px solid #333;}
		.title4 p{ float:left; width:100%; color:#666; line-height:30px; margin-top:40px; text-transform:uppercase;}
	.title4 h4{ font-weight:normal; float:left; width:100%; margin-top:10px; font-size:16px}
	.title4 h4 small{ color:#999;}
.contact ul{ float:left; width:610px; margin-left:25px; margin-top:20px; font-size:15px; color:#666; line-height:24px;}

.right_massage{ float:left; width:430px; margin-top:-100px; font-size:120%; line-height:200%;}
.right_massage li{ float:left; width:100%; margin-bottom:10px;}
.right_massage li span{ float:left; line-height:35px; font-size:14px;}
.right_massage li input.intxt{ border:1px solid #CCC; float:left; width:100%; height:35px; line-height:35p\x; padding-left:10px; padding-right:10px; color:#999;}
.right_massage li .lynr{ width:100%; border:1px solid #CCC; height:120px; padding:10px; float:left; color:#999; font-family:Arial, sans-serif}
.submit2{ float:left; width:452px;}
.coolbg2{ float:left; width:100%; height:40px; border:1px solid #ff9900; background:#ff9900; cursor:pointer; color:#FFF;}
.coolbg2:hover{ background:#4b89dc; border:1px solid #4b89dc; color:#FFF;}

.footer{ float:left; width:100%; height:90px; background:#333;}
.footer p{ line-height:90px; color:#888;}


.about-enline{ float:left; width:100%; height:20px; background:#e4e8e9 url(../images/about-enline.jpg) repeat-x;}

.page{ float:left; width:100%; margin:50px 0;}
	.page_left{ float:left; width:260px;}
	.page_left ul{ float:left; width:100%; background:#FFF; border-radius:8px; overflow:hidden;}
		.page_left ul dt{ float:left; width:100%; height:80px; background:#4b89dc; border-bottom:1px solid #FFF; color:#FFF; font-size:20px; font-weight:bold; text-align:center; line-height:80px;}
		.page_left ul li{ float:left; width:100%; height:40px; border-bottom:1px solid #EEE;}
		.page_left ul li a{ line-height:40px; float:left; width:90%; height:40px; padding-left:10%; font-size:13px}
			.page_left ul li a i{ margin-right:15px;}
		.page_left ul li:hover{ background:#333;}
			.page_left ul li:hover a{ color:#FFF;}
	.page_right{ float:right; width:800px;}
		.page_right_top{ float:left; width:100%; border-bottom:1px solid #DDD; height:40px; line-height:40px;}
			.typename{ float:left; font-size:16px; font-weight:bold;}
			.postion{ float:right;}
			.postion i{ padding:5px 7px; background:#F8F8F8; margin-right:-30px; position:relative; z-index:50; font-size:18px;}
		.content{ float:left; width:90%; padding:0 5%; margin-top:30px; line-height:200%;}
		.content img{ margin:5px 0; max-width:100%;;}
		
		.list_image{ float:left; width:100%; margin-top:30px; line-height:200%;}
		.list_image li{ float:left; width:255px; height:300px; background:#FFF; margin:0 5px; margin-bottom:25px; position:relative;}
		.list_image li dt{ float:left; width:100%; height:215px; position:relative; overflow:hidden; z-index:50;}
			.list_image li dt img{ z-index:55;}
		.list_image li h4{ line-height:30px; margin-top:10px; float:left; width:100%; text-align:center;}
			.list_image li h4 a{ font-weight:bold; text-transform:capitalize;}
		.list_image li p{ text-align:center; color:#999; text-transform:capitalize;}
		.mask{ float:left; width:100%; height:100%; background:#4b89dc; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; position:absolute; z-index:999; display:none;}
			.mask a{ float:left; width:100%; height:100%;}
		.list_image li:hover .mask{ display:block;}
		
		.list_article{ float:left; width:98%; padding:0 1%; margin-top:30px; line-height:200%; margin-bottom:40px;}
			.list_article li{ float:left; width:100%; height:45px; border-bottom:1px dashed #DDD; line-height:45px;}
			.list_article li a i{ margin-right:15px;}
			.list_article li a{ float:left; line-height:45px;}
			.list_article li span{ float:right; font-size:13px; color:#999;}

.feedbook{ float:left; width:430px; margin-top:30px; font-size:120%; line-height:200%; margin-left:150px;}
.feedbook li{ float:left; width:100%; margin-bottom:10px;}
.feedbook li span{ float:left; line-height:35px; font-size:14px;}
.feedbook li input.intxt{ border:1px solid #CCC; float:left; width:80%; height:35px; line-height:35p\x; padding-left:10px; padding-right:10px; color:#999;}
.feedbook li .lynr{ width:100%; border:1px solid #CCC; height:150px; padding:10px; float:left; color:#999; font-family:Arial, sans-serif}
.submit2{ float:left; width:452px;}
.coolbg2{ float:left; width:100%; height:50px; border:1px solid #ff9900; background:#ff9900; cursor:pointer; color:#FFF;}
.coolbg2:hover{ background:#4b89dc; border:1px solid #4b89dc; color:#FFF;}