/*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;
}