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

.title_bg{ padding:40px 0 30px 0; text-align:center}
.title_bg .title_en{ font-size:18px; color:#cccccc; background-color:#047dc2; height:5px; display:inline-block; width:120px;}
.title_bg .title_cn{ font-size:28px; padding-bottom:15px}
.title_bg .title_cn h2{ background-color: #ffffff; font-size:36px; text-align:center}
.title_bg .title_cn em{ font-size:14px; font-weight:bold; margin-top:20px}
.title_bg .title_cn em a{ color:#555555; text-decoration:none}
.title_bg .title_cn em a img{ float:right; margin-left:10px}

.pdesc h2{ font-size:24px; padding:20px 0; line-height:150%; color:#555555}
.pdesc p{ line-height:200%; font-size:16px; color:#555555; text-indent:2rem; margin-bottom:50px}


#box_ys { height:718px; overflow:hidden}
#box_ys li{ float: left; width: 25%; text-align: center; height:718px; position:relative; overflow:hidden;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;}
#box_ys li:first-child{ background:url(../images/pdesc1.jpg) center center no-repeat; background-size:cover; animation-fill-mode: forwards;}
#box_ys li:nth-child(2){ background:url(../images/pdesc2.jpg) center center no-repeat; background-size:cover;animation-fill-mode: forwards;}
#box_ys li:nth-child(3){ background:url(../images/pdesc3.jpg) center center no-repeat; background-size:cover;animation-fill-mode: forwards;}
#box_ys li:nth-child(4){ background:url(../images/pdesc4.jpg) center center no-repeat; background-size:cover;animation-fill-mode: forwards;}
#box_ys li:hover{ transform:scale(1.1)}

#box_ys li h3{ height:70px; line-height:70px; font-size:35px; color:#FFFFFF; font-weight:normal; margin:0 50PX; text-align:left; margin-top:550px}
#box_ys li h5{ height:3px; background-color:#047dc2; float:left; width:70px; margin-left:50px}

#box_ys li img{ width: 70px;m display: inline-block; margin:  0 auto}
#box_ys a{ clear:both; display:block; color:#ffffff; margin-top:30px; font-size:28px; background-color:#047dc2; border-radius:4px; width:200px; padding:10px 0; text-decoration:none}


#box_ys1{ background-color:#047dc2}
#box_ys1 .main_box{ background: url(../images/p_ys1.jpg) center center no-repeat; position: relative; height:1050px; padding:80px  0}
#box_ys1 .main_box li{width:300px;background-color:#07639b; height:140px; border-radius:10px; padding:20px; position:absolute; float:left;
opacity:0.9;
filter:Alpha(opacity=90); /* IE8 以及更早的浏览器 */}

#box_ys1 .main_box li dt{ font-size:20px; height:40px; color:#FFFFFF; border-bottom:2PX solid #CCCCCC; font-weight:bold;transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s; }
#box_ys1 .main_box li dd{ font-size:16px; color:#ffffff; float:left; width:50%; padding-top:10px}
#box_ys1 .main_box li:first-child{ left:5%; }
#box_ys1 .main_box li:nth-child(2){ left:52%; }
#box_ys1 .main_box li:nth-child(3){ right:-10%; top:350px }
#box_ys1 .main_box li:nth-child(4){left:0px;top:700px  }
#box_ys1 .main_box li:nth-child(5){ bottom:180px; right:12%}
#box_ys1 .main_box li:hover{ box-shadow: 6px 6px 1px #005386;}

#box_ys2 { height:320px; overflow:hidden}
#box_ys2 li{ float: left; width:33%; height:320px; position:relative}
#box_ys2 li div{ margin:0 auto; margin-top:70px; width:106px; height:106px}
#box_ys2 li:first-child div{ background:url(../images/icon_5.png) center center no-repeat}
#box_ys2 li:nth-child(2) div{ background:url(../images/icon_6.png) center center no-repeat}
#box_ys2 li:nth-child(3) div{ background:url(../images/icon_7.png) center center no-repeat}
#box_ys2 li h3{ font-size:24px; text-align:center; padding:20px 0; color:#333333; font-weight:normal}
#box_ys2 li .line{ background-color:#333333; height:2px; margin:0 60% 0 30%;animation:slide_left 1s ease;animation-fill-mode: forwards;}
#box_ys2 li h5{ font-size:18px; text-align:center;color:#555555;font-weight:normal; border-top:1px solid #999999; margin:0 30%; padding-top:20px}
#box_ys2 li:hover  .line{ animation:slide_right 1s ease;animation-fill-mode: forwards;}


@keyframes slide_right {
  from {margin-right:60%}
  to {margin-right:30%}
}
@-webkit-keyframes slide_right {
  from {margin-right:60%}
  to {margin-right:30%}
}

@keyframes slide_left {
  from {margin-right:30%}
  to {margin-right:60%}
}
@-webkit-keyframes slide_left {
  from {margin-right:30%}
  to {margin-right:60%}
}


#box_ys3{ background-color:#e7e8e8; padding:50px 0}
#box_ys3 li{ float:left; width:20%; height:50px; font-size:32px; color:#333333; line-height:50px}
#box_ys3 li i{ font-size:36px; color:#047dc2; margin-right:20px}


#box_sz { height:550px; background:url(../images/bg_sz.jpg) center center no-repeat}
#box_sz .main_box{ padding:80px 0}
#box_sz .main_box ul:first-child li{ float:left; width:20%; text-align:center}
#box_sz .main_box ul:nth-child(2){ padding-top:50px}
#box_sz .main_box ul:nth-child(2) li{ float:left; width:25%; text-align:center}
#box_sz .main_box li h2{ font-size:100px;color:#047dc2; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif}
#box_sz .main_box li h2 i{ font-style:normal; font-size:36px; color:#555555; font-family: "微软雅黑","Microsoft Yahei","宋体",Arial,Helvetica,sans-serif }
#box_sz .main_box li h3{ font-size:20px; font-weight:normal; color:#333333}

#box_gn1 { background: url(../images/gn1.jpg) no-repeat; height:540px; background-position:90% 100%; overflow:hidden; }
#box_gn1 .main_box dl{ clear:both; float:left; width:50%;}
#box_gn1 .main_box dl:nth-child(n+2){  opacity:0;animation-fill-mode: forwards;}
#box_gn1 .main_box dl dt{ height:100px; line-height:100px; font-size:32px; color:#047dc2}
#box_gn1 .main_box dl dd{  float:left; width:33%; height:80px; line-height:80px; font-size:24px}
#box_gn1 .main_box dl dd i{ float:left; color:#047dc2; margin-right:10px; font-size:24px}
@keyframes slide_up1 {
  from {margin-top:540px;opacity:0}
  to {margin-top:0px;opacity:1}
}
@-webkit-keyframes slide_up1 {
  from {margin-top:540px;opacity:0}
  to {margin-top:0px;opacity:1}
}


@keyframes slide_up2 {
  from {margin-top:540px}
  to {margin-top:0px}
}
@-webkit-keyframes slide_up2 {
  from {margin-top:540px}
  to {margin-top:0px}
}

#box_gn2{ background: url(../images/gn2.png) no-repeat; background-color:#f6f7f7; min-height:634px; background-position:10% 100%}
#box_gn2 .main_box dl{ float: right; width:40%; padding-top:100px}
#box_gn2 .main_box dl dt{ height:120px; line-height:120px; font-size:32px; color:#047dc2}
#box_gn2 .main_box dl dd{  float:left; width:50%; height:100px; line-height:100px; font-size:24px;animation-fill-mode: forwards;}
#box_gn2 .main_box dl dd i{ float:left; color:#047dc2; margin-right:10px; font-size:36px}
@keyframes slide_show {
  from {opacity:0}
  to {opacity:1}
}
@-webkit-keyframes slide_show {
  from {opacity:0}
  to {opacity:1}
}


#box_gn3 { background: url(../images/gn3.jpg) no-repeat; height:400px; background-position:75% 100%; overflow:hidden}
#box_gn3 .main_box dl{ clear:both; float:left; width:50%; padding-top:30px}
#box_gn3 .main_box dl dt{ height:100px; line-height:100px; font-size:32px; color:#047dc2}
#box_gn3 .main_box dl dd{  float:left; width:33%; height:80px; line-height:80px; font-size:24px;animation-fill-mode: forwards;}
#box_gn3 .main_box dl dd i{ float:left; color:#047dc2; margin-right:10px; font-size:24px}


@keyframes slide_up {
  from {margin-top:718px}
  to {margin-top:0px}
}
@-webkit-keyframes slide_up {
  from {margin-top:718px}
  to {margin-top:0px}
}




#box_gn4 { background: url(../images/gn4.jpg) no-repeat; height:450px; background-position:10% 50%; overflow:hidden; background-color:#ebebeb}
#box_gn4 .main_box dl{ clear:both; float: right; width:45%; padding-top:30px}
#box_gn4 .main_box dl dt{ height:100px; line-height:100px; font-size:32px; color:#047dc2}
#box_gn4 .main_box dl dd{  float:left; width:50%; height:80px; line-height:80px; font-size:24px;animation-fill-mode: forwards;}
#box_gn4 .main_box dl dd i{ float:left; color:#047dc2; margin-right:10px; font-size:24px}