@charset "gb2312";

/* CSS Document */

@font-face {

  font-family: 'AvantGarde';

  src:url(../font/AVGARDN.TTF);

}



/*全局*/

html,body{ margin:0; padding:0; font-family:"Microsoft YaHei", "微软雅黑", "黑体"; font-size:0.875em; background:#5d1b7f;}

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 "Microsoft YaHei","微软雅黑"; blr:expression(this.onFocus=this.blur())}

a:hover{ color:#F33; 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;} 

.box img { position:absolute; top:-50%; right:-50%; bottom:-50%; left:-50%; margin:auto; min-height:100%; min-width:100%;}

.w1024{ width:1024px; margin:0 auto;}



/* side-bar */

.side-pannel{position:fixed;left:50%;margin-left:520px;z-index:99;font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; }

.side-bar{border-radius:4px;border-bottom:none;bottom:150px;background:#ffcc33;}

.side-bar a{display:block;cursor:pointer;width:70px;height:45px;border-radius:4px;position:relative;color:#676767;text-align:center;text-decoration:none;}

.side-bar a:hover{background:#5c1a80;}

.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)}



/* 在线留言样式表 */

.feedook_body{ float:left; margin-top:60px; margin-left:190px; width:850px;}

.newsletter{ float:left; padding-right:10px; border-right:1px dotted #000; line-height:20px;}

.feedook_body li{ float:left; height:20px; line-height:20px; margin-left:15px;}

.feedook_body li input{ float:left; width:130px; height:20px; line-height:20p\x; padding-left:10px;}



.submit{ float:left; margin-left:10px;}

.coolbg{ float:left; width:70px; height:22px; background:#CCC; cursor:pointer; color:#333; font-family:"Microsoft YaHei", "微软雅黑", "黑体"; font-size:12px}

.coolbg:hover{ background:#FC3; color:#333;}



/* 列表分页通用样式 */

.pagelist{ float:right; margin:15px 0;}

.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;}



/* 焦点图 css -------------------------------------- */

.focus{ width:100%; height:349px; float:left; position:relative; overflow:hidden;}

.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }

.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);}

.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; font-size:0;}

.focus .hd ul .on{ background:#FC3;}

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%; height:auto; }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }





.lang{ float:right; margin-top:15px; margin-left:15px; margin-right:3%;}

.chn,.eng{ float:left; padding-left:20px; background-image:url(../images/top_icon.png); background-repeat:no-repeat;}

.chn a,.eng a{ line-height:17px; color:#FFF; font-size:12px; }

.lang a:hover{ text-decoration:underline;}

.chn{ background-position:0 -26px; margin-right:5px;}

.eng{ background-position:0 -51px;}



.head{ float:left; width:100%; height:195px; background:url(../images/en_head_bg.gif) repeat;}

.top{ float:left; width:100%; height:51px; background: url(../images/entopbg.png) no-repeat;}

.topmenu{ float:left;}

.topmenu li{ float:left; height:51px; background:url(../images/topmenuhover.png) 0 0 no-repeat; margin-right:15px;}

.topmenu li a{padding-left:70px; display:block; line-height:48px; color:#FFF;}

.topmenu li:hover{ background:url(../images/topmenuhover.png) 0 -53px no-repeat;}

.top_mid{ float:left; width:100%;}

.logo{ float:left; height:102px;}

.logo img{ margin-top:15px;}

.search{ float:right;}

.search_bg{ float:left; width:315px; height:55px; background:#f2f2f1; margin-top:22px;}

.search_text{ float:left; margin-left:25px; margin-top:11px;}

.search_text input{ float:left; width:210px; height:32px; padding-left:10px; background:#d3d3d3; border-radius:4px; box-shadow:inset 0 1px 3px rgba(0,0,0,.2); color:#666;}

.button{ float:left; margin-left:7px; margin-top:9px;}

.search-submit{ float:left; width:43px; height:39px; background:url(../images/search_button.png); border:0; cursor:pointer;}



.menu{ float:left; width:101%; height:42px; margin-left:-3px;}

.menu li{ float:left; width:131px; height:42px; background:url(../images/en_menubg.png) center no-repeat; margin:0 8px;}

.menu li a{ color:#cfcfcf; display:block; width:100%; height:100%; text-align:center; line-height:42px; text-transform:uppercase; font-size:13px;}

.menu li:hover{ background:url(../images/en_menubg-hover.png) center no-repeat;}

.menu li:hover a{ color:#333;}



.main{ float:left; width:100%; margin-top:30px;}

.position{ position:relative;}

.flower{ float:left; width:725px; height:475px; background:url(../images/flower.png) no-repeat; position:absolute; top:-5px; right:20px; z-index:0;}



.main_left{ float:left; width:688px; padding:15px; background:#774094; border:1px solid #84578d;}



.about{ float:left; width:100%; margin-top:30px; position:relative; z-index:5;}

.about h4{ color:#fff; font: bold 16px/26px Arial, Tahoma, sans-serif;text-transform:capitalize;}

.about p{ color:#fff; font: normal 13px/24px Arial, Tahoma, sans-serif;}

.readmore{ font-size:14px; color:#FC3;  text-shadow: 0 1px 1px #3b1f49; text-decoration:underline;}

.readmore:hover{ color:#FFF; text-decoration:underline;}



.product{ float:left; width:100%; margin-top:30px; position:relative; z-index:5;}

.product h3{ font: normal 20px/28px Arial, Tahoma, sans-serif; color:#FC3; text-shadow: 0 0 7px #3b1f49;}

.pd_list{ float:left; width:102%; margin-top:10px; margin-left:-5px;}

.pd_list li{ float:left; width:160px; height:150px; margin:0 7px;}

.pd_list li dt{ float:left; width:154px; height:104px; padding:3px; background:#b790cb;}

.pd_list li dt a{ float:left; width:100%; height:100%; overflow:hidden; position:relative;}

.pd_list li dt a img{ margin:auto; top:0; right:0; bottom:0; left:0; position:absolute;}

.pd_list li dt:hover{ background:#FFF;}

.pd_list li p{ line-height:24px; color:#FFF; text-align:center;}



.pd_list2{ float:left; width:102%; margin-top:10px; margin-left:-5px;}

.pd_list2 li{ float:left; width:218px; height:180px; margin:0 7px;}

.pd_list2 li dt{ float:left; width:212px; height:143px; padding:3px; background:#b790cb;}

.pd_list2 li dt a{ float:left; width:100%; height:100%; overflow:hidden; position:relative;}

.pd_list2 li dt a img{ margin:auto; top:0; right:0; bottom:0; left:0; position:absolute;}

.pd_list2 li dt:hover{ background:#FFF;}

.pd_list2 li p{ line-height:24px; color:#FFF; text-align:center;}





.main_right{ float:right; width:230px; margin-left:34px; margin-right:40px; position:relative; z-index:5;}



.news{ float:left; width:100%; margin-top:10px; position:relative; z-index:5;}

.news h3{ font: normal 20px/28px Arial, Tahoma, sans-serif; color:#FC3; text-shadow: 0 0 7px #3b1f49;}

.news_list{ float:left;}

.news_list li{ padding-left:15px; background:url(../images/list_dian.png) 0 12px no-repeat; height:30px; line-height:30px;}

.news_list li a{ color:#FFF; text-decoration:underline; font-size:13px;}

.news_list li a:hover{ color:#FC3;}



.news_list2{ float:left; width:100%; margin-top:10px; position:relative; z-index:5;}

.news_list2 li{ float:left; width:100%; margin-bottom:15px;}

.news_list2 li a{ font:bold 12px/24px Arial, Tahoma, sans-serif; color:#FFF; text-decoration:underline;}

.news_list2 li a:hover{ color:#FC3;}

.news_list2 li span{ margin-left:5px; font-style:italic; color:#FFF;}

.news_list2 li p{ color:#bea4cc;}

.contact{ float:left; background:url(../images/dws.png) left top repeat-y; padding-left:20px;}

.contact p{ color:#FFF; line-height:26px;}



.message{ float:left; width:100%; height:100px; background:url(../images/enabnner.png) no-repeat; margin-top:30px;}



.footer{ width:100%; height:130px; float:left; background:url(../images/en_head_bg.gif); margin-top:30px;}

.logo2{ float:left; height:130px; padding-right:40px; margin-right:50px; background:url(../images/in_line.png) right center no-repeat;}

.logo2 img{ margin-top:30px;}

.contatc_info{ float:left; height:100px; color:#FFF; padding-top:30px; background:url(../images/in_line.png) right center no-repeat; padding-right:50px; margin-right:60px;}

.contatc_info p{ line-height:26px;}

.contatc_info p i{ font-size:14px; margin-right:6px;}

.contatc_info p b{ font-size:16px;}

.foot_menu{ float:left;}

.foot_menu h2{ font-size:18px; color:#FFF; font-weight:normal; margin-top:20px;}

.foot_menu ul{ float:left; width:200px; color:#FFF;}

.foot_menu ul li{ float:left; width:100px;}

.foot_menu ul li i{ margin-right:7px;}

.foot_menu ul li a{ color:#FFF; font-size:12px; text-transform:capitalize; line-height:22px;}

.foot_menu ul li a:hover{ text-decoration:underline;}



.bottom{ float:left; width:100%; height:40px; background:#383838; border-top:1px solid #4b4b4b;}

.bottom p{ line-height:40px; color:#999;}



.postion{ float:left; width:100%; color:#FFF; margin-top:10px;}

.postion i{ font-size:14px;}

.postion a{ color:#FFF;}

.postion a:hover{ text-decoration:underline;}



.list_article{ float:left; width:100%; margin-top:15px;}

.list_article ul{ float:left; width:100%; margin-bottom:20px;}

.news_date{ float:left; width:40px; margin-right:20px;}

.news_date dt, .news_date dl{ float:left; width:40px; height:40px; background:#FFF; text-align:center; line-height:40px; font-family:Cambria, "Hoefler Text", "Liberation Serif", "Times New Roman"; color:#333; font-size:20px;}

.news_date dl{ background:#FC3; font-size:15px;}

.list_article ul h2 a{ font:bold 15px/26px Arial, Tahoma, sans-serif; color:#FFF;}

.list_article ul h2 a:hover{ color:#FC3;}

.list_article ul p{ color:#bea4cc;}



.article_article{ float:left; width:100%; margin-top:30px; position:relative; z-index:5;}

.article_article h4{ color:#fff; font: bold 16px/40px Arial, Tahoma, sans-serif; text-transform:capitalize;}

.article_article p{ color:#fff; line-height:200%;}





/* 在线留言样式表 */

.feedook_body2{ float:left; margin-top:10px; font-size:120%; line-height:200%;}

.feedook_body2 li{ float:left; width:100%; margin-bottom:10px;}

.feedook_body2 li span{ float:left; line-height:39px; font-size:14px; background:#333; color:#FFF; width:140px; text-align:center;}

.feedook_body2 li input.intxt2{ border:1px solid #DDD; float:left; width:500px; height:35px; line-height:35p\x; padding-left:10px;}

.feedook_body2 li .lynr{ width:490px; border:1px solid #DDD; height:120px; padding:10px; float:left;}

.submit2{ float:left; margin-left:70px;}

.coolbg2{ float:left; width:70px; height:70px; margin-top:20px; background:url(../images/submit.png); cursor:pointer; color:#FFF; margin-left:240px; font-family:"Microsoft YaHei", "微软雅黑", "黑体"; font-size:14px}

.coolbg2:hover{ background:url(../images/submit2.png); color:#333;}





.contact2 li{ margin-bottom:10px; float:left; width:100%; color:#FFF; font-size:14px; line-height:30px;}

.contact2 i{ color:#FFF; background:#333; width:30px; height:30px; text-align:center; line-height:30px; float:left; margin-right:15px;}

.bottom-border{ border-bottom:1px dashed #CCC;}

.contact2 i.icon-comments-alt{ background:#f8b62b;}