@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #999;}
::-webkit-scrollbar {width: 6px;background-color: #999;}
::-webkit-scrollbar-thumb {background-color: #333;}
* {margin: 0;padding: 0;list-style: none;transition: all .5s;-webkit-transition: all .5s;}
body {cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;}
a {color: #333;text-decoration: none;}
a:hover {color: #333;}
.container {max-width: 1380px;}
header {background: #fff;padding: 0 15px !important;box-shadow: 0 1px 5px rgba(0, 0, 0, .1);position: fixed;top: 0;z-index: 9;}
header .pc-head .logo {margin: 10px 0;align-items: center;display: flex;}
header .pc-head .logo img {height: 90px;}
header .pc-head .logo:hover img {transform: scale(0.9);}
header .pc-head .nav * {transition: unset;-webkit-transition: unset;}
header .pc-head .nav {justify-content: flex-end;margin-top: 46px;}
header.bg {background: white;}
header .pc-head .logo.smaller img {height: 45px;}
header .pc-head .nav.smaller {margin: 0;}
header .pc-head .nav .nav-item a {padding: 20px;font-size: 16px;font-weight: bold;color: #000;}
header .pc-head .nav .nav-item a:hover {}
header .pc-head .nav .nav-item:hover>a {background: rgba(0, 0, 0, .5);color: #fff;}
header .pc-head .nav .dropdown-menu {background: rgba(0, 0, 0, .5);margin: 0;border-radius: 0;border: 0;}
header .pc-head .nav li:last-of-type .dropdown-menu{right: 0;text-align: right;}
header .pc-head .nav .dropdown-menu .dropdown-item {padding: 0;}
header .pc-head .nav .dropdown-menu .dropdown-item a {padding: 10px 30px;display: block;font-size: 14px;color: #fff;font-weight: normal;}
header .pc-head .nav .dropdown-menu .dropdown-item a:hover {background: rgba(0, 0, 0, .8);}
.m-head {display: none;height: 50px;background: #fff;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
.m-head .m-head-logo {float: left;display: flex;width: 75%;padding: 5px;}
.m-head .m-head-logo img {height: 30px}
.m-head .m-head-menu .menu-open {float: right;color: #666;padding: 0 5px;}
.m-head .m-head-menu .menu-open i {font-size: 30px;}
.m-nav {display: block;position: fixed;top: 0px;left: 0px;width: 0px;height: 0px;overflow: hidden;z-index: 10000;}
.m-nav .closecover {position: absolute;width: 100%;height: 100%;background: #000;left: 0px;top: 0px;z-index: 1;filter: alpha(opacity=0);opacity: 0;}
.m-nav .menu-close {color: #fff;}
.m-nav .menu-close i {font-size: 30px;}
.m-nav .closeicon {position: absolute;width: 20%;left: 0;top: 1%;z-index: 100;text-align: center;filter: alpha(opacity=0);opacity: 0;}
.m-nav .m-navList {position: absolute;width: 80%;right: 0px;top: 0px;background: #0b0d19;height: 100%;z-index: 100;right: -80%;overflow-y: scroll;}
.m-nav .m-navList ul {padding-left: 5%;padding-right: 5%;list-style: none;}
.m-nav .m-navList ul li {border-bottom: 1px solid #232530;}
.m-nav .m-navList ul li a {display: block;height: 45px;color: #fff;line-height: 45px;padding-left: 5%;font-size: 16px;}
.m-nav .m-navList ul li .m-nav-f {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.m-nav .m-navList ul li .m-nav-f a {flex: 1;}
.m-nav .m-navList ul li .m-nav-f i {width: 40px;height: 35px;box-sizing: border-box;padding: 0 5px;display: block;}
.icon {background: url(../img/plus.png) 100% no-repeat;background-position: 50% 50%;-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s}
.icon-on {background: url(../img/reduce.jpg) 50% no-repeat !important;background-position: 50% 50%;-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s;}
.m-nav .m-navList ul li .m-nav-s {display: none;width: 100%;}
.m-nav .m-navList ul li .m-nav-s a {display: block;height: 40px;line-height: 40px;font-size: 14px;padding-left: 10%;overflow: hidden;white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m-nav .m-navList .m-nav-img {position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
.m-nav .m-navList .m-nav-img img {width: 100%;}
.slide {margin-top: 90px;}
.slide .swiper-slide {display: flex;justify-content: center;overflow: hidden;background: #eee;}
.slide .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.slide .swiper-pagination{bottom: 0;}
.slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 5px;}

.home-topping{background: #eee;text-align: center;padding: 18px;margin-top: 60px;border-radius: 6px;}
.home-topping:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, .2);background: #fff;transform: translateY(-6px);}
.home-topping a h3{font-size: 24px;color: #7ac146;font-weight: 600;}
.home-topping a p{color: #666;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 6px;}

.home-about {margin-top: 60px;}
.home-about h2 {font-size: 24px;margin: -30px 0 30px;}
.home-about h3 {font-size: 90px;text-transform: uppercase;position: relative;z-index: -1;color: rgba(51, 51, 51, .1);line-height: 1;}
.home-about .words {text-align: justify;line-height: 30px;margin-bottom: 15px;}
.home-about .button {padding: 10px 45px;background: #f30;color: #fff;border-radius: 6px;display: inline-block;margin: 15px 0;}
.home-about .button:hover {box-shadow: 0 0 5px 3px rgba(255, 51, 0, .5);}

.home-news-team {margin-top: 60px;background: #f2f2f2;}
.home-news-team .news-slide {margin: 50px auto;}
.home-news-team .news-slide .swiper-slide {border-radius: 6px;overflow: hidden;}
.home-news-team .news-slide .swiper-slide img {width: 100%;height: 380px;object-fit: cover;}
.home-news-team .news-head {margin: 50px 30px 0;}
.home-news-team .news-head ul, .home-news-team .news-body ul {padding: 0;margin-bottom: 0;}
.home-news-team .news-head ul li {text-align: center;padding: 0;}
.home-news-team .news-head ul li a {background: #d9d9d9;display: block;padding: 15px;font-size: 16px;font-weight: bold;color: #666;border-left: 1px solid #eee;}
.home-news-team .news-head ul li a.active{background: #f30;color: #fff;}
.home-news-team .news-body {margin: auto 30px;}
.home-news-team .news-body ul li a {padding: 10px 0;border-bottom: 1px solid #ddd;display: block;}
.home-news-team .news-body ul li a h3 {line-height: 1;}
.home-news-team .news-body ul li a h3 span {color: #666;font-size: 16px;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;}
.home-news-team .news-body ul li a h3 small {font-size: 12px;color: #ccc;text-align: right;width: 20%;display: inline-block;}
.home-news-team .news-body ul li a p {color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0;}

.homead {margin-top: 60px;background: #eee;height: 100px;}
.home-projects {margin-top: 60px;background: url('https://www.zygy.org.cn/assets/hi/img/projects-bg.jpg')left center no-repeat;height: 460px;padding-top: 30px;}
.home-projects h2 {font-size: 24px;margin: -30px 0 60px 530px;}
.home-projects h2 a.more{font-size: 14px;color: #666;float:right;display: inline-block;padding: 6px 12px;border: 1px solid #666;border-radius: 5px;background: #fff;}
.home-projects h3 {font-size: 60px;text-transform: uppercase;position: relative;z-index: -1;color: rgba(51, 51, 51, .1);line-height: 1;margin-left: 530px;}
.home-projects .item-list {margin: 30px 0 0 450px;display: flex;}
.home-projects .item-list li {margin: 15px 0;}
.home-projects .item-list li a {color: #666;padding: 30px;text-align: center;background: #eee;display: block;font-size: 20px;border-top-left-radius: 30px;}
.home-projects .item-list li a:hover {background: #f30;color: #fff;margin-top: -5px;box-shadow: 0 0 5px 3px rgba(255, 51, 0, .5);}

.home-article{margin-top: 60px;}
.home-article .title{font-size: 24px;color: #f00;}
.home-article .title a.more{display: inline-block;float: right;text-transform: uppercase;font-size: 14px;border: 1px solid #ccc;padding: 6px 12px;border-radius: 30px;color: #999;}
.home-article a{border-bottom: 1px dotted #ccc;display: block;padding-bottom: 12px;}
.home-article a h3 span{color: #666;font-size: 16px;width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;}
.home-article a h3 small{font-size: 12px;color: #ccc;text-align: right;width: 20%;display: inline-block;}
.home-article a p{color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0;}

.honor-slide h2,.honor-slide2 h2{margin: 30px 0;font-size: 24px;}
.honor-slide h2 a.more,.honor-slide2 h2 a.more{font-size: 14px;color: #666;float:right;display: inline-block;padding: 6px 12px;border: 1px solid #666;border-radius: 5px;background: #fff;}
.honor-slide .honorSwiper,.honor-slide2 .honorSwiper{overflow: hidden;height: 240px;}
.honor-slide .honorSwiper img,.honor-slide2 .honorSwiper img {width: 100%;height:100%;object-fit: cover;border-radius: 5px;}

.home-member {margin-top: 60px;}
.home-member h2 {font-size: 24px;margin: -40px 0 0 50px;}
.home-member h2 a.more{font-size: 14px;color: #666;float:right;display: inline-block;padding: 6px 12px;border: 1px solid #666;border-radius: 5px;background: #fff;}
.home-member h3 {font-size: 80px;text-transform: uppercase;position: relative;color: rgba(51, 51, 51, 5%);line-height: 1;z-index: -1;}
.home-member .swiper-slide {overflow: hidden;height: 360px;}
.home-member .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.home-member .swiper-slide h5 {height: 45px;background: rgba(255, 255, 255, .6);position: absolute;bottom: 0;z-index: 1;width: 100%;margin: 0;text-align: center;font-size: 16px;line-height: 45px;}
.home-member .swiper-slide:hover h5 {height: 90px;}
.home-member .pufa{padding: 12px 24px;background: #1764e4 url('https://www.zygy.org.cn/assets/hi/img/pufa.jpg') top left no-repeat;color: #fff;height: 100%;background-size: 100% auto;}
.home-member .pufa input,.home-member .pufa textarea{background: rgba(255, 255, 255, .5);border: 0;}
.home-member .pufa button{background: #40c2c4; color: #fff;}
.home-team-enterprise {margin-top: 60px;background: url('https://www.zygy.org.cn/assets/hi/img/home-join-enterprise-bg.jpg') center top no-repeat;}
.home-team-enterprise .home-team {overflow: hidden;}
.home-team-enterprise .home-team h2 {font-size: 24px;margin: -30px 0 50px 0;color: #fff;}
.home-team-enterprise .home-team h3 {font-size: 60px;text-transform: uppercase;position: relative;z-index: 0;color: rgba(255, 255, 255, .2);line-height: 1;}
.home-team-enterprise .home-team ul {padding: 0;}
.home-team-enterprise .home-team ul li {padding-left: 15px;}
.home-team-enterprise .home-team ul li a {line-height: 36px;color: rgba(255, 255, 255, .8);}
.home-team-enterprise .home-enterprise {margin-left: 160px;}
.home-team-enterprise .home-enterprise h2 {font-size: 24px;margin: -40px 0 0 40px;}
.home-team-enterprise .home-enterprise h3 a.more{font-size: 14px;color: #666;float:right;display: inline-block;padding: 6px 12px;border: 1px solid #666;border-radius: 5px;background: #fff;margin-top: -30px;}
.home-team-enterprise .home-enterprise h3 {font-size: 80px;text-transform: uppercase;position: relative;color: rgba(51, 51, 51, 5%);line-height: 1;}
.home-team-enterprise .home-enterprise .enterpriseSwiper {padding-bottom: 30px;margin: 80px 0 0 50px;}
.home-team-enterprise .home-enterprise .enterpriseSwiper .swiper-slide {padding: 15px 4px;overflow: hidden;border: 1px solid #999;background: #fff;height: 100px;}
.home-team-enterprise .home-enterprise .enterpriseSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: contain;}
.home-team-enterprise .home-enterprise .enterpriseSwiper .swiper-pagination {bottom: 0}
footer {background: #333;padding-top: 30px;color: rgba(255, 255, 255, .6);margin-top: 50px;}
footer p {margin-bottom: 5px;display: inline-block;}
footer p img {margin-left: 10px;}
footer .copy {background: #363636;text-align: center;margin-top: 30px;padding: 10px 0;}
footer .copy p {margin: 0;display: inline-block;}
footer .copy p a {color: rgba(255, 255, 255, .4);}
.m-footernavi,.m-copy{display: none;}

/* 内页样式 */
main {margin-top: 60px;min-height: 600px;}
.subslide {margin-top: 90px;background: #2c82da url('https://www.zygy.org.cn/assets/hi/img/subslide-bg.png')30% top no-repeat;height: 140px;display: flex;align-items: center;}
.subslide h2 {line-height: 1;color: rgba(255, 255, 255, .6);font-size: 36px;text-align: right;}
.subslide h2 img.org-logo{height: 80px;margin-right: 10px;}
.subslide2{background: url('https://www.zygy.org.cn/assets/hi/img/subslide-bg-2.jpg') center center;}
.subslide2 h2{color: #f00;text-align: center;font-weight: 600;text-shadow: 0 0 5px #fff;}

.subslide3{background: url('https://www.zygy.org.cn/assets/hi/img/mzdp_slidebg.jpg') center center;}
.subslide3 h2{color: #fff;text-align: center;font-weight: 600;text-shadow: 0 0 5px #fff;}

aside.sidebar {top: 100px;z-index: 1;}
aside.sidebar dt {background: #40c2c4;padding: 15px;font-size: 20px;border-top-right-radius: 15px;color: #fff;font-weight: 500;font-size: 24px;text-shadow: 0 0 6px #fff;}
aside.sidebar dd {margin: 0;background: #eee;padding: 0 15px;}
aside.sidebar dd a {display: block;padding: 10px;font-size: 16px;border-bottom: 1px solid #ddd;}
aside.sidebar dd:last-child a {border: none;}
aside.sidebar dd a:hover {margin-left: 5px;color: #f30;}
aside.sidebar .join-body {background: #1764e4 url('https://www.zygy.org.cn/assets/hi/img/pufa.jpg') top center no-repeat;background-size: 100% auto ;padding: 30px 15px;color: #fff;border-bottom-left-radius: 30px;}
aside.sidebar .join-body h4 {color: #fff;margin-bottom: 30px;font-size: 18px;}
aside.sidebar .join-body .form-control {margin: 5px 0;border: 0;}
aside.sidebar .join-body .form-control:focus {box-shadow: 0 0 5px 1px #fff;}
aside.sidebar .join-body .btn {margin: 5px 0;background: #40c2c4;color: #fff;font-size: 14px}
main .contentbox {margin-left: 80px;}
main .contentbox h1 {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eee;font-size: 2rem;}
main .contentbox h1 small {font-size: 14px;float: right;line-height: 5;color: #999;}
main .contentbox .content {text-align: justify;line-height: 2.6;font-size: 16px;min-height: 450px;width:100%;}
main .contentbox .content p{margin: 0;line-height: 3;}

main .contentbox .page {background: #eee;border-radius: 5px;}
main .contentbox .page a {color: #666;padding: 5px 10px;width: 100%;text-overflow: ellipsis;}
main .contentbox ul.list {padding: 0;}
main .contentbox ul.list li a {display: block;padding: 15px 0;overflow: hidden;border-bottom: 1px dashed #eee;}
main .contentbox ul.list li a .date {background: #eee;width: 80px;font-size: 24px;text-align: center;padding: 10px;border-radius: 6px;float: left;margin-right: 30px;}
main .contentbox ul.list li a .date span {font-size: 14px;display: block;}
main .contentbox ul.list li a h3 {font-size: 16px;font-weight: 600;line-height: 2.5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
main .contentbox ul.list li a p {color: #999;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;;}
main .contentbox ul.list li a:hover {padding: 15px;box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);}
main .contentbox ul.project-list {padding: 0;}
main .contentbox ul.project-list li a{display: block;overflow: hidden;border: 1px solid #eee;border-radius: 6px;padding: 15px;margin-bottom: 10px;}
main .contentbox ul.project-list li a .thumb {height: 240px;overflow: hidden;}
main .contentbox ul.project-list li a .thumb img {width: 100%;height: 100%;object-fit: contain;}
main .contentbox ul.project-list li a h3 {font-size: 16px;font-weight: 600;line-height: 2.5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
main .contentbox ul.project-list li a span {font-size: 12px;color: #ccc;}
main .contentbox ul.project-list li a p {color: #999;margin: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
main .contentbox ul.project-list li a:hover {padding: 15px;box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);}
main .contentbox >.pagination{justify-content: center;}
main .contentbox >.pagination li a,main .contentbox >.pagination li span{margin-right: 1px;padding: 10px;border: 1px solid #eee;border-radius: 5px;display: block;}
main .contentbox >.pagination li.active span{background: #06f;border-color: #06f;color: #fff;}
main .contentbox >.pagination li a{}
main .contentbox >.pagination li a:hover{background: #f30;color: #fff;border-color: #f30;}

.search form input{display: inline-block;width: 74%;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: 14px;border: 1px solid #ced4da;padding: .375rem .75rem;line-height: 1.5;font-size: 14px;}
.search button{line-height: 1.5;font-size: 14px;font-weight:400;padding: .375rem .75rem;border: 1px solid #ced4da;}


@media (max-width:1024.1px) {header .pc-head {display: none;}
  header .m-head {display: block;}
  header * {transition: unset;-webkit-transition: unset;}
  .slide {margin-top: 50px;}
  .slide .swiper {height: 180px;}
  .home-about {margin-top: 30px;}
  .home-about h3 {font-size: 60px;}
  .home-about h2 {margin-bottom: 15px;}
  .home-news-team .news-head {margin: 0 15px;}
  .home-news-team .news-body {margin: auto 5px;}
  .home-news-team .home-team {margin: 15px auto 0;}
  .homead {display: none;}
  .home-projects {margin: 0;}
  .home-projects h3 {display: none;}
  .home-projects h2 {margin: 0;color: #fff;text-align: right;}
  .home-projects .item-list {margin: 60px 0 0 0;padding: 0;}
  .home-projects .item-list li a {box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1);background: #fff;height: 80px;padding: 15px 10px;display: flex;justify-content: center;align-items: center;font-size: 18px;}
  .home-member {margin-bottom: 15px;}
  .home-member h3 {font-size: 50px;}
  .home-member .swiper {padding: 0 15px;}
  .home-member .swiper-slide{height: 300px;}
  .home-member .swiper-slide h5{font-size: 14px;}
  .home-member .pufa{height: 300px;}
  .home-team-enterprise .home-join h3 {font-size: 60px;}
  .home-team-enterprise {margin: 0;background-size: cover;background-position: 70% 50%;}
  .home-team-enterprise .home-enterprise {margin: 0;}
  .home-team-enterprise .home-enterprise h3 {font-size: 42px;}
  .home-team-enterprise .home-enterprise h2 {margin: -30px 0 0 0;}
  .home-team-enterprise .home-join {height: auto;margin-bottom: 15px;}
  .home-team-enterprise .home-enterprise .enterpriseSwiper {margin: 15px 0;}
  footer img {max-width: 100%;}
  footer .logo {text-align: center;}
  footer .words {padding: 15px 30px;}
  footer .signup {padding: 15px 30px;}
  footer{display: none;}
  .m-footernavi{display: block;position: fixed;bottom: 0;background: #fff;box-shadow: 0 -1px 10px rgba(0, 0, 0, .2);z-index: 2050;padding: 6px;height: 60px;}
  .m-footernavi .item{display: flex;line-height: 1.1;flex-direction: column;align-items: center;}
  .m-footernavi .iconfont{font-size: 24px;}
  .m-copy{display: block;padding: 30px 0 60px;text-align: center; color: #999;}
  /* 内页样式 */
  .subslide {margin-top: 50px;}
  .subslide h2 {font-size: 24px;text-align: center;}
  .subslide h2 img.org-logo{height: 50px;margin: 0;}
  .subslide2{background-position-x: -390px;background-size: auto 100%;height: 110px;}
  main {margin-top: 15px;}
  main .contentbox {margin: 0;}
  main .contentbox h1 small {display: block;width: 100%;}
  main .project-list li {padding: 0 5px;}
  main .contentbox .content img{max-width:100%!important;}
  main .contentbox .content table img{width: 100%!important;height: auto!important;}
  main .contentbox .content p{line-height: 2;}
  .search form input{width: 65%;}
  main .contentbox ul.project-list {padding: 0 10px;}
  main .contentbox ul.project-list li a{padding: 5px;}
  main .contentbox ul.project-list li a h3{font-size: 14px;}
  main .contentbox >.pagination li a,main .contentbox >.pagination li span{padding: 8px;}
}
@media (max-width:768px) {
  .home-team-enterprise {margin: 0;background-size: cover;background-position: 5% 50%;}
  .home-team-enterprise .home-enterprise h3 {color: rgba(255, 255, 255, .2);}
  .home-team-enterprise .home-enterprise h2 {color: #fff;}
  .home-member .pufa{height: auto;}
}
@media (min-width:1025px) {
  header .pc-head .logo img{height: 40px;}
  header .pc-head .nav .nav-item a{padding: 20px 14px;}
  header .pc-head .nav{margin-top: 20px;}
}
@media (min-width:1152px) {
  header .pc-head .logo img{height: 48px;}
  header .pc-head .nav{margin-top: 26px;}
}
@media (min-width:1280px) {
  header .pc-head .logo img{height: 60px;}
}
@media (min-width:1440px) {
  header .pc-head .logo img{height: 70px;}
}