.banner{width: 100%;height: 100vw;overflow: hidden; position: relative;z-index: 1;background-color: #fff;} .banner a{display: block;font-size: 0;} .banner .container{padding: 0 0;} .banner .swiper-slide {height: 100%;} .banner .slick-list,.banner .swiper-wrapper,.banner .slick-slider .slick-track,.banner .slick-slider .slick-list,.banner .slick-slider .slick-slide >div{height: 100%;} .banner .swiper-pagination{top: auto;bottom: 20px;z-index: 3;text-align: right;right: 20px;left: auto;} .banner .swiper-pagination-bullet{opacity: 0.5;background-color: #fff;} .banner .swiper-pagination-bullet-active{opacity: 1;} .banner .swiper-number{position: absolute;left: 0;bottom: 0px;color: #fff; font-size: 1.2rem;z-index: 2;width: 100%; height: 4rem;line-height: 4rem; background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));padding: 0 20px;} .banner .swiper-number .curindex{font-weight: bold;font-size: 2rem;} .banner .swiper-slide a{display: block;width: 100%;height: 100%;} .banner .swiper-slide img{margin: 0 auto;} .banner .container{position: relative;height: 100%;} .banner .container .con{position: absolute; width: 100%;height: 100%;} .banner .donghua{ -ms-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } .banner .bgb { position:absolute; width:100%; height:100%; left:0; top:0;background-size: cover;background-position: center center; } .banner .swiper-slide .bgb{ -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: transform 8000ms ease-in-out; -moz-transition: transform 8000ms ease-in-out; -o-transition: transform 8000ms ease-in-out; -ms-transition: transform 8000ms ease-in-out; transition: transform 8000ms ease-in-out; } .banner .swiper-slide-active .bgb,.banner .slick-active .bgb { -ms-transform: scale(1.0,1.0) rotate(0.00001deg); -o-transform: scale(1.0,1.0) rotate(0.00001deg); -moz-transform: scale(1.0,1.0) rotate(0.00001deg); -webkit-transform: scale(1.0,1.0) rotate(0.00001deg); transform: scale(1.0,1.0) rotate(0.00001deg); } .banner .wenzi1{opacity: 0;transition-delay: 0.6s;} .banner .wenzi2{opacity: 0;transition-delay: 1.5s;} .banner .wenzi3{opacity: 0;transition-delay: 1.8s;} .banner .wenzi4{opacity: 0;transition-delay: 2.1s;} .banner .wenzi5{opacity: 0;transition-delay: 2.4s;} .banner .wenzi{text-align: center;opacity: 0;} .banner .banner1 .con .wenzi{text-align: center;margin-top: 20%;} .banner .banner1 .con .imgs{text-align: center;position: absolute;left: 50%;transform: translateX(-50%); top: 61%;width: 100%;max-width: 1167px;} .banner .banner1 .con .imgs .item{width: 24%;display: inline-block; text-align: center;} .banner .banner1 .con .imgs .item img{width: 90%;max-width: 213px;} .banner .banner1 .con .wenzi1{width: 85%;max-width: 1266px;} .banner .banner1 .con .wenzi2{} .banner .banner1 .con .wenzi3{transform: translateY(-50px);} .banner .banner1 .con .wenzi4{transform: translateY(-50px);} .banner .banner1 .con .wenzi5{} .banner .banner2 .wenzi1{position: absolute;top: 24%;width: 80%;left: 50%;transform: translateX(-50%); max-width: 817px;} .banner .banner3 .wenzi1{position: absolute;top: 50%;width: 55%;left: 15px;transform: translateY(-50%);max-width: 734px;} .banner .banner4 .wenzi1{position: absolute;top: 28%;width: 85%;left: 50%;transform: translateX(-50%);max-width: 1032px;} .banner .banner5 .wenzi1{position: absolute;top: 22%;width: 70%;left: 50%;transform: translateX(-50%);max-width: 689px;} .banner .banner6 .wenzi1{position: absolute;top: 50%;width: 40%;left: 0%;transform: translateY(-50%);max-width: 524px;} /*动画*/ .banner .swiper-slide-active .container img,.banner .once .container img{opacity: 1;} .banner .swiper-slide-active .container .con .wenzi,.banner .once .container .con .wenzi{opacity: 1;} .banner_nav{position: absolute;z-index: 999; width: 80%;left: 10%;bottom: 0;height: 160px;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);background-color: #1060bf;} .banner_nav .item{height: 160px;color: #fff;padding: 25px 25px; float: left;width: 15%;transition: width ease-in-out 0.5s;position: relative;background: url(../images/icon_nav_xian.png) right center no-repeat;} .banner_nav .item:last-child{background: none;} .banner_nav .icon{text-align: center;width: 100%;top: 20px;right: 0;position: absolute;transition: all ease-in-out 0.5s;} .banner_nav .icon img{width: 80px;margin-bottom: 0px;transition: width ease-in-out 0.5s;} .banner_nav .icon .name{font-size: 1.0rem;} .banner_nav .text{transition: all ease-in-out 0.5s;opacity: 0;transform: translateY(100%);cursor: pointer;display: block;} .banner_nav .text .titles{margin-bottom: 24px;} .banner_nav .text .title{color: #fff; display: inline-block;font-size: 1.0rem;margin-right: 10px;} .banner_nav .text .entitle{display: inline-block;font-size: 14px;color: #eee;} .banner_nav .text .desc{font-size: 14px;color: #eee;} .banner_nav .item.on{width: 40%;} .banner_nav .item.on .icon{right: 25px;width: 50px;} .banner_nav .item.on .icon .name{opacity: 0;} .banner_nav .item.on .icon img{width: 50px;} .banner_nav .item.on .text{opacity: 1;transform: translateY(0);} .index_main{position: relative;z-index: 1;background-color: #fff;overflow: hidden;} .index_porduct{margin-top: 2rem;margin-bottom: 2rem;} .index_porduct .item0{width: 100%;padding: 20px;background-color: #f1f1f1;display: block;} .index_porduct .item0 .img{width: 31px;height: 31px;} .index_porduct .item0 .title{margin-bottom: 1rem;} .index_porduct .item0 h3{border-left: 3px solid #1e4fdb;padding-left: 5px;font-size: 1rem;font-weight: bold;height: 1.4rem;line-height: 1.4rem;} .index_porduct .item0 h3 span{font-size: 12px;color: #999;padding-left: 0.5rem;} .index_porduct .item0 .desc{line-height: 2;} .index_porduct .item{width: 50%;padding: 25px;background-color: #1e4fdb;color: #fff;text-align: center;position: relative;display: block;} /*.index_porduct .item:nth-of-type(4n+2){background-color: #51566a;}*/ /*.index_porduct .item:nth-of-type(4n+3){background-color: #313131;}*/ /*.index_porduct .item:nth-of-type(4n){background-color: #b89b73;}*/ .index_porduct .item:nth-of-type(1){background-color: #D4AE67;} .index_porduct .item:nth-of-type(2){background-color: #FE9D01;} .index_porduct .item:nth-of-type(3){background-color: #0480CA;} .index_porduct .item:nth-of-type(4){background-color: #1E2F89;} .index_porduct .item:nth-of-type(5){background-color: #512023;} .index_porduct .item:nth-of-type(6){background-color: #26A74B;} .index_porduct .item:after{width: calc(100% - 12px);height: calc(100% - 12px);position: absolute;left: 5px;top: 5px;border: 1px solid #ccc;content: "";} .index_porduct .item h3{font-size: 1rem;font-weight: bold;margin-bottom: 5px;} .index_porduct .item .img{width: 31px;height: 31px;margin: 10px auto;} .index_porduct .item .desc{font-size: 12px;color: #999;} .index_typebar{margin-bottom: 1.5rem;text-align: center;color: #000;} .index_typebar.white{color: #fff;} .index_typebar.white h2:after{background-color: #fff;} .index_typebar h2{font-size: 20px; position: relative;padding-bottom: 1.0rem;font-weight: bold;} .index_typebar h2:after{position: absolute;left: 50%;margin-left: -10px; bottom: 0;width: 1.0rem;height: 2px;background-color: #1e4fdb;content: "";} .index_news{padding-top: 1.8rem; padding-bottom: 2.0rem;position: relative;z-index: 1;background-color: #fff;width: 100%;background: url(../images/index_news_bg.jpg) center top no-repeat;background-size: 100%;} .news_right{} .news_right .hd{margin-bottom: 20px;display: flex;justify-content: center; } .news_right .hd li{height: 3.0rem;line-height: 3.0rem;flex: 1;text-align: center;margin: 0 8px;} .news_right .hd li a{font-size: 0.9rem;color: #fff;display: block;position: relative;} .news_right .hd li a:before{position: absolute;left: 50%;margin-left: -8px; bottom: 8px;width: 16px;height: 2px;background-color: #bac9f2;content: "";transform: scaleX(0);transition: all 0.5s ease} .news_right .hd li a:after{position: absolute;left: 0%;bottom: 0px;width: 100%;height: 2px;background-color: #bac9f2;content: "";transform: scaleX(0);transition: all 0.5s ease} .news_right .hd li.on a:before,.news_right .hd li.on a:after{transform: scaleX(1);} .news_right .hd .more{float: right;height: 3.0rem;line-height: 3.0rem;background: url(../images/icon_more_plus.png) right 5px center no-repeat;padding-right: 30px;color: #333;} .news_right .bd{position: relative;height: calc(50vw + 200px); overflow: hidden;} .news_right .index_newslist{display: none;position: absolute;left: 0;top: 0;width: 100%;} .news_right .index_newslist .item{border-bottom: 1px solid #ccc;position: relative;display: block;} .news_right .index_newslist .item:last-child{border-bottom: none;} .news_right .index_newslist .img{width: 100%;height: 50vw;background-color: #eee; background-position: center;background-size: cover;} .news_right .index_newslist .img img{width: 100%;height: 100%;} .news_right .index_newslist .text{height: 190px;background-color: #fff;padding: 15px;box-shadow: 3px 3px 10px -5px rgba(0,0,0,0.3)} .news_right .index_newslist .title{position: relative;margin-bottom: 1rem;} .news_right .index_newslist .title:after{position: absolute;bottom: -0.5rem;left: 0;width: 1.5rem;height: 1px;background-color: #333;content: "";} .news_right .index_newslist .date{font-size: 14px;color: #666;} .news_right .index_newslist h4{font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold; transition:cubic-bezier(0.215,.61,.355,1) .45s; } .news_right .index_newslist .item:hover h4{color: #0065bf;} .news_right .index_newslist .desc{font-size: 13px;line-height: 24px;height: 72px;overflow: hidden;} .news_right .index_newslist .other{margin-top: 0px;height: 40px;} .index_newslist.swiper-container-horizontal>.swiper-pagination-progress{top: auto;bottom: 0;} .newslist2{margin-top: 30px;} .newslist2 .item{float: left;width: 25%;padding: 0 1.0rem;} .newslist2 .item .con{background-color: #eee;padding: 1.6rem;display: block;} .newslist2 .item .date{font-size: 14px;color: #444;padding-bottom: 0.7rem;position: relative;} .newslist2 .item .date:after{position: absolute;bottom: -0.4rem;left: 0;width: 1.5rem;height: 1px;background-color: #333;content: "";} .newslist2 .item h4{margin-top: 1.0rem;font-size: 18px;height: 64px;line-height: 32px;transition:cubic-bezier(0.215,.61,.355,1) .45s;} .newslist2 .con:hover h4{color: #0065bf;} .index_about{padding: 3rem 0 3.0rem;position: relative;z-index: 1;margin-bottom: 2.0rem;} .index_about_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: url(../images/about_bg.jpg) center no-repeat;background-size: cover;content: "";z-index: 0;} .index_about .content{color: #fff;text-align: center;} .index_about h3{font-size: 2.0rem;font-weight: bold;line-height: 1.4;} .index_about .entitle{font-size: 0.8rem;line-height: 1.4;} .index_about .desc{max-width: 900px; font-size: 0.9rem;line-height: 2;margin-top: 1.5rem;margin-bottom: 1.5rem; margin-left: auto;margin-right: auto;text-align: justify;} .index_about .more{width: 11.7rem;height: 2.6rem;line-height: 2.6rem;margin: 0 auto;border: 1px solid #fff;text-align: center;font-size: 0.9rem;display: block;color: #fff;} .subbanner{width: 100%;height: 50vw; background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;background-color: #fff;} .subbanner .container{position: absolute;left: 50%;top: 50%;transform: translate(-50%,0%);color: #fff;} .banner_type h1{font-size: 1.4rem;font-weight: bold;line-height: 1.8;position: relative;padding-bottom: 0.6rem;} .banner_type h1:after{position: absolute;left: 0;bottom: 0;width: 25px;height: 3px;background-color: #fff;content: "";} .banner_type .desc{font-size: 0.9rem;line-height: 1.8;display: none;} .banner_type .more{width: 30px;height: 30px;background: url(../images/icon_play_w.png) center no-repeat;background-size: 100%;display: block;margin-top: 0.8rem;} .subpage_wrap{position: relative;z-index: 1;background-color: #fff;min-height:20vh; } .subpagenav{width: 100%;transition: all ease 0.5s;position: absolute;left: 0;top: 0; z-index: 2;box-shadow: 2px 2px 6px rgba(0,0,0,0.2);background-color: #fff;overflow: hidden;} .subpagenav.fixed{position: fixed;top: 60px;} .subpagenav.fixed .container{background-image: none;} .subpagenav .container{text-align: center;padding: 0;} .oxs{overflow-x: scroll;} .subpagenav .container ul::-webkit-scrollbar { /*滚动条整体样式*/ width : 0px; /*高宽分别对应横竖滚动条的尺寸*/ height: 0px; } .subpagenav .container ul{display: flex;/*justify-content: center;*/padding: 0 10px;overflow-x: scroll;} .subpagenav .container li{flex: 0 0 auto;} .subpagenav .container a{display: block; margin: 0 10px; height: 3.2rem;vertical-align: top;color: #333;font-size: 16px;font-weight: bold;line-height: 3.2rem;position: relative;} .subpagenav .container a:after{background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;transition: all 0.5s ease;} .subpagenav .container li.on a:after{width: 100%;} .typebar{margin-bottom: 1.5rem;} .typebar h2{display: inline-block;font-size: 1.4rem;color: #333333;font-weight: bold;margin-right: 8px;} .typebar .enname{display: inline-block;font-size: 0.9rem;color: #888;font-weight: 300;} .typebar .more{float: right;font-size: 1.0rem;color: #0065bf;margin-top: 5px;} .typebar.white h2{color: #fff;} .typebar.white .enname{color: #fff;} .typebar.typebar2 {margin-bottom: 1.5rem;} .typebar.typebar2 h2{font-size: 1.2rem;} .about_page{position: relative;z-index: 1;background-color: #fff;padding-top: 3rem;} .about_con{width: 100%;background: url(../images/about_bg1.jpg) center no-repeat;background-size: cover;/*background-attachment: fixed;*/ padding: 2.5rem 0 1.0rem 0;} .about_con .content{font-size: 1rem;line-height: 1.8;width: 100%;text-align: justify;} .about_con .content p{padding-bottom: 1.0rem;text-indent: 2em;} .about_con .about_data{max-width: 1180px;margin-top: 1.5rem;margin-bottom: 1.5rem;} .about_con .about_data .con{width: 50%;padding: 0 10px;margin-bottom: 20px; text-align: left;float: left;} .about_con .about_data .name{font-size: 1.2rem;line-height: 1.6;font-weight: bold;} .about_con .about_data .desc{font-size: 1rem;color: #555555;} .history{width: 100%;background: url(../images/fzlc_bg.jpg) center center no-repeat;padding-bottom: 2rem;padding-top: 2rem;background-size: cover;position: relative;overflow: hidden;} .history .container{} .history .swiper-container-fazhan{height: 405px;width: 100%;position: relative;} .history_wrap{position: relative;margin-top: 3.0rem;padding: 0;margin-left: -10px;margin-right: -10px;} /*.history .history_wrap:before{position: absolute; width: 3000px;height: 1px;left: 50%;top: 394px;content: "";background-color: #31567c;margin-left: -1500px;}*/ .history_list{width: 100%;background-color: rgba(255,255,255,0.9);} .history_list .img{display: block;width: 50%;background: url(../images/about_fzlcpic.jpg) center center no-repeat;background-size: cover;padding-top: 60%;box-sizing: content-box;height: 0;} .history_list .titles{display: block;width: 50%;display: flex; flex-direction: column;} .history_list .titles li{flex: 1; display: flex;align-items: center;justify-content: center;font-size: 15px;background-color: #fff;} .history_list .titles li:nth-child(2n){background: #f4f4f5;} .history_list .titles li.on{background-image: linear-gradient(to right, #1060bf, #13bbe0);color: #fff;} .history_list_con{height: 185px;overflow: hidden;} .history_list .content{ padding: 20px;display: none;} .history_list .content .title{font-size: 18px;font-weight: bold;} .history_list .con{line-height: 24px;height: 72px; margin-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;font-size: 14px; } .history_list .more{margin-top: 10px;display: inline-block;padding: 5px 15px;background-image: linear-gradient(to right, #1060bf, #13bbe0);color: #fff;font-size: 14px;} .history_page{padding-top: 2rem;} .subnav2{display: flex;flex-wrap: wrap;margin-bottom: 20px;margin-left: -1.5%;margin-right: -1.5%;} .subnav2 li{width: 47%;margin: 0 1.5%;height: 35px;line-height: 35px; border: 1px solid #1067c1;border-radius: 35px;text-align: center;font-size: 14px;margin-bottom: 10px;color: #1067c1;font-weight: bold;} .subnav2 li a{color: #1067c1;} .subnav2 li.on{background-image: linear-gradient(to right, #1060bf, #13bbe0);color: #fff;border-color: transparent;} .subnav2 li.on a{color: #fff;} .history_content .content{position: relative;padding-top: 65px;padding-left: 20px;display: none;} .history_content .content:after{position: absolute;left: 20px;top: 0; width: 1px;height: 100%;background-color: #ccc;content: "";} .history_content .content .title{width: 50px;height: 50px;background: url(../images/start_6.png) center no-repeat;background-size: 45px;position: absolute;left: -5px;top: 0;color: #fff;font-size: 12px;text-align: center;padding-top: 10px;z-index: 2;} .history_content .content .con{padding-left: 20px;line-height: 1.8;} .history_content .con h4{position: relative;font-size: 18px;font-weight: bold;margin-bottom: 10px;margin-top: 10px;} .history_content .con h4:before{width: 8px;height: 8px;position: absolute;z-index: 0; left: -24px;top: 50%;margin-top: -4px;content: "";background-color: rgb(199,235,235);border-radius: 8px;} .history_content .con h4:after{width: 4px;height: 4px;position: absolute;z-index: 1;left: -22px;top: 50%;margin-top: -2px;content: "";background-color: rgb(12,154,223);border-radius: 4px;} .history_content .con p{margin-bottom: 10px;} .history_content .con img{display: block;margin: 10px 0;} .about_video_wrap{width: 25.0rem;margin-bottom: 1.5rem;} .about_video{width: 100%;height: 0;padding-top: 56.25%;box-sizing: content-box;position: relative;} .about_video img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .about_video .video_play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); width: 6.8rem;height: 6.8rem;font-size: 0.8rem;color: #fff;text-align: center;z-index: 2;cursor: pointer;background: rgba(0,0,0,0.3) url(../images/icon_play.png) center no-repeat;background-size: 60%;cursor: pointer;} .swiper-container-fazhan .swiper-slide{height: 395px;border-bottom: 1px solid #31567c;} .swiper-container-fazhan .con{max-width: 298px;height: 395px;padding: 0 15px; margin: 0 auto;position: relative;} .swiper-container-fazhan .con:after{position: absolute;width: 12px;height: 12px;left: 50%;margin-left: -6px;border-radius: 12px;bottom: -6px;content: "";z-index: 2;background-color: #c00311;} .swiper-container-fazhan .con img{margin-bottom: 26px;} .swiper-container-fazhan .con p.desc{color: #455058;line-height: 1.875;} .swiper-container-fazhan .con p.year{position: absolute;width: 100%;height: 34px;line-height: 34px;bottom: 34px;left: 0;text-align: center; font-size: 24px;color: #404040;} .swiper-container-fazhan .con p.year span{font-size: 30px;font-weight: bold;} /*.swiper-container-fazhan .swiper-slide:nth-child(odd) img{margin-top: 55px;} .swiper-container-fazhan .swiper-slide:nth-child(odd) p.year{bottom: -53px;}*/ .swiper-container-fazhan .con:hover img{transform: scale(1.1);} .swiper-container-fazhan .swiper-button-next, .swiper-container-fazhan .swiper-button-prev{position: absolute; /*bottom: 71px;top: auto;*/width: 30px;height: 30px;} .swiper-container-fazhan .slick-arrow{position: absolute; bottom: 0;top: auto;width: 30px;height: 30px;z-index: 2;background-color: #fff;border: 0;} .swiper-container-fazhan .slick-arrow:before,.swiper-container-fazhan .slick-arrow:after{display: none;content: "";} .swiper-container-fazhan .swiper-button-prev,.swiper-container-fazhan .slick-prev{left: 0px;} .swiper-container-fazhan .swiper-button-next,.swiper-container-fazhan .slick-next{right: 0px;} .party{padding-top: 2rem;padding-bottom: 2rem;background: url(../images/about_bg3.jpg) center no-repeat;background-size: cover;} .party .party_wrap{overflow: hidden;} .party .imgs{width: 100%;float: left;position: relative;box-sizing: content-box;-ms-box-sizing: content-box; height: 0;padding-top: 52.2%;margin-bottom: 60px;} .party .imgs_container{position: absolute;left: 0;top: 0;width: 100%;height: calc(100%);} .party .imgs_container .con{position: relative;display: block;width: 100%;height: 100%;} .party .imgs_container .con .title{width: 100%;height: 2.6rem;line-height: 2.6rem;background: rgba(0,0,0,0.4);text-align: left;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;color: #fff;font-size: 1rem;position: absolute;left: 0;bottom: 0;z-index: 2;padding: 0 10px;} .party .imgs_container img{width: 100%;height: 100%;} .party .swiper-number{position: absolute;left: 0;bottom: -30px; font-size: 1rem;} .party .swiper-number .curindex{font-weight: bold;} .party .swiper-pagination{bottom: -40px;width:82%;left: 0;top: auto;} .party .swiper-button-prev{bottom: -40px;top: auto;left: auto; right: 30px;width: 15px;height: 25px;background-size: 100%;} .party .swiper-button-next{bottom: -40px;top: auto;right: 0px;width: 15px;height: 25px;background-size: 100%;} .party .text{width: 100%;float: right;margin-top: 1rem;} .party .text .con{} .party .text h3{font-size: 1rem;margin-bottom: 1.0rem;padding-bottom: 1rem; font-weight: bold;position: relative;} .party .text h3:after{position: absolute;left: 0;bottom: 0;height: 2px;width: 100px;background-color: #888;content: "";} .party .text .desc{font-size: 0.9rem;line-height: 1.8;text-align: justify;} .culture{padding-top: 2rem;padding-bottom: 2rem;} .culture_list{} .culture_list .item{width: 49%;float: left;flex: 0 0 auto;-ms-flex: 0 0 auto; margin-bottom: 1rem;border: 1px solid #eee;padding: 1rem 1rem;color: #333;transition: all 0.5s ease;position: relative;overflow: hidden;} .culture_list .item:after{position: absolute;left: 0;top: 0;z-index: 0;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);width: 100%;height: 100%;transition: all 0.66s ease;content: "";background-color: #1060bf;transform: translateX(-110%);} .culture_list .item:hover{color: #fff;} .culture_list .item:hover:after{transform: translateX(0%);} .culture_list .item .con{} .culture_list .item .con:hover{} .culture_list .item .title{position: relative;z-index: 1; font-size: 1rem;font-weight: bold;line-height: 1.8;text-align: center;} .culture_list .item .desc{position: relative;z-index: 1;font-size: 0.9rem;text-align: center;margin-top: 0.5rem;line-height: 1.8;} .yuanjing{width: 100%;} .yuanjing .item{height: 16rem; padding: 30px 4%; display: flex;align-items: center;justify-content: space-between;-ms-display: flex;-ms-align-items: center; -ms-justify-content: space-between; float: left;width: 100%;font-size: 0.9rem;} .yuanjing .zlcon{background: url(../images/about_zhanlue_bg.jpg) center no-repeat;background-size: cover;} .yuanjing .yjcon{background: url(../images/about_lixiang_bg.jpg) center no-repeat;background-size: cover;color: #fff;} .yuanjing .item .name{width: 4rem;} .yuanjing .item .con{line-height: 2.6;max-width: 80%;} .yuanjing .zlcon .name{margin-left: 0.3rem;} .yuanjing .yjcon .name{margin-right: 0.3rem;} .honor{padding-top: 2rem;padding-bottom: 2rem;background-color: #f3f1f1;overflow: hidden;} .honor_wrap{width: 100%;margin: 0 auto;flex-wrap: wrap;overflow: hidden;} .honor_wrap .imgList{width:100%;padding-bottom: 0px;margin-bottom: 60px;position: relative;} .honor_wrap .imgList a img{display: block;width: 100%;height: 100%;} /*.honor_wrap .imgList > div{position: relative; width: 30%;box-sizing: content-box;height: 0; padding-top: 23%;margin-bottom:20px;} .honor_wrap .imgList > div a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;} .honor_wrap .imgList::-webkit-scrollbar{display: none;} .honor_wrap .imgList > div a img{display: block;width: 100%;height: 100%;}*/ .pCss{width: 160px;height: 40px;font-size: 16px; background: #1060bf;color:white;line-height: 40px;text-align: center;margin-bottom:15px;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);} .honor_wrap .swiper-number{position: absolute;left: 0;bottom: -30px; font-size: 1rem;} .honor_wrap .swiper-number .curindex{font-weight: bold;} .honor_wrap .swiper-pagination{bottom: -40px;width:82%;left: 0;top: auto;} .honor_wrap .swiper-button-prev{bottom: -40px;top: auto;left: auto; right: 30px;width: 15px;height: 25px;background-size: 100%;} .honor_wrap .swiper-button-next{bottom: -40px;top: auto;right: 0px;width: 15px;height: 25px;background-size: 100%;} .ulCss{/*overflow-y:scroll;height:700px;*/width: 100%;padding-right:20px;box-sizing: border-box;} .ulCss > ul > li {font-size: 0.9rem;line-height: 1.6;} .ulCss > ul > li li{margin-bottom: 0px;line-height: 2;} .ulCss > ul > li > h3{margin-bottom:15px;margin-top: 15px;padding-left: 30px;background: url(../images/icon_jiangbei.png) left center no-repeat;background-size: 19px;color: #1061bf;} .ulCss::-webkit-scrollbar {/*滚动条整体样式*/width: 4px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;} .ulCss::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 2px; -webkit-box-shadow: inset 0 0 5px gray;background: #535353;} .ulCss::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 2px;background: #EDEDED;} .listCss{width: 100%;} .about_page .hiden_con {max-height: 324px;overflow: hidden;position: relative;margin-bottom: 2rem;} .about_page .more_content {width: 100%;height: 30px;position: absolute;right: 0;bottom: 0px;z-index: 2;display: block;background-color: rgba(255,255,255,0.95);} .about_page .more_content:after {position: absolute;left: 50%;transform: translateX(-50%); top: 0px;content: "展开查看全部";font-size: 1rem;line-height: 30px;padding-right: 50px; background: url(../images/icon_xia_black.png) right 15px center no-repeat;background-size: 20px;} .about_page .honor .more_content{background-color: #f3f1f1;} .about_page .about_con .more_content{box-shadow: -20px -20px 20px rgba(255,255,255,1),20px 20px 20px rgba(255,255,255,1);} /* shade */ @font-face {font-family: "iconfont2"; src: url('http://at.alicdn.com/t/font_891598_88xceplu3km.eot?t=1556261615003'); /* IE9 */ src: url('../fonts/font_891598_88xceplu3km.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/font_891598_88xceplu3km.woff') format('woff'), url('../fonts/font_891598_88xceplu3km.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/font_891598_88xceplu3km.svg') format('svg'); /* iOS 4.1- */ } .iconfont2 {font-family: "iconfont2" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .sno-icon-x:before {content: "\e6e0";} .sno-icon-Rectangle:before {content: "\e647";} .sno-icon-Rectangle1:before {content: "\e648";} .shade { background: rgba(0, 0, 0, .8);position: fixed;width: 100%;height: 100%;z-index: 19998;top: 0;left: 0;display: none;} .shadesade {position: relative;width: 100%;height: 100%;} .item-point i {color: #fff;font-size: 50px;cursor: pointer;} .item-point {width: 10%;position: absolute;top: 50%;} .item-point,.item-occl {z-index: 9999;} .laevo-point {left: 0;} .next-point {right: 0;} .occlude {position: absolute;right: 0;top: 0;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #c61c22;cursor: pointer;} .imgshade-wap {height: 100%;} .imgshade-wap .swiper-slide {text-align: center;} .imgshade-wap .swiper-slide img {vertical-align: middle;position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;} .page2 li img {height: 200px;} .news_page{position: relative;padding-top: 3rem;padding-bottom: 2rem; z-index: 1;background-color: #fff;} .newspage_content{padding-top: 2rem;padding-bottom: 1rem;background-color: #fff;} .newspage_content.bgcl{border-bottom: 5px solid #eee;} .news_item1{flex-wrap: wrap;} .news_item1 .imgs{width: 100%;position: relative;overflow: hidden;padding-bottom: 30px;} .news_item1 .imgs .img{position: relative;width: 100%; height: 0;padding-top: 61%;box-sizing: content-box;background-size: cover;background-repeat: no-repeat;background-position: center;display: block;transition: all 0.5s ease 0;} .news_item1 .imgs .text{height: 150px;padding: 15px; background-image: linear-gradient(to right, #1060bf, #13bbe0);color: #fff;} .news_item1 .imgs .text h3{font-size: 1.0rem;line-height: 1.6;margin-bottom: 0.5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news_item1 .imgs .desc{font-size: 12px;line-height: 2;text-overflow: ellipsis;margin-bottom: 1.0rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } .news_item1 .imgs .date{margin-bottom: 5px;} .news_item1 .swiper-pagination{bottom: 0px;} .news_item1 .swiper-pagination-bullet-active{width: 20px;border-radius: 5px;} /*.news_item1 .newslist{width: 100%;box-shadow: 6px 6px 12px -3px rgba(0,0,0,0.3)} .news_item1 .item{flex: 1;-ms-flex: 1;padding: 1.0rem 6% 0 3.9%;position: relative;border-bottom: 1px solid #eee;display: block;} .newslist .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";transition: all 0.5s ease;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);opacity: 0;} .newslist .item:hover:after,.newslist .item.on:after{opacity: 1;} .newslist .item:hover,.newslist .item.on{color: #fff;border-color: transform;} .newslist .item:hover .more,.newslist .item:hover .desc,.newslist .item.on .more,.newslist .item.on .desc{color: #fff!important;} .newslist .item h3,.newslist .item .desc,.newslist .item .date{position: relative;z-index: 1;transition: all 0.5s ease 0;} .news_item1 .item h3{font-size: 1.0rem;line-height: 1.6;margin-bottom: 0.5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news_item1 .item .desc{font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1.0rem;} .news_item1 .item .date{margin-right: 1rem;} .news_item1 .item .more{font-weight: bold;color: #0065bf;transition: all 0.5s ease 0;}*/ .news_item2{} .news_item2 .item{width: 100%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;display: block;display: flex;margin-bottom: 15px;padding-bottom: 15px; border-bottom: 1px solid #eee;} .news_item2 .item .img{width: 50%; height: 0;padding-top: 31.8%;box-sizing: content-box;position: relative;display: block;overflow: hidden;z-index: 1;} .news_item2 .item .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .news_item2 .item .text{width: 50%;background-color: #fff;padding: 0.5rem 1.0rem;display: flex;flex-direction: column;justify-content: space-between;} .news_item2 .item h3{font-size: 1rem;margin-bottom: 0.5rem;margin-top: 0.5rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } .news_item2 .item .desc{font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1.0rem;} .news_item2 .item .date{margin-bottom: 0rem;} .news_item2 .item .more{font-weight: bold;color: #666;transition: all 0.5s ease 0;} .news_item3{} .news_item3 .item{width: 100%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;margin-bottom: 1.0rem;padding: 1rem 1rem 1rem 1.5rem;border-bottom: 1px solid #eee;} .news_item3 .item:before{width: 12px;height: 12px;position: absolute;z-index: 0; left: 0;top: 50%;margin-top: -6px;content: "";background-color: rgb(199,235,235);border-radius: 12px;} .news_item3 .item:after{width: 6px;height: 6px;position: absolute;z-index: 1;left: 3px;top: 50%;margin-top: -3px;content: "";background-color: rgb(12,154,223);border-radius: 6px;} .news_item3 .item h3{font-size: 1rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .news_item3 .item .date{position: relative;z-index: 1;} .news_item4{} .news_item4 .item{width: 49%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;margin-bottom: 1.0rem;padding: 1rem 1rem;border-bottom: 1px solid #ccc;} .news_item4 .item h3{font-size: 0.9rem;} .news_item4 .item:hover h3{color: #0065bf;} .news_item4 .item:hover .date{color: #666;} .news_item4 .item:hover:after{display: none;} .news_item4 .item .date{position: relative;z-index: 1;margin-right: 1rem;} .item .img {overflow: hidden;} .item .img img{transition: all 0.5s ease-in-out;} .item:hover .img img{transform: scale(1.1,1.1);} .com-fenye1 {display: flex;-ms-display: flex;-webkit-display: flex;-js-display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;-ms-align-items: center;-ms-justify-content: center;} .com-fenye1 .a1 {width: 35px;height: 35px;border-radius: 50%;font-size: 16px;transition: all 0.4s ease;margin: 0 3px;text-align: center;display: flex;-ms-display: flex;-webkit-display: flex;-js-display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;-ms-align-items: center;-ms-justify-content: center; } .com-fenye1 .a1:hover, .com-fenye1 .a1.active {background: #0065bf;color: #ffffff;} .newslist_content{padding-top: 2rem;padding-bottom: 0rem;} .newslist_content .tjimgs{flex-wrap: wrap;overflow: hidden;} .newslist_content .tjimgs .item{width: 100%;display: block;margin-bottom: 1rem;} .newslist_content .tjimgs .img{position: relative;overflow: hidden;height: 0;padding-top: 61.23%;box-sizing: content-box;} .newslist_content .tjimgs .img:after{position: absolute;left: 0;top: 0; width: 100%;height: 100%;content: "";background-image: linear-gradient(transparent, #222);opacity: 0.1;z-index: 0;} .newslist_content .tjimgs .img img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;} .newslist_content .tjimgs .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 3rem;font-size: 1.0rem;padding: 0 1.0rem;color: #fff;z-index: 1;background-color: rgba(0,0,0,0.3);} .newslist_content .tjimgs .text h3{font-size: 1rem;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newslist_content .tjimgs .text .date{display: none;} .newslist_content .content{margin-top: 1rem;} .newslist_content .left_con{width: 100%;} .newslist0 .item{padding: 0 0 1rem 0;margin-bottom: 1rem;border-bottom: 1px solid #eee;flex-wrap: wrap;} .newslist0 .item .img{width: 100%;height: 0;box-sizing: content-box;padding-top: 61.23%;position: relative;overflow: hidden;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;display: block;} .newslist0 .item .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .newslist0 .item .text{width: 100%;justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;margin-top: 1rem;} .newslist0 .item .text h3{font-size: 1.0rem;display: block;font-weight: bold;margin: 10px 0;} .newslist0 .item:hover .text h3,.newslist0 .item:hover .more{color: #0055b8;} .newslist0 .item .text .desc{color: #666;font-size: 0.8rem;height: 3.0rem;line-height: 1.8;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .newslist0 .item .text .date,.newslist0 .item .text .more{color: #666;} .newslist_content .right_con{width: 22.375%;display: none;} .newslist_content .right_con .item{width: 100%;display: block; position: relative;overflow: hidden;height: 0;padding-top: 63.7%;box-sizing: content-box;background-color: #eee;margin-bottom: 1.5rem; } .newslist_content .right_con .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease;opacity: 1;z-index: 0;} .newslist_content .right_con .item .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease;z-index: 1;background-color: #eee;padding: 1.5rem;justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;} .newslist_content .right_con .item h3{position: relative;z-index: 2;font-size: 16px;transition: all 0.5s ease 0;} .newslist_content .right_con .item .date{position: relative;z-index: 2;font-size: 14px;transition: all 0.5s ease 0;} .newslist_content .right_con .item:hover .text{color: #fff;background-color: rgba(0,85,184,0.5);} .newslist_content .right_con .item:hover img{opacity: 1;} .newslist_content .right_con .item:hover img:after{opacity: 1;} .news_con{} .news_con h1{font-size: 1.2rem;font-weight: bold;margin-bottom: 1rem;} .news_con .source{margin-bottom: 1rem;padding: 0 0px;color: #666;} .news_con .source .share{ width: 37px;height: 37px; display: inline-block;*display: inline;*zoom: 1; background: url(../images/iconfenxiang.png) left center no-repeat;cursor: pointer; vertical-align: top;margin-left: 15px;} .news_con .source .bdshare-button-style0-16 .bds_more{float: none;background: none; display: block;margin: 0;padding: 0; width: 37px;height: 37px;} .news_con_body{font-size: 16px;line-height: 1.8;} .news_con_body p {text-indent: 2em;} .news_con_body p,.news_con_body div{margin-bottom: 15px;} .news_con_body img{max-width: 90%;margin: 20px auto;display: block;} .fanpian{border-top: 1px solid #ccc;padding-top: 1.0rem;margin-top: 2rem;} .fanpian a{font-size: 16px;color: #444;transition: all 0.5s ease;flex: 0 0 45%;-ms-flex: 0 0 45%;-webkit-flex: 0 0 45%;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .fanpian a:hover{color: #0065bf;} /*产业布局*/ .product_page{position: relative;z-index: 1;background-color: #fff; padding-top: 2rem;padding-bottom: 2rem;} .product_page .product_list{margin-top: 1rem;} .product_list .item{position: relative;z-index: 0;padding: 2rem 0 5px;overflow: hidden;overflow: hidden;} /*.product_list .item:nth-of-type(2n+1):after{position: absolute;right: 0;top: 0;width: 27.4%;height: 100%;background: url(../images/bgService.png) center;content: "";transform: translateX(100%);transition: all 1s ease;} .product_list .item:nth-of-type(4n+2):after{position: absolute;left: 0;top: 0;width: 90%;height: 100%;background: #f1f7fe;content: "";transform: translateX(-100%);transition: all 1s ease;} .product_list .item:nth-of-type(4n):after{position: absolute;right: 0;top: 0;width: 90%;height: 100%;background: #f1f7fe;content: "";transform: translateX(100%);transition: all 1s ease;} .product_list .Visual.item:nth-of-type(2n+1):after{transform: translateX(0%);} .product_list .Visual.item:nth-of-type(4n+2):after{transform: translateX(0%);} .product_list .Visual.item:nth-of-type(4n):after{transform: translateX(0%);}*/ .product_list .item .container{position: relative;z-index: 1;padding: 0;} .product_list .item .imgcon{width: 92%;padding: 0 0; flex: 0 0 auto;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;position: relative;z-index: 1;} .product_list .item:nth-of-type(2n+1) .text{margin-left: 8%;box-shadow: -2px 2px 6px -2px rgba(0,0,0,0.3);} .product_list .item:nth-of-type(2n) .imgcon{margin-left: 8%;} .product_list .item .imgcon .img{width: 100%;position: relative; height: 0;box-sizing: content-box;padding-top: 63%;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;display: block;display: block;} .product_list .item .imgcon .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.6s ease-in-out;} .product_list .item:hover img{transform: scale(1);} .product_list .item .imgcon .img:hover img{transform: scale(1.05);} .product_list .item .text{width: 92%;padding: 1rem;flex: 0 0 auto;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.3);margin-top: -3rem;position: relative;z-index: 2;background-color: #fff;} .product_list .item .text h3{font-size: 1.4rem;color: #0653b8;font-weight: bold;position: relative;display: inline;line-height: 1.6;} .product_list .item .text h3 a{font-size: 1.4rem;color: #0653b8;} .product_list .item .text h3:after{position: absolute;right: -6.0rem;top: 50%;width: 5.0rem;height: 3px;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";} .product_list .item .text .en{text-transform: capitalize;font-weight: normal; font-size: 1.2rem;color: #aaa;margin-bottom: 0.5rem;} .product_list .item .text .desc{font-size: 16px;line-height: 2;text-align: justify;overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; /*要显示的行数*/ -webkit-box-orient: vertical;} .product_list .item .text .more{display: block;height: 2rem;line-height: 2rem;margin-top: .5rem;position: relative;overflow: hidden;transition: all 0.5s ease;} .product_list .item .text .more span{position: relative;z-index: 1;} /*.product_list .item .text .more:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transition: all 0.5s ease;transform: translateX(-100%);z-index: 0;} .product_list .item .text .more:hover{color: #fff;border-color: transparent;} .product_list .item .text .more:hover:after{transform: translateX(0%);}*/ .product_con_page{position: relative;z-index: 1;background-color: #fff; padding-top: 2rem;padding-bottom: 2rem;} .product_content {padding: 3rem 0 0;overflow: hidden;} .product_content .topcon{border-bottom: 1px solid #ccc;padding: 0 20px 1rem;} .product_content .topcon .titles{width: 100%;} .product_content .topcon .titles h3{font-size: 1.6rem;color: #0653b8;font-weight: bold;position: relative;display: inline;line-height: 1.6;} /*.product_content .topcon .titles h3:after{position: absolute;left: -8.0rem;top: 50%;width: 7.0rem;height: 0.25rem;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";}*/ .product_content .topcon .titles .en{text-transform: uppercase; font-size: 1.4rem;color: #ccc;margin-bottom: 1rem;} .product_content .topcon .text{width: 100%;max-width: 800px;font-size: 0.9rem;line-height: 2;display: block;} .product_subnav{position: relative;margin-top: 2rem;padding: 0 30px;} .product_subnav .con{display: block; text-align: center;padding: 0 0.5rem 1.5rem;transition: all 0.5s ease;} .product_subnav .con h3{font-size: 1rem;font-weight: bold;line-height: 1.5;} .product_subnav .con .desc{font-size: 0.9rem;color: #555;display: none;} .product_subnav .con .img{width: 100%;margin: 1rem 0 0.5rem; padding: 5px;border-radius: 50%;transition: all 0.5s ease;position: relative;overflow: hidden;} .product_subnav .con .img:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transition: all 0.5s ease;opacity: 0; z-index: 0;} .product_subnav .con .img img{width: 100%;height: 100%;border-radius: 50%;position: relative;z-index: 1;} .product_subnav .con.cur{background: url(../images/icon_top_bule.png) center bottom no-repeat;background-size: 39px;} .product_subnav .con.cur h3,.product_subnav .con.cur .desc,.product_subnav .con:hover h3,.product_subnav .con:hover .desc{color: #0055b8;} .product_subnav .con.cur .img,.product_subnav .con:hover .img{box-shadow: 5px 5px 15px rgba(0,0,0,0.3),-5px -5px 15px rgba(0,0,0,0.3);background-color: linear-gradient(to right, #1060bf, #13bbe0);} .product_subnav .con.cur .img:after,.product_subnav .con:hover .img:after{opacity: 1;} .product_subnav .swiper-button-next.swiper-button-disabled, .product_subnav .swiper-button-prev.swiper-button-disabled {opacity: 0.2;} .product_subnav .swiper-button-prev{left: 5px;} .product_subnav .swiper-button-next{right: 5px;} .swiper-container-horizontal>.swiper-pagination-progress{height: 2px;} .product_con{padding: 5% 5% 0;background-color: #f1f7fe;margin-top: 2rem;overflow: hidden;} .product_con h2.title{font-size: 1.6rem;font-weight: bold;text-align: center;line-height: 1.5;margin-bottom: 0rem;} .product_con .desc{font-size: 0.9rem;color: #999;text-align: center;margin-bottom: 1rem;text-transform: uppercase;} .product_con_imgs_wrap{overflow: hidden;} .product_con_imgs {width: 100%;margin: 0rem auto 40px;overflow: initial;} .product_con_imgs .con{} .product_con_imgs .img{text-align: center;width: 100%;} .product_con_imgs .img img{width: 100%;} .product_con_imgs .swiper-number{position: absolute;left: 0;bottom: -25px; font-size: 1rem;} .product_con_imgs .swiper-number .curindex{font-weight: bold;} .product_con_imgs .swiper-pagination{bottom: -40px;width:80%;left: 0;top: auto;} .product_con_imgs .swiper-button-prev{bottom: -40px;top: auto;left: auto; right: 30px;width: 15px;height: 25px;background-size: 100%;} .product_con_imgs .swiper-button-next{bottom: -40px;top: auto;right: 0px;width: 15px;height: 25px;background-size: 100%;} .product_con_body{font-size: 16px;line-height: 1.8;margin-top: 2.5rem;} .product_con_body p {text-indent: 2em;} .product_con_body p,.product_con_body div{margin-bottom: 0.8rem;} .product_con_body img{max-width: 90%;margin: 20px auto;display: block;} .pro_code{margin-top: 3rem;} .pro_code .img{width: 45%;margin-right: 1rem;background: url(../images/ewm_bg.png) center no-repeat;background-size: 100%;padding: 5px;} .pro_code .img img{} .pro_code .text{width: 45%;} .pro_code .text .name{font-size: 1rem;font-weight: bold;color: #0653b8;text-align: center;} .pro_code .text .desc{width: 100%;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);height: 32px;line-height: 32px;border-radius: 16px; font-size: 0.9rem;color: #fff;margin-top: 1rem;} .pro_map{margin-left: -6%;position: relative;width: 112%;height: 400px;margin-top: 2rem;} .pro_map .map{width: 100%;height: 100%;} .pro_map .map_mask{position: absolute;z-index: 2; left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,85,184,0.6);line-height: 2;font-size: 1rem;cursor: pointer;} .pro_map .map_mask_text{width: 100%;height: 100%;color: #fff;} .pro_map .map_mask_text .iconimg{width: 56px;} .news_item5{} .news_item5 .newslist{margin-bottom: 1rem;} .news_item5 .item{width: 100%;background-color: #f8f8f8;position: relative;padding: 1rem 1rem;transition: all 0.5s ease;margin-bottom: 1rem;} .news_item5 .item .leftcon{position: relative;z-index: 1;} .news_item5 .item h3{font-size: 1rem;line-height: 1.6;transition: all 0.5s ease;} .news_item5 .item .date{font-size: 0.8rem;margin-top: 0.5rem;} .news_item5 .item .download{position: relative;z-index: 1;flex: 0 0 auto;margin-left: 1rem; width: 6.5rem;height: 2.0rem;border-radius: 2.0rem;background-color: #cdcdcd;color: #fff;text-align: center;line-height: 2.0rem;position: relative;z-index: 1;} .news_item5 .item .download:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";transition: all 0.5s ease;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);opacity: 1;border-radius: 2.0rem;z-index: -1;} .news_item5 .item:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.1),-5px -5px 15px rgba(0,0,0,0.1);} .news_item5 .item:hover h3{color: #0065bf;} /*.news_item5 .item:hover .download:after{opacity: 1;} .news_item5 .item:hover:after{display: none;}*/ /*jobs*/ .jobs_page {padding-top: 3rem;padding-bottom: 2rem;background-color: #fff;z-index: 1;position: relative;} .jobs_content{padding-top: 2rem;} .rzfz_content{} .rzfz_content .item{flex-wrap: wrap;margin-bottom: 1rem;} /*.rzfz_content .item:nth-of-type(2n) .text{order: -1;}*/ .rzfz_content .item .img{flex: 0 0 100%;-ms-flex: 0 0 100%;-webkit-flex: 0 0 100%;position: relative;overflow: hidden;height: 0;box-sizing: content-box;padding-top: 50%;} .rzfz_content .item .imgbg{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: all 0.6s ease-in-out;background-size: cover;background-position: center;background-repeat: no-repeat; } .rzfz_content .item .text{flex: 0 0 100%;-ms-flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 1.0rem;} .rzfz_content .item .text h3{font-size: 1.2rem;font-weight: bold;color: #000;position: relative;padding-bottom: 0.75rem;} .rzfz_content .item .text h3:after{position: absolute;left: 0;bottom: 0;width: 2rem;height: 1px;background-color: #ccc;content: "";} .rzfz_content .item .text .desc{padding: 1.5rem 0;position: relative;margin-top: 1rem;font-size: 1rem;color: #666666;line-height: 1.7;} .rzfz_content .item .text .desc:before{position: absolute;left: 0;top: 0; width: 1.7rem;height: 1.25rem; background: url(../images/yinhao_left.png) center no-repeat;background-size: 100%;content: ""; } .rzfz_content .item .text .desc:after{position: absolute;right: 0;bottom: 0;width: 1.7rem;height: 1.25rem; background: url(../images/yinhao_right.png) center no-repeat;background-size: 100%;content: ""; } .rzfz_content .item:hover .img .imgbg{transform: scale(1.05);} .job_list_wrap{padding-top: 2rem;} .job_search{margin-bottom: 1.5rem;color: #333;overflow: hidden;} .job_search .item{} .job_search .searchs{margin-bottom: 1rem;} .job_search select{border: 1px solid #eee;height: 2.5rem;width: 48%;font-size: 1rem;padding-left: 15px;} .job_search input[type='text']{border: 1px solid #eee;height: 2.5rem; flex: 1;margin-right: 1rem;font-size: 1rem;} .job_search button[type='submit']{height: 2.5rem;width: 5rem;border: 1px solid #eee;font-size: 1rem;} /*jobs*/ .joblist {margin-bottom: 1rem;} .joblist .tt{background: #f0f0f0;margin-bottom: 1rem;color: #555;font-weight: bold;} .joblist .tt p{float: left;width: 29%;color: #555;line-height: 3.25rem;font-size: 15px;text-align: center;} .joblist ul{background: #fff;border-bottom: 0;} .joblist ul li {margin-bottom: 1rem;} .joblist ul li .dt{position: relative;cursor: pointer;background-color: #f0f0f0;color: #666;} .joblist ul li .dt p{float: left;width: 29%;line-height: 56px;font-size: 15px;text-align: center;} .joblist ul li .dt p.title{font-weight: bold;} .joblist ul li .dt p a,.joblist .cont .wyyp a{width: 9.0rem;background: #b60c0c;background-image: linear-gradient(to right, #1060bf, #13bbe0);border-radius: 4px;display: block;color: #fff;font-size: 14px;text-align: center;line-height: 2.7;margin-top: 10px;} .joblist .cont .wyyp a{margin: 15px 0 10px;} .joblist ul li .dt .zkbtn{ position:absolute;right:15px;top:0;width:24px;text-align:center;height:56px;display:flex;align-items:center;font-size:40px;cursor:pointer;color:#c8c8c8;background: url(../images/icon_jia.png) center no-repeat;background-size: 16px;} .joblist ul li .dt.open {background-image: linear-gradient(to right, #1060bf, #13bbe0);color: #fff;} .joblist ul li .dt.open .zkbtn{background-image: url(../images/icon_jian.png);background-size: 9px;} .joblist ul li .cont{padding: 2.5%;font-size: 14px;color: #333;line-height: 24px;border-bottom: 1px solid #e0e0e0;display: none;background-color: #f2f2f2;} .joblist .cont_body {margin-bottom: 1.0rem;flex-wrap: wrap;} .joblist .cont_body .item{width: 100%;margin-bottom: 1.0rem;} .joblist .cont_body .item .name{font-size: 1rem;margin-bottom: 1rem;margin-top: 1rem; font-weight: bold;} .joblist .cont_body .bodycon{font-size: 14px;line-height: 2;} /*联系我们*/ .contact_page{background-color: #fff;position: relative;z-index: 1;padding-top: 2rem;padding-bottom: 2rem;} .contact_list_content{} .contact_list .item{width: 100%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;background-color: #fff;position: relative;padding: 20px 30px;transition: all 0.5s ease;background-position: left center;background-repeat: no-repeat;background-size: cover;box-shadow: 3px 3px 6px rgba(0,0,0,0.1),-3px -3px 6px rgba(0,0,0,0.1);margin-bottom: 20px;}/* .contact_list .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";opacity: 0;z-index: 0;transition: all 0.5s ease;} .contact_list .item:hover:after{opacity: 1;} .contact_list .item:hover,.contact_list .item:hover .name{color: #fff;}*/ .contact_list .item .name{position: relative;z-index: 1;margin-bottom: 15px;font-size: 1.2rem;color: #0065bf;transition: all 0.5s ease;font-weight: bold;} .contact_list .item .name:before{width: 3px;height: 100%;position: absolute; left: -30px;top: 0;background-color: #0065bf;content: "";} .contact_list .item p{position: relative;z-index: 1;line-height: 1.6;font-size: 0.9rem;padding-left: 35px;background-position: left 5px top 5px;background-repeat: no-repeat;position: relative;background-size: 12px;} .contact_list .item p:before{width: 1px;height: 14px;background-color: #ccc;position: absolute;left: 26px;top: 5px;content: "";} .contact_list .item p.addr{background-image: url(../images/icon_addr_l.png);} .contact_list .item p.tel{background-image: url(../images/icon_tel_l.png);} /*.contact_list .item:nth-of-type(2n+1){background-color: #f1f1f1} .contact_list .item:nth-of-type(1){background-image: url(../images/contact/contact_bg1.png);} .contact_list .item:nth-of-type(2){background-image: url(../images/contact/contact_bg2.png);} .contact_list .item:nth-of-type(3){background-image: url(../images/contact/contact_bg3.png);} .contact_list .item:nth-of-type(4){background-image: url(../images/contact/contact_bg4.png);} .contact_list .item:nth-of-type(5){background-image: url(../images/contact/contact_bg5.png);} .contact_list .item:nth-of-type(6){background-image: url(../images/contact/contact_bg6.png);}*/ .contact_map{margin-top: 2rem;position: relative;} .contact_map .map{width: 100%;height: 25rem;} .contact_map .mapbg {width: calc(100% - 40px);height: 100%;position: absolute;left: 20px;top: 0;z-index: 200;background-color: rgba(0,0,0,0.1);cursor: pointer;} .group_content{padding-top: 0rem;margin-bottom: 2rem;} .group_content .info{width: 100%;border-bottom: 1px solid #ccc;} .group_content .info p{padding-left: 30px;margin-bottom: 1rem;font-size: 0.9rem;line-height: 1.6;background-position: left top 0.2rem;background-repeat: no-repeat;background-size: 1rem;} .group_content .info p.paddr{background-image: url(../images/contact/icon_addr_l.png);} .group_content .info p.ptel{background-image: url(../images/contact/icon_tel_l.png);} .group_content .info p.pfax{background-image: url(../images/contact/icon_fax_l.png);} .group_content .feedback{width: 100%;font-size: 1.0rem;padding-top: 1rem;} .group_content .feedback .items .item{width: 100%;} .group_content .feedback .item label{margin-bottom: 10px;display: block;font-size: 0.9rem;} .group_content .feedback .item label span{color: red;} .group_content .feedback input[type='text']{height: 2.2rem;font-size: 0.9rem;} .group_content .feedback textarea{font-size: 0.9rem;} .group_content .feedback button[type='submit']{height: 2.6rem;background-color: #333333;color: #fff;font-size: 1rem;border: 0;width: 100%;border-radius: 2.6rem; margin: 0 auto;display: block; background-image: linear-gradient(to right, #1060bf, #13bbe0);} .group_content .feedback .item{margin-bottom: 1.0rem;} .group_content .feedback img{height: 2.2rem;margin-left: 1.5rem;margin-right: 1.5rem;} .contact_guanzhu{padding-top: 2rem;} .codelist{margin-top: 2rem;flex-wrap: wrap;} .codelist .item{width: 30%;text-align: center;margin-bottom: 10px;} .codelist .item .img{width: 100%;text-align: center;padding: 5px;} .codelist .item .img img{box-shadow: 2px 2px 5px rgba(0,0,0,0.3)} .codelist .item p{font-size: 14px;margin-top: 0rem;} @media(max-width: 1440px){ html{font-size: 16px;} .container{width: 90%;} .product_list .item:nth-of-type(4n+2):after{width: 95%;} .product_list .item:nth-of-type(4n):after{width: 95%;} .news_right .index_newslist h4,.newslist2 .item h4{font-size: 16px;} .product_list .item .text .desc,.about_con .about_data .desc,.com-fenye1 .a1,.fanpian a,.news_con_body,.product_con_body{font-size: 14px;} } @media(max-width: 1280px){ html{font-size: 16px;} .container{width: 100%;} .head .rightnav>ul>li>a{padding: 0 1rem;} }