@charset "utf-8";
/*basic*/
html,body{ margin:0; padding:0; color:#000; text-align:left; font-family:"Microsoft Yahei"; background:#fff;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2{margin:0; padding:0; border:0;}
.topnav,.area1,.area2,.area3,.area4,.area5,.area6,.area7,.area8,.area9,.area10,.footer{ margin-left:auto; margin-right:auto; clear:both; overflow:hidden;}
ul{ list-style-type:none;}
a:link { color:#333; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#000; text-decoration:none;}
a:active { color:#000; text-decoration:none;}
.white,.white a:link,.white a:visited,a.white:link,a.white:visited { color:#fff;}
.gray,.gray a:link,.gray a:visited,a.gray:link,a.gray:visited { color:#666;}
.left{ float:left;}
.right{ float:right;}

.area1{width: 100%; height: 100px; overflow: hidden; background: url(../images/top_bg01.jpg) top center no-repeat #08192b; min-width: 1200px;}
.area1 .logo{float: left; margin: 35px 0 0 40px; display: inline;}
.area1 .conr{  height: 40px; overflow: hidden; line-height: 40px; font-size: 16px; float: right; margin: 30px 20px 0 0; display: inline;}
.area1 .conr a{ background: url(../images/top_bg02.png) right center no-repeat; padding: 0 34px;}
.area1 .conr a.nobg{ background:none;}

.area2{width: 100%; height: 780px; overflow: hidden; background: url(../images/area1_bg.jpg) top center no-repeat #08192b;}
.area2_box{width: 1200px; height: 780px; overflow: hidden; margin: 0 auto;}
.area2_box .conl{width: 460px; height: auto; overflow: hidden; float: left; margin-top: 179px; text-align: left;}
.area2_box .conl img{margin-bottom: 20px;}
.area2_box .conl p{font-size: 14px; line-height: 40px; text-indent: 2em; margin-top: 20px;}
.area2_box .conr{width: 690px; height: 630px; overflow: hidden; float: right; margin-top: 75px;}

.area3{width: 100%; height: 810px; overflow: hidden; background: url(../images/area2_bg.jpg) top center no-repeat #eff6fc;}
.area3 .title{width: 1200px; height: 105px; overflow: hidden; margin: 60px auto 0;}
.area3 .title .p01{width: 1200px; height: auto; overflow: hidden; font-size: 30px; color: #1a1a1a; text-align: center; line-height: 40px;}
.area3 .title .p02{width: 1200px; height: auto; overflow: hidden; font-size: 18px; color: #999; text-align: center; font-family: "Arial"; line-height: 40px;}
.area3 .title .line{width: 60px; height: 2px; overflow: hidden; background:#999; margin: 10px auto;}
.area3_box{width: 1200px; height: auto; overflow: hidden; margin: 40px auto 0;}
.area3_box .img_box{width: 378px; height: 260px; overflow: hidden; display: inline; float: left; margin: 0 33px 33px 0; text-align: center;}
.area3_box .img_box.bg01{background:url(../images/area2_service01.jpg) 0 0 no-repeat;}
.area3_box .img_box.bg02{background:url(../images/area2_service02.jpg) 0 0 no-repeat;}
.area3_box .img_box.bg03{background:url(../images/area2_service03.jpg) 0 0 no-repeat;}
.area3_box .img_box.bg04{background:url(../images/area2_service04.jpg) 0 0 no-repeat;}
.area3_box .img_box.bg05{background:url(../images/area2_service05.jpg) 0 0 no-repeat;}
.area3_box .img_box .tb01{width: 60px; height:60px; overflow: hidden; margin:70px auto 20px;}
.area3_box .img_box .txt01{padding:15px 5px; border-bottom: 1px solid #aca7a4; border-top: 1px solid #aca7a4; line-height: 60px; font-size: 20px; color: #fff; text-align: center;}
.area3_box .black{width: 378px; height: 260px; overflow: hidden; background:#000; opacity:0.5; filter:alpha(opacity=70);}
.area3_box .black:hover{background:#000; opacity:0.7; filter:alpha(opacity=90);}
.area3_box .img_box.f01{ margin: 0 0 33px 0;}
.area3_box .img_box.f02{ margin: 0 33px 33px 205px;}

.area4{width: 100%; height: 720px; overflow: hidden; background:#101242;}
.area4 .title{width: 1200px; height: 105px; overflow: hidden; margin: 60px auto 0;}
.area4 .title .p01{width: 1200px; height: auto; overflow: hidden; font-size: 30px; color: #ffffff; text-align: center; line-height: 40px;}
.area4 .title .p02{width: 1200px; height: auto; overflow: hidden; font-size: 18px; color: #ffffff; text-align: center; font-family: "Arial"; line-height: 40px;}
.area4 .title .line{width: 60px; height: 2px; overflow: hidden; background:#babfc6; margin: 10px auto;}
.area4_box{width: 1200px; height: 501px; overflow: hidden; margin: 20px auto 0;text-align: center;}
.area4_box img{ margin: 0 auto 0;}

.area5{width: 100%; height: 600px; overflow: hidden; background: #eaedf2;}
.area5 .title{width: 1200px; height: 105px; overflow: hidden; margin: 60px auto 0;}
.area5 .title .p01{width: 1200px; height: auto; overflow: hidden; font-size: 30px; color: #1a1a1a; text-align: center; line-height: 40px;}
.area5 .title .p02{width: 1200px; height: auto; overflow: hidden; font-size: 18px; color: #999; text-align: center; font-family: "Arial"; line-height: 40px;}
.area5 .title .line{width: 60px; height: 2px; overflow: hidden; background:#999; margin: 10px auto;}
.area5_box{width: 1200px; height: 352px; overflow: hidden; margin: 0 auto; background: url(../images/area4_bg01.png) top center no-repeat;}
.area5_box img{float: left; margin: 35px 76px 0 0;}
.area5_box img.no_r{float: left; margin: 35px 0 0 0;}
.area5_more{ width: 165px; height: 30px; overflow: hidden; border: 1px solid #b8bfcf; text-align: center; line-height: 30px; font-size: 14px; margin: 0 auto;}


.footer{width: 100%; height: 50px; overflow: hidden; background: #000; border-top: 1px solid #383838; line-height: 50px; text-align: center; font-size: 14px; color: #a6a6a6;}

.area7{ width: 1200px; height: 480px; margin: 20px auto 0;}

.area8{ width: 1200px; height: auto; margin: 20px auto;}
.area8 .title{width: 1200px; height: 105px; overflow: hidden; margin: 60px auto 0;}
.area8 .title .p01{width: 1200px; height: auto; overflow: hidden; font-size: 30px; color: #1a1a1a; text-align: left; line-height: 40px;}
.area8 .title .p02{width: 1200px; height: auto; overflow: hidden; font-size: 18px; color: #999; text-align: left; font-family: "Arial"; line-height: 40px;}
.area8_box{width: 1200px; height: auto; overflow: hidden; background: #f7f7f7;}
.area8_box .img_box{width: 1140px; height: 292px; overflow: hidden; margin: 30px auto 0; border-bottom: 1px solid #e4e4e4;}
.area8_box .img_box.noborder{border-bottom: 0;}
.area8_box .img_box img{float: left;}
.area8_box .img_box .p01{width: 730px; height: auto; overflow: hidden; float: right; font-size: 24px; color: #1a1a1a; text-align: left; line-height: 50px;}
.area8_box .img_box .p02{width: 730px; height: auto; overflow: hidden; float: right; font-size: 18px; color: #c2c2c2; text-align: left; font-family: "Arial"; line-height: 40px;}
.area8_box .img_box .p03{width: 730px; height: auto; overflow: hidden; float: right; font-size: 18px; color: #1a1a1a; text-align: left; line-height: 35px;}
.area8_box .img_box2{width: 1140px; height: auto; overflow: hidden; margin: 30px auto 0; border-bottom: 1px solid #e4e4e4; padding-bottom: 40px;}
.area8_box .img_box2.noborder{border-bottom: 0;}
.area8_box .img_box2 img{float: left;}
.area8_box .img_box2 .p01{width: 1140px; height: auto; overflow: hidden; float: right; font-size: 24px; color: #1a1a1a; text-align: left; line-height: 50px;}
.area8_box .img_box2 .p02{width: 1140px; height: auto; overflow: hidden; float: right; font-size: 18px; color: #c2c2c2; text-align: left; font-family: "Arial"; line-height: 40px;}
.area8_box .img_box2 .p03{width: 1140px; height: auto; overflow: hidden; float: right; font-size: 18px; color: #1a1a1a; text-align: left; line-height: 35px;}

.area9{ width: 1200px; height: auto; margin: 20px auto;}
.area9 .title{width: 1200px; height: 105px; overflow: hidden; margin: 60px auto 0;}
.area9 .title .p01{width: 1200px; height: auto; overflow: hidden; font-size: 30px; color: #1a1a1a; text-align: center; line-height: 40px;}
.area9 .title .p02{width: 1200px; height: auto; overflow: hidden; font-size: 18px; color: #999; text-align: center; font-family: "Arial"; line-height: 40px;}
.area9_box{width: 1200px; height: auto; overflow: hidden; background: #f7f7f7; text-align: center; padding: 30px 0 60px; border-top: 1px solid #e4e4e4;}
.area9_box p{ width: 1100px; margin: 20px auto 0; font-size: 16px; line-height: 36px; text-align: left; text-indent: 2em;}
.area9_box img{ margin: 20px auto 0;}