@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: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; color:#808080;}
.doc .inner,.nav-inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}
.inner p{ text-align:center; line-height:28px;}
.title{ margin:60px auto 45px;}
.title1{  margin:60px auto 17px;}
.area1{ height:688px; background:url(../../img/33/banner.jpg) no-repeat top center;}

.area2{ height:527px; background:url(../../img/33/bg1.jpg) no-repeat top center;}
.area2 .title{ margin:60px auto 40px;}
.area2 .com{ float:left; width:505px;}
.area2 p{  text-align:justify; text-justify:inter-ideograph; line-height:21px; font-size:12px; color:#333; text-indent:25px; }
.area2 .mgtop{ margin-top:3px;}
.area2 .complay{ display:block; float:left; width:479px; height:292px; margin-top:5px; margin-left:16px;}
.area3{ height:715px; background:url(../../img/33/bg2.jpg) no-repeat top center;}
.area3 .trustBox{ height:220px; overflow:hidden; position:relative; margin-top:85px;  }
.area3 .trust{ width:890px;overflow:hidden; margin:0 auto; height:220px;}
.area3 .trust ul{ overflow:hidden; height:220px; }
.area3 .trust ul li{float:left; margin-left:10px; position:relative;}
.area3 .trust ul li img{ height:220px;display:block;}
.area3 .prev1,.next1 { background:url(../../img/33/icon_bg.png)  no-repeat center center; cursor:pointer; width:42px; height:84px;}
.area3 .prev1{background-position:-1px -83px; position:absolute; left:0; top:70px; }
.area3 .next1{background-position:-44px 1px; position:absolute; right:0; top:70px; }

.area4{ height:600px; background:url(../../img/33/bg3.jpg) no-repeat top center;}
.area4 .title{ margin:60px auto 35px;}
.area4 .jcImgScroll { position:relative;}
.area4 .jcImgScroll li.select img{display:block; text-align:center;width:444px; height:373px; padding:0;}
.area4 .jcImgScroll .sPrev , .jcImgScroll .sNext { width:42px;height:107px; left:0px; top:140px;}
.area4 .jcImgScroll .sNext { left:958px; background:url(../../img/33/arrow.png) no-repeat;}
.area4 .jcImgScroll .sPrev{left:0; background:url(../../img/33/arrow1.png) no-repeat;}
.area4 .spCont{ text-align:center; color:#666}
.area4 .spCont h1{ font-size:24px;}
.area4 .spCont h2{ font-size:20px;}
.area4 .jcImgScroll li a{ cursor:default;}
.area4 .loading img{width:365px; height:307px; margin:10px auto;  padding:0 35px; display:block;}

.area5{ height:588px; background:url(../../img/33/bg4.jpg) no-repeat top center;}
.area5 p{ color:#FFF}
.area5 .new_group{ width:1105px; margin:25px auto 0; height:340px;}
.area5 .new_group .ad_box{width:1105px;height:340px; margin:0 auto;overflow:hidden; position:relative;}
.area5 .new_group .slider_s animating_s{ position: absolute; width: 2000px; left: 0px;}
.area5 .new_group ul{ margin-right:-10px; padding-left:8px; }
.area5 .new_group ul li{  width:1105px; height:535px; margin-right:15px;  }
.area5 .new_group ul li div{ width:314px; height:237px; background:#fff; margin-left:23px; float:left;}
.area5 .new_group ul li div:first-child{ margin-left:0;}
.area5 .new_group ul li div img{ display:block; width:304px; height:227px; padding:5px;}
.area5 .new_group ul.num_s{ position:absolute;bottom:37px; left:39%; height:18px; padding:0; width:auto}
.area5 .new_group ul.num_s li{ float:left;width:18px; height:18px; background:#fff; border-radius:50px; margin:0 15px; cursor:pointer;}
.area5 .new_group ul.num_s li.on{ background:#1985c6}

.area6{ height:833px; background:url(../../img/33/bg5.jpg) no-repeat top center;}
.area6 .title1 img{margin-bottom:20px;}
.wrap{width:1000px;margin:35px auto 0;}
.control {width:765px;height:553px;display: block;position:absolute;top:0;left:0;overflow: hidden;}
.change li{width:765px;overflow: hidden;text-align:center}
/* 图片垂直居中,不是很准确 */
.change li .imgWrap{display: table-cell ;width:765px;height:553px;vertical-align: middle;cursor:pointer;*font-size: 500px;}
.change li img{width:765px;height:553px;}
/* 缩图部分 */
.thumbWrap{width:207px;height:553px;padding-left:28px;position:absolute;right:0;top:0;overflow: hidden;}
.thumbWrap .thumbCont{ width:100%; height:460px;position:relative;overflow: hidden; margin-top:40px;}
.thumbWrap ul{}
.thumbWrap ul li{ width:207px; height:78px;line-height:78px; color:#9E9E9E;text-align:center;overflow: hidden;}
.thumbWrap ul li div{width:207px;height:60px; background-color:#E0E0E0; margin-top:18px; line-height:60px; cursor:pointer; font-size:20px;  }
.thumbWrap ul li img{border:0; display:none;width:207px; height:60px;border-style:none; }
.thumbWrap ul li.cur{color:#415570;}

/* 缩图按钮 */
.thumbPrev,.thumbNext{width:122px;height:39px;position:absolute;color:#000;z-index: 9;  outline:none;left:72px; background:url(../../img/33/bcqd_icon_bg.png) no-repeat;}
.thumbPrev span, .thumbNext span{display: none;}
.thumbPrev{top:0; background-position:-1px -2px;}
.thumbNext{bottom:0;background-position:0px -45px;}



.area7{ height:710px; background:url(../../img/33/bg6.jpg) no-repeat top center;}
.area7 .tabs{clear:both;height:455px; width:1000px; text-align:center; margin-top:35px; }
.area7 .tabNav {height:70px;width:470px;display: inline-block; zoom:1; *display:inline;margin:0px;list-style:none;}
.area7 .tabNav li{ float:left; width:200px; height:90px; margin-left:35px; background:url(../../img/33/hover1.png) no-repeat center top; }	
.area7 .tabNav li a { font: 24px/60px "microsoft yahei"; color:#666; text-align:center; display:block; width:200px; height:60px; }
.area7 .tabNav li.active {position: relative;}
.area7 .tabNav .active{ background:url(../../img/33/hover.png) no-repeat center top; height:90px; line-height:56px; color:#415064; }
.area7 .tabNav li.active a { background:url(../../img/33/hover.png) no-repeat center top; height:90px; line-height:56px;color:#415064; }
.area7 .tabPane { width:1000px; height:520px; overflow:hidden; margin-top:20px; }
.area7 .tabPane div{  height:520px; overflow:hidden; margin:5px auto 0;}

.area7 .rybox{ width:1000px; height:344px; text-align:center; display:block; position:relative; margin:15px auto 0;}
.area7 .jCarouselLite{width:1000px; text-align:justify; margin: 0 auto} 
.area7 .jCarouselLite li { width:435px;float:left; overflow:hidden; text-align:center;margin-left:7px; margin-right:7px; height:344px;}

.area7 .jCarouselLite li img{ width:435px; height:344px; display:block;}
.area7 .prev, .area7 .next { background:url(../../img/33/icon_bg1.png)  no-repeat center center; cursor:pointer; width:43px; height:87px;}
.area7 .prev{background-position:0px -88px; position:absolute;  top:130px; left:0px }
.area7 .next{background-position:-44px 0; position:absolute;  top:130px; right:0px }


.area8{ height:870px; background:url(../../img/33/bg7.jpg) no-repeat top center;}
.area8 .surport{ display:block; margin:20px auto 0;}


.area9{ height:554px; background:url(../../img/33/bg8.jpg) no-repeat top center;}
.area9 .process{ height:390px; background:url(../../img/33/process.png) no-repeat top center; position:relative; }
.area9 h2{ font-size:16px; color:#fff; }
.area9 .one{ position:absolute; left:177px; top:0;}
.area9 .two{ position:absolute; left:173px; top:80px;}
.area9 .three{ position:absolute; left:187px; top:159px;}
.area9 .four{ position:absolute; left:238px; top:243px;}
.area9 .five{ position:absolute; left:440px; top:338px;}
.area9 .six{ position:absolute; left:616px; top:260px;}
.area9 .seven{ position:absolute; left:687px; top:184px;}
.area9 .eight{ position:absolute; left:704px; top:98px;}
.area9 .nine{ position:absolute; left:685px; top:0;}
.area9 .p1{ position:absolute; left:148px; top:23px;}
.area9 .p2{ position:absolute; left:129px; top:103px;}
.area9 .p3{ position:absolute; left:39px; top:182px;}
.area9 .p4{ position:absolute; left:180px; top:266px;}
.area9 .p5{ position:absolute; left:412px; top:361px;}
.area9 .p6{ position:absolute; left:600px; top:283px;}
.area9 .p7{ position:absolute; left:674px; top:207px;}
.area9 .p8{ position:absolute; left:695px; top:121px;}
.area9 .p9{ position:absolute; left:675px; top:23px;}

.area9 p{ color:#363636; font-size:15px; border-bottom:1px solid #b8b8b8; line-height:28px;}

.area10{  background:url(../../img/33/bg9.jpg) top center;}

.area11{ height:205px; background:url(../../img/33/bottom.jpg) no-repeat top center;}

.message h3{ text-align: center; height: 30px; line-height: 30px; margin-bottom: 30px;}
.m-mes .user .date-ask{ display:none;}
.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:300px;
    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:#515151;
}
.m-form .lab span{ color:#ec0000;}
.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: #f26827;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: #c0c0c0 #d9d9d9 #d9d9d9;
    border-image: none;
    border-right: 1px solid #d9d9d9;
    border-style: solid;
    border-width: 1px;
    color: #777;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    padding: 5px;
    width: 225px;
}
.m-textarea {
    width: 525px;
}.remind {
     border: 2px solid #9ba2ad;
     padding:13px 45px;
     width: 270px;
     float: right;
	 margin-top:14px;
	 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;
	text-align:left;
}


/*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); }