.head_bigbox {
  height: 2.083vw;
  background-color: #F4F4F4;
}

.head_head_r .tel_box:hover img,
.csr_title .csr_name:hover img,
.logo_box:hover img{
    transition: all 1.5s;
    transform: rotate(360deg);
}

#BtnSave{
    cursor: pointer;
}

.head_head {
  width: 67.708vw;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.head_head p {
  font-size: .729vw;
  line-height: 2.083vw;
  color: #999999;
}

.head_head_r {
  display: flex;
  align-items: center;
}

.head_head_r a {
  font-size: .729vw;
  line-height: 2.083vw;
  color: #999999;
}

.head_head_r .cirle {
  width: .052vw;
  height: .573vw;
  background-color: #CCCCCC;
  margin: 0 .521vw;
}

.head9-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.tel_box {
  display: flex;
  align-items: flex-end;
}

.tel_box .tel_r {
  margin-left: .885vw;
}

.tel_box .tel_r p {
  font-size: .729vw;
  line-height: .99vw;
  color: #333333;
}

.tel_box .tel_r h1 {
  font-size: 1.042vw;
  line-height: 1.354vw;
  font-weight: 600;
  margin-top: .208vw;
  color: #134893;
}

.logo_img {
  display: block;
  margin: .938vw 0;
  margin-left: -2.188vw;
}

.head9-1 .tel_box img {
  width: 2.344vw;
}

.head_head_r .tel_box img {
  width: .729vw;
}

.head_head_r .tel_box {
  margin-left: 1.823vw;
}

.biaoti11 .navbiaoti {
  align-items: center;
  width: 67.708vw;
  margin: auto;
}

.biaoti11 .navbiaoti .cirle {
  width: .052vw;
  height: 2.083vw;
  border-right: .052vw dashed white;
}

header .head2 .swiper-container1 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 1.563vw;
  font-size: .625vw;
}

header .head2 .swiper-container1 .swiper-pagination-bullet {
  width: .625vw;
  height: .625vw;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 1;
  outline: none;
  margin: 0 .573vw;
}

header .head2 .swiper-container1 .swiper-pagination-bullet-active {
  background-color: #018CD6;
}

.first {
  padding: 4.948vw 0 0vw;
  background: url(../images/bgc1.png) no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
}

.content {
  width: 61.458vw;
  margin: auto;
}

.title_box h1 {
  text-align: center;
  font-size: 1.875vw;
  color: #333333;
  font-weight: 600;
}

.title_box h1 span {
  color: #183488;
}

.csr_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .885vw;
}

.csr_right {
  width: 48.906vw;
  padding: 5.208vw 1.563vw 4.688vw 12.917vw;
  background: url(../images/bgc2.png) no-repeat;
  background-size: 100% 100%;
  margin-left: -10.677vw;
  box-sizing: border-box;
  box-shadow: 0 0 .417vw rgba(0, 0, 0, 0.16);
}

.csr_box .pop_img {
  width: 19.271vw;
  position: relative;
  z-index: 9;
}

.csr_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.csr_title img {
  width: 1.547vw;
}

.csr_title .csr_name {
  display: flex;
  align-items: center;
}

.csr_title .csr_name p {
  font-size: 1.25vw;
  line-height: 2.083vw;
  color: #134893;
  font-weight: 600;
  margin-left: .781vw;
}

.csr_title a {
  font-size: .729vw;
  color: #134893;
}

.csr_bottom {
  margin-top: .521vw;
  box-sizing: border-box;
}

.csr_bottom h2 {
  padding-left: 2.25vw;
  font-size: .938vw;
  color: #333333;
}

.csr_bottom .cirle {
  width: 100%;
  height: .052vw;
  background-color: #134893;
  margin: .781vw 0 2.813vw;
}

.csr_bottom p {
  padding-left: 2.115vw;
  width: 22.083vw;
  font-size: .938vw;
  letter-spacing: .052vw;
  line-height: 1.979vw;
  color: #000;
}

.second {
  padding: 5.833vw 0 8.698vw;
}

.p_box {
  display: flex;
  justify-content: space-between;
}

.p_type {
  width: 13.281vw;
}

.p_type h1 {
  font-size: 1.354vw;
  line-height: 1.823vw;
  color: #134893;
  font-weight: 600;
}

.p_type p {
  margin-top: .521vw;
  color: #000000;
  font-size: .729vw;
  line-height: .99vw;
  margin-bottom: 1.094vw;
}

.p_type .cirle {
  width: 13.281vw;
  height: .052vw;
  background-color: #CCCCCC;
}

.p_type ul {
  margin-top: .833vw;
}

.p_type li {
  line-height: 2.135vw;
  border-radius: 0 1.094vw 1.094vw 0;
  width: 11.51vw;
  padding-left: 1.719vw;
  font-size: .833vw;
  color: #000000;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: .6vw;
}

.p_type .bs {
  background: linear-gradient(#0093DD, #183884);
  color: white;
}

.p_type ul a {
  display: block;
  line-height: 2.135vw;
  border-radius: 0 1.094vw 1.094vw 0;
  width: 11.51vw;
  padding-left: 1.719vw;
  font-size: .833vw;
  color: #000000;
  box-sizing: border-box;
}

.p_type h2 {
  width: 12.552vw;
  line-height: 2.135vw;
  text-align: center;
  background-color: #018CD6;
  font-size: .833vw;
  color: white;
  margin-top: .677vw;
}

.p_ul {
  width: 44.74vw;
  display: flex;
  flex-wrap: wrap;
}

.p_ul .p_li {
  width: 14.115vw;
  height: 12.76vw;
  overflow: hidden;
  position: relative;
}

.p_li .p_bottom {
  position: absolute;
}

.p_bottom {
  text-align: center;
  width: 100%;
  position: absolute;
  line-height: 2.917vw;
  color: #333333;
  bottom: 0;
  background-color: #CCCCCC;
  font-size: .938vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.p_li:hover img {
  transform: scale(1.1);
  transition: all .6s;
}

.p_li:hover .p_bottom {
  background-color: #134893;
  color: white;
}

.p_ul a {
  display: block;
  margin-right: 1.146vw;
}

.p_ul a:nth-of-type(3n) {
  margin-right: 0;
}

.p_ul a:nth-of-type(n+4) {
  margin-top: 1.042vw;
}

.thrid {
  padding: 0 0 6.25vw;
}

.thrid .content {
  width: 63.333vw;
}

.about_box {
  display: flex;
  justify-content: space-between;
}

.about_l {
  width: 31.406vw;
}

.about_l h1 {
  font-size: 1.771vw;
  display: flex;
  align-items: center;
  color: #000000;
}

.about_l h1 img {
  width: auto;
  margin-left: .677vw;
}

.about_l h2 {
  margin: .417vw 0 .833vw;
  font-size: 1.042vw;
  color: #999999;
  text-transform: uppercase;
  font-weight: 400;
}

.about_l .about_message {
  letter-spacing: .052vw;
  font-size: .938vw;
  line-height: 2.396vw;
  color: #333333;
}

.new_box1 {
  margin-top: 1.719vw;
}

.new_type {
  display: flex;
  border: .052vw dashed #CCCCCC;
  width: 30.729vw;
}

.new_type li {
  width: 7.708vw;
  border-right: .052vw dashed #CCCCCC;
  text-align: center;
  line-height: 3.021vw;
  font-size: 1.042vw;
  color: #333333;
  cursor: pointer;
  box-sizing: border-box;
}

.new_type li:last-of-type {
  border-right: none;
}

.new_type .bs {
  color: white;
  background-color: #134893;
}

.new_type .bs a,#txtName::placeholder
,#txtContent::placeholder
,#txtUserPhone::placeholder
,#txtUseremail::placeholder {
  color: white;
}

.new_list {
  flex-direction:column;
  margin-top: 1.042vw;
  width: 30.729vw;
}

.new_list li {
  padding: 1.042vw 0;
  display: flex;
  align-items: center;
  border-bottom: .052vw dashed #CCCCCC;
}

.new_list li .cirle {
  width: .625vw;
  height: .625vw;
  border-radius: 50%;
  background-color: #999999;
}

.new_list li p {
  margin-left: .833vw;
  font-size: .833vw;
  color: #999999;
  width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.new_list li span {
  margin-left: 10.417vw;
  font-size: .729vw;
  color: #999999;
}

.new_list li:hover .cirle {
  background-color: #0353C5;
}

.new_list li:hover p,
.new_list li:hover span {
  color: #0353C5;
}

.about_r {
  width: 30.313vw;
}

.about_r .img_box {
  width: 30.313vw;
  height: 24.844vw;
  border: .625vw solid #F4F4F4;
  box-sizing: border-box;
  overflow: hidden;
}

.about_r .img_box img:hover {
  transform: scale(1.1);
  transition: all .6s;
}

.about_bottom {
  margin-top: 1.042vw;
  display: flex;
  justify-content: space-between;
}

.about_bottom .about_b_li {
  width: 14.635vw;
  background-color: #134893;
  height: 10.104vw;
  padding: 1.198vw .885vw 0 1.458vw;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.about_bottom .about_b_li h1 {
  font-size: 1.354vw;
  color: white;
  margin-bottom: 1.042vw;
}

.about_bottom .about_b_li p {
  font-size: .833vw;
  line-height: 1.458vw;
  color: white;
  overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.about_bottom .about_b_li .logo_box {
  width: 2.24vw;
  height: 2.24vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #018CD6;
}

.about_bottom .about_b_li .logo_box img {
  width: .99vw;
}

.about_bottom .about_b_li:last-of-type .logo_box {
  left: 0;
  right: auto;
}

.about_bottom .about_b_li:first-of-type {
  background-color: #018CD6;
}

.about_bottom .about_b_li:first-of-type .logo_box {
  background-color: #134893;
}

.four {
  padding: 4.427vw 0 2.917vw;
  background-color: #F4F4F4;
}

.four .content {
  width: 68.125vw;
}

.al_box {
  margin-top: 3.594vw;
  display: flex;
}

.al_li {
  width: 16.25vw;
  background-color: white;
}

.al_li .img_box {
  width: 16.25vw;
  height: 6.406vw;
  overflow: hidden;
  position: relative;
}

.al_li .img_box p {
  width: 100%;
  height: 100%;
  line-height: 6.406vw;
  text-align: center;
  font-size: 1.146vw;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
}

.al_bottom {
  padding: 1.667vw .911vw 1.51vw;
  box-sizing: border-box;
}

.al_bottom p {
  font-size: .833vw;
  line-height: 1.406vw;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.al_ckxq {
  text-align: center;
  line-height: 3.021vw;
  background-color: #CCCCCC;
  font-size: .833vw;
  color: #666666;
}

.al_li:hover img {
  transform: scale(1.1);
  transition: all .6s;
}

.al_li:hover .al_ckxq {
  background-color: #134893;
  color: white;
}

.al_box a {
  display: block;
  margin-right: 1.042vw;
}

.al_box a:last-of-type {
  margin-right: 0;
}

.more {
  display: block;
  width: 6.979vw;
  height: 2.448vw;
  background-color: #134893;
  line-height: 2.448vw;
  text-align: center;
  color: white;
  font-size: .833vw;
}

.four .more {
  margin: 4.688vw auto 0;
}

.five {
  padding: 6.094vw 0 6.042vw;
}

.tdjs_type {
  margin-top: 4.844vw;
  display: flex;
}

.tdjs_type li {
  width: 10.729vw;
  height: 2.5vw;
  background-color: #EEEEEE;
  border-radius: .417vw;
  line-height: 2.5vw;
  text-align: center;
  font-size: .938vw;
  margin-right: 1.979vw;
  cursor: pointer;
}

.tdjs_type li:last-of-type {
  margin-right: 0;
}

.tdjs_type .bs {
  background-color: #018CD6;
  color: white;
}

.tdjs_box {
  margin-top: 3.906vw;
  display: flex;
}

.tdjs_li {
  width: 14.115vw;
  height: 18.698vw;
  overflow: hidden;
  position: relative;
  border-radius: .521vw;
}

.tdjs_bottom {
  width: 100%;
  height: 3.594vw;
  border-radius: 0 0 .521vw .521vw;
  background-color: #333333;
  transition: all .6s;
  position: absolute;
  bottom: 0;
}

.tdjs_bottom .tdjs_bottom_head {
  display: flex;
  justify-content: center;
}

.tdjs_bottom .tdjs_bottom_head h1 {
  font-size: .938vw;
  color: white;
  line-height: 3.594vw;
}

.tdjs_bottom .tdjs_bottom_head span {
  display: none;
  font-size: .729vw;
  color: #fff;
  text-transform: uppercase;
}

.tdjs_bottom .tdjs_message {
  display: none;
}

.tdjs_bottom .cirle {
  width: 100%;
  height: .052vw;
  background-color: white;
  margin: 1.302vw 0 1.406vw;
}

.tdjs_bottom .tdjs_message p {
  color: white;
  font-size: .833vw;
  letter-spacing: .052vw;
  line-height: 1.875vw;
}

.tdjs_li:hover .tdjs_bottom {
  height: 100%;
  padding: 3.229vw 1.406vw 2.813vw;
  box-sizing: border-box;
  background-color: rgba(51, 51, 51, 0.62);
}

.tdjs_li:hover .tdjs_bottom_head {
  justify-content: space-between;
}

.tdjs_li:hover .tdjs_bottom_head h1 {
  line-height: .938vw;
}

.tdjs_li:hover .tdjs_bottom_head span {
  display: block;
}

.tdjs_li:hover .tdjs_message {
  display: block;
}

.tdjs_box a {
  display: block;
  margin-right: 1.667vw;
}

.tdjs_box a:last-of-type {
  margin-right: 0;
}

.five .more,
.six .more,
.seven .more {
  width: 10.729vw;
  height: 2.5vw;
  line-height: 2.5vw;
  border-radius: .417vw;
  background-color: #018CD6;
  margin: 4.948vw auto 0;
}

.six {
  padding: 4.74vw 0 4.844vw;
  background-color: #F4F4F4;
}

.hdfc_box {
  margin-top: 3.125vw;
  display: flex;
  flex-wrap: wrap;
}

.hdfc_box .hdfc_li {
  width: 14.323vw;
  height: 9.167vw;
  overflow: hidden;
}

.hdfc_box .hdfc_li:hover img {
  transform: scale(1.1);
  transition: all .6s;
}

.hdfc_box a {
  display: block;
  margin-right: 1.354vw;
}

.hdfc_box a:nth-of-type(4n) {
  margin-right: 0;
}

.hdfc_box a:nth-of-type(n+5) {
  margin-top: 1.563vw;
}

.seven {
  padding: 5.469vw 0 6.094vw;
}

.new_type1 {
  margin-top: 3.229vw;
  display: flex;
  justify-content: center;
}

.new_type1 li {
  width: 10.729vw;
  height: 2.5vw;
  line-height: 2.5vw;
  text-align: center;
  color: #000000;
  background-color: #EEEEEE;
  border-radius: .417vw;
  margin-right: 1.927vw;
  font-size: .938vw;
}

.new_type1 li:last-of-type {
  margin-right: 0;
}

.new_type1 .bs {
  background-color: #018CD6;
  color: white;
}

.new_box {
  margin-top: 3.542vw;
  display: flex;
  justify-content: space-between;
}

.new_left {
  width: 42.083vw;
}

.new_l_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.094vw;
  border-bottom: .052vw solid #CCCCCC;
}

.new_l_head .img_box {
  width: 10.938vw;
  height: 7.656vw;
  overflow: hidden;
}

.new_l_head .img_box img {
  height: 100%;
}

.new_l_head:hover .img_box img {
  transform: scale(1.1);
  transition: all .6s;
}

.new_l_head_r {
  margin-left: 1.693vw;
  width: 29.323vw;
}

.new_l_head_r p {
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: #000000;
  margin-bottom: 1.875vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.new_l_head_r span {
  font-size: .833vw;
  line-height: 1.563vw;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.new_l_head:hover .new_l_head_r p {
  color: #134893;
}

.new_l_ul {
  display: flex;
  margin-top: 1.563vw;
  justify-content: space-between;
  flex-wrap: wrap;
}

.new_l_ul a:nth-of-type(n+3) .new_l_li {
  margin-top: 1.432vw;
}

.new_l_li {
  display: flex;
  align-items: center;
  padding-bottom: 1.042vw;
  border-bottom: .052vw solid #CCCCCC;
  width: 20.104vw;
  padding-right: 3.021vw;
  box-sizing: border-box;
}

.new_l_li .cirle {
  width: .938vw;
  height: .26vw;
  background-color: #666666;
  margin-right: .938vw;
}

.new_l_li p {
  font-size: .833vw;
  line-height: 1.094vw;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.new_l_li:hover .cirle {
  background-color: #134893;
}

.new_l_li:hover p {
  color: #134893;
}

.new_right {
  width: 17.292vw;
}

.new_right a {
  display: block;
  width: 100%;
}

.new_right .new_li {
  width: 100%;
  height: 3.073vw;
  border-radius: 1.563vw;
  background-color: #EEEEEE;
  color: #666666;
  font-size: .833vw;
  line-height: 3.073vw;
  padding: 0 1.25vw;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.new_right .new_li:hover {
  background-color: #134893;
  color: white;
}

.new_right a:nth-of-type(n+2) {
  margin-top: 1.042vw;
}

.foot_box {
  justify-content: space-between;
  width: 71.875vw;
  margin-left: 14.792vw;
  padding: 3.906vw 0;
  display: flex;
  align-items: flex-start;
}

.foot_l {
  padding-top: 2.344vw;
  margin-bottom: .26vw;
}

.foot_lc {
  width: .052vw;
  height: 19.01vw;
  background-color: #fff;
}

.foot_l h1 {
  text-transform: uppercase;
  font-size: .938vw;
  line-height: 1.25vw;
  color: white;
}

.foot_l .cirle {
  width: .938vw;
  height: .208vw;
  background-color: white;
  margin: .99vw 0 1.51vw;
}

.foot_l .message_box {
  margin-top: 1.51vw;
}

.foot_l .message_box p {
  font-size: .729vw;
  line-height: .99vw;
  color: white;
  margin-bottom: .781vw;
}

.foot_l .message_box .has_indent {
  text-indent: 2.188vw;
  margin-bottom: 1.302vw;
}

.foot_l .bq_box {
  margin-top: 5.625vw;
}

.foot_l .bq_box p {
  font-size: .833vw;
  color: white;
  line-height: 1.354vw;
}

.foot_l .bq_box p a {
  color: white;
  font-size: .833vw;
}

.foot_center_t {
  width: 41.667vw;
  padding-left: 3.125vw;
  justify-content: space-between;
  display: flex;
}

.nav_box .nav_title {
  display: flex;
  align-items: center;
}

.nav_box .nav_title .cirle {
  width: 1.563vw;
  height: .052vw;
  margin-right: .865vw;
  background-color: #FFFFFF;
}

.nav_box .nav_title p {
  font-size: 1.042vw;
  line-height: 1.354vw;
  color: white;
}

.nav_box .nav_li {
  text-indent: 2.448vw;
  font-size: .729vw;
  margin-bottom: .938vw;
}

.nav_box .nav_ul {
  margin-top: 1.354vw;
}

.nav_box .nav_li a {
  color: #CCCCCC;
}

.nav_box .nav_li:hover a {
  color: white;
}

.nav_box .contact_box {
  margin-top: 1.198vw;
  width: auto;
  display: flex;
}

.nav_box .contact_box .ewm_box {
  width: 5.729vw;
  height: 5.729vw;
  background: url(../images/bgc3.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 2.448vw;
}

.nav_box .contact_box .ewm_box img {
  width: 4.271vw;
}

.foot_center {
  width: 52.448vw;
}

.foot_center_f {
  margin-top: 1.927vw;
}

.foot_r {
  width: 13.438vw;
}

.foot_r .dp_box {
  text-align: center;
  font-size: .833vw;
  color: white;
}

.foot_r .dp_box p {
  margin-top: 1.146vw;
  color: white;
}

.foot_r .dp_box img {
  width: auto;
}

.foot_r .dp_box:last-of-type {
  margin-top: .938vw;
}

.foot_center_f {
  display: flex;
  align-items: flex-end;
}

.bq_box {
  margin-top: 4.115vw;
}

.bq_box p {
  color: white;
  font-size: .729vw;
}

.bq_box p a {
  color: white;
}



@media screen and (max-width: 1200px) {
  .main {
    overflow: hidden;
  }

.swiper-pagination1{
    width: 100%;
}

  header .head2 .swiper-container1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
  }

  header .head2 .swiper-container1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 1%;
  }

  .box {
    padding: 5% 2%;
    box-sizing: border-box;
    font-size: 12px;
  }

  .box .content {
    width: 100%;
  }

  .first {
    padding-bottom: 0;
  }

  .title_box h1 {
    font-size: 22px;
  }

  .csr_box .pop_img {
    width: 30%;
  }

  .csr_right {
    width: 80%;
    padding: 3% 7%;
    margin-left: -8%;
  }

  .csr_title img {
    width: 24px;
  }

  .csr_title .csr_name {
    width: 40%;
  }

  .csr_title .csr_name p {
    font-size: 18px;
    margin-left: 3%;
    line-height: 24px;
  }

  .csr_title a {
    font-size: 12px;
  }

  .csr_bottom {
    padding-left: 0%;
  }

  .csr_bottom h2 {
    padding-left: 5%;
    font-size: 15px;
    text-wrap: nowrap;
  }

  .csr_bottom .cirle {
    margin: 3% 0;
  }

  .csr_bottom p {
    width: 100%;
    padding-left: 5%;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  .p_box {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }

  .p_type {
    width: 100%;
  }

  .p_type h1 {
    font-size: 22px;
    line-height: normal;
  }

  .p_type p {
    font-size: 12px;
    line-height: 18px;
    margin: 2% 0;
  }

  .p_type .cirle {
    width: 100%;
  }

  .p_type ul {
    margin-top: 3%;
  }

  .p_type h2 {
    display: none;
  }

  .p_type li,
  .p_type ul a {
    width: 100%;
    border-radius: 12px;
    line-height: 28px;
    padding-left: 3%;
    font-size: 14px;
  }

  .p_type h2 {
    width: 100%;
    font-size: 12px;
    line-height: 32px;
    margin-top: 3%;
  }

  .p_ul {
    width: 100%;
  }

  .p_ul a {
    width: 49%;
    margin-right: 2%;
  }

  .p_ul a:nth-of-type(3n) {
    margin-right: 2%;
  }

  .p_ul a:nth-of-type(2n) {
    margin-right: 0;
  }

  .p_ul a:nth-of-type(n+3) {
    margin-top: 3%;
  }

  .p_ul a:nth-of-type(n+5) {
    display: none;
  }

  .p_ul .p_li {
    width: 100%;
    height: auto;
  }

  .p_bottom {
    font-size: 12px;
    line-height: 32px;
  }

  .about_box {
    flex-wrap: wrap;
  }

  .about_l {
    width: 100%;
  }

  .about_l h1 {
    font-size: 22px;
  }

  .about_l h1 img {
    width: 18px;
    margin-left: 3%;
  }

  .about_l h2 {
    font-size: 18px;
    margin: 1% 0 2%;
  }

  .about_l .about_message {
    font-size: 14px;
    line-height: 28px;
  }

  .new_box1 {
    margin-top: 3%;
  }

  .new_type {
    width: 100%;
  }

  .new_type li {
    width: 25%;
    line-height: 32px;
    font-size: 14px;
  }

  .new_list {
    margin-top: 1%;
    width: 100%;
  }

  .new_list li {
    padding: 3% 0;
  }

  .new_list li .cirle {
    width: 8px;
    height: 8px;
  }

  .new_list li p {
    font-size: 12px;
    margin-left: 2%;
  }

  .new_list li span {
    font-size: 12px;
    margin-left: 30%;
  }

  .about_r {
    width: 100%;
  }

  .about_r .img_box {
    padding: 2%;
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .about_bottom {
    margin-top: 4%;
  }

  .about_bottom .about_b_li {
    width: 48%;
    padding: 8%;
    height: 160px;
  }

  .about_bottom .about_b_li .logo_box {
    width: 8vw;
    height: 8vw;
  }

  .about_bottom .about_b_li .logo_box img {
    width: 40%;
  }

  .about_bottom .about_b_li p {
    font-size: 12px;
        line-height: normal;
    -webkit-line-clamp: 4;
  }

  .about_bottom .about_b_li h1 {
    font-size: 15px;
    margin-bottom: 5%;
  }

  .al_box {
    margin-top: 5%;
    flex-wrap: wrap;
  }

  .al_box a {
    width: 49%;
    margin-right: 2%;
  }

  .al_li {
    width: 100%;
  }

  .al_li .img_box {
    width: 100%;
    height: auto;
  }

  .al_li .img_box p {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    font-size: 14px;
  }

  .al_bottom {
    padding: 5%;
  }

  .al_bottom p {
    font-size: 14px;
    line-height: 20px;
  }

  .al_box a:nth-of-type(2n) {
    margin-right: 0;
  }

  .al_box a:nth-of-type(n+3) {
    margin-top: 3%;
  }

  .al_ckxq {
    line-height: 32px;
    font-size: 14px;
  }

  .box .more {
    width: 90px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    margin: 5% auto 0;
  }

  .tdjs_type {
    margin-top: 5%;
  }

  .tdjs_type li {
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-right: 2%;
  }

  .tdjs_type li:nth-of-type(n+4) {
    display: none;
  }

  .tdjs_type li:nth-of-type(3) {
    margin-right: 0;
  }

  .tdjs_box {
    margin-top: 5%;
    flex-wrap: wrap;
  }

  .tdjs_box a {
    width: 49%;
    margin-right: 2%;
  }

  .tdjs_li {
    width: 100%;
    height: auto;
  }

.tdjs_li:hover .tdjs_bottom {
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  background-color: rgba(51, 51, 51, 0.62);
}

.tdjs_li:hover .tdjs_bottom_head {
    justify-content: center;
        height: 32px;
    align-items: center;
}

.tdjs_li:hover .tdjs_bottom_head h1 {
  line-height: normal;
}

.tdjs_li:hover .tdjs_bottom_head span {
  display: block;
}

.tdjs_li:hover .tdjs_message {
  display: block;
}

  .tdjs_box .tdjs_li .tdjs_bottom {
    height: 32px;
    padding: 0;
  }

  .tdjs_bottom .tdjs_bottom_head h1 {
    line-height: 32px;
    font-size: 14px;
  }

  .tdjs_li .tdjs_bottom .tdjs_bottom_head span {
    display: none;
  }

  .tdjs_li .tdjs_bottom .cirle {
    display: none;
  }

  .tdjs_li .tdjs_bottom .tdjs_message {
    display: none;
  }

  .tdjs_box a:nth-of-type(2n) {
    margin-right: 0;
  }

  .tdjs_box a:nth-of-type(n+3) {
    margin-top: 3%;
  }

  .hdfc_box {
    margin-top: 5%;
  }

  .hdfc_box a {
    width: 49%;
    margin-right: 2%;
  }

  .hdfc_box .hdfc_li {
    width: 100%;
    height: auto;
  }

  .hdfc_box a:nth-of-type(2n) {
    margin-right: 0;
  }

  .hdfc_box a:nth-of-type(n+3) {
    margin-top: 3%;
  }

  .hdfc_box a:nth-of-type(n+5) {
    display: none;
  }

  .new_type1 {
    margin-top: 5%;
  }

  .new_type1 li {
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin-right: 2%;
  }

  .new_box {
    margin-top: 5%;
    flex-wrap: wrap;
  }

  .new_left {
    width: 100%;
  }

  .new_l_head {
    padding-bottom: 3%;
  }

  .new_l_head .img_box {
    width: 32%;
    height: auto;
  }

  .new_l_head_r {
    width: 75%;
    margin-left: 3%;
  }

  .new_l_head_r p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 2%;
  }

  .new_l_head_r span {
    font-size: 12px;
    line-height: 24px
  }

  .new_l_ul {
    flex-direction: column;
    margin-top: 4%;
  }

  .new_l_ul a {
    display: block;
        padding-bottom: 1%;
        margin-bottom: 2%;
  }

  .new_l_li .cirle {
    width: 20px;
    height: 4px;
  }

  .new_l_li p {
    font-size: 14px;
    line-height: normal;
  }

  .new_l_li {
    width: 100%;
    padding-bottom: 1%;
  }

  .new_l_ul a:nth-of-type(n+2) .new_l_li {
    margin-top: 0%;
  }

  .new_l_ul a:nth-of-type(n+5) .new_l_li,.new_l_ul a:nth-child(n+5) {
    display: none;
  }

  .new_right {
    margin-top: 0%;
    width: 100%;
  }

  .new_right .new_li {
    height: 32px;
    border-radius: 20px;
    padding-left: 5%;
    line-height: 32px;
    font-size: 12px;
  }

  .new_right a:nth-of-type(n+2) {
    margin-top: 3%;
  }

  footer {
    padding-bottom: 2%;
  }

  .foot_box {
    width: 100%;
    padding: 3% 0 0;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .foot_l {
    width: 100%;
    padding-right: 0;
    border-right: none;
    padding-top: 0;
  }

  .foot_l h1,
  .foot_l .cirle {
    display: none;
  }

  .foot_l .message_box {
    margin-top: 0;
    text-align: center;
  }

  .foot_l .message_box .has_indent {
    text-indent: 0;
    margin-bottom: 2%;
  }

  .foot_l .message_box p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 2%;
  }

  .foot_center {
    width: 100%;
    display: none;
  }

  .foot_center_t,
  .foot_lc {
    display: none;
  }

  .inpbox {
    display: none;
  }

  .foot_center_f {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px solid white;
  }

  .foot_center_f .bq_box {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .foot_l .bq_box {
    margin-top: 2%;
    padding-top: 2%;
    border-top: 1px solid white;
    text-align: center;
  }

  .foot_l .bq_box p,
  .foot_l .bq_box p a {
    line-height: normal;
    font-size: 14px;
  }
}