@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:#666; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; background:url(../../img/64/bg.jpg); }
.doc .inner,.nav-inner, .b_inner{width:1190px; clear: both; margin:0 auto; overflow: hidden;}
.title{ display:block; float:left; margin-top:70px;}
.content{width:1000px; float:left; margin-top:135px; margin-left:20px;}

.title1{ display:block; float:left; margin-top:60px;}
.content1{width:1000px; float:left; margin-top:129px; margin-left:20px;}
.bgcolor{ background:#f6f6f6;}
.prev,.next { background:url(../../img/64/img.png) no-repeat center center; cursor:pointer; width:98px; height:43px; position:absolute; float:left; z-index:5}

.area3 a:hover img, .area4 a:hover img{transform: scale(1.05, 1.05); transition: .3s transform;}

.area1{ height:800px; background:url(../../img/64/banner.jpg) no-repeat center top;}


.area2{ height:1204px;}
.area2 .content{ margin-top:132px;}
.area2 p{ font-size:14px; line-height:28px; text-align:justify; text-justify:inter-ideograph; text-indent:30px; }
.area2 .complay{ display:block; margin:25px auto;}
.area2 h2{ font-size:16px; color:#028c27; font-weight:bolder; margin:5px 0;}
.area2 .txcent{ text-align:center; text-indent:0;}

.area3 #marquee9{width:1000px; overflow:hidden; margin:0px auto 60px;}
.area3 #marquee9 ul li{float:left;height:790px;overflow:hidden; }
.area3 #marquee9 ul li dd{ height:405px; width:522px; }
.area3 #marquee9 ul li img {margin:0 25px 0 25px; height:355px; width:472px;}
.area3 #marquee9 ul li p{ font-size:16px; color:#666; text-align:center; line-height:38px;}

.area4 .inner{ width:1254px;}
.area4 .content{ width:1064px; margin-left:4px;}
.area4 .multipleLine{ overflow:hidden; position:relative; width:1064px; height:430px;padding-top:80px; }
.area4 .multipleLine .bd{ height:285px; overflow:hidden;  }
.area4 .multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px;  }
.area4 .multipleLine .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:320px; height:282px; border:solid 1px #aeaeae; margin:0 16px; }

.area4 .multipleLine .bd ul li a{display:table-cell; width:320px;height:282px;vertical-align:middle;text-align:center;*float:left;*font-family:simsun;*font-size:246px;*line-height:1;}
.area4 .multipleLine .bd ul li img{ vertical-align:middle;max-width:320px;max-height:282px;_width:100%;_height:100%; }
.area4 .multipleLine .prev, .area4 .multipleLine .next{ left:482px; }
.area4 .multipleLine .prev{background-position:-172px 0; margin-top:-362px;  }
.area4 .multipleLine .prev:hover{background-position:-466px 0; margin-top:-362px; }
.area4 .multipleLine .next{background-position:-270px 0;  margin-top:31px;  }
.area4 .multipleLine .next:hover{background-position:-368px 0;  margin-top:31px; }


.area7 .content{ height:835px; background:url(../../img/64/progress.jpg) no-repeat center top; position:relative;}
.area7 p{ font-size:14px; line-height:24px;  color:#333;  }
.area7 .one{ position:absolute; left:432px; top:50px; }
.area7 .two{ position:absolute; left:44px; top:197px; }
.area7 .four{ position:absolute; left:137px; top:527px; }
.area7 .three{ position:absolute; left:68px; top:361px; }
.area7 .five{ position:absolute; left:425px; top:673px; }
.area7 .six{ position:absolute; left:737px; top:525px; }
.area7 .seven{ position:absolute; left:808px; top:361px; }
.area7 .eight{ position:absolute; left:726px; top:180px; }
.area7 .p1{ position:absolute; left:340px; top:-5px; width:337px; }
.area7 .p2{ position:absolute; left:15px; top:245px; width:270px; }
.area7 .p3{ position:absolute; left:15px; top:410px; width:310px; }
.area7 .p4{ position:absolute; left:15px; top:578px; width:265px; }
.area7 .p5{ position:absolute; left:340px; top:723px; width:340px; }
.area7 .p6{ position:absolute; left:715px; top:575px;  width:293px;  }
.area7 .p7{ position:absolute; left:774px; top:410px;  width:233px; }
.area7 .p8{ position:absolute; left:705px; top:228px; width:310px; }
.area7 h2{ font-size:22px; color:#028c27; font-weight:bolder; }
.area7 h2 span{ font-size:26px;  font-weight:bolder; font-style:italic; padding-right:15px; padding-left:15px;background:url(../../img/64/bg1.jpg) no-repeat 71% 50%;}

.area8{ height:600px;}
.area8 .content1{ height:385px; background:url(../../img/64/pr.jpg) no-repeat center top; position:relative;}
.area8 h2{ font-size:24px; color:#028c27; font-weight:bolder; border-bottom:2px solid #989898; margin:0 auto; line-height:48px; width:120px; text-align:center; }
.area8 p{ font-size:14px; line-height:24px;  color:#666 ;  }
.area8 .pdtop{ padding-top:8px;}
.area8 .box{ position:absolute; width:240px;}
.area8 .box1{ width:190px; left:75px; top:60px;}
.area8 .box2{  left:380px; top:60px;}
.area8 .box3{  left:715px; top:60px;}
.area8 .box4{left:675px; top:292px;}
.area8 .box5{left:340px; top:292px;}
.area8 .box5 p{ text-align:center;}
.area8 .box6{left:35px; top:292px; width:182px;}
.area8 .wh{ width:140px;}

.area10{ height:485px; background:#028c27 url(../../img/64/bottom.jpg) no-repeat center top;}
.area10 p{font-size:18px;  color:#e3e3e3; margin-top:400px; text-align:center} 
.area10 p a{ color:#e3e3e3;}
.area10 p a:hover{ color:#eeecec;}
.g-row{ width:1000px;}
.user .date-ask{ display:none;}
.m-page{ margin:0 auto; padding:25px 0;}
.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: 15px;
    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: #028c27;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 #028c27;
     padding:24px 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); }