@charset "utf-8";
body{
background-image: url('../images/weather.png');
}
.index { position: relative; width: 1260px; height: 930px; margin: 0px auto; border-bottom: 1px solid #b2b2b2; overflow: hidden;border:1px solid gray;}
.solgan { position: absolute; top: 420px; left: 0px; width: 450px; height: 121px; padding: 59px 0px 0px 90px; color: #132488;}
.solgan h2 { margin-bottom: 10px; font-size: 36px;}
.solgan h3 { font-size: 18px; letter-spacing: 10px;}
.box1 a { display: block; cursor: pointer;}
.box1 a.small { top: 0px; left: 0px; width:180px; height: 180px; overflow: hidden;border-radius:50%;}
/* .box1 .img { position: relative; width: 150px; height: 59px;} */
.box1 .img {position: relative;width: 180px;height: 59px;display: block;text-align: center;}
.box1 a.small .img { top: -65%; left: 0;}
.opacity-bg { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-color: #0b0d5a; opacity: 0.5; filter: alpha(opacity=50); text-align: center;}
.opacity-bg1 { background-color: #ffeb21; opacity: 0.8; filter: alpha(opacity=80);}
.photo-big { position: absolute; top: 190px; right: 420px; width: 320px; height: 180px; background: url(../images/img_bg-right.jpg) no-repeat;}
.title { position: absolute; top:0px; right: 0px; z-index: 1; width: 840px; height: 145px; padding-top: 35px; cursor: pointer;}
.title-02 h3 { position: relative; padding: 5px 0px 0px 32px; margin-bottom: 20px; font-size: 18px;}
.title-02 p { text-align: right;}
.title p span { font-size: 11px;}
.title-01 { background: url(../images/index_bg_blue.jpg); color: #fff;}
.title-01 h3, .title-01 h3 ins { background: url(../images/ico_03.png) no-repeat;}
.title-01 h3 ins { position: absolute; bottom: -7px; right: -25px; display: block; width: 22px; height: 18px; background: url(../images/ico_04.png) no-repeat;}
.title-01 .w360 { width: 270px; padding-left: 36px;}
.title-01 p, .title-01 h3 { margin-right: 6px;}
.title-02 {height: 180px; background: url(../images/index_bg_yellow.jpg); color: #443e00;}
.title-02 h3, .title-02 h3 ins { background: url(../images/ico_01.png) no-repeat;}
.title-02 h3 ins { position: absolute; bottom: -5px; right: -28px; display: block; width: 22px; height: 18px; background: url(../images/ico_02.png) no-repeat;}
.title-02 p, .title-02 h3 { margin-right: 68px;}
.title-02 .w360 { width: 334px; margin-left: 60px; margin-top:25px;}
.people { position: absolute; z-index: 10; bottom: 0px;width: 385px; height: 180px; background-size: 180px auto;background-repeat: no-repeat;}
.peo-00{width: 280px; height: 180px; background: url(../images/images_01.png) no-repeat;}
.title .name,.title .duty{font-size: 15px;}
.box1 {
width: 1220px;
min-height: 600px;
border: 1px solid black;
margin: 50px auto;
overflow: hidden;
}

.big {
width: 810px;
height: 180px;
float: left;
margin: 5px 0;
position: relative;
}

.small {
width: 180px;
height: 180px;
float: left;
margin: 10px;
position: relative;
}
.small .hphoto{
width: 180px;
height: 180px;
}

.small:after {
clear: both;
}

#people {
float: right;
}