*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Source Han Sans CN';} header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;} ul li{list-style: none;} a{text-decoration: none;color: #000;} table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;} input,select,textarea{outline: none;} textarea{resize: none;outline: none;} iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;} html,body{min-width: 1263px;} .f_le{float: left;} .f_ri{float: right;} .clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .p_re{position: relative;} .p_ab{position: absolute;} .flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .flexbox1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} .flexbox2{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} .flexbox3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;} .flexc{margin: auto auto;} .flexwarp{flex-wrap: wrap;} .column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */column-count:; /* 鍒楁暟 */column-gap:; /* 鍒楅棿璺 */column-rule:; /* 鍒嗛殧绾 */} .txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;} .txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden;} .pic{width: 300px;overflow: hidden;position: relative;} .pic figure{padding-top: 75%;} .pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);} /* wrapper */ .wrapper{width: 1400px;margin: 0 auto;} @media screen and (max-width: 1440px) { .wrapper{width: 1200px;} } /* header */ .header{width: 100%;border-top: 10px solid #ececec;background: #fff;position: relative;} .header .logo{display: block;height: 70px;float: left;} .header .logo img{display: block;height: 100%;} .header .logo h1{width: 0;height: 0;overflow: hidden;display: none;} .header .head-right{position: absolute;bottom: 0;right: 0;height: 70px;z-index: 9;background: url(../images/bj00.png) right center no-repeat #fff;} .header .nav{float: left;} .header .nav li{float: left;} .header .nav li a.na{display: block;font-size: 16px;color: #5c5c5c;line-height: 70px;padding: 0 15px;position: relative;} .header .nav li a.na:after{content:'';display: block;width: 0;height: 2px;background: #ffb700;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;transition: .5s;} .header .nav li .na1{display: block;padding: 0 25px;line-height: 70px;} .header .nav li .na1 img{display: inline-block;width: 20px;vertical-align: middle;} .header .nav li:hover a.na:after,.header .nav li.active a.na:after{width: 100%;} .header .drop-down{display: none;width: 100vw;background: rgba(0,0,0,.25);position: absolute;right: 0;top: 70px;padding: 20px 0;} .header .drop-down a{display: block;font-size: 16px;color: #ffffff;line-height: 2.2;margin: 0 35px;} .header .n-search{width: 17px;height: 70px;background: url(../images/ico03.png) center center no-repeat;float: right;position: relative;margin: 0 45px;} .header .n-search form{display: block;overflow: hidden;width: 0;height: 30px;border-radius: 30px;background: #fff;margin: auto 0;position: absolute;right: -10px;top: 0;bottom: 0;transition: .5s;} .header .n-search .inp{display: block;border: 0;width: calc(100% - 30px);height: 100%;float: left;padding: 0 0 0 15px;font-size: 14px;color: #5c5c5c;} .header .n-search .btn{display: block;width: 30px;height: 30px;background: url(../images/ico03_1.png) center center no-repeat;border: 0;float: right;} .header .n-search:hover form{width: 150px;box-shadow: 0 0 5px rgba(0,0,0,.15);} .header .n-link{width: 262px;height: 70px;font-size: 16px;color: rgba(255,255,255,.7);text-align: center;line-height: 70px;float: right;margin-left: 30px;} .header .n-link a{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.7);} .header .n-link span{display: inline-block;vertical-align: middle;margin: 0 10px;} .header .n-link a.active{color: #fff;} @media screen and (max-width: 1440px) { .header .head-right{background: url(../images/bj00.png) right center no-repeat #fff;background-size: 287px 100%;} .header .nav li a.na,.header .nav li .na1{padding: 0 10px;} .header .n-search{margin: 0 25px;} .header .n-link{width: 220px;margin-left: 15px;} } @media screen and (max-width: 1280px) { .header .drop-down{width: 1263px;} } /* footer */ .footer{width: 100%;background: url(../images/bj04.jpg) top right repeat-y;background-size: 100% auto;padding: 30px 0 18px;} .footer .box{border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;} .footer .logo_1{display: block;height: 70px;float: left;} .footer .logo_1 img{display: block;height: 100%;} .footer .f-pattern{float: right;padding-top: 14px;} .footer .f-pattern a{display: block;width: 43px;height: 43px;border-radius: 100%;float: left;margin-left: 30px;} .footer .f-pattern a img{display: block;width: 100%;} .footer .box1{border-bottom: 1px solid #c0c0c0;padding: 40px 0;} .footer .f-nav{float: left;} .footer .f-nav li{float: left;text-align: center;margin-right: 50px;} .footer .f-nav li:last-child{margin-right: 0;} .footer .f-nav .fna{display: block;font-size: 16px;color: #5c5c5c;line-height: 25px;} .footer .f-nav .fnaa{display: block;font-size: 12px;color: #838383;line-height: 20px;} .footer .f-nav .fnabox{width: 110px;} .footer .f-nav .fnaa1{display: block;font-size: 12px;color: #838383;float: left;width: 55px;line-height: 20px;} .footer .f-nav li a:hover{color: #007be5;} .footer .qrcode{float: right;} .footer .qrcode span{display: block;width: 104px;height: 104px;background: #fff;float: left;margin-left: 10px;} .footer .qrcode span img{display: block;width: 100%;} .footer .copyright{text-align: center;padding: 25px 0;font-size: 12px;color: #9e9e9e;line-height: 20px;} .footer .copyright a{color: #9e9e9e;transition: .5s;} .footer .copyright a:hover{color: #000;} /* banner */ .banner{width: 100%;position: relative;overflow: hidden;z-index: 0;} .banner .swiper-slide img{width: 100%;display: block;} .banner .swiper-pagination{position: absolute;bottom: 25px;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;} .banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;} .banner .scroll{display: block;width: 53px;height: 53px;background: #fff;border-radius: 100%;margin: 0 auto;position: absolute; bottom: 5.208vw; left: 0;right: 0;z-index: 99; animation: mymove 3s ease infinite;} @keyframes mymove { 0% { opacity: 1; } 50% { opacity: .2; } 100% { opacity: 1; } } @media screen and (max-width: 1440px) { .banner .scroll{bottom: 60px;} } /* home picShow */ .picShow{width: 100%;} .picShow a{display: block;width: 100%;} .picShow img{display: block;width: 100%;} /* home titBox */ .n-titBox{text-align: center;line-height: 1.2;margin-bottom: 40px;} .n-titBox .ftitle{display: block;font-size: 40px;color: #007be5;text-transform: uppercase;} .n-titBox .title{font-size: 28px;color: #1b1b1b;} /* home about */ .n-about{width: 100%;background: url(../images/bj09.jpg) bottom center no-repeat;padding: 80px 0 100px;} .n-about article{text-align: center;font-size: 16px;color: #737373;line-height: 2;margin-bottom: 30px;} .n-about .box{margin-bottom: 65px;} .n-about .box span{display: block;width: 142px;margin: auto 55px;transition: .5s;} .n-about .box span img{display: block;width: 100%;} .n-about .box span:hover{transform: translateY(-5px);} .n-about .gd{display: block;width: 150px;height: 32px;border: 1px solid #c9c9c9;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #737373;margin: 0 auto;letter-spacing: 2px;transition: .5s;} .n-about .gd:hover{background: #c9c9c9;color: #fff;} /* home party */ .n-party{width: 100%;background: url(../images/bj13.jpg) bottom center no-repeat;padding: 70px 0 100px;} .n-party .party-swiper{width: 100%;overflow: hidden;position: relative;z-index: 0;} .n-party .party-swiper .swiper-wrapper{} .n-party .party-swiper .swiper-slide{width: 558px;margin: auto 0 0;transform-origin: center bottom;transition: .5s;} .n-party .party-swiper .img{display: block;width: 100%;} .n-party .party-swiper .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 140px 19.531% 0;text-align: center;} .n-party .party-swiper .cont1{background: rgba(0,0,0,.75);color: #fff;position: absolute;top: 100%;bottom: 0;left: 0;right: 0;padding: 140px 19.531% 0;text-align: center;transition: 1.5s;} .n-party .party-swiper .ico{display: block;width: 43px;height: 43px;margin: 0 auto 40px;transition: 1s;} .n-party .party-swiper h5{font-size: 36px;line-height: 1.5;} .n-party .party-swiper .ftit{font-size: 14px;text-transform: uppercase;line-height: 1.2;} .n-party .party-swiper .gd{display: block;width: 53px;height: 53px;margin: 2.604vw auto 0;transition: .5s;} .n-party .party-swiper .gd img{display: block;width: 100%;} .n-party .party-swiper h4{font-size: 20px;line-height: 1.5;font-weight: initial;} .n-party .party-swiper .cont1 em{display: block;width: 60px;height: 1px;background: #ffffff;margin: 20px auto;} .n-party .party-swiper .cont1 article{text-align: justify;font-size: 16px;line-height: 2;} .n-party .party-swiper .gd1{display: block;width: 150px;height: 32px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;margin: 5.208vw auto 0;letter-spacing: 2px;transition: .5s;} .n-party .party-swiper .gd1:hover{background: #fff;color: #5b4d58;} .n-party .party-swiper .swiper-slide-active .cont1{top: 0;} .n-party .party-swiper .swiper-button-next,.n-party .party-swiper .swiper-button-prev{width: 80px;height: 75px;background: #fff;margin: 0;position: absolute;top: auto;left: auto;right: 0;bottom: 0;font-size: 20px;color: #565656;} .n-party .party-swiper .swiper-button-next:after,.n-party .party-swiper .swiper-button-prev:after{font-size: 20px;} .n-party .party-swiper .swiper-button-prev{right: 80px;color: #c5c5c5;} .n-party .party-swiper .shu{display: block;width: 1px;height: 20px;background: #c5c5c5;position: absolute;right: 80.5px;bottom: 27.5px;z-index: 10;} /*.n-party{} .n-party .item{width: 33.333%;float: left;overflow: hidden;position: relative;} .n-party .item .img{display: block;width: 100%;} .n-party .item .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 10.417vw 19.531% 0;text-align: center;} .n-party .item .cont1{background: rgba(0,0,0,.75);color: #fff;} .n-party .item .ico{display: block;width: 65px;height: 65px;margin: 0 auto 40px;transition: 1s;} .n-party .item h5{font-size: 36px;line-height: 1.5;} .n-party .item .ftit{font-size: 14px;text-transform: uppercase;line-height: 1.2;} .n-party .item .gd{display: block;width: 53px;height: 53px;margin: 2.604vw auto 0;transition: .5s;} .n-party .item .gd img{display: block;width: 100%;} .n-party .item h4{font-size: 20px;line-height: 1.5;font-weight: initial;} .n-party .item .cont1 em{display: block;width: 60px;height: 1px;background: #ffffff;margin: 20px auto;} .n-party .item .cont1 article{text-align: justify;font-size: 16px;line-height: 2;} .n-party .item .gd1{display: block;width: 150px;height: 32px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;margin: 5.208vw auto 0;letter-spacing: 2px;transition: .5s;} .n-party .item .gd1:hover{background: #fff;color: #5b4d58;} .n-party .item:nth-child(1){color: #fff;} .n-party .item:nth-child(3){color: #5b4d58;} .n-party .item:hover .ico{transform:rotateY(360deg);} @media screen and (max-width: 1600px) { .n-party .item .cont{padding: 9.417vw 17.531% 0;} .n-party .item .gd1{margin-top: 4.208vw;} } @media screen and (max-width: 1440px) { .n-party .item .cont{padding: 8.417vw 15.531% 0;} .n-party .item .gd1{margin-top: 3.208vw;} .n-party .item .cont1 article{font-size: 14px;} } @media screen and (max-width: 1366px) { .n-party .item .cont{padding: 7.417vw 13.531% 0;} .n-party .item .gd1{margin-top: 3.208vw;} } @media screen and (max-width: 1280px) { .n-party .item .cont{padding: 95px 58px 0;} .n-party .item .gd{margin-top: 35px;} .n-party .item .gd1{margin-top: 40px;} }*/ /* home talents */ .n-talents{background: url(../images/bj10.jpg) center center no-repeat;padding: 90px 0 115px;} .n-talents .n-titBox .ftitle,.n-talents .n-titBox .title{color: #ffffff;} .n-talents .item{width: 22.857%;overflow: hidden;position: relative;} .n-talents .item .img{display: block;width: 100%;} .n-talents .item .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,.8));color: #fff;text-align: center;line-height: 1.5;padding-top: 125px;} .n-talents .item .ico{display: block;width: 51px;height: 51px;margin: 0 auto;transition: 1s;} .n-talents .item .tit{font-size: 30px;color: #fff;margin: 20px 0;} .n-talents .item .slogan{font-size: 18px;} .n-talents .item .gd{display: block;width: 115px;height: 35px;background: #ffffff;text-align: center;line-height: 36px;border-radius: 36px;font-size: 14px;color: #737373;margin: 70px auto 0;transition: .5s;} .n-talents .item:hover .ico{transform:rotateY(360deg);} .n-talents .item:hover .gd{background: #ffb400;color: #fff;} /* home news */ .n-news{padding: 110px 0 125px;border-top: 12px solid #007be5;} .n-news .n-titBox{text-align: left;float: left;} .n-news .nn-head{float: right;margin-top: 23px;} .n-news .nn-head a{display: block;float: left;font-size: 16px;color: #8a8a8a;line-height: 36px;padding: 0 20px;margin-left: 15px;transition: .5s;} .n-news .nn-head a:hover,.n-news .nn-head a.active{background: #007be5;color: #fff;} .n-news .box{display: none;} .n-news .list1{width: 47.143%;float: left;} .n-news .list1 a{display: block;width: 100%;} .n-news .list1 .pic{width: 100%;} .n-news .list1 .pic figure{padding-top: 50.515%;} .n-news .list1 .cont{width: 100%;padding: /*32px*/ 20px 7.576%;background: #007be5;color: #fff;transition: .5s;} .n-news .list1 .time{float: left;text-align: center;} .n-news .list1 .time b{display: block;font-size: 57px;line-height: 1;} .n-news .list1 .time p{font-size: 17px;line-height: 1.5;} .n-news .list1 .text{width: calc(100% - 110px);float: right;} .n-news .list1 .tit{font-size: 20px;} .n-news .list1 .desc{font-size: 16px;line-height: 1.8;} .n-news .list1 em{display: block;width: 100%;height: 1px;background: #fff;margin: 15px 0;} .n-news .list1:hover .cont{background: #ffb400;} .n-news .nn-right{width: 49.857%;float: right;} .n-news .list{border-bottom: 1px solid #d2d2d2;padding: 30px 25px;} .n-news .list:nth-child(1){border-top: 1px solid #d2d2d2;} .n-news .list a{display: block;width: 100%;} .n-news .list em{display: block;width: 6px;height: 6px;background: #737373;border-radius: 100%;float: left;margin-right: 20px;margin-top: 5px;} .n-news .list .text{float: left;width: 420px;} .n-news .list .time{float: right;text-align: center;line-height: 1;} .n-news .list .time b{display: block;font-size: 24px;color: #a0a0a0;font-weight: lighter;margin-bottom: 40px;} .n-news .list .tit{font-size: 20px;color: #4a4a4a;line-height: 1;margin-bottom: 15px;transition: .5s;} .n-news .list .desc{font-size: 16px;color: #8a8a8a;text-align: justify;line-height: 1.8;} .n-news .list:hover .tit{color: #007be5;} @media screen and (max-width: 1440px) { .n-news .list{padding: 22px 20px;} } /* home message */ .n-message{width: 100%;height: 338px;} .n-message form{float: right;width: 610px;padding-top: 70px;} .n-message form input{display: block;width: 47%;float: left;border: 0;border-bottom: 1px solid #676767;background: transparent;font-size: 14px;color: #676767;height: 41px;margin-bottom: 20px;} .n-message form input:nth-child(2n){float: right;} .n-message form .text{width: 100%;} .n-message form input::-webkit-input-placeholder{color: #676767;} .n-message form input::-moz-placeholder{color: #676767;} .n-message form .btn{display: block;width: 100%;height: 38px;background: #676767;text-align: center;line-height: 38px;border: 0;font-weight: initial;color: #fff;font-size: 14px;margin-top: 25px;cursor: pointer;transition: .5s;} .n-message form .btn:hover{opacity: .9;} /* out */ .out{padding: 75px 0 150px;} .article{font-size: 16px;color: #737373;text-align: justify;line-height: 2;} .article img{max-width: 100%;} .article iframe,.article video{width: 800px;} /* crumbs */ .crumbs{width: 100%;background: #fafafa;height: 81px;overflow: hidden;line-height: 80px;border-bottom: 1px solid #eff0f1;margin-top: -81px;position: relative;z-index: 5;} .crumbs .c-link{display: block;float: left;font-size: 22px;color: #333333;line-height: 80px;margin-right: 45px;transition: .5s;} .crumbs .c-link:last-child{margin-right: 0;} .crumbs .c-link:hover,.crumbs .c-link.active{color: #007be5;} .m-crumb{float: right;max-width: 300px;font-size: 14px;color: #666666;} .m-crumb a{color: #666666;transition: .3s;} .m-crumb span{cursor: pointer;} .m-crumb i{font-style: normal;} .m-crumb a:hover,.m-crumb span{color: #007be5;} /* about */ .about .box{margin: 65px 0 75px;} .about .box span{display: block;width: 142px;margin: auto 55px;transition: .5s;} .about .box span img{display: block;width: 100%;} .about .box span:hover{transform: translateY(-5px);} .about .img{width: 100%;} .about .img img{display: block;width: 100%;} /* honor */ .honor .list{width: 28.929%;float: left;margin-right: 6.6065%;} .honor .list:nth-child(3n){margin-right: 0;} .honor .list a{width: 100%;} .honor .list .img{width: 100%;position: relative;} .honor .list .img .bj{display: block;width: 100%;position: relative;z-index: 1;} .honor .list .pic{width: 84.198%;height: 79.355%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 0;} .honor .list .pic figure{padding-top: 72.141%;} .honor .list .tit{text-align: center;font-size: 22px;color: #363636;height: 95px;line-height: 95px;transition: .5s;} .honor .list:hover .tit{color: #007be5;} /* party */ .party .list{width: 32%;float: left;margin: 0 2% 25px 0;background: #f5f5f5;position: relative;transition: .5s;} .party .list:nth-child(3n){margin-right: 0;} .party .list a{display: block;width: 100%;} .party .list .pic{width: 100%;background: #000;opacity: 0;transition: .5s;} .party .list .pic figure{padding-top: 56.92%;} .party .list .pic figure img{opacity: .5;} .party .list em{display: block;width: calc(100% - 40px);height: 1px;background: #d7d7d7;margin: 0 auto;} .party .list .cont{position: absolute;top: 0;bottom: 85px;left: 0;right: 0;padding: 50px 30px 0;} .party .list .time{color: #ababab;transition: .5s;} .party .list .time span{font-size: 26px;} .party .list .time small{font-size: 16px;} .party .list .tit{font-size: 20px;color: #343434;line-height: 1.5;margin: 10px 0;transition: .5s;} .party .list .desc{font-size: 16px;color: #808080;line-height: 1.5;transition: .5s;} .party .list .gd{padding: 20px 30px;font-size: 14px;color: #ababab;line-height: 45px;} .party .list .gd img{display: block;width: 45px;height: 45px;border-radius: 100%;float: right;opacity: 0;transition: .5s;} .party .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);} .party .list:hover .pic,.party .list:hover .gd img{opacity: 1;} .party .list:hover .time,.party .list:hover .tit,.party .list:hover .desc{color: #fff;} /* activity */ .activity .list{border-bottom: 1px solid #dddddd;transition: .5s;} .activity .list:nth-child(1){border-top: 1px solid #dddddd;} .activity .list a{display: block;padding: 35px 0 35px 35px;} .activity .list .pic{width: 256px;float: left;} .activity .list .pic figure{padding-top: 62.5%;} .activity .list .cont{width: calc(100% - 593px);float: left;margin-left: 50px;line-height: 1.8;padding-top: 25px;} .activity .list .tit{font-size: 22px;color: #343434;margin-bottom: 10px;transition: .5s;} .activity .list .desc{font-size: 16px;color: #808080;text-align: justify;} .activity .list .time{width: 222px;height: 160px;border-left: 1px solid #dddddd;text-align: center;font-size: 20px;color: #a0a0a0;line-height: 1;float: right;padding-top: 40px;transition: .5s;} .activity .list .gd{display: block;width: 35px;height: 17px;background: url(../images/ico30.png) right center no-repeat;margin: 20px auto 0;transition: .5s;} .activity .list:hover{background: #f5f5f5;} .activity .list:hover .tit,.activity .list:hover .time{color: #007be5;} .activity .list:hover .gd{background: url(../images/ico30.png) left center no-repeat;} /* culture */ .culture .list{width: 48.5%;margin: 0 3% 20px 0;background: #f5f5f5;border-radius: 15px;padding: 50px 20px;text-align: center;line-height: 1.8;cursor: default;transition: .5s;} /*.culture .list{width: 32%;margin: 0 2% 20px 0;background: #f5f5f5;border-radius: 15px;padding: 50px 20px;text-align: center;line-height: 1.8;cursor: default;transition: .5s;}*/ .culture .list:nth-child(2n){margin-right: 0;} /*.culture .list:nth-child(3n){margin-right: 0;}*/ .culture .list .ico{display: block;width: 118px;height: 118px;border-radius: 100%;border-radius: 100%;margin: 0 auto 25px;transition: 1s;} .culture .list .tit{font-size: 28px;color: #333333;} .culture .list em{display: block;width: 26px;height: 2px;background: #626262;margin: 5px auto 20px;} .culture .list article{font-size: 18px;color: #808080;} /*.culture .list:nth-child(7){width: 100%;margin-right: 0;}*/ .culture .list .cl-left{margin: auto auto;} .culture .list .cl-right{margin: auto 0;width: 60.714%;} .culture .list .text{width: 440px;float: left;text-align: left;margin: 18px 0;} .culture .list .text:nth-child(2n){width: 310px;float: right;} .culture .list .txt{color: #333333;font-weight: bold;font-size: 18px;} .culture .list .txt font{display: block;width: 15px;height: 15px;background: #333333;border-radius: 100%;float: left;margin: 8.5px 5px 0 0;} .culture .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);} .culture .list:hover .ico{transform:rotateY(360deg);} @media screen and (max-width: 1440px) { .culture .list .ico{width: 100px;height: 100px;} .culture .list .tit{font-size: 26px;} .culture .list article{font-size: 16px;} .culture .list .cl-right{width: 65.714%;} .culture .list .text{width: 400px;} .culture .list .text:nth-child(2n){width: 285px;} } /* staff */ .staff .list{width: 32%;float: left;margin-right: 2%;} .staff .list:nth-child(3n){margin-right: 0;} .staff .list a{display: block;width: 100%;} .staff .list .pic{width: 100%;background: #ddd;transition: .5s;} .staff .list .pic figure{padding-top: 75%;} .staff .list .tit{font-size: 22px;color: #363636;text-align: center;line-height: 80px;height: 80px;transition: .5s;} .staff .list:hover .pic{box-shadow: 5px 5px 5px rgba(0,0,0,.15);transform: translateY(-5px);} .staff .list:hover .tit{color: #007be5;} /* society */ .society .list{border-bottom: 1px solid #dddddd;} .society .list:nth-child(1){border-top: 1px solid #dddddd;} .society .list a{display: block;padding: 40px 30px;} .society .list .pic{width: 300px;float: left;} .society .list .pic figure{padding-top: 63.333%;} .society .list .cont{width: calc(100% - 370px);float: right;line-height: 1.8;padding-top: 10px;} .society .list .time{font-size: 16px;color: #808080;} .society .list .tit{font-size: 22px;color: #343434;margin: 15px 0 5px;transition: .5s;} .society .list .desc{font-size: 16px;color: #808080;text-align: justify;} .society .list .gd{width: 35px;height: 17px;background: url(../images/ico30.png) right center no-repeat;margin-top: 20px;transition: .5s;} .society .list:hover .tit{color: #007be5;} .society .list:hover .gd{background: url(../images/ico30.png) left center no-repeat;} /* news */ .news .list{background: #f5f5f5;margin-bottom: 30px;transition: .5s;} .news .list a{display: block;width: 100%;padding: 35px 55px;} .news .list .time{width: 105px;height: 105px;float: left;background: #007be5;text-align: center;color: #fff;padding-top: 19px;box-shadow: 5px 5px 10px rgba(0,0,0,.15);border-radius: 100%;} .news .list .time b{display: block;font-size: 46px;line-height: 46px;} .news .list .time p{font-size: 16px;line-height: 20px;} .news .list .cont{width: calc(100% - 140px);float: right;line-height: 1.5;padding-top: 10px;} .news .list .tit{font-size: 22px;color: #343434;transition: .5s;} .news .list .desc{font-size: 16px;color: #808080;} .news .list em{display: block;width: 100%;height: 1px;background: #d7d7d7;margin: 15px 0;} .news .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);} .news .list:hover .tit{color: #007be5;} /* idealism */ .idealism .box{background: url(../images/bj12.jpg) bottom center no-repeat #f5f5f5;padding: 65px 65px 55px;} .idealism .title{font-size: 26px;color: #007be5;line-height: 1.5;margin-bottom: 30px;} .idealism .img{width: 46.643%;float: right;} .idealism .img img{display: block;width: 100%;} .idealism .cont{width: 46.143%;float: left;margin-left: 1.429%;padding-top: 45px;} /* cultivate */ .cultivate .list{width: 47%;float: left;border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;margin-bottom: 30px;} .cultivate .list:nth-child(2n){float: right;} .cultivate .list a{display: block;width: 100%;} .cultivate .list .pic{width: 218px;float: left;background: #ddd;} .cultivate .list .pic figure{padding-top: 63.303%;} .cultivate .list .cont{width: calc(100% - 245px);float: right;padding-top: 15px;} .cultivate .list .tit{font-size: 20px;color: #343434;line-height: 30px;transition: .5s;} .cultivate .list .desc{font-size: 16px;color: #808080;text-align: justify;line-height: 28px;margin: 15px 0;} .cultivate .list:hover .tit{color: #007be5;} @media screen and (max-width: 1440px) { .cultivate .list .pic{width: 200px;} .cultivate .list .cont{width: calc(100% - 225px);} .cultivate .list .tit{font-size: 18px;line-height: 25px;} .cultivate .list .desc{font-size: 14px;line-height: 24px;} } /* recruitment */ .recruitment .jList{width: 100%;margin-bottom: 25px; } .recruitment .jHead{width: 100%;height: 55px;background: #f5f5f5;box-sizing: border-box;padding: 0 38px;line-height: 55px;cursor: pointer;color: #505050;overflow: hidden;} .recruitment .jHead .jTit{float: left;font-size: 22px;margin-right: 15px;} .recruitment .jHead .jBrief{max-width: 435px;float: left;font-size: 16px;} .recruitment .jHead .jMore{width: 100px;float: right;font-size: 16px;color: #505050;} .recruitment .jHead .jMore span{display: block;width: 25px;height: 25px;background: url(../images/0jh.png) center center no-repeat;border-radius: 100%;overflow: hidden;float: right;margin-top: 15px;} .recruitment .jBody{width: 100%;display: none;position: relative;} .recruitment .jBody .rs{width: 100%;box-sizing: border-box;border: 1px solid #dcdcdc;padding: 20px 38px;line-height: 25px;font-size: 16px;color: #757575;} .recruitment .jBody .b1{width: 110px;height: 40px;border-radius: 20px;background-color: #007be5;font-size: 18px;line-height: 40rpx;color: #fff;text-align: center;position: absolute;right: 38px;bottom: 50px;border: none;outline: none;} .recruitment .jBody .b2{background-color: #cccccc;} .recruitment .jBody article{width: 100%;box-sizing: border-box;padding: 20px 38px 50px;font-size: 14px;color: #757575;line-height: 30px;} .recruitment .jList .jHead.active{background: #007be5;color: #fff;} .recruitment .jList .jHead.active .jMore{color: #fff;} .recruitment .jList .jHead.active .jMore span{background: url(../images/1jh.png) center center no-repeat;} /* occupation */ .occupation .list{width: 32%;float: left;margin: 0 2% 58px 0;border-bottom: 1px solid #dddddd;padding-bottom: 30px;} .occupation .list:nth-child(3n){margin-right: 0;} .occupation .list a{display: block;width: 100%;} .occupation .list .pic{width: 100%;background: #ddd;} .occupation .list .pic figure{padding-top: 70%;} .occupation .list .tit{font-size: 20px;color: #343434;line-height: 30px;margin: 25px 0 10px;transition: .5s;} .occupation .list .desc{font-size: 16px;color: #808080;text-align: justify;line-height: 28px;} .occupation .list:hover .tit{color: #007be5;} /* contact */ .contact .box{margin-bottom: 40px;} .contact .item{border: 1px solid #c8c8c8;border-radius: 5px;width: 22.857%;padding: 30px 15px 20px;text-align: center;line-height: 1.5;cursor: default;background: #fff;transition: .5s;} .contact .item .ico{display: block;width: 61px;height: 61px;border-radius: 100%;margin: 0 auto 10px;transition: 1s;} .contact .item .tit{font-size: 22px;color: #343434;font-weight: initial;} .contact .item em{display: block;width: 24px;height: 1px;background: #218ce8;margin: 10px auto;} .contact .item .txt{font-size: 16px;color: #808080;} .contact .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);} .contact .item:hover .ico{transform:rotateY(360deg);} .contact .map{width: 100%;height: 530px;background: #ddd;margin-bottom: 45px;} .contact .map iframe{display: block;width: 100%;height: 100%;border: 0;} .contact form{display: block;} .contact form input{display: block;width: calc( (100% - 30px) / 3 );height: 53px;background: #f5f5f5;border-radius: 5px;padding: 0 20px;font-size: 16px;color: #808080;border: 0;float: left;margin: 0 15px 15px 0;} .contact form input:nth-child(3n){margin-right: 0;} .contact form textarea{display: block;width: 100%;height: 175px;background: #f5f5f5;border-radius: 5px;border: 0;padding: 15px 20px;font-size: 16px;color: #808080;} .contact form .btn{display: block;width: 455px;height: 53px;border: 0;background: #007be5;color: #fff;border-radius: 5px;font-size: 16px;font-weight: initial;margin: 35px auto 0;cursor: pointer;} .contact form .btn:hover{background: #0074d8;} /* content */ .content .c-title{font-size: 22px;font-weight: initial;color: #343434;line-height: 1.5;text-align: center;} .content .c-time{font-size: 14px;color: #999;text-align: center;line-height: 1.5;margin: 10px auto 30px;} /* 涓婁笅椤 */ .m-clips{margin: 60px 0 0;font-size: 16px;color: #343434;line-height: 2;border-top: 1px solid #dcdcdc;padding-top: 35px;} .m-clips a{color: #343434;line-height: 2;} /*home n-safety*/ .n-safety{width: 100%;padding: 90px 0 100px;background: url(../images/bj15.jpg) bottom center no-repeat;background-size: cover;} .n-safety .ns-video{width: 50%;min-height: 570px;background: #ddd;} .n-safety .ns-bk{width: 50%;} .n-safety .ns-item{height: 33.333%;padding: 40px 50px;} .n-safety .ns-item:nth-child(2){background: #f5f5f5;} .n-safety .ns-item:nth-child(3){background: #007be5;} .n-safety .bk-bt{color: #1c2d59;padding-top: 60px;} .n-safety .bk-bt .bt{display: block;font-size: 30px;line-height: 1;} .n-safety .bk-bt .ns-more{display: block;width: 115px;border: 1px solid #8388a0;border-radius: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #1c2d59;margin-top: 15px;transition: .5s;} .n-safety .bk-bt:hover .ns-more{background: #1c2d59;color: #fff;} .n-safety .list{} .n-safety .list a{display: block;width: 100%;line-height: 2;} .n-safety .ns-item:nth-child(2) a{color: #4a4a4a;} .n-safety .ns-item:nth-child(2) a .desc{color: #8a8a8a;} .n-safety .ns-item:nth-child(3) a{color: #fff;} .n-safety .list .tit{font-size: 20px;} .n-safety .list .desc{font-size: 16px;} .n-safety .video-swiper{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 0;} .n-safety .video-swiper .swiper-slide,.n-safety .video-swiper .swiper-wrapper{width: 100%;height: 100%;z-index: 0;} .n-safety .video-swiper .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;} .n-safety .video-swiper .swiper-slide .pic{width: 100%;height: 100%;z-index: 0;} .n-safety .video-swiper .swiper-slide .pic figure{padding: 0;width: 100%;height: 100%;} .n-safety .video-swiper .swiper-slide .ico{display: block;width: 115px;height: 115px;border-radius: 100%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;} .n-safety .video-swiper .swiper-button-prev,.n-safety .video-swiper .swiper-button-next{margin: 0;top: unset;left: unset;width: 80px;height: 74px;background: #fff;bottom: 0;z-index: 3;} .n-safety .video-swiper .swiper-button-prev:after,.n-safety .video-swiper .swiper-button-next:after{font-size: 20px;} .n-safety .video-swiper .swiper-button-prev{color: #b4b4b4;right: 80px;} .n-safety .video-swiper .swiper-button-next{color: #535353;right: 0;} .n-safety .video-swiper .shu{display: block;width: 1px;height: 20px;background: #b4b4b4;position: absolute;right: 80.5px;bottom: 27px;z-index: 4;} @media screen and (max-width: 1440px) { .n-safety .ns-video{min-height: 480px;} .n-safety .ns-item{padding: 25px 40px;} .n-safety .bk-bt{padding-top: 50px;} .n-safety .video-swiper .swiper-slide .ico{width: 100px;height: 100px;} } /*baike*/ .baike .list{width: 100%;background: #f5f5f5;margin-bottom: 22px;transition: .5s;} .baike .list a{display: block;width: 100%;padding: 35px 35px 35px 58px;color: #343434;transition: .5s;} .baike .list .yuan{display: block;width: 19px;height: 19px;border: 1px solid #343434;border-radius: 100%;float: left;margin-top: 12px;transition: .5s;} .baike .list .cont{width: calc(100% - 45px);float: right;line-height: 2;} .baike .list .tit{font-size: 20px;} .baike .list .desc{font-size: 16px;} .baike .list:hover{background: #007be5;} .baike .list:hover a{color: #fff;} .baike .list:hover .yuan{border-color: #fff;} /*video*/ .video .list a{position: relative;} .video .list .pic figure{padding-top: 60%;} .video .ico{display: block;width: 85px;height: 85px;border-radius: 100%;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;} /*琛ㄥ崟*/ .z-contit{ width: fit-content; background-color: #f5f5f5; margin: 0 auto; } .z-contit .top{ width: 100%; padding: 44px 66px 50px 58px; } .z-contit .top .topframe{ width: 100%; display: flex; } .z-contit .top .topframe .left{ flex: 1; display: flex; flex-wrap: wrap; height: fit-content; } .z-contit .top .topframe .right{ } .z-contit .top .topframe .right .imgtit{ font-size: 20px; line-height: 40px; color: #343434; } .z-contit .top .topframe .right .personal-image{ width: 154px; height: 202px; box-sizing: border-box; border: 1px solid #dddddd; } .z-contit .top .topframe .right .personal-image .u-upload-pic{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .z-contit .top .topframe .right .personal-image img{ display: block; max-width: 100%; max-height: 100%; } .z-contit .top .iform{ width: calc(100% / 3); display: flex; height: 40px; margin-bottom: 30px; padding-right: 6.23%; } .z-contit .top .iform1{ width: calc(100% / 3 * 2); } .z-contit .top .iform2{ width: 100%; margin-bottom: 0; padding-right: 0; } .z-contit .top .iform .tframe{ width: 100px; font-size: 20px; line-height: 40px; color: #343434; text-align: justify; text-align-last: justify; } .z-contit .top .iform .i1{ flex: 1; width: inherit; height: 40rpx; outline: none; font-size: 16px; color: #000; border: 2px solid #e5e5e5; padding: 0 14px; } .z-contit .top .iform .radio{ display: flex; align-items: center; flex: 1; width: inherit; font-size: 16px; color: #000; } .z-contit .top .iform .radio label{ padding-right: 25px; letter-spacing: -2px; } .z-contit .top .iform .radio input{ margin-right: 5px; cursor: pointer; } .z-contit .warp{ width: 100%; height: 24px; background-color: #fff; } .z-contit .bottom{ width: 100%; padding: 40px 66px 50px 58px; } .z-contit .bottom .tform{ width: 100%; display: flex; margin-bottom: 30px; } .z-contit .bottom .btnframe{ width: 100%; display: flex; margin-top: 14px; } .z-contit .bottom .btnframe .btn{ width: 110px; height: 40px; font-size: 18px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; border: none; outline-style: none; background-color: #007be5; margin-right: 12px; } .z-contit .bottom .tform .tframe{ width: 140px; font-size: 20px; line-height: 40px; color: #343434; /* text-align: justify; text-align-last: justify; */ } .z-contit .bottom .tform .t1{ flex: 1; height: 170px; outline: none; font-size: 16px; color: #000; box-sizing: border-box; resize: none; border: 1px solid #d5d5d5; padding: 12px 14px 0; }