html{-webkit-text-size-adjust:none}

.clear{CLEAR:both}@font-face{font-family:myImpact;src:url('font/Impact.eot');src:url('font/Impact.eot?#iefix') format('embedded-opentype'),url('font/Impact.woff') format('woff'),url('font/Impact.ttf') format('truetype'),url('font/Impact.svg#svgFontName') format('svg')}

*{margin:0;padding:0;word-wrap:break-word}

body{PADDING-BOTTOM:0;margin:0 auto;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0;color:#575151;width:100%;/*background-color:#f1f1f1;*/font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,"宋体";font-size:12px;line-height:24px}
#info{ background:#f0f0f0;}
body{min-width:1300px;margin:0 auto;padding:0;overflow-x:hidden}

div{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}form{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}img{PADDING-BOTTOM:0;MARGIN:0;PADING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}p{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}ul{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}ol{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}li{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}input{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}button{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}a img{BORDER-BOTTOM:0;BORDER-LEFT:0;BORDER-TOP:0;BORDER-RIGHT:0}ul{list-style-type:none;list-style-image:none}ol{list-style-type:none;list-style-image:none}li{list-style-type:none;list-style-image:none}a{text-decoration:none;color:#575151}a:hover{text-decoration:none;color:#615b5b}a:focus,input{outline:0}a{blr:expression(this.onFocus=this.blur())}.abs{position:absolute}.rel{position:relative}.clear{clear:both}



.frame100{width:100%;display:block;margin:0 auto;padding:0;position:relative;min-width:1024px}
.frame101{width:100%;display:block;margin:0 auto;padding:0;position:relative;min-width:1024px}
.z9{position:relative;z-index:9}.z99{position:relative;z-index:99}

.z999{position:relative;z-index:999}
/*侧边栏*/
.hide {
	display: none
}
.side_bar {
	position: fixed;
	right:25px;
	margin-right: 0px;
	top:70px;
	width: 48px;
	z-index: 10000;
}
.side_bar li {
	margin: 3px 0;
}
.side_bar a {
	display: inline-block;
	padding: 10px 12px;
	line-height: 14px;
	color: #FFF;
	background:url(./tbg.png) repeat;
		filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.side_bar a:hover {
	background: #666;
}

.frameuser{width:1380px;display:block;margin:0 auto;padding:0;position:relative;overflow:hidden}
.pagetop{ height:60px; background:#183555; margin-top:3px; overflow:visible;}

.mydz { height:60px; overflow:visible;}

.mydz .mylogo{ width:168px; height:60px; display:block; top:0px; left:10px;}

.mydz .mynav{ height:60px; line-height:60px; display:block; top:-3px; left:200px;}

.mydz .mynav a{ height:60px; display:inline-block; padding:0 20px; color:#EAEAEA; font-size:14px;  margin:0; text-indent:0;}

.mydz .mynav span{ color:#162336;display:inline-block;}

.mydz .mynav a.nownav{ background:#183555; color:#fff;}

.mydz .mynav a:hover{background:#183555;color:#fff; border-top:3px #183555 solid;}

.mydz .myrightnav{ height:30px; line-height:30px; display:block; top:15px; right:10px;}

.mydz .myrightnav a{ height:30px; display:block; float:left; padding:0 12px; color:#fff; background:#486d7f; font-size:14px;}

.mydz .myrightnav a.dhnav{ background:#6BC30D;}

.mydz .myrightnav a:hover{ padding:0 18px;}

.pagetop .divbox{top:17px; right:180px;}

.pagetop .divbox .so{ width:30px; height:26px; display:block; background:url(myimg/so.png) no-repeat center center;}

.pagetop .divbox .scon{ display:none;}

.pagetop .divover .so{  display:none;}

.pagetop .divover .scon{ display:block; width:180px; height:26px;border-radius: 13px;transition: all ease-out .1s; display:block; background:#fff;}

.pagetop .divover .scon .myinput{ width:150px; height:26px; border:none; background:none; line-height:26px; text-indent:15px; display:block; float:left;}

.pagetop .divover .scon .mysubmit{ width:30px; height:26px; float:left; display:block; border:none; background:url(myimg/so.png) no-repeat center center; cursor:pointer;}



.js_classify{ margin-top:0px;}
.js_classify .mydz{ width:100%;}
.js_classify .mydz .mynav a.nownav{border-top:none;}

.js_classify .mydz .mynav a:hover{border-top:none;}

.js_classify .mydz .mynav{ top:0px;} 

.js_classify,.js_classify .mydz,.js_classify .mydz .mylogo,.js_classify .mydz .mylogo img,.js_classify .mydz .mynav,.js_classify .mydz .mynav a{ height:40px; line-height:40px;}

.js_classify .mydz .mynav{ left:160px;}

.js_classify .mydz .myrightnav,.js_classify .mydz .myrightnav{ top:5px;}

.js_classify .divbox{top:7px; }


/*以下是的服务流程*/
.index_s_t_tit{margin-bottom:5px;font-size: 18px;text-align:center; padding-top: 80px;}
.index_s_t_tit a{color: #989898;font-size: 14px;}
.index_s_t_tit h3{display: inline;font-weight: normal;}
.index_s_t_tit a:hover{text-decoration:underline}
.index_s_t_tit .index_s_t_tit_l5{display:none;}
.index_s_t_tit strong{color:#3E739F;font-weight:400}
.index_s_t_tit h2{display:inline}
.index_s_liucheng{width:1180px; margin:0 auto;position: relative;}
.index_s_lc_tit{width:100%; height:85px; background:url(../huahai_files/index_lc_tit.png) no-repeat top center;padding-bottom: 45px;}
.index_s_lc_tit .index_s_t_tit_l5{display: initial;}
.index_s_lc_tit .index_s_t_tit_l6{display:none;}
.index_lc_show{width:1180px; margin:0 auto; height:533px; position: relative;overflow: hidden;}
.index_lc_smain{display:none;}
.index_lc_s_small{width:260px; position: absolute;top: 220px;}
.index_lc_s_small li{width:116px; height:109px; float:left; margin-left:13px;text-align: center; padding-bottom:9px; border-bottom:1px solid #f6f6f6;cursor: pointer;}
.index_lc_s_small li:hover{border-bottom:1px solid #fa8aaa;}
.index_lc_s_small li div{width:116px; height:109px; background:#fff;}
.index_lc_s_small li:hover div{background:#fa8aaa;}
.index_lc_s_small li div i{ font-size:36px; font-family: "Microsoft Yahei"; line-height: 75px;font-style: normal;color: #898888;}
.index_lc_s_small li:hover div i{color:#fff;}
.index_lc_s_small li div span{color: #898888; font-family: "Microsoft Yahei"; font-size:14px;}
.index_lc_s_small li:hover div span{color:#fff;}
.curr{border-bottom:1px solid #fa8aaa !important;}
.curr div{background:#fa8aaa !important;}
.curr div i{color:#fff !important;}
.curr div span{color:#fff !important;}

/*以下是花海阁的服务流程轮播*/
.foucebox {  width: 1180px; height: 533px; background:#fff; margin: 0px auto 30px;/* Gecko browsers */-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; /* Webkit browsers */-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; /* W3C syntax */border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;  }

.foucebox .bd { position:relative; float:right; width:1180px; height:533px; overflow:hidden;}
.foucebox .showDiv { position:relative; width:1180px; height:533px;}
.foucebox .showDiv img{ width:1180px; height:533px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; /* Webkit browsers */-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; /* W3C syntax */border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.foucebox .showDiv a{ color:#FFF; font-weight:normal; text-decoration:none;}
.foucebox .hd { width: 272px; height:500px; float:left;position: absolute;z-index: 996;margin: 16px 0 10px 10px;}
.foucebox .hd ul li { width:110px; height: 116px; float:left; margin: 0 10px 10px 0px; display:inline; position:relative; background: #fff;}
.foucebox .hd ul a { display:block; width: 110px; height: 106px;font-weight: 100;}
.foucebox .hd ul h3{ width: 110px; font-size: 36px; text-align: center;padding-top: 20px;font-weight: 100;}
.foucebox .hd ul .txt { width:110px; height:24px; color: #898888; position:absolute;  bottom: 10px; z-index:99; text-align: center;  overflow:hidden; font-size: 14px;}
.foucebox .hd ul li a:hover .foucebox .hd ul li{ background: #fb8bab;}
.foucebox .hd ul .on{ background:#fb8bab;}
.foucebox .hd ul .on a h3,.foucebox .hd ul .on a span.txt{color:#fff;}

/*以上是花海阁的服务流程*/

.footer{ background:#162336; height:300px;}

.footer .footercon{ height:482px; background:url(myimg/footleft.jpg) no-repeat left top;}

.footercon ul{ width:690px; height:100%; display:block; overflow:hidden; top:100px; left:360px;}

.footercon ul li{ width:160px; height:200px; display:inline-block; float:left; margin:0 35px; color:#fff;}

.footercon ul li p{ color:#adb2b9;}

.footercon ul li.lip{ width:690px; text-align:center; margin:0 0; font-size:22px; line-height:38px; color:#fff;}

.footercon ul li h3{ line-height:60px; font-size:22px;}



.pagebanner{ height:520px; overflow:hidden;background:url(./1-head-middle.jpg);background-size:100% 100%;  }
.zungui_pagebanner{ height:520px; overflow:hidden;background:url(./1-zungui-middle.jpg);background-size:100% 100%;  }


.banner,.mybanner{ ;width:1300px; display:block; height:610px; overflow:visible; position:relative; margin:0 auto; padding:0;}

.mybanner .fullSlide{
	width:1300px;
	display:block;
	height:710px;
	position:absolute;
	left:0px;
	top:0px;
	
}

.fullSlide .bd{
	width:1300px;
	overflow:visible;
	margin:0 auto;
	padding:0;
	display:block;
	height:490px;
	padding-top:100px;
	position:relative;
	background-image:  url(/*libg-2018.png这是图片正中间位置的层背景*/) ;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.fullSlide .bd ul{width:574px;height:360px;margin:0 auto; padding:0;display:block;}

.fullSlide .bd li{width:574px; height:360px;text-align:center; background-repeat:no-repeat; display:block;}

.fullSlide .bd li a{display:block;position:relative;width:574px; height:360px; display:block;}

.fullSlide .bd li a span{ top:-180px; left:0px; width:574px; text-align:center; display:block; background:#fff;}

.fullSlide .bd .prev{ width:481px; height:710px; display:block; background:url(./l-2018chunjie.png) no-repeat center center; top:80px; left:-70px; cursor:pointer;}.fullSlide .bd .prev:hover{ left:-50px;}.fullSlide .bd .next:hover{ right:-50px;}

.fullSlide .bd .next{ width:479px; height:710px; display:block; background:url(./r-2018chunjie.png) no-repeat center center; top:80px; right:-70px; cursor:pointer;}

.fullSlide .bd .prev-jiankang{ width:481px; height:710px; display:block; background:url(./l-jiankang.png) no-repeat center center; top:80px; left:-70px; cursor:pointer;}.fullSlide .bd .prev-jiankang:hover{ left:-50px;}.fullSlide .bd .next-jiankang:hover{ right:-50px;}

.fullSlide .bd .next-jiankang{ width:479px; height:710px; display:block; background:url(./r-jiankang.png) no-repeat center center; top:80px; right:-70px; cursor:pointer;}
.fullSlide .bd .prev-duanwu{ width:481px; height:710px; display:block; background:url(./l-duanwu.png) no-repeat center center; top:80px; left:-70px; cursor:pointer;}.fullSlide .bd .prev-duanwu:hover{ left:-50px;}.fullSlide .bd .next-duanwu:hover{ right:-50px;}

.fullSlide .bd .next-duanwu{ width:479px; height:710px; display:block; background:url(./r-duanwu.png) no-repeat center center; top:80px; right:-70px; cursor:pointer;}

.fullSlide .hd{ display:none;}



#lb01{/* background:#d6e7ff;*/background:url("./banner03.png"); height:100%; overflow:hidden; padding-bottom:50px;}

.lbtitle{ text-align:center;}

.lbtitle p{ font-size:24px; line-height:50px;}

.lbtitle p span{ color:#ea0f0f;}

ul.mycard { width:990px; height:100%; display:block; margin:0 auto; padding:0;}

ul.mycard  li{ width:280px; height:239px; display:inline-block; float:left; margin:20px 25px; position:relative;}

ul.mycard  li.divbox div{ width:280px; height:239px; display:block; position:absolute; left:0; top:0;}

ul.mycard  li.divbox img{ width:280px; height:239px; display:block;}

ul.mycard  li.divover div{ width:340px; height:290px; display:block; position:absolute; left:-30px; top:-20px; cursor:pointer;}

ul.mycard  li.divover img{ width:340px; height:290px; display:block;}

ul.mycard  li.divbox p{ width:270px; height:40px; line-height:20px; padding:5px; text-align:center; display:block; position:absolute; bottom:0; left:0; color:#fff;background:url(./t2bg.png) repeat; font-size:14px;}

ul.mycard  li.divover p{ width:330px; height:50px; line-height:25px; padding:5px; text-align:center; display:block; position:absolute; bottom:-30px; left:-30px; color:#fff;background:url(./t2bg.png) repeat; font-size:16px;}



#lb02{ background:#f3f3f3; height:100%; overflow:hidden; padding-bottom:50px;}

ul.mygift{ width:1180px; height:100%; display:block; margin:0 auto; padding:0;}

ul.mygift li{ width:245px; height:160px; display:block; float:left; overflow:hidden; position:relative; margin:0px 25px 25px 25px;}

ul.mygift li a{ width:245px; height:160px; display:block;}

ul.mygift li a p{ width:245px; height:160px; display:block; position:absolute; top:0; left:0;background:url(myimg/t2bg.png) repeat; text-align:center; line-height:160px; color:#FFF; font-size:24px;}

ul.mygift li.dingzhi a p{ line-height:30px; padding-top:50px; height:110px;}

ul.mygift li.dingzhi a p span{ font-size:16px; line-height:18px;}



#lb03{ /*background:#d6e7ff */background:url(./t3bg.png) no-repeat top center #000; height:100%; overflow:hidden; padding-bottom:0px;}
#lb0301{ /*background:#d6e7ff */background:url(./t3bg-001.png) no-repeat top center #006DA6; height:100%; overflow:hidden; padding-bottom:0px;}
#lb0302{ /*background:#d6e7ff */background:url(./t3bg-001.png) no-repeat top center #AD1F26; height:100%; overflow:hidden; padding-bottom:0px;}

#lb04{ background:#fff; height:100%; overflow:hidden; padding-bottom:50px;}

ul.mypk{ background:url(./t4bg.jpg) repeat-y top center; margin:0 auto; padding:0; width:1040px; height:100%; display:block; overflow:hidden;}

ul.mypk li{ width:440px; height:328px; display:block; float:left; display:inline-block; position:relative; overflow:hidden; margin:5px 40px;}

ul.mypk li a{ width:440px; height:328px; display:block;}

ul.mypk li a p{ width:440px; height:40px; display:block; text-align:center; font-size:15px; color:#000; position:absolute; bottom:15px; left:0; font-weight:bold;}



#lb05{ background:#ff9d00; height:100%; padding-bottom:50px; overflow:hidden;}

ul.mytaocan { width:732px; height:100%; display:block; margin:0 auto; padding:0;}

ul.mytaocan  li{ width:133px; height:190px; display:inline-block; float:left; margin:20px 25px; position:relative;}

ul.mytaocan  li a{ width:133px; height:190px; display:block; color:#FFF; text-align:center;}

ul.mytaocan  li a p{ font-size:20px; padding-top:10px; font-weight:bold;}ul.mytaocan  li a p span{ font-size:12px; font-weight:normal;}


#lb0501{ background:url(./bg-flowers.jpg); height:100%; padding-bottom:50px; overflow:hidden;}

ul.mytaocan { width:1150px; height:100%; display:block; margin:0 auto; padding:0;}

ul.mytaocan  li{background:url(./2018-lile02.png); width:379px; height:469px; display:inline-block; float:left; margin:30px/*180的话，图片下面的文字能显示*/ 0px; position:relative;}

ul.mytaocan  li a{ width:365px; height:190px; display:block; color:#FFF; text-align:center;}

ul.mytaocan  li a p{ font-size:16px; padding-top:20px; font-weight:bold;}ul.mytaocan  li a p span{ font-size:40px ; font-weight:bold;letter-spacing:-2px;}





#lb06{ background:	#FFFFFF/*background:url(./banner03.png)*/; height:100%; overflow:hidden; padding-bottom:100px;}

ul.mytfangshi{ width:1104px; height:270px; display:block; margin:0 auto; padding:0;}

ul.mytfangshi li{ width:338px; height:270px; display:block; overflow:hidden; float:left; margin:10px 15px;position:relative; }

ul.mytfangshi li a{ width:338px; height:270px; display:block;}

ul.mytfangshi li p{ position:absolute; bottom:0px; left:0px; width:338px; height:40px; line-height:20px; padding:7px 0 8px 0; overflow:hidden; text-align:center; font-size:16px;color:#000;}

/*下面是福利礼包用的尺寸*/

ul.mytfangshi-fuli{ width:1104px; height:270px; display:block; margin:0 auto; padding:0;}

ul.mytfangshi-fuli li{ width:338px; height:538px; display:block; overflow:hidden; float:left; margin:10px 15px;position:relative; }

ul.mytfangshi-fuli li a{ width:338px; height:338px; display:block;}

ul.mytfangshi-fuli li p{ position:absolute; bottom:0px; left:0px; width:338px; height:270px; line-height:20px; padding:7px 0 8px 0; overflow:hidden; text-align:center; font-size:12px;color:#7A7777;}

#lb0600{ /*background:	#FFFFFF*/background:url(./libao01.png); height:70px; overflow:hidden; padding-bottom:100px;}
#lb0601{ /*background:	#FFFFFF*/background:url(./libao200.png); height:70px; overflow:hidden; padding-bottom:100px;}
#lb0602{ /*background:	#FFFFFF*/background:url(./libao300.png); height:70px; overflow:hidden; padding-bottom:100px;}
#lb0603{ /*background:	#FFFFFF*/background:url(./libao500.png); height:70px; overflow:hidden; padding-bottom:100px;}
#lb0604{ /*background:	#FFFFFF*/background:url(./libao800.png); height:70px; overflow:hidden; padding-bottom:100px;}


#lb07{ background:#fff; height:645px; overflow:hidden;background:url(myimg/t7bg.jpg) repeat-x top center;}

.myliucheng{ height:645px; display:block; background:url(myimg/t7.jpg) no-repeat top center; position:relative; overflow:hidden;}

.myliucheng p{ width:1180px; position:absolute; top:520px; left:0px; text-align:center; font-size:24px; line-height:30px;}

.myliucheng p b{ color:#f80000;}

.myliucheng p span{ color:#005aff;}



#lb08{ background:#fff; height:100%;padding-bottom:20px; overflow:hidden;}



#lb09{ background:#fff; height:100%;padding-bottom:50px; overflow:hidden;}

ul.myanli{ width:1050px; height:100%; overflow:hidden; display:block; margin:0 auto; padding:0;}

ul.myanli li{ width:475px; height:345px; display:block; overflow:hidden; float:left; margin:10px 25px;position:relative; }

ul.myanli li a{ width:475px; height:345px; display:block;}

ul.myanli li p{ position:absolute; bottom:0px; left:0px; width:475px; height:40px; line-height:20px; padding:10px 0 0px 0; overflow:hidden; text-align:center; font-size:14px;color:#000;}

ul.myanli li p span{ color:#fe6700;}



#lb10{ background:#fff; height:605px; overflow:hidden;background:url(myimg/t10bg.jpg) no-repeat top center;}
#lb11{ background:#fff; height:100%;padding-bottom:20px; overflow:hidden;}
#lb11 .frameuser{ position:relative;}
#lb11 .frameuser input.lbinput{ position:absolute; width:278px; height:32px; display:block; overflow:hidden; background:#fff; border:none; text-indent:12px; font-size:14px;}
#lb11 .frameuser input.lbsubmit{ position:absolute; width:288px; height:48px; display:block; overflow:hidden; background:#009ad8; border:none;font-size:22px; color:#fff; text-align:center; line-height:48px; cursor:pointer;}
#lb11 .frameuser input.lbsubmit:hover{ background:#0078a8;}


.bdfindex{ width:1100px; height:185px; display:block; overflow:hidden; margin:0 auto; padding:0; margin-top:30px;}

.bdfindex .defaultitem{width:1100px;height:185px;position:relative;overflow:hidden; float:left;}

.bdfindex .defaultitem ul{width:20000px;position:absolute;left:0px;top:0px;height:185px;}

.bdfindex .defaultitem ul li{ width:275px; height:185px; display:block; float:left; text-align:center; overflow:hidden;}

.cartselect{  height: 40px;width: 100%;padding: 10px 0;background-color: #f7f8f8;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.frameinfo{ width:1024px; height:100%; display:block; margin:0 auto; margin-bottom:30px;}
.frameinfo .title{height: 20px;line-height: 20px;color: #24292c;font-size: 20px;padding-bottom: 12px;border-bottom: 1px solid #cccccc;text-indent: 26px; margin-top:30px; position:relative;}
ul.hotnews{ width:1024px; height:310px; display:block; padding-top:30px; overflow:hidden;}
ul.hotnews li{ width:255px; height:310px; display:block; float:left; padding-right:1px; margin-bottom:20px;}
ul.hotnews li a{ width:255px; height:310px; display:block}
ul.hotnews li a img{ width:255px; height:230px; display:block;}
ul.hotnews li a div.mes{ width:255px; height:80px; display:block; background-image:url(myimg/mes.png); background-repeat:no-repeat; background-position:left center; background-color:#e41a1a; color:#fff; position:relative;}
ul.hotnews li a div.mes1{ background-color:#e41a1a;}
ul.hotnews li a div.mes2{ background-color:#0060ff;}
ul.hotnews li a div.mes3{ background-color:#21b348;}
ul.hotnews li a div.mes4{ background-color:#ff5500;}
ul.hotnews li a div.mes span{ position:absolute; display:block; overflow:hidden;}
ul.hotnews li a div.mes span.day{ top:20px; left:28px;}
ul.hotnews li a div.mes span.month{ top:40px; left:45px; font-weight:bold; font-size:14px;}
ul.hotnews li a div.mes span.infotitle{ top:20px; left:80px; width:160px; line-height:18px;}

.newslist2{ width:1048px; height:100%; display:block; margin-left:-12px; overflow:hidden; margin-top:20px;}
.listbox{ width:498px; height:262px; overflow:hidden; display:block; float:left; margin:10px 12px;  border: 1px solid #e4e4e4; background:#fff;}
.listbox h3{font-size: 20px;line-height: 40px;color: #121516;font-weight: normal;border-bottom: 1px solid #e4e4e4;margin-bottom: 21px;
text-indent: 26px; background:#fafafa;
}
.listbox h3 a{float: right;display: inline-block;height: 12px;font-size: 12px;line-height: 12px;color: #5b6b6e;padding: 15px 30px;}
.listbox ul{ width:498px; height:100%; display:block; overflow:hidden; position:relative; padding:10px 0 40px 0;}
.listbox ul li{height:30px;overflow: hidden;line-height:30px; display:block; float:left;line-height: 12px;text-indent: 26px; font-size:14px; width:498px;}
.listbox ul li span{width:98px;color: #919495; height:30px; display:inline-block; float:left;}
.listbox ul li a{ width:395px; height:30px;display:inline-block; float:left; overflow:hidden;}
.listbox a:hover{ text-decoration:underline}

.contentlist{width:1028px; height:100%; overflow:hidden; margin:0 auto; padding:0; margin-bottom:30px;}
.contentlist .title{height: 20px;line-height: 20px;color: #24292c;font-size: 20px;padding-bottom: 12px;border-bottom: 1px solid #cccccc;text-indent: 26px; margin:30px 0 20px 0; position:relative;}

.nomal .title .divbox{ float:right; width:110px; height:20px; display:block; padding-right:26px; position:relative;}
.nomal .title .divbox span{display: inline-block;overflow: hidden;background-repeat: no-repeat;height: 20px; line-height:20px; text-indent:2px; font-size:15px; padding-right:10px; float:left;}
.nomal .title .divbox .down{background-image: url(myimg/icon.png);width:12px; height:20px;background-position: -185px -654px; cursor:pointer;}
.nomal .title .divover .down{background-image: url(myimg/icon.png);width:12px; height:20px;background-position: -122px -718px;cursor:pointer;}
.nomal .title .divbox ul{ display:none;}
.nomal .title .divover ul{ display:block; width:100px; height:auto; display:block; position:absolute; top:18px; left:0; padding-top:14px;z-index:9999;}
.nomal .title .divover ul li { width: 126px;height: 34px;float: left;display: block;border-bottom: #e5e5e5 1px solid;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);}
.nomal .title .divover ul li a{ width:126px; height:34px; line-height:34px; font-size:14px; display:block; background:#fff;}
.nomal .title .divover ul li a:hover{ color:#fff;background: #fd6404;}

.contentlist ul.listul li{width:215px; height:100%; padding:10px; display:block; float:left; margin:0 10px; background:#FFF; border:1px solid #e8e8e8; margin-bottom:20px; padding-bottom:20px; position:relative;}
.contentlist ul.listul li.divover{border:1px solid #ccc;}
.contentlist ul.listul li a:hover{text-decoration:none;}
.contentlist ul.listul li a img{width:215px; height:194px; display:block;}
.contentlist ul.listul li a h3{width:215px; height:40px; overflow:hidden; display:block; line-height:20px; padding:5px 0;font-weight:normal; color:#333;}
.contentlist ul.listul li a p.intro{width:215px; display:block; line-height:20px;color:#9fa1a0; font-size:14px; padding-bottom:5px;}
.contentlist ul.listul li span.type{background:url(myimg/list.jpg) no-repeat 0 -40px; text-indent:25px; float:right;}
.contentlist ul.listul li span.time{background:url(myimg/list.jpg) no-repeat 0 0px; text-indent:25px;}
.contentlist ul.listul li span.visited{background:url(myimg/list.jpg) no-repeat 0 -20px; text-indent:25px;}
.contentlist ul.listul li p.more{width:215px; display:block; line-height:20px; color:#9fa1a0; font-size:12px; border-top:1px solid #e8e8e8; height:30px; overflow:hidden; padding-top:10px;}
.contentlist ul.listul li p.more span.time,.contentlist ul.listul li p.more span.visited{height:20px; display:block; line-height:20px; float:left; margin-right:12px;}
.pageController{padding:10px 0;font-size:12px;line-height:22px;text-align:left;clear:both;margin:8px auto 0; text-align:center;}.pageController a{color:#966d88;background:#fff;border:1px solid #966d88;padding:3px 7px;padding-bottom:2px;margin-right:8px}.pageController a.currPage,.pageController a:hover{font-weight:bold;color:#fff;background:#966d88;border:1px solid #966d88}#back-to-top{position:fixed;display:none;bottom:10px;right:0}#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:35px;-moz-transition:color 1s;-webkit-transition:color 1s;-o-transition:color 1s}#back-to-top a:hover{color:#979797}#back-to-top a span{background:transparent url(myimg/gotop.png) no-repeat 0 0;border-radius:6px;display:block;height:30px;width:35px;margin-bottom:5px;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s}#back-to-top a:hover span{background:transparent url(myimg/gotop.png) no-repeat 0 -30px}

.frameinfo .newscon{ padding:26px 26px; width:972px; display:block; overflow:hidden; background:#fff; line-height:24px; margin-top:20px;}
.frameinfo .newscon h3.CZ{ font-size:24px; color:#000; font-weight:normal; text-align:center; line-height:26px;}
.frameinfo .newscon .timeline{ width:972px; height:24px; line-height:24px; display:block; overflow:hidden; text-align:center; margin-top:10px; margin-bottom:20px; position:relative;}
.frameinfo .newscon .timeline .infomes span{ padding:0 5px; color:#ccc;}
.frameinfo .newscon .timeline .infomes { width:500px; height:24px; display:block; padding-left:130px;}
.frameinfo .newscon .timeline .sharecon{ position:absolute; right:280px; top:5px;color:#ccc;}
.frameinfo .newscon .prenext{ padding-top:50px; padding-bottom:30px;}

#messageBoardContainer{
	position:absolute; 
	overflow:hidden; 
	z-index:99999999;
}
#messageBoard{ 
	position:absolute;
}
#messageBoard .content{
	width:120px;
	height:120px;
	background:url(myimg/qq_2.png) left top no-repeat;

}
#messageBoard .cose{
	width:24px;
	height:24px;
	display:block;
	float:right;
	background:#fff;
	text-align:center;border-radius:12px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#messageBoard .qq{
	width:94px;
	height:120px;
	display:block;
	float:left;
}
#quirkyPopupShowBtn{
	position: absolute;
	bottom:0px; 
	left:-20px;
	width:94px;
	height:120px;
	background:url(myimg/qq_2.png)  no-repeat left top; 
}
.quirkyPopupShowBtn{
	position:fixed;
	bottom:0px; 
	left:-20px;
	width:94px;
	height:120px;
	background:url(myimg/qq_2.png)  no-repeat left top; 
}
/*以下是菜单项*/
.nav { margin: 30px auto;     text-align: right;}
 
.nav ul ul {    display: none;}
 
    .nav ul li:hover > ul {
        display: block;
    }
 
 
.nav ul {
    background: #efefef; 
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;  
    list-style: none;
    position: relative;
    display: inline-table;
}
.nav ul:after {
        content: ""; clear: both; display: block;
    }
 
.nav ul li {
        float: left;
    }
.nav ul li:hover {
            background: #4b545f;
            background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
        }
.nav ul li:hover a {
                color: #fff;
            }
         
.nav ul li a {
            display: block; padding: 25px 20px;
            color: #757575; text-decoration: none;
        }
             
         
.nav ul ul {
        background: #5f6975; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
.nav ul ul li {
            float: none; 
            border-top: 1px solid #6b727c;
            border-bottom: 1px solid #575f6a; position: relative;
        }
.nav ul ul li a {
                padding: 10px 35px;
                color: #fff;
            }   
.nav ul ul li a:hover {
                    background: #4b545f;
                }
         
.nav ul ul ul {
        position: relative; left: 100%; top:0;
    }