/*reset*/ *, *:before, *:after{ transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } html,body{width:100%;min-height: 100%;font-size: 16px;overflow-x: hidden} html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,captionm,span{margin:0;padding:0;border:0;outline: none;} body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'} a{text-decoration:none;outline:0;} ol,ul{list-style:none} blockquote,q{quotes:none} .clear{ clear:both; line-height:0px; height:0; overflow:hidden;} blockquote::before,blockquote::after,q::before,q::after{content:none} ins{text-decoration:none}del{text-decoration:line-through} button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none} textarea{resize:none;overflow:auto;vertical-align:top} [hidden]{display:none} /*a,a:hover, a:visited, a:link, a:active {color: inherit}*/ table{border-collapse:collapse;border-spacing:0} .clearfix:before,.clearfix:after{display:table;line-height:0;content:""} .clearfix:after{clear:both} .clearfix{zoom:1} .fl{float: left;} .fr{float: right;} img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;} i{font-style: normal;} ::-webkit-scrollbar {width: 6px;} ::-webkit-scrollbar-thumb {background-color: #c1c1c1;} ::-webkit-scrollbar-track {background-color: #f7f7f7;} /* 如果你的项目仅支持 ie9 | chrome | firefox 等，推荐在 中添加 .borderbox 这个 class */ html *, html *:before, html *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } @font-face { font-family: 'cocon'; src: ; src: local('fontname regular'), local('fontname'), format('woff'), format('truetype'), format('svg'); } .mytable{display: table;} .mycell{display: table-cell;vertical-align: middle;} .cover{background: no-repeat center;background-size: cover} .contain{background: no-repeat center;background-size: contain} .bg{background: no-repeat center;} .wcont{padding: 0 5vw;box-sizing: border-box} /*首页*/ .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #ffffff;} .header .wcont{display: flex;align-items: center;justify-content: space-between;height: 70px;} .header-r{display: flex;align-items: center;justify-content: space-between;} .header-nav{margin-right: 50px;} .header-btns{display: none;} .sjj_nav{display: none;} .banner{position: relative;} .swiper-banner{width: 100%;height: 100vh;overflow: hidden} .swiper-banner .swiper-slide{overflow: hidden;} .banner-img{height: 100%;background: no-repeat center;background-size: cover;transition: 5s ease-out;} .banner-infos{position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-30%,0);transition: 1.5s;opacity: 0;z-index: 3} .swiper-banner .ani-slide .banner-img{transform: scale(1.05)} .swiper-banner .ani-slide .banner-infos{opacity: 1;transform: translate3d(-50%,-50%,0)} .banner-bot{position: absolute;bottom: 60px;z-index: 4;padding: 0 20px;box-sizing: border-box;width: 100%;} .banner-bot .wcont{display: flex;align-items: center;justify-content: space-between;} .banner-bot .banner-pag{font-size: 24px;color: #ffffff;font-family: 'cocon';position: relative;padding-right: 15px;} .banner-bot .banner-pag:after{content: "";display: block;height: 70%;width: 100%;position: absolute;bottom: 0;left: 0;;border-radius: 10px;background: rgba(0,0,0,.6);} .banner-bot .banner-pag span{width: auto;height: auto;background: none;opacity: 1;line-height: 1;position: relative;z-index: 2;} .banner-bot .banner-pag span em{padding: 0 15px;} .banner-bot .banner-pag i{position: relative;z-index: 4;} .banner-bot .banner-pag .swiper-pagination-bullet-active em{font-size: 72px;color: #f30a0a;opacity: 1;} .banner-rs{background: #ffffff;padding: 5px 15px;border-radius: 2000px;} /*要闻*/ .box1{padding: 50px 0;overflow: hidden;} .box1 .wcont{display: flex;justify-content: space-between;} .box1-l{width: 48%;} .htit{display: flex;justify-content: space-between;align-items: center;overflow: hidden;} .htit-l{display: flex;align-items: start} .htit-l img{padding-top: 5px;} .htit2 .htit-l img{padding-top: 15px;} .htit-l h1{padding-left: 10px;} .htit-l h1 span{font-size: 36px;color: #1b7aca;display: block;position: relative;z-index: 3;line-height: 1;} .htit-l h1 i{font-size: 36px;color: #eaeaea;font-family: "微软雅黑";display: block;margin-top: -15px;line-height: 1;text-transform: uppercase;} .htit .hmore{font-size: 14px;color: #ffffff;padding: 10px 20px;background: #1b7aca;} .box1-sw{margin-top: 30px;} .swiper-box1{} .swiper-box1 .swiper-slide a{display: block;} .box1-pag{position: absolute;top: 360px;left: 20px !important; z-index:4;height: 20px;} .box1-pag span{opacity: 1;background: #3ccfd3;border-radius: 0;width: 20px;height: 2px;} .box1-pag .swiper-pagination-bullet-active{width: 40px;background: #ffffff;} .box1-pic{height: 400px;position: relative;z-index: 9;box-sizing: border-box;padding-right: 30px;overflow: hidden;} .box1-img{height: 100%;transition: .5s;} .box1-info{margin-top: -200px;padding: 200px 30px 30px;box-sizing: border-box;background: no-repeat center;background-size: cover;border-radius: 10px;overflow: hidden;} .box1-info-t1{display: flex;align-items: center;justify-content: space-between;padding-top: 40px;} .box1-m1{width:65%;border-bottom: 1px solid #fff;padding-bottom: 40px;} .box1-m1 h1{font-size: 28px;color: #ffffff;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;} .box1-m1 p{font-size: 14px;color: #ffffff;line-height: 30px;height: 60px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 20px;text-align: justify;} .box1-m2{width: 30%;text-align: right;} .box1-m2 span{display: block;font-size: 18px;color: #ffffff;font-family: "微软雅黑";transition: .5s;} .box1-m2 i{display: block;font-size: 38px;color: #ffffff;font-family: "微软雅黑";transition: .5s;} .swiper-box1 .swiper-slide:hover .box1-img{transform: scale(1.05)} .swiper-box1 .swiper-slide:hover .box1-m1 h1{color: #65c8ff;} .swiper-box1 .swiper-slide:hover .box1-m2 span{color: #65c8ff;} .swiper-box1 .swiper-slide:hover .box1-m2 i{color: #65c8ff;} .box1-info-t2{display: flex;align-items: center;justify-content: space-between;padding-top: 30px;} .box1-f1{font-size: 14px;color: #65c8ff;} .box1-r{width: 48%;padding-top: 15px;} .box1-gg{position: relative;box-sizing: border-box;padding-right: 100px;} .box1-gg-ic{float: left;font-size: 16px;color: #1b7aca;font-weight: bold;} .box1-gg-ic img{margin-top: -2px;} .box1-gg-in{overflow: hidden;padding-left: 20px;} .swiper-gg{} .swiper-gg .swiper-slide a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #333333;line-height: 20px;transition: .5s;} .swiper-gg .swiper-slide a:hover{color: #1b7aca;} .box1-gg .box1-gg-more{position: absolute;right: 0;top: 50%;padding: 5px;font-size: 12px;color: #1b7aca;border: 1px solid #1b7aca;text-transform: uppercase;transform: translatey(-50%);} .box1-bb{padding-top: 60px;} .box1-bb ul{} .box1-bb li{} .box1-bb li a{display: flex;align-items: center;justify-content: space-between;} .box1-bb-date{text-align: right;position: relative;z-index: 3;flex-shrink: 0;} .box1-bb-date i{display: block;color: #b6b6b6;font-size: 16px;font-family: "cocon";transition: .5s;} .box1-bb-date span{display: block;color: #b6b6b6;font-size: 30px;font-family: "cocon";transition: .5s;} .box1-bb-date:after{content: "";display: block;right: -32px;top: 30%;width: 3px;height: 50px;background: #ee2525;position: absolute;} .box1-bb-info{margin-left: 30px;box-sizing: border-box;padding: 30px 0 30px 30px;position: relative;width: 100%;} .box1-bb-info:before{content: "";position: absolute;left: 0;top: 0;height: 120%;width: 1px;background: #dcdcdc;} .box1-bb-info:after{content: "";position: absolute;right: 0;bottom: 0;height: 1px;width: 98%;background: #dcdcdc;} .box1-bb-info h1{font-size: 20px;font-weight: normal;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;} .box1-bb-info p{font-size: 14px;color: #999999;line-height: 30px;height: 60px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 20px;text-align: justify;} .box1-bb li a:hover .box1-bb-date i{color: #1b7aca;} .box1-bb li a:hover .box1-bb-date span{color: #1b7aca;} .box1-bb li a:hover .box1-bb-info h1{color: #1b7aca;} .box2{background: #f6f5f5;padding: 50px 0;overflow: hidden;} .box2 .wcont{display: flex;justify-content: space-between;} .box2 .htit{background: #f6f5f5;padding-bottom: 30px;} .box2 .htit .hmore{background: #1b7aca;} .box2-l{width: 50%;background: #ffffff;} .box2-l .htit{padding-right: 15px;} .box2-jj{padding: 20px;box-sizing: border-box} .box2-tit{border-bottom: 1px solid #a0a0a0;padding-left: 15px;margin-bottom: 30px;} .box2-tit i{display: inline-block;vertical-align: middle;font-size: 20px;font-weight: bold;color: #000000;position: relative;padding: 10px;} .box2-tit i:after{content: "";display: block;width: 100%;height: 4px;position: absolute;bottom: 0;left: 0;background: #1b7aca;} .box2-info{font-size: 16px;color: #333333;line-height: 36px;margin-bottom: 30px;text-align: justify;} .box2-more a{padding: 5px 10px;font-size: 12px;color: #1b7aca;border: 1px solid #1b7aca;text-transform: uppercase;display: inline-block;} .box2-ry{padding-top: 40px;} .box2-ry ul{display: flex;align-items: center;justify-content: space-between;overflow: hidden;} .box2-ry li{width: 32%;} .box2-ry li a{display: block;overflow: hidden;border-radius: 5px;} .box2-ry-pic{overflow: hidden;} .box2-ry-img{padding-bottom: 90%;transition: .5s;} .box2-ry li a:hover .box2-ry-img{transform: scale(1.05)} .box2-ry-in{display: flex;justify-content: space-between;align-items: center;background: #f9f9f9;padding: 5px 10px;box-sizing: border-box} .box2-ry-in span{font-size: 16px;color: #000000;} .box2-ry-in i{font-size: 18px;color: #cacaca;} .box2-r{width: 50%;background: #f6ffff;} .box2-r .htit{padding-left: 15px;} .box2-zt{} .box2-zt a{display: flex;justify-content: space-between;align-items: center;background: #ffffff;} .box2-zt-pic{width: 60%;overflow: hidden;} .box2-zt-img{width: 100%;height: 330px;transition: .5s;} .box2-zt:hover .box2-zt-img{transform: scale(1.05);} .box2-zt-in{width: 40%;padding: 0 30px;box-sizing: border-box} .box2-zt-in h1{font-size: 22px;color: #201d27;line-height: 30px;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;transition: .5s;} .box2-zt:hover .box2-zt-in h1{color: #1b7aca} .box2-zt-in p{font-size: 14px;color: #666666;line-height:25px;height: 75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .box2-zt-f{display: flex;align-items: center;justify-content: space-between;padding-top: 15px;} .box2-zt-m{padding: 5px 10px;font-size: 12px;color: #1b7aca;border: 1px solid #1b7aca;text-transform: uppercase;display: inline-block;} .box2-zt-d{text-align: right;} .box2-zt-d i{display: block;color: #b6b6b6;font-size: 12px;font-family: "cocon";} .box2-zt-d span{display: block;color: #b6b6b6;font-size: 30px;font-family: "cocon";} .box2-ls{padding: 20px;box-sizing: border-box;overflow: hidden;} .box2-ls li{padding: 10px 0;border-bottom: 1px dashed #cbdbdb} .box2-ls li a{display: flex;align-items: center;justify-content: space-between;} .box2-ls li span{font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;} .box2-ls li i{margin-left: 30px;flex-shrink: 0;font-size: 14px;color: #999999;} .box2-ls li a:hover span{color: #1b7aca;} .box3{overflow: hidden;} .box3-t{background: no-repeat center;background-size: auto 100%;height: 460px;} .box3-t-t{display: flex;justify-content: space-between;padding-top: 70px;} .box3-t-m{width: 30%;} .box3-t-k{text-align: center;} .box3-t-k h1{font-size: 42px;color: #ca1b1b;} .box3-t-k h2{font-size: 30px;font-weight: 100;color: #d8d8d8;text-transform: uppercase;margin: 10px 0; font-family:'微软雅黑'; font-weight:bold; } .box3-t-k p{width: 15px;height: 2px;background: #ca1b1b;margin: 0 auto;} .box3-t-r{width: 30%;text-align: right;} .box3-t-r a{padding: 5px 10px;font-size: 12px;color: #1b7aca;border: 1px solid #1b7aca;text-transform: uppercase;display: inline-block;} .box3-b{padding: 30px 0;} .box3-b-t{text-align: center;} .box3-b-t a{font-size: 24px;color: #666666;font-weight: bold;padding: 10px 0;margin: 0 50px;} .box3-b-t .on{color: #e21212;border-bottom: 2px solid #e21212} .box3-sw{margin-top: 60px;} .swiper-box3{} .swiper-box3 .swiper-slide a{display: block;} .box3-date{display: inline-block;border: 2px solid #666666;background: #fff;} .box3-date span{text-align: right;display: block;font-size: 14px;color: #666666;padding: 0 15px;line-height: 1.3;transition: .5s;} .box3-date i{text-align: center;display: block;font-size: 24px;color: #3f3f3f;font-family: "axis";padding: 0 15px;border-top: 2px solid #666666;line-height: 1.3;transition: .5s;} .box3-info{padding: 20px 0;} .box3-info h1{font-size: 16px;color: #111111;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;transition: .5s;} .box3-info p{font-size: 14px;color: #666666;line-height: 25px;height: 75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: justify;} .box3-more{font-size: 14px;color: #ffffff;background: #1b7aca;border-radius: 200px;padding: 5px 15px;display: inline-block;text-transform: uppercase;} .swiper-box3 .swiper-slide a:hover .box3-date{border-color: #1b7aca} .swiper-box3 .swiper-slide a:hover .box3-date span{color: #1b7aca;} .swiper-box3 .swiper-slide a:hover .box3-date i{color: #1b7aca;border-color: #1b7aca} .swiper-box3 .swiper-slide a:hover .box3-info h1{color: #1b7aca;} .box3-pag{display: flex;justify-content: center;align-items: center;padding-top: 40px;} .box3-pag span{opacity: 1;background: #1b7aca;width: 15px;height: 15px;margin: 0 5px;} .box3-pag .swiper-pagination-bullet-active{background: #e21212;} .box4{display: flex;justify-content: space-between;overflow: hidden;} .box4-l{width: 45%;display: flex;align-items: center;justify-content: center;background: no-repeat center;background-size: cover;padding: 50px 0;} .box4-l img{margin-left: -160px;} .box4-r{width: 55%;background: no-repeat center;background-size: cover;padding-right: 15px;box-sizing: border-box} .htit3{padding: 30px 50px;box-sizing: border-box} .htit3 .htit-l h1 span{color: #ffffff;} .htit3 .hmore{background: none;border: 1px solid #fff;} .box4-sw{padding: 20px;box-sizing: border-box;background: #ffffff;position: relative;} .swiper-box4{} .swiper-box4 .swiper-slide a{display: block;} .box4-pic{overflow: hidden;} .box4-img{padding-bottom: 130%;width: 100%;transition: .5s;} .swiper-box4 .swiper-slide a:hover .box4-img{transform: scale(1.05)} .box4-ctrl{position: absolute;right: 100%;top: 0;width: 155px;height: 100%;background: #f5f5f5;display: flex;justify-content: center;align-items: center;flex-direction: column} .box4-bts{display: flex;align-items: center;justify-content: space-between;padding-top: 30px;} .box4-bts div{margin: 0 3px;cursor: pointer;} .box4-bts img{display: block;} .box4-ftb{position: relative;height: 300px;margin-top: 20px;} .box4-fbb{position: absolute;height: 100%;width: calc(100% 155px);right: 0;top: 0;} .box4-fbb ul{display: flex;justify-content: space-between;height: 100%;} .box4-fbb ul li{width: 49%;} .bottom{background: #353535;} .bottom-t1{display: flex;justify-content: space-between;padding: 50px 0;} .bottom-l{} .bottom-fs{padding-top: 15px;padding-left: 60px;} .bottom-fs li{padding: 5px 0;} .bottom-fs a{display: inline-block;font-size: 16px;color: #ffffff;padding: 10px;border-radius: 5px} .bottom-t2{padding: 25px;display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #909090;border-top:1px solid #4d4d4d} /*about*/ .nk-about{ background: url(/uploads/image/tdcsimage/about-bg.jpg) center bottom; no-repeat; background-size: cover; } .nk-about{ position: relative; } .nk-about .row-title{ width: 100%; max-width: 90%; margin: auto; text-align: left; } .nk-about .row-title:after{ margin: 0; } .nk-about .row-content{ width: 100%; max-width: 90%; margin: auto; } .nk-about-thumb{ position: absolute; display: flex; justify-content: flex-start; align-items: center; width: 40vw; height: 593px; top: 0px; right: 0; background: url(/uploads/image/tdcsimage/about-r-bg.jpg) right 0 no-repeat; } .nk-about-thumb .thumb{ width: 35vw; height: calc( 35vw / 16 * 9 ); } /*.nk-about-info{ padding: 48px 44% 48px 0; }*/ .nk-about-info{ padding: 48px 0 48px 0; width:55%; } .nk-about-info div{ font-size: 16px; line-height: 1.75; color: #222; text-align: justify; word-break: break-all; /*在恰当的断字点进行换行 */ overflow: hidden; /*文字超出的进行隐藏*/ text-overflow: ellipsis; /*超出的文字用省略号表示*/ display: -webkit-box; /*将元素设为盒子伸缩模型显示*/ -webkit-box-orient: vertical; /*伸缩方向设为垂直方向*/ -webkit-line-clamp: 7; /*设定一共3行，超出的部分隐藏，并用省略号来表示*/ } /*.nk-about-info a{ display: block; width: 144px; height: 48px; margin: 48px 0 24px 0; font-size: 16px; line-height: 3; font-family: 微软雅黑; text-align: center; text-transform: uppercase; color: #fff; background: #1b7aca; } .nk-about-info a:after{ content: '\f178'; padding-left: 1em; font-family: 'font awesome 5 pro'; font-weight: 100;} .nk-about-info a:hover{ margin-top:30px; }*/ .more-about a{ display: block; width:144px; height:48px; border:1px #1b7aca solid; color:#fff; line-height:48px; text-align:center; background:#1b7aca;margin: 48px 0 24px 0; font-size: 16px; line-height: 3; font-family: 微软雅黑; float:left; margin-right:30px; } .more-about a:after{ content: '\f178'; padding-left: 1em; font-family: 'font awesome 5 pro'; font-weight: 100;} .more-about a:hover{ background:#fff; color:#1b7aca; } .nk-row{ position: relative; padding: 48px 0 0 0; } .nk-row .row-title{ text-align: left; } .nk-row .row-title .cn{ font-size: 48px; line-height: 1; color: #1b7aca; margin-top: -15px; } .nk-row .row-title .en{ font-size: 60px; line-height: 1; font-weight: bolder; text-transform: uppercase; color: #eee; } .nk-row .row-title .ad{ font-size: 14px; line-height: 3; color: #666; } .nk-row .row-title:after{ content: ''; display: block; width: 180px; height: 2px; margin: auto; background: #c62f26; float: left;} .row-title-1{ text-align: left; } .row-title-1 .cn{ font-size: 48px; line-height: 1; color: #1b7aca; margin-top: -15px; } .row-title-1 .en{ font-size: 60px; line-height: 1; font-weight: bolder; text-transform: uppercase; color: #eee; } .row-title-1 .ad{ font-size: 14px; line-height: 3; color: #666; } .row-title-1:after{ content: ''; display: block; width: 50px; height: 2px; margin: auto; background: #c62f26;} /*after*/ .nk-after{ background: url(/uploads/image/tdcsimage/sjdt.png) center top no-repeat; background-size: cover; } .nk-after-list{ display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; width: 100%; max-width: 1248px; margin: 0px auto 0 auto; } .nk-after-list li{ padding: 20px; } .nk-after-list li a{ position: relative; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 210px; height: 210px; border-radius: 50%; margin: auto; overflow: hidden; } .nk-after-list li a:before{ content: ''; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, .5); opacity: 1; z-index: 1;} .nk-after-list li a .thumb{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .nk-after-list li a .info{ position: relative; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 128px; height: 128px; border-radius: 50%; background: rgba(27, 122, 202, .8); z-index: 2; } .nk-after-list li a .info i{ display: block; font-size: 64px; color: #fff; } .nk-after-list li a .info h1{ font-size: 24px; line-height: 2; color: #fff; display: none; } .nk-after-list li a .info h5{ font-size: 16px; line-height: 1; color: #fff; display: none; } .nk-after-list li a:hover{ border: 10px solid #fff; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .15); } .nk-after-list li a:hover:before{ opacity: 0; } .nk-after-list li a:hover .info{ width: 100%; height: 100%; border-radius: 0; } .nk-after-list li a:hover .info h1{ display: block; } .nk-after-list li a:hover .info h5{ display: block; } /*after*/ .nk-after-pro{ background: url(/uploads/image/tdcsimage/news-bg.jpg) center bottom no-repeat; width: 100%} .nk-after-list-pro{ display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; width: 100%; max-width: 1400px; margin: 28px auto 0 auto; } .nk-after-list-pro li{ padding: 12px; } .nk-after-list-pro li a{border: 10px solid #fff; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .15) ; position: relative; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 288px; height: 288px; border-radius: 0%; margin: auto; overflow: hidden; } .nk-after-list-pro li a:before{ content: ''; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; opacity: 1; z-index: 1;}/*background: rgba(255, 255, 255, .7);*/ .nk-after-list-pro li a .thumb-pro{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .nk-after-list-pro li a .info-pro{ position: relative; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 0; height: 0; border-radius: 0%; background: rgba(27, 122, 202, .8); z-index: 2; } .nk-after-list-pro li a .info-pro i{ display: block; font-size: 64px; color: #fff; } .nk-after-list-pro li a .info-pro h1{ font-size: 24px; line-height: 2; color: #fff; display: none; } .nk-after-list-pro li a .info-pro h5{ font-size: 16px; line-height: 1; color: #fff; display: none; } .nk-after-list-pro li a:hover{ border: 10px solid #fff; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .15) } .nk-after-list-pro li a:hover:before{ opacity: 0; } .nk-after-list-pro li a:hover .info-pro{ width: 100%; height: 100%; border-radius: 0; } .nk-after-list-pro li a:hover .info-pro h1{ display: block; } .nk-after-list-pro li a:hover .info-pro h5{ display: block; } .footer{ background: #222426; } .fot2{ height: 129px; border-bottom: 1px #656668 solid; } .fot2 img{ margin-top: 40px; } .fot3{ padding: 45px 0px; overflow: hidden; } .fot3 li{ float: left; margin-right: 80px; } .fot3 li:last-child{ margin-right: 0px; } .fot3 li h3{ font-size: 18px; color: #fff; margin-bottom: 18px; } .fot3 li p a{ font-size: 14px; color: #fff; opacity: .7; } .fot3 li p{ line-height: 33px; } .fot3 li p a:hover{ opacity: 1; } .fot3 ul{ float: left; } .fot3r{ float: right; } .fot3r .ewm{ width: 128px; float: right; } .fot3r .ewm img{ width: 128px; height: 128px; } .fot3r .ewm p{ font-size: 14px; color: #fff; margin-top: 10px; text-align: center; } .fot3r .cont{ width: 240px; color: #fff; float: right; text-align: right; opacity: .4; font-size: 14px; line-height: 20px; margin-right: 25px; } .fot3r .cont p{ margin-bottom: 8px; } .fot4{ overflow: hidden; border-bottom: 1px #656668 solid; padding: 35px 0px 35px 0px; } .fot4 h2{ font-size: 18px; color: #fff; float: left; } .fot4 ul{ width: 88%; float: right; } .fot4 ul li{ height: 16px; line-height: 14px; float: left; border-right: 1px #d7d7d7 solid; padding: 0px 20px; margin-bottom: 10px; margin-top: 5px; } .fot4 ul li a{ font-size: 14px; color: #fff; } .fot4 ul li:last-child{ border: 0px; } .fot4 ul li a:hover{ color: #1cadff; } .copy{ height: 60px; background: #17191b; line-height: 58px; } .copy p{ font-size: 14px; color: #fff; opacity: .5; float: left; } .copy span{ float: right; color: #a7a8a8; } .copy span a{ font-size: 14px; color: #fff; margin: 0px 10px; } .zybanner{ height: 350px; } .container{ width: 90%; max-width: 1400px; min-width: 1200px; margin: 0 auto; }