#banner1{display: none;} @media (max-width:992px) { #banner{ display: none; } #banner1{ display: block; margin-top:56px; } } #banner a, #banner a img, #banner1 a, #banner1 a img{display: block;width: 100%;} #banner .swiper-pagination, #banner1 .swiper-pagination{ text-align:left; bottom:5%; width:86%; left:7%; } #banner .swiper-pagination span, #banner1 .swiper-pagination span{ background:rgba(255,255,255,.3); opacity:1; width:30px; height:4px; border-radius:0; } #banner .swiper-pagination span.swiper-pagination-bullet-active, #banner1 .swiper-pagination span.swiper-pagination-bullet-active{ background:#3494cc; } #banner .number, #banner1 .number{ bottom:7%; position:absolute; width:86%; left:7%; z-index:9; padding-left:5px; } #banner .number .pull-left, #banner1 .number .pull-left{ color:#fff; font-family:Fontfive; } #banner .number .pull-left span, #banner1 .number .pull-left span{ font-size:2.2rem; color:#3494cc; line-height:40px; float:left; display:block; } #banner .number .pull-left i, #banner1 .number .pull-left i{ line-height:40px; float:left; display:block; font-style:normal; font-size:1.8rem; margin:0px 5px; } #banner .number .pull-left big, #banner1 .number .pull-left big{ font-size:2.2rem; line-height:40px; float:left; display:block; } #banner .number .pull-right span, #banner1 .number .pull-right span{ display:block; width:26px; height:40px; position:relative; } #banner .number .pull-right span:before, #banner1 .number .pull-right span:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:3px rgba(255,255,255,.3) solid; border-radius:13px; } #banner .number .pull-right i, #banner1 .number .pull-right i{ position:absolute; width:100%; top:0; left:0; height:37%; overflow:hidden; } #banner .number .pull-right i:after, #banner1 .number .pull-right i:after{ content:""; display:block; position:absolute; width:100%; top:0; border:3px #fff solid; border-radius:13px; height:40px; } #banner .number .pull-right span:after, #banner1 .number .pull-right span:after{ content:""; display:block; position:absolute; width:3px; height:20%; background:#fff; left:49.7%; margin-left:-1px; border-radius:2px; top:25%; animation: moveDownSpot 1s infinite; } @keyframes moveDownSpot { from { opacity: 1; top: 25%; } to { opacity: 0; top: 50%; } } @media (max-width:992px) { #banner .number .pull-left span, #banner1 .number .pull-left span{ font-size:1.6rem; line-height:30px; } #banner .number .pull-left i, #banner1 .number .pull-left i{ line-height:30px; font-size:1.4rem; } #banner .number .pull-left big, #banner1 .number .pull-left big{ font-size:1.6rem; line-height:30px; } #banner .swiper-pagination span, #banner1 .swiper-pagination span{ height:2px; } #banner .number .pull-right span, #banner1 .number .pull-right span{ width: 16px; height: 30px; } #banner .number .pull-right span:before, #banner1 .number .pull-right span:before{ border:1px rgba(255,255,255,.3) solid; } #banner .number .pull-right i:after, #banner1 .number .pull-right i:after{ border:1px #fff solid; } #banner .number .pull-right span:after, #banner1 .number .pull-right span:after{ width:1px; } } /* 棣栭〉澶撮儴 */ .index-title{ text-align: center; padding: 8vh 0 6vh; } .index-title h4{ color: #000; font-size: 48px; font-weight: normal; margin: 0; } .index-title p{ font-size: 16px; line-height: 24px; color: #999; width: 38vw; margin: 15px auto 0; } @media (max-width:1799px) { .index-title h4{ font-size: 40px; } .index-title p{ width: 50vw; } } @media (max-width:1199px) { .index-title{ padding: 40px 0 30px; } .index-title h4{ font-size: 36px; } .index-title p{ width: 60vw; } } @media (max-width:992px) { .index-title{ padding: 30px 0 20px; } .index-title h4{ font-size: 28px; } .index-title p{ width: 90%; font-size: 14px; } } /* 涓昏浜у搧 */ .z_index_pro{background-color: #fff;position: relative;} .z_index_pro li{width: 16.66%; float: left;position: relative;transition: ease 1s;border-right: 1px solid #ccc;overflow: hidden;box-sizing: border-box;background-color: #e5e6e8;z-index: 1;} .z_index_pro li::before{ content: ""; display: block; width: 120px;height: 110px;position: absolute; right: 0; bottom: 0; background: url(../images/bg6.png) no-repeat center; background-size: 100% 100%; transition: ease 1s; transform-origin: right bottom; transform: scale(0,0) translate(100%,100%);} .z_index_pro li:hover::before{ transform: scale(1,1) translate(0);} .z_index_pro li:last-child{ border-right: none;} .z_index_pro{background-color: #fff;position: relative;} .z_index_pro li a{display: block;padding: 40px 20px;color: #333;} .z_index_pro li .infobox{width: 100%;box-sizing: border-box;line-height: 1;} .z_index_pro li .titbar h3{font-size: 20px;font-weight: bold;} .z_index_pro li .titbar h4{font-size: 16px;font-weight: normal;margin: 10px 0;} .z_index_pro li .titbar{margin-top: 20px;} .z_index_pro li .desc{font-size: 14px;font-weight: 400;color: #666;line-height: 20px;transition: all 0.9s ease-in-out;} .z_index_pro li .imgbox{height: 240px;line-height: 240px;text-align: center;font-size: 0;} .z_index_pro li .imgbox img{max-width: 100%;max-height: 100%;vertical-align: middle;} .z_index_pro li:hover{border-color: #ccc;background-color: #cce9f7;background: linear-gradient(0deg, #cce9f7 0, #f5fbfe 100%);} .z_index_pro li:hover .desc{opacity: 0;} .z_index_pro li a .more{position: absolute;bottom: 0;left: 20px;width: 100%;overflow: hidden;visibility: hidden;opacity: 0;} .z_index_pro li a .more span{display: inline-block;padding: 0 14px;height: 34px;line-height: 34px;background-color: #01499b;text-align: center;border-radius: 5px;color: #fff;font-size: 14px;} .z_index_pro li:hover .more{bottom: 30px;opacity: 1; visibility: visible; transition: all 0.9s ease-in-out;} .z_pao{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .z_pao span,.z_news_pao span{ display: block; width: 80px; height: 80px; border-radius: 50%; z-index: 1; transition: ease 1s;position: absolute; left: 50%; bottom: -100px;transform: translateX(-50%);} .z_index_pro li:hover .z_pao span:nth-child(1),.z_news_pao span:nth-child(1){ background: rgba(228,0,127,.25); animation:pao 5s linear infinite;} .z_index_pro li:hover .z_pao span:nth-child(2),.z_news_pao span:nth-child(2){ background: rgba(68,0,98,.33); animation:pao3 7s linear infinite; animation-delay: .3s;} .z_index_pro li:hover .z_pao span:nth-child(3),.z_news_pao span:nth-child(3){ background: rgba(53,169,225,.38); animation:pao2 4s linear infinite;animation-delay: .8s;} .z_news_pao span{ width: 100px; height: 100px;} @media (max-width:1199px) { .z_index_pro li{ width: 33.33%; border-top: 1px solid #ccc; } .z_index_pro li:nth-child(1), .z_index_pro li:nth-child(2), .z_index_pro li:nth-child(3){ border-top: none; } .z_index_pro li .titbar h3{ font-size: 18px; } } @media (max-width:992px) { .z_index_pro li{ width: 50%; } .z_index_pro li:nth-child(3){ border-top: 1px solid #ccc; } .z_index_pro li .titbar h3{ font-weight: 400; } .z_index_pro li:hover .desc{ opacity: 1; } .z_index_pro li .more{ display: none; } } @media (max-width:769px) { .z_index_pro li{ width: 100%; } .z_index_pro li:nth-child(2){ border-top: 1px solid #ccc; } .z_index_pro li a{ padding: 20px; } } @keyframes pao { 0% { transform: translate(200%,-30vh) rotate(360deg) scale(.4,.4); opacity: 1; } 50% { transform: translate(0%,-70vh) rotate(360deg) scale(.8,.8); opacity: .5; } 100% { transform: translate(-200%,-100vh) rotate(360deg) scale(1,1); opacity: 0; } } @keyframes pao2 { 0% { transform: translate(-200%,0vh) rotate(360deg) scale(1,1); opacity: 1; } 50% { transform: translate(250%,-50vh) rotate(360deg) scale(.8,.8); opacity: .5; } 100% { transform: translate(100%,-100vh) rotate(360deg) scale(.4,.4); opacity: 0; } } @keyframes pao3 { 0% { transform: translate(0%,0vh) rotate(360deg) scale(1,1); opacity: 1; } 50% { transform: translate(-250%,-50vh) rotate(360deg) scale(.8,.8); opacity: .5; } 100% { transform: translate(-300%,-100vh) rotate(360deg) scale(.4,.4); opacity: 0; } } /* 鍒嗗叕鍙 */ .indexgs{width: 100%;margin: 0 auto;} .indexgs li{float: left;width: 33.33%;padding: 40px;background-position: center;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;} .indexgs li:nth-child(1){background-image: url(../images/indexgs-1.jpg);} .indexgs li:nth-child(2){background-image: url(../images/indexgs-2.jpg);} .indexgs li:nth-child(3){background-image: url(../images/indexgs-3.jpg);} .indexgs li .top{margin-bottom: 20px;} .indexgs li .top .tit{float: left;color: #fff;font-size: 30px;line-height: 1;} .indexgs li .top .more{float: right;width: 56px;height: 26px;border: 2px solid #fff;text-align: center;color: #fff;font-size: 15px;border-radius: 20px;transition: all 0.5s ease 0s;} .indexgs li .top .more:hover{background-color: #fff;color: #01499b;} .indexgs li .txt{height: 220px;overflow-y: auto;} .indexgs li .txt a{display: block;padding-left: 24px;color: #fff;font-size: 16px;line-height: 36px;position: relative;} .indexgs li .txt a:before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 11px;height: 12px;background-image: url(../images/indexgs-li.png);background-position: center;background-repeat: no-repeat;z-index: 1;} .indexgs li .txt a:hover{text-decoration: underline;} .indexgs li .txt::-webkit-scrollbar{width:5px;height:5px;} @media (max-width:992px) { .indexgs li{width: 100%;} } @media (max-width:768px) { .indexgs li{padding: 20px;} .indexgs li .top{margin-bottom: 10px;} .indexgs li .top .tit{font-size: 24px;} .indexgs li .top .more{height: 24px;font-size: 14px;} .indexgs li .txt{height: 180px;} .indexgs li .txt a{font-size: 14px;line-height: 30px;} } /* 瑙e喅鏂规 */ #indexcase{position: relative; height: 100%; overflow: hidden;min-height: 600px;} #indexcase .twoItem{position: absolute; top: 0px;min-height: 600px;} #indexcase .twoItem .img{position: absolute; top: 0px; left: 0px;width: 100%;height: 100%;} #indexcase .twoItem .img img{width: 100%;height: 100%;object-fit: cover;} #indexcase .twoItem .indexcase_con{width: 38vw;opacity: 0;transform: translate(0px,50px);margin-top: 12vw;color: #fff;} #indexcase .twoItem.act .indexcase_con{opacity: 1;transition: 600ms ease 900ms;transform: translate(0px,0px);} #indexcase .twoItem .indexcase_con h3{position: relative;opacity: 0.5;font-size: 36px;line-height: 38px;font-weight: bold;text-transform: uppercase;} #indexcase .twoItem .indexcase_con h3::before{content: '';position: absolute; left: -11vw;bottom: 20px; width: 10vw;height: 1px;background-color: #c9d1d5;} #indexcase .twoItem .indexcase_con h4{font-size: 36px;line-height: 40px;margin: 50px 0 30px 0;} #indexcase .twoItem .indexcase_con p{font-size: 16px;line-height: 24px;margin-bottom: 60px;} #indexcase .twoItem .indexcase_con li{float: left;width: 33.33%;} #indexcase .twoItem .indexcase_con li a{display: block;width: 100%;height: 110px;line-height: 110px;text-align: center;background-color: #fff;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;overflow: hidden;} #indexcase .twoItem .indexcase_con li:nth-child(1) a, #indexcase .twoItem .indexcase_con li:nth-child(2) a, #indexcase .twoItem .indexcase_con li:nth-child(3) a{border-top: none;} #indexcase .twoItem .indexcase_con li:nth-child(3n){border-right: none;} #indexcase .twoItem .indexcase_con li a img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} #indexcase .twoItem .indexcase_con li:hover a img{transform: scale(1.1);} .twoList{position: absolute; width: 100%; z-index: 10;bottom: 0;text-align:center;background: rgba(0,0,0,0.5);} .twoList #TouchNav{overflow: hidden;} .twoList li{position: relative;float: left;width: 14.28%;height: 100px;display: flex;justify-content: center;flex-direction: column;cursor: pointer;color: #fff;} .twoList li .icon{line-height: 36px;} .twoList li .icon i{font-size: 30px;} .twoList li .txt{font-size: 16px;line-height: 20px;} .twoList li::before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #01499b;z-index: -1;transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;} .twoList li:hover::before,.twoList li.act::before{width: 100%;} @media (max-width:992px) { #indexcase .twoItem .indexcase_con{width: 100%;} #indexcase .twoItem .indexcase_con h3{font-size: 30px;line-height: 34px;} #indexcase .twoItem .indexcase_con h3::before{display: none;} #indexcase .twoItem .indexcase_con h4{font-size: 30px;margin: 30px 0 20px 0;} #indexcase .twoItem .indexcase_con p{margin-bottom: 40px;} .twoList li{width: 25%;height: 80px;} } @media (max-width:768px) { #indexcase .twoItem .indexcase_con{margin-top: 30px;} #indexcase .twoItem .indexcase_con h3{font-size: 20px;line-height: 26px;} #indexcase .twoItem .indexcase_con h4{font-size: 20px;margin: 20px 0 10px 0;} #indexcase .twoItem .indexcase_con p{font-size: 14px;margin-bottom: 30px;} #indexcase .twoItem .indexcase_con li a{height: 100px;line-height: 100px;} .twoList li{width: 33.33%;} .twoList li .icon{font-size: 24px;} .twoList li .txt{font-size: 14px;} } /* 鍏充簬鎴戜滑 */ .index_about{ background-color: #fff; } .index_about .index_about_bg{ background-color: #fff; height: 56vw; position: relative; } .index_about .index_about_bg .img{ position: absolute; top: 0; left: 0; width: 100%; height: 42vw; } .index_about .index_about_bg .img img{ width: 100%; height: 100%; object-fit: cover; } .index_about .index_about_bg .bg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 14vw; background: url(../images/aboutbg.jpg) center center no-repeat; background-size: cover; } .index_about .index_about_bg .txt{ position: absolute; left: 0; bottom: 2vw; width: 100%; } .index_about .index_about_bg .txt .con{ width: 34vw; padding: 2vw; background-color: #fff; position: relative; z-index: 9; } .index_about .index_about_bg .txt .con .tit{ color: #666; font-size: 18px; line-height: 20px; } .index_about .index_about_bg .txt .con h4{ font-size: 30px; line-height: 38px; margin: 2.3vw 0 1.5vw 0; font-weight: bold; } .index_about .index_about_bg .txt .con h4 span{ display: block; } .index_about .index_about_bg .txt .con p{ color: #666; font-size: 15px; line-height: 26px; text-indent: 2em; } .index_about .index_about_bg .txt .con .more{ display: block; width: 215px; height: 51px; background-color: #01499b; border-radius: 10vw; color: #fff; font-size: 18px; line-height: 47px; text-indent: 44px; position: relative; margin: 2vw 0; border: 2px solid #01499b; transition: all 0.55s; overflow: hidden; } .index_about .index_about_bg .txt .con .more span{ position: absolute; top: 4px; right: 4px; width: 39px; height: 39px; line-height: 35px; text-align: center; color: #01499b; font-size: 30px; background-color: #fff; border-radius: 50%; text-indent: 0; transition: all 0.55s; } .index_about .index_about_bg .txt .con .more:hover{ background: none; color: #01499b; } .index_about .index_about_bg .txt .con .more:hover span{ background-color: #01499b; color: #fff; } .index_about .index_about_bg .txt .con .bot{ color: #454545; font-size: 24px; font-weight: bold; line-height: 30px; } .index_about .index_about_bg .txt .con .bot span{ color: #01499b; padding-left: 10px; } .index_about .index_about_bg .list{ position: absolute; bottom: 0; right: 0; width: 100%; text-align: right; height: 14vw; display: flex; justify-content: center; flex-direction: column; } .index_about .index_about_bg .list li{ display: inline-block; width: 13vw; text-align: center; border-right: 1px solid #6b8ab8; } .index_about .index_about_bg .list li a{ display: block; color: #fff; } .index_about .index_about_bg .list li a .icon{ line-height: 44px; margin-bottom: 10px; transition: all 0.55s; } .index_about .index_about_bg .list li:last-child{ border: none; } .index_about .index_about_bg .list li a .icon i{ font-size: 44px; } .index_about .index_about_bg .list li a .text{ font-size: 22px; line-height: 24px; } .index_about .index_about_bg .list li a:hover .icon{ transform: scale(1.1); } @media (max-width:992px) { .index_about .index_about_bg{height: auto;} .index_about .index_about_bg .img, .index_about .index_about_bg .bg, .index_about .index_about_bg .txt, .index_about .index_about_bg .list{ position: relative; left: auto; right: auto; top: auto; bottom: auto; } .index_about .index_about_bg .img{ height: auto; } .index_about .index_about_bg .txt .con{ width: 100%; padding: 4vw 0; } .index_about .index_about_bg .txt .con .tit{ display: none; } .index_about .index_about_bg .txt .con h4{ font-size: 24px; line-height: 30px; margin-top: 0; } .index_about .index_about_bg .txt .con h4 span{ display: inline-block; } .index_about .index_about_bg .txt .con .more{ margin-bottom: 0; } .index_about .index_about_bg .txt .con .bot{ display: none; } .index_about .index_about_bg .list{ margin-top: -14vw; } .index_about .index_about_bg .list li{ width: 33.33%; float: left; } .index_about .index_about_bg .list li a .icon{ line-height: 36px; } .index_about .index_about_bg .list li a .icon i{ font-size: 36px; } .index_about .index_about_bg .list li a .text{ font-size: 18px; line-height: 20px; } } @media (max-width:768px) { .index_about .index_about_bg .txt .con{ padding: 20px 0; } .index_about .index_about_bg .txt .con h4{ font-size: 20px; line-height: 24px; margin-bottom: 10px; } .index_about .index_about_bg .txt .con .more{ width: 170px; height: 40px; line-height: 36px; text-indent: 20px; font-size: 16px; } .index_about .index_about_bg .txt .con .more span{ width: 28px; height: 28px; line-height: 24px; } .index_about .index_about_bg .bg{ height: 100px; } .index_about .index_about_bg .list{ height: 100px; margin-top: -100px; } .index_about .index_about_bg .list .container{ width: 100%; } .index_about .index_about_bg .list li a .icon{ line-height: 30px; margin-bottom: 0; } .index_about .index_about_bg .list li a .icon i{ font-size: 30px; } .index_about .index_about_bg .list li a .text{ font-size: 16px; } } /* 鏂伴椈鍔ㄦ€ */ .index-news{ background-color: #fff; padding: 8vh 0 6vh; } .index-news .top{ margin-bottom: 8vh; padding-bottom: 4vh; border-bottom: 1px solid #dcdcdc; position: relative; } .index-news .top .index-title{ float: left; text-align: left; padding: 0; } .index-news .top .hd{ position: absolute; bottom: 0; right: 0; } .index-news .top .hd li{ display: inline-block; } .index-news .top .hd li a{ display: inline-block; margin-left: 5vw; line-height: 10vh; color: #000; font-size: 20px; position: relative; } .index-news .top .hd li a::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 3px; background-color: #01499b; transition: all 0.55s; z-index: 1; } .index-news .top .hd li.on a{ color: #01499b; } .index-news .top .hd li.on a::after{ width: 100%; } .index-news .bd{ margin: 0-1%; } .index-news .bd .swiper-slide{ float: left; width: 23%; margin: 0 1%; } .index-news .bd .swiper-slide a{ display: block; } .index-news .bd .swiper-slide a .img{ width: 100%; height: 20vh; overflow: hidden; } .index-news .bd .swiper-slide a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.55s; } .index-news .bd .swiper-slide a:hover .img img{ transform: scale(1.1); } .index-news .bd .swiper-slide a h4{ color: #333333; font-size: 18px; padding: 3vh 0 2vh; margin: 0; } .index-news .bd .swiper-slide a:hover h4{ color: #01499b; } .index-news .bd .swiper-slide a p{ color: #666666; font-size: 14px; line-height: 24px; min-height: 48px; margin-bottom: 2vh; } .index-news .bd .swiper-slide a .tit{ border-bottom: 1px solid #dcdcdc; padding: 10px 0; color: #999999; font-size: 14px; } .index-news .bd .swiper-slide a .tit .name{ float: left; } .index-news .bd .swiper-slide a .tit .name i{ float: left; font-size: 20px; padding-right: 5px; } .index-news .bd .swiper-slide a .tit .time{ float: right; } .index-news .more{ text-align: center; margin-top: 2vh; } .index-news .more a{ display: inline-block; color: #01499b; font-size: 14px; padding: 1.5vh 3vw; border: 1px solid #336da9; border-radius: 5px; transition: all 0.55s; } .index-news .more a:hover{ background-color: #336da9; color: #fff; } @media (max-width:992px) { .index-news{padding: 30px 0;} .index-news .top{margin-bottom: 30px;padding-bottom: 30px;} .index-news .top .index-title p{width: 100%;margin-top: 10px;} .index-news .top .hd li a{font-size: 18px;} .index-news .bd .swiper-slide{width: 31.33%;} .index-news .bd .swiper-slide a h4{padding: 20px 0 10px;font-size: 16px;} } @media (max-width:768px) { .index-news .top .index-title{float: none;text-align: center;} .index-news .top{padding-bottom: 0;border-bottom: none;} .index-news .top .hd{position: static;} .index-news .bd .swiper-slide{width: 48%;} .index-news .top .hd{position: static;margin-top: 20px;border-bottom: 1px solid #eee;border-bottom: 1px solid #dcdcdc;} .index-news .top .hd li{float: left;width: 50%;text-align: center;} .index-news .top .hd li a{display: block;line-height: 40px;margin-left: 0;font-size: 16px;} .index-news .top .hd li a::after{height: 2px;} .index-news .top .hd li.on a{font-weight: bold;} } /*page*/ /* 鍐呴〉banner */ .ibanner { background-position:center; background-repeat:no-repeat; background-size:cover; height:600px; position:relative; } .ibanner h2 { position: absolute; left: 0; top: 50%; width: 100%; color: #fff; transform: translateY(-50%); text-align: center; } .ibanner h2 big { display:block; font-size: 3.6rem; line-height:66px; font-weight: bold; } .ibanner h2 span { display:block; font-size:2.0rem; line-height:40px; margin:10px 0px 0px; font-weight: normal; text-transform:uppercase; } .ibanner section { position:absolute; width:100%; bottom:20px; left:0; font-size:14px; letter-spacing:1px; line-height:30px; color:#fff; } .ibanner section span { display:block; float:left; } .ibanner section a { color:#fff; } .ibanner section span i { font-size:1.5rem; margin-right:5px; line-height:30px; } .ibanner section big { display:block; float:right; } .ibanner section big a { font-size:14px; letter-spacing:1px; line-height:30px; color:#fff; } .ibanner section big a:hover { text-decoration:underline; } @media (max-width:992px) { .ibanner { height:300px; margin-top: 56px; } .ibanner h2 big { font-size:26px; line-height:36px; } .ibanner h2 span{ font-size: 18px; line-height: 20px; } .ibanner section { display:none; } } /* 鍒嗙被瀵艰埅 */ .z_sub_nav{background-color: #f5f5f5;} .z_sub_nav ul{ display: flex;} .z_sub_nav ul li{ flex: 1; position: relative;line-height: 90px;} .z_sub_nav ul li::before{content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 16px;background-color: #999999;margin-top: -8px;z-index: 1;} .z_sub_nav ul li:last-child::before{display: none;} .z_sub_nav ul li a::before{ content: ""; z-index: 1; display: block; width: 0; height: 3px;background-color: #01499b;position: absolute; left: 50%; bottom: 0; transition: ease 1s;} .z_sub_nav ul li a{display: flex; align-items: center; justify-content: center; width: 100%; text-align: center;font-size: 18px;color: #333;} .z_sub_nav ul li .icon{ vertical-align: middle; max-height: 24px; margin-right: 5px;} .z_sub_nav ul li a.active::before,.z_sub_nav ul li a:hover::before{ width: 100%; left: 0;color: #01499b;} .z_sub_nav ul li a.active,.z_sub_nav ul li a:hover{color: #01499b;} @media (max-width:1400px) { .z_sub_nav ul li{line-height: 70px;} .z_sub_nav ul li a{font-size: 16px;} } @media (max-width:992px) { .z_sub_nav{height: auto;box-shadow: 0px 0px 1px rgba(0,0,0,0.4);background-color: #fff;} .z_sub_nav ul{flex-wrap: wrap;justify-content: space-between;padding: 15px 15px 5px;margin: 0 -1%;} .z_sub_nav ul li{flex: auto;display: block;padding: 0px 0px;width: 48%;margin: 0 1% 10px 1%;} .z_sub_nav ul li::before{display: none;} .z_sub_nav ul li a{border: 1px rgba(0,0,0,.15) solid;line-height: 40px;font-size: 14px;} .z_sub_nav ul li a::before{display: none;} .z_sub_nav ul li a.active,.z_sub_nav ul li a:hover{color: #fff;background-color: #01499b;} } /* 鍏徃绠€浠嬪唴椤 */ .z_index_tit .en{font-size:2.125vw;font-family: Arial;color: #454545;line-height: 2.125vw;} .z_index_tit h3{font-size: 1.875vw;font-weight:bold;color: #454545; line-height: 2.5vw;text-transform: uppercase;} @media (max-width:992px) { .z_index_tit{text-align: center;} .z_index_tit .en{ font-size: 20px; line-height: 20px; margin-bottom: 4px;} .z_index_tit h3{ font-size: 20px; line-height: 26px;} } .about_content{background-color: #fff;padding: 5vw 0;box-sizing: border-box;position: relative;} .z_brand_warp{box-sizing: border-box;float: left;width: 50vw;} .z_brand_con{margin-top: 20px;color: #666;line-height: 26px;font-size: 14px;} .z_brand_con p{margin-bottom: 1vw;text-indent: 2em;} .z_brand_text{margin: 3vw 0;} .z_brand_text li{width: 25%;float: left;} .z_brand_text li h4{font-size: 16px;line-height: 2.5vw;font-weight: normal;display: inline-block;position: relative;color: #35a9e1;} .z_brand_text li h4 span{font-weight: bold;font-size: 2.5vw;} .z_brand_text li p{color: #454545;font-size: 15px;padding-right: 2vw;} @media (max-width:992px) { .about_content{padding: 20px 0;} .z_brand_warp{width: 100%;} .z_brand_con{max-height: 100%;} .z_brand_text{margin: 0;} .z_brand_text li{width: 50%;margin-top: 20px;} .z_brand_text li h4{font-size: 14px;} .z_brand_text li h4 span{font-size: 20px;} .z_brand_text li p{font-size: 14px;} } /* 瑙嗛 */ .z_about_video{float: right;width: 26vw;} .z_about_video .imgbg{position: relative;min-height: 32vw;} .z_video_text{ position: absolute; left: 0; top: 50%; cursor: pointer; width: 100%; color: #fff; transform: translateY(-50%); text-align: center;} .z_video_text .icon{z-index: 2;text-align: center; cursor: pointer;width: 90px;height: 90px;margin: 0 auto;background-color: #fff;border-radius: 50%;position: relative;transition: all 0.55s;} .z_video_text .icon::before, .z_video_text .icon::after {background-color: rgba(255, 255, 255, 0.15);content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: rangeScale 3s linear infinite;opacity: 0;z-index: 2;} .z_video_text .icon:after { animation-delay: 1.5s; } @keyframes rangeScale { 0% { opacity: 0; transform: scale(1); } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; transform: scale(1.6); } } .z_video_text .icon i{font-size: 36px;color: #01499b;transition: all 0.55s;line-height: 90px;} .z_video_text .icon:hover{background-color: #01499b;} .z_video_text .icon:hover i{color: #fff;} .z_video_text .tit{font-size: 2vw; margin-bottom: 1vw;margin-top: 5vw;} .z_video_text h3{margin-bottom: 10px; font-size: 16px;} .close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/close.png) no-repeat center; z-index: 100; cursor: pointer;} #video,#zvideo{width:100%; max-height: 100%;} .video_pop .warp,.z_video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden;} .z_video_pop{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: ease 1s;} .z_video_pop.on{ visibility: visible; opacity: 1;} .z_video_pop .close_btn{ display: block!important;} @media (max-width:992px) { .z_about_video{width: 100%;margin-top: 20px;} .z_about_video .imgbg{min-height: 400px;} .z_video_text .icon{height: 50px;width: 50px;} .z_video_text .icon i{line-height: 50px;font-size: 30px;} .z_video_text .tit{font-size: 18px;margin-bottom: 10px;} .z_video_text h3{font-size: 14px;} } /* 浼佷笟浠峰€ */ .about_shiming{padding-bottom: 5vw;} .about_shiming li{float: left;width: 50%;height: 300px;position: relative;cursor: pointer;} .about_shiming li .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .about_shiming li .img img{width: 100%;height: 100%;object-fit: cover;} .about_shiming li .icon{width: 89px;height: 89px;line-height: 89px;text-align: center;position: absolute;background-color: #eeeeee;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;z-index: 2;transition: ease 1s;} .about_shiming li .icon i{font-size: 40px;color: #01499b;} .about_shiming li:nth-child(1) .icon,.about_shiming li:nth-child(2) .icon{bottom: 0;} .about_shiming li:nth-child(3) .icon,.about_shiming li:nth-child(4) .icon{top: 0;border-bottom: none;} .about_shiming li:nth-child(1) .icon,.about_shiming li:nth-child(3) .icon{right: 0;} .about_shiming li:nth-child(2) .icon,.about_shiming li:nth-child(4) .icon{left: 0;border-right: none;} .about_shiming li .tit{position: absolute;left: 0;top: 50%;cursor: pointer;width: 100%;color: #fff;transform: translateY(-50%);text-align: center;font-size: 1.9vw;letter-spacing: 2px;transition: ease 1s;} .about_shiming li .txt{position: absolute;top: 0;left: 0;height: 100%;width: 100%;padding: 40px 4vw;color: #fff;background-color: #01499b;background: linear-gradient(90deg, rgba(50,77,132,0.85) 0, rgba(46,156,211,0.85) 100%);opacity: 0;transition: ease 1s;} .about_shiming li .txt h4{font-size: 1.9vw;line-height: 2vw;position: relative;padding-bottom: 1.5vw;} .about_shiming li .txt h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 35px;height: 2px;background-color: #9daac3;z-index: 1;} .about_shiming li .txt .textcon{font-size: 16px;line-height: 24px;margin-top: 1vw;} .about_shiming li:nth-child(2n) .txt{text-align: right;} .about_shiming li:nth-child(2n) .txt h4::before{right: 0;left: auto;} .about_shiming li:hover .icon{background-color: #01499b;} .about_shiming li:hover .icon i{color: #fff;} .about_shiming li:hover .tit{opacity: 0;} .about_shiming li:hover .txt{opacity: 1;} @media (max-width:992px) { .about_shiming li{width: 100%;} .about_shiming li .icon{display: none;} .about_shiming li .tit{font-size: 20px;} .about_shiming li .txt h4{font-size: 20px;line-height: 30px;padding-bottom: 15px;} .about_shiming li .txt .textcon{font-size: 14px;margin-top: 10px;} .about_shiming li:nth-child(2n) .txt{text-align: left;} .about_shiming li:nth-child(2n) .txt h4::before{right: auto;left: 0;} } /* 鍙戝睍鍘嗙▼ */ .course_content{ background-color: #fff; padding: 4vw 0; } .course_content #lic{ position:relative; width:100%; padding-bottom: 8vw; } .course_content #lic .lcct{ width:100%; display:flex; } .course_content #lic .lcct>span{ padding-top:12%; width:40%; display:block; } .course_content #lic .lcct>span small{ font-size:18px; color: #454545; max-width:98%; line-height:30px; display:block; min-height: 180px; width: 80%; } .course_content #lic .lcct>span a{ display: block; width: 215px; height: 51px; background-color: #01499b; border-radius: 10vw; color: #fff; font-size: 18px; line-height: 47px; text-indent: 44px; position: relative; margin: 2vw 0; border: 2px solid #01499b; transition: all 0.55s; overflow: hidden; } .course_content #lic .lcct>span a i{ position: absolute; top: 4px; right: 4px; width: 39px; height: 39px; line-height: 35px; text-align: center; color: #01499b; font-size: 30px; background-color: #fff; border-radius: 50%; text-indent: 0; transition: all 0.55s; } .course_content #lic .lcct>span a:hover{ background: none; color: #01499b; } .course_content #lic .lcct>span a:hover i{ background-color: #01499b; color: #fff; } .course_content #lic .lcct>span div{ font-size:1.4rem; font-weight:bold; font-family:Arial; position: relative; padding-bottom: 1vw; margin-bottom: 1.5vw; } .course_content #lic .lcct>span div::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #dcdcdc; } .course_content #lic .lcct>span div font{ color:#2e9cd3; padding-left: 10px; } .course_content #lic .lcct>div{ position:relative; width:60%; margin-top: -90px; } .course_content #lic .lcct>div p{ font-size:14rem; color:#e8e8e8; line-height:200px; text-align: right; width: 100%; font-weight: bold; position:absolute; display:block; z-index:1; top:0; } .course_content #lic .lcct>div span{ padding-top:90px; display:block; position:relative; z-index:2; } .course_content #lic .lcct>div span img{ max-width:100%; } .course_content .apply { width: 100%; margin:0; z-index:99; position:absolute; bottom:0; padding:0; height:95px; } .course_content .apply_nav{ overflow: hidden; width:90%; margin:0 auto; position:relative; height:95px; } .course_content .apply #gdnx { position:absolute; height:95px; list-style: none; z-index:999; width:2000px !important; left:0; top:0; margin:0; } .course_content .apply #gdnx li { float:left; display:block; height:95px; background:none; overflow:hidden; padding:0; text-indent:0px; border:0; position:relative; border-radius:0; text-align:center; } .course_content .apply #gdnx li:after{ content:""; position:absolute; display:block; height:20px; border-right:1px rgba(0,0,0,.1) solid; right:0; top:20px; width:0; } .course_content .apply #gdnx li.active{ margin:1px; } .course_content .apply #gdnx li p{ color:#999999; font-size:1.6rem; display:block; font-family:Fontthree; padding-top:60px; line-height:30px; position:relative; } .course_content .apply #gdnx li p:after{ content:""; display:block; height:36px; border-right:1px rgba(0,0,0,.1) solid; width:0; position:absolute; left:50%; top:12px; } .course_content .apply #gdnx li.active p:after{ content:""; display:block; height:38px; width:38px; background:url(../images/hdian.png) center no-repeat; border-right:0px rgba(0,0,0,.1) solid; margin-left:-19px; } .course_content .apply #gdnx li.active p{ color:#014a99; } .course_content #aniu{ position:absolute; bottom:34px; width:100%; height:59px; } .course_content #aniu>section>div{ position:relative; z-index:999; } .course_content #aniu>section>div a{ margin:0; cursor:pointer; opacity:1; position:absolute; display:block; width:59px; height:59px; background:none; z-index:999; } .course_content #aniu>section>div a.left{ left:0; } .course_content #aniu>section>div a.right{ right:0; } .course_content #aniu>section>div a i{ display: block; height: 100%; line-height: 52px; background-color: #fff; border: 2px solid #e6e6e6; border-radius: 50%; font-size: 36px; color: #494949; transition: all 0.55s; } .course_content #aniu>section>div a:hover i{ background-color: #014a99; color: #fff; } .course_content #aniu>section{ position:relative; height:59px; } .course_content #aniu>section span{ position:absolute; z-index:8; width:100%; height:2px; top:49%; background:rgba(0,0,0,.1); } .mobile_course{ display: none; } @media (max-width:992px) { .course_content{display: none;} .mobile_course{ display: block; background:#fff; padding:30px 15px 20px; } .mobile_course #licheng{ background:#fff; } .mobile_course section{ display:flex; background:#fff; justify-content:space-between; padding:15px 0; } .mobile_course section span:first-child{ width:25%; text-align:center; } .mobile_course section span:last-child{ width:70%; } .mobile_course section span:first-child p{ font-size:20px; line-height:24px; color:#014a99; margin-bottom: 10px; } .mobile_course section span:first-child small{ font-size:14px; line-height:20px; display:block; font-weight: bold; } .mobile_course section span:last-child p{ font-size:14px; color: #454545; line-height: 24px; } .mobile_course .swiper-button-prev{ position:static; top:0; margin:0px 10px 0px 30%; width:37px; height:37px; border: 1px solid #eee; background: none; text-align: center; line-height: 37px; } .mobile_course .swiper-button-next{ position:static; top:0; margin:0; width:37px; height:37px; border: 1px solid #eee; background: none; text-align: center; line-height: 37px; } .mobile_course big{ display:flex; padding:0px 15px; } .mobile_course big i{ font-size: 30px; line-height: 35px; } .mobile_course .swiper-button-prev:hover, .mobile_course .swiper-button-next:hover{ background-color: #014a99; } .mobile_course .swiper-button-prev:hover i, .mobile_course .swiper-button-next:hover i{ color: #fff; } } /* 鐮斿彂瀹炲姏 */ .pdacenter{ background:#2e2e2e; position:relative; } .pdacenter .pdact-ct{ width:90%; display:flex; background:#fff; } .pdacenter .pdact-ctl{ width:84%; } .pdacenter .pdact-ctr{ width:28%; } .pdacenter .pdctbg{ height:143px; background:#2e2e2e url(../images/yqbg.png) center center fixed; background-size: cover; } .pdacenter .pdcttt{ background:#3d3d3d; height:143px; font-size:8rem; line-height:143px; text-align:right; padding-right:50px; font-family:Arial; color:rgba(255,255,255,.2); } .pdacenter .pdacontent{ width:90%; margin-left:10%; } .pdacenter .pdacontent .pdacottt{ font-size:2rem; color:#454545; font-weight:bold; padding:40px 0px 30px; border-bottom:2px rgba(0,0,0,.15) solid; } .pdct-center .pdacontent .pdacottt{ font-size:2.8rem; color:#454545; font-weight:bold; padding:30px 0px; border-bottom:2px rgba(0,0,0,.15) solid; } .pdacenter .pdacontent>section{ font-size:15px; color:#454545; line-height:30px; padding:30px 0px; } .pdacenter .pdacontent>section ul{ margin:50px 0px 0px; } .pdacenter .pdacontent>section ul li{ margin-bottom:30px; } .pdacenter .pdacontent>section ul li img{ width:100%; } .pdacenter .pdacontent>section ul li a span{ font-size:1.4rem; background:#eff1f2; display:block; text-align:center; color:rgba(0,0,0,.8); padding:10px 0px; margin:0; border:0; } .pdacenter .pdacontent>section ul li a p{ display:block; position:relative; margin:0; padding:0; } .pdacenter .pdacontent>section ul li a p:after{ content:""; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.1); top:0; left:0; z-index:9; } .pdacenter .pdacontent>section ul li a:hover span{ background:#0498e1; transition:.3s; color:#fff; } .pdacenter .pdacontent>section dl{ margin:40px 0px 0px; } .pdacenter .pdacontent>section dl dd{ margin-bottom:30px; } .pdacenter .pdacontent>section dl dd img{ width:100%; } .pdacenter .pdacontent>section dl dd a{ display:block; padding:8px; border:3px rgba(0,0,0,.1) solid; } .pdacenter .pdacontent>section dl dd a span{ font-size:1.6rem; color:rgba(0,0,0,.8); padding:30px 15px 10px; display:block; } .pdacenter .pdacontent>section dl dd a small{ display:block; line-height:26px; padding:0px 15px 10px; overflow:hidden; height:88px; color:rgba(0,0,0,.6); } .pdacenter .pdacontent>section dl dd a:hover{ border:3px #0498e1 solid; transition:.3s; } .pdacenter .pdacontent>section dl dd a:hover span{ color:#0498e1; } .pdacenter .pdacontent>section ul.yyly li a span{ font-size:1.4rem; } .pdacenter .pdact-ctr .pdlanmu{ width:100%; display:flex; justify-content:flex-end; } .pdacenter .pdact-ctr .pdlanmuu{ position:fixed; top:253px; z-index:99; right:14%; width:280px; margin-left:auto; } .pdacenter .pdact-ctr .pdlanmuuu{ display: none; } .pdacenter .pdact-ctr .pdlanmmu{ position:fixed; top:143px; z-index:99; right:10%; width:280px; margin-left:auto; } .pdacenter .pdact-ctr .pdlanmu ul{ padding:40px 0px 50px; width:280px; background:#01499b url(../images/yqbg-tit.png) center center no-repeat; overflow:hidden; } .pdacenter .pdact-ctr .pdlanmu ul li{ padding-left:9%; justify-content:space-between; height:48px; display:flex; cursor:pointer; } .pdacenter .pdact-ctr .pdlanmu ul li span{ line-height:48px; display:block; font-size:20px; color:#fff; width:85%; } .pdacenter .pdact-ctr .pdlanmu ul li small{ display:block; width:12%; height:2px; margin-top:23px; position:relative; } .pdacenter .pdact-ctr .pdlanmu ul li small p{ display:block; width:0%; height:2px; right:0; position:absolute; background:none; } .pdacenter .pdact-ctr .pdlanmu ul li.active small p{ background:#fff; width:100%; } .pdacenter .pdact-ctr .pdlanmu ul li:hover{ opacity:1; transition:.3s; } .pdacenter .pdact-ctr .pdlanmu ul li:hover small p{ background:#fff; width:100%; transition:.5s; } .pdacenter .pdacontent .shili{ width: 100%; padding-bottom: 30px; } .pdacenter .pdacontent .shili li a{ display: block; width: 100%; height: 300px; position: relative; margin-bottom: 30px; } .pdacenter .pdacontent .shili li a .img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pdacenter .pdacontent .shili li a .img img{ width: 100%; height: 100%; object-fit: cover; } .pdacenter .pdacontent .shili li a .shilibg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all 0.55s; } .pdacenter .pdacontent .shili li a .tit{ position: absolute; left: 0; top: 50%; cursor: pointer; width: 100%; color: #fff; transform: translateY(-50%); text-align: center; font-size: 1.2vw; letter-spacing: 2px; transition: all 0.55s; } .pdacenter .pdacontent .shili li a .txt{ position: absolute; top: 50%; left: 5%; width: 90%; transform: translateY(-50%); text-align: center; color: #fff; opacity: 0; background: rgba(0,0,0,0.45); transition: all 0.55s; } .pdacenter .pdacontent .shili li a .txt .con{ padding: 30px 0; position: relative; } .pdacenter .pdacontent .shili li a .txt .con::before, .pdacenter .pdacontent .shili li a .txt .con::after, .pdacenter .pdacontent .shili li a .txt .con .line, .pdacenter .pdacontent .shili li a .txt .con .line1{ content: ''; position: absolute; background-color: #fff; display: block; transition: all 0.55s; } .pdacenter .pdacontent .shili li a .txt .con::before{ top: 0; left: 0; width: 2px; height: 50px; } .pdacenter .pdacontent .shili li a .txt .con::after{ top: 0; left: 0; height: 2px; width: 50px; } .pdacenter .pdacontent .shili li a .txt .con .line{ bottom: 0; right: 0; width: 2px; height: 50px; } .pdacenter .pdacontent .shili li a .txt .con .line1{ bottom: 0; right: 0; height: 2px; width: 50px; } .pdacenter .pdacontent .shili li a .txt .con h4{ font-size: 1.2vw; line-height: 1.5vw; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .pdacenter .pdacontent .shili li a .txt .con h4::before{ content: ''; position: absolute; bottom: 0; left: 50%; width: 35px; height: 2px; transform: translateY(-50%); background-color: #fff; z-index: 1; } .pdacenter .pdacontent .shili li a .txt .con p{ font-size: 0.8vw; } .pdacenter .pdacontent .shili li a:hover .shilibg{ opacity: 0; } .pdacenter .pdacontent .shili li a:hover .tit{opacity: 0;} .pdacenter .pdacontent .shili li a:hover .txt{opacity: 1;} .pdacenter .pdacontent .shebei{ padding-bottom: 30px; } .pdacenter .pdacontent .shebei li a{ display: block; width: 100%; } .pdacenter .pdacontent .shebei li a .img{ width: 100%; } .pdacenter .pdacontent .shebei li a .img img{ width: 100%; } .pdacenter .pdacontent .shebei li a .tit{ text-align: center; color: #454545; font-size: 15px; line-height: 24px; margin-top: 10px; } @media (max-width:992px) { .pdacenter .pdacontent .shili li a .tit, .pdacenter .pdacontent .shili li a .txt .con h4{ font-size: 16px; } .pdacenter .pdacontent .shili li a .txt .con p{ font-size: 14px; } } .pdacenter .pdacontent .yanfa{ padding: 10px 0 40px; } .pdacenter .pdacontent .yanfa li h4{ font-size: 24px; line-height: 3vw; font-weight: normal; display: inline-block; position: relative; color: #31a8e0; } .pdacenter .pdacontent .yanfa li h4 span{ font-size: 4vw; } .pdacenter .pdacontent .yanfa li p{ color: #454545; font-size: 15px; padding-right: 2vw; } @media (max-width:992px) { .pdacenter .pdact-ct{width: 100%;} .pdacenter .pdact-ctl{width: 100%;} .pdacenter .pdact-ctr{display: none;} .pdacenter .pdctbg{height: 20vw;} .pdacenter .pdacontent{width: 90%;margin: 0 5%;} .pdacenter .pdacontent .pdacottt{padding: 20px 0;} .pdacenter .pdacontent>section{padding: 20px 0;} .pdacenter .pdacontent .shebei li a{margin-bottom: 20px;} .pdacenter .pdacontent .yanfa li{margin-bottom: 20px;} .pdacenter .pdacontent .yanfa li h4{line-height: 40px;} .pdacenter .pdacontent .yanfa li h4 span{font-size: 30px;} } /* 鍔犲叆鎴戜滑 */ .jobs_content{padding: 4vw 0;} .jobs_content .ijoind{color: #666;} .jobs_content .ijoind.rcln{color: #fff;padding: 4vw;margin-bottom: 4vw;} .jobs_content .ijoind.fuli{margin-top: 2vw;} .jobs_content .ijoind h1{font-size: 28px;margin-bottom: 30px;} .jobs_content .ijoind section{font-size: 16px;line-height: 30px;} @media (max-width:992px) { .jobs_content{padding: 20px 0;} .jobs_content .ijoind h1{font-size: 20px;margin-bottom: 10px;} .jobs_content .ijoind section{font-size: 14px;line-height: 24px;} .jobs_content .ijoind .rencai{margin-bottom: 20px;} } .jobs_content .content { padding:60px 0px 0 0; } @media (max-width:992px) { .jobs_content .content { padding:20px 0px 0 0; } } .jobs_content .content .ijoin { margin:2vw 0px 0px; } .jobs_content .content .ijoin dl { background:#01499b; padding:0px 4vw; } .jobs_content .content .ijoin dl dd { float:left; width:16%; color:#fff; line-height:40px; padding:25px 0px; font-size:20px; } .jobs_content .content .ijoin dl dd:nth-of-type(4) { width:27%; } .jobs_content .content .ijoin dl dd:nth-of-type(5) { width:25%; } @media (max-width:992px) { .jobs_content .content .ijoin { margin:15px 0px 0px; } .jobs_content .content .ijoin dl { padding:0px 15px; } .jobs_content .content .ijoin dl dd { line-height:30px; padding:10px 0px; font-size:18px; } .jobs_content .content .ijoin dl dd:nth-of-type(2),.ijoin dl dd:nth-of-type(3),.ijoin dl dd:nth-of-type(4) { display:none; } .jobs_content .content .ijoin dl dd:nth-of-type(1) { width:70%; } }.jobs_content .content .ijoin ul { margin-top:30px; } .jobs_content .content .ijoin ul li { border-bottom:1px rgba(0,0,0,.15) dashed; margin-bottom:20px; } .jobs_content .content .ijoin ul li .jitp { padding:25px 70px; transition:.3s; } .jobs_content .content .ijoin ul li .jitp span { display:block; float:left; width:16%; color:#333333; line-height:24px; font-size:16px; padding-right: 2%; } .jobs_content .content .ijoin ul li .jitp span:nth-of-type(4) { width:27%; } .jobs_content .content .ijoin ul li .jitp span:nth-of-type(5) { width:25%; padding-right: 0; }@media (max-width:992px) { .jobs_content .content .ijoin ul { margin-top:10px; } .jobs_content .content .ijoin ul li { margin-bottom:10px; } .jobs_content .content .ijoin ul li .jitp { padding:10px 15px; } .jobs_content .content .ijoin ul li .jitp span { line-height:24px; font-size:14px; } .jobs_content .content .ijoin ul li .jitp span:nth-of-type(2),.ijoin ul li .jitp span:nth-of-type(3),.ijoin ul li .jitp span:nth-of-type(4) { display:none !important; } .jobs_content .content .ijoin ul li .jitp span:nth-of-type(1) { width:70%; } }.jobs_content .content .ijoin ul li .jitp span a{ width:140px; display:block; height:45px; font-size:18px; color:#666666; background:#efefef; cursor:pointer; text-align:center; transition:.3s; line-height: 45px; float:left; } .jobs_content .content .ijoin ul li.cur { border-bottom:0; box-shadow:0px 0px 30px rgba(0,0,0,.15); } .jobs_content .content .ijoin ul li.cur .jitp span a { background:#fff; } .jobs_content .content .ijoin ul li .jitp span a:hover { background:#01499b; color:#fff; } .jobs_content .content .ijoin ul li.cur .jitp { background:#e6e6e6; } .jobs_content .content .ijoin ul li .jitp span i { display:block; height:44px; float:right; cursor:pointer; width:40px; font-size: 30px; text-align: center; line-height: 44px; transition: all 0.55s; } .jobs_content .content .ijoin ul li.cur .jitp span i { transform:rotate(180deg); } @media (max-width:992px) { .jobs_content .content .ijoin ul li .jitp span a{ width: 100%; font-size: 14px; height: 30px; line-height: 30px; } .jobs_content .content .ijoin ul li .jitp span i { display:none; } }.jobs_content .content .ijoin .jibt { display:none; padding:20px 70px 50px; } .jobs_content .content .ijoin .jibt section { padding:15px 0px 15px 20px; color:#545459; line-height:26px; } .jobs_content .content .ijoindd .zwxxx span { display:block; line-height:30px; color:#000; } .jobs_content .content .ijoindd .zwxxx .zpzw { font-size:20px; margin-bottom:10px; } .jobs_content .content .ijoindd iframe { height:720px; width:100%; } @media (max-width:992px) { .jobs_content .content .ijoindd { margin:0; } .jobs_content .content .ijoindd .jibt { display:block; padding:0px; } .jobs_content .content .ijoindd .jibt h1 { font-size:1.6rem; line-height:30px; } .jobs_content .content .ijoindd .jibt section { padding:0 0 10px 0; } } /* 鍛樺伐椋庨噰 */ .staff-list li a{ display: block; margin-bottom: 2vw; } .staff-list li a .pic_01{ text-align: center; outline: none; height: 20vw; border: solid 1px #e5e5e5; position: relative; } .staff-list li a .pic_01 img{ width: 100%; height: 100%; object-fit: cover; } .staff-list li a .pic_02{ height: 40px; line-height: 40px;text-align: center;color: #333333;font-size: 16px;} .staff-list li a .pic_01 i{ transition: all 0.3s; z-index: 66; text-align: center; color:rgba(255,255,255,0.75); width: 80px; height: 80px; line-height: 71px; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; } .staff-list li a .pic_01 i.iconfont{ font-size: 40px;} .staff-list li a:hover .pic_01:before{ position: absolute; content: " "; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); z-index: 11 } .staff-list li a:hover .pic_01 i{ color: rgba(255,255,255,1); transform:rotate(30deg);} @media (max-width:992px) { .staff-list li a .pic_01{ height: 200px; } .staff-list li a .pic_02{ font-size: 14px; } } /* 浜у搧鍒楄〃 */ .pro-list{ padding: 5vw 0; background-color: #f6f6f6; border-top: 1px solid #d1d1d1; } .pro-list .top{ font-size: 3vw; font-weight: bold; color: #333333; margin-bottom: 4vw; } .pro-list .logoimg{ height: 60px; line-height: 60px; text-align: center; font-size: 0; margin-bottom: 4vw; } .pro-list .logoimg img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .pro-list li .con{ margin-bottom: 30px; transition: all 0.55s; } .pro-list li .con .img{ width: 100%; } .pro-list li .con .img a{ display: block; width: 100%; overflow: hidden; text-align: center; background-color: #fff; height: 300px; line-height: 300px; font-size: 0; } .pro-list li .con .img a img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; transition: all 0.55s; } .pro-list li .con .txt{ background-color: #fff; padding: 20px; } .pro-list li .con .txt .tit{ display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; line-height: 40px; } .pro-list li .con .txt .tit p{ float: left; width: 14vw; color: #333; font-size: 24px; } .pro-list li .con .txt .tit span{ float: right; color: #999999; font-size: 15px; position: relative; padding-left: 38px; } .pro-list li .con .txt .tit span::before{ content: '+'; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; text-align: center; line-height: 26px; font-size: 24px; color: #fff; background-color: #e1e1e1; border-radius: 50%; z-index: 1; transform: translateY(-50%); } .pro-list li .con .txt .content{ margin-top: 20px; line-height: 26px; min-height: 52px; } .pro-list li .con .txt .content span{ color: #999999; font-size: 16px; width: 76px; } .pro-list li .con .txt .more{ margin-top: 40px; } .pro-list li .con .txt .more a{ display: block; padding: 15px 0; text-align: center; font-size: 16px; border-radius: 5px; display: flex; line-height: 30px; color: #2e4179; justify-content: center; background-color: #e4edf7; } .pro-list li .con .txt .more a i{ font-size: 2vw; padding-right: 14px; font-weight: normal; } .pro-list li .con .txt .more a.tel{ font-weight: bold; } .pro-list li .con .txt .more a:hover{ background-color: #01499b; color: #fff; } .pro-list li .con:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.35); } .pro-list li .con .img a:hover img{ transform: scale(1.1); } .pro-list li .con:hover .txt .tit p{ color: #01499b; } .pro-list li .con:hover .txt .tit span{ color: #01499b; } .pro-list li .con:hover .txt .tit span::before{ background-color: #01499b; } @media (max-width:992px) { .pro-list{ padding: 20px 0; } .pro-list .top{ font-size: 20px; margin-bottom: 20px; } .pro-list .logoimg{ margin-bottom: 20px; } .pro-list li .con .txt{ padding: 10px; } .pro-list li .con .txt .tit{ padding-bottom: 10px; line-height: 30px; } .pro-list li .con .txt .tit p{ width: 100%; font-size: 18px; } .pro-list li .con .txt .tit span{ display: none; } .pro-list li .con .txt .more{ display: none; } } /* 鍒嗛〉 */ .page{ border-top: 1px solid #d4d4d4; padding-top: 20px; text-align: right; margin-top: 20px; } .page a, .page span{ display: inline-block; border: 1px solid #d4d4d4; padding: 0 20px; color: #666666; border-radius: 3px; margin: 0 4px; line-height: 30px; } .page .current, .page a:hover{ background-color: #01499b; border-color: #01499b; color: #fff; } @media (max-width:992px) { .page{ text-align: center; } .page a{ padding: 0 10px; margin-bottom: 10px; } } /* 鍏徃鏂伴椈 */ .news-show{ padding: 5vw 0; } .news-show .bd ul{ width: 100%; height: 500px; position: relative; } .news-show .bd ul .img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .news-show .bd ul .img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.55s; } .news-show .bd ul .tit{ position: absolute; bottom: 4%; left: 0; width: 100%; padding: 0 5%; color: #fff; font-size: 18px; line-height: 50px; } .news-show .hd ul li{ padding-bottom: 26px; border-bottom: 1px solid #d1d1d1; transition: all 0.55s; } .news-show .hd ul li a{ display: block; padding: 0 20px; } .news-show .hd ul li a .tit{ padding: 10px 0; line-height: 30px; } .news-show .hd ul li a .tit .title{ color: #333333; font-size: 18px; transition: all 0.55s; } .news-show .hd ul li a .tit .time{ color: #999999; text-align: right; transition: all 0.55s; } .news-show .hd ul li a .txt{ color: #666666; line-height: 24px; transition: all 0.55s; } .news-show .hd ul li:hover, .news-show .hd ul li.on{ background-color: #01499b; } .news-show .hd ul li:hover a .tit .title, .news-show .hd ul li.on a .tit .title{ color: #fff; } .news-show .hd ul li:hover a .tit .time, .news-show .hd ul li.on a .tit .time{ color: #fff; opacity: 0.5; } .news-show .hd ul li:hover a .txt, .news-show .hd ul li.on a .txt{ color: #fff; opacity: 0.65; } @media (max-width:992px) { .news-show{padding: 20px 0;} .news-show .bd ul{height: 300px;} .news-show .hd ul li a .tit .title{font-size: 16px;} } .comnews-list{ padding-bottom: 5vw; } .comnews-list li{ margin-bottom: 30px; } .comnews-list li a{ display: block; width: 100%; } .comnews-list li a .img{ width: 100%; height: 20vh; overflow: hidden; } .comnews-list li a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.55s; } .comnews-list li a:hover .img img{ transform: scale(1.1); } .comnews-list li a h4{ color: #333333; font-size: 18px; padding: 3vh 0 2vh; margin: 0; } .comnews-list li a:hover h4{ color: #01499b; } .comnews-list li a p{ color: #666666; font-size: 14px; line-height: 24px; margin-bottom: 2vh; } .comnews-list li a .tit{ border-bottom: 1px solid #dcdcdc; padding: 10px 0; color: #999999; font-size: 14px; } .comnews-list li a .tit .name{ float: left; } .comnews-list li a .tit .name i{ float: left; font-size: 20px; padding-right: 5px; } .comnews-list li a .tit .time{ float: right; } @media (max-width:992px) { .comnews-list{padding-bottom: 20px;} .comnews-list li a h4{padding: 20px 0 10px;font-size: 16px;} .comnews-list li a p{margin-bottom: 0;} } .news-list{ padding: 5vw 0; } .news-list li{ margin-bottom: 20px; } .news-list li a{ padding: 10px; display: block; } .news-list li a .time{ text-align: center; background-color: #f3f3f3; height: 90px; display: flex; justify-content: center; flex-direction: column; transition: all 0.55s; } .news-list li a .time h4{ color: #01499b; font-size: 48px; line-height: 50px; } .news-list li a .time p{ color: #999999; line-height: 24px; } .news-list li a .txt{ margin: 15px 0; line-height: 30px; } .news-list li a .txt .tit{ color: #333333; font-size: 18px; } .news-list li a .txt .content{ color: #666666; } .news-list li a .more{ color: #e60012; line-height: 30px; margin-top: 45px; text-align: right; } .news-list li a:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .news-list li a:hover .time{ background-color: #01499b; } .news-list li a:hover .time h4, .news-list li a:hover .time p{ color: #fff; } @media (max-width:992px) { .news-list{padding-bottom: 20px;} } @media (max-width:768px) { .news-list li a .more{display: none;} } .navbg{ background-color: #fff; height: 110px; } .news-ntitle{ background-color: #f5f5f5; padding: 15px 5%; } .news-ntitle span{ float: left; color: #666666; line-height: 40px; } .news-ntitle span i{ font-size: 1.5rem; margin-right: 5px; } .news-ntitle big a{ float: right; width: 136px; height: 38px; line-height: 38px; text-align: center; color: #666666; border: 1px solid #666666; border-radius: 5px; transition: all 0.55s; } .news-ntitle big a:hover{ background-color: #01499b; border-color: #01499b; color: #fff; } .news-info{ padding: 5vw 0; } .news-info .title{ text-align: center; color: #333333; font-size: 36px; line-height: 46px; margin-bottom: 20px; } .news-info .tit{ text-align: center; padding: 20px 0; line-height: 30px; border-bottom: 1px solid #dddddd; position: relative; } .news-info .tit span{ padding: 0 2vw; color: #666666; font-size: 15px; } .news-info .tit .share{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .news-info .tit .share i{ color: #01499b; font-size: 30px; } .news-info .tips{ color: #666666; line-height: 24px; padding: 20px 0; border-bottom: 1px solid #dddddd; } .news-info .tips p{ overflow: hidden; } .news-info .con{ margin-top: 3vw; color: #333333; font-size: 16px; line-height: 24px; } .news-info .con p{ margin-bottom: 20px; } .news-info .con img{ max-width: 100%; } .news-info .tags{ position: relative; border-top: 1px solid #01499b; line-height: 30px; margin-top: 20px; color: #666666; } .news-info .tags span{ display: block; width: 90px; height: 30px; text-align: center; line-height: 30px; position: absolute; right: 0; background: #01499b; top: 0; color: #fff; cursor: pointer; } @media (max-width:1799px) { .navbg{height: 76px;} } @media (max-width:992px) { .navbg{height: 56px;} .news-ntitle{padding: 5px 10px;} .news-ntitle big a{display: none;} .news-info{padding: 20px 0;} .news-info .title{font-size: 24px;line-height: 30px;margin-bottom: 0;} .news-info .tit{padding: 10px 0;line-height: 24px;} .news-info .tit span{font-size: 14px;} .news-info .tit .share{display: none;} .news-info .tips{padding: 10px 0;} .news-info .con{margin-top: 20px;font-size: 14px;} .news-info .con p{margin-bottom: 10px;} } #prev_next{ margin-top: 3vw; } #prev_next li a{ display: block; color: #666666; font-size: 16px; padding: 40px; line-height: 24px; background-color: #fff; border: 1px solid #dddddd; border-top: 3px solid #01499b; } #prev_next li a span{ display: block; color: #333333; font-size: 20px; margin-bottom: 10px; } #prev_next li a:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); transform: translate3d(0,-10px,0); } @media (max-width:992px) { #prev_next{ margin-top: 20px; } #prev_next li a{ padding: 20px; margin-bottom: 20px; } } /* 浜у搧璇︽儏 */ .pro-info-text{ background-color: #f5f5f5; padding: 20px 0 5vw; } .pro-info-text .info-preview{ float: left; width: 45%; } .pro-info-text .info-preview .gallery-top .swiper-slide{ text-align: center; height: 500px; line-height: 500px; font-size: 0; background-color: #fff; } .pro-info-text .info-preview .gallery-top .swiper-slide .swiper-slideVideo{ width: 100%; height: 100%; position: relative; background-color: #f5f5f5; } .pro-info-text .info-preview .gallery-top .swiper-slide .swiper-slideVideo .video_btn{ width: 80px; height: 80px; line-height: 80px; text-align: center; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: rgba(0,0,0,0.5); border-radius: 50%; cursor: pointer; transition: all 0.55s; } .pro-info-text .info-preview .gallery-top .swiper-slide .swiper-slideVideo .video_btn>i{ color: #fff; font-size: 30px; line-height: 80px; } .pro-info-text .info-preview .gallery-top .swiper-slide .swiper-slideVideo .video_btn:hover{ background-color: #01499b; } .pro-info-text .info-preview .gallery-top .swiper-slide .swiper-slideVideo .swiper-slideVideo>video { width: 100%; height: 100%; } .pro-info-text .info-preview .gallery-top .swiper-slide img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .pro-info-text .info-preview .gallery-thumbs{ margin-top: 10px; } .pro-info-text .info-preview .gallery-thumbs .swiper-slide{ height: 98px; opacity: 0.5; } .pro-info-text .info-preview .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity: 1; } .pro-info-text .info-preview .gallery-thumbs .swiper-slide .video_mp4{ width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: rgba(0,0,0,0.5); border-radius: 50%; cursor: pointer; transition: all 0.55s; } .pro-info-text .info-preview .gallery-thumbs .swiper-slide .video_mp4>i{ color: #fff; font-size: 18px; line-height: 40px; } .pro-info-text .info-preview .gallery-thumbs .swiper-slide .video_mp4:hover{ background-color: #01499b; } .pro-info-text .info-preview .gallery-thumbs .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; } .pro-info-text .info-main-rig{ float: right; width: 50%; } .pro-info-text .info-main-rig .title { font-size: 2vw; line-height: 3vw; border-bottom: 1px solid #dcdcdc; padding: 1vw 0; margin-top: 20px; position: relative; } .pro-info-text .info-main-rig .title p{ width: 90%; } .pro-info-text .info-main-rig .title .share{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .pro-info-text .info-main-rig .title .share i{ font-size: 20px; color: #01499b; } .pro-info-text .info-main-rig .txt{ line-height: 24px; padding: 2vw 0; font-size: 16px; border-bottom: 1px solid #dcdcdc; } .pro-info-text .info-main-rig .txt p.tit{ float: left; color: #999999; font-size: 18px; padding-right: 2vw; } .pro-info-text .info-main-rig .txt span{ display: block; overflow: hidden; } .pro-info-text .info-main-rig .order-btn { overflow: hidden; margin-top: 2vw; } .pro-info-text .info-main-rig .order-btn a { float: left; width: 210px; height: 60px; text-align: center; line-height: 60px; background-color: #01499b; color: #fff; font-size: 16px; text-align: center; border-radius: 4px; margin-right: 8px; display: flex; justify-content: center; } .pro-info-text .info-main-rig .order-btn a.tel{ background-color: #e4edf7; color: #01499b; font-weight: bold; } .pro-info-text .info-main-rig .order-btn a i{ font-size: 30px; padding-right: 10px; font-weight: normal; } @media (max-width:992px) { .pro-info-text .info-preview{width: 100%;} .pro-info-text .info-preview .gallery-thumbs{display: none;} .pro-info-text .info-preview .gallery-top .swiper-slide{height: 400px;line-height: 400px;} .pro-info-text .info-main-rig{width: 100%;} .pro-info-text .info-main-rig .txt{font-size: 14px;} .pro-info-text .info-main-rig .order-btn{display: none;} .pro-info-text .info-main-rig .title .share{display: none;} .pro-info-text .info-main-rig .title p{width: 100%;} } @media (max-width:768px) { .pro-info-text .info-preview .gallery-top .swiper-slide{height: 300px;line-height: 300px;} .pro-info-text .info-main-rig .title{font-size: 18px;line-height: 24px;padding: 10px 0;} .pro-info-text .info-main-rig .txt p{font-size: 16px;padding-right: 10px;} } .info-center { overflow: hidden; margin: 20px 0 5vw 0; } .info-center .infoCenter-right { background: #fff; } .info-center .infoCenter-right .center-title { line-height: 50px; margin: 20px auto 40px; border-bottom: 1px solid #dcdcdc; } .info-center .infoCenter-right .center-title a{ float: left; font-size: 24px; line-height: 54px; color: #666; margin-right: 4vw; position: relative; } .info-center .infoCenter-right .center-title a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #01499b; z-index: 1; transition: all 0.55s; } .info-center .infoCenter-right .center-title a.on, .info-center .infoCenter-right .center-title a:hover{ color: #01499b; } .info-center .infoCenter-right .center-title a.on::after, .info-center .infoCenter-right .center-title a:hover::after{ width: 100%; } .info-center .infoCenter-right .center-content { overflow: hidden; padding: 2vw 0; border-bottom: 1px dashed #e5e5e5; } .info-center .infoCenter-right .center-content .tit{ float: left; width: 190px; color: #000000; font-size: 18px; padding-right: 20px; } .info-center .infoCenter-right .center-content .content{ color: #666666; font-size: 15px; line-height: 30px; overflow: hidden; } .info-center .infoCenter-right .center-content .content img { max-width: 100%; } .info-center .infoCenter-right .center-content .content table { font-family: '寰蒋闆呴粦'; width: 100%; border-collapse: collapse; table-layout: fixed; margin-bottom: 20px; } .info-center .infoCenter-right .center-content .content table tr th{ width: 50%; font-size: 15px; color: #666666; background: #deeae9; border: 1px solid #cccccc; line-height: 24px; font-weight: bold; padding: 10px; } /* .info-center .infoCenter-right .center-content .content table tr td:first-child{ background-color: #e4edf7; color: #01499b; } */ .info-center .infoCenter-right .center-content .content table tr td { line-height: 24px; color: #666666; font-size: 15px; border: 1px solid #cccccc; padding: 10px 20px; } .info-center .infoCenter-right .info-back{ position: relative; border-top: 1px solid #01499b; line-height: 30px; margin-top: 3vw; color: #666666; } .info-center .infoCenter-right .info-back a{ color: #666; padding-right: 5px; } .info-center .infoCenter-right .info-back a:hover{ color: #01499b; text-decoration: underline; } .info-center .infoCenter-right .info-back span{ display: block; width: 90px; height: 30px; text-align: center; line-height: 30px; position: absolute; right: 0; background: #01499b; top: 0; color: #fff; cursor: pointer; } .info-center .infoCenter-right .info-message{ width: 100%; padding: 50px 0; background: url(../images/info-message.jpg) center center no-repeat; text-align: center; margin-top: 40px; background-size: cover; } .info-center .infoCenter-right .info-message p{ color: #fff; font-size: 36px; line-height: 40px; margin-bottom: 25px; } .info-center .infoCenter-right .info-message a{ display: block; width: 210px; height: 46px; line-height: 42px; text-align: center; color: #fff; font-size: 16px; border: 2px solid #fff; border-radius: 30px; margin: 0 auto; transition: all 0.55s; } .info-center .infoCenter-right .info-message a:hover{ background-color: #fff; color: #01499b; } @media (max-width:992px) { .info-center .infoCenter-right .center-title{ margin: 10px auto 20px; } .info-center .infoCenter-right .center-title a{ font-size: 20px; } .info-center .infoCenter-right .center-content .tit{ font-size: 18px; width: 100%; float: none; margin-bottom: 10px; } .info-center .infoCenter-right .info-message{ padding: 20px 0; display: none; } .info-center .infoCenter-right .info-message p{ font-size: 20px; line-height: 30px; margin-bottom: 10px; } .info-center .infoCenter-right .info-message a{ width: 150px; height: 40px; line-height: 36px; } } @media (max-width:768px) { .info-center{ margin: 10px 0 20px 0; } .info-center .infoCenter-right .center-title{ margin: 10px auto; } .info-center .infoCenter-right .center-title a{ font-size: 16px; line-height: 40px; } .info-center .infoCenter-right .center-content .tit{ font-size: 16px; } .info-center .infoCenter-right .center-content .content{ font-size: 14px; line-height: 24px; overflow-x: scroll; } .info-center .infoCenter-right .center-content .content table tr td{ width: auto !important; font-size: 14px; padding: 5px; } } .hots-goods h4{ line-height: 46px; box-sizing: border-box; font-size: 24px; position: relative; margin: 40px auto 20px; } .hots-goods #hotpro{ margin: 0 -1%; } .hots-goods #hotpro .swiper-slide{ float: left; width: 18%; margin: 0 1%; } .hots-goods #hotpro .swiper-slide a{ display: block; } .hots-goods #hotpro .swiper-slide a .img{ width: 100%; height: 20vh; overflow: hidden; } .hots-goods #hotpro .swiper-slide a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.55s; } .hots-goods #hotpro .swiper-slide a:hover .img img{ transform: scale(1.1); } .hots-goods #hotpro .swiper-slide a p{ line-height: 40px; text-align: center; transition:all 0.3s ease 0s; } .hots-goods #hotpro .swiper-slide a:hover a p{ color: #01499b; } @media (max-width:992px) { .hots-goods h4{font-size: 18px;line-height: 30px;margin: 20px auto 10px;} .hots-goods #hotpro .swiper-slide{width: 31.33%;} } @media (max-width:768px) { .hots-goods #hotpro .swiper-slide{width: 48%;} } .hots-news{ border-top: 1px solid #e5e5e5; margin-top: 2vw; } .hots-news ul{ padding: 2vw; background-color: #f5f5f5; margin-top: 2vw; } .hots-news ul .tit{ font-size: 24px; line-height: 30px; margin-bottom: 20px; } .hots-news ul .tit i{ color: #01499b; font-size: 30px; padding-right: 10px; } .hots-news ul li a{ display: block; line-height: 40px; } .hots-news ul li a h4{ color: #666666; font-size: 16px; } .hots-news ul li a p{ text-align: right; color: #999999; } .hots-news ul li a:hover h4, .hots-news ul li a:hover p{ color: #01499b; } @media (max-width:992px) { .hots-news{ margin-top: 20px; } .hots-news ul{ padding: 20px; margin-top: 20px; } .hots-news ul .tit{ font-size: 18px; line-height: 24px; margin-bottom: 10px; } .hots-news ul .tit i{ font-size: 20px; } .hots-news ul li a{ line-height: 30px; } .hots-news ul li a h4{ font-size: 14px; } } /* 寮圭獥 */ .order-content { padding: 20px 30px; background: #fff; } .order-content .order-line { color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px; } .order-content .order-line:after { display: block; content: ''; clear: both; height: 0; width: 0; } .order-content .order-line lable { width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right; } .order-content .order-line lable em { color: #f00; font-style: normal; margin-right: 2px; } .order-content .order-line .order-zhi { float: left; padding: 10px; line-height: 30px; padding: 0px 10px; max-width: 380px; border: 1px solid #d2d2d2; } .order-content .order-line .order-zhi.noborder { border: none; } .order-content .order-line .order-zhi.overword { height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .order-line.bz-line { height: auto; } .order-content .order-line .beizhu { padding: 10px; float: left; border: 1px solid #d2d2d2; } .order-content .order-line .dwid { width: 375px; } .order-content .order-line img { display: inline-block; float: left; margin-left: 15px; } .order-content .go-sub { cursor: pointer; margin-left: 75px; border: none; color: #fff; background: #01499b; font-size: 14px; padding: 8px 28px; margin-top: 8px; outline: none; } .order-content .go-sub:hover { background: #333; } .appli_content{ padding: 5vw 0; background-color: #f5f5f5; } .appli_content ul{ text-align: right; } .appli_content li{ display: inline-block; margin-right: 1%; margin-bottom: 1%; overflow: hidden; } .appli_content li:nth-child(1), .appli_content li:nth-child(3), .appli_content li:nth-child(8){ width: 24%; } .appli_content li:nth-child(2), .appli_content li:nth-child(6), .appli_content li:nth-child(7){ width: 18%; } .appli_content li:nth-child(2), .appli_content li:nth-child(4){ vertical-align: bottom; } .appli_content li:nth-child(4){ width: 22%; height: 11vw; vertical-align: bottom; } .appli_content li:nth-child(5){ width: 28%; height: 15vw; vertical-align: top; } .appli_content li:nth-child(1){ height: 14vw; vertical-align: bottom; } .appli_content li:nth-child(2){ height: 12vw; vertical-align: bottom; } .appli_content li:nth-child(3){ height: 15vw; vertical-align: bottom; } .appli_content li:nth-child(6){ height: 12vw; vertical-align: top; } .appli_content li:nth-child(7){ height: 18vw; vertical-align: top; } .appli_content li:nth-child(8){ height: 15vw; vertical-align: top; } .appli_content li:last-child{ margin-right: 5%; } .appli_content li a{ display: block; width: 100%; height: 100%; position: relative; } .appli_content li a .img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .appli_content li a .img img{ width: 100%; height: 100%; object-fit: cover; } .appli_content li a .txt{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; background: rgba(0,0,0,0.3); width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; flex-direction: column; } .appli_content li a .txt h4{ font-size: 1vw; line-height: 30px; } .appli_content li a .txt p{ font-size: 12px; text-transform: uppercase; line-height: 20px; } .appli_content li a .more{ position: absolute; right: 10%; bottom: -20%; color: #fff; font-size: 12px; line-height: 20px; transition: all 0.55s; } .appli_content li a:hover .txt{ background-color: #324d84; background: linear-gradient(-60deg, rgba(50,77,132,0.85) 0, rgba(46,156,211,0.85) 100%); } .appli_content li a:hover .more{ bottom: 5%; } @media (max-width:992px) { .appli_content{ padding: 20px 0; } .appli_content ul{ margin: 20px -1% 0 -1%; } .appli_content li{ float: left; width: 23% !important; margin: 0 1% 10px 1%!important; height: 200px !important; } .appli_content li a .txt h4{ font-size: 14px; } .appli_content li a .more{ display: none; } } @media (max-width:768px) { .appli_content li{ float: left; width: 48% !important; height: 200px !important; } } .case-list .tit-type{ position: relative; margin-bottom: 3vw; } .case-list .tit-type .tit{ color: #454545; font-size: 2vw; } .case-list .tit-type .type{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .case-list .tit-type .type a{ display: inline-block; color: #444444; font-size: 16px; line-height: 30px; margin-left: 2vw; padding-left: 24px; position: relative; } .case-list .tit-type .type a::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 13px; height: 13px; border: 1px solid #d4d4d4; z-index: 1; } .case-list .tit-type .type a:hover::before, .case-list .tit-type .type a.on::before{ border-color: #01499b; color: #fff; line-height: 13px; text-align: center; font-size: 12px; background: url(../images/case-type.png) center center no-repeat #01499b; } .case-list li a{ display: block; width: 100%; height: 16vw; position: relative; margin-bottom: 30px; } .case-list li a .img-name, .case-list li a .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; transition: all 0.55s; } .case-list li a .img-name{ background-color: #fff; } .case-list li a .img-name .img{ height: 10vw; line-height: 10vw; text-align: center; } .case-list li a .img-name .img img{ max-width: 100%; max-height: 100%; vertical-align: middle; } .case-list li a .img-name .name{ text-align: center; color: #333333; font-size: 16px; line-height: 30px; } .case-list li a .txt{ opacity: 0; text-align: center; display: flex; justify-content: center; flex-direction: column; background: url(../images/case-bg.jpg) center center no-repeat; background-size: cover; color: #fff; } .case-list li a .txt .name{ font-size: 1vw; line-height: 2vw; font-weight: bold; margin-bottom: 10px; } .case-list li a .txt .content{ font-size: 16px; line-height: 30px; } .case-list li a:hover .txt{ opacity: 1; } @media (max-width:1799px) { .case-list .tit-type .tit{ text-align: center; line-height: 3vw; } .case-list .tit-type .type{ position: inherit; top: auto; right: auto; margin-top: 20px; transform: none; text-align: center; } } @media (max-width:992px) { .case-list .tit-type .tit{ font-size: 24px; line-height: 30px; } .case-list li a{ height: 200px; } .case-list li a .img-name .img{ height: 120px; line-height: 120px; } .case-list li a .txt .name{ font-size: 20px; line-height: 30px; } } @media (max-width:768px) { .case-list li a .img-name, .case-list li a .txt{ padding: 0 10px; } .case-list li a .txt .content{ font-size: 14px; line-height: 24px; } .case-list li a .txt .name{ font-size: 16px; line-height: 20px; } } .download-list .tit{ color: #454545; font-size: 2vw; margin-bottom: 2vw; } .download-list li{ margin-bottom: 12px; } .download-list li a{ padding: 20px 2vw; display: block; height: 100px; background-color: #fff; border: 1px solid #fff; } .download-list li a .icon{ line-height: 60px; } .download-list li a .icon i{ color: #adadad; font-size: 4vw; } .download-list li a .txt{ line-height: 30px; } .download-list li a .txt .name{ font-size: 20px; } .download-list li a .txt .content{ color: #999999; } .download-list li a .more{ color: #01499b; line-height: 28px; margin-top: 15px; border: 1px solid #01499b; text-align: center; } .download-list li a:hover{ border-color: #01499b; } .download-list li a:hover .more{ background-color: #01499b; color: #fff; } @media (max-width:992px) { .download-list .tit{font-size: 20px;line-height: 30px;margin-bottom: 20px;} .download-list li a .txt .name{font-size: 18px;} } @media (max-width:768px) { .download-list li a .icon i{font-size: 36px;} .download-list li a .more{display: none;} } .iabone { padding:60px 7% 80px; } .iabone dl dt { float:left; font-weight:normal; width:47%; } .iabone dl dd { width:47%; float:right; } .iabone dl dt h2 { font-size:3.4rem; color:#1e1f23; line-height:46px; } .iabone dl dt span { display:block; font-size:1.5rem; color:#4b4d59; line-height:30px; margin:40px 0px; } .iabone dl dd h3 { color:#4b4d59; font-family:Fontthree; font-size:2.4rem; position:relative; padding-left:200px; } .iabone dl dd h3 font { color:#2a54aa; } .iabone dl dd h3:after { content:""; height:2px; width:160px; background:rgba(0,0,0,.1); position:absolute; left:0; top:50%; margin-top:-1px; } .iabone dl dd ul { display:flex; justify-content:space-between; padding:80px 0px 35px; } .iabone dl dd ul li { font-size:1.5rem; color:#4b4d59; line-height:30px; text-align:center; } .iabone dl dd ul li big { display:block; font-size:4.8rem; color:#2a54aa; font-family:Fontfour; } .iabone dl dd ul li big font { font-size:1.6rem; } .iabone dl dd ul li span { display:block; font-size:1.6rem; color:#4b4d59; line-height:30px; margin:15px 0px 0px; } .iabone dl dd section { color:#4b4d59; font-size:1.5rem; line-height:36px; } @media (max-width:1400px) { .iabone { padding:40px 7%; } .iabone dl dt h2 { font-size:2.6rem; line-height:36px; } .iabone dl dt span { font-size:1.4rem; line-height:28px; margin:30px 0px 85px; } .iabone dl dd h3 { font-size:2.0rem; } .iabone dl dd ul { padding:50px 0px 15px; } .iabone dl dd ul li { font-size:1.4rem; } .iabone dl dd ul li big { font-size:3.8rem; } .iabone dl dd ul li big font { font-size:1.4rem; } .iabone dl dd ul li span { font-size:1.4rem; margin:10px 0px 0px; } .iabone dl dd section { font-size:1.4rem; line-height:30px; } }@media (max-width:992px) { .iabone { padding:20px 15px; } .iabone dl dt { width:100%; } .iabone dl dd { width:100%; margin:20px 0px 0px; } .iabone dl dt h2 { font-size:2.0rem; line-height:26px; } .iabone dl dt span { margin:10px 0px; } .iabone dl dd ul li big { font-size:2.8rem; height:30px; } .iabone dl dd section { line-height:26px; } }.iabtwo { padding:0px 7% 60px; } .iabtwo h2 { color:#1e1f23; font-size:3.6rem; line-height:40px; } .iabtwo section { color:#4b4d59; font-size:1.5rem; line-height:34px; margin:20px 0px 0px; } .iabtwo section img { max-width:100%; height:auto; } @media (max-width:1400px) { .iabtwo { padding:0px 7% 60px; } .iabtwo h2 { font-size:2.6rem; line-height:30px; } .iabtwo section { font-size:1.4rem; line-height:30px; margin:10px 0px 0px; } }@media (max-width:992px) { .iabtwo { padding:0px 15px 20px; } .iabtwo h2 { font-size:2.0rem; line-height:30px; } .iabtwo section { font-size:1.4rem; line-height:26px; margin:10px 0px 0px; } }.ihonor { background:url(../images/rybg.jpg) center no-repeat; background-size:cover; padding:70px 7%; } .ititle big { display:block; font-size:4.8rem; line-height:50px; font-family:Fontone; } .ititle span { display:block; color:#8d8d91; font-size:2.0rem; line-height:47px; font-family:Fontone; margin:5px 0px 0px; } @media (max-width:1400px) { .ihonor { padding:50px 7%; } .ititle big { font-size:3.2rem; line-height:40px; } .ititle span { font-size:1.6rem; line-height:40px; } }@media (max-width:992px) { .ihonor { padding:20px 15px; } .ititle big { font-size:2.2rem; line-height:30px; } .ititle span { font-size:1.4rem; line-height:20px; } }.iabtwo embed { width:100%; height:750px; } .zhichi h2 { margin-bottom:40px; } .zhichi>div i { float:left; display:block; width:30%; } .zhichi>div section { width:68%; float:right; } @media (max-width:768px) { .iabtwo embed { width:100%; height:350px; } .zhichi h2 { margin-bottom:20px; } .zhichi>div i { width:100%; } .zhichi>div section { width:100%; } }.ihonor ul { margin-top:40px; margin-right:-15px; margin-left:-15px; padding-bottom:30px; } .ihonor ul li { float:left; width:33.3333333333333333%; padding:0px 15px; margin-bottom:30px; } .ihonor ul li span { display:block; background:#fff; padding:25px; } .ihonor .more { width:55%; text-align:center; background:#fff; line-height:100px; color:#000; font-size:2.4rem; cursor:pointer; transition:.3s; margin:0 auto; } .ihonor .more:hover { background:#053b92; color:#fff; } @media (max-width:1400px) { .ihonor ul li span { padding:10px; } .ihonor .more { line-height:50px; font-size:1.6rem; } }@media (max-width:992px) { .ihonor ul { margin-top:10px; margin-right:-5px; margin-left:-5px; padding-bottom:10px; } .ihonor ul li { width:50%; padding:0px 5px; margin-bottom:10px; } .ihonor ul li span { padding:5px; } .ihonor .more { line-height:40px; font-size:1.4rem; } }.lishi { background:url(../images/lcbg.jpg) center no-repeat; background-size:cover; padding:70px 7% 100px; } .lishi .ititle { color:#fff; margin-bottom:55px; } .lishi .ititle span { color:#fff; } .fazhan { position:relative; padding:0px 6% 130px; } #hist { position:static; } #hist .swiper-slide { background:#fff; min-height:290px; } #hist .swiper-slide section { padding:8% 10% 0px; } #hist .swiper-slide section h3 { font-size:3.1rem; color:#000; font-family:Fontone; } #hist .swiper-slide section span { display:block; color:#7d8491; line-height:46px; font-size:2.2rem; margin:5% 0px 0px; } #hist .swiper-pagination { bottom:30px; top:auto; width:88%; left:6%; background:rgba(255,255,255,.3); height:8px; } @media (max-width:1400px) { #hist .swiper-slide section h3 { font-size:2.0rem; } #hist .swiper-slide section span { line-height:36px; font-size:1.6rem; } }@media (max-width:992px) { #hist .swiper-slide section h3 { font-size:2.0rem; } #hist .swiper-slide section span { line-height:22px; font-size:1.4rem; } #hist .swiper-slide section { padding:20px; } #hist .swiper-slide { min-height:190px; } }.kedu { bottom:0; width:88%; left:6%; position:absolute; } @media (max-width:768px) { .lishi .ititle { margin-bottom:15px; } .lishi { padding:20px 10px; } .fazhan { padding:0px 0 10px; } #hist .swiper-pagination { display:none; } .kedu { display:none; } }.kedu ul li { padding:0px 20px; float:left; width:33.33333333333%; font-size:2.1rem; color:#fff; font-family:Fontthree; line-height:30px; } .kedu ul li:nth-child(2) { text-align:center; } .kedu ul li:last-child { text-align:right; } .kedu dl { margin-bottom:20px; border-left:1px rgba(255,255,255,.8) solid; } .kedu dl dd { float:left; border-right:1px rgba(255,255,255,.8) solid; height:12px; width:2.7777777777777777777%; } #hist .swiper-pagination .swiper-pagination-progressbar-fill { background:#fff; } #hist .swiper-button-prev { background:url(../images/fzjt.png) center no-repeat; width:30px; height:56px; margin-top:-80px; opacity:1; left:0; outline:none; } #hist .swiper-button-next { background:url(../images/fzjt.png) center no-repeat; width:30px; height:56px; margin-top:-80px; opacity:1; transform:rotate(180deg); right:0; outline:none; } @media (max-width:768px) { #hist .swiper-button-prev { margin-top:-28px; } #hist .swiper-button-next { margin-top:-28px; } }.hezuo { padding:90px 7% 50px; background:url(../images/ihzbg.jpg) center no-repeat; background-size:cover; } .hezuo ul { margin:50px 0px 0px; } .hezuo ul li { float:left; width:18.5%; margin-right:1.875%; margin-bottom:30px; background:#fff; } .hezuo ul li:nth-child(5n+0) { margin-right:0; } @media (max-width:992px) { .hezuo { padding:20px 15px; } .hezuo ul { margin:20px 0px 0px; } .hezuo ul li { width:48%; margin-right:4%; margin-bottom:15px; } .hezuo ul li:nth-child(5n+0) { margin-right:4%; } .hezuo ul li:nth-child(2n+0) { margin-right:0; } }.gcheng { padding:80px 0px 30px; } .gctit big { display:block; color:#1d1f23; font-size:3.0rem; line-height:40px; } .gctit section { color:#787982; font-size:1.55rem; line-height:32px; } .gcheng ul { margin:85px 0px 0px; border-bottom:1px rgba(0,0,0,.15) solid; } .gcheng ul li { float:left; width:49%; margin-right:2%; margin-bottom:40px; } .gcheng ul li:nth-child(2n+0) { margin-right:0; } .gcheng ul li span { display:block; position:relative; } .gcheng ul li span:after { content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; background:#013189; transition:.3s; } .gcheng ul li a:hover span:after { opacity:0.75; } .gcheng ul li span section { display:block; position:absolute; width:100%; bottom:15px; padding:0px 25px; line-height:63px; color:#fff; z-index:6; } .gcheng ul li span section big { display:block; position:relative; font-size:1.8rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .gcheng ul li span section big:before { content:""; display:block; width:0%; height:1px; background:#fff; position:absolute; bottom:5px; left:0; transition:.5s; } .gcheng ul li span section big:after { content:""; display:block; border-left:8px #fff solid; border-top:6px transparent solid; border-bottom:6px transparent solid; position:absolute; left:0; bottom:0; transition:.5s; } .gcheng ul li a:hover span section big:before { width:98%; } .gcheng ul li a:hover span section big:after { left:98%; } .gcheng ul li a { display:block; transition:.3s; background:#fff; } .gcheng ul li a small { display:block; line-height:50px; padding:25px; color:#5e6268; font-size:1.55rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .gcheng ul li a:hover { box-shadow:0px 0px 30px rgba(0,0,0,.15); } @media (max-width:992px) { .gcheng { padding:20px 0px; } .gctit big { font-size:2.0rem; line-height:30px; } .gctit section { font-size:1.4rem; line-height:24px; } .gcheng ul { margin:15px 0px 0px; border-bottom:1px rgba(0,0,0,.15) solid; } .gcheng ul li { width:100%; margin-right:0; margin-bottom:20px; } .gcheng ul li:nth-child(2n+0) { margin-right:0; } .gcheng ul li span section { padding:0px 15px; line-height:50px; } .gcheng ul li span section big { font-size:1.5rem; } .gcheng ul li a small { line-height:40px; padding:15px 0; font-size:1.4rem; } }.page-list { padding:30px 0px 10px; } .page_info { font-size:1.7rem; color:#808080; line-height:38px; } .page-list a { display:block; float:left; line-height:38px; padding:0px 15px; font-size:1.7rem; color:#808080; font-family:arial; margin-left:10px; border-radius:3px; transition:.3s; } .page-list a.on,.page-list a:hover { color:#fff; background:#013189; } @media (max-width:992px) { .page-list { padding:15px 0px 5px; } .page_info { font-size:1.4rem; line-height:30px; } .page-list a { line-height:30px; padding:0px 10px; font-size:1.4rem; margin-left:5px; border-radius:2px; } }.nstit big { display:block; font-size:3rem; color:#454545; line-height:3rem; } .nstit span { display:block; color:#999999; font-size:16px; line-height:30px; margin:15px 0px 0px; } @media (max-width:992px) { .nstit big { font-size:24px; line-height:26px; } .nstit span{ font-size: 14px; line-height: 20px; margin-top: 10px; } }.inews { padding:40px 0px 30px; } .inews dl { margin-top:60px; } .inews dl dd { margin-bottom:30px; } .inews dl dd a { display:block; color:#3c4244; padding-bottom:40px; border:1px rgba(0,0,0,.15) solid; transition:.3s; } .inews dl dd a:hover { border:1px #164ca3 solid; } .inews dl dd a img { width:100%; } .inews dl dd a big { display:block; font-size:1.8rem; line-height:30px; padding:25px 0px 20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:Fontthree; margin:0px 15px; } .inews dl dd a span { display:block; background:url(../images/nsjt.png) right center no-repeat; padding-right:40px; line-height:40px; margin:0px 15px; } .inews dl dd a span small { display:block; color:#3c4244; font-size:1.4rem; font-family:Fontthree; } @media (max-width:992px) { .inews { padding:20px 15px; } .inews dl { padding-bottom:0px; margin-top:20px; } .inews dl dd { margin-bottom:15px; } .inews dl dd a { padding-bottom:20px; } .inews dl dd a big { font-size:1.4rem; line-height:20px; padding:10px 0px 0px; margin:0px 10px; } .inews dl dd a span { margin:0px 10px; padding-right:40px; line-height:20px; } .inews dl dd a span small { font-size:1.2rem; } }.inews dl dd a:hover { color:#164ca3; } .inews dl dt { font-weight:normal; } .inews dl dt a { display:block; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; padding:50px 70px; height:396px; position:relative; } .inews dl dt a:before { content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:#023d9b; opacity:.9; } .inews dl dt a small { display:block; font-size:1.6rem; line-height:28px; font-family:Fontthree; position:relative; z-index:3; } .inews dl dt a big { display:block; font-size:2.8rem; line-height:33px; max-height:149px; overflow:hidden; padding:20px 0px 30px; position:relative; z-index:3; } .inews dl dt a span { display:block; position:relative; z-index:3; } .inews dl dt a span:after { content:""; display:block; clear:both; } .inews dl dt a span p { font-size:1.6rem; font-family:Fontone; float:left; line-height:70px; margin-left:15px; } .inews dl dt a span i { display:block; width:70px; height:70px; border:1px #fff dashed; border-radius:50%; float:left; padding:10px; position:relative; } .inews dl dt a span i:after { content:""; display:block; border:1px #fff solid; border-radius:50%; height:100%; } .inews dl dt a span i:before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#fff; position:absolute; top:50%; left:50%; margin-top:-5px; margin-left:-5px; } @media (max-width:992px) { .inews dl dt { margin-bottom:15px; } .inews dl dt a { padding:20px; height:auto; } .inews dl dt a small { font-size:1.4rem; line-height:20px; } .inews dl dt a big { font-size:1.6rem; line-height:23px; padding:5px 0px 10px; } .inews dl dt a span { padding:20px 0px 0px; } .inews dl dt a span p { font-size:1.4rem; line-height:50px; } .inews dl dt a span i { width:50px; height:50px; } }.icontact { margin:50px 0px 0px; } .icontact .icolet { float:left; width:50%; background:#316ac1; overflow:hidden; } .icontact .icorit { float:right; width:50%; border:1px rgba(0,0,0,.2) solid; border-left:0; } .icontact .icolet section { padding:40px; color:#fff; position:relative; } .icontact .icolet big img { width:100%; } .icontact .icolet section h2 { font-size:3.0rem; line-height:40px; } .icontact .icolet section h3 { font-size:2.0rem; padding:15px 0px 20px; line-height:30px; border-bottom:1px rgba(255,255,255,.5) solid; } .icontact .icolet section>span { display:block; font-size:1.6rem; margin:20px 10px 0px; line-height:40px; } .icontact .icolet section span table tr td:first-child { display:flex; padding:11px 10px 0px 0px; } @media (max-width:1400px) { .icontact .icolet section { padding:25px; } .icontact .icolet section h2 { font-size:2.0rem; line-height:30px; } .icontact .icolet section>i { max-width:100px; right:25px; bottom:25px; } .icontact .icolet section>i img { max-width:100%; } .icontact .icolet section h3 { font-size:1.6rem; padding:10px 0px 20px; } .icontact .icolet section>span { font-size:1.4rem; margin:15px 0px 0px; line-height:30px; } }@media (max-width:992px) { .icontact .icolet { width:100%; } .icontact .icorit { width:100%; margin:15px 0px 0px; border:1px rgba(0,0,0,.2) solid; } .icontact .icolet section { padding:15px; } .icontact .icolet section h2 { font-size:1.6rem; } .icontact .icolet section h3 { font-size:1.4rem; padding:0px 0px 10px; } .icontact .icolet section>i { max-width:60px; right:15px; bottom:15px; } }.icorit form { padding:40px; } .icorit form h2 { color:#333333; font-size:2.2rem; line-height:34px; } .icorit form h3 { font-size:3.2rem; color:#333333; line-height:70px; margin:0px 0px 7%; } .icorit form span { display:block; margin-bottom:20px; padding:10px 15px; border:1px rgba(0,0,0,.2) solid; } .icorit form span p { line-height:40px; font-size:1.8rem; color:#3f3f3f; float:left; position:relative; } .icorit form span:after { content:""; display:block; clear:both; } .icorit form span p:after { content:"*"; color:#f00; margin:0px 0px 0px 8px; } .icorit form span.span p:after { display:none; } .icorit form span input { width:calc(100% - 60px); float:right; border:0; line-height:20px; outline:none; padding:10px 0px; } .icorit form span textarea { width:100%; border:0; line-height:20px; outline:none; padding:10px 0px; resize:none; } .icorit form section:after { content:""; display:block; clear:both; } .icorit form section span:first-child { float:left; width:48%; } .icorit form section span:last-child { float:right; width:48%; } .icorit form button { width:100%; color:#fff; background:#316ac1; font-size:1.7rem; border:0; line-height:70px; margin:5% 0px 0px; transition:.3s; } .icorit form button:hover { background:#f68603; } @media (max-width:1400px) { .icorit form { padding:25px; } .icorit form h2 { font-size:1.8rem; line-height:30px; } .icorit form h3 { font-size:2.2rem; line-height:51px; margin:0px 0px 15px; } .icorit form span { margin-bottom:10px; } .icorit form span p { font-size:1.4rem; } .icorit form span input { padding:0px 0px 10px; } .icorit form span textarea { max-height:200px; } .icorit form button { width:100%; font-size:1.4rem; line-height:50px; margin:15px 0px 0px; } }@media (max-width:992px) { .icorit form { padding:15px; } .icorit form h2 { font-size:1.6rem; } .icorit form h3 { font-size:1.8rem; line-height:41px; margin:0px 0px 10px; } .icorit form span textarea { max-height:100px; } }.map { padding:0px; margin:70px 0px 0px; } .map img { max-width:100%; } @media (max-width:992px) { .map { border:3px #fff solid; padding:5px; margin:20px 0px 0px; } }.tanchu { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7); z-index:9999; display:none; } .tanchu .tanchuct { max-width:70%; overflow:hidden; margin:0 auto; top:10%; display:flex; justify-content:center; align-items:center; height:80%; position:relative; padding:18px; } .tanchu .tanchuct i { position:absolute; right:0; top:0; width:36px; height:36px; background:url(../images/btn-close.png) 0 no-repeat; cursor:pointer; z-index:9999999; } .tanchu .tanchuct section { width:100%; height:100%; background:#000; position:relative; } .ipage { margin:40px 0px; color:#545459; font-size:1.6rem; line-height:34px; } .ipage img { max-width:100%; height:auto; } @media (max-width:1400px) { .ipage { font-size:1.45rem; } }@media (max-width:992px) { .ipage { margin:20px 0px; font-size:1.4rem; line-height:26px; } .tanchu .tanchuct { max-width:90%; } }.picshade { position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.91; filter:alpha(opacity=91); z-index:99999; display:none; } .pictures_eyes_close { position:fixed; top:30px; right:30px; display:inline-block; width:26px; height:26px; background:url(../images/close.png) no-repeat; z-index:100000; display:none; } .pictures_eyes { position:fixed; width:100%; left:0; top:0; z-index:199999; display:none; } .pictures_eyes_in { position:relative; text-align:center; } .pictures_eyes_in img { max-height:500px; } @media (max-width:992px) { .pictures_eyes_in img { max-width:80%; } }.pictures_eyes_in .prev1,.pictures_eyes_in .next1 { position:absolute; top:50%; width:51px; height:51px; cursor:pointer; } .pictures_eyes_in .prev1 { left:35px; background:url(../images/tleft.png) no-repeat; } .pictures_eyes_in .next1 { right:35px; background:url(../images/tright.png) no-repeat; } .pictures_eyes_in section p { font-size:1.6rem; line-height:30px; font-weight:bold; color:#fff; padding:0px 0px 20px; } .pictures_eyes_indicators { position:fixed; left:0; bottom:15px; width:100%; text-align:center; z-index:299999; } .pictures_eyes_indicators a { display:inline-block; width:50px; height:50px; margin:6px 3px 0 3px; border:1px solid #ddd; border-radius:10px; box-shadow:0 0 2px #000; filter:alpha(opacity=50); opacity:0.5; overflow:hidden; } .pictures_eyes_indicators img { height:50px; } .pictures_eyes_indicators .current { filter:alpha(opacity=100); opacity:1; } .zwcont { width:60%; left:20%; top:50%; margin-top:-378px; position:relative; } .zwcont iframe { height:756px; background:transparent; width:100%; } .tmbody { background:transparent; } .zwcont .closets { position:absolute; height:90px; right:15px; top:0; cursor:pointer; width:40px; background:url(../images/gbtou.png) center no-repeat; } .sqxx { width:100%; background:#fff; } .sqxx h2 { text-align:center; font-size:20px; color:#000; line-height:90px; } .sqxx h2 big { font-size:20px; } .sqxx .form { background:#f6f6f6; padding:30px 7% 25px; } .sqxx .form div { float:left; width:47%; margin-right:6%; margin-bottom:25px; } .sqxx .form div:nth-child(2n+0) { margin-right:0; } .sqxx .form div p { float:left; width:88px; color:#636366; line-height:42px; } .sqxx .form div p:before { content:"* "; color:#f00; } .sqxx .form div input { width:calc(100% - 88px); background:#fff; border:1px rgba(0,0,0,.1) solid; line-height:22px; outline:none; padding:9px 10px; } .sqxx .form div.captcha{ position: relative; } .sqxx .form div.captcha img{ position: absolute; top: 0; right: 0; height: 42px; } @media (max-width:992px) { .sqxx .form div.captcha img{ height: 34px; } } .sqxx .form div select { width:calc(100% - 88px); border:1px rgba(0,0,0,.1) solid; background:#fff; height:42px; outline:none; padding:0px 10px; } .sqxx .form div:last-child { width:100%; } .sqxx .form div textarea { width:calc(100% - 88px); background:#fff; border:1px rgba(0,0,0,.1) solid; line-height:22px; outline:none; padding:9px 10px; resize:none; } .sqxx form #submit { display:block; margin:30px auto 0px; background:#2a54a8; width:100%; max-width:230px; color:#fff; height:44px; outline:none; font-size:18px; transition:.3s; border:0; } .zwcont form button:hover { background:#333; } @media (max-width:768px) { .sqxx h2 { font-size:1rem; line-height:40px; } .sqxx h2 big { font-size:1rem; } .sqxx .form div p { line-height:34px; } .sqxx .form div { width:100%; margin-right:0; margin-bottom:10px; } .sqxx .form div input { padding:5px 10px; } .sqxx .form div select { height:34px; } .sqxx .form div textarea { padding:4px 10px; } .sqxx form button { margin:15px auto 0px; height:38px; font-size:1.4rem; } }.sqcg { background:#fff; text-align:center; padding:88px 0px; } .sqcg i { display:block; } .sqcg big { display:block; font-size:2.0rem; line-height:40px; margin:20px 0px 0px; } .sqcg span { display:block; font-size:1.5rem; color:#616166; line-height:40px; } .ijoind { margin:20px 0px; } .lyone { background:url(../images/lnbg.jpg) center no-repeat; background-size:cover; color:#fff; padding:90px 65px; } .lyone h1 { font-size:2.4rem; line-height:30px; } .lyone section { font-size:1.5rem; margin:30px 0px 0px; line-height:26px; max-width:800px; } @media (max-width:768px) { .lyone { padding:25px; } .lyone h1 { font-size:2.0rem; line-height:30px; } .lyone section { font-size:1.4rem; margin:20px 0px 0px; line-height:24px; } }.iytwo { margin:60px 0px 0px; } .iytwo ul li { text-align:center; } .iytwo ul li i { display:block; } .iytwo ul li big { display:block; font-size:1.8rem; color:#000; margin:15px 0px; line-height:24px; } .iytwo ul li section { color:#7a7a7c; line-height:24px; } @media (max-width:992px) { .iytwo ul li { margin-bottom:15px; } .iytwo { margin:20px 0px 0px; } }.lysan { margin:55px 0px 0px; background:url(../images/lybg2.png) center no-repeat; background-size:cover; padding:110px 10%; } .lysan h1 { font-size:3.0rem; line-height:60px; } .lysan h1:after { content:""; display:block; width:20px; height:3px; background:#333; margin:20px 0px 25px; } .lysan section { font-size:1.6rem; line-height:35px; color:#464649; } @media (max-width:992px) { .lysan { margin:15px 0px 0px; padding:40px 20px; } .lysan h1 { font-size:2.0rem; line-height:40px; } .lysan h1:after { height:2px; margin:10px 0px 15px; } .lysan section { font-size:1.4rem; line-height:25px; } }.inewsd { margin:50px 0px; } .incont .insct { line-height:30px; color:#666; font-size:1.5rem; } .incont .insct img { max-width:100%; height:auto; } .incont .instt { text-align:center; font-size:1.8rem; line-height:30px; padding:0px 0 20px; font-weight:bold; } .incont .insxx { border-bottom:1px rgba(0,0,0,.15) solid; display:flex; justify-content:center; margin-bottom:15px; } .incont .insxx span { line-height:26px; color:#999; margin:0px 4%; font-size:1.3rem; } @media (max-width:992px) { .inewsd { margin:20px 0px; } .incont .insct { line-height:26px; font-size:1.4rem; } .incont .instt { font-size:1.5rem; line-height:20px; padding:0px 0 10px; } .incont .insxx { display:none; } }.fanye { margin:20px 0px 0px; border-top:1px rgba(0,0,0,.15) solid; padding:10px 0px 0px; } .fanye a,.fanye span { line-height:35px; float:left; max-width:50%; display:block; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .fanye a:last-child,.fanye span:last-child { float:right; } .fanye a:hover { color:#f00; } .igceng { padding:50px 0px; margin:0px -40px; } .igceng section { font-size:1.6rem; line-height:36px; color:#666; margin:10px 0px; } #igceng .swiper-slide img { width:100%; } #igceng .swiper-slide big { display:block; margin:105px 0px 0px; font-size:1.8rem; line-height:24px; color:#333333; height:48px; text-align:center; } #igceng .swiper-pagination { bottom:85px; } #igceng .swiper-pagination span { height:6px; width:70px; border-radius:0px; background:rgba(0,0,0,.6); } #igceng .swiper-pagination span.swiper-pagination-bullet-active { background:#1d6fd5; } #igceng .swiper-button-prev { width:45px; height:28px; margin-top:0; top:auto; bottom:80px; left:0; background:url(../images/hnjt.png) 0 0 no-repeat; } #igceng .swiper-button-next { width:45px; height:28px; margin-top:0; top:auto; bottom:80px; right:0; background:url(../images/hnjt.png) 0 0 no-repeat; transform:rotateY(180deg); } .iwenhua { padding:45px 0px 0px; } .whtitle { text-align:center; } .whtitle big { display:block; color:#404444; font-size:3.0rem; font-family:Fontone; } .whtitle span { display:block; font-size:1.6rem; color:#7c7c89; line-height:30px; } @media (max-width:992px) { .whtitle big { font-size:2.0rem; } .whtitle span { font-size:1.4rem; } }.iwenhua ul { margin-top:25px; } .iwenhua ul li { margin-bottom:30px; } .iwenhua ul li section { position:relative; } .iwenhua ul li section .iwhtext { position:absolute; width:100%; height:100%; top:0; text-align:center; border:7px transparent solid; left:0; color:#fff; display:flex; flex-wrap:wrap; align-items:center; transition:.3s; } .iwenhua ul li section:hover .iwhtext { border:7px #0d82fa solid; align-content:center; } .iwenhua ul li section .iwhtext big { display:block; font-size:2.2rem; line-height:30px; width:100%; } .iwenhua ul li section .iwhtext small { display:none; font-size:1.2rem; font-family:Avenir,arial; line-height:20px; width:100%; } .iwenhua ul li section .iwhtext span { display:none; font-size:1.6rem; margin:20px 0px 0px; line-height:28px; width:100%; } .iwenhua ul li section:hover .iwhtext small,.iwenhua ul li section:hover .iwhtext span { display:block; } @media (max-width:992px) { .iwenhua { padding:20px 0px 0px; } .iwenhua ul { margin:15px -5px 0; } .iwenhua ul li { margin-bottom:10px; padding:0 5px; } .iwenhua ul li section .iwhtext big { font-size:1.6rem; } .iwenhua ul li section .iwhtext span { font-size:1.4rem; margin:5px 0px 0px; line-height:20px; } .iwenhua ul li section .iwhtext { align-content:center; } .iwenhua ul li section .iwhtext small,.iwenhua ul li section .iwhtext span { display:block; } }.whuodong { padding:40px 0px 30px; background:url(../images/whbg.jpg) center no-repeat; background-size:cover; } .whuodong dl { display:flex; margin:45px 0px 0px; } .whuodong dl dt { margin-right:5px; } @media (max-width:992px) { .whuodong { padding:20px 0px; } .whuodong dl { flex-wrap:wrap; margin:15px 0px 0px; } .whuodong dl dt { margin-right:0px; margin-bottom:5px; } }.foot { position:fixed; width:100%; bottom:0; left:0; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.15); z-index:998; display:none; } .menu ul li:last-child { display:none; } @media (max-width:768px) { .foot { display:block; } .menu ul li:last-child { display:block; } }.bottomm ul li { float:left; width:25%; } .bottomm ul li a { display:block; text-align:center; color:#9397a4; padding:5px 0px; font-size:1.3rem; border-right:1px rgba(0,0,0,.1) solid; } .bottomm ul li:last-child a { border-right:0; } .bottomm ul li a i { display:block; padding:5px 0; font-size:0; } .bottomm ul li a i img { height:20px; } /* 闆嗗洟鏋舵瀯 */ .about_content .group{ padding: 5vw; } .about_content .group .z_index_tit .en, .about_content .group .z_index_tit h3{ color: #fff; } .about_content .group .swiper-slide{ float: left; width: 23%; margin: 0 1%; } @media (max-width:992px) { .about_content .group{ padding: 20px; } .about_content .group .swiper-slide{ width: 31.33%; margin: 0 1%; } } @media (max-width:769px) { .about_content .group .swiper-slide{ width: 48%; margin: 0 1%; } } /* 鑱旂郴鎴戜滑鍐呴〉 */ .contact_content{ margin-top: 50px; } .contact_content .tit{ background-color: #f0f0f0; padding: 20px 40px; overflow: hidden; } .contact_content .tit img{ float: left; margin-right: 30px; } .contact_content .tit article{ display: block; } .contact_content .tit article h3{ margin: 20px 0; font-size: 30px; } .contact_content .tit article p{ font-size: 16px; line-height: 24px; } .contact_content .contact{ margin: 30px 0; overflow: hidden; } .contact_content .contact .txt{ float: left; width: 50%; padding: 20px 40px; border: 1px solid #e5e5e5; box-sizing: border-box; } .contact_content .contact .txt li{ margin-bottom: 20px; padding-left: 64px; line-height: 40px; background-position: left center; background-repeat: no-repeat; } .contact_content .contact .txt li:last-child{ margin-bottom: 0; } .contact_content .contact .txt li.tel{ background-image: url(../images/icon32.png); } .contact_content .contact .txt li.email{ background-image: url(../images/icon33.png); } .contact_content .contact .txt li.address{ width: 100%; background-image: url(../images/icon34.png); } .contact_content .contact .txt li h3, .contact_content .contact .txt li a{ display: block; font-size: 18px; } .contact_content .contact .txt li p{ font-size: 14px; color: #666; } .contact_content .contact .wechat{ float: right; width: 46%; padding: 23px 40px; border: 1px solid #e5e5e5; line-height: 1; color: #333; box-sizing: border-box; } .contact_content .contact .wechat .img{ float: left; margin-right: 30px; width: 160px; height: 160px; line-height: 160px; text-align: center; font-size: 0; } .contact_content .contact .wechat .img img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .contact_content .contact .wechat h3{ font-size: 20px; margin: 15px 0; } .contact_content .contact .wechat p{ font-size: 14px; } .contact_content .contact .wechat i{ width: 36px; display: inline-block; height: 36px; background-image: url(../images/icon35.png); background-position: center; background-repeat: no-repeat; margin-top: 15px; } .contact_content .contact3{ height: 600px; width: 100%; position: relative; margin-bottom: 30px; } .contact_content .contact3 #allmap{ width: 100%; height: 100%; } .contact_content .contact3 #allmap .BMap_Marker img{ max-width: none; } @media (max-width:992px) { .contact_content .tit article h3{ font-size: 24px; } .contact_content .contact .txt, .contact_content .contact .wechat{ width: 100%; } .contact_content .contact .wechat{ border-top: none; } .contact_content .contact3{ height: 500px; } } @media (max-width:769px) { .contact_content{ margin-top: 20px; } .contact_content .tit{ padding: 20px; margin-bottom: 20px; } .contact_content .tit img{ display: none; } .contact_content .tit article h3{ font-size: 20px; margin: 0 0 10px 0; } .contact_content .tit article p{ font-size: 14px; line-height: 20px; } .contact_content .contact .txt, .contact_content .contact .wechat{ padding: 20px 10px; } .contact_content .contact .txt li{ padding-left: 40px; line-height: 30px; background-size: 30px 28px; } .contact_content .contact .txt li h3, .contact_content .contact .txt li a{ font-size: 16px; margin-bottom: 5px; } .contact_content .contact .wechat .img{ float: none; margin-right: 0; } .contact_content .contact .wechat h3{ font-size: 16px; margin: 10px 0; } .contact_content .contact .wechat i{ display: none; } .contact_content .contact3{ height: 400px; } } /* 鍏徃璧勮川 */ .honor_content{ padding: 80px 0; } .honor_content .name{ text-align: center; color: #01499b; line-height: 1; font-size: 30px; font-weight: 700; margin-bottom: 30px; } .honor_content .tips{ text-align: center; font-size: 20px; line-height: 30px; margin-bottom: 80px; } .honor_content ul{ display: flex; align-items: center; flex-wrap: wrap; } .honor_content li{ width: 33.33%; margin-bottom: 30px; box-sizing: border-box; position: relative; } .honor_content li::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 2px; height: 90%; background-color: #eee; display: none; } .honor_content li:nth-child(4n):before, .honor_content li:last-child:before{ display: none; } .honor_content li a{ display: block; } .honor_content li .img{ width: 60%; height: 120px; line-height: 120px; text-align: center; font-size: 0; margin: 0 auto; overflow: hidden; } .honor_content li .img img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; transition: ease .65s; } .honor_content li .tit{ text-align: center; font-size: 16px; line-height: 24px; margin-top: 20px; padding: 0 20px; } .honor_content li a:hover .img img{ transform: scale(1.1); } .honor_content li a:hover .tit{ text-decoration: underline; color: #01499b; } @media (max-width:992px) { .honor_content{ padding: 40px 0; } .honor_content .name{ font-size: 24px; margin-bottom: 20px; } .honor_content .tips{ font-size: 16px; line-height: 24px; margin-bottom: 30px; } .honor_content li{ width: 50%; } .honor_content li:nth-child(3n):before{ display: none; } .honor_content li:nth-child(4n):before{ display: none; } .honor_content li .img{ height: 100px; line-height: 100px; } } @media (max-width:769px) { .honor_content{ padding: 20px 0; } .honor_content .name{ font-size: 20px; margin-bottom: 10px; } .honor_content .tips{ font-size: 14px; line-height: 20px; margin-bottom: 20px; } .honor_content li .img{ width: 80%; height: 60px; line-height: 60px; } .honor_content li .tit{ margin-top: 10px; font-size: 14px; line-height: 20px; } } .honorlist_content{ padding-bottom: 80px; } .honorlist_content .name{ text-align: center; color: #000; font-size: 48px; font-weight: normal; margin-bottom: 40px; } .honorlist_content ul{ margin: 0 -1%; display: flex; align-items: center; flex-wrap: wrap; } .honorlist_content ul li{ width: 23%; margin: 0 1%; } .honorlist_content ul li a{ display: block; width: 100%; height: 100%; } .honorlist_content ul li a .img{ height: 300px; line-height: 300px; text-align: center; font-size: 0; border: 1px solid #eee; background-color: #fff; overflow: hidden; position: relative; } .honorlist_content ul li a .img img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; transition: ease .65s; } .honorlist_content ul li a .img i{ transition: all 0.3s; z-index: 66; text-align: center; color:rgba(255,255,255,0.75); width: 80px; height: 80px; line-height: 71px; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; } .honorlist_content ul li a .img i.iconfont{ font-size: 40px; } .honorlist_content ul li a .tit{ text-align: center; font-size: 16px; line-height: 24px; padding: 13px 20px; } .honorlist_content ul li a:hover .img img{ transform: scale(1.1); } .honorlist_content ul li a:hover .img:before{ position: absolute; content: " "; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); z-index: 11; } .honorlist_content ul li a:hover .img i{ color: rgba(255,255,255,1); transform:rotate(30deg); } @media (max-width:992px) { .honorlist_content{ padding-bottom: 40px; } .honorlist_content .name{ font-size: 28px; margin-bottom: 20px; } .honorlist_content ul li{ width: 31.33%; } .honorlist_content ul li a .img{ height: 240px; line-height: 240px; } } @media (max-width:769px) { .honorlist_content{ padding-bottom: 20px; } .honorlist_content ul li{ width: 48%; } .honorlist_content ul li a .img{ height: 200px; line-height: 200px; } .honorlist_content ul li a .tit{ font-size: 14px; padding: 10px; } }