@charset "utf-8"; /*棣栭〉*/ .swiper-pagination1{position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;} .index_video{ width: 100%; text-align: center; color: #fff; position: relative;cursor:pointer} .index_video video{ width: 100%; } .index_video dl{top: 50%;transform: translateY(-50%); position: absolute; width: 100%;text-align: center; z-index: 9} .index_video dl h1{font-size: 40px;/*font-family: "zhongheijianti" !important;*/} .index_video dl h2{ font-size: 20px; padding-top: 20px; padding-bottom: 70px; font-weight: 500;/*font-family: "heijianti" !important; */} .index_video dl h3{display:block; width:80px; height:80px;cursor:pointer; background:url("../images/ic_play.png?1") 0 0 no-repeat; margin: 0 auto; background-size: 100% 100%;} .index_video dl h3:hover{background:url("../images/ic_play_hover.png?1") 0 0 no-repeat;background-size: 100% 100%;} /*棣栭〉鏂伴椈*/ .index_news{ width:1300px; margin:0 auto; position:relative; margin-top:215px;} .index_news_title{ color: #021e43; font-size: 40px;left:0;top:-90px; position: absolute;/*font-family: "zhongheijianti" !important;*/font-weight: bold; } .picScroll-left{max-width: 1400px; margin:0 auto;min-width:1300px;} .picScroll-left .hd{ overflow:hidden;top:-80px;position:absolute; right:0;} .picScroll-left .hd ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;} .picScroll-left .hd ul li{cursor:pointer; background: #f0f0f0; width: 100px; text-align: center; line-height: 40px;} .picScroll-left .hd ul li.on{background:#0f76c1; color: #fff; } .picScroll-left .bd{ margin-left:0;} .picScroll-left .bd ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;} .picScroll-left .bd ul li{ margin-right:25px;width: 415px;} .picScroll-left .bd ul li:last-child{ margin-right: 0; } .picScroll-left .bd ul li .pic{ text-align:center;overflow: hidden; } .picScroll-left .bd ul li .pic img{ width:415px; height:285px; display:block;transition: all .5s ease;} .picScroll-left .bd ul li a:hover img{transform: scale(1.08,1.08);transition: all .3s linear;} .picScroll-left .bd ul li .title{ font-size:22px;margin-top: 10px; color:#021e43;overflow: hidden;text-overflow: ellipsis;white-space:nowrap ; width: 100%; font-weight: bold;} .picScroll-left .bd ul li .exp{ font-size:16px;margin-top: 10px; color:#021e43;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .picScroll-left .bd ul li .look{ color: #0f76c1; font-size: 16px; border-bottom: 1px solid #0f76c1; padding-top: 20px; float: left; padding-bottom: 5px; position: relative;transition: all .2s ease-out;} .picScroll-left .bd ul li .look:hover{ color: #021e43;border-bottom: 1px solid #021e43; } /*.picScroll-left .bd ul li .look:after{content: ''; background-image: url(../images/more.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 10px; height: 10px; position: absolute; right: 0; top: 26px; transform: translateX(30px); transition: all .2s ease-out;} .picScroll-left .bd ul li .look:hover:after { transform: translateX(35px); }*/ .index_map{ width: 100%; background: url(../images/map.jpg) no-repeat center top #F1F1F3; height:790px; margin-top: 120px;} .index_map dl{ width: 100%; color: #061f5c; font-size: 60px; text-align: center; padding-top: 160px;/*font-family: "zhongheijianti" !important;*/ font-weight: bold;} .index_map dd{ width: 100%;color: #061f5c; font-size: 24px; text-align: center; padding-top: 20px;/*font-family: "heijianti" !important;*/} .product-num-head {font-size:0; width: 1300px; margin: 0 auto;margin-top:130px;} .product-num-item {text-align:center;position:relative;display:inline-block;width:325px;font-size:108px;color:#fff;line-height:62px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;} .product-num-jus {display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#fff;line-height:48px;letter-spacing:2px;border:4px solid #fff;cursor:pointer;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none;} .product-num-nub {display:inline-block;width:325px;font-size:108px;color:#0f76c1;line-height:62px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; margin-top: 70px; font-weight: bold;} .product-num-add {font-size:24px;color:#0f76c1;margin-left:-20px;position:absolute;right:75px;bottom:-25px;} .product-num-inf {font-size:24px;color:#061f5c;line-height:0;margin-left:30px;/*font-family: "heijianti" !important;*/} .index_cat{ width: 100%; background: url(../images/cat_bg.png) no-repeat center top; height:1000px; margin-top: 10px;} .index_cat dl{ text-align: center; font-size: 40px; color: #021e43; padding-top: 360px;/*font-family: "zhongheijianti" !important;*/ font-weight: bold;} .index_cat dd{ text-align: center; font-size:18px; color: #021e43; padding-top: 20px; line-height: 32px;/*font-family: "heijianti" !important;*/} .index_cat .index_cat_en{text-align: center; font-size:18px; padding-top: 20px;} .index_cat .index_cat_cn{text-align: center; font-size:18px; padding-top: 20px;} .index_cat dt{text-align: center; padding-top: 20px;} .index_cat .more{ width: 155px; margin:0 auto; line-height: 40px; background: #0f76c1; text-align: center; font-size: 14px; margin-top: 20px;/*font-family: "heijianti" !important;*/} .index_cat .more a{ color: #fff; display: block;} .index_cat .more:hover{ background: #061f5c; } /*棣栭〉绗簩灞?/ .swiper-father{width: 1300px; position: relative; margin:0 auto;} .swiper_two{ width: 1160px; margin:80px auto; } .swiper_two .swiper-slide{ display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%; } .swiper_two .swiper-slide .box1{width: 400px;} .swiper_two .swiper-slide .box1 h1{ color: #021E43; font-size: 32px; padding-top: 50px; } .swiper_two .swiper-slide .box1 h2{ color: #021E43; font-size: 32px; padding-left: 35px; padding-top: 10px;} .swiper_two .swiper-slide .box1 dl{ font-size: 16px; line-height: 32px; color: #021E43; padding-left: 35px;padding-top: 50px;} .swiper_two .swiper-slide .box2{width: 760px; padding-left: 60px;} .swiper_two .swiper-slide .box2 img{ width: 100%; } .swiper_two .swiper-slide .box3{ width: 400px; padding-top: 135px; padding-left: 70px;} .swiper_two .swiper-slide .box3 h1{ color: #021E43; font-size: 32px; padding-top: 50px; } .swiper_two .swiper-slide .box3 h2{ color: #021E43; font-size: 32px; padding-left:35px; padding-top: 10px; line-height: 50px;} .swiper_two .swiper-slide .box4{ width: 760px; padding-left: 60px; } .swiper_two .swiper-slide .box4 img{ width: 100%; } .swiper_two .swiper-slide .box5{ width: 400px; position: relative;} .swiper_two .swiper-slide .box5 h1{ color: #021E43; font-size: 32px; padding-top: 50px; } .swiper_two .swiper-slide .box5 h2{ color: #021E43; font-size: 32px; padding-left: 35px; padding-top: 10px; line-height: 50px;} .swiper_two .swiper-slide .box5 dl{ font-size: 16px; line-height: 32px; color: #021E43; padding-top: 50px;padding-left: 35px; } .swiper_two .swiper-slide .box6{ width: 760px; padding-left: 60px; } .swiper_two .swiper-slide .box6 img{ width: 100%; } .swiper_two .swiper-slide .box7{ width: 400px; padding-top: 135px; padding-left:80px;} .swiper_two .swiper-slide .box7 h1{ color: #021E43; font-size: 32px; padding-top: 50px;} .swiper_two .swiper-slide .box7 h2{ color: #021E43; font-size: 32px; padding-left: 35px; padding-top: 10px; line-height: 50px;} .swiper_two .swiper-slide .box8{ width: 760px; padding-left: 60px; } .swiper_two .swiper-slide .box8 img{ width: 100%; } /*棣栭〉寮瑰嚭瑙嗛骞垮憡*/ .video_ad{ position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;} .video_ad .content+i{ display: inline-block; vertical-align: middle; height: 100%;} .video_ad .content{ position: relative; display: inline-block; width:90%; max-width:800px; vertical-align: middle; background: #021E43;} .video_ad .content video{ display: block; width: 100%; } .video_ad .close{opacity:0.8 !important; position: absolute; top: -40px; right: 0; cursor: pointer; width:40px; height: 40px; background-image: url(../images/video_close.jpg); background-size: cover;} .video_ad_small{ width: 60px; height: 60px; position: fixed; left: 4%; bottom: 10%; background: #021E43; border-radius: 100%; z-index: 99999; text-align: center;cursor:pointer} .video_ad_small img{ width: 30px; height: 30px; margin-top: 15px;}