@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { padding:50px 0 35px; }
.aArea01 { float:left; width:515px; }
.aArea01 .hd { line-height:22px; }
.aArea01 .hd i { font-size:22px; color:#132c80; font-weight:bold; padding-right:10px; border-right:1px solid #aeaeae; }
.aArea01 .hd em { font-size:14px; color:#aeaeae; padding-left:10px; }
.aArea01 .bd { width:515px; height:300px; margin-top:20px; border:1px solid #f4f4f4; box-shadow: 3px 3px 10px #f4f4f4; }
.aArea01 .bd .fl a { cursor:pointer; }
.aArea01 .bd .fr { width:290px; margin-right:20px; }
.aArea01 .bd .fr h1 { font-size:20px; color:#132c80; padding-top:30px; font-weight:normal; line-height:1; padding-bottom:25px; border-bottom:1px solid #d2d2d2; margin-bottom:40px; }
.aArea01 .bd .fr h1 a { color:#132c80; cursor:pointer; }
.aArea01 .bd .fr h1 span { display:block; font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-top:5px; }
.aArea01 .bd .fr p { margin-bottom:35px; font-size:14px; color:#9f9f9f; } 

.aArea02 { float:right; width:540px; }
.aArea02 .hd { line-height:22px; }
.aArea02 .hd ul li { float:left; width:100px; font-size:22px; font-weight:normal; color:#868686; margin-right:10px; border-right:1px solid #aeaeae; }
.aArea02 .hd ul li.on { color:#132c80; font-weight:bold; }

.aArea02 .bd { width:520px; height:280px; padding:10px; margin-top:23px; border:1px solid #f4f4f4; box-shadow: 3px 3px 10px #f4f4f4; }
.aArea02 .bd .txt .fr { width:265px; margin-right:10px; }
.aArea02 .bd .txt .fr h1 { font-weight:normal; font-size:15px; color:#132c80; }
.aArea02 .bd .txt .fr h1 a {  color:#132c80; }
.aArea02 .bd .txt .fr h1 span { display:block; font-size:12px; }
.aArea02 .bd .txt .fr p { margin-top:15px; color:#848484; height:52px; }
.aArea02 .bd .txt .fr .more { display:inline-block; *display:inline; zoom:1; border-bottom:1px solid #003890; color:#003890; padding-bottom:3px; }

.aArea02 .bd ul { margin-top:15px; }
.aArea02 .bd ul li { padding-left:10px; background:url(li01.jpg) no-repeat center left; height:28px; line-height:28px; }
.aArea02 .bd ul li span { float:right; color:#003890; }

.bArea { padding:35px 0; background:#f7f7f7; }
.bArea .wrap {overflow:hidden; }
.bArea .hd { text-align:center; color:#132c80; margin-bottom:30px; }
.bArea .hd h1 { font-size:28px; font-weight:normal; }
.bArea .hd p { font-size:12px; text-transform:uppercase; margin-bottom:10px; }
.bArea .hd span { display:block; width:30px; height:3px; background:#132c80; margin:0 auto; }

.bArea .bd { position:relative; height:340px;  }
.bArea .bd ul li { position:absolute; width:166px; background:url(bArea01.png) no-repeat center; text-align:center; z-index:1; }
.bArea .bd ul li a { display:block; width:166px; padding-top:58px; height:132px;  }
.bArea .bd ul li p { height:34px; margin-bottom:10px; }
.bArea .bd ul li p .img02 { display:none; }
.bArea .bd ul li h1 { font-size:16px; color:#959393; margin-bottom:10px; font-weight:normal; }
.bArea .bd ul li span { display:block; width:18px; height:2px; background:#959393; margin:0 auto; }

.bArea .bd ul li:hover { background:url(bArea02.png) no-repeat center; z-index:9; }
.bArea .bd ul li:hover h1 { color:#fff; }
.bArea .bd ul li:hover span { background:#fff; }
.bArea .bd ul li:hover p .img01 { display:none; }
.bArea .bd ul li:hover p .img02 { display:inline-block; *display:inline; zoom:1; }

.bArea .bd ul { position:relative; width:518px; margin:0 auto; height:340px; }
.bArea .bd ul .li01 { top:0; left:88px; }
.bArea .bd ul .li02 { top:0; left:264px; }

.bArea .bd ul .li03 { top:150px; left:0; }
.bArea .bd ul .li04 { top:150px; left:176px; }
.bArea .bd ul .li05 { top:150px; left:352px; }


/*
.bArea .bd ul .li01 { top:0; left:194px; }
.bArea .bd ul .li02 { top:0; left:370px; }
.bArea .bd ul .li03 { top:0; left:546px; }
.bArea .bd ul .li04 { top:0; left:722px; }
.bArea .bd ul .li05 { top:150px; left:106px; }
.bArea .bd ul .li06 { top:150px; left:282px; }
.bArea .bd ul .li07 { top:150px; left:458px; }
.bArea .bd ul .li08 { top:150px; left:634px; }
.bArea .bd ul .li09 { top:150px; left:810px; }
*/

.cArea { padding:45px 0; }

.cArea01 { width:690px; float:left; }
.cArea01 .hd { line-height:22px; }
.cArea01 .hd ul li { float:left; width:100px; font-size:20px; font-weight:normal; color:#868686; margin-right:10px; border-right:1px solid #aeaeae; }
.cArea01 .hd ul li.on { color:#444; font-weight:bold; }
.cArea01 .bd { margin-top:15px; }
.cArea01 .bd ul li { padding-top:25px; }
.cArea01 .bd ul li .pic { float:left; width:175px; }
.cArea01 .bd ul li .txt { float:right; width:500px; }
.cArea01 .bd ul li .txt h1 a { font-weight:normal; font-size:16px; color:#132c80; }
.cArea01 .bd ul li .txt p { margin-top:15px; color:#848484; height:38px; }

.cArea02 { width:370px; float:right; }
.cArea02 .hd { line-height:22px; }
.cArea02 .hd i { font-size:20px; color:#444; font-weight:bold; padding-right:10px; border-right:1px solid #aeaeae; }
.cArea02 .hd em { font-size:14px; color:#aeaeae; padding-left:10px; }
.cArea02 .bd {  }
.cArea02 .bd .tel { height:34px; line-height:34px; font-size:20px; padding-left:45px; background:url(tel.jpg) no-repeat center left; margin-bottom:25px; }
.cArea02 .bd .tel i { color:#013a91; }
.cArea02 .bd .b01 { width:390px; padding-bottom:20px; border-bottom:1px solid #e3e3e3; margin-bottom:20px;  }
.cArea02 .bd .b01 a { display:inline-block; *display:inline; zoom:1; width:117px; margin-right:10px; height:34px; background:#e3e3e3;  text-align:center; line-height:34px; }
.cArea02 .bd .b01 a:hover {  background:#013a91;  color:#fff; }
.cArea02 .bd p { margin-bottom:10px; font-size:14px; color:#666; text-align:center; }
.cArea02 .bd .fl img { width:120px; padding:5px; border:1px solid #e3e3e3; }
.cArea02 .bd .fr { width:210px; font-size:14px; color:#8a8a8a; }

.cArea02 select { margin-top:35px; width:358px; height:34px; line-height:34px; background:url(link.jpg) no-repeat center right #fafafa; border:1px solid #efeeee; padding-left:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.cArea02 select option { height:25px; line-height:25px; padding-left:10px; }