/*2013-07-18 14:10:38*/
/*basic*/
.fl{ display:inline; float:left;}
.fr{ display: inline; float:right;}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}
.clearfix{*zoom:1}
.hidden{ display:none;}
img{ vertical-align: middle;}

.mb30{ margin-bottom: 30px;}

/*common*/
html body { text-align: left; background:#cdedf7 url(../images/body-bg.jpg) no-repeat center 40px;}
.wrap{  width: 1000px; padding: 10px 0; margin:359px auto 0; background-color: #fff; _overflow:hidden;}
.con .hd .subMark{ color:#fff; height: 20px; line-height: 20px; padding:0 8px;}

.mainNav,
.modA .hd h2{ background:url(../images/icon.png) no-repeat;}

.modA .hd{ border-bottom:1px solid #000; overflow:hidden; *zoom:1;}
.modA .hd h2{ height:44px; float: left; text-indent: -999em; }

.link1,.link2,.link3,.link4{ position:absolute; }

/*page*/
.header{  position: relative; width:1000px; margin:auto;}
.header h1{ position: absolute; top:255px; left:196px; width:158px; height:96px;}
.header h1 a{ display:block; width:100%; height:100%; text-indent:-999em;}

.mainNav{  background-position: 0 -45px; margin-left:3px;}
.mainNav li{ display: inline; float: left; overflow:hidden; height:57px; margin-right: 3px; }
.mainNav .item1{ width:197px;}
.mainNav .item2{ width:196px;}
.mainNav .item3{ width:196px;}
.mainNav .item4{ width:195px; margin-right:4px;}
.mainNav .item5{ width:196px;}
.mainNav li a{ display:block; width:100%; height:100%; text-indent:-999em;}

/*part1*/
.part1{ position: relative; margin-left: -16px; height: 748px; background: url(../images/part1.png) no-repeat;}
.part1 .link1{ width:308px; height: 608px; bottom:0; left:25px;}
.part1 .link2{ width:409px; height: 188px; top:34px; left:345px; z-index: 2;}
.part1 .link3{ width:294px; height: 430px; top:105px; left:712px;}
.part1 .link4{ width:654px; height: 156px; top:572px; left:353px;}
.part1 .con{ position: absolute; top:342px; left: 364px; width: 320px;}
.part1 .hd .subMark{ background-color: #3198db;}
.part1 .bd p{ margin-top: 25px; text-indent: 2em; line-height: 1.8;}
.part1 .details{ color: #802226;}

/*part2*/
.part2{ position: relative; margin-left: 10px; margin-right: -18px; height: 748px; background: url(../images/part2.jpg) no-repeat;}
.part2 .link1{ width:307px; height: 580px; top:1px; left:1px;}
.part2 .link2{ width:444px; height: 211px; top:34px; left:214px; z-index: 2;}
.part2 .link3{ width:615px; height: 156px; bottom:0; left:43px;}
.part2 .link4{ width:296px; height: 482px; top:228px; left:684px;}
.part2 .con{ position: absolute; top:360px; left: 340px; width: 320px;}
.part2 .hd .subMark{ background-color: #f19d32;}
.part2 .bd p{ margin-top: 25px; text-indent: 2em; line-height: 1.8;}
.part2 .details{ color: #0d376a;}

/*part3*/
.part3{ position: relative;  margin-left: -16px; height: 748px; background: url(../images/part3.jpg) no-repeat;}
.part3 .link1{ width:296px; height: 608px; bottom:1px; left:28px;}
.part3 .link2{ width:425px; height: 206px; top:30px; left:345px; z-index: 2;}
.part3 .link3{ width:294px; height: 535px; top:0; left:712px;}
.part3 .link4{ width:662px; height: 156px; bottom:1px; left:345px;}
.part3 .con{ position: absolute; top:342px; left: 364px; width: 320px;}
.part3 .hd .subMark{ background-color: #e44661;}
.part3 .bd p{ margin-top: 25px; text-indent: 2em; line-height: 1.8;}
.part3 .details{ color: #802226;}

/*part4*/
.part4{ position: relative; margin-left: 10px; margin-right: -18px; height: 748px; background: url(../images/part4.jpg) no-repeat;}
.part4 .link1{ width:296px; height: 434px; top:1px; left:0px;}
.part4 .link2{ width:386px; height: 222px; top:33px; left:277px; z-index: 2;}
.part4 .link3{ width:661px; height: 156px; bottom:3px; left:0;}
.part4 .link4{ width:295px; height: 606px; bottom:3px; left:684px;}
.part4 .con{ position: absolute; top:312px; left: 325px; width: 320px;}
.part4 .hd{ position: absolute; top:224px; right:0;}
.part4 .hd .subMark{ background-color: #2db0b5;}
.part4 .bd p{ text-indent: 2em; line-height: 1.8;}
.part4 .details{ color: #0e6e74;}

/*part5*/
.part5{ padding:0 10px;}
.part5 .hd h2{ width: 317px;}
.part5 .ulPic{ margin-right:-10px;}
.part5 .ulPic li{ display:inline; float:left; position:relative; width:238px; margin:10px 9px 0  0;}
.part5 .ulPic li .titg{ height:26px; line-height:26px; position:absolute; bottom:0; left:0; width:100%;color:#fff; cursor:pointer;text-align:center; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
.part5 .ulPic li a:hover .titg{ color:#fff; text-decoration: underline;}

/*part6*/
.part6{ padding:0 10px;}
.part6 .hd h2{ width: 441px; background-position: -318px 0;}
.part6 .bd{ padding-top: 10px;}
.part6 .layA{ width:602px;}
.part6 .layB{ width:366px;}