@charset "utf-8"; /* 鍒濆鍖朇SS */ * { margin: 0; padding: 0; box-sizing:border-box; color: #666666; } html,body { margin: 0; padding: 0; line-height: initial; font-family:"寰蒋闆呴粦"; font-size: 14px; background: #fff; } input{ padding-top:0; padding-bottom:0; } input::-moz-focus-inner { border:none;padding:0; } select, input{ vertical-align:middle; } button{ outline: none; border: 1px solid transparent; } select, input, textarea{ font-size:14px; margin:0; } input[type="text"], input[type="password"], textarea{ outline-style:none; -webkit-appearance:none; } textarea{ resize:none; } img{ width: 100%; height: 100%; border: none; } ul,li{ list-style-type: none; margin: 0; padding: 0; } i{ font-style: normal; } a:-webkit-any-link { text-decoration: none; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .clear{clear: both;} .clearfix:after{ 銆€銆€content:"";//璁剧疆鍐呭涓虹┖ 銆€銆€height:0;//楂樺害涓? 銆€銆€line-height:0;//琛岄珮涓? 銆€銆€display:block;//灏嗘枃鏈浆涓哄潡绾у厓绱 銆€銆€visibility:hidden;//灏嗗厓绱犻殣钘 銆€銆€clear:both;//娓呴櫎娴姩 } .head-box{ min-width: 1200px; display: flex; background: #fff; height: 120px; justify-content: space-between; padding: 0 200px; } @media screen and (min-width:1340px) and (max-width:1500px){ .head-box{ padding: 0 20px; } } @media screen and (min-width:10px) and (max-width:1340px){ .head-box{ padding: 0 20px; } } .head-box .logo-box{ height: 120px; float: left; } .head-box .logo-box .logo{ height: 120px; position: relative; float: left; line-height: 120px; } .head-box .logo-box .logo img{ width: 78px; height: 70px;vertical-align: middle; } .head-box .logo-box .logo:first-child{ margin-right: 35px; } .head-box .logo-box .logo:first-child::after{ content: ""; width: 1px; height: 24px; background: #9ab1bf; position: absolute; top: 50%; margin-top: -12px; right: -17px; } .head-box .head-r{ float: right; } .head-box .head-r .tab-box{ padding-top: 20px; height: 58px; } .head-box .head-r .tab-box .tab-item{ margin-left: 24px; font-size: 14px; } .head-box .head-r .tab-box .tab-item a{ color: #949494; } .head-box .head-r .tab-box .icon-box{ width: 24px; height: 24px; margin-right: 20px; display: flex; align-items: center; justify-content: center; } .head-box .head-r .tab-box .icon-box.sel{ background: #003357; } .head-box .head-r .tab-box .icon-search{ font-size: 14px; color: #003357; } .head-box .head-r .tab-box .icon-box.sel .icon-search{ color: #fff; } .head-box .head-r .tab-box input { width: 120px; height: 28px; border: 1px solid #003357; padding-left: 10px; font-size: 12px; color: #333; float: right; } .head-box .head-r .tab-box .btn{ width: 42px; height: 28px; text-align: center; line-height: 28px; color: #fff; font-size: 12px; background: #003357; float: right; } .head-box .head-r .tab-box .language{ margin-left: 36px; position: relative; margin-right: 10px; } .head-box .head-r .tab-box .language::after{ content: ""; width: 1px; height: 14px; background: #d4d4d4; position: absolute; top: 50%; margin-top: -7px; left: -20px; } .head-box .head-r .tab-box .language a{ font-size: 14px; color: #c6c7c7; margin: 0 3px; } .head-box .head-r .tab-box .language a.sel{ color: #949494; } .head-box .head-r .nav{ height: 62px; display: flex; align-items: center; } .head-box .head-r .nav .nav-item{ padding: 0 20px; position: relative; height: 62px; line-height: 54px; float: left; } .head-box .head-r .nav .nav-item.sel::after{ content: ""; } .head-box .head-r .nav .nav-item::after{ width: 54px; height: 3px; background: #033566; position: absolute; bottom: 15px; left: 50%; margin-left: -27px; } .head-box .head-r .nav .nav-item a{ font-size: 16px; color: #033566; font-weight: bold; font-family:"榛戜綋"!important; } .head-box .head-r .nav .nav-item:hover .menu{ display: block; } .head-box .head-r .nav .nav-item .menu{ display: none; width: 180px; position: absolute; top: 62px; left: 50%; margin-left: -90px; z-index: 999; background: #fff; box-shadow: 0px 0px 10px 1px #e1e7ed; padding-top: 10px; } .head-box .head-r .nav .nav-item .menu::after{ content: ""; width: 16px; height: 8px; position: absolute; top: -8px; left: 50%; margin-left: -8px; background: url(../img/head-1.png) no-repeat; background-size: 100% 100%; } .head-box .head-r .nav .nav-item .menu .menu-item{ text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #454545; margin-bottom: 10px; font-weight: bold; font-family:"榛戜綋"!important; } .head-box .head-r .nav .nav-item .menu .menu-item.sel{ background: #4e7194; color: #fff; } .head-box .head-r .nav .nav-item .menu .menu-item.sel a{ color: #fff; } .head-box .head-r .nav .nav-item .menu .menu-item:hover{ background: #4e7194; color: #fff; } .head-box .head-r .nav .nav-item .menu .menu-item:hover a{ color: #fff; } .foot{ height: 88px; background: #01395e; text-align: center; padding-top: 30px; } .foot span{ min-width: 1200px; color: #fff; font-size: 14px; margin-right: 10px; } /* 棣栭〉 */ .index .swiper-container{width: 100%; height: 400px; min-width: 1200px;} .index .pagination{ position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; } .index .swiper-pagination-switch { display: inline-block; width: 40px; height: 6px; border-radius: 50px; margin: 0 5px; background: #d0dadc; cursor: pointer; } .index .swiper-active-switch { background: #124b71; } .index .swiper-container-horizontal>.swiper-pagination-bullets, .index .swiper-pagination-custom, .index .swiper-pagination-fraction{bottom: 25px;} .index .swiper-container img{ width: 1920px; height: 400px; margin: 0 auto; display: block; } .index .news{ background: #fff; padding-bottom: 40px; } .index .news .title{ width: 1200px; height: 90px; margin: 0 auto; } .index .news .title p{ line-height: 90px; display: flex; align-items: flex-end; font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; float: left; } .index .news .title p span{ font-size: 18px; color: #949494; margin-left: 15px; font-weight: initial; } .index .news .title .news-head{ display: flex; align-items: center; float: right; position: relative; top: 50%; margin-top: -17.5px; } .index .news .title .news-head .item{ height: 35px; line-height: 35px; font-size: 16px; color: #afafaf; text-align: center; padding: 0 20px; font-weight: bold; font-family:"榛戜綋"!important; margin-left: 10px; cursor: pointer; float: left; } .index .news .title .news-head .item:hover{ background: #033566; color: #fff; } .index .news .title .news-head .item.sel{ background: #033566; color: #fff; } .index .news .news-main{ width: 1200px; margin: 0 auto; position: relative; } .index .news .news-main .news-swiper{ width: 480px; height: 380px; background: #f8f8f8; position: absolute; top: 0; left: 0; } .index .news .news-main .box{width: 400px;height: 300px;overflow: hidden;position: relative; margin: 0 auto; position: relative; top: 50%; margin-top: -150px;} .index .news .news-main .box-1 ul li{width: 400px;height: 300px;position: relative;overflow: hidden;} .index .news .news-main .box-1 ul li img{display:block;width: 400px; height: 300px;} .index .news .news-main .box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:400px;background: rgba(1,57,94,.8);text-indent: 18px; font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;font-weight: normal;color: ghostwhite;padding-right: 170px;} .index .news .news-main .box-2{position: absolute;right: 10px;bottom: 14px;} .index .news .news-main .box-2 ul li{float:left;width: 6px;height: 6px;overflow: hidden; margin: 0 5px; border-radius: 50%; background: #f6f6f6;text-indent: 100px;cursor: pointer;} .index .news .news-main .box-2 ul .on{background: #c01825;} .index .news .news-main .news-box{ margin-right: 30px; padding-top: 30px; float: right; } .index .news .news-main .news-box .main .more{ text-align: center; font-size: 12px; float: right; color: #002469; margin-top: -30px; cursor: pointer; } .index .news .news-main .news-box .main ul li{ width: 650px; display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f4f4f4; } .index .news .news-main .news-box .main ul li .text-box{ width: 520px; float: left; } .index .news .news-main .news-box .main ul li .time-box{ float: right; } .index .news .news-main .news-box .main ul li .text-box .head{ font-size: 16px; color: #454545; font-weight: bold; font-family:"榛戜綋"!important; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left: 20px; } .index .news .news-main .news-box .main ul li .text-box .head::after{ position: absolute; top: 50%; margin-top: -2.5px; left: 6px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #002469; } .index .news .news-main .news-box .main ul li .text-box .text{ font-size: 14px; color: #8d8d8d; line-height: 24px; margin-top: 20px; padding-left: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; } .index .news .news-main .news-box .main ul li .time-box .time{ font-size: 16px; color: #bdbdbd; font-weight: bold; font-family:"榛戜綋"!important; } .index .news .news-main .news-box .main ul li .time-box .icon{ width: 20px; height: 14px; margin-top: 50px; } .index .news .news-main .news-box .main ul li:first-child{ padding-top: 0; } .index .news .news-main .news-box .main ul li:last-child{ border: none; } .index .news .news-main .news-box .main ul li:hover .head a{ color: #033566; } .index .news .news-main .news-box .main ul li:hover .text-box .text a{ color: #033566; } .index .about{ min-width: 1200px; background: #f5f5f5; padding-top: 30px; position: relative; padding-bottom: 20px; } .index .about .title{ text-align: center; } .index .about .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .index .about .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .index .about .about-box{ width: 1200px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; } .index .about .about-box .text-box{ width: 741px; float: left; } .index .about .about-box .text-box .head{ font-size: 24px; color: #454545; line-height: 80px; font-weight: bold; font-family:"榛戜綋"!important; } .index .about .about-box .text-box .text{ font-size: 14px; color: #717171; line-height: 26px; } .index .about .about-box .text-box .more{ width: 150px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #8d8d8d; border: 1px solid #e2e2e2; background: #fff; margin-top: 20px; text-align: center; line-height: 30px; } .index .about .about-box .text-box .more .iconfont{ color: #a5a5a5; margin-left: 10px; font-size: 12px; } .index .about .about-box .img-box{ float: right; width: 385px; height: 250px; text-align: center; background: #fff; box-shadow: 0px 0px 10px 5px #e1e7ed; } .index .about .about-box .img-box img{ width: 373px; height: 238px; position: relative; top: 50%; margin-top: -119px; } .index .about .info{ width: 1200px; height: 196px; position: absolute; left: 50%; margin-left: -600px; bottom: -100px; background: #fff; box-shadow: 0px 0px 10px 1px #e1e7ed; display: flex; align-items: center; justify-content: space-between; } .index .about .info .item{ width: 25%; text-align: center; } .index .about .info .item .head{ line-height: 45px; font-size: 45px; color: #454545; font-weight: bold; font-family:"榛戜綋"!important; display: flex; align-items: flex-end; justify-content: center; position: relative; } .index .about .info .item .head span{ font-size: 24px; color: #454545; line-height: 36px; } .index .about .info .item .word{ font-size: 32px; } .index .about .info .item .head label{ font-size: 30px; color: #454545; font-weight: initial; line-height: 30px; position: absolute; top: 0; right: 105px; } .index .about .info .item .text{ font-size: 16px; color: #afafaf; margin-top: 15px; font-weight: bold; font-family:"榛戜綋"!important; } .index .product{ background: #fff; padding-top: 40px; padding-bottom: 40px; } .index .product .title{ text-align: center; } .index .product .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .index .product .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .index .product .list{ width: 980px; margin: 0 auto; margin-top: 40px; } .index .product .list .item{ width: 280px; height: 320px; box-shadow: 0px 0px 10px 1px #e1e7ed; cursor: pointer; float: left; margin-right: 70px; } .index .product .list .item:nth-child(3){ margin-right: 0; } .index .product .list .item .img-box{ width: 280px; height: 200px; } .index .product .list .item .num{ width: 60px; line-height: 60px; margin: 0 auto; text-align: center; border-bottom: 2px solid #e2e2e2; font-size: 50px; color: #a1a1a1; font-weight: bold; font-family:"榛戜綋"!important; } .index .product .list .item .text{ font-size: 20px; color: #01395e; text-align: center; font-weight: bold; font-family:"榛戜綋"!important; margin-top: 15px; } .index .product .list .item:hover{ background: #103f6e; } .index .product .list .item:hover .num{ border-bottom: 2px solid #fff; color: #cfd9e2; } .index .product .list .item:hover .text{ color: #fff; } .index .party{ min-width: 1200px; width: 100%; height: 575px; background: url(../img/index-9.png) no-repeat left top; background-size: 100% 100%; padding-top: 70px; } .index .party .title{ text-align: center; } .index .party .title .text{ font-size: 26px; color: #fff; font-weight: bold; font-family:"榛戜綋"!important; } .index .party .title .english{ font-size: 18px; color: #fff; margin-top: 10px; font-weight: bold; } .index .party .list{ width: 1200px; margin: 0 auto; margin-top: 90px; display: flex; align-items: center; } .index .party .list .item{ position: relative; width: 282px; height: 200px; margin-right: 24px; display: block; } .index .party .list .item:last-child{ margin-right: 0; } .index .party .list .item .text-box{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); padding: 0 30px; padding-top: 45px; position: absolute; top: 0; left: 0; display: none; } .index .party .list .item .text-box .text{ text-align: center; font-size: 16px; color: #ffffff; line-height: 28px; } .index .party .list .item .text-box .time{ font-size: 14px; color: #ffffff; text-align: center; margin-top: 35px; } .index .party .list .item:hover .text-box{ display: block; } .index .party .more{ display: block; width: 150px; height: 30px; line-height: 28px; font-size: 14px; color: #ffffff; text-align: center; border: 1px solid #205888; background: #0e4674; margin: 0 auto; margin-top: 55px; } .index .enterprise{ background: #fff; padding-top: 30px; padding-bottom: 30px; } .index .enterprise .title{ text-align: center; } .index .enterprise .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .index .enterprise .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .index .enterprise .swiper-list{ width: 1200px; height: 100px; overflow: hidden; margin: 0 auto; margin-top: 45px; } .index .enterprise .swiper-list .swiper-slide{ width: 285px; height: 100px; margin-right: 15px; } .index .enterprise .list .item img{ width: 285px; height: 100px; border-radius: 10px; } .introduction .head-img{ height: 260px; width: 100%; } .introduction{ background: #fff; } .introduction .title{ text-align: center; margin-top: 60px; } .introduction .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .introduction .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .introduction .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .introduction .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .introduction .tab-box .tab-item.sel{ background: #033566; color: #fff; } .introduction .text-box{ width: 1140px; margin: 0 auto; margin-top: 40px; padding-bottom: 100px; } .introduction .text-box .text{ font-size: 14px; color: #999999; line-height: 30px; text-indent:28px; } @media screen and (min-height:900px) and (max-height:1800px){ .introduction .foot{ position: fixed; bottom: 0; left: 0; width: 100%; } } /* 缁撴瀯 */ .structure .head-img{ height: 260px; width: 100%; } .structure{ background: #fff; } .structure .title{ text-align: center; margin-top: 60px; } .structure .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .structure .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .structure .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; } .structure .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; } .structure .tab-box .tab-item.sel{ background: #033566; color: #fff; } .structure .img-box{ width: 1118px; height: 540px; margin: 0 auto; margin-top: 50px; margin-bottom: 60px; } /* 鏂囧寲 */ .culture .head-img{ height: 260px; width: 100%; } .culture .bg{ width: 100%; padding-top: 30px; padding-bottom: 40px; } .culture .bg .title{ text-align: center; } .culture .bg .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .culture .bg .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .culture .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .culture .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .culture .tab-box .tab-item.sel{ background: #033566; color: #fff; } .culture .bg .main{ width: 1140px; margin: 0 auto; margin-top: 50px; } .culture .bg .main .text-box{ width: 625px; } .culture .bg .main .text-box .text{ font-size: 12px; color: #999999; line-height: 34px; text-indent:24px; } .culture .bg .main .img-box{ width: 492px; } .culture .bg .main .img-box .img-1{ width: 492px; height: 196px; } .culture .bg .main .img-box .img-2{ display: flex; justify-content: space-between; margin-top: 16px; } .culture .bg .main .img-box .img-2 .img{ width: 245px; height: 164px; } /* 涓昏鏉冨睘浼佷笟 */ .tenure .head-img{ height: 260px; width: 100%; } .tenure{ background: #fff; } .tenure .title{ text-align: center; margin-top: 60px; } .tenure .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .tenure .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .tenure .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; } .tenure .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; } .tenure .tab-box .tab-item.sel{ background: #033566; color: #fff; } .tenure .list{ display: flex; flex-wrap:wrap; width: 1200px; margin: 0 auto; margin-top: 50px; } .tenure .list .item{ margin-bottom: 38px; margin-right: 20px; width: 285px; height: 100px; } .tenure .list .item:nth-child(4n){ margin-right: 0; } .tenure .list .item img{ border-radius: 10px; } @media screen and (min-height:900px) and (max-height:1800px){ .tenure .foot{ position: fixed; bottom: 0; left: 0; width: 100%; } } /* 浼佷笟瑙嗛 */ .video .head-img{ height: 260px; width: 100%; } .video .title{ text-align: center; margin-top: 60px; } .video .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; } .video .title .english{ font-size: 18px; color: #afafaf; margin-top: 10px; font-weight: bold; } .video .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .video .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .video .tab-box .tab-item.sel{ background: #033566; color: #fff; } .video-list{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap:wrap; padding: 0 20px; margin-top: 40px; } .video .video-list .item{ width: 560px; height: 480px; display: flex; flex-direction:column; align-items: center; background: #f2f5f7; padding-top: 22px; margin-bottom: 40px; float: left; margin-right: 40px; } .video .video-list .item:nth-child(2n){ margin-right: 0; } .video .video-list .item .box{ width: 522px; height: 367px; position: relative; } .video .video-list .item .box .pos{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); text-align: center; line-height: 367px; } .video .video-list .item .box video{ position: relative; } .video .video-list .item .box .pos .iconfont{ font-size: 110px; color: #fff; } .video .video-list .item .text{ width: 560px; font-size: 16px; color: #01395e; line-height: 90px; padding: 0px 40px; height: 90px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; } .video .shade{ width:100%; height:100%; top:0; background:rgba(0,0,0,0.5); overflow: hidden; z-index: 999; position: fixed; display: none; } .video .popup{ position: fixed; top: 150px; left: 50%; margin-left: -445px; width: 890px; height: 540px; background: #fff; } .video .popup .head{ height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px 0 20px; background: #01395e; margin-bottom: 4px; } .video .popup .head span{ font-size: 16px; color: #ffffff; } .video .popup .head .iconfont{ font-size: 18px; color: #fff; } .video .popup .video-box{ width: 880px; height: 470px; margin: 0 auto; } /* 浜у搧 */ .reveal{ min-width: 1200px; } .reveal .head-img{ min-width: 1200px; height: 260px; width: 100%; } .reveal .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .reveal .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .reveal .tab-box .tab-item.sel{ background: #033566; color: #fff; } .reveal .list{ display: flex; flex-wrap:wrap; width: 1200px; margin: 0 auto; margin-top: 60px; padding: 0 20px; } .reveal .list .item{ width: 359px; height: 252px; display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid #e8e8e8; margin-bottom: 40px; cursor: pointer; margin-right: 40px; float: left; } .reveal .list .item:nth-child(3n){ margin-right: 0; } .reveal .list .item .img-box{ width: 359px; height: 252px; display: table; } .reveal .list .item .img-box .img{ display: table-cell; vertical-align: middle; } .reveal .list .item .img-box .img img{ height: auto; } .reveal .list .item .text-box{ width: 100%; height: 100%; padding: 0 25px; position: absolute; top: 0; left: 0; background: rgba(1,57,94,0.7); display: none; } .reveal .list .item:hover .text-box{ display: block; } .reveal .list .item .text-box p{ margin-top: 55px; font-size: 18px; color: #ffffff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: bold; font-family:"榛戜綋"!important; } .reveal .list .item .text-box .text{ font-size: 16px; color: #fff; line-height: 26px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 40px; } .reveal .page{ height: 100px; display: table; margin: 0 auto; } .reveal .page .item{ height: 30px; padding: 0 10px; border: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #454545; margin-right: 8px; float: left; line-height: 30px; } .reveal .page .item.num{ width: 30px; height: 30px; padding: 0; } .reveal .page .item.sel{ background: #01395e; color: #fff; border: none; } .reveal .crumb{ height: 74px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e8e8e8; text-align: center; } .reveal .crumb .item{ line-height: 74px; padding: 0 12px; position: relative; font-size: 14px; color: #454545; display: inline-block; } .reveal .crumb .item.sel::after{ content: ""; width: 50px; height: 2px; background: #033c5f; position: absolute; bottom: 0; left: 50%; margin-left: -25px; } /* 浜у搧璇︽儏 */ .reveal-details .head-img{ height: 260px; width: 100%; } .reveal-details .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .reveal-details .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .reveal-details .tab-box .tab-item.sel{ background: #033566; color: #fff; } .reveal-details .crumb{ height: 74px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e8e8e8; text-align: center; } .reveal-details .crumb .item{ padding: 0 12px; position: relative; font-size: 14px; color: #454545; display: inline-block; line-height: 74px; } .reveal-details .crumb .item.sel::after{ content: ""; width: 50px; height: 2px; background: #033c5f; position: absolute; bottom: 0; left: 50%; margin-left: -25px; } .reveal-details .main .details{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 30px; } .reveal-details .main .title{ text-align: center; font-size: 30px; color: #033566; font-weight: bold; margin-top: 30px; } .reveal-details .main .remarks{ text-align: center; margin: 30px 0 0 0; } .reveal-details .main .remarks span{ font-size: 14px; color: #ababab; margin-left: 20px; } .reveal-details .swiper-slide { background-size: cover; background-position: center; } .reveal-details .swiper-box{ margin: 0 auto; } .reveal-details .gallery-top { width: 1000px; height: 594px; } .reveal-details .gallery-thumbs { height: 78px; box-sizing: border-box; margin-top: 34px; display: flex; } .reveal-details .gallery-thumbs .swiper-wrapper{ display: flex; align-items: center; justify-content: center; } .reveal-details .gallery-thumbs .swiper-slide{ width: 106px !important; height: 77px; opacity: 0.4; border: 3px solid #ababab; } .reveal-details .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border: 3px solid #033c5f; } .reveal-details .main{ padding-bottom: 55px; } .reveal-details .main .turn{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: 70px; } .reveal-details .main .turn .item{ font-size: 14px; color: #454545; float: left; } .reveal-details .main .turn .item.end{ font-size: 12px; color: #ababab; } .reveal-details .main .turn :last-child.item{ float: right; } .reveal-details .main .text-box{ width: 1014px; margin: 0 auto; background: #f6f6f6; padding: 40px; margin-top: 60px; } .reveal-details .main .text-box .info-list{ display: flex; flex-wrap:wrap; margin-bottom: 50px; } .reveal-details .main .text-box .info-list .item{ width: 33%; font-size: 16px; color: #454545; line-height: 36px; float: left; } .reveal-details .main .text-box .text{ font-size: 16px; color: #454545; line-height: 28px; } /* 閽㈡瀯涓氬姟 */ .steel-structure .main{ background: url(../img/steel-2.png) bottom right no-repeat; background-size: 100% 509px; } .steel-structure .head-img{ height: 260px; width: 100%; } .steel-structure .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .steel-structure .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .steel-structure .tab-box .tab-item.sel{ background: #033566; color: #fff; } .steel-structure .main .summary{ height: 402px; background: url(../img/steel-1.png) no-repeat center; background-size: 100% 100%; } .steel-structure .main .summary .title{ text-align: center; padding-top: 75px; } .steel-structure .main .summary .title p{ font-size: 26px; color: #fff; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 30px; position: relative; } .steel-structure .main .summary .title p::after { content: ""; width: 60px; height: 3px; background: #ffa800; position: absolute; bottom: -15px; left: 50%; margin-left: -30px; } .steel-structure .main .summary .title span{ font-size: 18px; color: #fff; font-weight: bold; font-family:"榛戜綋"!important; } .steel-structure .main .summary .text-box{ width: 990px; margin: 0 auto; margin-top: 45px; text-align: center; font-size: 16px; color: #ffffff; line-height: 40px; text-indent: 32px; } .steel-structure .main .dynamic-bg{ background: url(../img/repair-2.png) no-repeat top center; } .steel-structure .main .dynamic{ width: 1200px; margin: 0 auto; } .steel-structure .main .dynamic .title{ padding: 0 35px; padding-top: 60px; text-align: center; } .steel-structure .main .dynamic .title p{ font-size: 30px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 10px; } .steel-structure .main .dynamic .title span{ font-size: 22px; color: #ababab; font-weight: bold; font-family:"榛戜綋"!important; } .steel-structure .main .dynamic .dynamic-list{ display: flex; justify-content: center; margin-top: 50px; } .steel-structure .main .dynamic .dynamic-list .item{ width: 380px; height: 670px; border-collapse:separate; border: 1px solid #dcdcdc; border-left: none; display: flex; align-items: center; flex-direction:column; } .steel-structure .main .dynamic .dynamic-list .item:first-child{ border-left: 1px solid #dcdcdc; } .steel-structure .main .dynamic .dynamic-list .item .img{ width: 378px; height: 526px; position: relative; } .steel-structure .main .dynamic .dynamic-list .item .img::after{ content: ""; width: 378px; height: 526px; background: rgba(3,53,102,.4); position: absolute; top: 0; left: 0; } .steel-structure .main .dynamic .dynamic-list .item .img img{ display: block; filter:grayscale(1); } .steel-structure .main .dynamic .dynamic-list .item .text{ font-size: 24px; color: #454545; font-weight: bold; font-family:"榛戜綋"!important; margin-top: 50px; } .steel-structure .main .dynamic .dynamic-list .item .iconfont{ margin-top: 15px; font-size: 20px; color: #033566; display: none; } .steel-structure .main .dynamic .dynamic-list .item:hover{ background: #e1e2e4; } .steel-structure .main .dynamic .dynamic-list .item:hover .text{ color: #033566; } .steel-structure .main .dynamic .dynamic-list .item:hover .iconfont{ display: block; } .steel-structure .main .dynamic .dynamic-list .item:hover .img::after{ content: initial; } .steel-structure .main .dynamic .dynamic-list .item:hover .img img{ filter:none; } .steel-structure .main .swiper-box{ width: 1140px; margin: 0 auto; padding-bottom: 50px; } .steel-structure .main .swiper-box .title{ padding: 0 35px; padding-top: 75px; text-align: center; } .steel-structure .main .swiper-box .title p{ font-size: 30px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 10px; } .steel-structure .main .swiper-box .title span{ font-size: 22px; color: #ababab; font-weight: bold; font-family:"榛戜綋"!important; } .steel-structure .main .swiper-box .Cooldog_content .img-box{ width: 700px; height: 353px; } .steel-structure .main .swiper-box .Cooldog_content li{ box-shadow: 0px 0px 10px 2px #a8acb6; background: #fff; } .steel-structure .main .swiper-box .Cooldog_content li .text-box{ padding: 35px 55px 10px 55px; } .steel-structure .main .swiper-box .Cooldog_content li.p2{ background: #ebebeb; box-shadow: 0px 0px 5px 2px #a8acb6; } .steel-structure .main .swiper-box .Cooldog_content li .text-box p{ font-size: 28px; color: #033c5f; font-weight: bold; font-family:"榛戜綋"!important; } .steel-structure .main .swiper-box .Cooldog_content li .text-box .text{ width: 590px; max-height: 235px; overflow: hidden; font-size: 14px; color: #454545; line-height: 24px; margin-top: 25px; } .steel-structure .main .contact{ position: fixed; right: 0; top: 200px; display: flex; z-index: 99999; } .steel-structure .main .contact .num-box{ padding: 15px 20px; height: 100px; background: #fff; border-radius: 5px; border: 1px solid #dcdcdc; box-shadow: 0px 0px 10px 5px #e4eaef; position: relative; } .steel-structure .main .contact .num-box::after{ content: ""; width: 9px; height: 12px; position: absolute; top: 50%; margin-top: -6px; right: -8px; background: url(../img/contact-1.png) no-repeat; background-size: 100% 100%; } .steel-structure .main .contact .num-box .item{ line-height: 24px; font-size: 14px; color: #01395e; } .steel-structure .main .contact .num-box.add{ width: 260px; padding-left: 80px; margin-top: 81px; } .steel-structure .main .contact .num-box.add .item{ text-indent: -70px; } .steel-structure .main .contact .num-box .item.phone{ text-indent:46px; } .steel-structure .main .contact .icon-box{ width: 80px; height: 180px; margin-left: 12px; background: #01395e; border-radius: 5px; } .steel-structure .main .contact .icon-box .item{ display: flex; flex-direction:column; justify-content: center; align-items: center; height: 50%; cursor: pointer; position: relative; border-radius: 0 0 5px 5px; } .steel-structure .main .contact .icon-box .item:first-child{ border-radius: 5px 5px 0 0; } .steel-structure .main .contact .icon-box .item:first-child::after{ content: ""; width: 60px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .steel-structure .main .contact .icon-box .item .iconfont{ font-size: 36px; color: #fff; } .steel-structure .main .contact .icon-box .item p{ font-size: 12px; color: #ffffff; margin-top: 5px; } .steel-structure .main .pos{ display: none; } .steel-structure .main .contact .icon-box .item:hover{ background: #4e768f; } /* 淇埞涓氬姟 */ .ship-repair .main{ background: url(../img/repair-2.png) bottom right no-repeat; background-size: 100% 509px; } .ship-repair .head-img{ height: 260px; width: 100%; } .ship-repair .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .ship-repair .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .ship-repair .tab-box .tab-item.sel{ background: #033566; color: #fff; } .ship-repair .main .summary{ height: 402px; background: url(../img/repair-1.png) no-repeat center; background-size: 100% 100%; } .ship-repair .main .summary .title{ text-align: center; padding-top: 75px; } .ship-repair .main .summary .title p{ font-size: 26px; color: #fff; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 30px; position: relative; } .ship-repair .main .summary .title p::after{ content: ""; width: 60px; height: 3px; background: #ffa800; position: absolute; bottom: -15px; left: 50%; margin-left: -30px; } .ship-repair .main .summary .title span{ font-size: 18px; color: #fff; font-weight: bold; font-family:"榛戜綋"!important; } .ship-repair .main .summary .text-box{ width: 990px; margin: 0 auto; margin-top: 45px; text-align: center; font-size: 16px; color: #ffffff; line-height: 40px; text-indent: 32px; } .ship-repair .main .dynamic .title{ padding-top: 70px; text-align: center; } .ship-repair .main .dynamic .title p{ font-size: 30px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 20px; } .ship-repair .main .dynamic .title span{ font-size: 22px; color: #ababab; font-weight: bold; font-family:"榛戜綋"!important; } .ship-repair .main .dynamic .list-box{ width: 1110px; margin: 0 auto; margin-top: 25px; position: relative; padding-top: 25px; } .ship-repair .main .dynamic .list-box::after{ content: ""; width: 1px; height: 100%; background: #033566; position: absolute; top: 0; left: 50%; margin-left: .5px; } .ship-repair .main .dynamic .list-box .list-l{ display: flex; flex-direction:column; justify-content: flex-end; float: left; } .ship-repair .main .dynamic .list-box .list-r{ display: flex; flex-direction:column; justify-content: flex-end; float: right; } .ship-repair .main .dynamic .list-box .list-r{ padding-top: 116px; } .ship-repair .main .dynamic .list-box .list-l .item{ margin-top: 46px; } .ship-repair .main .dynamic .list-box .list-r .item{ margin-top: 32px; } .ship-repair .main .dynamic .list-box .item{ width: 478px; padding: 25px; background: #eeeeee; position: relative; } .ship-repair .main .dynamic .list-box .item:first-child{ margin-top: 0; } .ship-repair .main .dynamic .list-box .item .text{ font-size: 16px; color: #01395e; line-height: 26px; } .ship-repair .main .dynamic .list-box .list-l .year{ position: absolute; width: 67px; height: 26px; text-align: center; line-height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #033566; color: #033566; font-size: 14px; border-radius: 50px; top: 8px; right: -112px; background: #fff; z-index: 10; } .ship-repair .main .dynamic .list-box .list-l .year::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #033566; position: absolute; top: 50%; margin-top: -4px; background: #fff; left: -26px; z-index: 10; } .ship-repair .main .dynamic .list-box .list-l .year .line{ width: 25px; height: 1px; background: #033566; position: absolute; top: 50%; left: -26px; z-index: 1; } .ship-repair .main .dynamic .list-box .list-r .year{ position: absolute; width: 67px; height: 26px; text-align: center; line-height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #033566; color: #033566; font-size: 14px; border-radius: 50px; top: 3px; left: -109px; background: #fff; z-index: 10; } .ship-repair .main .dynamic .list-box .list-r .year::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #033566; position: absolute; top: 50%; margin-top: -4px; background: #fff; right: -26px; z-index: 10; } .ship-repair .main .dynamic .list-box .list-r .year .line{ width: 25px; height: 1px; background: #033566; position: absolute; top: 50%; right: -26px; z-index: 1; } .ship-repair .main .introduction{ width: 1200px; margin: 0 auto; padding: 0 35px; background: url(255,255,255,0); } .ship-repair .main .introduction .title{ padding-top: 60px; } .ship-repair .main .introduction .title p{ font-size: 30px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 20px; } .ship-repair .main .introduction .title span{ padding-left: 20px; font-size: 22px; color: #ababab; font-weight: bold; font-family:"榛戜綋"!important; } .ship-repair .main .introduction .img-box{ display: flex; align-items: center; justify-content: space-between; width: 1020px; margin: 0 auto; margin-top: 70px; } .ship-repair .main .introduction p{ background: initial !important; } .ship-repair .main .introduction .img-box .item{ width: 325px; height: 228px; } .ship-repair .main .introduction .img-box .item img{ display: block; } .ship-repair .main .introduction .text-box{ width: 1020px; margin: 0 auto; margin-top: 20px; } .ship-repair .main .introduction .text-box p{ font-size: 14px; color: #01395e; text-indent:28px; line-height: 30px; } .ship-repair .main .contact{ position: fixed; right: 0; top: 200px; display: flex; z-index: 99999; } .ship-repair .main .contact .num-box{ padding: 15px 20px; background: #fff; height: 100px; border-radius: 5px; border: 1px solid #dcdcdc; box-shadow: 0px 0px 10px 5px #e4eaef; position: relative; } .ship-repair .main .contact .num-box::after{ content: ""; width: 9px; height: 12px; position: absolute; top: 50%; margin-top: -6px; right: -8px; background: url(../img/contact-1.png) no-repeat; background-size: 100% 100%; } .ship-repair .main .contact .num-box .item{ line-height: 24px; font-size: 14px; color: #01395e; } .ship-repair .main .contact .num-box.add{ width: 260px; padding-left: 80px; margin-top: 81px; } .ship-repair .main .contact .num-box.add .item{ text-indent: -70px; } .ship-repair .main .contact .num-box .item.phone{ text-indent:46px; } .ship-repair .main .contact .icon-box{ width: 80px; height: 180px; margin-left: 12px; background: #01395e; border-radius: 5px; } .ship-repair .main .contact .icon-box .item{ display: flex; flex-direction:column; justify-content: center; align-items: center; height: 50%; cursor: pointer; position: relative; border-radius: 0 0 5px 5px; } .ship-repair .main .contact .icon-box .item:first-child{ border-radius: 5px 5px 0 0; } .ship-repair .main .contact .icon-box .item:first-child::after{ content: ""; width: 60px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .ship-repair .main .contact .icon-box .item .iconfont{ font-size: 36px; color: #fff; } .ship-repair .main .contact .icon-box .item p{ font-size: 12px; color: #ffffff; margin-top: 5px; } .ship-repair .main .pos{ display: none; } .ship-repair .main .contact .icon-box .item:hover{ background: #4e768f; } /* 鏂伴椈 */ .news .head-img{ height: 260px; width: 100%; } .news .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .news .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .news .tab-box .tab-item.sel{ background: #033566; color: #fff; } .news .main .list{ width: 1100px; margin: 0 auto; padding-top: 50px; } .news .main .list .item{ height: 150px; display: block; padding: 14px 0 0 17px; border-bottom: 1px dashed #dfdfdf; margin-bottom: 25px; } .news .main .list .item .img-box{ width: 160px; height: 120px; float: left; } .news .main .list .item .img-box img{ width: 100%; height: 100%; } .news .main .list .item .item-r{ width: 110px; float: right; } .news .main .list .item .text-box{ flex: 2; padding: 0 40px 0 35px; float: left; } .news .main .list .item .text-box .title{ width: 645px; font-size: 16px; color: #454545; line-height: 40px; font-weight: bold; font-family:"榛戜綋"!important; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .main .list .item .text-box .text{ width: 645px; height: 72px; font-size: 14px; color: #454545; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news .main .list .item .item-r .time{ font-size: 24px; color: #454545; font-weight: bold; font-family:"榛戜綋"!important; margin-top: 10px; } .news .main .list .item .item-r .year{ font-size: 14px; color: #454545; margin-top: 10px; } .news .main .list .item .item-r .iconfont{ font-size: 28px; color: #ababab; margin-top: 15px; display: block; } .news .main .list .item:hover{ background: #4e768f; border: none; } .news .main .list .item:hover .text-box .title{ color: #fff; } .news .main .list .item:hover .text-box .text{ color: #fff; } .news .main .list .item:hover .item-r .iconfont{ color: #fff; } .news .main .list .item:hover .item-r .year{ color: #fff; } .news .main .list .item:hover .item-r .time{ color: #fff; } .news .main .page{ height: 100px; display: table; margin: 0 auto; } .news .main .page .item{ height: 30px; padding: 0 10px; border: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #454545; margin-right: 8px; float: left; line-height: 30px; } .news .main .page .item.num{ width: 30px; height: 30px; padding: 0; } .news .main .page .item.sel{ background: #01395e; color: #fff; border: none; } /* 鏂伴椈璇︽儏 */ .news-details .head-img{ height: 260px; width: 100%; } .news-details .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .news-details .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .news-details .tab-box .tab-item.sel{ background: #033566; color: #fff; } .news-details .main .title{ width: 1200px; height: 145px; margin: 0 auto; border-bottom: 1px solid #e8e8e8; padding-top: 40px; } .news-details .main .title .text{ font-size: 20px; color: #454545; font-weight: bold; font-family:"榛戜綋"!important; text-align: center; } .news-details .main .title .tips{ margin-top: 30px; text-align: center; } .news-details .main .title .tips span{ color: #ababab; font-size: 14px; margin-right: 10px; } .news-details .main .details{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #e8e8e8; padding-top: 30px; padding-bottom: 60px; } .news-details .main .details p{ line-height: 26px; } .news-details .main .details .text{ font-size: 14px; color: #454545; line-height: 30px; text-indent:29px; } .news-details .main .details .text:first-child{ text-indent: initial; } .news-details .main .details .img-box{ display: flex; flex-direction:column; align-items: center; justify-content: center; margin-top: 25px; padding-bottom: 30px; } .news-details .main .details .img-box img{ width: 800px; height: 600px; } .news-details .main .details .img-box .text{ text-indent: initial; margin-top: 10px; } .news-details .main .cutover{ width: 1200px; margin: 0 auto; height: 145px; position: relative; } .news-details .main .cutover .list{ height: 100%; padding: 40px 0; display: flex; flex-direction: column; justify-content: space-between; } .news-details .main .cutover .list .item{ font-size: 14px; color: #454545; display: block; } .news-details .main .cutover .list .item:last-child { margin-top: 30px; } .news-details .main .cutover .list .item.end{ color: #ababab; } .news-details .main .cutover .return{ display: block; width: 120px; height: 32px; border-radius: 50px; border: 1px solid #033c5f; text-align: center; line-height: 30px; font-size: 14px; color: #033c5f; margin-right: 10px; position: absolute; top: 50%; margin-top: -16px; right: 0; } .news-details .main .cutover .return:hover{ background-color:#033566;color:#fff;border:1px solid #033566; } /* 鍏憡 */ .bulletin .head-img{ height: 260px; width: 100%; } .bulletin .tab-box{ height: 70px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; text-align: center; } .bulletin .tab-box .tab-item{ width: 160px; height: 70px; line-height: 70px; font-size: 16px; color: #033566; text-align: center; display: inline-block; } .bulletin .tab-box .tab-item.sel{ background: #033566; color: #fff; } .bulletin .main .list{ width: 1100px; margin: 0 auto; padding-top: 50px; } .bulletin .main .list .item{ height: 120px; display: block; border-bottom: 1px dashed #dfdfdf; margin-bottom: 25px; } .bulletin .main .list .item .text-box{ flex: 2; padding: 20px 45px 0 0; float: left; } .bulletin .main .list .item .text-box .title{ width: 850px; font-size: 16px; color: #454545; font-weight: bold; font-family:"榛戜綋"!important; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .bulletin .main .list .item .text-box .text{ height: 48px; width: 850px; font-size: 14px; color: #454545; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 15px; } .bulletin .main .list .item .item-r{ width: 80px; height: 80px; margin-left: 22px; margin-right: 40px; border: 1px solid #dfdfdf; background: #fff; margin-top: 22px; float: left; } .bulletin .main .list .item .item-r .time{ font-size: 50px; color: #bebebe; font-weight: bold; font-family:"榛戜綋"!important; text-align: center; } .bulletin .main .list .item .item-r .year{ font-size: 14px; color: #bebebe; text-align: center; margin-top: -3px; } .bulletin .main .list .item .iconfont{ font-size: 35px; color: #ababab; display: block; line-height: 120px; margin-right: 26px; float: right; } .bulletin .main .list .item:hover{ background: #4e768f; border: none; } .bulletin .main .list .item:hover .text-box .title{ color: #fff; } .bulletin .main .list .item:hover .text-box .text{ color: #fff; } .bulletin .main .list .item:hover .iconfont{ color: #dce4e9; } .bulletin .main .page{ height: 100px; display: table; margin: 0 auto; } .bulletin .main .page .item{ height: 30px; padding: 0 10px; border: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #454545; margin-right: 8px; float: left; line-height: 30px; } .bulletin .main .page .item.num{ width: 30px; height: 30px; padding: 0; } .bulletin .main .page .item.sel{ background: #01395e; color: #fff; border: none; } /* 鑱旂郴鎴戜滑 */ .contact .head-img{ height: 260px; width: 100%; } .contact .title{ text-align: center; padding-top: 75px; } .contact .title .text{ font-size: 26px; color: #01395e; font-weight: bold; font-family:"榛戜綋"!important; margin-bottom: 30px; } .contact .title .english{ font-size: 18px; color: #afafaf; font-weight: bold; font-family:"榛戜綋"!important; } .contact .list{ width: 927px; margin: 0 auto; margin-top: 70px; } .contact .list .item{ width: 220px; display: flex; flex-direction:column; align-items: center; justify-content: center; float: left; margin-right: 130px; } .contact .list .item:nth-child(3){ margin: 0; } .contact .list .item .img{ width: 152px; height: 152px; margin: 0 auto; } .contact .list .item p{ text-align: center; font-size: 14px; color: #454545; margin-top: 30px; } .contact .list .item .text{ font-size: 18px; color: #454545; text-align: center; } .contact .map{ margin-top: 55px; height: 670px; } .BMap_Marker img{ width: 39px !important; } .point{ display: none; } .point .contact{ position: fixed; right: 0; top: 200px; display: flex; z-index: 99999; } .point .contact .num-box{ display: none; padding: 15px 20px; background: #fff; height: 100px; border-radius: 5px; border: 1px solid #dcdcdc; box-shadow: 0px 0px 10px 5px #e4eaef; position: relative; } .point .contact .num-box::after{ content: ""; width: 9px; height: 12px; position: absolute; top: 50%; margin-top: -6px; right: -8px; background: url(../img/contact-1.png) no-repeat; background-size: 100% 100%; } .point .contact .num-box .item{ line-height: 24px; font-size: 14px; color: #01395e; } .point .contact .num-box.add{ width: 260px; padding-left: 80px; margin-top: 81px; } .point .contact .num-box.add .item{ text-indent: -70px; } .point .contact .num-box .item.phone{ text-indent:46px; } .point .contact .icon-box{ width: 80px; height: 180px; margin-left: 12px; background: #01395e; border-radius: 5px; } .point .contact .icon-box .item{ display: flex; flex-direction:column; justify-content: center; align-items: center; height: 50%; cursor: pointer; position: relative; border-radius: 0 0 5px 5px; } .point .contact .icon-box .item:first-child{ border-radius: 5px 5px 0 0; } .point .contact .icon-box .item:first-child::after{ content: ""; width: 60px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .point .contact .icon-box .item .iconfont{ font-size: 36px; color: #fff; } .point .contact .icon-box .item p{ font-size: 12px; color: #ffffff; margin-top: 5px; } .point .contact .icon-box .item:hover{ background: #4e768f; }