@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;}

.margintop10{ margin-top:10px;}
.margintop7{ margin-top:7px;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; color:#2f2f2f; font-size:16px; }
.doc .inner,.nav-inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}
.area1{ height:600px; background:url(../../img/24/banner.png) no-repeat top center;}
.area2 { height:585px;}
.area2 img{ display:block;}
.area2 .complay{ width:582px; height:295px; float:left;}
.area2 .content{ float:left;width:400px; margin-left:10px;}
.area2 p{ text-indent:35px; line-height:30px;  text-align:justify; text-justify:inter-ideograph;}
.area2 .title1{ margin-bottom:45px;}
.area3{ height:835px; background:#0a66c3;}
.area3 .advante_bg{ height:695px; background:url(../../img/24/advantate_bg.jpg) no-repeat top center; position:relative;}
.area3 p{ line-height:27px; color:#fff; width:635px; font-weight:bold; text-align:justify; text-justify:inter-ideograph;}
.area3 .one{ position:absolute; left:185px; top:50px; }
.area3 .two{ position:absolute; left:185px; top:196px; width:665px; }
.area3 .three{ position:absolute; left:185px; top:338px; }
.area3 .four{ position:absolute; left:185px; top:492px; width:665px; }

.area4{ height:583px;}
.area4 .trustBox{ height:320px; overflow:hidden; position:relative; margin-top:55px; }
.area4 .trust{ width:780px;overflow:hidden; margin:0 auto; height:320px;}
.area4 .trust ul{ overflow:hidden; height:320px; }
.area4 .trust ul li{float:left; margin-left:20px; position:relative;}
.area4 .trust ul li img{ height:320px;display:block;}
.prev,.next { background:url(../../img/24/icon_bg.png) no-repeat center center; cursor:pointer; width:76px; height:76px;}
.area4 .prev{background-position:0 -78px; position:absolute;  top:120px; }
.area4 .next{background-position:-76px 0px; position:absolute; right:0px; top:120px; }

.area5{ background:#896dc2; height:680px;}
.area5 .suport{ height:464px; background:url(../../img/24/suport.png) no-repeat top center;}
.area5 .suport p{ width:476px; font-size:14px; color:#333;}
.area5 .pdone{ padding-top:78px;  margin-left:484px;}
.area5 .pdtwo{ padding-top:18px; margin-left:399px;}
.area5 .pdthree{ padding-top:41px; margin-left:317px;}
.area5 .pdfour{ padding-top:30px; margin-left:396px;}
.area5 .pdfive{ padding-top:16px; margin-left:480px;}
.area6{ height:860px;}
.area6 ul{ position:relative;}
.area6 .rybox{ width:1000px; height:860px;  text-align:center; overflow:hidden; display:block; margin:0 auto; margin-top:20px;}

.area6 .container{width:1000px;height:600px;;margin:20px auto 0;position:relative;}
.area6 .control {width:1000px;height:490px;display: block;position:relative;overflow: hidden;}

.area6 .change li{width:1000px;overflow: hidden;text-align:center}
/* 图片垂直居中,不是很准确 */
.area6 .change li .imgWrap{display: table-cell ;width:1000px;height:490px;vertical-align: middle;cursor:pointer;*font-size: 500px;}

.area6 .change li img{ width:745px; height:490px;vertical-align:middle; overflow:hidden}
/* 描述部分 */
.area6 .change li .textDesc{display:none;width:100%;height:100px;position:absolute;left:0;bottom:0;text-align:left;overflow: hidden;}
.area6 .change li .opacity{display:none;width:100%;height:100px;position:absolute;left:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.area6 .change li .title{padding:10px 15px 0; color:#e6e6e6;font-size:14px;line-height:22px;}
.area6 .change li .title a{color:#e6e6e6;}
.area6 .change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}

/* 翻页按钮 */
.area6 .prev1, .area6  .next1{width:76px;height:76px;position:absolute; top:212px; color:#FFF;font-size:14px; z-index: 9;font-weight:bold; cursor: pointer;outline:none} 
.area6 .prev1 span,.area6  .next1 span{display: none;}
.area6 .prev1{left:0;background:url(../../img/24/arrows_01_2.jpg) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../../img/24/arrows_01_2.jpg") ; _background:none}
.area6 .next1{right:0;background:url(../../img/24/arrows_02_2.jpg) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../../img/24/arrows_02_2.jpg") ; _background:none}
.area6 .prev1:hover{left:0;background:url(../../img/24/arrows_01.jpg) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../../img/24/arrows_01.jpg") ; _background:none}
.area6 .next1:hover{right:0;background:url(../../img/24/arrows_02.jpg) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../../img/24/arrows_02.jpg") ; _background:none}
/* 分页 */
.area6 .pageClass{text-align:center;z-index: 9;position:absolute;top:50px;padding-top:10px;}
.area6 .pageClass a{display: inline-block; width:10px;height:10px;margin:0 3px;overflow:hidden; border:1px solid #bebebe;background:#bebebe ;border-radius:5px;outline:none}
.area6 .pageClass a span{display:none}
.area6 .pageClass a:hover,.pageClass a.cur{border:1px solid #be230a;background:#be230a }

/* 缩图部分 */
.area6 .thumbWrap{width:1000px;height:100px;position:absolute;left:0;bottom:0;overflow: hidden;}
.area6 .thumbWrap .thumbCont{width:745px;height:90px;position:relative;overflow: hidden; margin:0 auto;}
.area6 .thumbWrap ul{}
.area6 .thumbWrap ul li{float: left; width:150px;height:90px;text-align:center;overflow: hidden;}
.area6 .thumbWrap ul li div{display: table-cell ;width:138px;height:89px;vertical-align: middle;cursor:pointer;*font-size: 79px;}

.area6 .thumbWrap ul li img {width:145px; height:88px;vertical-align:middle; overflow:hidden}

.area6 .thumbWrap ul li.cur img{ border:1px #000000 solid;}

/* 缩图按钮 */
.area6 .thumbPrev,.thumbNext{width:39px;height:100px;text-align:center;position:absolute;color:#000;z-index: 9; outline:none}
.area6 .thumbPrev span, .thumbNext span{display: none;}
.area6 .thumbPrev{left:0;top:0;background:url(../../img/24/prev.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../../img/24/prev.png") ; _background:none}
.area6 .thumbNext{right:0;top:0;background:url(../../img/24/next.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../../img/24/next.png") ; _background:none}


/*
.area6 .jCarouselLite{width:1000px; float:left;} 
.area6 .jCarouselLite img{ width:747px;height:492px; }
.area6 .jCarouselLite li { width:747px;height:492px;float:left; overflow:hidden; text-align:center;margin-right:4px; }
.prev,.next { background:url(../../img/24/icon_bg.png) no-repeat center center; float:left;cursor:pointer; width:85px; height:85px;}
.area6 .prev{background-position:-80px -1px; margin-top:15px;}
.area6 .next{background-position:-121px -1px; margin-top:15px;}
.area6 .product_big{ width:760px; margin:0 auto;}
.area6 .product_big li{ width:148px; height:91px; float:left; margin-left:4px;}
.area6 #OriginalPic li{display:none;}
*/

.area7{ height:990px; background:#0a66c3;}
.area7 .join_advange{ height:845px; background:url(../../img/24/join_advage.png) no-repeat top center; position:relative;}
.area7 p{ width:225px; color:#fff; font-size:18.46px; font-weight:bold; text-align:center; line-height:37.22px; text-align:center; }
.area7 .one{ position:absolute; left:50px; top:213px;}
.area7 .two{ position:absolute; left:385px; top:195px;}
.area7 .three{ position:absolute; left:725px; top:213px;}
.area7 .four{ position:absolute; left:208px; top:507px;}
.area7 .five{ position:absolute; left:578px; top:514px;}
.area8{ height:725px;}
.area8 .ask{ background:url(../../img/24/ask_bg.jpg) no-repeat top center; height:585px; position:relative;}
.area8 p{ width:240px; font-size:18px; color:#363535; line-height:27px;}
.area8 .p1{ position:absolute; left:25px; top:256px;}
.area8 .p2{ position:absolute; left:382px; top:131px;}
.area8 .p3{ position:absolute; left:736px; top:131px;}
.area8 .p4{ position:absolute; left:382px; top:375px;}
.area8 .p5{ position:absolute; left:817px; top:386px;}

.area9{ height:765px; background:#896dc2;}
.area9 .right{width:1000px; height:580px; overflow:hidden; margin:0 auto; }
.area9 .right .ad_box{width:1000px; height:795px; }
.area9 .right .ad_box img{width:365px; height:240px;}
.area9 .right .ad_box  ul{width:1000px; height:795px; float:left;padding-top:13px;}
.area9 .right .ad_box  ul li{width:365px; height:240px; float:left; padding-top:30px; padding-left:122px;}
.area9 .right .ad_box .ad_btn_left{ width:76px; height:76px; position:absolute; top:260px; left:0; z-index:10;  cursor:pointer; background:url(../../img/24/arrows_01_2.png) no-repeat 0 50%; }
.area9 .right .ad_box .ad_btn_right{width:76px; height:76px; position:absolute; top:260px; right:3px;z-index:10;  cursor:pointer; background:url(../../img/24/arrows_02_2.png) no-repeat 0 50%;}




.area10{ height:775px;}
.area10 .process{ height:448px; background:url(../../img/24/liuc.jpg) no-repeat top center; position:relative;}
.area10 .one{ position:absolute; left:36px; top:11px;}
.area10 .two{ position:absolute; left:77px; top:146px;}
.area10 .three{ position:absolute; left:177px; top:283px;}
.area10 .four{ position:absolute; left:244px; top:381px;}
.area10 .five{ position:absolute; left:652px; top:13px;}
.area10 .six{ position:absolute; left:707px; top:146px;}
.area10 .seven{ position:absolute; left:689px; top:275px;}
.area10 .eight{ position:absolute; left:640px; top:378px;}
.area10 h2{ font-size:22px; text-align:right; padding-right:30px; color:#3593d5;}
.area10 h3{ font-size:22px;  color:#3593d5; padding-left:30px;}
.area10 p{ font-size:16px; color:#46413b;}

.area11{ background:#0966c3;}
.area12{ height:355px; background:url(../../img/24/bottom.jpg) no-repeat top center; }
.area12 .bottom{ height:355px; width:583px; margin-left:317px; margin-top:7px; }
.area12 h3{ font-size:22px; color:#4b4b4b; margin-top:150px; margin-left:317px; }
.area12 ul li{ width:255px; float:left; margin-right:30px; font-size:20px; color:#4b4b4b;}
.area12 .wd{ width:500px;}
.m-tit{ font-size:19px;}
.m-mes dl{ font-size:16px;}
.m-mes dt{ width:80px;}
.m-mes dd{ width:755px;}
.m-mes{ font-size:14px; color:#FFF;}
.m-mes .user{ font-size:16px; color:#FFF;}
.message{width:1000px; margin:40px 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:16px;
    margin-right: -90px;
    text-align: right;
    width: 50px;
	color:#fff;
}
.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: #1d5f8f;height:48px; text-align: center;width:170px; 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: 230px;
}
.m-textarea {
    width: 535px;
}.remind {
     border: 2px solid #8b8a8a;
     padding:15px 45px;
     width: 275px;
     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: 13px;

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