@charset "gb2312";
/* CSS Document */
body{ margin:0; padding:0;}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden;  text-align: left;  color:#333; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA;  }
.doc .inner,.nav-inner, .b_inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}

.title{ margin:70px auto 30px; display:block; }
.title1{ margin:60px auto 30px; display:block; }

.prev,.next, .aprev,.anext { background:url(../../img/81/img.png) no-repeat center center; cursor:pointer; width:35px; height:68px; position:absolute; float:left; z-index:5}


.area1{ height:737px; background:url(../../img/81/banner.jpg) no-repeat center top;}

.area2{ height:744px;}
.area2 .title{ margin-bottom:20px ;}
.area2 p{ font-size:14px; line-height:32px; text-indent:28px; text-align:justify; text-justify:inter-ideograph;}
.area2 p span{ color:#720204 ; font-size: 16px;}
.area2 .mgtop{ margin-top:5px ;}
.area2 .com{ display: block; margin-top:20px ;}

.area3{ height:834px; background:url(../../img/81/bg1.jpg) no-repeat center top;}
.area3 ul{ margin-right:-20px ;}
.area3 li {
    float: left;
    width: 320px;
    text-align: center;
    margin-right:20px;  cursor: pointer;  
    transition: .5s all; background: #fff; height: 580px;
}
.area3 li .house{ display: block; margin: 35px auto 30px;}
.area3 li h2{ font-size:32px ; color: #000; line-height: 33px;}
.area3 li h3{ font-size:24px ; color: #666;line-height: 17px; margin-bottom: 35px;  font-family:arial; font-weight: lighter;}
.area3 li .line{ width: 50px;
    height: 2px;
    background: #ccc;
    margin: 15px auto}
    
.area3 li:hover {
    background: #eee
}
.area3 li:hover h2, .area3 li:hover h3{ color:#c20900 ;}
.area4{ height:948px; }
.area4 .surport{ height:675px; position: relative; background:url(../../img/81/advan.jpg) no-repeat center top;}
.area4 h3{ font-size:18px ; color: #fff; margin-bottom: 15px; font-weight: bolder;}
.area4 .pr{ padding-right: 30px; text-align:right ;}
.area4 .pr1{ padding-right: 90px; text-align:right ;}
.area4 .pl{ padding-left: 30px;}
.area4 p{ font-size:14px ;line-height: 26px; text-align: justify; text-justify: inter-ideograph;}
.area4 .box{ position: absolute; width:373px ; } 
.area4 .box1{ left: 63px; top: 3px;}
.area4 .box2{ width:455px ; right: 0px; top: 3px;}
.area4 .box3{  left: 0px; top: 204px;}
.area4 .box4{ right: 0px; top: 204px;}
.area4 .box5{  left: 0px; top: 360px;}
.area4 .box6{ right: 0px; top: 360px;  width:412px ; }
.area4 .box7{ left: 63px; top: 561px;}
.area4 .box8{ width:469px ; right:5px; top: 561px;}
.area4 .box8 p{ padding-right:55px ;}

.area5{ height:1525px; background:url(../../img/81/bg2.jpg) no-repeat center top;}
.area5 .advan{ height:1270px; position: relative; background:url(../../img/81/bg5.png) no-repeat center top;}
.area5 .box{ position: absolute; width:373px ; } 
.area5 p{ font-size:14px ;line-height: 26px; color:#666 ; text-align: justify; text-justify: inter-ideograph;}
.area5 em{ font-size:52px ; color: #bcbcbc;}
.area5 h3{ font-size:16px ;   font-weight: bolder; margin-top:13px ;}
.area5 h2{ font-size:42px ; font-style:italic; color:#fff ; line-height: 36px; width: 190px; height: 40px; background:#bebebe ; text-align: center;}

.area5 .box2{ width:318px ; right: 0px; top: 262px;}

.area5 .box2 em{ padding-left: 250px;}
.area5 .box2 h2{ margin-left: 128px;}
.area5 .box2 h3{text-align: right;}
.area5 .box3{ width:400px ;  top: 512px;}
.area5 .box4{ width:318px ; right: 0px; top: 782px;}
.area5 .box5{  top: 1035px; left: 0;}
.area6{ height:875px;  }
.area6 .title{ margin-bottom:10px ;}
.area6 .multipleColumn{ overflow:hidden; position:relative;  text-align:center;}
.area6 .multipleColumn .next:hover{ position:absolute;top:286px;left:965px;background-position: 0px 0;  cursor:pointer;  }
.area6 .multipleColumn .prev:hover{ position:absolute; top:286px;left:0px;background-position: -35px 0;  cursor:pointer;  }
.area6 .multipleColumn .next{ position:absolute;top:286px;left:965px;background-position: -70px 0;  cursor:pointer;  }
.area6 .multipleColumn .prev{ position:absolute; top:286px;left:0px;background-position: -105px 0;  cursor:pointer;  }
.area6 .multipleColumn .bd{width:880px;margin:0 auto;overflow:hidden;}
.area6 .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1000px;  float:left; _display:inline; position: relative;  }
.area6 .multipleColumn .bd ul li{ width:380px; position: relative; height:280px;  margin:20px 30px;  line-height:182px;float:left; _display:inline; overflow:hidden; text-align:center; background:#f00 ;  }
.area6 .multipleColumn .bd li img {width:380px; height:280px;}		

.area7{ height:744px; background:url(../../img/81/bg3.jpg) no-repeat center top;}
.area7 .left{ width:340px; float:left; margin-right:20px ; }
.area7 .left li{ width:150px; margin-right:20px ; height:80px; float: left; line-height:80px; margin-bottom:57px; font-size:24px; cursor:pointer; background:url(../../img/81/little1.png) no-repeat center top; text-align:center;}
.area7 .left .active{ width:150px; height:80px; background:url(../../img/81/little.png) no-repeat center top; color:#fff; }
.area7 .right{ width:640px; height:490px; float:left; margin-right:0px; margin-bottom:0px;  }
.area7 .right li{ width:640px; height:490px; overflow:hidden;}




.area8{ height:835px; }

.slideBox{ width:1000px; height:560px; overflow:hidden; position:relative;   }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;  width:800px; height:620px;  margin-left:100px ; }
.slideBox .bd li img { width:800px; height:620px;}
.area8 .next:hover{ position:absolute;top:250px;left:965px;background-position: 0px 0;  cursor:pointer;  }
.area8 .prev:hover{ position:absolute; top:250px;left:0px;background-position: -35px 0;  cursor:pointer;  }
.area8 .next{ position:absolute;top:250px;left:965px;background-position: -70px 0;  cursor:pointer;  }
.area8 .prev{ position:absolute; top:250px;left:0px;background-position: -105px 0;  cursor:pointer;  }
.area8 p{ font-size:24px; width:800px ; display: none; background: #000; background: rgba(0,0,0,0.5); margin-top: 10px; line-height:70px; height: 70px; color: #fff; text-align: center; position: absolute;  bottom: 0;}
.area8 li:hover p{ display: block;}
.area9{ height:710px; background:url(../../img/81/bg4.jpg) no-repeat center top;}
.area9 .process{height:455px; position: relative; background:url(../../img/81/bg6.png) no-repeat center top;}
.area9 p{ font-size:16px ;line-height: 24px; text-align: center;}
.area9 .box1{ position: absolute; left: 0; top: 165px;} 
.area9 .box2{ position: absolute; left: 185px; top: -4px;}
.area9 .box3{ position: absolute; left:362px; top: 165px;}
.area9 .box4{ position: absolute; left: 540px; top: -4px;}
.area9 .box5{ position: absolute; left:723px; top: 165px;} 
.area9 .box6{ position: absolute; left: 910px; top: 20px;}
.area9 .box7{ position: absolute; left: 904px; top: 243px;}
.area9 .box8{ position: absolute; left:740px; top: 412px;} 
.area9 .box9{ position: absolute; left: 558px; top: 267px;}
.area9 .box10{ position: absolute; left:355px; top: 412px;} 
.area9 .box11{ position: absolute; left: 199px; top: 267px;}
.area9 .box12{ position: absolute; left:20px; top: 412px;} 


.area11{ height:393px; background:url(../../img/81/bottom.jpg) no-repeat center top ;}

.area11 ul{ width:353px; height:235px; margin: 102px 0 0 280px; float: left; }
.area11 li{ font-size:14px; color:#fff;  line-height:32px ;}

.area11 span{ color: #fff; font-size: 16px; margin-top:25px ; display: block; }
.area11 em{ font-size: 32px; font-weight: bolder; }


.m-tit{ background: #fff;}
.m-mes .user{ font-size:14px; color:#333;}
.m-mes dl{ font-size:14px; color:#333;}
.m-mes dt{ width:75px;}
.m-mes dd{ width:861px;}
.m-mes li{ border-bottom:solid 1px #dedcdc; color:#333 ; }

.m-tit .u-tt{ color:#333;}
.m-page{ margin: 25px auto 0px; padding-bottom:65px ;}
.g-row{ width:1000px;}
.message h3{ text-align: center; height: 30px; line-height: 30px; margin-bottom: 30px; font-weight:bold;}
.m-form {
    width: 610px;
    color: #330005;
    line-height: 29px;
    position: relative;
    float: left;

}
.m-form legend {
    font-size: 14px;
    font-weight: bold;
}
.m-form .formitm {
    line-height: 30px;
    padding-bottom: 13px;
    width:305px;
    float: left;
}
.m-form .formitm-1 {
    padding-left: 100px;
}
.m-form .lab {
    float: left;
	font-size:14px;
    margin-right: -90px;
    text-align: right;
    width: 50px;
	color:#666;
}
.m-form .lab .ckey{ color:#ff0000;}
.m-form .ipt {
    margin-left: 61px;
}
.m-form .ipt * {
    vertical-align: middle;
}
.m-form .ipt a, .m-form .ipt a:hover {
    color: #3891eb;
    text-decoration: none;
}
.m-form .ipt img {
    height: 32px;
    margin: 0 15px 0 5px;
}
.m-form .ipt .domain {
    color: #777;
    font-weight: bold;
    margin: 0 0 0 5px;
}
.m-form .ipt p {
    color: #999;
    height: 22px;
    line-height: 22px;
}
.m-form .tip {
    padding-top: 10px;
}
.m-form .tip input {
    margin: 0 5px 3px 0;
}
.m-form .m-textarea {
    height: 80px;
}
.u-btn{background: #8e030b;height:52px; text-align: center;width:177px; border:none;color:#fff; cursor: pointer; font-size:20px; font-weight:bolder; margin-top:10px; font-family:"Î¢ÈíÑÅºÚ"; margin-left:-38px; margin-bottom:10px;}
.u-ipt, .m-textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #ddd #ddd #ddd;
    border-image: none;
    border-right: 1px solid #ddd;
    border-style: solid;
    border-width: 1px;
    color: #777;
    font-size: 14px;
    height: 25px;
    line-height: 17px;
    padding: 5px;
    width: 230px;
}
.m-textarea {
    width: 535px;
}.remind {
     border: 3px solid #b25459;
     padding:21px 45px;
     width: 270px;
     float: right;
	
	 background:#fff;
 }
.remind strong{font-size: 16px; padding:6px 0 10px; margin-left:15px; color:#333;}
.remind p {
    color: #666;
    font-size: 12px;
    margin-left:15px;
    line-height: 28px;
}


/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#f56908; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }

