@charset "utf-8"; 
/*  my css reset  */ 
html{overflow-x: auto; overflow-y:scroll;}
body{
margin:0px;
padding:0px;
font:normal 12px/200% Helvetica, Tahoma, Arial, sans-serif;
color:#878787;
height:100%;
background:#ffffff;
}
TD {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;微软雅黑
}
img{border:0px;vertical-align:top;}
a{color:#878787;text-decoration:none;cursor:pointer }
a:hover{color:#666666;text-decoration:none;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.c144b9a{color:#144b9a}
.c144b9a:hover{color:#ff5500}

ul{list-style-type:none;margin:0px;padding:0px;}
dl,dt,dd{margin:0px;padding:0px;}
ul li,p,form,input{margin:0px;padding:0px;}

.fl{float:left;}
.fr{float:right;}

.clearfix {display: block;} 
.clearfix:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.blank3{ height:3px; font-size:1px; width:100%; clear:both; overflow:hidden;visibility: hidden;display: block;}
.blank6{ height:6px; font-size:1px; width:100%; clear:both;overflow:hidden;visibility: hidden;display: block;}
.blank9{ height:9px; font-size:1px; width:100%; clear:both;overflow:hidden;visibility: hidden;display: block;}
.blank12{ height:12px; font-size:1px; width:100%; clear:both;overflow:hidden;visibility: hidden;display: block;}
.blank15{ height:15px; font-size:1px; width:100%; clear:both;overflow:hidden;visibility: hidden;display: block;}
.blank16{ height:16px; font-size:1px; width:100%; clear:both;overflow:hidden;visibility: hidden;display: block;}
.blank20{ height:20px; font-size:1px; width:100%; clear:both;overflow:hidden;visibility: hidden;display: block;}
/*html5 css style*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block;margin:0;padding:0;}

/*default*/
body li:hover, body a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.indexbg {
	MARGIN: 0px auto; BACKGROUND: url("isideimg1.jpg"/*tpa=http://www.huapaike.com/img/isideimg1.jpg*/) no-repeat center top; HEIGHT: 336px
}
.indexcenter {
	MARGIN: 0px auto; BACKGROUND: url("centerbg.jpg"/*tpa=http://www.huapaike.com/img/centerbg.jpg*/) no-repeat center top; HEIGHT: 262px
}
.nbg {
	MARGIN: 0px auto; BACKGROUND: url("nbg.jpg"/*tpa=http://www.huapaike.com/img/nbg.jpg*/) #ffffff repeat-x top center;
}
.pbg {
	MARGIN: 0px auto; BACKGROUND: url("p1.jpg"/*tpa=http://www.huapaike.com/img/p1.jpg*/) no-repeat center top; HEIGHT: 209px
}
.sbg {
	MARGIN: 0px auto; BACKGROUND: url("s1.jpg"/*tpa=http://www.huapaike.com/img/s1.jpg*/) no-repeat center top; HEIGHT: 209px
}
.aboutbg {
	MARGIN: 0px auto; BACKGROUND: url("a1.jpg"/*tpa=http://www.huapaike.com/img/a1.jpg*/) no-repeat center top; HEIGHT: 209px
}
.newbg {
	MARGIN: 0px auto; BACKGROUND: url("n1.jpg"/*tpa=http://www.huapaike.com/img/n1.jpg*/) no-repeat center top; HEIGHT: 209px
}
.jobbg {
	MARGIN: 0px auto; BACKGROUND: url("j1.jpg"/*tpa=http://www.huapaike.com/img/j1.jpg*/) no-repeat center top; HEIGHT: 209px
}
.cbg {
	MARGIN: 0px auto; BACKGROUND: url("c1.jpg"/*tpa=http://www.huapaike.com/img/c1.jpg*/) no-repeat center top; HEIGHT: 209px
}
.footer {
	WIDTH: 100%; BACKGROUND: #fff; HEIGHT: 61px; OVERFLOW: hidden;BACKGROUND: url("foot.jpg"/*tpa=http://www.huapaike.com/img/foot.jpg*/) #ffffff repeat-x top center;
}
.footerCon {
	MARGIN: 0px auto; PADDING-TOP: 15px; PADDING-bottom: 10px
}
.footerCon TH {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 16px; FONT-SIZE: 14px; 
}
.footerCon TH A {font:bold 13px/20px "微软雅黑";
	COLOR: #868686
}
.footerCon TD {
	font:12px/20px "微软雅黑";LINE-HEIGHT: 24px; PADDING-LEFT: 0px;
}
.footerCon TD A:hover {
	COLOR: #868686
}



.relative{position:relative;height:244px;}
.iprobox{width:246px;height:233px;background:url("iprobg.jpg"/*tpa=http://www.huapaike.com/img/iprobg.jpg*/) no-repeat;overflow:hidden;position:absolute;left:0;top:11px;}
.iptotitle{width:100%;height:41px;overflow:hidden;}
.iptotitle h3{float:left;display:inline;margin:18px 0 0 19px;font:bold 13px/20px "微软雅黑";color:#333333;}
.iptotitle a.imore{float:right;margin:15px 14px 0 0;font-size:8px;}
.iptotitle a.imore{color:#a8a8a8;}
.iptotitle a.imore:hover{color:#ff5500}
.iprocont{width:206px;margin:0 auto 0 auto; text-align:left}
.iprocont dl{border-bottom:1px solid #dcdddd;}
.iprocont dl.selected dt{border-bottom:1px solid #dcdddd;background:url("iprodtbg1.gif"/*tpa=http://www.huapaike.com/img/iprodtbg1.gif*/) no-repeat 198px center;}
.iprocont dl.selected dd{display:block;}
.iprocont dl dt{font:bold 13px/25px "微软雅黑";background:url("iprodtbg.gif"/*tpa=http://www.huapaike.com/img/iprodtbg.gif*/) no-repeat right center;}
.iprocont dl dd{line-height:18px;display:none;padding:5px 0;height:52px;overflow:hidden;}
.iprocont dl a{color:#333333;display:block;}
.iprocont dl a:hover{color:#ff5500;background:#ffffff;}
.iprosmore{margin:5px 20px 0 20px; float:right}
.iproscont{height:160px;overflow:hidden;}

.inewsbox{width:247px;height:233px;background:url("inewsbg.jpg"/*tpa=http://www.huapaike.com/img/inewsbg.jpg*/) no-repeat;overflow:hidden;position:absolute;left:246px;top:11px;}
.inewscont{border-top:1px dotted #9b9a9a;border-bottom:1px dotted #9b9a9a;margin:10px 0 8px 0;padding:3px 0; }
.inewscont a{color:#666666;background:url("inewscontbg.jpg"/*tpa=http://www.huapaike.com/img/inewscontbg.jpg*/) no-repeat left 9px;padding-left:11px;color:#999;display:block;}
.inewscont a:hover{color:#ff5500;}
.inewsimg img{width:208px;height:66px;}
.inewsimg2 img{width:208px;height:160px;}
.inewsmore{margin:5px 0px 0 20px; float:right}
.inewsmore2{margin:1px 0px 0 20px; float:right}

.iculturebox{width:248px;height:233px;background:url("iculturebg.jpg"/*tpa=http://www.huapaike.com/img/iculturebg.jpg*/) no-repeat;overflow:hidden;position:absolute;right:0;top:11px;}
.iculturecont{border-top:1px dotted #9b9a9a;border-bottom:1px dotted #9b9a9a;margin:10px 0 8px 0;padding:3px 0;height:48px;}
.iculturecont ul li{background:url("inewscontbg.jpg"/*tpa=http://www.huapaike.com/img/inewscontbg.jpg*/) no-repeat left center;float:left;width:100%;text-indent:13px;}

.iservicebox{width:247px;height:233px;background:url("iservicebg.jpg"/*tpa=http://www.huapaike.com/img/iservicebg.jpg*/) no-repeat;overflow:hidden;position:absolute;left:493px;top:11px;}
.iservicecont{border-top:1px dotted #9b9a9a;border-bottom:1px dotted #9b9a9a;margin:10px 0 8px 0;padding:6px 0 0 0;font-size:12px;}
.iservicecont a{white-space:nowrap;margin-right:14px;}

.footmenu{width:100%;height:34px;background:url("footmenubg.jpg"/*tpa=http://www.huapaike.com/img/footmenubg.jpg*/) repeat-x;overflow:hidden;margin-top:12px;}
.footmenu_c{width:100%;height:280px;background:url("footmenubg.jpg"/*tpa=http://www.huapaike.com/img/footmenubg.jpg*/) repeat-x;overflow:hidden;padding-top:50px;}
.footmenu_check{width:86px;line-height:34px;margin:0 auto;color:#878787;font-size:13px;font-family:"微软雅黑";font-weight:bold;cursor:pointer;}
.footmenu_checkbg{background:url("footmenu_checkbg.jpg"/*tpa=http://www.huapaike.com/img/footmenu_checkbg.jpg*/) no-repeat center top;}
.footmenu_check.open{background:url("footmenu_o.jpg"/*tpa=http://www.huapaike.com/img/footmenu_o.jpg*/) no-repeat right center;}
.footmenu_check.close{background:url("footmenu_c.jpg"/*tpa=http://www.huapaike.com/img/footmenu_c.jpg*/) no-repeat right center;}
.footmenubox{}
.footmenubox dl{float:left;display:inline;width:135px;margin-left:2px;margin-top:0px;}
.footmenubox dl dt{font-size:14px;font-weight:bold;margin-bottom:10px;}
.footmenubox dl dt figcaption{margin-left:10px;}
.footmenubox dl dd{margin-left:45px; text-align:left}

.footbox{width:100%;height:27px;background:url("footbg.jpg"/*tpa=http://www.huapaike.com/img/footbg.jpg*/) repeat-x;text-align:center;color:#83aee1;}
.footbox a{color:#83aee1;}
.footbox a:hover{color:#ff5500;}

.box_c{width:966px;margin-left:auto;margin-right:auto;padding:0 5px;background:#fff;}
.topbanner{padding-top:5px;margin-bottom:11px;}


.tab-menu{width:100%;height:49px;background:url("tab-menubg.jpg"/*tpa=http://www.huapaike.com/img/tab-menubg.jpg*/) repeat-x left bottom;}
.tab-menu a{display:inline;float:left;height:41px;line-height:41px;border:2px solid #dedede;border-bottom:none;margin:4px 5px 0 0;font-weight:bold;padding:0 11px;font-size:14px;color:#888888;background:url("tab-menuabg.jpg"/*tpa=http://www.huapaike.com/img/tab-menuabg.jpg*/)/*tpa=http://www.jdlssoft.com.cn/img/tab-menuabg.jpg*/ repeat-x;}
.tab-menu a.active{background:#fff;margin:0px 5px 0 0;height:47px;line-height:47px;color:#144b9a;}
.tab-menu a:hover{background:#fff;margin:0px 5px 0 0;height:47px;line-height:47px;color:#144b9a;}
.newscont{width:100%;background:url("newscontbg.jpg"/*tpa=http://www.huapaike.com/img/newscontbg.jpg*/) no-repeat center top;}
.newscont ul{display:none;}
.newscont ul li{clear:both;width:732px;padding:20px 18px 10px 19px;margin:0 2px;height:113px;overflow:hidden;vertical-align:middle;}
.newscont ul li.selected{background:#fcf8ea;}
.newscont ul li:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.newscont ul li figure{float:left;width:113px;height:89px;background:url("newscontlibg.jpg"/*tpa=http://www.huapaike.com/img/newscontlibg.jpg*/) no-repeat;padding:4px;display:inline;}
.newscont ul li figure img{width:113px;height:89px;}
.newscont ul li figcaption{width:600px;float:right;}
.newscont ul li figcaption .newscont_title{margin:0;font-size:14px;}
.newscont_text{line-height:20px;color:#666;text-indent:2em;}
.newscont ul li figcaption .newscont_more{text-align:right;}
.newscont ul li figcaption .newscont_more a{color:#1a59a9;}
.newscont ul li figcaption .newscont_more a:hover{color:#ff5500;}

.pagebox{line-height:20px;float:left;display:inline;}
.pageup{width:17px;height:19px;text-align:center;line-height:19px;border:1px solid #a6a6a6;display:inline;float:left;font-family:"宋体";margin:0 2px;color:#a6a6a6}
.pageupup{width:17px;height:19px;text-align:center;line-height:19px;border:1px solid #a6a6a6;display:inline;float:left;font-family:"宋体";margin:0 2px;color:#a6a6a6}
.pagenum{float:left;display:inline;margin:0 2px;line-height:21px;color:#558bba;}

.newsrightbox{width:182px;float:right;}
.messageimg{border:1px solid #ddd;}
.news_hotbox{background:#f2f2f2;margin-top:10px;}
.news_hottitle{height:23px;border-bottom:1px solid #fff;background:#73a2d6;color:#fff;font-weight:bold;text-indent:5px;}
.news_hotbox ul{padding-bottom:30px;}
.news_hotbox ul li{padding:10px 5px 0 15px;line-height:12px;}
.news_hotbox ul li h3{margin:0;font:14px/22px "宋体";}
.news_hotbox ul li h3 a:hover{color:#1b5fb3}
.news_hotbox ul li time{font-size:10px;color:#bfbdbd;}

.rightlinkbox{margin-top:10px;background:url("rightlinkbg.jpg"/*tpa=http://www.huapaike.com/img/rightlinkbg.jpg*/)/*tpa=http://www.jdlssoft.com.cn/img/rightlinkbg.jpg*/ repeat-x;height:43px;text-align:center;padding-top:9px;}
.rightlinkbox select{width:157px;}

.linkbox{width:157px;height:24px;position:relative;margin-left:auto;margin-right:auto;}
.link_l{width:134px;height:24px;background:url("link_l_bg.jpg"/*tpa=http://www.huapaike.com/img/link_l_bg.jpg*/)/*tpa=http://www.jdlssoft.com.cn/img/link_l_bg.jpg*/ no-repeat left top;position:absolute;left:0;top:0;text-align:left;text-indent:11px;line-height:24px;}
.link_c{width:23px;height:24px;background:url("link_c_bg.jpg"/*tpa=http://www.huapaike.com/img/link_c_bg.jpg*/)/*tpa=http://www.jdlssoft.com.cn/img/link_c_bg.jpg*/ no-repeat;position:absolute;right:0;top:0;cursor:pointer;}
.link_cont{width:132px;background:#f7f7f7;min-height:100px;_height:100px;border:1px solid #cdcdcd;border-top:0;position:absolute;left:0;top:23px;z-index:5;display:none;}
.link_cont a{display:block;}




.about_left{ min-height:760px;_height:760px; background:url("about_bg01.png"/*tpa=http://www.huapaike.com/images/about_bg01.png*/) no-repeat right top;}
.left_til{ padding:22px 0 0 30px; height:54px; font:bold 20px/26px "微软雅黑"; color:#0064c2; background:url("about_bg02.png"/*tpa=http://www.huapaike.com/images/about_bg02.png*/) no-repeat right bottom;}
.left_til span{ display:block; font:normal 16px/20px Arial; color:#8b9bab;padding-bottom:12px}
.left_nav{ float:right; margin-top:5px;}
.left_nav a{ display:inline-block; float:right; width:181px; height:43px;font:14px/43px "微软雅黑"; color:#666666; background:url("about_nav.jpg"/*tpa=http://www.huapaike.com/images/about_nav.jpg*/) no-repeat 0 0; padding-left:16px; overflow:hidden;}
.left_nav a:hover,.left_nav a.hover{background:url("about_nav.jpg"/*tpa=http://www.huapaike.com/images/about_nav.jpg*/) no-repeat 0 -43px; color:#333333;overflow:hidden;}
.left_cont{ display:inline-block; margin:30px 15px 0 30px; background:url("about_bg04.png"/*tpa=http://www.huapaike.com/images/about_bg04.png*/) no-repeat; width:153px; height:180px; cursor:pointer;}
.left_cont h2{ font-size:16px; padding:20px 0 0 16px;}
.left_cont h3{ font:16px/22px Arial; color:#d6d6d6; padding-left:16px;}

.right{ width:800px; float:right; display:inline; margin-right:30px;}
.path{padding:26px 0 12px 0; margin-bottom:25px; border-bottom:1px solid #e5e5e5; font:22px/28px "微软雅黑"; color:#000; overflow:hidden}
.path span{ float:right; padding:10px 0 0 18px; font:12px/18px "宋体"; color:#888; background:url("bit_05.png"/*tpa=http://www.huapaike.com/images/bit_05.png*/) no-repeat left 14px;}
.path span a{ color:#888;}.path span a:hover{ color:#004878;}


.about_head{ padding:25px 0 2px; font:16px/30px "微软雅黑"; color:#016cb2;}
.about_cent{ background:url("about_bg05.jpg"/*tpa=http://www.huapaike.com/img/about_bg05.jpg*/) no-repeat center bottom; padding:3px 0 53px;}
.about h2{ font:16px/28px "微软雅黑"; color:#000; background:url("bit_04.png"/*tpa=http://www.huapaike.com/images/bit_04.png*/) no-repeat left center; padding-left:14px;}
.about_cent p{ font-family:"微软雅黑"; color:#222}
.about_bot{ line-height:24px; padding-top:25px;font:14px/28px "微软雅黑";}
.about_bot b{ color:#0075c1;} 
.about_bot h2{ font:16px/28px "微软雅黑"; color:#000; background:url("bit_04.png"/*tpa=http://www.huapaike.com/images/bit_04.png*/) no-repeat left center; padding-left:14px;}



a.lei:link,a.lei:visited{ font:16px/43px "微软雅黑"; color:#666666; text-decoration:none;}
a.lei:hover,a.lei:active{ font:16px/43px "微软雅黑"; color:#222; TEXT-DECORATION:none;}

.nav-main {
	PADDING-LEFT: 50px; FLOAT: left; HEIGHT: 40px; PADDING-TOP: 0px
}
.nav-main LI {
	POSITION: relative; PADDING-RIGHT: 1px; FLOAT: left
}
.nav-main LI.last {
	PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.nav-main LI A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 6px; DISPLAY: inline-block; font:16px/43px "微软雅黑"; color:#666666; PADDING-TOP: 0px
}
.nav-main LI A:hover {
	COLOR: #035cac
}
.nav-main LI A.hover {
	COLOR: #035cac
}
.son-nav {
	POSITION: absolute; WIDTH: 148px; DISPLAY: none; TOP: 30px; LEFT: 0px
}
.son-nav-main {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 80px; PADDING-RIGHT: 0px; BACKGROUND: url("sonnav.png"/*tpa=http://www.huapaike.com/img/sonnav.png*/) no-repeat left top; FLOAT: left; PADDING-TOP: 20px
}
.snml {
	BACKGROUND: url("sonnav_l.png"/*tpa=http://www.huapaike.com/img/sonnav_l.png*/) no-repeat left top
}
.son-nav-main LI {
	WIDTH: 100px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.nav {
	DISPLAY: inline; FLOAT: left
}
.nav .son-nav-main LI A {
	BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 4px; LINE-HEIGHT: 24px; PADDING-LEFT: 0px; WIDTH: 80px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 24px; COLOR: #666; FONT-SIZE: 12px; PADDING-TOP: 4px; _position: relative; _overflow: hidden
}
.nav .son-nav-main LI A:hover {
	COLOR: #333333
}
.nav .ul-long {
	WIDTH: 131px; FLOAT: left
}
.nav .ul-long LI {
	WIDTH: 131px
}
.nav .ul-long LI A {
	WIDTH: 96px
}
.son-nav-right {
	WIDTH: 32px; BACKGROUND: url("sonnav_r.png"/*tpa=http://www.huapaike.com/img/sonnav_r.png*/) no-repeat right bottom; FLOAT: left
}


.event { width:730px; padding-top:10px; padding-left:20px;}
.eventlist { width:690px; height:26px; float:left;}
.eventlist ul li { width:60px; line-height:26px; float:left; text-align:center; border-right:#fff 1px solid; background:url("events_bg.gif"/*tpa=http://www.huapaike.com/img/events_bg.gif*/)/*tpa=http://www.lyyahua.com/about/images/events_bg.gif*/ top repeat-x; font-family:Arial;}
.eventlist ul li a { display:block; width:100%; line-height:26px; color:#fff;} 
.eventlist ul li a:link { color:#fff;}
.eventlist ul li a:visited { color:#fff;}
.eventlist ul li a:hover { background:url("events_bgon.gif"/*tpa=http://www.huapaike.com/img/events_bgon.gif*/)/*tpa=http://www.lyyahua.com/about/images/events_bgon.gif*/ top repeat-x;}
.eventlist ul li.eventon a { background:url("events_bgon.gif"/*tpa=http://www.huapaike.com/img/events_bgon.gif*/)/*tpa=http://www.lyyahua.com/about/images/events_bgon.gif*/ top repeat-x;}

.eventintro { width:690px; padding-top:10px; clear:both;}
.eventintrolist { padding-left:15px; border-bottom:#b6b6b6 1px dotted; line-height:22px; background:url("events_point.gif"/*tpa=http://www.huapaike.com/img/events_point.gif*/)/*tpa=http://www.lyyahua.com/about/images/events_point.gif*/ 3px 9px no-repeat; color:#292829; font-family:Arial;}
.eventintrolist h3 { font-size:12px;color:#11269B;}
.eventintrolist a:link { color:#292829;}
.eventintrolist a:visited { color:#292829;}
.eventintrolist a:hover { color:#185f96;}


/* ---------------------- 百叶窗banner  -------------------------- */
#slider-wrap{width:1080px; height:336px;}   /*可以修改宽高*/
#slider{position: relative; width:1080px; height:336px; background:#FFF;} /*可以修改宽高*/
#slider img{position:absolute; top:0; left:0; display:none; width:1080px; height: 336px;}/*可以修改宽高*/
.nivoSlider{position:relative;overflow: hidden;}
.nivoSlider img{position:absolute; top:0px; left:0px}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px;display:block;left:0px;width:1080px;height:336px;border:0;padding:0;margin:0;z-index:6;}/*可以修改宽高*/
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute; left:0; bottom:0; background:#ddd;width:1080px; z-index:50; height: 40px; }/*可以修改宽高*/
.nivo-caption p{width:1080px;height: 40px; text-indent: -9999px}/*可以修改宽高*/
.nivo-controlNav{position:absolute; left:50%; bottom:10px; z-index: 100;}/*可以修改左右上下间距*/
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer;background:#074d91}
.nivo-controlNav a.active{background:#ff6400;font-weight:bold}
.nivo-controlNav a{display:block; color: #fff; width:30px; height:20px; line-height: 20px; text-align: center; margin-right:3px; float:left; overflow: hidden;}/*可以修改宽高*/
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}   /*左右切换按钮，不能删除，如果不需要可以设背景，删除会引起图片错位*/
.nivo-directionNav a {display:block;width:30px;height:30px;text-indent:-9999px;border:0;}
a.nivo-nextNav {right:15px;}
a.nivo-prevNav {left:15px;}