@charset "UTF-8";
/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
label,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Microsoft Yahei", "微软雅黑",sans-serif;
  background: #bce4f8 url(../images/bg.jpg) no-repeat top center;
}
img {
  border: 0 none;
  vertical-align: middle;
}
i,
em {
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
input,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: inherit;
}
a {
  text-decoration: none;
  color: #242b34;
}
a:hover {
  color: #000;
}
.fl { float:left;}
.fr { float:right;}
.tl { text-align:left !important;}
.tm { text-align:center;}
.tr { text-align:right;}
.cleart { clear: both;}

.topBox { height:103px; width: 1000px; margin: 0 auto;}
.topBox .tab_box { width: 400px; height:103px; float: right;}
.topBox .tab_box .box_tit { width:150px; height: 68px; font-size: 24px; font-weight: bold; line-height: 68px; padding-left: 40px; margin-top: 35px; float: left;}
.box_color_sty01, .box_color_sty01 a { color: #171c60;}
.box_color_sty02, .box_color_sty02 a { color: #54778b;}
.bg_icon_sty01 { background: url(../images/icon_01.png) no-repeat left center;}
.bg_icon_sty01b { background: url(../images/icon_01b.png) no-repeat left center;}
.bg_icon_sty02 { background: url(../images/icon_02.png) no-repeat left center;}
.bg_icon_sty02b { background: url(../images/icon_02b.png) no-repeat left center;}

.cnt_box { width: 1160px; height: 875px; margin: 45px auto 0 auto; background: url(../images/bg_box2.jpg) no-repeat; position: relative;}
.map_box01 { width:274px; height: 228px; position: absolute; left: 111px; bottom: 93px; background: url(../images/map01.png) no-repeat; cursor: pointer;}
.map_box01:hover { background: url(../images/map01b.png) no-repeat;}
.map_box02 { width:124px; height: 228px; position: absolute; left: 527px; bottom: 93px; background: url(../images/map02.png) no-repeat; cursor: pointer;}
.map_box02:hover { background: url(../images/map02b.png) no-repeat;}
.map_box03 { width:124px; height: 137px; position: absolute; left: 575px; top: 248px; background: url(../images/map03.png) no-repeat; cursor: pointer;}
.map_box03:hover { background: url(../images/map03b.png) no-repeat;}
.map_box04 { width:470px; height: 148px; position: absolute; left: 227px; top: 30px; background: url(../images/map04.png) no-repeat; cursor: pointer;}
.map_box04:hover { background: url(../images/map04b.png) no-repeat;}
.map_box05 { width:81px; height: 124px; position: absolute; left: 115px; top: 30px; background: url(../images/map05.png) no-repeat; cursor: pointer;}
.map_box05:hover { background: url(../images/map05b.png) no-repeat;}
.map_box06 { width:155px; height: 75px; position: absolute; left: 55px; top: 157px; background: url(../images/map06.png) no-repeat; cursor: pointer;}
.map_box06:hover { background: url(../images/map06b.png) no-repeat;}
.map_box07 { width:250px; height: 188px; position: absolute; left: 135px; top: 262px; background: url(../images/map07.png) no-repeat; cursor: pointer;}
.map_box07:hover { background: url(../images/map07b.png) no-repeat;}
.map_box08 { width:250px; height: 93px; position: absolute; left: 125px; top: 447px; background: url(../images/map08.png) no-repeat; cursor: pointer;}
.map_box08:hover { background: url(../images/map08b.png) no-repeat;}
.map_box09 { width:403px; height: 151px; position: absolute; left: 666px; bottom: 201px; background: url(../images/map09.png) no-repeat; cursor: pointer;}
.map_box09:hover { background: url(../images/map09b.png) no-repeat;}
.map_box10 { width:122px; height: 107px; position: absolute; right: 349px; bottom: 470px; background: url(../images/map10.png) no-repeat; cursor: pointer;}
.map_box10:hover { background: url(../images/map10b.png) no-repeat;}

.pop {  display: none;  width: 1000px;  height:795px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto; z-index: 130;  border-radius: 8px;  background-color: #f7fdff;  box-shadow: 0 3px 18px rgba(32, 47, 103, .5);}
.pop-cnt { width: 1000px;  height:795px; position: relative;}
.pop-title { width:45px; height: 770px; padding: 120px 12px 0 30px; text-align: center; font-size: 30px; color: #f7fdff; font-weight: bold; line-height: 30px; position: absolute; left: 0; top: 0; background: url(../images/pop_titBg.png) no-repeat;}
.btn-close{ width: 32px; height: 32px; position: absolute; top: 20px; right:20px; cursor: pointer; display:black;}
.pop-foot{  height:50px;  line-height:50px;  width:100%; text-align: center;  }
.pop-cancel {  padding:8px 35px;  margin:15px 5px;  border: none;  border-radius: 15px;  background-color: #202f67;  color: #fff;  cursor:pointer;  }
.pop-content{ width:820px; height: 620px; font-size: 18px; color: #202f67; line-height: 30px; padding: 80px 40px 0 140px;  }
.pop-content p { margin-bottom: 10px; text-indent: 36px; }
.pop-content img { display: block; margin: 10px auto; }
.bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.6);  }

.page_cnt { width:1000px; height: 795px; margin: 45px auto 0 auto; background: #f7fdff;}
.page_cnt .title_box { padding:30px; font-size: 24px; font-weight: bold; color: #171c60; text-align: center; border-bottom: 1px solid #9fa2c7; margin-bottom: 20px;}
.page_cnt .main_box { width:920px; height: 670px; font-size: 18px; color: #202f67; line-height: 30px; margin: 0 auto; overflow: auto;}
.page_cnt .main_box p { margin-bottom: 10px; text-indent: 36px; }

.ssfw:hover .box{
  display: block;
}