@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; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; color:#333; font-size:14px; }
.doc .inner,.nav-inner{width:1005px; clear: both; margin:0 auto; overflow: hidden;}
.prev,.next { background:url(../../img/28/icon_bg.png)  no-repeat center center; cursor:pointer; width:40px; height:79px;}
.prev{background-position:-2px -85px; position:absolute; left:0; top:120px; }
.next{background-position:-44px 0px; position:absolute; right:0; top:120px; }
.title{ margin:70px auto 35px;}
.txright{ text-align:right;}
.txleft{ text-align:left;}
.fl{ float:left;}
.fr{ float:right;}

.area1 { height:630px; background:url(../../img/28/banner.jpg) no-repeat top center;}
.area1 .inner{ width:1195px;}
.area1 p a{ font-size:28px; color:#07913b; margin-right:20px; margin-top:365px; text-align:right; display:block;}

.area2{ height:590px;}
.area2 img{ display:block;}
.area2 .content{ width:450px; float:left; margin-top:20px;}
.area2 p{ text-indent:25px; text-align:justify; text-justify:inter-ideograph; line-height:24px; color:#666; font-size:12px;}
.area2 .complay{ float:left; width:530px; height:325px; margin:26px 0 0 20px;}

.area3{ height:655px; background:#f5f0e4 url(../../img/28/bg1.jpg) no-repeat top center;}
.area3 .tabs{clear:both;height:412px; width:1000px; text-align:center; }
.area3 .tabNav {height:70px;width:905px;display: inline-block; zoom:1; *display:inline;margin:0px;list-style:none;}
.area3 .tabNav li{ float:left; width:166px; height:95px; margin-left:15px; background:url(../../img/28/hover1.jpg) no-repeat center top; }
.area3 .tabNav li:first-child{ margin-left:9px;}	
.area3 .tabNav li a { font: 24px/60px "microsoft yahei"; color:#666; text-align:center; display:block; width:166px; height:60px; }
.area3 .tabNav li.active {position: relative;}
.area3 .tabNav .active{ background:url(../../img/28/hover.png) no-repeat center top; height:95px; line-height:58px; color:#ff6000; }
.area3 .tabNav li.active a { background:url(../../img/28/hover.png) no-repeat center top; height:95px; line-height:60px;color:#77ba2c; }
.area3 .tabPane { width:1000px; height:520px; overflow:hidden; margin-top:20px; }
.area3 .tabPane div{  height:520px; overflow:hidden; margin:5px auto 0;}
.area3 .trustBox{ height:300px; overflow:hidden; position:relative;  }
.area3 .trust{ width:890px;overflow:hidden; margin:0 auto; height:300px;}
.area3 .trust ul{ overflow:hidden; height:300px; }
.area3 .trust ul li{float:left; margin-left:15px; position:relative;}
.area3 .trust ul li img{ height:300px;display:block;}

.area4{ height:890px;}
.area4 .advan{ height:645px; background:url(../../img/28/advan_bg.jpg) no-repeat top center; position:relative;}
.area4 h3{ font-size:34px; font-weight:bolder; color:#333; text-align:center; margin-bottom:5px;}
.area4 h3 span{ color:#ff9000;}
.area4 p{ width:235px; text-align:justify; text-justify:inter-ideograph; line-height:30px; color:#999; font-size:16px;}
.area4 .p1{ width:240px;}
.area4 .one{ position:absolute; left:35px; top:110px;}
.area4 .two{ position:absolute; left:384px; top:110px;}
.area4 .three{ position:absolute; left:736px; top:110px;}
.area4 .four{ position:absolute; left:211px; top:410px;}
.area4 .five{ position:absolute; left:561px; top:410px;}

.area5{ height:695px; background:#f6f1e5 url(../../img/28/bg2.jpg) no-repeat top center;}
.area5 .jcImgScroll { position:relative;}
.area5 .jcImgScroll li.select{background:#77BA2C;}
.area5 .jcImgScroll li.select img{display:block; text-align:center;width:310px; height:430px;padding:10px 30px;}
.area5 .jcImgScroll .sPrev , .jcImgScroll .sNext { background:url(../../img/28/arrow.png) no-repeat;width:40px;height: 79px; left:0px; top:180px;}
.area5 .jcImgScroll .sNext { background-position:-48px 0; left:963px;}
.area5 .jcImgScroll .sPrev{ background-position:-5px 0; left:2px;}
.area5 .spCont{ text-align:center; color:#666}
.area5 .spCont h1{ font-size:24px;}
.area5 .spCont h2{ font-size:20px;}
.area5 .jcImgScroll li a{ cursor:default;}
.area5 .loading{background:#cee0ac;}
.area5 .loading img{width:240px; height:340px;margin:0 auto; padding:10px 60px;}


.area6{ height:625px;}
.area6 .join{ height:380px; background:url(../../img/28/join_bg.jpg) no-repeat top center;}
.area6 p{ font-size:13px; color:#666; line-height:36px;}
.area6 .one{ padding-top:35px; margin-left:30px; width:470px;}
.area6 .txdent{ text-indent:20px;}
.area6 .two{width:450px; margin-right:30px; margin-top:113px;}

.area7{ height:588px; background:#f6f1e5 url(../../img/28/bg3.jpg) no-repeat top center;}
.area7 ul li{ width:180px; float:left; margin-left:25px;}
.area7 .circle{ display:block; width:180px; height:180px;}
.area7 h3{ color:#333; font-size:32px; font-weight:bolder; text-align:center; margin:7px auto 5px;}
.area7 p{ font-size:14px; color:#999; text-align:justify; text-justify:inter-ideograph; line-height:26px;}
/*.area7 .icon{
	width:174px;
	height:174px;
  font-size: 116px;
  line-height: 176px; 
  -moz-border-radius:50%; 
  -webkit-border-radius:50%;
  border-radius:50%; 
  border:3px #77ba2c solid;
  cursor:pointer;
  color:#77ba2c;
  display:block;
 text-align:center;
 margin:0 auto;
}*/

.area7 ul li:first-child{ margin-left:0;}

.area8{ height:640px;}
.area8 .process{ height:395px; background:url(../../img/28/process_bg.jpg) no-repeat top center; position:relative;}
.area8 p{ font-size:24px; color:#333;}
.area8 .p1{ position:absolute; left:93px; top:22px;}
.area8 .p2{ position:absolute; left:482px; top:22px;}
.area8 .p3{ position:absolute; left:870px; top:22px;}
.area8 .p4{ position:absolute; left:677px; top:178px;}
.area8 .p5{ position:absolute; left:288px; top:178px;}
.area8 .p6{ position:absolute; left:92px; top:332px;}
.area8 .p7{ position:absolute; left:483px; top:332px;}
.area8 .p8{ position:absolute; left:870px; top:332px;}


.area9{ background:#f6f1e5 url(../../img/28/bg.jpg) no-repeat top center;}
.area9 .title{ margin-bottom:20px;}

.area10{ height:410px; background:#07913b;}
.area10 .bottom{ background:url(../../img/28/bottom.jpg) no-repeat top center; height:640px;}
.area10 p{ font-size:14.14px; text-align:center; color:#fff; line-height:26.26px; word-spacing:5px; }
.area10 .mt{ padding-top:170px;}
.area10 a{ color:#fff;}


.m-page{ margin:0; padding:25px 0;}
.message{width:1000px; margin:0 auto 15px; overflow: hidden; font-size:16px;} 
.ckey{color: #f00;}
.message h3{ text-align: center; height: 30px; line-height: 30px; margin-bottom: 30px;}
.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-top: 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 .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: #ff9000;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: 17px;
    line-height: 17px;
    padding: 5px;
    width: 230px;
}
.m-textarea {
    width: 535px;
}.remind {
     border: 3px solid #efe9d9;
     padding:13px 45px;
     width: 270px;
     float: right;
	 margin-top:15px;
	 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); }