/*team*/
.hmlat_item dl dd a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.tea_res {

  background: #f9f9f9;

  padding: 50px 0;

}

.tea_res .cleft {

  width: 400px;

  float: left;

}

.tea_res .t1 {

  height: 60px;

  line-height: 60px;

  font-size: 18px;

  font-weight: bold;

  color: #021730;

  text-transform: uppercase;

  position: relative;

}

.tea_res .t1 i {

  display: block;

  width: 45px;

  border-bottom: 1px solid #bfbfbf;

  position: absolute;

  left: 0;

  bottom: 5px;

}

.tea_res .t2 {

  font-size: 36px;

  color: #0476bb;

  padding: 25px 0;

  text-align: left;

}

.tea_res p {

  line-height: 1.5;

  word-break: break-all;

}

.tea_res .more {

  display: block;

  width: 160px;

  height: 40px;

  line-height: 40px;

  background: #2683cf;

  border-radius: 5px;

  text-align: center;

  color: #fff;

  font-size: 18px;

  text-transform: uppercase;

  margin-top: 40px;

}

.tea_res .photo {

  float: right;

  display: block;

  width: 730px;

  height: 500px;

}



.tea_res2 {

  background: #037bc2;

  color: #fff;

  padding-bottom: 50px;

}

.tea_res2 .photo {

  float: left;

  display: block;

  width: 610px;

  height: 408px;

  position: relative;

  overflow: hidden;

  margin-top: 70px;

}

.tea_res2 .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tea_res2 .play {

  display: block;

  width: 84px;

  height: 84px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -42px 0 0 -42px;

  background: url("../images/resplay.png") no-repeat center center;

}

.tea_res2 .cright {

  width: 545px;

  float: right;

}

.tea_res2 .t1 {

  height: 108px;

  line-height: 108px;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: bold;

  position: relative;

}

.tea_res2 .t1 i {

  display: block;

  width: 45px;

  position: absolute;

  left: 0;

  top: 75px;

  border-bottom: 1px solid #fff;

}

.tea_res2 dl {

  padding-bottom: 15px;

}

.tea_res2 dt {

  height: 50px;

  line-height: 50px;

  color: #fff;

  font-size: 30px;

}

.tea_res2 .name {

  color: #fff;

  font-weight: bold;

  display: inline-block;

  max-width: 95%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.tea_res2 dd {

  font-size: 18px;

  line-height: 30px;

  height: 90px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

}

.tea_res2 .see_more {

  color: #fff;

  text-transform: uppercase;

  font-style: italic;

  font-weight: bold;

  position: relative;

  top: 15px;

}

.tea_ins {

  padding: 50px 0;

  width: 100%;

  position: relative;

  overflow: hidden;

}

.tea_con {

  height: 480px;

  position: relative;

  margin-bottom: 32px;

}

.tea_con .cleft {

  float: left;

  width: 360px;

  height: 390px;

  background: #003f88;

  padding: 45px;

  color: #fff;

}

.tea_con .cleft dt {

  height: 35px;

  line-height: 35px;

  font-size: 24px;

  color: #fff;

  font-weight: bold;

}

.tea_con .name {

  color: #fff;

  display: inline-block;

  max-width: 95%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.tea_con dd {

  line-height: 24px;

  font-size: 14px;

}

.tea_con .fg {

  width: 60px;

  border-top: 1px solid #fff;

  height: 30px;

  margin-top: 30px;

}

.tea_con .big {

  position: absolute;

  left: 467px;

  top: 0;

  height: 480px;

  overflow: hidden;

  width: 1114px;

}

.tea_con .big .photo {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tea_con .intro {

  width: 338px;

  height: 254px;

  background: rgba(0, 0, 0, 0.5);

  border: 5px solid #fff;

  position: absolute;

  left: 30px;

  bottom: 20px;

  z-index: 10;

  color: #fff;

}

.tea_con .intro dl {

  padding: 38px 24px 0 24px;

}

.tea_con .intro dt {

  font-size: 24px;

  line-height: 30px;

  font-weight: bold;

}

.tea_con .intro dd {

  font-size: 16px;

  line-height: 24px;

}

.tea_con .more {

  float: right;

  color: #fff;

  line-height: 1.8;

  text-transform: uppercase;

  font-style: italic;

  margin-right: 24px;

  font-size: 12px;

}

.ins_item {

  float: left;

  width: 370px;

  padding: 15px;

  background: #fff;

}

.ins_item:hover {

  box-shadow: 0 0 15px #ddd;

  position: relative;

  z-index: 20;

}

.ins_item .photo {

  display: block;

  width: 370px;

  height: 220px;

  position: relative;

  overflow: hidden;

}

.ins_item .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.ins_item dl {

  padding: 10px;

}

.ins_item dt {

  height: 60px;

  line-height: 60px;

  font-size: 24px;

  font-weight: bold;

}

.ins_item dd {

  line-height: 22px;

  font-size: 14px;

  height: 132px;

  position: relative;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 6;

}

.tea_ins .seemore {

  display: block;

  width: 230px;

  height: 60px;

  line-height: 60px;

  margin: 50px auto 0 auto;

  background: #2683cf;

  border-radius: 5px;

  text-align: center;

  font-size: 26px;

  color: #fff;

}



.tea_reas {

  background: #f0f0f0;

  padding-bottom: 70px;

}

.tea_reas .title {

  height: 160px;

  line-height: 160px;

  position: relative;

  font-weight: bold;

  font-size: 22px;

}

.tea_reas .title i {

  width: 80px;

  height: 3px;

  position: absolute;

  left: 0;

  top: 123px;

  background: #0773bb;

  border-radius: 2px;

}

.tea_reas .cleft {

  float: left;

  width: 630px;

}

.tea_reas .photo {

  display: block;

  height: 370px;

  position: relative;

  overflow: hidden;

}

.tea_reas .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tea_reas .name {

  font-size: 24px;

  line-height: 34px;

  color: #017bbc;

  display: block;

  margin-top: 16px;

}

.tea_reas .more {

  text-transform: uppercase;

  font-style: italic;

  line-height: 2;

  color: #5c5d5f;

  font-size: 14px;

}

.tea_reas .cright {

  float: right;

  width: 490px;

}

.tea_reas .cright dt {

  font-size: 20px;

  line-height: 26px;

  padding-bottom: 5px;

}

.tea_reas .cright dl {

  padding-bottom: 45px;

}

.tea_reas .na {

  color: #017bbc;

}

.tea_reas .cright dd {

  font-size: 14px;

  line-height: 22px;

}



/*team*/



/*news*/



.news_areas {

  width: 1200px;

  margin: 0 auto;

  padding-bottom: 65px;

}

.news_head {

  height: 110px;

  line-height: 110px;

  position: relative;

  font-weight: bold;

  color: #021730;

  text-transform: uppercase;

}

.news_head i {

  display: block;

  width: 80px;

  height: 3px;

  position: absolute;

  left: 0;

  top: 80px;

  background: #0773bb;

  border-radius: 2px;

}

.news_ins {

  padding-top: 365px;

  background: url("../images/ninsbg.jpg") no-repeat top center;

}



.nins_wp {

  width: 980px;

  margin: 0 auto;

  background: #fff;

  padding: 40px 110px;

}

.nins_wp dt {

  height: 100px;

  line-height: 100px;

  font-size: 50px;

  font-weight: bold;

  color: #0476bb;

  font-family: Times New Roman;

}

.nins_wp dd {

  font-size: 18px;

  line-height: 30px;

  color: #444343;

}



.news_see {}

.news_see .wrapin {

  position: relative;

  overflow: hidden;

}

.news_see .s_list {

  width: 1250px;

}

.ns_item {

  display: block;

  width: 380px;

  height: 330px;

  float: left;

  margin: 0 30px 0 0;

}

.ns_item .photo {

  display: block;

  position: relative;

  overflow: hidden;

  margin-bottom: 17px;

}

.ns_item .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.ns_item .play {

  width: 84px;

  height: 84px;

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 10;

  margin: -42px 0 0 -42px;

  background: url("../images/resplay.png") no-repeat center center;

}

.ns_item .name {

  font-size: 22px;

  line-height: 25px;

  color: #037bc2;

  font-weight: bold;

}

.see_more {

  display: block;

  width: 380px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 5px;

  margin: 50px auto;

  background: #2683cf;

  font-size: 26px;

  color: #fff;

  text-transform: uppercase;

}



.news_bt {

  background: #f0f0f0;

}

.news_bt .wrapin {

  position: relative;

  overflow: hidden;

}

.news_bt .s_list {

  width: 1236px;

}

.nb_item {

  display: block;

  width: 272px;

  float: left;

  text-align: center;

  color: #037bc2;

  line-height: 25px;

  margin-right: 36px;

  height: 490px;

}

.nb_item .photo {

  display: block;

  width: 272px;

  height: 374px;

  position: relative;

  overflow: hidden;

  margin-bottom: 15px;

}

.nb_item .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/*news*/



/*domain*/



.do_sups {

  background: #f8f8f8;

  text-align: center;

}

.do_sups .title {

  height: 145px;

  line-height: 145px;

  font-weight: bold;

  font-size: 30px;

}

.dosup_item {

  display: block;

  width: 240px;

  float: left;

  height: 282px;

  line-height: 28px;

  color: #0476bb;

  font-size: 18px;

}

.dosup_item img {

  display: block;

  width: 146px;

  height: 146px;

  margin: 0 auto 35px auto;

}



.do_areas {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}

.do_areas .s_list {

  width: 1230px;

}

.do_item {

  display: block;

  width: 380px;

  height: 490px;

  float: left;

  margin: 0 30px 65px 0;

}

.do_item .photo {

  display: block;

  width: 380px;

  height: 252px;

  position: relative;

  overflow: hidden;

  margin-bottom: 10px;

}

.do_item .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.do_item .name {

  height: 50px;

  line-height: 50px;

  font-size: 20px;

}

.do_item .nm {

  color: #0476bb;

  display: inline-block;

  max-width: 95%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.do_item .intro {

  height: 120px;

  margin-bottom: 8px;

  position: relative;

  overflow: hidden;

  line-height: 20px;

  font-size: 14px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 6;

}

.do_item .more {

  display: block;

  width: 162px;

  height: 42px;

  line-height: 42px;

  border-radius: 3px;

  background: #2683cf;

  text-align: center;

  font-size: 18px;

  color: #fff;

  text-transform: uppercase;

}



.re_news {

  padding: 20px 0 50px 0;

  background: #f0f0f0;

}

.re_news .title {

  height: 90px;

  line-height: 90px;

  text-align: center;

  font-size: 30px;

  font-weight: bold;

}

.re_news .wrapin {

  position: relative;

  overflow: hidden;

}

.re_news .s_list {

  width: 1260px;

}

.re_news .more {

  display: block;

  margin: 0 auto;

  width: 232px;

  height: 60px;

  background: #2683cf;

  border-radius: 5px;

  line-height: 60px;

  text-align: center;

  color: #fff;

  font-size: 26px;

}

.re_item {

  display: block;

  width: 360px;

  height: 215px;

  float: left;

  margin-right: 60px;

}

.re_item .name {

  line-height: 26px;

  font-size: 20px;

  color: #017bbc;

  height: 52px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

}

.re_item .intro {

  line-height: 20px;

  height: 60px;

  font-size: 14px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

}

.re_item .reada {

  color: #2683cf;

  height: 50px;

  line-height: 50px;

  font-size: 14px;

}



/*domain*/



/*result*/



.res_lat {

  width: 1200px;

  margin: 0 auto;

  padding-bottom: 60px;

}



.lat_wp {

  background: #f4f4f4;

  height: 450px;

}

.lat_fls {

  margin-top: 20px;

}

.lat_wp .photo {

  float: left;

  display: block;

  height: 450px;

  width: 595px;

}

.lat_wp .infs {

  width: 495px;

  float: right;

  padding: 12px 45px 0 0;

}

.lat_wp .name {

  line-height: 26px;

  font-size: 20px;

  color: #0476bb;

}

.lat_wp .tip {

  line-height: 22px;

  font-size: 16px;

  margin-top: 8px;

  height: 66px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

}

.lat_wp .date {

  height: 46px;

  line-height: 46px;

  color: #0179bc;

  font-size: 14px;

}

.lat_wp .bline {

  border-bottom: 1px solid #0773bb;

  width: 92px;

  display: block;

  margin-top: 5px;

}



.res_think {

  height: 587px;

  background: url("../images/thinkbg.jpg") no-repeat top center;

}

.res_think .title {

  height: 126px;

  line-height: 126px;

  text-align: center;

  font-size: 22px;

  font-weight: bold;

  color: #fff;

  position: relative;

}

.res_think .title i {

  display: block;

  width: 80px;

  height: 2px;

  position: absolute;

  left: 50%;

  bottom: 27px;

  margin-left: -40px;

  background: #fff;

}

.think_wp {

  background: #fff;

  height: 388px;

  width: 1200px;

  margin: 0 auto;

}

.think_wp .cleft {

  float: left;

  width: 470px;

  padding: 20px 0 0 60px;

}

.think_wp .photo {

  float: right;

  width: 595px;

  height: 388px;

  display: block;

}

.think_fls {

  padding-top: 16px;

}

.think_fls .name {

  line-height: 26px;

  font-size: 20px;

  color: #0476bb;

}

.think_fls .intro {

  font-size: 16px;

  line-height: 22px;

  margin: 5px 0;

  max-height: 66px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

}

.think_fls .date {

  height: 28px;

  line-height: 28px;

  color: #0179bc;

  font-size: 14px;

}



.res_news {

  width: 1200px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  padding-bottom: 50px;

}

.res_news .s_list {

  width: 1230px;

}

.rn_item {

  width: 585px;

  height: 670px;

  float: left;

  margin: 40px 30px 0 0;

}

.rn_item .name {

  height: 110px;

  position: relative;

}

.rn_item .nm {

  padding-bottom: 15px;

  font-size: 22px;

  line-height: 30px;

  font-weight: bold;

  color: #021730;

  padding-bottom: 10px;

  display: block;

  position: relative;

}

.rn_item .nm i {

  display: block;

  width: 80px;

  height: 3px;

  border-radius: 2px;

  background: #0773bb;

  position: absolute;

  left: 0;

  bottom: 0;

}

.rn_item .photo {

  display: block;

  height: 364px;

  position: relative;

  overflow: hidden;

}

.rn_item .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.rn_item .intro {

  margin: 17px 0 27px 0;

  line-height: 26px;

  font-size: 16px;

  height: 104px;

  position: relative;

  overflow: hidden;

}

.rn_item .more {

  display: block;

  width: 160px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #2683cf;

  border-radius: 3px;

  color: #fff;

  text-transform: uppercase;

}



/*result*/



/*staff*/



.sta_left {

  width: 258px;

  float: left;

}

.sta_left .title {

  padding: 50px 0;

  line-height: 55px;

  font-size: 50px;

  color: #003f88;

  font-family: Times New Roman;

}

.sta_left .t2 {

  height: 84px;

  line-height: 84px;

  font-size: 22px;

  text-transform: uppercase;

  font-weight: bold;

}

.sta_left .tpline {

  height: 35px;

  background: #e5eff6;

  border-bottom: 4px solid #e5eff6;

}

.tl_nav {

  margin-bottom: 36px;

}

.tl_nav .handle {

  height: 68px;

  line-height: 68px;

  border-bottom: 10px solid #2683cf;

  font-weight: bold;

  font-size: 22px;

  padding-left: 18px;

  background: url("../images/by_handle.png") no-repeat right center;

}

.tl_nav li {

  height: 56px;

  line-height: 56px;

}

.tl_nav li a {

  display: block;

  padding-left: 58px;

  font-size: 20px;

  color: #021730;

  background: url("../images/byli.png") no-repeat 22px center;

}



.sta_right {

  width: 878px;

  float: right;

  position: relative;

  overflow: hidden;

  padding-bottom: 70px;

}

.sta_tp {

  padding: 52px 0;

  font-size: 18px;

  line-height: 36px;

}

.sta_list {

  width: 920px;

}

.sta_item {

  float: left;

  width: 188px;

  height: 372px;

  padding-top: 22px;

  margin: 0 42px 0 0;

}

.sta_item .photo {

  width: 178px;

  height: 174px;

  position: relative;

  background: #2683cf;

}

.sta_item .photo:hover {

  background: #32a279;

}

.sta_item .photo .fdps {

  display: block;

  width: 178px;

  height: 178px;

  position: absolute;

  left: 10px;

  top: -22px;

}

.sta_item .photo img {

  display: block;

  width: 178px;

  height: 178px;

}

.sta_item dt {

  height: 36px;

  line-height: 36px;

  font-weight: bold;

  font-family: Impact;

  letter-spacing: 0.05rem;

}

.sta_item .name {

  color: #0065a4;

}

.sta_item dd {

  line-height: 20px;

  font-size: 14px;

  height: 100px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 5;

}

.sta_right .more {

  display: block;

  width: 230px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 5px;

  margin: 0 auto;

  background: #2683cf;

  font-size: 26px;

  color: #fff;

  text-transform: uppercase;

}



/*staff*/



/*about*/



.ab_area1 {

  width: 1200px;

  margin: 0 auto;

  padding-bottom: 72px;

}

.ab_area1 .cleft {

  float: left;

  width: 710px;

  font-size: 18px;

  line-height: 30px;

}

.ab_area1 .photo {

  float: right;

  width: 450px;

  display: block;

}



.ab_area2 .title {

  height: 110px;

  line-height: 110px;

  text-align: center;

  font-size: 30px;

  font-weight: bold;

  background: url("../images/ab_title.png") no-repeat center center;

}

.ab2_wp {

  height: 280px;

  padding-top: 570px;

  background: url("../images/ab_a2.jpg") no-repeat top center;

}

.ab2_fls {

  width: 1200px;

  margin: 0 auto;

  background: #fff;

  height: 280px;

  position: relative;

  overflow: hidden;

}

.ab2_fls .item {

  float: left;

  width: 400px;

  height: 280px;

  margin-left: -1px;

  padding-left: 1px;

  position: relative;

}

.ab2_fls dl {

  padding: 30px 60px 0 60px;

}

.ab2_fls dt {

  height: 66px;

  line-height: 66px;

  text-align: center;

  font-size: 20px;

  font-weight: bold;

  color: #2683cf;

}

.ab2_fls dd {

  font-size: 16px;

  line-height: 26px;

  text-align: center;

}

.ab2_fls i {

  display: block;

  height: 180px;

  position: absolute;

  left: 0;

  top: 50px;

  border-left: 1px solid #2683cf;

}



.ab_area3 {

  width: 1200px;

  margin: 0 auto;

}

.ab_area3 .title {

  height: 100px;

  line-height: 100px;

  text-align: center;

  font-size: 30px;

  font-weight: bold;

}



.ab_slider {

  width: 1224px;

  height: 404px;

  float: left;

  position: relative;

  overflow: hidden;

}

.ab_slider li {

  float: left;

  width: 384px;

  height: 404px;

  margin-right: 24px;

}

.ab_slider .photo {

  display: block;

  width: 384px;

  height: 242px;

  position: relative;

  overflow: hidden;

  margin-bottom: 14px;

}

.ab_slider .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.ab_slider dt {

  height: 28px;

  line-height: 28px;

  font-weight: bold;

  color: #2683cf;

}

.ab_slider dd {

  height: 30px;

  line-height: 30px;

  color: #021730;

}

.ab_slider .intro {

  line-height: 22px;

  height: 66px;

  font-size: 16px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

}

.ab_slider i {

  display: block;

  width: 70px;

  height: 2px;

  background: #0773bb;

  margin-top: 8px;

}

.ab_page {

  padding: 30px 0 50px 0;

  height: 14px;

  clear: both;

  text-align: center;

}

.ab_page a {

  display: inline-block;

  width: 12px;

  height: 12px;

  border: 1px solid #037bc2;

  border-radius: 100%;

  margin: 0 3px;

  overflow: hidden;

  text-indent: -20px;

}

.ab_page .selected {

  background: #037bc2;

}



.ab_area4 {

  background: #f8f8fc;

  padding: 45px 0 50px 0;

}



.ab4_left {

  width: 592px;

  float: left;

}

.ab4_left .photo {

  display: block;

  width: 100%;

}

.ab4_left .photo img {

  display: block;

  width: 100%;

  height: auto;

}

.ab4_left .intro {

  text-align: center;

  line-height: 1.8;

  padding-top: 12px;

}

.ab4_right {

  float: right;

  width: 580px;

}

.ab4_right dt {

  height: 50px;

  line-height: 30px;

  font-size: 30px;

  color: #2683cf;

}

.ab4_right dd {

  font-size: 17px;

  line-height: 30px;

}

.fdps {

  overflow: hidden;

}

/* .fdps img{

	transition: all 0.2s ;

	-webkit-transition: all 0.2s ;

	-ms-transition: all 0.2s ;

	-o-transition: all 0.2s ;

	-moz-transition: all 0.2s ;

}

.fdps:hover img{

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	transition: all 0.2s ;

	-webkit-transition: all 0.2s ;

	-ms-transition: all 0.2s ;

	-o-transition: all 0.2s ;

	-moz-transition: all 0.2s ;

} */



/*about*/



/*hm 首页*/



.hm_banner {

  height: 605px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

}

.hm_banner .pics li {

  width: 100%;

  height: 605px;

  background-repeat: no-repeat;

  background-position: top center;

}

.hm_banner .pics a {

  display: block;

  width: 100%;

  height: 605px;

}

.hm_banner .c_btn {

  width: 32px;

  height: 60px;

  position: absolute;

  top: 50%;

  z-index: 60;

  margin-top: -30px;

}

.hm_banner .pre {

  left: 30px;

  background: url("./banner_pre.png") no-repeat center center;

}

.hm_banner .next {

  right: 30px;

  background: url("./banner_next.png") no-repeat center center;

}

.hm_banner .btns {

  position: absolute;

  left: 0;

  bottom: 20px;

  z-index: 60;

  text-align: center;

  width: 100%;

  height: 15px;

  font-size: 1px;

}

.hm_banner .btns span {

  display: inline-block;

  width: 15px;

  height: 15px;

  border-radius: 100%;

  background: rgba(255, 255, 255, 0.5);

  margin: 0 4px;

}

.hm_banner .btns .hover {

  background: rgba(255, 255, 255, 1);

}



.hm_lat {

  width: 1200px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}

.hm_lat .s_list {

  width: 1300px;

}



.hmlat_item {

  float: left;

  width: 585px;

  margin-right: 30px;

  padding-bottom: 20px
}

.hmlat_item .head {

  height: 117px;

  line-height: 104px;

  font-size: 30px;

  color: #021730;

  text-transform: uppercase;

  font-weight: bold;

  position: relative;

}

.hmlat_item .head i {

  display: block;

  width: 110px;

  height: 3px;

  border-radius: 2px;

  background: #0773bb;

  left: 0;

  top: 90px;

  position: absolute;

}

.hmlat_item .tit {

  padding-right: 30px;

  display: inline-block;

  background: url("./la_tit.png") no-repeat right center;

}



.hmlat_item .photo {

  display: block;

  height: 275px;

  position: relative;

  overflow: hidden;

}

.hmlat_item .photo img {

  display: block;

  width: 100%;

  object-fit: cover;

  transition: all 0.6s;

}

.hmlat_item .photo img:hover {

  transform: scale(1.1);

}

.hmlat_item dl {

  padding: 13px 0 11px 0;

  border-bottom: 1px solid #4d8eba;

  height: 100px
}

.hmlat_item dl:last-child {

  border: 0;

}

.hmlat_item dt {

  font-size: 12px;

  color: #344b64;

  height: 34px;

  line-height: 34px;

}

.hmlat_item dd {

  line-height: 24px;

  font-size: 17px;

  font-weight: bold;

}

.hmlat_item dd a {

  color: #000;

}

.hmlat_item dd a:hover {

  color: #2683cf;

}

.hmlat_item .more {

  display: block;

  width: 140px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  border-radius: 3px;

  background: #2683cf;

  text-transform: uppercase;

  color: #fff;

}

.hmlat_item .more:hover {

  background: #32a279
}

.hm_tha {

  background: #0773bb;

  color: #fff;

}

.hm_tha .cleft {

  float: left;

  width: 770px;

}

.hm_tha .head {

  height: 150px;

  line-height: 150px;

  text-transform: uppercase;

  font-size: 30px;

  font-weight: bold;

  position: relative;

}

.hm_tha .tit {

  display: inline-block;

  padding-right: 30px;

  background: url("./tha_tit.png") no-repeat right center;

}

.hm_tha .tit a {

  color: #fff
}

.hm_tha .tit a:hover {

  color: #fff9
}

.hm_tha .head i {

  display: block;

  width: 110px;

  height: 3px;

  border-radius: 2px;

  background: #fff;

  left: 0;

  top: 110px;

  position: absolute;

}



.tha_item {

  display: block;

  height: 245px;

  margin-bottom: 50px;

}

.tha_item .photo {

  float: left;

  display: block;

  width: 373px;

  height: 245px;

  position: relative;

  overflow: hidden;

}

.tha_item .photo img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.6s;

}

.tha_item .photo img:hover {

  transform: scale(1.1);

}

.tha_item dl {

  width: 360px;

  float: right;

}

.tha_item dt {

  font-size: 25px;

  line-height: 30px;

  font-weight: bold;

  color: #fff;

}

.tha_item .name {

  color: #fff;

}

.tha_item .name:hover {

  color: #fff9
}

.tha_item dd {

  line-height: 20px;

  font-size: 14px;

  padding-top: 10px;

}

.hm_tha .cright {

  float: right;

  width: 342px;

  padding-top: 48px;

}

.hm_tha .head2 {

  height: 80px;

  line-height: 80px;

  font-size: 24px;

  text-transform: uppercase;

  font-weight: bold;

}

.hm_tha .head2 a {

  color: #fff
}

.hm_tha .head2 a:hover {

  color: #fff8
}

.hm_tha .photo2 {

  float: right;

  display: block;

  width: 342px;

  height: 196px;

  position: relative;

  overflow: hidden;

}

.hm_tha .photo2 img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.6s;

}

.hm_tha .photo2 img:hover {

  transform: scale(1.1);

}

.hm_tha .ne {

  clear: both;

  display: block;

  padding: 12px 0 24px 0;

}

.hm_tha .ne .name {

  color: #fff;

  line-height: 26px;

  font-size: 20px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  /* max-height: 52px;	 */

}

.hm_tha .ne .name:hover {

  color: #fff8
}

.hm_tha .date {

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  position: relative;

}

.hm_tha .date i {

  display: block;

  width: 80px;

  border-bottom: 1px solid #fff;

  position: absolute;

  left: 0;

  bottom: 0;

}

.hm_tha .tip {

  font-size: 14px;

  line-height: 20px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

}



.hm_res {

  background: #f3f5f8;

}

.hm_res .wp {

  width: 1200px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}

.hm_res .head {

  height: 117px;

  line-height: 104px;

  font-size: 30px;

  color: #021730;

  text-transform: uppercase;

  font-weight: bold;

}

.hm_res .head i {

  display: block;

  width: 110px;

  height: 3px;

  border-radius: 2px;

  background: #0773bb;

  left: 0;

  top: 90px;

  position: absolute;

}

.hm_res .tit {

  padding-right: 30px;

  display: inline-block;

  background: url("./la_tit.png") no-repeat right center;

}

.hm_res .s_list {

  width: 1203px;

}

.hmres_item {

  float: left;

  width: 390px;

  height: 360px;

  margin: 0 5px 15px 5px;

  background: #fff;

}

.hmres_item .photo {

  display: block;

  height: 220px;

  color: #fff;

  position: relative;

  overflow: hidden;

}

.hmres_item .photo img {

  display: block;

  width: 130px;

  height: 130px;

  position: absolute;

  left: 30px;

  top: 45px;

}

.hmres_item .tip {

  width: 200px;

  text-align: center;

  position: absolute;

  right: 20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 30px;

}

.hmres_item .wps {

  padding: 13px 40px 0 40px;

  font-size: 14px;

  line-height: 20px;

}

.hmres_item .tip2 {

  height: 80px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 4;

}

.hmres_item .more {

  line-height: 34px;

  font-size: 15px;

  color: #0773bb;

  font-style: italic;

}

.hmres_item .more:hover {

  font-weight: bold
}

.hmres_item .photo1 {

  background: #033e8a;

}

.hmres_item .photo2 {

  background: #015850;

}

.hmres_item .photo3 {

  background: #e8bc2d;

}

.hmres_item .photo4 {

  background: #654b78;

}

.hmres_item .photo5 {

  background: #0773bb;

}

.hmres_item .photo6 {

  background: #003b4b;

}

.hmres_item .photo:hover {

  background: #32a279
}



.hmres_item:hover {

  box-shadow: 0px 8px 15px #cfcfcf;

  transition: all .2s linear;

}



.hm_nat {

  height: 396px;

  position: relative;

  background: #0773bb;

  color: #fff;

  overflow: hidden;

  width: 100%;

}

.hm_nat .wrapin {

  height: 396px;

  position: relative;

}

.hm_nat .cleft {

  width: 695px;

  position: absolute;

  left: 0;

  top: 44px;

}

.hm_nat .t1 {

  height: 70px;

  line-height: 70px;

  font-size: 26px;

}

.hm_nat .tip {

  line-height: 30px;

  font-size: 18px;

}

.hm_nat .more {

  display: block;

  width: 55px;

  height: 19px;

  float: right;

  background: url("./nat_more.png") no-repeat right;

}

.hm_nat .photo {

  display: block;

  width: 800px;

  height: 396px;

  position: absolute;

  left: 764px;

  top: 0;
  overflow: hidden;

}

.hm_nat .photo img {
  transition: all 0.6s;
}

.hm_nat .photo img:hover {
  transform: scale(1.1);
}

.hm_bt .head {

  height: 170px;

  line-height: 170px;

  font-size: 30px;

  color: #021730;

  text-transform: uppercase;

  font-weight: bold;

  position: relative;

}

.hm_bt .head i {

  display: block;

  width: 110px;

  height: 3px;

  border-radius: 2px;

  background: #0773bb;

  left: 0;

  top: 116px;

  position: absolute;

}

.hm_bt .tit {

  padding-right: 30px;

  display: inline-block;

  background: url("./la_tit.png") no-repeat right center;

}

.hm_bt {

  width: 1200px;

  margin: 0 auto;

}



.hm_pub {

  width: 700px;

  height: 664px;

  float: left;

}

.hmpub_slider {

  width: 700px;

  position: relative;

  overflow: hidden;

}

.hmpub_slider .c_btn {

  width: 16px;

  height: 28px;

  position: absolute;

  z-index: 60;

  cursor: pointer;

  top: 140px;

}

.hmpub_slider .pre {

  width: 26px;

  height: 30px;

  left: 0;

  background: url("./pub_pre.png") no-repeat center center;

}

.hmpub_slider .next {

  width: 26px;

  height: 30px;

  right: 0;

  background: url("./pub_next.png") no-repeat center center;

}

.hm_pub li {

  width: 270px;

  float: left;

  overflow: hidden;

  margin: 0 40px;

  height: 485px
}

.hm_pub li .photo {

  display: block;

  width: 100%;

  height: 370px
}

.hm_pub li a img {

  width: 100%;

  height: 370px
}

.hm_pub li dl dt a {

  font-size: 16px
}

.hm_pub dt {

  padding: 7px 0 0;

  line-height: 20px;

  font-size: 16px;

  font-weight: bold;

  color: #0773bb;

  overflow: hidden;

  -webkit-line-clamp: 3;

}

.hm_pub .name {

  color: #0773bb;

}

.hm_pub dd {

  line-height: 20px;

  max-height: 60px;

  font-size: 14px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 3;

}



.hm_aca {

  width: 470px;

  float: right;

  height: 664px;

  padding-left: 30px;

  background: #f2f1ee;

}

.aca_item {

  display: block;

  width: 420px;

  height: 180px;

  margin-bottom: 20px;

}

.aca_item .photo {

  float: left;

  display: block;

  width: 142px;

  height: 182px;

  position: relative;

  overflow: hidden;

}

.aca_item .photo img {

  display: block;

  width: 92%;

  object-fit: cover;

}

.aca_item dl {

  float: left;

  width: 250px;

  margin-left: 20px
}

.aca_item dt {

  line-height: 24px;

  color: #0773bb;

  padding-bottom: 5px;

}

.aca_item dd {

  font-size: 16px;

  line-height: 20px;

}

.hm_aca .more {

  color: #0773bb;

  /* font-style:italic; */

  text-align: right;

  display: block;

  margin-right: 70px;

}



/*hm 首页*/



.thisname {

  border-bottom: 1px solid #fff;

}

.vaqf {

  display: block;

  width: 140px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  border-radius: 3px;

  border: 1px solid #fff;

  text-transform: uppercase;

  color: #fff;

  margin-top: 20px
}

.vaqf:hover {

  background: #32a279;

  color: #fff
}