﻿.top { width:100%;  margin:auto;}
.logo { width:100% ;}
.logo_l { float:left; width:78%; height:7.33em;} 
.logo_r { float:left; width:22%; height:7.33em; }
.banner { width:100%;}
.nav { width:98%; height:25em; margin:0 auto;  background-color:#FFF;border-radius:5px;/* margin-top:-4em;*/ z-index:999; position: relative;}
.nav ul { width:100%; height:12.5em; }
.nav ul li { width:25%; height:12.5em; float:left; text-align:center; /*border-right:#CCC solid 1px;*/}
.nav ul li img{ width:5.5em; height:5.5em; display:block; margin:auto; margin-top:2.5em;}
.nav ul li p{ margin-top:0.5em; font-size:1.5em; }
.main_1 { width:100%;height:20em;margin:0 auto; background-color:#099395; border-radius:5px; margin-top:2em; margin-bottom:2em;}
.main_1_l { width:31%; height:18em; padding:2em; float:left;}
.main_1_tj { width:10em; height:3em; background-color:#fc9011; text-align:center; color:#FFF;border-radius:5px; line-height:3em; margin-top:3em;}
.main_1_r { width:68%; height:20em; float:left;}
.main_1_r ul { width:33em;height:18em;}
.main_1_r ul li { width:10em; height:16em; margin:2em 1em 1em 0em; background-color:#FFF; float:left;}
.main_1_r ul li img { width:6em; height:6em; margin:2em 0em 0em 2em;}
.main_1_r h2{ width:6em;  margin:0em 2em 0em 2em; }
.main_1_r p { width:6em; margin:0em 2em 0em 2em;}
.main_2 { width:100%; height:43em; background-color:#FFF;  margin:0 auto;margin-bottom:2em; }
.main_2_t { width:90%;  line-height:7.5em; height:7.5em; margin:0 auto;}
.main_2_1 { width:90%; height:37.5em; margin:0 auto; }
.main_2_1 ul { width:100%; height:12.5em; }
.main_2_1 ul li { width:33.33%; height:16.66em; float:left; text-align:center; /*padding:0em 1em 1em 1em; */ }
.main_2_1 ul li img{ width:12.08em; height:12.08em; display:block; margin:auto; }
.main_2_1 ul li p{ margin-top:0.5em; font-size:1.5em; }
.main_3 { width:100%; height:100%; background-color:#FFF;  margin:0 auto; }
.main_3_t { width:90%;  line-height:7.5em; height:7.5em; margin:0 auto;}
.main_3_1 { width:100%; height:33.5em; margin:0 auto; }
.main_4 { width:100%;background-color:#FFF;  margin:0 auto; padding-bottom:2em; margin-top:2em;  }
.main_4_t { width:90%;  line-height:7.5em; height:7.5em; margin:0 auto;}
.main_4_tj { width:10em; border-radius:5px; height:3em; background-color:#F90; line-height:3em; text-align:center; font-size:1.4em; color:#FFF; margin:0 auto; margin-top:2em;}

.main_5 { width:100%;background-color:#FFF;  margin:0 auto; margin-top:2em; }
.main_5_t { width:90%;  line-height:7.5em; height:7.5em; margin:0 auto;}
.main_5_1 { width:90%; height:34.5em; margin:0 auto; }


.main_6 { width:100%;background-color:#FFF;  margin:0 auto; margin-top:2em; margin-bottom:50px; }
.main_6_t { width:90%;  line-height:7.5em; height:7.5em; margin:0 auto;}
.main_6_1 { width:100%; height:20.5em; margin:0 auto; }
.foot { width:100%; background-image:url(../image/foot_02.gif); background-repeat:no-repeat;background-size:100%; height:41.66em; padding-top:23em; margin-bottom:4em;}
.foot_1 { width:80%; height:8.5em; margin:0 auto;}

.jun_dy1 { width: 90%; text-align: center; overflow: hidden; padding-bottom: 2.5em; background: url(https://5g.shbhkq.com/templets/default2/images/dy1_top.png) no-repeat center top; background-size: 100% 1em; height: 20em; margin:0 auto;}

.dy1_tit { text-align: center; overflow: hidden; padding: 1.5em 0; }

.dy1_tit h2 { font-size: 1.6em; color: #333333; line-height: 2em; }

.dy1_tit h3 { font-size: 2.3em; color: #1489e7; font-weight: bold; line-height: 3em; }

.dy1_tit h3 span { display: inline-block; vertical-align: middle; width: 7.75em; height: 2.25em; margin-right: 0.2em; }

.dy1_qh { width: 100%; margin: 0 auto 2em; overflow: hidden; position: relative; height:20em;}

.dy1_qhc li  img { position: relative; height:18.66em; width:31.33em; float:right; }

.dy1_qhc_wz { position: absolute; bottom: 0.5em; left: 0.5em; background: rgba(0,0,0,0.6); width: 15.75em;  }

.dy1_qhc li p { position: absolute; top: 50%; left: 0; font-size: 1em; line-height: 1.6em; text-align: justify; text-indent: 2em; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0.5em 1em; }

.dy1_qht { position: absolute; top: 0em;  width: 11.5em; }

.dy1_qht li { width: 15.5em; height: 3.8em; position: relative;background: #099395; overflow: hidden; border-radius: 0.5em; margin:1px; }

.dy1_qht li h3 { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 1.5em; line-height: 1.8em; }

.dy1_qht li.hover { background: #1fb6b8; }

.dy1_qht h5 { width: 11.5em; height: 4.5em; line-height: 4.5em; position: absolute; top: 24.2em; margin-top: 0.4em; background: #aeaeae; overflow: hidden; border-radius: 0.5em; }

.dy1_qht h5 a { color: #fff; display: block; }

.dy1_an { width: 22.55em; margin: 0 auto; overflow: hidden; padding-bottom: 1px; }

