/*reset*/ * {padding: 0;margin: 0;list-style: none;} html,body {margin: 0 auto;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0} body,button,input,select,textarea {font:12px/1.5 "Microsoft YaHei";color:#666; font-weight: normal;font-family: "microsoft yahei" !important;} body {overflow-x: hidden;} address,cite,dfn,em,var,i {font-style: normal} ul,ol,dl {list-style: none} a{text-decoration: none;outline: none;font-family: "Microsoft YaHei" font-family: "microsoft yahei" !important;;color: #666;cursor: pointer;font-size: 12px;font-family: "microsoft yahei" !important;} li{font-size: 12px;font-family: "Microsoft YaHei" font-family: "microsoft yahei" !important;;list-style: none;margin: 0;padding: 0;font-family: "microsoft yahei" !important;} em{font-style: normal;font-size: 12px;} body,p,span{font-family: "Microsoft YaHei" font-family: "microsoft yahei" !important;;font-family: "microsoft yahei" !important;} img {border: none;} p {margin: 0px;padding: 0px;word-wrap: break-word;} :focus {outline: none;} img {border: 0;vertical-align: middle;display: inline-block;} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .clear:after {display: block;mainContent: "";clear: both;} .transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;} .fl{float: left;} .fr{float: right;} .clear{clear:both;} .clear:after{display: block;content: "";clear: both;} @font-face { font-family:"pf"; src: url("PINGFANG EXTRALIGHT.TTF"); } @font-face { font-family:"pfBold"; src: url("PINGFANG BOLD.TTF"); } /* */ .header-box{position: fixed;top: 0;left: 0;right: 0;height: 93px;z-index: 999;border-bottom: 1px solid rgba(255,255,255,0.3);transition: all 0.3s;} .header-box .header{width: 1600px;margin: 0 auto;height: 93px;} .header-box .header .logo{float: left;font-size: 0;line-height: 93px;} .header-box .header .lang{float: right;position: relative;} .header-box .header .lang em{display: block;line-height: 93px;font-size: 16px;color: #fff;padding-right: 35px;background: url(down.png) no-repeat right center;} .header-box .header .lang ul{position: absolute;top: 94px;right: 0;width: 100px;background: rgba(0,0,0,0.2);display: none;} .header-box .header .lang ul li a{display: block;text-align: center;font-size: 16px;line-height: 40px;color: #fff;overflow: hidden;transition: all 0.3s;} .header-box .header .lang ul li a img{float: left;width: 20px;margin: 10px 10px 0 15px;} .header-box .header .lang ul li a span{float: left;} .header-box .header .lang ul li a:hover{background: #17479e;} .header-box .header .search-box{float: right;position: relative;margin: 0 37px;} .header-box .header .search-box span{display: block;width: 16px;line-height: 93px;background: url(search.png) no-repeat center;height: 93px;} .header-box .header .search-box .search{position: absolute;top: 94px;right: 0;overflow: hidden;background: rgba(0,0,0,0.3);width: 291px;display: none;} .header-box .header .search-box .search input{float: left;padding: 0 15px;height: 40px;font-size: 14px;width: 200px;border: none;color: #fff;background: none;} .header-box .header .search-box .search input::-webkit-input-placeholder { color: #fff; } input::-moz-input-placeholder { color: #fff; } input::-ms-input-placeholder { color: #fff; } .header-box .header .search-box .search a{float: right;font-size: 16px;color: #fff;width: 60px;line-height: 40px;font-size: 14px; border-left: 1px solid rgba(255,255,255,0.3);text-align: center;} .header-box .header .nav{float: right;margin-right: 20px;} .header-box .header .nav ul{overflow: hidden;} .header-box .header .nav ul li{float: left;} .header-box .header .nav ul li a{display: block;line-height: 93px;color: #fff;font-size: 16px;padding: 0 20px;position: relative;z-index: 9;} .header-box .header .nav ul li a::before{position: absolute;z-index: -1;width: 100%;height: 100%;top: 100%;left: 0;content: "";background: #17479E;transition: all 0.3s;} .header-box .header .nav ul li a:hover::before{top: 0;} .header-box .header .nav ul li a.on::before{top: 0;} .header-box .header .nav2{float: right;margin-right: 20px;display: none;} .header-box .header .nav2 ul{overflow: hidden;} .header-box .header .nav2 ul li{float: left;} .header-box .header .nav2 ul li a{display: block;line-height: 93px;color: #fff;font-size: 16px;padding: 0 20px;position: relative;z-index: 9;} .header-box .header .nav2 ul li a::before{position: absolute;z-index: -1;width: 100%;height: 100%;top: 100%;left: 0;content: "";background: #17479E;transition: all 0.3s;} .header-box .header .nav2 ul li a:hover::before{top: 0;} .header-box .header .nav2 ul li a.on::before{top: 0;} .banner{position: relative;margin-top: 94px;} .banner ul li img{max-width: 100%;} .banner ol{position: absolute;bottom: 30px;left: 0;right: 0;text-align: center;} .banner ol li{display: inline-block;margin: 0 10px;} .banner ol li a{font-size: 0;width: 25px;height: 25px;border: 1px solid transparent;border-radius: 50%;display: block;position: relative;} .banner ol li a::before{position: absolute;right: 0;top: 0;left: 0;bottom: 0;width: 11px;height: 11px;background: #fff;border-radius: 50%;content: "";margin: auto;} .banner ol li a.flex-active{border-color: #17479E;} .banner ol li a.flex-active::before{background: #17479E;} .about{height: 474px;position: relative;background: url(about-bg.jpg) no-repeat right bottom;} .about-video-box{position: absolute;top: 0;left: 0;width: 50%;} .about-video{width: 98%;position: relative;font-size: 0;padding-top: 70px;background: url(video-bg.png) repeat-y center;} .about-video video{width: 100%;height: 100%;object-fit: cover;max-height: 490px;} .about-video img{position: absolute;right: 0;top: 70px;bottom: 0;left: 0;margin: auto;cursor: pointer; animation: opa 3s infinite; -webkit-animation:opa 3s infinite;} @keyframes opa{ 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } .about-text{float: right;width: 45.5%;margin-top: 100px;} .about-text .about-text-list{font-size: 16px;line-height: 30px;margin: 30px 0 50px;width: 53%;} .index-title{font-size: 45px;color: #2e2e2e;} .index-title02{color: #fff;} .index-title03{color: #fff;} .index-title b{color: #17479E;} .index-title03 b{color: #fff;} .index-title03 h3{color: #fff;} .index-more{font-size: 16px;color: #17479E;position: relative;display: block;width: 110px;} .index-more:hover{color: #17479E;} .index-more em{display: block;width:64px;height: 1px;background: #17479E;margin-top: 20px;} .index-more img{position: absolute;left: 80px;top:27px;transition: all ease-in 0.5s;} .index-more:hover img{top: 0;} .index-more02{color: rgba(255,255,255,0.6);} .index-more02 em{background: rgba(255,255,255,0.6);} .index-more03{color: rgba(255,255,255,0.6);float: right;} .index-more03 em{background: rgba(255,255,255,0.6);float: right;} .index-more03 img{left: 0;} .index-more03:hover{color: rgba(255,255,255,0.6);} .course{height: 578px;background: url(course-bg.jpg) no-repeat center;overflow: hidden;} .course-list{width: 1200px;margin: 165px auto 0;overflow: hidden;} .course-list-title{float: left;} .course-list-title h3{font-size: 16px;color: #ffffff;font-weight: normal;margin: 20px 0 100px;} .course-list-item{float: right;width: 910px;overflow: hidden;margin-top: 10px;display: block;} .course-list-item .swiper-slide h3.swiper-slide-h3{text-align: center;font-size: 36px;color: #fff;font-weight: normal;font-family: "pf";transition: all 0.5s;} .course-list-item .swiper-slide p.swiper-slide-p{font-size: 0;height: 1px;background: rgba(255,255,255,0.12);margin: 20px 0 50px 0;position: relative;transition: all 0.5s;} .course-list-item .swiper-slide p.swiper-slide-p::before{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 19px;height: 19px;border-radius: 50%;background: #fff; content: "";margin: auto;transition: all 0.5s;} .course-list-item .swiper-slide div.swiper-slide-div{font-size: 16px;color: rgba(255,255,255,0.6);padding: 0 20px;transition: all 0.5s;} .course-list-item .swiper-slide div.swiper-slide-div *{font-size: 16px;color: rgba(255,255,255,0.6);transition: all 0.5s;} .course-list-item .swiper-slide:hover p.swiper-slide-p{background: #17479E;} .course-list-item .swiper-slide:hover p.swiper-slide-p::before{background: #17479E;} .course-list-item .swiper-slide:hover div.swiper-slide-div{color: #fff;} .course-list-item .swiper-slide:hover div.swiper-slide-div *{color: #fff;} .course-list-item .swiper-slide.swiper-slide-separate{margin-top: 64px;} .course-list-item .swiper-slide.swiper-slide-separate p{float: left;font-size: 13px;color: #fff;} .course-list-item .swiper-slide.swiper-slide-separate p img{margin-left: 5px;/* display: block; */} .course-list-item .swiper-slide.swiper-slide-separate p:last-child{float: right;} .course-list-item .swiper-slide.swiper-slide-separate p:last-child img{float: right;margin-right: 5px;margin-left: 0;margin-top: 5px;} .wap-course-list-item{display: none;} .wap-course-list-item .swiper-slide h3.swiper-slide-h3{text-align: center;font-size: 0.6rem;color: #fff;font-weight: normal;font-family: "pf";transition: all 0.5s;} .wap-course-list-item .swiper-slide p.swiper-slide-p{font-size: 0;height: 1px;background: rgba(255,255,255,0.12);margin: 20px 0 30px 0;position: relative;transition: all 0.5s;} .wap-course-list-item .swiper-slide p.swiper-slide-p::before{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 10px;height: 10px;border-radius: 50%;background: #fff; content: "";margin: auto;transition: all 0.5s;} .wap-course-list-item .swiper-slide div.swiper-slide-div{font-size: 16px;color: rgba(255,255,255,0.6);padding: 0 10px;transition: all 0.5s;} .wap-course-list-item .swiper-slide div.swiper-slide-div *{font-size: 16px;color: rgba(255,255,255,0.6);transition: all 0.5s;} .wap-course-list-item .swiper-slide:hover p.swiper-slide-p{background: #17479E;} .wap-course-list-item .swiper-slide:hover p.swiper-slide-p::before{background: #17479E;} .wap-course-list-item .swiper-slide:hover div.swiper-slide-div{color: #fff;} .wap-course-list-item .swiper-slide:hover div.swiper-slide-div *{color: #fff;} .wap-course-list-item .swiper-slide.swiper-slide-separate{margin-top: 0.6rem;} .wap-course-list-item .swiper-slide.swiper-slide-separate p{font-size: 0.26rem;color: #fff;margin-top: 0.2rem;} .wap-course-list-item .swiper-slide.swiper-slide-separate p img{margin-left: 0.1rem;} .wap-course-list-item .swiper-slide.swiper-slide-separate p:last-child{text-align: right;} .wap-course-list-item .swiper-slide.swiper-slide-separate p:last-child img{float: right;margin-right: 0.1rem;margin-left: 0;margin-top: 0.1rem;} .certificate{height: 408px;background: url(certificate-bg.jpg) no-repeat center;} .certificate-list{width: 1200px;margin: 0 auto;overflow: hidden;} .certificate-list .certificate-list-item-box{width: 55%;float: left;overflow: hidden;position: relative;height: 408px;} .certificate-list .certificate-list-item{margin-top: 45px;} .certificate-list .certificate-list-item .swiper-slide{text-align: center;width: 220px;height: 234px;font-size: 0;line-height: 234px;} .certificate-list .certificate-list-item .swiper-slide div{width: 90%;height: 100%;margin: 0 auto;background: url(zsbg.png) no-repeat center;cursor: pointer; background-size: 100% 100%;} .certificate-list .certificate-list-item .swiper-slide div img{max-width: 85%;max-height: 85%;} .certificate-list .certificate-list-item .swiper-button-prev{top: 370px;width: 165px;height: 45px;background: #fff url(prev.png) no-repeat center;border: 1px solid #e5e5e5; left: 280px;transition: all 0.3s;} .certificate-list .certificate-list-item .swiper-button-next{top: 370px;width: 165px;height: 45px;background: #fff url(next.png) no-repeat center;border: 1px solid #e5e5e5; right: 30px;transition: all 0.3s;} .certificate-list .certificate-list-item .swiper-button-prev:hover{background: #fff url(prev02.png) no-repeat center;border-color: #17479E;} .certificate-list .certificate-list-item .swiper-button-next:hover{background: #fff url(next02.png) no-repeat center;border-color: #17479E;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;pointer-events:initial !important;} .certificate-list .certificate-list-title{width: 42%;float: right;text-align: right;margin-top: 50px;} .certificate-list .certificate-list-title h3{color: #fff;font-size: 16px;font-weight: normal;margin: 20px 0 50px;} .certificate-big{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999;} .certificate-big .swiper-slide{position: absolute;top: 10%;right: 0;left: 0;bottom: 10%;margin: auto;background: #fff url(zsbg.png) no-repeat center; background-size: 100% 100%;display: none;height: auto;max-height: 100%;} .certificate-big .swiper-slide img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-width: 80%;max-height: 80%;} .certificate-big .certificate-big-close{position: absolute;bottom: 5%;right: 0;left: 0;background: #fff;width: 40px;height: 40px;border-radius: 50%; text-align: center;line-height: 36px;font-size: 32px;color: #333;font-weight: bold;cursor: pointer;z-index: 99;margin: 0 auto;} .product{background: #f6f6f6;padding: 60px 0;} .product-title{width: 1200px;margin: 0 auto 60px;overflow: hidden;} .product-title .index-title{float: left;} /* .product-title .index-title b{display: block;} */ .product-title h3{float: right;width: 535px;font-size: 16px;color: #333;font-weight: normal;margin:10px auto 25px;} .product-title .index-more{float: right;width: 535px;} .product-list{width: 1227px;margin: 0 auto;overflow: hidden;} .product-list dl{float: left;width: 383px;height: 227px;position: relative;margin: 13px;} .product-list dl dt{text-align: center;line-height: 227px;overflow: hidden;font-size: 0;} .product-list dl dt img{max-width: 100%;transition: all 0.3s;} .product-list dl dd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.05));color: #fff; line-height: 400px;font-size: 16px;text-indent: 20px;transition: all 0.3s;} .product-list dl:hover dd{opacity: 0;} .product-list dl:hover dt img{transform: scale(1.1);} .customer{width: 1200px;margin: 0 auto;overflow: hidden;padding-bottom: 80px;position: relative;} .customer .customer-title{float: left;} .customer .customer-title .index-title{margin: 40px 0 80px;} .customer .customer-title .index-more{position: absolute;right: 0;bottom: 20px;} .customer .customer-list{float: right;overflow: hidden;position: relative;width: 760px;} .customer .customer-list h3{position: absolute;left: 0;top: 0;width: 165px;height: 160px;color: #fff;background: #17479E;font-size: 24px;text-align: center; line-height: 160px;z-index: 99;} .customer .customer-list h3 span{font-weight: normal;display: inline-block;vertical-align: middle;width: 48px;line-height: initial;} .customer .customer-list .customer-list-item{margin-top: 50px;} .customer .customer-list p{width: calc(20% - 1px);height: 99px;text-align: center;font-size: 0;line-height: 99px;float: left;border-bottom: 1px solid #d8d8d8;transition: all 0.3s; border-right: 1px solid #d8d8d8;position: relative;overflow: hidden;} .customer .customer-list p:nth-child(5n){border-right: none;} .customer .customer-list p img{max-width: 90%;max-height: 90%;transition: all 0.5s;} .customer .customer-list p::before{position: absolute;right: 0;top: 0;width: 1px;height: 0;content: "";background: #17479E;transition: all 0.3s;z-index: 99;} .customer .customer-list p::after{position: absolute;right: 0;bottom: 0;width: 0;height: 1px;content: "";background: #17479E;transition: all 0.3s;z-index: 99;} .customer .customer-list p:hover img{transform: scale(1.15);} .customer .customer-list p:hover::before{height: 100%;} .customer .customer-list p:hover::after{width: 100%;} .news{background: #f7f7f7;padding: 70px 0 90px;} .news-list{width: 1200px;margin: 0 auto;} .news-list-title{margin-bottom: 40px;text-align: center;} .news-list dl{overflow: hidden;} .news-list dl dt{float: left;position: relative;width: 495px;height: 371px;} .news-list dl dt span{font-size: 0;display: block;width: ;height: 371px;line-height: 371px;overflow: hidden;text-align: center;} .news-list dl dt span img{max-width: 100%;max-height: 100%;} .news-list dl dt div{position: absolute;bottom: 0;left: 0;width: 100%;height: 164px;background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.05));color: #fff;} .news-list dl dt div h3{font-size: 18px;font-weight: normal;margin: 60px 40px 10px;} .news-list dl dt div p{font-size: 14px;opacity: 0.7;margin: 0 40px;height: 42px;overflow: hidden;} .news-list dl dd{float: right;width: 640px;} .news-list dl dd div{margin-bottom: 50px;position: relative;} .news-list dl dd div:before{position: absolute;left: -20px;top: 10px;width: 6px;height: 6px;content: "";border: 1px solid #17479E;border-radius: 50%;transition: all 0.3s;} .news-list dl dd div h3{font-size: 18px;color: #333;font-weight: normal;width: 545px;transition: all 0.3s;overflow: hidden;} .news-list dl dd div h3 em{width: 70%;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;} .news-list dl dd div h3 span{float: right;color: #333;font-size: 14px;opacity: 0.4;line-height: 27px;} .news-list dl dd div p{font-size: 14px;opacity: 0.4;color: #333;margin-top: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .news-list dl dd .index-more{float: right;} .news-list dl dd div:hover:before{background: #17479E;left: 0;} .news-list dl dd div:hover h3{color: #17479E;text-indent: 20px;} .news-list dl dd div:hover h3 em{color: #17479E;} .contact{padding: 55px 0;} .contact dl{width: 1200px;margin: 0 auto;overflow: hidden;} .contact dl dt{float: right;width: 630px;height: 403px;font-size: 0;overflow: hidden;} .contact dl dt *{max-width: 100%;max-height: 100%;} .contact dl dd{float: left;margin-top: 55px;} .contact dl dd p{font-size: 18px;margin: 30px 0 40px;} .contact dl dd a{display: inline-block;width: 150px;height: 50px;background: #17479E;color: #fff;text-align: center;line-height: 50px;font-size: 16px;} .footer{background: #2d2f33;height: 206px;padding-top: 1px;} .footer-list{width: 1200px;margin: 60px auto 0;} .footer-list-left{float: left;} .footer-list-left p{font-size: 14px;color: #fff;opacity: 0.6;line-height: 28px;} .footer-list-left p span{display: none;} .footer-list-right{float: right;width: 322px;} .footer-list-right p{font-size: 14px;color: #fff;opacity: 0.6;line-height: 28px;} .footer-list-right div{margin-bottom: 15px;height: 28px;} .footer-list-right div span{font-size: 14px;color: #fff;opacity: 0.6;line-height: 28px;float: left;} .footer-list-right div dl{float: left;position: relative;margin: 0 10px;} .footer-list-right div dl dt{position: absolute;left: -50px;top: -140px;display: none;width: 112px;height: 112px;background: #999;border-radius: 5px; font-size: 0;text-align: center;line-height: 112px;padding: 7px;z-index: 9;} .footer-list-right div dl dt:before{position: absolute;width: 20px;height: 14px;content: "";background: url(down02.png) no-repeat center;left: 0;bottom: -6px;right: 0;margin: 0 auto; background-size: contain;z-index: -1;} .footer-list-right div dl dt img{max-width: 100%;} .footer-list-right div dl:hover dt{display: block;} .wapFooter{background: #2d2f33;padding: 0.24rem;font-size: 0.3rem;display: none;color: #fff;} .header-box-nei{} .header-box-nei{position: fixed;top: 0;left: 0;right: 0;height: 93px;z-index: 999;border-bottom: 1px solid rgba(255,255,255,0.3);transition: all 0.3s; background-color: #FFFFFF;border-bottom: 1px solid #dedede;} .header-box-nei .header{width: 84%;margin: 0 auto;height: 93px; position: relative;} .header-box-nei .header .logo{float: left;font-size: 0;line-height: 93px;} .header-box-nei .header .logo img{max-width: 100%;} .header-box-nei .header-right{float: right;} .header-box-nei .header .lang{float: right;position: relative;margin-top: 20px; padding-bottom: 2px;} .header-box-nei .header .lang em{display: block;line-height:13px;font-size:14px;color: #c6c6c6;padding-left:23px;background: url(cn-2.jpg) no-repeat left center;} .header-box-nei .header .lang em img{margin-left: 6px; margin-top: -3px;} .header-box-nei .header .lang-en em{background: url(cn-2-en.jpg) no-repeat left center; background-size: 18px 12px;} .header-box-nei .header .lang ul{position: absolute;top:15px;right: 0;width: 100px;background: rgba(0,0,0,0.5);display: none; z-index: 2;} .header-box-nei .header .lang ul li a{display: block;text-align: center;font-size: 16px;line-height: 40px;color: #fff;overflow: hidden;transition: all 0.3s;} .header-box-nei .header .lang ul li a img{float: left;width: 20px;margin: 10px 10px 0 15px;} .header-box-nei .header .lang ul li a span{float: left;} .header-box-nei .header .lang ul li a:hover{background: #17479e;} .header-box-nei .header .search-box{float: right;position: relative;margin:20px 35px 0 0;} .header-box-nei .header .search-box span{display: block;cursor: pointer; line-height:13px;background: url(search-2.png) no-repeat left center; padding-left: 18px; font-size: 14px; color: #c6c6c6;} .header-box-nei .header .search-box .search{position: absolute;top:74px;right: 0;overflow: hidden;background: rgba(0,0,0,0.3);width: 291px;display: none;} .header-box-nei .header .search-box .search input{float: left;padding: 0 15px;height: 40px;font-size: 14px;width: 200px;border: none;color: #fff;background: none;} .header-box-nei .header .search-box .search input::-webkit-input-placeholder { color: #fff; } input::-moz-input-placeholder { color: #fff; } input::-ms-input-placeholder { color: #fff; } .header-box-nei .header .search-box .search a{float: right;font-size: 16px;color: #fff;width: 60px;line-height: 40px;font-size: 14px; border-left: 1px solid rgba(255,255,255,0.3);text-align: center;} .header-box-nei .nav-icon{position: absolute;right: 0;bottom: 0;width: 40px;height: 32px;display: none;background: url(nav-icon.png) no-repeat center;display: none;} .header-box-nei .nav{position: absolute;z-index: 1;right: 0; top: 47px;} .header-box-nei .nav ul li{float: left; margin-left: 35px;} .header-box-nei .nav ul li a{ font-size: 16px; color: #333333;position: relative;} .header-box-nei .nav ul li a:before{position: absolute;left: 0;right: 0;bottom: -10px;height: 2px;background: #16479D;content: "";display: none;} .header-box-nei .nav ul li a.on{ color: #16479d;} .header-box-nei .nav ul li a:hover{ color: #16479d;} .header-box-nei .nav ul li a.on:before{display: block;} .header-box-nei .nav2{position: absolute;z-index: 1;right: 0; top: 47px;display: none;} .header-box-nei .nav2 ul li{float: left; margin-left: 35px;} .header-box-nei .nav2 ul li a{ font-size: 16px; color: #333333;position: relative;} .header-box-nei .nav2 ul li a:before{position: absolute;left: 0;right: 0;bottom: -10px;height: 2px;background: #16479D;content: "";display: none;} .header-box-nei .nav2 ul li a.on{ color: #16479d;} .header-box-nei .nav2 ul li a:hover{ color: #16479d;} .header-box-nei .nav2 ul li a.on:before{display: block;} .neibanner{margin-top: 93px;position: relative;height: 350px;overflow: hidden;} .neibanner img{position: absolute;top: 0;left: 50%;margin-left: -960px;} .shildclass{width: 100%; height: 68px; box-shadow: 0 5px 10px #f4f3f3;} .classlist{width: 1200px;margin: 0 auto; text-align: center;overflow: hidden;} .classlist-list{float: left;} .classlist-list ul{margin: 0 auto;font-size: 0;position: relative;} .classlist-list ul li{display: inline-block;overflow: hidden;} .classlist-list ul li a{display: block;height: 68px;line-height: 68px; padding: 0 34px; color: #454545; font-size: 16px; font-weight: bold;} .classlist-list ul li a.on,.classlist-list ul li a:hover{color: #FFFFFF; background-color: #16479d;} .classlist-list ul li ul{position: absolute;left: 0;top: 68px;display: none;} .classlist-list ul li ul li a{line-height: 107px;height: 107px;color: #666;background: none;padding: 0 34px;} .classlist-list ul li ul li a.on,.classlist-list ul li ul li a:hover{color: #16479D;background: none;} .positionlist{float: right;line-height: 68px;padding-left: 30px;font-size: 14px;background: url(index.png) no-repeat left center;} .positionlist a{font-size: 14px;} .positionlist a:last-child{color: #16479d;} .nav-bg{background: #f0f4fb;height: 60px;margin-bottom: 30px;} .nav-bg-list ul{margin: 0 auto;font-size: 0;position: relative;} .nav-bg-list ul li{display: inline-block;} .nav-bg-list ul li a{display: block;height: 60px;line-height: 60px; padding: 0 35px; color: #999; font-size: 16px; font-weight: bold;} .nav-bg-list ul li a.on{color: #16479d;} .nav-bg-list ul li a:hover{color: #16479d;text-decoration: underline;} .about-jj{width: 1200px; margin: 65px auto; overflow: hidden;} .about-jj-img{float: left;} .about-jj-text{float: right;width: 50%;} .about-jj-text h3{font-size: 24px; color: #16479d;margin-top: 35px;font-weight: normal;} .about-jj-text p{font-size: 16px; color: #666666; line-height: 30px;margin:30px 0 70px 0;} .about-jj-text a{width: 220px; height: 62px; background-color: #16479d; color: #FFFFFF; font-size: 16px;display: block; text-align: center; line-height: 62px;} .Development{height: 641px; background:url(aboutus-bg1.jpg) no-repeat center;} .Development-con{width: 1200px; margin: 0 auto; overflow: hidden;} .Development-title{ height: 65px; margin-top: 39px; text-align: center; font-size: 30px; color: #333333; line-height: 65px; background: url(ling02.jpg) center bottom no-repeat; margin-bottom: 20px; } .Development-title span{font-weight: bold;padding-left: 10px;} .Development-list{width: 1200px;margin: 50px auto 0;background: #fff;position: relative;} .Development-list .swiper-slide{height: 412px;} .Development-list .swiper-slide h3{font-size: 48px;font-weight: normal;text-align: center;font-family: "pf";margin: 50px 0 30px 0;} .Development-list .swiper-slide p{height: 1px;background: #e5e5e5;position: relative;} .Development-list .swiper-slide p span{position: absolute;left: 0;top: -14px;right: 0;margin: auto;width: 22px;height: 22px;border: 3px solid #e5e5e5; border-radius: 50%;text-align: center;line-height: 22px;background:#fff url(air04.png) no-repeat center;} .Development-list .swiper-slide div{margin: 35px 55px;font-size: 16px;} .Development-list .swiper-slide div *{max-width: 100%;} .Development-list .swiper-button-prev{top: 85%;background:#e0e1e2 url(left.png) no-repeat center;width: 47px;height: 47px;border-radius: 50%;left: 45%;transition: all 0.3s;} .Development-list .swiper-button-next{top: 85%;background:#e0e1e2 url(right.png) no-repeat center;width: 47px;height: 47px;border-radius: 50%;right: 45%;transition: all 0.3s;} .Development-list .swiper-button-prev:hover{background:#17479e url(left.png) no-repeat center;} .Development-list .swiper-button-next:hover{background:#17479e url(right.png) no-repeat center;} .honor-list-box{background: url(honor-bg.png) no-repeat top center;/* overflow: hidden; */width: 1200px;margin: 0 auto;margin-top: 50px;} .honor-list{margin: 0px auto 0;padding: 210px 50px 50px 50px;width: 1100px;position: relative;overflow: hidden;} /* .honor-list .swiper-wrapper{overflow: hidden;} */ .honor-list .swiper-slide dl dt{height: 254px;border: 1px solid #e3e3e3;background: #fff;margin: 0 auto;text-align: center;line-height: 254px;font-size: 0;} .honor-list .swiper-slide dl dt img{max-width: 100%;max-height: 100%;} .honor-list .swiper-slide dl dd{font-size: 16px;text-align: center;line-height: 30px;color: #333;margin-top: 15px;} .honor-list .swiper-pagination-progress{bottom: 4px;top: initial !important;width: 90% !important;} .honor-list .swiper-button-prev{right: 50px;bottom: 0;top: initial;left: initial;width: 25px;height: 13px;background: url(left02.png) no-repeat center;} .honor-list .swiper-button-next{right: 0;bottom: 0;top: initial;left: initial;width: 25px;height: 13px;background: url(right02.png) no-repeat center;} .speech-box{background: url(brief-bg.jpg) no-repeat center;overflow: hidden;margin-top: 0px;} .speech-list{width: 1200px;margin:20px auto ;font-size: 16px;line-height: 28px;} .speech-list *{max-width: 100%;} .newhot{width: 1200px; margin: 0 auto; margin-top: 65px;overflow: hidden;} .newhot-img{position: relative;width: 589px; float:left;height: 440px;} .newhot-img ul li{line-height: 440px;height: 440px;font-size: 0;text-align: center;} .newhot-img ul li img{max-width: 100%;max-height: 100%;width: 100%;height: 100%;} .newhot-img ol{position: absolute;bottom:23px;right:60px;} .newhot-img ol li{display: inline-block;margin-left: 8px;} .newhot-img ol li a{font-size: 0;width:15px;height:15px;background-color: #FFFFFF; border-radius: 50%;display: block;position: relative;} .newhot-img ol li a.flex-active{background-color: #17479e;} .newhot-list{width: 590px; float: right;} /* .newhot-list ul li{height: 146px;} */ /* .newhot-list ul li:first-child{margin-top: -31px;} */ .newhot-list ul li a{display: block; padding: 29px 23px 0px 23px;height: 117px;} .newhot-list ul li .newlist-time{ width: 86px; height: 86px; border: 1px solid #e5e5e5;float: left;margin-right: 15px;} .newhot-list ul li .newlist-time h3{ display: block; width: 65px; height: 48px; text-align: center; line-height: 48px; color: #454545; font-size: 36px; font-family:"pf"; border-bottom: 1px solid #e5e5e5; margin: 0 auto; } .newhot-list ul li .newlist-time span{ font-size: 16px; color: #bababa; line-height: 32px; font-family:"pf"; text-align: center; display: block; } .newhot-list ul li .newlist-info{margin-left: 20px;} .newhot-list ul li .newlist-info h3{font-size: 18px; color: #333333; font-weight: normal;height: 27px;line-height: 27px;white-space: normal;text-overflow: ellipsis;overflow: hidden;} .newhot-list ul li .newlist-info p{font-size: 14px; color: #999999; line-height:25px;margin-top: 10px;height: 50px;overflow: hidden;} .newhot-list ul li a:hover{background-color: #17479e;} .newhot-list ul li a:hover .newlist-time{border: 1px solid #93a6c9;} .newhot-list ul li a:hover .newlist-time h3{color: #FFFFFF;border-bottom: 1px solid #FFFFFF;} .newhot-list ul li a:hover .newlist-time span{color: #bbc3db;} .newhot-list ul li a:hover .newlist-info h3{ color: #FFFFFF;} .newhot-list ul li a:hover .newlist-info p{ color: #FFFFFF;} .newhot-list ul li a.on{background-color: #17479e;} .newhot-list ul li a.on .newlist-time{border: 1px solid #93a6c9;} .newhot-list ul li a.on .newlist-time h3{color: #FFFFFF;border-bottom: 1px solid #FFFFFF;} .newhot-list ul li a.on .newlist-time span{color: #bbc3db;} .newhot-list ul li a.on .newlist-info h3{ color: #FFFFFF;} .newhot-list ul li a.on .newlist-info p{ color: #FFFFFF;} .newslist{width: 1200px; margin: 65px auto;} .newslist ul li{clear: both;} .newslist ul li a{ padding:0 30px; display: block; height: 159px; border-bottom: 1px solid #e5e5e5; background: url(newsbg.png) 97% center no-repeat; position: relative; } .newslist ul li .newslist-time{float: left; font-size: 24px; color: #17479e;line-height: 159px;height: 159px;} .newslist ul li .newslist-time em{font-size: 14px; color: #999999; padding-left: 10px;} .newslist ul li .newslist-title{width: 845px; position: absolute;margin: auto;width: 70%;left: 20px;right: 0;height: 92px; top: 0;bottom: 0;} .newslist ul li .newslist-title h3{font-size: 18px; color: #333333;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .newslist ul li .newslist-title p{font-size: 14px; color: #999999; line-height: 25px; margin-top:15px;height: 50px;overflow: hidden;} .newslist ul li a:hover{background: #17479e url(newsbg-on.png) 97% center no-repeat;} .newslist ul li a:hover .newslist-time,.newslist ul li a:hover em,.newslist ul li a:hover h3, .newslist ul li a:hover p{ color: #FFFFFF;} .newinfo-nei{width: 1200px; margin:0 auto; overflow: hidden; padding-top: 60px;} .newinfo-neileft{width: 805px; float: left;} .newinfo-neileft .nnltitle{ width: 100%; /* height: 78px; */ padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 24px; color: #17479e; } .nnltime{overflow: hidden;} .nnltime-left{float: left;font-size: 14px; color: #999999; margin-top: 20px;} .nnltime-left span{padding-right: 30px;} .nnltime .share{float: right;margin-top:15px;} .nnltime .share .share-p{float: left;line-height: 28px;font-size: 14px;color: #999999;} .nnltime .share .bdsharebuttonbox{float: left;} .nnltime .share .bds_qzone{background: url(qzone.jpg) center center no-repeat; } .nnltime .share .bds_tsina{background: url(tsina.jpg) center center no-repeat; } .nnltime .share .bds_weixin{background: url(weixin.jpg) center center no-repeat; } .nnlcontent{clear: both;padding: 50px 0; line-height:30px; font-size: 16px; color: #666666;overflow: hidden;} .nnlcontent *{max-width: 100% !important;font-size: 16px !important;line-height: 28px !important;color: #666 !important;} /* .nnlcontent p{text-indent: 32px;} */ .nextprve{width: 100%; border: 1px solid #efefef; overflow: hidden;} .nextprve p{float: left;margin: 0 20px; color: #454545;font-size: 14px;padding: 15px 0;} .nextprve p a{color: #454545;font-size: 14px;} .nextprve p a:hover{ color: #16479d;} .retrun-a{margin:70px auto; width: 181px; height: 47px;} .retrun-a a{ display: block; width: 181px; height: 47px; line-height: 47px; background: #16479d url(return.png) 47px center no-repeat; color: #FFFFFF; font-size: 14px; } .retrun-a a span{padding-left: 80px;} .newinfo-neiright{float: right;width: 352px;} .newinfo-neiright .nnr-title{width: 100%; height: 55px; background: url(titlebg.jpg) left center repeat-x;} .newinfo-neiright .nnr-title span{ display: block; line-height: 55px; font-size: 18px; font-weight: bold; color: #454545; padding-left: 35px; background:url(titlebg2.jpg) 11px center no-repeat; } .newinfo-neiright .tjnews{margin-top: 20px; padding-bottom: 20px;} .newinfo-neiright .tjnews ul li{background: url(libg.jpg) 8px center no-repeat;line-height: 20px; margin-bottom: 15px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newinfo-neiright .tjnews ul li a{color: #333333; padding-left: 25px;font-size: 14px;} .newinfo-neiright .tjnews ul li a:hover{ color: #16479d;} .newinfo-neiright .tjcontact img{width: 100%; margin: 22px 0;} .newinfo-neiright .tjconinfo ul li{line-height: 28px; font-size: 14px; color: #454545;margin-bottom: 20px; padding-left: 40px;} .newinfo-neiright .tjconinfo ul li:nth-child(1){background: url(tel.jpg) 5px center no-repeat;} .newinfo-neiright .tjconinfo ul li:nth-child(2){background: url(mail.jpg) 5px center no-repeat;} .newinfo-neiright .tjconinfo ul li:nth-child(3){background: url(address.jpg) 5px center no-repeat;} .newinfo-neiright .tjconinfo ul li:nth-child(4){background: url(post.jpg) 5px center no-repeat;} .stafflist{width: 1227px; margin: 0 auto 90px; padding-top: 65px; overflow: hidden;} .stafflist ul li{ float: left; width: 383px; margin: 13px 13px 40px; } .stafflist ul li .stafflist-img{ text-align: center; line-height: 265px; overflow: hidden; font-size: 0; /* box-shadow: 0 0 10px #e4e4e4; */ height: 265px; } .stafflist ul li .stafflist-img img{max-width: 100%;max-height: 100%;} .stafflist ul li .stafflist-title{ width: 100%; height: 61px; line-height: 61px; text-align: center; font-size: 0px; color: #454545; border-bottom: 1px solid #EEEEEE; } .stafflist ul li .stafflist-title p{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 22px;} .stafflist ul li a:hover .stafflist-title{border-bottom: 1px solid #17479e; color: #17479e;} .sevicetop{width: 1200px; margin:40px auto; overflow: hidden;} .sevicetop-left{width: 100%; float: left;overflow: hidden;} .sevicetop-left h1{ color: #2e2e2e;font-size: 48px; font-weight: normal;line-height:48px;margin-bottom: 20px;} .sevicetop-left h2{color: #16479d; font-weight: bold;font-size: 48px; margin-top: 10px;display: none;} .sevicetop-left p{font-size: 14px; color: #666666;line-height:28px;margin-top: 0px;width: 48%;float: left;} .sevicetop-left p:nth-child(even){float: right;} .sevicetop-right{float: right; width: 534px;height: 316px;font-size: 0;text-align: center;display: none;} .sevicetop-right img{max-width: 100%;max-height: 100%;} .servicelist{width: 1200px; margin: 0 auto 90px; overflow: hidden;border-top: 1px solid #E5E5E5;border-left: 1px solid #E5E5E5;} .servicelist p{ width: calc(20% - 1px); height:100px; text-align: center; font-size: 0; line-height:100px; float: left; border: 1px solid #e5e5e5; border-top: none; border-left: none; transition: all 0.3s; position: relative; overflow: hidden; } /* .servicelist p:nth-child(1),.servicelist p:nth-child(2),.servicelist p:nth-child(3),.servicelist p:nth-child(4){ border: 1px solid #e5e5e5;} */ .servicelist p::before { position: absolute; right: 0; top: 0; width: 1px; height: 0; content: ""; background: #17479E; transition: all 0.3s; z-index: 99; } .servicelist p img { max-width: 90%; max-height: 90%; transition: all 0.5s; } .servicelist p::after { position: absolute; right: 0; bottom: 0; width: 0; height: 1px; content: ""; background: #17479E; transition: all 0.3s; z-index: 99; } .servicelist p:hover img{transform: scale(1.15);} .servicelist p:hover::before{height: 100%;} .servicelist p:hover::after{width: 100%;} .contact-nei{width: 1200px; margin: 60px auto; overflow: hidden;} .contact-nei .contact-nei-top{width: 100%; height: 57px; background:url(contactbg2.jpg) left bottom repeat-x;} .contact-nei .contact-nei-top p{font-size: 18px;height: 57px; color: #17479e; font-weight: bold; background: url(contactbg1.jpg) 8px top no-repeat; padding-left: 58px;} .contact-nei .contact-nei-info{overflow: hidden;padding-top: 10px;} .contact-nei .contact-nei-info p{float: left;padding-left: 40px;width: 560px;font-size: 14px;margin: 10px 0;} .contact-nei-branch{overflow: hidden;margin: 50px 0;} .contact-nei-branch div{float: left;width: 393px;margin-right: 10px;} .contact-nei-branch div:last-child{margin-right: 0;} .contact-nei-branch div h3{height: 59px;background: #f0f0f0;text-align: center;line-height: 59px;font-size: 18px;color: #333;} .contact-nei-branch div p{margin: 15px;font-size: 14px;line-height: 24px;} /* */ .innerQuery{width: 1200px;margin: 50px auto;} .innerQuery-checkBox{overflow: hidden;} .innerQuery-checkBox span{float: left;font-size: 18px;color: #16479D;font-weight: bold;} .innerQuery-checkBox label{float: left;font-size: 18px;margin-left: 30px;} .innerQuery-checkBox label input{width: 20px;height: 20px;float: left;margin-top: 3px;margin-right: 7px;} .innerQuery-input{overflow: hidden;margin: 30px 0 50px 0;} .innerQuery-input div{float: left;height: 52px;width: 348px;border: 1px solid #e5e5e5;margin-right: 15px;border-left: none;border-right: none;position: relative;} .innerQuery-input div::before{position: absolute;left: 0;top: 0;width: 1px;height: 100%;content: "";background: #e5e5e5;} .innerQuery-input div::after{position: absolute;right: 0;top: 0;width: 1px;height: 100%;content: "";background: #e5e5e5;} .innerQuery-input div span{width: 120px;float: left;text-align: center;line-height: 52px;font-size: 16px;border-right: none;position: relative;} .innerQuery-input div span::before{position: absolute;right: 0;top: 0;width: 1px;height: 100%;content: "";background: #eee;} .innerQuery-input div input{float: left;border: none;height: 52px;font-size: 16px;padding:0 15px;width: 195px;} .innerQuery-input p{float: right;line-height: 54px;width: 100px;text-align: center;background: #f39800;color: #fff;font-size: 16px;border-radius: 10px;cursor: pointer;} .innerQuery-list{position: relative;padding-bottom: 80px;} .innerQuery-list table{width: 100%;border-left: 1px solid #e5e5e5;} .innerQuery-list table th{height: 62px;background: #16479d;color: #fff;font-size: 16px;font-weight: normal;border-right: 1px solid #e5e5e5;} .innerQuery-list table td{font-size: 14px;text-align: center;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;min-width: 70px;word-break: break-all; max-width: 185px;padding: 10px;} .innerQuery-list .layui-laypage{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;margin: 0;} /* */ .innerCultrue-box{background: #f0f0f0;margin-top: 230px;padding-top: 1px;} .innerCultrue{width: 1200px;margin: 0 auto;position: relative;} .innerCultrue .innerCultrue-brief{background: url(cultrue-bg01.jpg) no-repeat center;height: 300px;position: absolute;top: -300px;left: 0;right: 0;margin: auto;} .innerCultrue .innerCultrue-brief p{width: 1050px;margin: 0 auto;font-size: 15px;line-height: 28px;margin-top: 30px;} .innerCultrue .innerCultrue-list{margin-top: 150px;padding-top: 20px;overflow: hidden;} .innerCultrue .innerCultrue-list li{float: left;margin-right: 1.4%;width: 15.5%;background: #fff;height: 180px;position: relative;transition: all 0.3s;overflow: hidden;} .innerCultrue .innerCultrue-list li:last-child{margin-right: 0;} .innerCultrue .innerCultrue-list li h3{font-size: 18px;font-weight: normal;color: #333333;text-indent: 30px;transition: all 0.3s;margin-top: 50px;} .innerCultrue .innerCultrue-list li span{font-size: 16px;display: block;text-transform: uppercase;text-indent: 30px;transition: all 0.3s;} .innerCultrue .innerCultrue-list li p{font-size: 14px;line-height: 15px; margin: auto 30px;position: absolute;left: 0;right: 0;top: 200px;transition: all 0.3s;bottom: 0;} .innerCultrue .innerCultrue-list li p em{} .innerCultrue .innerCultrue-list li:hover{background: #16479D;color: #fff;} .innerCultrue .innerCultrue-list li:hover h3{opacity: 0;} .innerCultrue .innerCultrue-list li:hover span{opacity: 0;} .innerCultrue .innerCultrue-list li:hover p{top: 10px;bottom: 10px;} .innerCultrue .innerCultrue-content{padding: 40px 0;font-size: 16px;} .innerCultrue .innerCultrue-content *{max-width: 100%;} .innerEmployee{background: url(cultrue-bg02.jpg) no-repeat center;height: 649px;overflow: hidden;} .innerEmployee .Development-title{color: #fff;background: url(ling03.jpg) center bottom no-repeat;} .innerEmployee-list{width: 1200px;margin: 50px auto 0;overflow: hidden;position: relative;padding: 5px 0px 80px 0px;} .innerEmployee-list dl dt{width: 379px;height: 265px;font-size: 0;text-align: center;line-height: 265px;margin: 0 auto;} .innerEmployee-list dl dt img{max-width: 100%;max-height: 100%;} .innerEmployee-list dl dd{text-align: center;font-size: 16px;color: #fff;line-height: 60px;border-bottom: 1px solid rgba(255,255,255,0.37);width: 379px;margin: 0 auto; position: relative;z-index: 9;} .innerEmployee-list dl dd::before{position: absolute;z-index: -1;width: 0;height: 100%;margin: 0 auto;left: 0;right: 0;content: "";transition: all 0.3s; background: rgba(255,255,255,0.15);} .innerEmployee-list dl:hover dd::before{width: 100%;} .innerEmployee-list .swiper-pagination-bullet{width: 15px;border: 1px solid #fff;background: none;height: 15px;border-radius: 50%;opacity: 1;} .innerEmployee-list .swiper-pagination-bullet-active{background: #fff;} .innerRecruit{width: 1200px;margin: 50px auto;} .innerRecruit-title{font-size: 14px;margin-bottom: 30px;} /* .innerRecruit-list ul{border: 1px solid #E6EDF8;border-bottom: none;} */ .innerRecruit-list li.innerRecruit-list-title,.innerRecruit-list li.innerRecruit-list-item{overflow: hidden;} .innerRecruit-list .title-item{float: left;width: 20%;text-align: center;line-height: 80px;height: 80px;font-size: 14px;font-weight: bold;color: #333; border-bottom: 1px solid #e6edf8;} .innerRecruit-list .title-item div:first-child{border-left: 1px solid #e6edf8;} .innerRecruit-list .title-item div:last-child{border-right: 1px solid #e6edf8;} .innerRecruit-list .title-item img{margin-left: 10px;transition: all 0.3s;} .innerRecruit-list .title-item.more{cursor: pointer;} .innerRecruit-list .title-item.on img{transform: rotate(90deg);} .innerRecruit-list .title-item.on{color: #16479D;} .innerRecruit-list li.innerRecruit-list-title .title-item{font-size: 18px;background: #17479e;color: #fff;} .innerRecruit-list li.innerRecruit-list-title .title-item.more{} .innerRecruit-list .innerRecruit-list-content{background: #f6f8fd;overflow: hidden;float: left;width: 100%;display: none;} .innerRecruit-list .list-content-top{width: 890px;margin: 30px auto;overflow: hidden;} .innerRecruit-list .list-content-top p{float: left;width: 31.3333%;font-size: 14px;margin:0 1%;} .innerRecruit-list .list-content-bottom{width: 890px;margin: 30px auto;overflow: hidden;} .innerRecruit-list .list-content-bottom .list-content-bottom-left{float: left;width: 48%;} .innerRecruit-list .list-content-bottom .list-content-bottom-left .list-content-bottom-title{font-size: 14px;margin-bottom: 10px;} .innerRecruit-list .list-content-bottom .list-content-bottom-left .list-content-bottom-left-content{font-size: 14px;line-height: 26px;} .innerRecruit-list .list-content-bottom .list-content-bottom-right{float: right;width: 48%;} .innerRecruit-list .list-content-bottom .list-content-bottom-right .list-content-bottom-title{font-size: 14px;margin-bottom: 10px;} .innerRecruit-list .list-content-bottom .list-content-bottom-right .list-content-bottom-right-content{font-size: 14px;line-height: 26px;} /* */ .innerProduct{width: 1200px;margin: 0 auto;} .innerProduct-allParameters{overflow: hidden;/* border-bottom: 4px solid #f1f1f1; */margin-bottom: 40px;/* padding-bottom: 30px; */} .innerProduct-allParameters p{float: left;width: 48%;font-size: 16px;line-height: 28px;} .innerProduct-allParameters p:last-child{float: right;} .innerProduct-title{font-size: 24px;color: #16479D;font-weight: bold;display: none;} .innerProduct-equipment{overflow: hidden;margin-bottom: 50px;} .innerProduct-equipment dl{float: left;width: 544px;margin: 20px 28px;} .innerProduct-equipment dl dt{height: 291px;font-size: 0;text-align: center;line-height: 291px;} .innerProduct-equipment dl dt img{max-width: 100%;max-height: 100%;} .innerProduct-equipment dl dd{text-align: center;line-height: 40px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .innerProduct-repair{border: 1px dashed #e5e5e5;margin: 40px 0;padding:0 20px;} .innerProduct-repair-title h3{font-size: 20px;display: none;} .innerProduct-repair-title p{font-size: 14px;margin: 10px 0;display: none;} .innerProduct-repair-list{overflow: hidden;/* margin: 30px 0; */} .innerProduct-repair-list dl{float: left;width: 25%;margin: 15px 0;} .innerProduct-repair-list dl dt{width: 85%;margin: 0 auto;text-align: center;line-height: 140px;height: 140px;} .innerProduct-repair-list dl dt img{max-width: 100%;max-height: 100%;} .innerProduct-repair-list dl dd{width: 85%;margin: 0 auto;} .innerProduct-repair-list dl dd h3{font-size: 16px;font-weight: bold;margin: 15px 0;text-align: center;} .innerProduct-repair-list dl dd p{font-size: 14px;line-height: 26px;color: #999;display: none;} /* */ .form{width: 650px;margin: 0 auto 80px;} .form table{width: 100%;margin-top: 20px;} .form table .tableft{text-align: right;width: 100px;} .form table input{margin: 8px 0;} .form table textarea{margin: 8px 0;height: 150px;} .form table .layui-btn{width: 100%;background: #e60012;margin-top: 20px;} /* */ .link{width: 1200px;margin: 50px auto;border-left: 1px solid #dedede;border-top: 1px solid #dedede;} .link p{height: 60px;line-height: 60px;border-bottom: 1px solid #dedede;} .link p em{float: left;font-size: 14px;width: 200px;text-align: center;} .link p span{float: left;padding: 0 20px;font-size: 14px;border-left: 1px solid #dedede;} .link p a{float: right;width: 200px;background: #16479D;color: #fff;font-size: 14px;text-align: center;} /* */ .innerBrief-box{background: url(gsbj.jpg) no-repeat center;overflow: hidden;background-size: 100% 100%;} .innerBrief{background: #fff;padding: 60px;width: 1080px;margin: 60px auto;} .innerTitle{text-align: center;padding-bottom: 20px;background: url(btbg.png) no-repeat right bottom;background-size: auto 19px;position: relative;} .innerTitle::before{position: absolute;left: 0;right: 0;bottom: 1px;content: "";width: 37px;height: 4px;background: #d8c28d;margin:0 auto;} .innerTitle h3{font-size: 30px;color: #16479D;font-weight: normal;letter-spacing: 7px;} .innerTitle p{font-size: 14px;color: #acacac;text-transform: uppercase;} .innerBrief-content{overflow: hidden;margin: 50px 0;} .innerBrief-content dt{float: left;margin-right: 45px;margin-bottom: 30px;} .innerBrief-content dd{font-size: 16px;line-height: 30px;} /* */ .innerCourse-box{background: url(fzlc.jpg) no-repeat center;overflow: hidden;background-size: 100% 100%;} .innerCourse-box-more{display: block;margin: 0 auto;width: 200px;height: 40px;border: 1px solid #16479D;color: #16479D;text-align: center;line-height: 40px; border-radius: 40px;font-size: 16px;margin-bottom: 50px;} .innerCourse{padding: 0px 10px;width: 1180px;margin: 60px auto;background: rgba(255,255,255,0.8);/* height: 700px;overflow-x: hidden;overflow-y: auto; */position: relative; overflow: hidden;} .innerCourse::-webkit-scrollbar{width: 3px;} .innerCourse::-webkit-scrollbar-thumb{background: #16479D;} .innerCourse::before{position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%;background: #fff;content: "";height: 45px;display: none;} .innerCourse::after{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;background: #fff;content: "";height: 45px;display: none;} .innerCourse-list{overflow: hidden;position: relative;} .innerCourse-list-item{float: left;width: 50%;text-align: right;position: relative;} .innerCourse-list-item::before{position: absolute;top: 0;right: 0;bottom: 0;margin: auto;width: 1px;background: #e7e7e7;content: "";} .innerCourse-list:nth-child(even) .innerCourse-list-item{float: right;text-align: left;} .innerCourse-list:nth-child(even) .innerCourse-list-item::before{left: -1px;right: initial;} .innerCourse-list-item h3.innerCourse-h3{font-size: 30px;font-weight: normal;color: #16479D;margin: 0 30px;} .innerCourse-list-item p.innerCourse-p{height: 1px;background: #e5e5e5;position: relative;margin: 15px 30px;} .innerCourse-list-item p.innerCourse-p::before{position: absolute;right: 0;top: -1px;height: 3px;width: 22px;content: "";background: #d8c28d;} .innerCourse-list-item p.innerCourse-p::after{position: absolute;right: -37px;top: -7px;height: 10px;width: 10px;content: "";background: #fff;border: 2px solid #e5e5e5; border-radius: 50%;} .innerCourse-list-item div.innerCourse-div{margin: 0 30px;font-size: 16px;line-height: 30px;} .innerCourse-list:nth-child(even) p.innerCourse-p::before{left: 0;} .innerCourse-list:nth-child(even) p.innerCourse-p::after{left: -37px;} /* */ .newCultrue-box{background: url(qywh.jpg) no-repeat center;overflow: hidden;background-size: 100% 100%;} .newCultrue{width: 1200px;margin: 60px auto;padding: 60px 0;background: #fff;} .newCultrue .innerTitle{width: 1080px;margin: 0 auto;} .newCultrue .newCultrue-list{margin: 60px auto;overflow: hidden;width: 90%;} .newCultrue .newCultrue-list dl{overflow: hidden;position: relative;width: 25%;float: left;margin: 0 4% 40px 4%;} .newCultrue .newCultrue-list dl dt{height: 176px;font-size: 0;text-align: center;line-height: 176px;overflow: hidden;margin: 0 auto;} .newCultrue .newCultrue-list dl dt img{max-width: 100%;max-height: 100%;} .newCultrue .newCultrue-list dl dd h3{font-size: 24px;color: #d5ba7a;margin: 15px 0;} .newCultrue .newCultrue-list dl dd h3 span{font-weight: normal;margin-left: 15px;font-size: 16px;} .newCultrue .newCultrue-list dl dd p{font-size: 16px;height: 72px;} .newCultrue .newCultrue-list dl.newCultrue-list2{height: 240px;margin-bottom: 0;} .newCultrue .newCultrue-list dl.newCultrue-list2 dt{position: absolute;bottom: 0;left: 0;} .newCultrue .newCultrue-list dl.newCultrue-list2 dd{position: absolute;top: -15px;left: 0;} .newCultrue .newCultrue-list dl.newCultrue-list3{margin-top: 0px;} .newCultrue .newCultrue-list dl.newCultrue-list5{margin-top: 20px;padding-top: 40px;height: 260px;border-top: 2px solid #eeeeee;height: 240px;margin-bottom: 0;} .newCultrue .newCultrue-list dl.newCultrue-list5 dt{position: absolute;bottom: 0;left: 0;} .newCultrue .newCultrue-list dl.newCultrue-list5 dd{position: absolute;top: 20px;left: 0;} .certificatelist ul li{width: 22%;margin: 1.5%;} .certificatelist ul li .stafflist-img{height: 350px;line-height: 350px;background: url(zsbg.png) no-repeat center;background-size: 100% 100%;} .certificatelist ul li .stafflist-img img{max-width: 86%;max-height: 86%;} .certificatelist-big{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;} .certificatelist-big-list span{position: absolute;bottom: 5%;right: 0;left:0;background: #fff;width: 40px;height: 40px;border-radius: 50%;text-align: center; line-height: 36px;font-size: 32px;color: #333;font-weight: bold;cursor: pointer;z-index: 99;margin: 0 auto;} .certificatelist-big-list ul li{display: none;position: absolute;top: 10%;left: 0;right: 0;bottom: 10%;text-align: center;} .certificatelist-big-list ul li .stafflist-img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-height: 100%;background:#fff url(zsbg.png) no-repeat center;background-size: 100% 100%;} .certificatelist-big-list ul li img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-height: 80%;max-width: 80%;} /* .certificatelist-big-list ul li img::before{position: absolute;top: 0;right: 0;background: #fff;width: 40px;height: 40px;border-radius: 50%;text-align: center; line-height: 36px;font-size: 32px;color: #333;font-weight: bold;cursor: pointer;z-index: 9999;content: "脳";} */ .certificatelist-big-list ul li .stafflist-title{display: none;} /* */ .layui-laypage{width: 100%;margin: 50px auto;text-align: center;} .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #16479D;} .layui-laypage a:hover{color: #16479D;} /* */ /* */ /* */ .wap-header{ display: none; position: fixed; top: 0; left: 0; right: 0; height: 0.88rem; max-width: 7.5rem; margin:auto; width: 100%; background: #fff; z-index: 999; /* background: rgba(0,0,0,0.5); */ box-shadow: 0px 1px 3px 0px #999; -webkit-box-shadow: 0px 1px 3px 0px #999; } .wap-header .logo{ /* width: 0.61rem; */ height: 0.6rem; text-align: center; line-height: 0.6rem; font-size: 0; float: left; margin-top: 0.14rem; margin-left: 0.24rem; font-size: 0; } .wap-header .logo a{display: block;font-size: 0;height: 0.6rem;} .wap-header .logo img{ /*max-width: 3.06rem;*/ /* height: 0.5rem; */ max-height: 100%; max-width: 100%; } /* .header .search_box{ position: absolute; top: 0; right: 1rem; } */ .wap-header .search_btn{ display: block; width: 0.88rem; height: 0.88rem; background: url("search.png") no-repeat center; position: absolute;right: 1rem;top: 0; background-size: 50%; } .wap-header .search{ position: absolute; top: 0.88rem; left: 0; width: 100%; height: 0.8rem; border: 1px solid #e87933; background: #fff7ee; display: none; } .wap-header .search input{ width: 5.8rem; border: none; font-size: 0.3rem; line-height: 0.8rem; padding: 0 0.24rem; color: #333; background: #fff7ee; } .wap-header .search a{ float: right; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; color: #fff; background: #e87933; width: 1rem; text-align: center; } .wap-header .icon{ float: right; /* margin-right: 0.24rem; */ /* margin-top: 0.3rem; */ width: 0.88rem; height: 0.88rem; background:#e8e8e8 url("nav-icon.png") no-repeat center; background-size: 50%; } .menu_list_bor { position: fixed; height: 100%; width: 100%; right: -100%; top: 0; z-index: 8888; } .colse_menu { position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; } .menu_right { width: 60%; position: absolute; height: 100%; right: 0; top: 0; background: #fff; z-index: 9999; overflow-x: hidden; } .menu_top { width: 100%; height: 1rem; border-bottom: 1px solid #bbbbbb; } .wap-lang{ border-bottom: 1px solid #e9e9e9; height: 0.8rem; } .wap-lang a{float: left;width: 50%;line-height: 0.8rem;font-size: 0.3rem;text-align: center;} .wap-lang li.on a{background: #16479D;color: #fff;} .menu_list_bor { position: fixed; height: 100%; width: 100%; right: -100%; top: 0; z-index: 8888; } .colse_menu { position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; } .menu_right { width: 60%; position: absolute; height: 100%; right: 0; top: 0; background: #fff; z-index: 9999; overflow-x: hidden; } .menu_top { width: 100%; height: 1rem; border-bottom: 1px solid #bbbbbb; } .clo { line-height: 1rem; color: #333; font-size: 0.3rem; width: 1.8rem; margin-left: 0.3rem; height: 1rem; background-size: auto 0.25rem; padding-left: 0.35rem; } .menu_list { width: 100%; } .clo b{ float: left; height: 100%; width: 20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);; background: url('fl.png') no-repeat right center; background-size: 40%; } .clo span { display: inline-block; line-height: 0.8rem; margin-left: 0.1rem; } .menu_list >ul>li,.menu_list>ul>li >ul>li{ line-height: 0.8rem; *height: 0.8rem; position: relative; border-bottom: 1px solid #e9e9e9; } .menu_list>ul>li >ul{ display: none; } .menu_list >ul >li >a,.menu_list>ul>li >ul>li>a { line-height: 0.8rem; *height: 0.8rem; color: #333; font-size: 0.28rem; display: inline-block; padding-left: 0.65rem; /*width: 100%;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 0.6rem; } .menu_list>ul>li >ul>li{ border:0; border-top: 1px solid #e9e9e9; padding-left: 0.3rem; } .menu_list >ul >li >ul>li>a{color: #575757;} .menu_list >ul >li>b, .menu_list >ul >li >ul>li b{ position: absolute; display: block; width: 20%; height: 0.8rem; right: 0; top: 0; background: url('fl.png') no-repeat center; background-size: 18%; } .menu_list>ul>li >ul>li li{ border-top:1px solid #e9e9e9; } .menu_list>ul>li >ul>li li a{ padding-left:1rem; color:#333; font-size: 0.28rem; display: inline-block; line-height: 0.4rem; vertical-align: middle; } .menu_list>ul>li>b.nex ,.menu_list >ul >li >ul>li b.nex{ background: url('nex.png') no-repeat center; background-size: 30%; } .menu_list>ul>li{line-height: 0.8rem;} /* */ .wap-Development-list{display: none;} .wap-Development-list{width: 100%;margin: 0.8rem auto 0;background: #fff;position: relative;} .wap-Development-list .swiper-slide{height: 8rem;} .wap-Development-list .swiper-slide h3{font-size: 0.6rem;font-weight: normal;text-align: center;font-family: "pf";margin: 0.4rem 0 0.4rem 0;} .wap-Development-list .swiper-slide p{height: 1px;background: #e5e5e5;position: relative;} .wap-Development-list .swiper-slide p span{position: absolute;left: 0;top: -14px;right: 0;margin: auto;width: 22px;height: 22px;border: 3px solid #e5e5e5; border-radius: 50%;text-align: center;line-height: 22px;background:#fff url(air04.png) no-repeat center;} .wap-Development-list .swiper-slide div{margin: 0.6rem 0.24rem;font-size: 16px;} .wap-Development-list .swiper-slide div *{max-width: 100%;} .wap-Development-list .swiper-button-prev{top: 85%;background:#e0e1e2 url(left.png) no-repeat center;width: 0.8rem;height: 0.8rem;border-radius: 50%;left: 25%; transition: all 0.3s;background-size: 0.4rem;} .wap-Development-list .swiper-button-next{top: 85%;background:#e0e1e2 url(right.png) no-repeat center;width: 0.8rem;height: 0.8rem;border-radius: 50%;right: 25%; transition: all 0.3s;background-size: 0.4rem;} .wap-Development-list .swiper-button-prev:hover{background:#17479e url(left.png) no-repeat center;background-size: 0.4rem;} .wap-Development-list .swiper-button-next:hover{background:#17479e url(right.png) no-repeat center;background-size: 0.4rem;} .honor-list-box{background: url(honor-bg.png) no-repeat top center;/* overflow: hidden; */width: 1200px;margin: 0 auto;margin-top: 50px;} .wap-honor-list{margin: 0px auto 0;padding: 210px 50px 50px 50px;width: 1100px;position: relative;overflow: hidden;display: none;} /* .honor-list .swiper-wrapper{overflow: hidden;} */ .wap-honor-list .swiper-slide dl dt{height: 254px;border: 1px solid #e3e3e3;background: #fff;margin: 0 auto;text-align: center;line-height: 254px;font-size: 0;} .wap-honor-list .swiper-slide dl dt img{max-width: 100%;max-height: 100%;} .wap-honor-list .swiper-slide dl dd{font-size: 16px;text-align: center;line-height: 30px;color: #333;margin-top: 10px;} .wap-honor-list .swiper-pagination-progress{bottom: 4px;top: initial !important;width: 100% !important;} .wap-honor-list .swiper-button-prev{right: 50px;bottom: 0;top: initial;left: initial;width: 25px;height: 13px;background: url(left02.png) no-repeat center;display: none;} .wap-honor-list .swiper-button-next{right: 0;bottom: 0;top: initial;left: initial;width: 25px;height: 13px;background: url(right02.png) no-repeat center;display: none;} .wap-innerEmployee-list{width: auto;margin: 0.8rem 0.24rem 0;overflow: hidden;position: relative;padding: 0 0px 1rem 0px;display: none;} .wap-innerEmployee-list dl dt{width: ;height: 4.9rem;font-size: 0;text-align: center;line-height: 4.9rem;margin: 0 auto;} .wap-innerEmployee-list dl dt img{max-width: 100%;max-height: 100%;} .wap-innerEmployee-list dl dd{text-align: center;font-size: 0.3rem;color: #fff;line-height: 0.8rem;border-bottom: 1px solid rgba(255,255,255,0.37);width: ;margin: 0 auto; position: relative;z-index: 9;} .wap-innerEmployee-list dl dd::before{position: absolute;z-index: -1;width: 0;height: 100%;margin: 0 auto;left: 0;right: 0;content: "";transition: all 0.3s; background: rgba(255,255,255,0.15);} .wap-innerEmployee-list dl:hover dd::before{width: 100%;} .wap-innerEmployee-list .swiper-pagination-bullet{width: 0.2rem;border: 1px solid #fff;background: none;height: 0.2rem;border-radius: 50%;opacity: 1;} .wap-innerEmployee-list .swiper-pagination-bullet-active{background: #fff;} /* .nav-bg-list{display: none;} */ .downMore-box{width: 90%;margin: 0 auto;position: relative;} .downMore{position: absolute;top: 20px;right: 0;text-align: right;z-index: 99;width: 55px;overflow: hidden;} .downMore span{font-size: 18px;color: #16479D;width: 20px;text-align: center;float: left;line-height: 25px;word-wrap: break-word;} .downMore img{position: absolute;top: 0;right: 0px; animation-name: down_aero; animation-duration: 3s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);} @keyframes down_aero { 0% { top: -105px; } 100% { top: 105px; } } @media screen and (max-width: 1600px) { .header-box-nei .nav ul li{margin-left: 25px;} } @media screen and (max-width: 1483px) { .about{height: auto;overflow: hidden;} .about-text-list{height: 120px;overflow: hidden;} .about-video-box{height: 100%;} .about-video{height: calc(100% - 70px);} .about-text{height: 412px;margin-top: 0;} .about-text .index-title{margin-top: 70px;} .header-box-nei .header{width: 90%;} /* .header-box-nei .nav ul li{margin-left: 15px;} */ } @media screen and (max-width: 1440px) { .header-box-nei .nav ul li{margin-left: 15px;} .header-box-nei .header .logo{width: 45%;} .certificate-list .certificate-list-item .swiper-slide div img{width: 80%;} } @media screen and (max-width: 1275px) { .course-list{width: 90%;margin: auto;} .course-list-title{float: none;position: relative;margin-top: 50px;} .course-list-title .index-more02{position: absolute;top: 30px;right: 0;} .course-list-title h3{margin-bottom: 70px;} .course-list-item{float: none;margin: 0 auto;width: 100%;} .certificate-list{width: 90%;} .certificate-list .certificate-list-item .swiper-button-prev{left: 0;} .certificate-list .certificate-list-item .swiper-button-next{right: 0;} .product-title{width: 90%;} .product-list{width: 90%;} .product-list dl{width: 31.333%;margin: 1%;height: auto;} .product-list dl dt{line-height: 200px;height: 200px;} .product-list dl dd{line-height: 340px;} .customer{width: 90%;} .customer .customer-title .index-title{font-size: 40px;} .customer .customer-list{width: calc(100% - 300px);} .customer .customer-list h3{width: 24%;} /* .customer .customer-list p{width: 24%;overflow: hidden;} */ .news-list{width: 90%;} .news-list dl dt{width: 545px;height: 346px;} .news-list dl dt span{width: 100%;line-height: 346px;height: 346px;} .news-list dl dd{width: calc(100% - 600px);} .news-list dl dd div{margin-bottom: 42px;} .news-list dl dd div h3{width: 100%;} .contact dl{width: 90%;} .footer-list{width: 90%;} /* */ .classlist{width: 90%;} .about-jj{width: 90%;} .about-jj-img{width: 450px;} .about-jj-img img{max-width: 100%;} .about-jj-text{width: calc(100% - 500px);} .about-jj-text h3{margin-top: 20px;} .about-jj-text p{margin: 30px 0;height: 180px;overflow: hidden;} .Development-con{width: 90%;} .Development-list{width: 100%;} .Development-list .swiper-button-next{right: 40%;} .Development-list .swiper-button-prev{left: 40%;} .honor-list-box{width: 90%;} .honor-list{width: 90%;} .speech-list{width: 90%;} .newslist{width: 90%;} .stafflist{width: 90%;} .stafflist ul li{width: 31.333%;margin: 15px 1% 40px;} .stafflist ul li .stafflist-img{height: 250px;line-height: 250px;} .innerCultrue{width: 90%;} .innerCultrue .innerCultrue-brief p{width: 90%;} .innerCultrue .innerCultrue-list li{width: 15.5%;margin-right: 1.4%;} .innerEmployee-list{width: 90%;} .innerEmployee-list dl dt{width: 95%;} .innerEmployee-list dl dd{width: 95%;} .sevicetop{width: 90%;} /* .sevicetop-right{width: 500px;height: 296px;} */ /* .sevicetop-left{width: calc(100% - 540px);} */ .sevicetop-left h1{font-size: 36px;} .sevicetop-left h2{font-size: 36px;} .innerProduct{width: 90%;} /* .innerProduct-allParameters{margin: 0 auto;} */ .innerProduct-allParameters p{width: 48%;} .innerProduct-allParameters p:last-child{float: right;} .innerProduct-equipment dl{width: 45%;margin: 2.3%;} .newhot{width: 90%;} .newhot-img{width: 500px;height: 375px;} .newhot-img ul li{height: 375px;line-height: 375px;} .newhot-list{width: calc(100% - 520px);} .newhot-list ul li a{height: 106px;padding-top: 18px;} .newslist{width: 90%;} .newinfo-nei{width: 90%;} .newinfo-neileft{width: 67%;} .newinfo-neiright{width: 29.33%;} .contact-nei{width: 90%;} .contact-nei .contact-nei-info p{width: 47%;padding-left: 3%;} .contact-nei-branch div{width: 31.333%;margin: 0 1%;} .servicelist{width: 90%;} .innerRecruit{width: 90%;} .innerRecruit-list .list-content-top{width: 85%;} .innerRecruit-list .list-content-bottom{width: 85%;} .innerRecruit-list .list-content-bottom .list-content-bottom-left{width: 48%;} .innerRecruit-list .list-content-bottom .list-content-bottom-right{width: 48%;} .link{width: 90%;} .header-box-nei .header .logo{width: 43%;} .innerQuery{width: 90%;} .innerQuery-input div{width: 300px;} .innerQuery-input div span{width: 100px;} .innerQuery-input div input{width: 165px;} .innerCourse{width: 90%;} .innerBrief{width: 85%;padding: 4%;} .newCultrue{width: 90%;} .newCultrue .innerTitle{width: 90%;margin: 0 auto;} .certificatelist ul li{width: 22%;margin: 1.5%;} .certificatelist ul li .stafflist-img{height: 330px;line-height: 330px;} .certificatelist ul li .stafflist-img img{max-width: 80%;} } @media screen and (max-width: 1200px){ .header-box-nei .nav-icon{display: block;background-size: contain;width: 24px;height: 20px;bottom: 20px;cursor: pointer;} .header-box-nei .nav{top: 93px;width: 100%;background: #fff;display: none;} .header-box-nei .nav ul li{margin-left: 0;width: 12.5%;} .header-box-nei .nav ul li a{display: block;line-height: 50px;height: 50px;text-align: center;} .header-box-nei .nav ul li a.on:before{display: none;} .header-box-nei .nav ul li a.on{background: #16479D;color: #fff;} .header-box-nei .nav2{top: 93px;width: 100%;background: #fff;display: none;} .header-box-nei .nav2 ul li{margin-left: 0;width: 12.5%;} .header-box-nei .nav2 ul li a{display: block;line-height: 50px;height: 50px;text-align: center;} .header-box-nei .nav2 ul li a.on:before{display: none;} .header-box-nei .nav2 ul li a.on{background: #16479D;color: #fff;} .header-bg{height: 50px;position: absolute;top: 93px;left: 0;right: 0;background: #fff;display: none;} .header-box-nei .header .logo{width: auto;} .downMore-box{display: none;} .certificatelist ul li{width: 22%;margin: 1.5%;} .certificatelist ul li .stafflist-img{height: 290px;line-height: 290px;} .innerQuery-input div{width: 28%;} .innerQuery-input div input{width: calc(100% - 130px);} .innerQuery-list table td{min-width: 64px;} } @media screen and (max-width: 1100px){ .news-list dl dt{width: 480px;height: 305px;} .news-list dl dt span{height: 305px;line-height: 305px;} .news-list dl dd{width: calc(100% - 550px);} .news-list dl dd div{margin-bottom: 30px;} .contact dl dt{width: calc(100% - 350px);} .product-list dl dt{height: 180px;line-height: 180px;} .product-list dl dd{line-height: 300px;} .honor-list .swiper-slide dl dt{height: 180px;line-height: 180px;} .Development-title{margin-top: 25px;} .speech-list{margin-top: 25px;} .stafflist ul li .stafflist-img{height: 220px;line-height: 220px;} .innerCultrue .innerCultrue-list li{width: 31.333%;margin:5px 1% 5px 1%;} .innerCultrue .innerCultrue-list li:hover{background: #16479D;color: #fff;width: ;} .innerCultrue .innerCultrue-list li:hover h3{color: #fff;margin-top: 25px;font-weight: bold;opacity: 1;} .innerCultrue .innerCultrue-list li:hover span{color: #fff;opacity: 1;} .innerCultrue .innerCultrue-list li:hover p{top: 90px;} .innerEmployee-list dl dt{height: 220px;line-height: 220px;} /* .sevicetop-right{width: 450px;height: 266px;margin-top: 60px;} */ /* .sevicetop-left{width: calc(100% - 500px);} */ .innerProduct-equipment dl dt{height: 220px;line-height: 220px;} .newhot-img{width: 420px;height: 314px;} .newhot-img ul li{height: 314px;line-height: 314px;} .newhot-list{width: calc(100% - 440px);} .newhot-list ul li a{height: 91px;padding-top: 13px;} .newhot-list ul li .newlist-time{height: 76px;width: 76px;} .newhot-list ul li .newlist-info p{margin-top: 0;} .newslist ul li .newslist-title{left: 40px;width: 68%;} .servicelist p{height: 80px;line-height: 80px;} /* .header-box-nei .header .logo{width: 30%;} */ .neibanner{height: 200px;position: relative;overflow: hidden;} .neibanner img{position: absolute;left: 50%;top: 0;margin-left: -550px;width: 1100px;} .newCultrue .newCultrue-list dl{width: 29%;margin: 0 2% 40px 2%;} .newCultrue .innerTitle{width: 90%;margin: 0 auto;} .certificatelist ul li{width: 22%;margin: 1.5%;} .certificatelist ul li .stafflist-img{height: 270px;line-height: 270px;} .innerQuery-list table td{min-width: auto;} } @media screen and (max-width: 1000px) { .about{background: none;} .about-text .about-text-list{width: 85%;} .certificate-list .certificate-list-title{width: 40%;} .product-list dl dt{height: 160px;line-height: 160px;} .product-list dl dd{line-height: 270px;} .product-title{padding-bottom: 20px;} .product-title h3{width: calc(100% - 240px);} .product-title .index-more{width: calc(100% - 240px);} .customer .customer-title{float: none;position: relative;} .customer .customer-title .index-title{margin: 40px 0;} .customer .customer-title .index-more{position: absolute;right: 0;top: 30px;} .customer .customer-list{float: none;width: 100%;} .news-list dl dd div h3 em{width: 100%;} .news-list dl dd div h3 span{display: none;} .news-list dl dt{width: 420px;height: 267px;} .news-list dl dt span{width: 420px;height: 267px;line-height: 267px;} .news-list dl dd{width: calc(100% - 470px);} .news-list dl dd div{margin-bottom: 18px;} .contact dl dt{width: 100%;float: none;} .contact dl dd{width: 100%;float: none;} .about-jj-img{width: 350px;} .about-jj-img img{max-width: 100%;} .about-jj-text{width: calc(100% - 400px);} .about-jj-text h3{margin-top: 20px;font-size: 20px;} .about-jj-text p{margin: 30px 0;height: 120px;overflow: hidden;} .honor-list .swiper-slide dl dt{height: 150px;line-height: 150px;} .honor-list .swiper-pagination-progress{width: 85% !important;} .stafflist ul li .stafflist-img{height: 200px;line-height: 200px;} .innerEmployee-list dl dt{height: 200px;line-height: 200px;} .sevicetop-right{width: 380px;height: 225px;margin-top: 100px;} /* .sevicetop-left{width: calc(100% - 420px);} */ .innerProduct-equipment dl dt{height: 200px;line-height: 200px;} .newhot-img{width: 350px;height: 262px;} .newhot-img ul li{height: 262px;line-height: 262px;} .newhot-list{width: calc(100% - 370px);} .newhot-list ul li:last-child{display: none;} .newhot-list ul li a{height: 106px;padding-top: 25px;} .newhot-list ul li .newlist-time{height: 76px;width: 76px;} .newhot-list ul li .newlist-info p{margin-top: 0;} .newslist ul li .newslist-title{left: 60px;width: 65%;} .nnltime .share{display: none;} .servicelist p{height: 60px;line-height: 60px;} .servicelist p img{max-width: 75%;max-height: 75%;} .footer-list-left{width: 42%;} /* .footer-list-right{width: 55%;} */ .innerBrief-content dt{width: 320px;} .innerBrief-content dt img{max-width: 100%;} .newCultrue .newCultrue-list dl{width: 29%;margin: 0 2% 40px 2%;} .newCultrue .newCultrue-list dl dt{height: 135px;line-height: 135px;} .newCultrue .newCultrue-list dl.newCultrue-list2{height: 280px;} .newCultrue .newCultrue-list dl.newCultrue-list5{height: 270px;} .certificatelist ul li{width: 31.333%;margin: 1%;} .certificatelist ul li .stafflist-img{height: 350px;line-height: 350px;} .classlist-list ul li a{padding: 0 20px;} } @media screen and (max-width: 900px){ .certificatelist ul li .stafflist-img{height: 310px;line-height: 310px;} } @media screen and (max-width: 800px){ .footer-list{margin-top: 40px;} .footer-list-left{width: 46%;} .footer-list-left p span{display: block;} .footer-list-right{width: 46%;} .about-jj-img{width: 275px;} .about-jj-img img{max-width: 100%;} .about-jj-text{width: calc(100% - 325px);} .about-jj-text h3{margin-top: 10px;} .about-jj-text p{margin: 15px 0;height: 90px;overflow: hidden;} .about-jj-text a{height: 50px;line-height: 50px;} /* .sevicetop-right{width: 300px;height: 178px;margin-top: 150px;} */ /* .sevicetop-left{width: calc(100% - 330px);} */ .innerProduct-equipment dl dt{height: 175px;line-height: 175px;} .header-box-nei .header .logo{width: 75%;} .certificatelist ul li{width: 31.333%;margin: 1%;} .certificatelist ul li .stafflist-img{height: 290px;line-height: 290px;} .classlist-list ul li a{padding: 0 10px;} } @media screen and (max-width: 750px){ .header-box-nei{display: none;} .wap-header{display: block;} .wap-header .search_btn{display: none;} .banner{margin-top: 0.88rem;} .banner ol{bottom: 0px;} .banner ol li{margin: 0;} .banner ol li a{} .banner ol li a.flex-active{border-color: transparent;} /* .index-title{font-size: 0.4rem;margin: 0.4rem 0.24rem !important;} */ .index-more{width: 105px;} .index-more em{margin-top: 10px;} .index-more img{width: 20px;top: 25px;} .index-more:hover img{top: 5px;} .index-title03{color: #333;font-size: 0.4rem;} .index-title03 b{color: #16479D;} .about-video-box{display: none;} .about-text{width: 100%;height: auto;} .about-text .index-title{font-size: 0.4rem;margin: 0.4rem 0.24rem;} .about-text .about-text-list{margin: 0.24rem;width: auto;font-size: 0.3rem;} .about-text .index-more{margin: 0.4rem 0 0.64rem 0.24rem;} .course-list{margin: 0 0.24rem;} .course-list-title{margin-top: 0.64rem;} .course-list-title .index-title02{font-size: 0.4rem;top: 15px;} .course-list-title .index-more02{top: 15px;} .course-list-title h3{margin: 10px 0 50px;font-size: 0.3rem;} .course{height: 450px;} .course-list-item{display: none;} .wap-course-list-item{display: block;} .certificate{background: url(video-bg.png) no-repeat left bottom;background-size: 300% 1.2rem;height: 8rem;} .certificate-list{margin: 0 0.24rem;width: auto;} .certificate-list .certificate-list-item-box{float: none;width: 100%;height: 4.5rem;} .certificate-list .certificate-list-title{float: none;width: 100%;margin-top: 0.64rem;position: relative;} .certificate-list .certificate-list-title h3{color: #666;font-size: 0.3rem;margin: 0.2rem 0 0.6rem;height: 1.35rem;} .certificate-list .certificate-list-title .index-more03{position: absolute;bottom: 0;right: 0;color: #666;display: none;} .certificate-list .certificate-list-title .index-more03 em{background: #dedede;} .certificate-list .certificate-list-item{margin-top: 0;} .certificate-list .certificate-list-item .swiper-slide{height: 3.3rem;line-height: 3.3rem;} .certificate-list .certificate-list-item .swiper-button-prev{bottom: 0.1rem;top: initial;width: 3rem;height: 0.7rem;} .certificate-list .certificate-list-item .swiper-button-next{bottom: 0.1rem;top: initial;width: 3rem;height: 0.7rem;} .product{padding: 0.6rem 0.24rem 0.6rem;} .product-title{position: relative;width: 100%;margin-bottom: 0;height: 0.8rem;} .product-title .index-title{font-size: 0.4rem;} .product-title h3{display: none;} .product-title .index-more{width: auto;position: absolute;right: 0;top: 0rem;width: 2rem;} .product-list{width: 100%;} .product-list dl dt{height: 1.3rem;line-height: 1.3rem;} .product-list dl dd{line-height: 2rem;text-align: center;font-size: 0.28rem;text-indent: 0;opacity: 0.75;} .customer .customer-title{position: initial;} .customer .customer-title .index-title{font-size: 0.4rem;margin: 25px 0;} /* .customer .customer-title .index-title b{display: block;} */ .customer .customer-title .index-more{top: initial;} .customer .customer-list .customer-list-item{margin: 0;overflow: hidden;height: 5.8rem;} .customer .customer-list p{width: 33%;line-height: 1.45rem;height: 1.45rem;} .customer .customer-list p:nth-child(5n){border-right: 1px solid #d8d8d8;} .customer .customer-list p:nth-child(3n){border-right: none;} .news{padding: 30px 0;} .news-list-title{margin-bottom: 20px;} .news-list-title .index-title{text-align: left;font-size: 0.4rem;} .news-list dl dt{display: none;} .news-list dl dd{width: 100%;} .news-list dl dd div h3 em{color: #666;} .contact dl dd{margin-top: 20px;} .contact dl dd .index-title{font-size: 0.4rem;} .contact dl dd p{margin: 10px 0;color: #666;} .contact dl dd a{width: 5.6rem;height: 1rem;line-height: 1rem;margin-top: 0.24rem;} .footer{display: none;} .wapFooter{display: block;color: #dedede;line-height: 0.5rem;padding: 0.4rem 0.24rem;} .neibanner{margin-top: 0.88rem;} .shildclass{height: auto;} .classlist{width: 100%;} .classlist-list{width: 100%;} .classlist-list ul{overflow: hidden;} .classlist-list ul li{float: left;width: 25% !important;} .classlist-list ul li a{font-size: 0.3rem;height: 1rem;line-height: 1rem;padding: 0;} .positionlist{display: none;} .neibanner{height: 137px;position: relative;overflow: hidden;} .neibanner img{position: absolute;left: 50%;top: 0;margin-left: -375px;width: 750px;} .about-jj{margin:0.5rem 0.24rem;} .about-jj-img{display: none;} .about-jj-text{width: 100%;} .about-jj-text h3{font-size: 0.36rem;} .about-jj-text p{font-size: 0.3rem;} .about-jj-text a{height: 1rem;line-height: 1rem;font-size: 0.32rem;} .Development{height: 12rem;} .Development-title{font-size: 0.5rem;} .Development-list{display: none;} .wap-Development-list{display: block;} .honor-list{display: none;} .honor-list-box{margin: 0.24rem;width: auto;overflow: hidden;} .wap-honor-list{display: block;width: auto;overflow: hidden;padding: 1rem 0.24rem 0.4rem 0.24rem;} .speech-box{background-size: auto 110%;height: auto;padding-bottom: 0.5rem;margin-top: 0;} .speech-list{width: auto;margin:0.5rem 0.24rem;} .stafflist{width: auto;margin: 0.5rem 0.24rem;padding: 0;} .stafflist ul li{width: 48%;margin: 0;margin-bottom: 0.3rem;} .stafflist ul li:nth-child(even){float: right;} .stafflist ul li .stafflist-img{height: 2.36rem;line-height: 2.36rem;} .stafflist ul li .stafflist-title{line-height: 0.7rem;height: 0.7rem;} .newinfo-nei{width: auto;margin:0.5rem 0.24rem;padding: 0;} .newinfo-neiright{display: none;} .newinfo-neileft{width: 100%;} .newinfo-neileft .nnltitle{font-size: 0.32rem;padding-bottom: 0.2rem;} .nnltime-left{margin-top: 0.2rem;} .nnlcontent{padding: 0.75rem 0;} .nextprve{width: auto;} .nextprve p{margin: 0 0.24rem;padding: 0.2rem 0;} .nextprve p em{font-size: 14px;} .retrun-a{margin: 0.5rem auto;height: 0.8rem;line-height: 0.8rem;} .retrun-a a{display: block;width: auto;height: 0.8rem;line-height: 0.8rem;} .innerCultrue-box{margin-top: 180px;} .innerCultrue{width: auto;margin: 0 0.24rem;} .innerCultrue .innerCultrue-list li{width: 100%;margin:5px 0;height: auto;padding: 0.24rem 0;} .innerCultrue .innerCultrue-list li h3{font-size: 0.36rem;margin-top: 0;color: #16479D;} .innerCultrue .innerCultrue-list li span{font-size: 0.32rem;} .innerCultrue .innerCultrue-list li p{position: relative;top: 0;} .innerCultrue .innerCultrue-list li:hover h3{margin-top: 0;} .innerCultrue .innerCultrue-list li:hover p{top: 0;} .innerEmployee-list{display: none;} .wap-innerEmployee-list{display: block;} .innerEmployee{height: auto;padding-bottom: 0.5rem;} .newhot{width: auto;margin: 0.5rem 0.24rem;} .newhot-list{display: none;} .newhot-img{width: 100%;height: 5rem;} .newhot-img ul li{height: 5rem;line-height: 5rem;} .newhot-img ol{right: 0;left: 0;bottom: 0.24rem;text-align: center;} .newhot-img ol li a{width: 0.24rem;height: 0.24rem;} .newslist{margin: 0.5rem 0.24rem;width: auto;} .newslist ul li a{padding: 0;background: none;height: auto;margin-bottom: 0.24rem;padding-bottom: 0.24rem;} .newslist ul li .newslist-time{display: none;} .newslist ul li .newslist-title{width: 100%;left: 0;position: relative;height: auto;} .newslist ul li .newslist-title h3{font-size: 0.32rem;} .newslist ul li .newslist-title p{height: auto;height: 1rem;line-height: 0.5rem;margin-top: 0.1rem;} .newslist ul li a:hover{background: none;} .newslist ul li a:hover .newslist-title h3{color: #16479D;} .newslist ul li a:hover .newslist-title p{color: #666;} .classlist-list ul li ul{display: none !important;} .nav-bg{height: 1rem;overflow: hidden;} .nav-bg-list{display: block;} .nav-bg-list ul{overflow: hidden;} .nav-bg-list ul li{float: left;width: 50%;} .nav-bg-list ul li a{display: block;text-align: center;font-size: 0.3rem;line-height: 1rem;color: #999;height: 1rem;} .nav-bg-list ul li a.on{color: #16479D;} .sevicetop{margin: 0.5rem 0.24rem;width: auto;} .sevicetop-right{display: none;} .sevicetop-left{width: 100%;} .sevicetop-left h2{font-size: 0.4rem;} .innerProduct{margin: 0.5rem 0.24rem;width: auto;} .innerProduct-title{font-size: 0.4rem;} .innerProduct-allParameters p{width: 100%;} .innerProduct-equipment{margin-top: 0.24rem;} .innerProduct-equipment dl{width: 100%;margin: 0;} .innerProduct-equipment dl dt{height: 3.5rem;line-height: 3.5rem;} .innerProduct-repair{padding: 0.24rem;margin: 0.4rem 0;} .innerProduct-repair-list{margin: 0.4rem 0;} .innerProduct-repair-list dl{width: 48%;margin: 0.1rem 0;} .innerProduct-repair-list dl:nth-child(even){float: right;} .innerProduct-repair-list dl dt{width: 100%;height: 2rem;line-height: 2rem;} .innerProduct-repair-list dl dd{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .innerProduct-repair-list dl dd h3{margin: 0.2rem 0 0 0;} .servicelist p{width: calc(50% - 1px);height: 1.5rem;line-height: 1.5rem;} .sevicetop-left h1{font-size: 0.4rem;line-height: 0.4rem;} .innerQuery{width: auto;margin: 0.5rem 0.24rem;} .innerQuery-checkBox span{font-size: 0.32rem;} .innerQuery-checkBox label{margin-left: 0.4rem;font-size: 0.32rem;} .innerQuery-checkBox label input{width: 0.32rem;height: 0.32rem;} .innerQuery-input{margin: 0.4rem 0 0.6rem 0;} .innerQuery-input div{width: auto;height: 0.8rem;line-height: 0.8rem;margin: 0;float: none;margin-bottom: 0.24rem;} .innerQuery-input div span{width: 2rem;line-height: 0.8rem;height: 0.8rem;font-size: 0.3rem;} .innerQuery-input div input{height: 0.8rem;line-height: 0.8rem;width: 4.25rem;padding: 0 0.3rem;font-size: 0.3rem;color: #333;} .innerQuery-input p{float: none;width: auto;line-height: 0.8rem;} .wap-th{display: none;} .innerQuery-list table td{max-width: 2rem;min-width: none;overflow: hidden;} .innerRecruit-list li.innerRecruit-list-title .title-item{width: 33.333%;font-size: 0.32rem;height: 1rem;line-height: 1rem;} .innerRecruit-list .title-item{width: 33.333%;font-size: 0.3rem;height: 0.8rem;line-height: 0.8rem;font-weight: normal;} /* .contact{padding-top: 0;} */ .contact-nei{width: auto;margin: 0.5rem 0.24rem 0 0.24rem;} .contact-nei .contact-nei-info p{width: 100%;padding: 0;margin: 0.1rem 0;font-size: 0.28rem;} .contact-nei .contact-nei-top{height: auto;} .contact-nei .contact-nei-top p{height: 0.8rem;padding-left: 0.8rem;font-size: 0.36rem;background: url(contactbg1.jpg) 0px 3px no-repeat;background-size: 0.45rem;} .contact-nei-branch{margin: 0.6rem 0;} .contact-nei-branch div{width: 100%;margin: 0;} .contact-nei-branch div h3{height: 0.8rem;line-height: 0.8rem;font-size: 0.32rem;} .innerRecruit{width: auto;margin: 0.5rem 0.24rem;} .innerRecruit-list .list-content-top p{width: 100%;margin: 0;} .innerRecruit-list .list-content-bottom .list-content-bottom-left{width: 100%;} .innerRecruit-list .list-content-bottom .list-content-bottom-right{width: 100%;} .innerBrief-content dt{width: 100%;text-align: center;display: none;} .innerBrief-content dt img{max-width: 100%;} .innerCourse{margin: 0.5rem 0.24rem;width: auto;padding: 0.24rem;overflow: hidden;height: auto;} .innerCourse-list{padding: 10px 0;} .innerCourse-list-item{width: 100%;} .innerCourse-list-item::before{display: none;} .innerCourse-list-item h3.innerCourse-h3{margin: 0;font-size: 0.5rem;text-align: left;} .innerCourse-list-item p.innerCourse-p{margin: 15px 0;} .innerCourse-list-item p.innerCourse-p::after{display: none;} .innerCourse-list-item p.innerCourse-p::before{left: 0;right: initial;} .innerCourse-list-item div.innerCourse-div{margin: 0;text-align: left;} .newCultrue{width: auto;margin:0.24rem;padding: 0.5rem 0;} .newCultrue .innerTitle{width: auto;margin: 0 0.24rem;} .newCultrue .newCultrue-list{width: auto;margin: 0.24rem;} .newCultrue .newCultrue-list dl{overflow: hidden;width: 48%;margin: 0.3rem 0 !important;height: auto !important;border: none !important;padding: 0 !important;} .newCultrue .newCultrue-list dl:nth-child(even){float: right;} .newCultrue .newCultrue-list dl dt{float: left;width: 100%;height: auto;line-height: initial;position: relative !important;} .newCultrue .newCultrue-list dl dd{float: right;width: 100%;position: relative !important;top: 0 !important;} .newCultrue .newCultrue-list dl dd h3{font-size: 0.36rem;margin: 0;margin-top: 0.15rem;} .newCultrue .newCultrue-list dl dd h3 span{font-size: 0.3rem;} .newCultrue .newCultrue-list dl dd p{font-size: 0.28rem;color: #333;margin-top: 0.1rem;height: auto;} .newCultrue .newCultrue-list dl:nth-child(even) dt{float: right;} .newCultrue .newCultrue-list dl:nth-child(even) dd{float: left;} /* .newCultrue .newCultrue-list dl:nth-child(even) dd h3{text-align: right;} */ .certificatelist ul li{} .certificatelist ul li .stafflist-img{height: 4rem;line-height: 4rem;} .certificatelist ul li .stafflist-img img{max-width: 80%;max-height: 85%;} .certificatelist-big-list ul li{top: 15%;bottom: 15%;} .certificatelist-big-list ul li .stafflist-img{max-width: 90%;} .innerBrief{width: auto;margin: 0.5rem 0.24rem;padding: 0.5rem 0.24rem;} .innerTitle h3{font-size: 0.36rem;letter-spacing: 0;font-weight: bold;margin-bottom: 0.15rem;} .innerTitle p{font-size: 0.28rem;} .innerBrief-content{margin: 0.5rem 0;} .sevicetop-left p{width: 100%;font-size: 0.28rem;} .innerRecruit-title{font-size: 0.28rem;line-height: 0.5rem;} .certificate-big .swiper-slide{max-width: 90%;top: 15%;bottom: 15%;} .layui-laypage{margin: 30px auto;} .innerContact{padding-top: 0;} }