@charset "utf-8";

/* CSS Document */

html, body { height:100%;}

body{ margin:0px; padding:0px; border:0px; font-size:13px; font-weight:normal; font-family: "Open sans", arial,  "sans serif"; color:#fff; background-color:#fff; text-align:justify; line-height:20px;}



p, h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; font-family:"Open sans", arial,  "sans serif";}





.clear{ clear:both;}





#wrapper { width:100%; height:100%;}



.container { width:1024px; height:auto; margin:0 auto;}

.main-area { width:100%px; height:100%; overflow:hidden; text-align:center; position:relative;}



.toparea { width:1024px; height:auto; float:left;  position:absolute; top:0;}

.toparea .topbar { width:520px; height:auto; float:right; background:#6a1c43; padding:5px 10px 5px 10px; border-radius:0 0 7px 7px;}

.toparea .topbar .txt1 { width:70px; height:auto; float:right; color:#FFF; margin-right:8px;}

.toparea .topbar .icon { width:23px; height:auto; float:right; margin-right:6px;}

.toparea .topbar .txt2 { width:50px; height:auto; float:left; color:#FFF; text-align:left;}

.toparea .topbar .box { width:150px; height:auto; float:left;}

.toparea .topbar .textbox { width:135px; height:18px; background:#923262 url(../images/lense.png) no-repeat right; border-radius:3px; color:#ffb0d7; text-align:left; border:none; box-shadow:inset 0 2px 2px #333; border:#bc4580 solid 1px; padding:0 5px 0 5px; font-size:11px;}



.toparea .menubar { width:849px; height:74px; float:left; margin-top:82px; background:url(../images/menubg.png) no-repeat;}

.toparea .menubar .logo { width:177px; height:auto; float:left; text-align:center; padding-top:7px;}

.toparea .menubar .menu { width:660px; height:auto; float:right; margin-top:27px; }

.toparea .menubar .menu > ul { width:660px; height:auto; float:right; text-align:left; padding:0; margin:0; border:0;  text-transform:uppercase; font-size:14px;}

.toparea .menubar .menu > ul > li { display:block; float:left; list-style:none; font-weight:bold;}

.toparea .menubar .menu >ul > li a { padding:0 13px 0 0; color:#6a1c43; text-decoration:none;}

.toparea .menubar .menu > ul >li a:hover { padding:0 13px 0 0; color:#fff; text-decoration:none;}

.toparea .menubar .menu ul > li > div { width:100px; height:100px; position:absolute !important; padding-top:30px; display:none;}

.toparea .menubar .menu ul > li > div .sub ul { width:170px;; height:auto; background:white; padding:10px; border-radius:15px; box-shadow:1px 2px 2px #666; opacity:0.9;}

.toparea .menubar .menu ul > li > div .sub ul li { list-style:none; line-height:30px; border-bottom:#999 dotted 1px;}

.toparea .menubar .menu ul li:hover div { display:block;}



.toparea .caption { width:500px; height:auto; float:left; margin-top:30px; }



.botomarea { width:100%; height:100px; background:#6a1c43;}



.banner2 { width:100%; height:770px; margin:auto; background:url(../images/banner1.jpg) center top; position:absolute;}

.banner1 { width:100%; height:770px; margin:auto; background:url(../images/banner2.jpg) center top; position:absolute;}

.banner3 { width:100%; height:770px; margin:auto; background:url(../images/banner3.jpg) center top; position:absolute;}

.banner4 { width:100%; height:770px; margin:auto; background:url(../images/banner4.jpg) center top; position:absolute;}



.innerarea { width:100%; height:auto; background:url(../images/inner-bg.jpg) fixed center top repeat-x; padding:0; float:left; }



.content { width:1024px; height:auto; margin-top:220px; margin-bottom:70px;}

.content .left { width:665px; height:auto; float:left; background:#f5f5f5; padding:15px; border-radius:10px;}

.content .left h2 { font-size:15px; text-transform:uppercase; color:#603; padding:0 0 15px 0; font-weight:bold;}

.content .left .row { width:665px; height:auto; float:left; padding:0 0 10px 0; margin-bottom:10px; border-bottom:dotted #666 1px; }

.content .left .row2 { width:643px; height:auto; float:left; padding:10px; margin-bottom:20px; background:#fff; border:#ccc dashed 1px; border-radius:10px;}

.content .left .row .image { width:138px; height:156px; float:left; }

.content .left .row .text { width:510px; height:auto; float:right; }

.content .left .row .text h2 { font-size:14px; font-weight:bold; color:#333; padding-bottom:0;}



.content .left .row .homimg { width:245px; height:157px; float:left; padding:7px 0 7px 7px; background:url(../images/renthome-bg.png) no-repeat left top;}

.content .left .row .homimg2 { width:245px; height:auto; float:left; text-align:center; background:#FFF;}

.content .left .row .homimg .img { width:245px; height:157px; float:left; text-align:left; position:relative;}



.content .left .row .homimg .img .mouseover { width:89px; height:20px; position:absolute; border:none; left:75px; top:75px; display:block;}

.content .left .row .homimg .img:hover .mouseover { display:none;}





.content .left .row .homimg .img .cover { width:245px; height:157px; float:left; display:block;}

.content .left .row .homimg .img .cover .cover-zoom { width:720px; height:800px; position:absolute; text-align:left; left: 251px; top: -2px; display:none; }

.content .left .row .homimg .img .cover .cover-zoom img { border:3px solid #fff; box-shadow:0px 1px 5px #666;}

.content .left .row .homimg .img .cover:hover .cover-zoom { display:block;} 



.content .left .row .text2 { width:394px; height:auto; float:right;}

.content .left .row .text2 .head2 { width:auto; float:left; font-size:14px; font-weight:bold; color:#fff; padding-bottom:0; background:#6a1c43; padding:5px; margin-bottom:5px; text-transform:uppercase;}

.content .left .row .text2 .more { width:auto; float:left; background:#ccc; padding:3px 5px; display:block; margin-top:10px;}



.content .left .row .box { width:322px; height:auto; float:left; margin:0 20px 20px 0;}

.content .left .row .box .img { width:168px; height:109px; float:left;}

.content .left .row .box .img img { width:168px; height:109px; border:0;}

.content .left .row .box .text { width:137px; height:auto; float:right; text-align:left;}

.content .left .row .box .head2 { width:auto; float:left; font-size:14px; font-weight:bold; color:#fff; padding-bottom:0; background:#6a1c43; padding:5px; margin-bottom:5px; text-transform:uppercase; text-align:left;}

.content .left .row .box .more { width:auto; float:left; background:#ccc; padding:3px 5px; display:block; margin-top:10px;}





.content .right { width:315px; height:auto; float:right; margin-bottom:15px;}

.content .right .head { width:295px; height:auto; float:right; background:#6a1c43; padding:10px; font-size:15px; font-weight:bold; color:#FFF; text-transform:uppercase; border-radius:10px 10px 0 0;}

.content .right .area { width:285px; height:auto; float:right; background:url(../images/inner-right-bg.png) repeat; padding:15px; border-radius:0 0 10px 10px;}

.content .right .row { width:285px; height:auto; float:left; padding:0 0 20px 0; color:#FFF; line-height:20px;}

.content .right .row .img { width:104px; height:104px; float:left;}

.content .right .row .text { width:165px; height:auto; float:right; color:#FFF; text-align:left;}

.content .right .block { width:285px; height:auto; float:left; padding:15px; background:url(../images/bg3.png) repeat; border-radius:0 0 10px 10px;}

.content .right .block .row { width:285px; height:auto; float:left; padding:10px 0 10px 0;}

.content .right .block .row .txtbx { width:279px; height:25px; padding:3px; background:url(../images/bg3.png) repeat; border-radius:5px; box-shadow:inset 0 2px 2px #333; border:0; color:#000;}

.content .right .block .row .txtarea { width:279px; height:75px; padding:3px; background:url(../images/bg3.png) repeat; border-radius:5px; box-shadow:inset 0 2px 2px #333; border:0; color:#000;}

.content .right .block .row .btn { width:101px; height:34px; background:url(../images/submit-btn.png) no-repeat; display:block; cursor:pointer; border:0;}



.content .left .row .lft { width:330px; height:auto; float:left; color:#333; font-size:13px;}

.content .left .row .lft .txtbx { width:279px; height:25px; padding:3px; background:#e5e5e5; border-radius:5px; box-shadow:inset 0px 2px 3px #333; border:0; color:#000;}

.content .left .row .rght { width:330px; height:auto; float:right; }

.content .left .row .rght .txtbx { width:279px; height:25px; padding:3px; background:#e5e5e5; border-radius:5px; box-shadow:inset 0px 2px 3px #333; border:0; color:#000;}

.content .left .row .txtbox { width:620px; height:100px; background:#e5e5e5; border-radius:5px; box-shadow:inset 0px 2px 3px #333; border:0; color:#000;}

.content .left .row .btn { width:101px; height:34px; background:url(../images/submit-btn.png) no-repeat; display:block; cursor:pointer; border:0;}



.content .left .row .partner { width:243px; height:111px; float:left; margin:34px; background:#FFF; text-align:center; padding:30px 10px;}



.content .left .news { width:665px; height:auto; float:left; }

.content .left .news h3 { font-size:14px; font-weight:bold; color:#333; padding-bottom:10px; display:block; float:left; width:100%;}

.content .left .news p { line-height:20px; border-bottom:dotted #666 1px; padding-bottom:10px; margin-bottom:10px; display:block; float:left;}

.content .left .news img { width:200px; height:120px; float:left; margin:0 7px 7px 0; border:#CCC 2px solid;}



.content .left .row .detail { width:665px; height:auto; float:left; padding:10px 0;}

.content .left .row .detail table { border-left:#6a1c43 dotted 1px; border-top:#6a1c43 dotted 1px; width:665px; margin:0; padding:0; text-align:left;}

.content .left .row .detail td { padding:4px; border-bottom:#6a1c43 dotted 1px; border-right:#6a1c43 dotted 1px; text-align:left;}



.content .left .row .sitemap ul { width:500px; height:auto; float:left; padding:0 0 0 20px ; }

.content .left .row .sitemap ul li { list-style-position:inside; list-style-image:url(../images/bullet.png); text-decoration:none; line-height:25px; font-size:13px !important;}

.content .left .row .sitemap ul li a { text-decoration:none;}

.content .left .row .sitemap ul li a:hover { text-decoration:underline;}



.content .left .row3 { width:645px; height:auto; float:left; padding:10px; margin-bottom:10px; border-top:solid #6a1c43 3px; border-bottom:solid #ccc 1px; border-right:solid #ccc 1px; border-left:solid #ccc 1px; border-radius:5px; background:#fff; }

.content .left .row3 .servleft { width:645px; height:auto; float:left;}

.content .left .row3 .servleft h2 { font-size:20px; font-weight:bold;}

.content .left .row3 .servleft .text { width:645px; height:auto; float:left;}

.content .left .row3 .servleft .text img { width:245px; height:159px; float:left; margin:0 7px 7px 0;}



.txtli { font:normal 13px "Open Sans", Arial, Helvetica, sans-serif; color:#333; padding:3px 0; list-style-position:inside;}

.home-fix { width:260px; position:absolute; bottom:130px; right:0;}