﻿/*reset*/
html, body, div, span, object, iframe, a, img, dl, dt, dd, ul, li, form { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
:link, :visited, ins { text-decoration: none; }
/*layout*/
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*typography*/
body, input, textarea { font-family: ????, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
body { line-height: 1.4em; background: url(img/bg.jpg) repeat #f3e9d7; }
input, textarea { outline: none; }
a:link, a:visited { color: #000; }
a:hover, a:active { color: #f00!important; }
/*????????????????*/
.wrap-div { display: table; border: 1px solid #FF0099; background-color: #FFCCFF; width: 760px; height: 400px; _position: relative; overflow: hidden; }
.wrap-sub { vertical-align: middle; display: table-cell; _position: absolute; _top: 50%; }
.wrap-con { _position: relative; _top: -50%; }
/*????*/
.fullWidth{ width:100%; min-width:1220px; _width:expression(document.body.clientwidth <1220?"1220px":"auto");}
/*????????*/
.equal { padding-bottom: 32767px; margin-bottom: -32767px;}
/*????*/
.topLine{ width:100%; height:21px; background: url(img/topLine.jpg) repeat-x;}
#header { width: 1220px; height: 184px; margin: 0 auto; overflow:hidden; position:relative;}
#header .logo { float: left; width: 1200px; height: 184px; overflow: hidden; }
.newWord{width: 640px; height:26px; font-size:16px; font-weight:bold; text-align:right; color:#ddbe75; position:absolute; bottom:0px; left:10px;}
/*????????*/
#header .tel { float: right; width: 120px; height: 25px; line-height: 25px; text-align: center; color:#000; }
#header .tel a:link, #header .tel a:visited { color: #000; }
#header .tel a:hover, #header .tel a:active { color: #f00!important; }

.hotLine{float: right; width: 314px; height: 184px; line-height:184px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#edb767; background: url(img/tel.png) no-repeat;}

.hotLine span{ display:block; width:100%; height:28px; line-height:28px; font-family:????, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666;}
.hotWord{ clear:both; width:1220px; height: 35px; }
.searchWord{ float:left; width:800px; height: 35px; line-height:35px;}
.searchWord span{ font-weight: bold;}
.searchWord a{ padding-right:15px;}
.header_search { float:right; width: 350px; height: 25px; margin-top:5px; }
#keyword{ float:left; width:201px; height:17px; padding:4px 2px; border:none; background:url(../images/searchInput.jpg) center no-repeat;}
#submit2{ float:left; width:86px; height:25px; color:#000; cursor:pointer; border:none; background:url(../images/searchBu.png) center no-repeat;}

.inMenu { width: 1220px; height: 98px; clear:both; background:url(img/menuBg.png) no-repeat; margin:0 auto; }
.nav-menu { height: 41px; padding-top:10px; margin-left:100px; }
.nav-menu li { float: left; height: 41px; line-height: 41px; background:url(img/le.png) 0 8px no-repeat; }
.nav-menu li.no { background: none; }
.nav-menu li a { display:block; padding:0 36px; font-size: 14px; font-weight: bold; }
.nav-menu li a:link, .nav-menu li a:visited { color: #000; }
.nav-menu li a:hover, .nav-menu li a:active { color: #f00!important; }

/*????*/
.mainBg { width: 1220px; margin: 0px auto; clear: both; background:url(img/main.png) repeat-y;}

.banner{ width:1220px; height: 260px; margin: 0px auto; clear: both; overflow:hidden;}
.banner2{ width:100%; min-width:1220px; _width:expression(document.body.clientwidth <1220?"1220px":"auto"); height: 300px; margin: 0px auto; clear: both; overflow:hidden; background:#f4f9ff;}
.bannerB{ width:1220px; height: 260px; text-align:center; margin: 0px auto; clear: both; overflow:hidden;}

.main { width: 1114px; margin: 0px auto; padding:15px 0px; clear: both;}
.mainL{ float:left; width:292px; height:596px; padding-top:25px;}
.mainR{ float:right; width:808px; height:596px; background:url(img/conBg1.png) no-repeat; position:relative;}

.mainL .tit{ width:100%; height:104px; line-height:114px; font-size:22px; font-weight:bold; text-align:center; background:url(img/leftT.png) no-repeat;}
.mainL .con{ width:100%; height:360px; font-size:14px; background:url(img/leftC.png) repeat-y;}
.mainL .con ul li{ width:200px; height:30px; line-height:30px; padding-left:58px; background:url(img/dot.png) 36px 6px no-repeat; overflow:hidden;}
.mainL .bot{ width:100%; height:104px; line-height:104px; font-size:16px; text-align:center; background:url(img/leftB.png) no-repeat;}

.mainR .tit{ width:100%; height:73px; line-height:73px; font-size:22px; font-weight:bold; text-align:center; margin:0 auto;}
.mainR .tit a{ display:block; width:100%; height:73px;}
.mainR .tit a:link, .mainR .tit a:visited { color: #fff; }
.mainR .tit a:hover,.mainR .tit a:active { color: #f00!important; }
.mainR .con{ width:100%; padding-top:8px; margin:0 auto;}
.mainR .more{ width:100px; height:30px; font-size:14px; position:absolute; right:0; bottom:10px;}

.mainProPic,.mainProPic a,.mainProPic img,.mainProPic p{width:200px;}
.mainProPic a,.mainProPic img{ display:block; height:150px; }
.mainProPic{ display:block; float:left; margin-left:50px; margin-top:32px; height:180px; text-align:center; background:#eee; border:#ccc 1px solid; overflow:hidden; }
.mainProPic a{ display:block; overflow:hidden;}
.mainProPic p{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; display:block; height:29px; line-height:29px; overflow:hidden;border-top:#ccc 1px solid;}
.mainProPic.current{ border:#f00 1px solid; }

.mainB { width: 1220px; height:180px; border:#eee 1px solid; margin: 0px auto; margin-top:15px; clear: both;}
.mainB .con { width: 1200px; height:160px; margin-top:10px; margin-left:10px; overflow:hidden;}
.mainB .con .proD{ }
.mainB .con .proPic{float:left; display:block; width:150px; height:143px; border:#eee 1px solid; margin:9px; background:#fff; overflow:hidden;}
.mainB .con .proD p{ display:block; width:100%; height:29px; line-height:29px; border-top:#eee 1px solid; margin:0; padding:0; text-align:center; }
	
/*????*/
.containBg { width: 1220px; margin: 0px auto; clear: both; background:url(img/main.png) repeat-y;}

#contain { width: 1114px; margin: 0px auto; padding:15px 0px; clear: both;}
.containL { float:left; width:292px; height:596px; padding-top:25px;}
.containR { float:right; width:808px;}

.containL .tit { width:100%; height:104px; line-height:114px; font-size:22px; font-weight:bold; text-align:center; background:url(img/leftT.png) no-repeat;}
.containL .con{ width:100%; height:360px; font-size:14px; background:url(img/leftC.png) repeat-y;}

.menuLi li { width:200px; height:30px; line-height:30px; font-size:14px; font-weight:bold; padding-left:58px; background:url(img/dot.png) 36px 6px no-repeat; overflow:hidden;}
.menuLi li a:link, .menuLi li a:visited { color: #000; }
.menuLi li a:hover, .menuLi li a:active { color: #f00!important;}
.menuLi li a.current{ color:#f00; }

.containL .bot{ width:100%; height:104px; line-height:104px; font-size:16px; text-align:center; background:url(img/leftB.png) no-repeat;}

.containR .tit { width:100%; height:73px; line-height:73px; font-size:22px; font-weight:bold; text-align:center; color: #fff; margin:0 auto; background:url(img/conBgT.png) no-repeat;}
.containR .con{ width:100%; min-height:450px; padding:0px 0px; overflow:hidden; background:url(img/conBgC.png) repeat-y; }
.containR .bot{ width:100%; height:73px; background:url(img/conBgB.png) no-repeat; clear:both;}
.containR .conPa{ padding:0px 30px;}

.containAll { width: 100%; min-height: 405px; height: auto!important; height: 405px;}
.containAll .tit { width:100%; height:73px; line-height:73px; font-size:22px; font-weight:bold; text-align:center; color: #fff; margin:0 auto; background:url(img/titBg.png) top center no-repeat; }
.containAll .con{ width:96%; margin:10px auto; overflow:hidden;}

/*????*/
#footer { width:1220px; line-height:36px; margin: 0 auto; padding:87px 0px 30px 0px; clear: both; font-size:14px; text-align:center; color:#000; background: url(img/footBg.png) top center no-repeat; }
#footer a:link, #footer a:visited { color: #000; }
#footer a:hover, #footer a:active { color: #f00!important; }