.main {
  margin-top: 80px;
  overflow: hidden;
}
.yh_banner {
  position: relative;
}
.yh_banner img {
  width: 100%;
}
.yh_banner .img {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  z-index: 100;
}
.yh_banner .banner_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.yh_banner .banner_text h3 {
  font-size: 45px;
  margin-top: 0;
}
.yh_banner .banner_text p {
  font-size: 18px;
}
.banner_swiper .swiper-slide {
  position: relative;
}
.banner_swiper .banner_pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 1;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  position: relative;
}
.banner_swiper .banner_pagination .swiper-pagination-bullet::after {
  content: '';
  width: 180%;
  height: 180%;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
}
.banner_swiper .banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.texiao {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}
.texiao .sk-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  z-index: 102;
  transition: all 0.3s 1s;
}
.texiao .sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.texiao .sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.texiao .sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.texiao .sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.texiao .sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.texiao .sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.texiao .sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.texiao .sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.texiao .sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.texiao .sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.texiao .sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.texiao .sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.texiao .sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.texiao .sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.texiao .sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.texiao .sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.texiao .sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.texiao .sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.texiao .sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.texiao .sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.texiao .sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.texiao .sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.texiao .sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.texiao .sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.texiao.open .sk-circle {
  opacity: 0;
}
.texiao.open::after,
.texiao.open::before {
  height: 0;
}
.texiao::after,
.texiao::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  background-color: #fff;
  left: 0;
  top: 0;
  z-index: 101;
  transition: all 0.8s 0.5s;
}
.texiao::before {
  top: auto;
  bottom: 0;
}
.i_sever {
  padding: 60px 0;
  background-color: #f3f3f3;
}
.i_sever_box {
  margin-top: 20px;
}
.i_sever_box .i_sever_p > p {
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  color: #666666;
}
.i_sever_box .three_box {
  margin-top: 40px;
}
.i_sever_box .three_box ul {
  justify-content: baseline;
}
.i_sever_box .three_box ul li {
  width: 32%;
  margin-right: calc((100% - 32% * 3) / 2);
}
.i_sever_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.i_sever_box ul:hover > li:not(:hover) .imgbox {
  filter: brightness(0.5);
}
.i_sever_box ul li {
  width: 48%;
  margin-bottom: 50px;
}
.i_sever_box ul li:nth-child(3n) {
  margin-right: 0;
}
.i_sever_box ul li:hover .contentbox .imgbox img {
  transform: scale(1.1);
}
.i_sever_box ul li .contentbox .imgbox {
  overflow: hidden;
  transition: all 0.5s;
}
.i_sever_box ul li .contentbox .imgbox img {
  width: 100%;
  transition: all 0.5s;
}
.i_sever_box ul li .contentbox .textbox {
  font-size: 18px;
  line-height: 70px;
  background-color: #ffffff;
  color: #333333;
  text-align: center;
}
.i_sever_box ul li .btnbox {
  display: flex;
}
.i_sever_box ul li .btnbox a {
  width: 50%;
  font-size: 18px;
  color: #fff;
  line-height: 62px;
  background-color: #0c63b6;
  text-align: center;
  transition: all 0.3s;
  border: 1px solid transparent;
  font-weight: bold;
}
.i_sever_box ul li .btnbox a:nth-child(1) {
  background-color: #fff;
  color: #0c63b6;
  border-color: #0c63b6;
}
.i_news {
  padding: 60px 0;
  background: url(../images/bg.jpg) no-repeat center top;
}
.i_news_box {
  margin-top: 50px;
}
.option ul {
  display: flex;
  justify-content: center;
}
.option ul li {
  margin-right: 20px;
}
.option ul li.active a {
  background-color: #0c63b6;
  color: #fff;
}
.option ul li:last-child {
  ruby-merge: 0;
}
.option ul li a {
  font-size: 16px;
  display: inline-block;
  line-height: 42px;
  padding: 0 34px;
  border-radius: 44px;
  color: #0c63b6;
  border: 1px solid #0c63b6;
  transition: all 0.3s;
}
.i_news_content {
  margin-top: 60px;
}
.i_news_content .all_box .pick_box {
  display: none;
}
.i_news_content .all_box .pick_box.active {
  display: block;
  animation: xcf_show 0.3s;
}
.i_news_content .all_box .pick_box .news_swiper .news_pagination .swiper-pagination-bullet {
  width: 77px;
  height: 2px;
  background-color: #999999;
  opacity: 1;
  border-radius: 0;
}
.i_news_content .all_box .pick_box .news_swiper .news_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0c63b6;
}
.i_news_content .all_box .pick_box .news_swiper .news_item {
  width: 100%;
  padding: 0 15px;
  border-right: 1px solid #d9d9d9;
  margin-bottom: 80px;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .date {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .date::after {
  content: '';
  width: 40%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .date .day {
  font-size: 48px;
  color: #999999;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .date .year {
  font-size: 14px;
  color: #333333;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .content_box {
  margin-bottom: 30px;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .content_box .title {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;    padding-top: 10px;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .content_box .content {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.i_news_content .all_box .pick_box .news_swiper .news_item .content_box .imgbox img {
 max-width: 100%;
}
.c_btn:hover a {
  width: 100%;
}
.c_btn a {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  line-height: 38px;
  color: #0c63b6;
  border: 1px solid #0c63b6;
  border-radius: 44px;
  transition: all 0.3s;
}
.c_btn a img {
  margin-left: 10px;
}
.link {
  padding: 60px 0;
  background: url(../images/link-bg.jpg) no-repeat center center;
}
.link .foot_nav {
  background-color: #f3f3f3;
  margin-top: 60px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.link .foot_nav select {
  width: 30%;
  line-height: 42px;
  font-size: 16px;
  height: 42px;
  padding-left: 1em;
}
.sever_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sever_title .title h2 {
  font-size: 40px;
  font-weight: bold;
  color: #1e1a16;
  margin: 0 0 10px 0;
}
.sever_title .title p {
  font-size: 16px;
  color: #999999;
  display: flex;
  align-items: center;
}
.sever_title .title p::before {
  content: '';
  font-size: 16px;
  width: 2em;
  height: 1px;
  background-color: #999999;
  margin-right: 5px;
}
.sever_title .utils_box .go_btn a {
  width: 173px;
     display: inline-block;
    text-align: center;
    line-height: 50px;
  justify-content: center;
  align-items: center;
  height: 49px;
  background-color: #05a543;
  border-radius: 6px;
  font-size: 16px;
  color: #ffffff;
}
.sever {
  padding: 60px 0;
}
.sever .sever_content {
  margin-top: 60px;
  border: solid 1px #eeeeee;
  padding: 26px;
  text-align: center;
}
.sever .sever_content h2 {
  font-weight: bold;
  font-size: 20px;
}
.sever .sever_content p {
  font-size: 16px;
  color: #1e1a16;
  line-height: 36px;
}
.sever .sever_content img {
  max-width: 100%;height: auto !important;
}
.hot_news {
  padding: 60px 0;
  background-color: #fafafa;
}
.hot_news_box {
  margin-top: 60px;
}
.hot_news_box ul {
  display: flex;
}
.hot_news_box ul li {
  width: 30%;
  margin-right: 5%;
}
.hot_news_box ul li:hover .imgbox img {
  transform: scale(1.1);
}
.hot_news_box ul li:hover .c_btn a {
  width: 100%;
}
.hot_news_box ul li:last-child {
  margin-right: 0;
}
.hot_news_box ul li .imgbox {
  overflow: hidden;
}
.hot_news_box ul li .imgbox img {
  width: 100%;
  transition: all 0.3s;
}
.hot_news_box ul li .textbox {
  padding: 35px;
  background-color: #fff;
}
.hot_news_box ul li .textbox .date {
  font-size: 14px;
  color: #0c63b6;
  margin-bottom: 20px;
}
.hot_news_box ul li .textbox .title {
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
}
.hot_news_box ul li .textbox .content {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-bottom: 40px;
}
.news_box ul li .news_item {
  display: flex;
  padding: 50px 0;
  border-bottom: solid 1px #eeeeee;
  transition: all 0.3s;
}
.news_box ul li .news_item .news_item_l {
  width: 20%;
}
.news_box ul li .news_item .news_item_l img {
  width: 100%;
}
.news_box ul li .news_item .news_item_r {
  width: 80%;
  display: flex;
  align-items: center;    justify-content: space-between;
}
.news_box ul li .news_item .news_item_r .content_box {
  padding: 0 5%;    min-width: 0;
}
.news_box ul li .news_item .news_item_r .content_box .title {
  font-size: 18px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_box ul li .news_item .news_item_r .content_box .content {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news_box ul li .news_item .news_item_r .date_box .day {
  font-size: 48px;
  color: #999999;
}
.news_box ul li .news_item .news_item_r .date_box .year {
  font-size: 14px;
  color: #333333;
}
.contact {
  padding: 60px 0;
}
.contact_box {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.contact_box .contact_l {
  width: 33.75%;
  padding: 30px;
  background-color: #f5f5f5;
}
.contact_box .contact_l .contact_title {
  font-size: 24px;
  color: #333333;
  position: relative;
}
.contact_box .contact_l .contact_title::before {
  content: '';
  width: 7px;
  height: 35px;
  background-color: #0c63b6;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.contact_box .contact_l .contact_content {
  margin-top: 50px;
}
.contact_box .contact_l .contact_content ul li {
  margin-bottom: 70px;
}
.contact_box .contact_l .contact_content ul li:last-child {
  margin-bottom: 0;
}
.contact_box .contact_l .contact_content ul li .contact_item {
  display: flex;
  align-items: center;
}
.contact_box .contact_l .contact_content ul li .contact_item .contact_item_l {
  margin-right: 12px;
}
.contact_box .contact_l .contact_content ul li .contact_item .contact_item_l img {
  max-width: 100%;
}
.contact_box .contact_l .contact_content ul li .contact_item .contact_item_r .title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 6px;
}
.contact_box .contact_l .contact_content ul li .contact_item .contact_item_r .content {
  font-size: 16px;
  color: #000000;
}
.contact_box .contact_r {
  width: 65%;
}
.contact_box .contact_r .map {
  height: 640px;
}
.message {
  padding: 60px 0;
}
.message_box {
  margin-top: 60px;
}
form .form_row {
  display: flex;
}
form .form_row:nth-child(1) .form_col .form_title {
  border-bottom: none;
}
form .form_row:nth-child(1) .form_col .form_item {
  border-bottom: none;
}
form .form_row .form_col {
  flex: 1;
  display: flex;
  height: 55px;
}
form .form_row .form_col .form_title {
  height: 100%;
  width: 17%;
  font-size: 16px;
  color: #333333;
  text-align: center;
  border: 1px solid #eeeeee;
  line-height: 55px;
  border-right: none;
}
form .form_row .form_col .form_item {
  height: 100%;
  flex: 1;
  border: 1px solid #eeeeee;
  line-height: 55px;
  display: flex;
  padding: 0 40px;
}
form .form_row .form_col .form_item .radio-inline {
  display: flex;
  align-items: center;
  margin-left: 80px;
  font-size: 16px;
}
form .form_row .form_col .form_item .radio-inline:first-child {
  margin-left: 0;
}
form .form_row .form_col button {
  position: relative;
  width: 151px;
  height: 43px;
  background-color: #0c63b6;
  border-radius: 22px;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: none;
  margin: 0px auto 0;
  transition: all 0.3s;
}
form .form_row .form_big {
  display: flex;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 60px;
}
form .form_row .form_big label {
  font-size: 16px;
  font-weight: normal;
  display: flex;
  align-items: center;
}
form .form_row .form_big .form_big_l {
  width: 42.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 3.2%;
}
form .form_row .form_big .form_big_l input {
  height: 40px;
  flex: 1;
  background-color: #eeeeee;
  border: none;
  outline: none;
  padding: 0 1em;
}
form .form_row .form_big .form_big_r {
  flex: 1;
}
form .form_row .form_big .form_big_r label {
  align-items: flex-start;
}
form .form_row .form_big .form_big_r textarea {
  flex: 1;
  height: 160px;
  background-color: #eeeeee;
  border: none;
  padding: 0.5em 1em;
  outline: none;
}
.download {
  padding: 60px 0;
}
.download_box {
  margin-top: 60px;
}
.download_box ul {
  display: flex;
  flex-wrap: wrap;
}
.download_box ul li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 40px;
}
.download_box ul li:nth-child(3n) {
  margin-right: 0;
}
.download_box ul li:hover .cover_box img {
  transform: scale(1.1);
}
.download_box ul li:hover .text_box .cover_btn {
  border-color: #0c63b6;
  color: #0c63b6;
  background-color: #fff;
}
.download_box ul li .cover_box {
  overflow: hidden;
}
.download_box ul li .cover_box img {
  width: 100%;
  transition: all 0.5s;
}
.download_box ul li .text_box {
  padding: 20px;
  background-color: #fff;
  border: solid 1px #eeeeee;
  border-top: none;
  text-align: center;
}
.download_box ul li .text_box .title {
  font-size: 20px;
  margin-bottom: 10px;
}
.download_box ul li .text_box .cover_btn {
  width: 100px;
  height: 40px;
  background-color: #0c63b6;
  border-radius: 3px;
  font-size: 18px;
  color: #ffffff;
  display: flex;
  border: 1px solid #0c63b6;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  margin: 0 auto;
}
.glass.imgbox {
  overflow: hidden;
  position: relative;
}
.glass.imgbox:hover::before {
  transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);
}
.glass.imgbox::before {
  content: '';
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.16);
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);
  transition: transform 0.8s;
  pointer-events: none;
}
/* 内页新闻列表 */
.xypg-news-list li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}
.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}
.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}
.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.xypg-news-list li .more {
  margin-top: 15px;
  border: none;
  padding: 0;
}
.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  color: #000;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
  box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}
.xypg-news-list li:hover .tit h3 {
  color: #292e39;
}
.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: var(--styleColor);
}
.new_box {
  padding: 60px 0;
}
.c_nav {
  margin: 45px auto;
  text-align: center;
  padding-bottom: 70px;
  border-bottom: 1px solid #f0f0f0;
}
.c_nav li {
  display: inline-block;
  margin: 0 2% 0 0;
  position: relative;
  width: 15%;
}
.c_nav li:hover p,
.c_nav li.active p {
  background: var(--styleColor);
  color: #fff;
}
.c_nav li p {
  font-size: 16px;
  line-height: 38px;
  margin: -20px auto 0 auto;
  background: #dde1e6;
  position: absolute;
  left: 0;
  right: 0;
  width: max-content;
  padding: 0 35px;
  border-radius: 5px;
  color: #636363;
}
.c_nav .cna_img {
  width: 290px;
  max-width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.c_nav .cna_img img {
  width: 100%;
}
@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
}
@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}
@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}
@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}




/*****注册*****/
.register_box {
	width: 100%;
	height: auto;
	padding: 195px 0 75px;
	background: url(../images/zc_bg.png) center no-repeat;
	background-size: cover;
	display: flex;
	align-items: Center;
}

.register {
	width: 830px;
	margin: 0 auto;
	background: rgba(255,255,255,.9);
	padding-bottom: 65px;
}

.register form span {
	color: #333333;
	width: 210px;
	text-align: right;
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: top;
}

.register form {
	margin-top: 10px;
	padding-right: 75px;
}

.register h2 {
	color: white;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
}

.register .yz {
	color: white;
	font-size: 14px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 25px;
}

.register .yz a {
	color: white;
}

.register form div {
	height: 40px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 40px;
}

.register form input {
	display: inline-block;
	width: 375px;
	border: 1px solid #a0a0a0;
	background: transparent;
	height: 40px;
	padding-left: 5px;
}

.register input[type="submit"] {
	background: #05a543;
	color: white;
	cursor: pointer;
	border: none;
	margin-top: 25px;
}

.register form .yzm input {
	width: 242px;
}

.register form .yzm img {
	height: 40px;
}

.register form .yzm .yzm_m {
	display: inline-block;
	width: 130px;
	height: 40px;
	vertical-align: top;
	text-align: right;
}

.register form .dxk {
	display: inline-block;
	width: 375px;
	height: 40px;
	text-align: left;
}

.register form .dxk label {
	cursor: pointer;
	margin-right: 40px;
}

.register form .dxk label input {
	position: relative;
	bottom: 3px;
}

.zc_bt {
	height: 60px;
	width: 100%;
	background: #05a543;
	line-height: 60px;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}

.a-upload {
	padding: 0px 10px;
	width: 375px;
	height: 40px;
	line-height: 33px;
	position: relative;
	cursor: pointer;
	color: #888;
	border: 1px solid #a0a0a0;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.a-upload  input {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	padding-left: 0;
}

.a-upload:hover {
	color: #444;
	text-decoration: none;
	cursor: pointer;
}

.conte-box {
	height: auto;
	overflow: hidden;
	padding: 22px;
}

.conte-box form {
	height: auto;
	overflow: hidden;
}

.conte-box form div {
	position: relative;
	font-size: 16px;
	margin-bottom: 10px;
	width: 433px;
	height: auto;
}

.conte-box form div input {
	width: 362px;
	height: 36px;
	border: 1px solid #B5B5B5;
	background-color: transparent;
}

.conte-box form div textarea {
	width: 552px;
	height: 150px;
	border: 1px solid #B5B5B5;
	background-color: transparent;
}

.conte-box form div label {
	color: #4B3A26;
	float: left;
	margin-right: 12px;
	font-weight: 100;
	margin-top: 7px;
}

.conte-box form div span {
	position: absolute;
	color: #FF0000;
	font-size: 16px;
	right: 0;
	top: 3px;
}

.conte-box form .conte-tt {
	width: 617px;
	height: 150px;
	margin-top: 10px;
}

.conte-box form input[type=submit] {
	background-color: #05a543;
	color: white;
	padding: 5px 30px;
	border: none;
	margin-top: 26px;
	margin-left: 60px;
}

.member_info {
	font-size: 16px;
	line-height: 24px;
}

.member_edit .nr {
	width: 100%;
}

.member_edit .register {
	float: none;
	margin: 30px auto 0px auto;
	display: block;
	background: none;
}

.member_edit .register h2 {
	color: #000;
}

.member_edit .register form span {
	color: #000;
}

.member_edit .register form input {
	border-color: #000;
}

.member_edit .register form input {
	color: #000;
}

.member_edit .register input[type="submit"] {
	color: #fff;
}

.register form input[type=radio] {
	width: 15px;
	float: left;
	margin-right: 5px;
}

.register .ti span {
	text-align: left;
	line-height: 44px;
}

.register form .unote {
	height: auto;
}

.register form .unote span {
	vertical-align: top;
}

.register form .unote textarea {
	width: 355px;
	border-color: #000
}

#cc {
	display: inline-block !important;
}

.register form  .j3 {
	height: auto;
	min-height: 40px;
	overflow: hidden;
}

.blist {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px;
	height: 44px;
	line-height: 44px;
}

.blist:nth-child(1) {
	background: #eee;
	margin: 0px;
	height: 44px;
	line-height: 44px;
}

.blist li {
	float: left;
	width: 25%;
	text-align: center;
}

.blist li:nth-child(3) {
	width: 47%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.blist li:nth-child(1) {
	width: 18%;
}

.blist li:nth-child(2) {
	width: 14%;
}

.blist li:nth-child(4) {
	width: 10%;
}

.blist li:nth-child(5) {
	width: 10%;
}

.blist li span {
}

.m_blist {
	display: none;
}

.sec_list div {
	line-height: 25px;
}




.nzz .swiper-wrapper{    display: block;}







@media screen and (max-width: 1200px) {
  .i_pro_box {
    zoom: 0.8;
  }
  .i_trait_box .i_trait_list .i_trait_item {
    padding: 2%;
  }
  .i_trait_box .i_trait_list .i_trait_item .item_b {
    font-size: 14px;
  }
}
@media screen and (max-width: 780px) {
  :root {
    --swiper-navigation-size: 0.4rem;
  }
  .main {
    margin-top: 60px;
  }
  .banner_swiper .banner_pagination {
    width: 100%;
    left: 0;
    bottom: 5%;
  }
  .i_sever {
    padding: 0.3rem 0;
  }
  .i_sever_box .three_box ul li {
    width: 49%;
    margin-right: 2%;
  }
  .i_sever_box .three_box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .i_sever_box ul li {
    margin-bottom: 0.4rem;
  }
  .i_sever_box ul li .contentbox .textbox {
    font-size: 16px;
    line-height: 40px;
  }
  .i_sever_box ul li .btnbox a {
    font-size: 14px;
    line-height: 30px;
    border-right: 1px solid #fff;
  }
  .i_sever_box ul li .btnbox a:last-child {
    border-right: none;
  }
  .i_news {
    padding: 0.3rem 0;
  }
  .i_news_box {
    margin-top: 0.3rem;
  }
  .option ul li {
    margin-right: 10px;
  }
  .option ul li a {
    font-size: 14px;
    line-height: 30px;
    padding: 0 0.2rem;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_item {
    padding: 0 5%;
    margin-bottom: 0.6rem;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_item .date {
    display: none;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_item .content_box {
    margin-bottom: 0.3rem;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_item .content_box .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_item .content_box .content {
    margin-bottom: 0.3rem;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_item .c_btn a {
    width: 80%;
    margin: 0 auto;
    line-height: 30px;
  }
  .i_news_content .all_box .pick_box .news_swiper .news_pagination .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
  }
  .link {
    padding: 0.3rem 0;
  }
  .link .foot_nav {
    margin-top: 0.4rem;
    display: block;
  }
  .link .foot_nav select {
    width: 100%;
    margin-bottom: 0.3rem;
    height: 36px;
    line-height: 36px;
  }
  .contact {
    padding: 0.3rem 0;
  }
  .sever_title .title h2 {
    font-size: 0.52rem;
    margin: 0 0 0.1rem 0;
  }
  .sever_title .title p {
    font-size: 0.24rem;
  }
  .contact_box {
    margin-top: 0.4rem;
    display: block;
  }
  .contact_box .contact_l {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .contact_box .contact_l .contact_title {
    font-size: 18px;
    font-weight: bold;
  }
  .contact_box .contact_l .contact_content {
    margin-top: 0.3rem;
  }
  .contact_box .contact_l .contact_content ul li {
    margin-bottom: 0.4rem;
  }
  .contact_box .contact_l .contact_content ul li .contact_item .contact_item_r .title {
    font-size: 16px;
  }
  .contact_box .contact_l .contact_content ul li .contact_item .contact_item_r .content {
    font-size: 14px;
  }
  .contact_box .contact_r {
    width: 100%;
  }
  .contact_box .contact_r .map {
    height: 6rem;
  }
  .download {
    padding: 0.3rem 0;
  }
  .download .download_box {
    margin-top: 0.3rem;
  }
  .download .download_box ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0.4rem;
  }
  .download .download_box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .download .download_box ul li .text_box {
    padding: 0.3rem;
  }
  .download .download_box ul li .text_box .title {
    font-size: 16px;
  }
  .download .download_box ul li .text_box .cover_btn {
    width: 1.8rem;
    height: 0.6rem;
    font-size: 0.28rem;
  }
  .message {
    padding: 0.3rem 0;
  }
  .message .message_box {
    margin-top: 0.3rem;
  }
  .message .message_box form {
    border: 1px solid #eee;
    padding-bottom: 0.2rem;
  }
  .message .message_box form .form_row .form_big {
    display: block;
    padding: 0.2rem;
    margin: 0.3rem 0;
  }
  .message .message_box form .form_row .form_big .form_big_l {
    width: 100%;
    padding: 0;
  }
  .message .message_box form .form_row .form_big .form_big_l label {
    margin-bottom: 0.2rem;
  }
  .message .message_box form .form_row .form_big .form_big_r {
    width: 100%;
  }
  .message .message_box form .form_row .form_col {
    height: auto;
    flex-wrap: wrap;
  }
  .message .message_box form .form_row .form_col .form_title {
    height: auto;
    width: 100%;
    border: none;
    background-color: #eee;
    border-bottom: 1px solid #eee;
  }
  .message .message_box form .form_row .form_col .form_item {
    padding: 0 10px;
    height: auto;
    flex-wrap: wrap;
    border: none;
    border-bottom: 1px solid #eee;
  }
  .message .message_box form .form_row .form_col .form_item .radio-inline {
    margin: 0 5px;
  }
  .hot_news {
    padding: 0.3rem 0;
  }
  .hot_news .hot_news_box {
    margin-top: 0.3rem;
  }
  .hot_news .hot_news_box ul {
    display: block;
  }
  .hot_news .hot_news_box ul li {
    width: 100%;
    margin: 0 0 0.3rem 0;
  }
  .hot_news .hot_news_box ul li .textbox {
    padding: 0.4rem;
  }
  .hot_news .hot_news_box ul li .textbox .date {
    margin-bottom: 5px;
  }
  .hot_news .hot_news_box ul li .textbox .content {
    margin-bottom: 20px;
  }
  .hot_news .hot_news_box ul li .textbox .c_btn a {
    margin: 0 auto;
  }
  .news_box ul li .news_item {
    padding: 0.3rem 0;
    align-items: center;
  }
  .news_box ul li .news_item .news_item_l {
    width: 36%;
  }
  .news_box ul li .news_item .news_item_r {
    width: 64%;
  }
  .news_box ul li .news_item .news_item_r .content_box .title {
    margin-bottom: 0.1rem;
  }
  .news_box ul li .news_item .news_item_r .content_box .content {
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
  }
  .news_box ul li .news_item .news_item_r .date_box {
    display: none;
  }
  .sever_title .utils_box .go_btn a {
    width: auto;
    padding: 0 0.2rem;
  }
  .sever .sever_content {
    margin-top: 0.4rem;
    padding: 0.2rem;
  }
}
a:hover {
  text-decoration: none;
}
.nabouts {
  width: 100%;
  height: auto;
  margin-top: 70px;
  overflow: hidden;
}
.nabouts_a {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 60px;
  margin-top: 20px;
}
.nabouts_id {
  width: 100%;
  height: auto;
  line-height: 26px;
}
.nabouts_id p {
  text-indent: 2em;
}
.nabouts_id p img {
  width: 96%;
  padding: 1%;
  border: 1px solid #ccc;
}
/*新闻内页*/
.nnews_head {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #333333;
}
.nnews_aa {
  width: 74%;
  height: auto;
  line-height: 32px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 34px;
}
.nnews_a font {
  padding-left: 20px;
}
.bdsharebuttonbox {
  float: right;
}
.nnews_kd {
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #d2d2d2;
  margin-bottom: 15px;
}
.djg {
  width: 100%;
  height: auto;
  margin: 0 auto;
  color: #666666;
  line-height: 24px;

  margin: 15px 0;
  text-align: left;
}
.nnews_l {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 50px;
}
.nnews_l li {
  padding-bottom: 10px;
}
.nnews_l li a:hover {
  color: var(--styleColor);
}
.nnews_img {
  width: 100%;
  text-align: center;
}
.nnews_img img {
  max-width: 100%;
}
.news_b .lg_x_t {
  margin-bottom: 0;
}
.news_b {
  width: 100%;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  padding: 10px 15px;
  margin-top: 20px;
}
.news_b ul li {
  display: inline-block;
  width: 49%;
  margin-bottom: 5px;
}
.news_b ul li a {
  color: #666666;
}
.news_b ul {
  margin-top: 20px;
}
.news_b ul li a:hover {
  color: var(--styleColor);
}
/*产品内页*/
.nprosf {
  width: 100%;
  float: right;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.npros_head {
  width: 100%;
  height: auto;
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center;
  color: #033e99;
  font-size: 24px;
}
.npros_lefta {
  width: 45%;
  float: left;
  text-align: center;
}
.npros_lefta img {
  max-width: 100%;
}
.npros_right {
  width: 53%;
  height: auto;
  float: right;
}
.npros_right p {
  border-bottom: 1px dashed #999;
  line-height: 50px;
  font-size: 16px;
}
.npros_bottm {
  width: 130px;
  height: auto;
  background: #000;
  border-radius: 0.5em;
  text-align: center;
  line-height: 36px;
  margin-top: 5%;
}
.npros_bottm a {
  color: #fff;
}
.npros_bottm a:hover {
  color: #fff;
}
.npros_kg {
  width: 100%;
  height: auto;
  line-height: 40px;
  background: #f3f3f3;
  border-left: 3px solid var(--styleColor);
  padding-left: 10px;
  margin-top: 15px;
}
.npros_dg {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 2%;
}
.npros_ld {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 2%;
}
.npros_gg {
  width: 100%;
  height: auto;
  line-height: 26px;
  padding-top: 4%;
}
.npros_gg a {
  color: #333333;
}
.npros_gg a:hover {
  color: var(--styleColor);
}


.nzz .swiper-slide{    width: 25%;float: left;}
 .nzz .swiper-slide:nth-child(4n) .news_item{border-right: none !important;}








/*************分辨率小于768px************/
@media only screen and (max-width: 768px) {
  .nabouts_a,
  .npros_right,
  .npros_lefta {
    width: 100%;
  }
  .nabouts {
    margin-top: 0;
  }
  .npros_lefta img {
    width: 100%;
    height: auto;
  }
  .nnews_head {
    padding-top: 0;
    font-size: 18px;
  }
  /*.nabouts_a{padding-top: 20px;}*/
  .news_b ul li {
    width: 100%;
  }
  .npros_right p {
    font-size: 14px;
    line-height: 40px;
  }
  .npros_kg {
    margin-top: 40px;
  }
  .nnews_aa {
    width: 100%;
  }
  .npros_right {
    margin-top: 20px;
  }
  .xypg-news-list li .tit {
    padding-bottom: 10px;
  }
  .xypg-news-list li .tit h3 {
    padding-right: 0;
    padding-bottom: 5px;
  }
  .xypg-news-list li .tit .date {
    position: static;
  }
.min_nav ul li{margin-right:0;}
/*注册*/
	.register {
		width: 95%;
		margin: 0 auto;
		background: rgba(255,255,255,.8);
		padding-bottom: 30px;
	}

	.register_box {
		margin-top: 45px;
		background-position: right center;
		min-height: 680px;    padding: 75px 0 75px;
	}

	.register form span {
		font-size: 14px;
		width: 100%;
		text-align: left;
		margin-bottom: 5px;
	}

	.register form input {
		width: 100%;
		height: 40px;
	}

	.register form .yzm input {
		width: 60%;
		float: left;
	}

	.register form .yzm .yzm_m {
		width: 35%;
		float: right;
	}

	.register h2 {
		font-size: 20px;
	}

	.register form div {
		height: auto;
		line-height: inherit;
		margin-bottom: 10px;
	}

	.register form {
		padding: 0 20px;
	}

	.register form .xb span {
		width: 20%;
		margin-bottom: 0;
		line-height: 40px;
	}

	.register form .dxk {
		width: 76%;
		margin-bottom: 0;
		padding-top: 10px;
	}

	.register form .dxk label {
		margin-bottom: 0;
		margin-right: 30px;
	}

	.register form .dxk label input {
		bottom: 13px;
	}

	.a-upload {
		width: 100%;
	}

	.register input[type="submit"] {
		margin-top: 0;
	}

	.register .yz {
		right: 5px;
		font-size: 12px;
		top: 15px;
	}


.nzz .swiper-slide{    width: 50%;}
 .nzz .swiper-slide:nth-child(2n) .news_item{border-right: none !important;}





}
.Pagination {
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 70px;
}
.Pagination a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #CCCCCC;
}
.Pagination .current {
  color: white;
}
.Pagination .current {
  background: #0c63b6;
  border-color: #0c63b6;
}
.Pagination a {
  color: #666666;
  font-size: 12px;
}
