﻿@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-size:9pt;color:#444; font-family:"宋体";  background:url(../images/bg.jpg) repeat-x; background-color:#010101;}
img{ border:0}
li,ul,form,dl,dt,dd{ margin:0; padding:0; list-style-type:none;}
i{margin:0; padding:0; font-style:normal;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#e60012; text-decoration:underline;}

.HeaderTop{width:1000px; margin:0 auto;clear:both; height:34px; line-height:34px;}
.HeaderTop span{ float:right}
.Banner{ width:100%; float:left; background:url(../images/Banner.jpg) no-repeat center 0; height:565px;}
.DaoYu{width:710px; margin:0 auto;clear:both; height:113px; background:url(../images/DaoYu.jpg) no-repeat; font-family:"微软雅黑"; font-size:18px; line-height:30px; padding:40px 40px 0 250px; color:#000; margin-bottom:22px}
.Title{ width:1000px; margin:0 auto; clear:both}
.Box{ width:980px; margin:0 auto; clear:both; overflow:auto; padding:10px; background-color:#fff; margin-bottom:20px;}
.Box .Pic,.Box .Js{ width:960px; float:left; padding:10px;font-family:"微软雅黑"; font-size:16px; line-height:36px; }
.Box .Js{ text-indent:32px}
.Box .Js a,.Box .Js a:hover{ color:#d80019;}
.Video{ width:960px; float:left; padding:10px;}
.Video li{ width:290px; float:left; text-align:center; line-height:25px; padding:10px 15px}

.picshow {MARGIN: 0px auto; WIDTH: 980px;}
#picarea {MARGIN: 0px auto; WIDTH: 980px; BACKGROUND: #fff;}
#bigpicarea {POSITION: relative; MARGIN: 0px auto; WIDTH: 774px; HEIGHT: 482px; OVERFLOW: hidden}
.image {TEXT-ALIGN: center}
.image IMG {BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; MARGIN: 0px auto; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid}
#bigpicarea .word {TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333}
#bigpicarea .word H3 {TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px}
#bigpicarea .ui-els-hide {DISPLAY: none}
#thumbs{LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 980px; HEIGHT: 110px}
* HTML #thumbs {HEIGHT: 100%}
#thumbs LI {MARGIN: 0px 3px; WIDTH: 80px; DISPLAY: inline; FLOAT: left; HEIGHT: 53px}
#thumbs UL {MARGIN-TOP: 3px}
#thumbs LI.last_img {MARGIN-RIGHT: 4px}
#thumbs LI.first {MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer}
#thumbs LI.last {MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer}
#thumbs LI A {BORDER: #4b4b4a 2px solid; WIDTH: 80px; DISPLAY: block; FONT-SIZE: 0px;}
#thumbs LI A:hover {BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid}
#thumbs LI A.current {BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid}
#thumbs LI.first IMG {	}
#thumbs LI.last IMG {	}
.bigbtnPrev {Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px}
.bigbtnNext {Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px}
#smallpicarea {MARGIN: 0px auto; WIDTH: 980px; PADDING-TOP: 20px}

#top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:inline;margin:0 0 0 -310px; display:none}
#box{width:100%;height:600px;float:left;overflow:hidden;position:relative;}
#box .bg{width:100%;height:340px; position:absolute; top:132px; left:0px;}
#list{width:980px;height:446px;position:absolute;top:75px;left:50%;display:inline;margin-left:-490px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:100px;border:5px solid #fed700;position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{width:100%;height:100%;background:#000;filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:120px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:120px;background:#000;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{width:324px;height:120px;padding:0 10px;position:absolute; z-index:2; bottom:0px; left:0px;}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{
	width: 39px;
	height: 80px;
	background: url(../images/btn.png) no-repeat;
	text-decoration: none;
	position: absolute;
	z-index: 20;
	top: 188px;
}
#list a.prev{
	background-position: 0 0;
	left: 7px;
}
#list a.next{
	background-position: -39px 0;
	right: 3px;
}



/* 产品专区 */
.producttitle{width:100%;float:left;background:url(../images/bt5.jpg) no-repeat center 0; height:70px;}
.more{float:right;width:100px; height:24px;background:#000;font-family:"微软雅黑"; font-size:14px; line-height:24px;text-align:center;margin:15px 20px 0 0;}
.more a{color:#fff;}
.productmain{ width:100%;float:left;background:#fff; height:787px;}
.product{float:left;width:980px;height:230px;margin:16px 0 0 20px;_margin:16px 0 0 10px;}
.tips{float:left;width:43px;height:160px;background:url(../images/tipsbg.jpg) repeat-y center 0;
	text-align:center;font:20px '微软雅黑';color:#010101;padding-top:70px;}
.productimg{float:left;width:200px;height:230px;margin-left:32px;_margin-left:32px;}
.productimg img{border:1px solid #e1e1e1;}
.imgtitle{float:left;width:200px;height:30px;text-align:center;font-size:14px;line-height:30px;color:#666;}
/* 诚邀加盟 */
.jointitle{width:100%;float:left;background:url(../images/bt8.jpg) no-repeat center 0; height:70px;margin-top:20px;}
.join{width:100%;float:left;background:url(../images/joinbg.jpg) no-repeat center 0; height:465px;}
.joinimg{float:left;margin:50px 0px 0 150px;}
.joinlist{width:100%;float:left;margin-top:20px;}
.joinlist img{float:left;margin:0px 20px 0 170px;}
.listtext{float:left;font:26px/61px '微软雅黑';color:#545454;}
/* 关于财富石化 */
.abouttitle{width:100%;float:left;background:url(../images/bt6.jpg) no-repeat center 0; height:70px;margin-top:20px;}
.about{width:100%;float:left;height:350px;background:#fff;}
.about img{float:left;margin:50px 0px 0 325px;_margin:50px 0px 0 162px;}
.aboutp1{float:left;width:880px;margin:30px 0px 0 60px;font:16px/30px '微软雅黑';color:#010101;text-indent:2em;_margin:30px 0px 0 30px;}
.aboutp1 a{color:#d80019;}
/* 联系我们 */
.contacttitle{width:100%;float:left;background:url(../images/bt7.jpg) no-repeat center 0; height:70px;margin-top:20px;}
.contact{width:100%;float:left;height:475px;background:#fff;}
.map{float:left;margin:20px 0px 0 25px;}
.contactright{width:290px;float:left;height:475px;margin-left:25px;/* border:1px solid green; */}
.righttop{width:290px;float:left;height:149px;border-bottom:1px solid #ddd;}
.righttop dl{float:left;margin-top:20px;}
.righttop dl dt{font:24px/50px '微软雅黑';color:#010101;}
.righttop dl dd{font:14px/30px '微软雅黑';color:#666;}
.contactul{float:left;margin-top:20px;}
.contactul li{font:14px/30px '微软雅黑';color:#666;}
.qr{float:left;margin-top:20px;width:180px;height:200px;}
.qrtitle{float:left;width:180px;height:40px;text-align:center;font:18px/40px '微软雅黑';color:#070707;}

.footer{width:100%;float:left;height:110px;text-align:center;font-size:14px;line-height:30px;color:#fff;padding-top:60px;}
