@charset "gb2312";
/* CSS Document */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-family:microsoft yahei; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
img {border: none;}
.w1000 {width: 1000px;}
.wauto {margin: 0 auto;}
a { color:#333;text-decoration: none;}
.cl {clear: both;}
.cl:after {content: "";	display: block;	clear: both;visibility: hidden;	height: 0;}
body{ background:url(img/bg.jpg) repeat;}

.topbox{ width:100%; background:url(img/topbg.jpg) no-repeat center top; height:530px;}
.relative{ position:relative;}
.logo{ background:url(img/t_logo.png) no-repeat; width:231px; height:157px; position:absolute; top:0; left:50%; margin-left:-115px;}
.t01 { position:absolute; width:200%; top:60px; margin-left:-1000px; left:50%;z-index:10;}
.t02{ position:absolute; width:100%; height:124px; top:185px; margin-left:-500px; left:50%; background:url(img/title02.png) no-repeat left top; }
.t03 { position:absolute; background:url(img/title03.png) no-repeat; width:801px; height:39px; left:50%; margin-left:-400px; top:408px;}
.time { position:absolute; background:url(img/time.png) no-repeat; width:455px; height:41px;left:50%; margin-left:-227px; top:490px;}

.logo,.t01,.t02,.t03,.time,.topbox{opacity:0; -moz-opacity: 0;filter: alpha(opacity=0);}

.tit{height:64px;line-height:64px;background:url(img/titbg.gif) no-repeat left center;margin:40px 0; text-align:center;}
.tit b{ display:inline-block;text-align: center;font-size:42px;color: #333;font-weight: normal; background:url(img/bg.jpg) repeat; padding:0 15px;}
.tit b strong{color: #cf000d; }

.bannerbox{width:600px;position: relative;}
.bannerbox .hd{position:absolute;text-align: center;width:100%;z-index:100;bottom:25px;*bottom:15px;}
.bannerbox .hd ul{display: inline-block;*zoom:1;*display:inline;margin-top:7px}
.bannerbox .hd li{float:left;width:50px;height:5px;margin:0 4px;background:#b4b4b4;}
.bannerbox .hd li.on{background:#ff0000;}
.bannerbox .bd li{position: relative;width:600px;height:400px;}
.bannerbox .bd img{width:600px;height: 400px; vertical-align:top;}
.bannerbox .bd p{position: absolute;font-size:16px; background:url(img/tmbg.png);height:58px;padding-top:10px;text-align:center;left: 0;bottom: 0;width: 100%;z-index: 99;color: #fff;}
.introduce_box{width: 373px;}
.introduce_box h2.tita{background: url(img/xxtitbg.jpg);height:16px;position: relative;margin-top:8px;}
.introduce_box h2.tita b{position:absolute;top:-8px;background:url(img/bg.jpg) repeat;border-left: 5px solid #ff0000;padding:3px 14px 3px 9px;}		
.introduce{margin-top:12px;}
.introduce>p{text-indent: 2em; font-size:14px; line-height:28px; padding-top:10px;}	
.ullist{overflow: hidden;margin-top:20px;border-top:1px dotted #919191;padding-top:20px;}
.ullist li{float:left;background: url(img/libg1.jpg) no-repeat 10px center;width:96%;text-indent: 25px;height:36px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ullist li a{font-size: 16px;font-weight: bold;}

.w720{ width:720px;}
.w651 { width: 651px;}
.w429 { width:429px;}
.imglistbox img{ float:left; vertical-align:top;}
.mr05 { margin-right: 5px;}
.mt05 { margin-top: 5px;}
.w343 { width: 343px;}

.imgbox{background:url(img/bg01.jpg);width:350px;height: 236px;}
.imgbox img{margin:12px;}
.ptxt{background: url(img/abg01.gif) no-repeat;width:637px;height: 229px;}
.ptxt h2{font-size: 30px;font-weight: bold;margin:32px 0 46px 40px;}
.ptxt p{padding: 0 40px;text-indent: 2em; font-size:16px; line-height:28px;}
.mt25 { margin-top: 25px; clear: both;}

.mb10 { margin-bottom: 10px;}
.mr10 { margin-right: 10px; }

.foucebox{position:relative;float:left;}
.pdc_left { float:left; width:630px; height:499px; position:relative; background:url(img/pdcbg.gif) no-repeat left bottom; left:-20px; padding-bottom:15px; }
.foucebox .brand_logo { position:absolute; left:20px; top:340px; box-shadow:0px 0px 5px 0 #333; z-index:99;}
.foucebox .brand_logo img{ height:60px;}
.pdc_left .showdiv{ float:left; height:499px; margin-left:20px; position:relative;}
.pdc_left .showdiv h3{ left:0; font:bold 20px/28px Microsoft Yahei; color:#cf000d; text-indent:204px; position:absolute; bottom:0;}
.pdc_left .showdiv p{left:0; font:normal 14px/24px microsoft yahei; display:inline-block; width:540px; padding:15px 0 10px 20px; position:absolute; bottom:0;}
.pdc_right { float:right; width:346px;}
.pdc_right li{ float:left; margin:0 0 5px 5px; width:168px; position:relative;}
.pdc_right li img{ vertical-align:top;}
.pdc_right li>div{ opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); position: absolute; background: url(img/tmbg.png) repeat; width: 168px; height: 168px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; top: 0px;}
.pdc_right li>div h3{ display:block; height:104px;width:152px; padding-top:48px; border:#fff 3px solid; color:#fff;margin-top:5px; margin-left:5px; font: bold 18px/28px microsoft yahei; text-align:center;}
.pdc_right li:hover>div,.pdc_right li.on>div{ opacity:1; -moz-opacity: 1;filter: alpha(opacity=100); }

.pdc_right li>div:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-opacity: 1;}

.Redbox{ position:absolute;z-index:99;right:-170px; top:30px;text-align:center; display:inline-block;*display:inline;*zoom:1;background:url(img/rnav.png) no-repeat center center;width:148px;height:155px;font-size:0;}
.Redbox span{ display:block; color:#fff; font-size:14px; font-weight:bold; padding:10px 0 0px 0; line-height:36px;}
.visitNum{display:inline-block;*display:inline;*zoom:1; vertical-align:middle;margin:0 auto; position:relative;}
.visitNum b{font-size:18px;font-weight:bold; font-family:arial;color:#b20000;background:url(img/visNumbg.png) no-repeat center center;width:16px;height:20px;line-height:20px; display:block;float:left;text-align:center;}
.backTop{ position:absolute;width:180px;height:30px;bottom:0px;}
.backTop a{display:block;width:180px;height:30px;cursor:pointer;}