/**************************************/ /*************[公用start]**************/ /**************************************/ body{ overflow-x: hidden; padding: 0px; margin: 0px; } div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } ul,li{ padding:0;margin:0;list-style:none} img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; height: inherit; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } /* 全局图片比例自适应 */ .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 时间曲线*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ #tyzz-header{ width: 100%; height: 80px; background: #2b6d7b; position: fixed; margin: 0px; padding: 0px; top: 0px; z-index: 2; } .tyzz-w-1277{ width: 1277px; height: auto; margin: 0px auto; } .tyzz-logo{ width:119px; float: left; padding-top: 10px; } .tyzz-nav{ width: 1053px; float: right; } .tyzz-nav ul li{ width: 117px; height: 80px; float: left; position: relative; } .tyzz-nav ul li a{ width: 117px; height: 80px; line-height: 80px; display: block; text-align: center; overflow: hidden; color: #fff; } .tyzz-nav ul li a span{ width: 117px; height: 80px; line-height: 80px; display: block; text-align: center; } .tyzz-nav ul li a span.mm-over { color: #f3fafa; background: -webkit-linear-gradient(left top, rgba(23, 193, 191, 0.85), rgba(1, 125, 185, 0.85)); margin-top: -80px; } .tyzz-nav ul li a:hover .mm-over{ margin-top:0px; transition: margin-top 200ms; } .tyzz-nav ul li > ul{ width: 117px; background: #fff; text-align: center; position: absolute; top: 80px; z-index: 10; display: none; } .tyzz-nav ul li > ul li{ width: 117px; height: auto !important; } .tyzz-nav ul li > ul li a{ width: 117px; height: auto !important; line-height: 22px; font-size: 14px; display: block; text-align: center; margin: 0px; padding-top: 12px; padding-bottom: 12px; padding-left: 5px; padding-right: 5px; box-sizing: border-box; overflow: hidden; color: #333; } .tyzz-nav ul li:hover > ul{ display: block; } .tyzz-nav ul li > ul li a:hover{ color: #f3fafa; background: -webkit-linear-gradient(left top, rgba(23, 193, 191, 0.85), rgba(1, 125, 185, 0.85)); } #tyzz-conter{ width: 100%; overflow: hidden; margin-top: 80px; } .tyzz-banner{ text-align: center; } .tyzz-conter-top{ width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #ccc; font-size: 14px; } .tyzz-w-1200{ width: 1200px; height: auto; margin: 0px auto; overflow: hidden; } .tyzz-conter-top a{ padding: 0px 8px; } .tyzz-conter-menu{ background: url(../images/tyzz-home.jpg) no-repeat left 26px; padding-left: 15px; float: left; } .tyzz-conter-menu-list{ float: right; } .tyzz-conter-menu-list ul li{ float: left; } .tyzz-conter-menu-list ul li a{ padding-left: 20px; padding-right: 20px; height: 70px; text-align: center; line-height: 70px; display: block; } .tyzz-conter-menu-list ul li a:hover{ background: -webkit-linear-gradient(left top,rgba(23, 193, 191, 0.85) , rgba(1, 125, 185, 0.85)); color: #fff; } .tyzz-conter-menu-list ul li.cur{ background: -webkit-linear-gradient(left top,rgba(23, 193, 191, 0.85) , rgba(1, 125, 185, 0.85)); color: #fff; } .tyzz-conter-main{ width: 1200px; margin: 0px auto; } .tyzz-conter-main table{ width: 100%; } .tyzz-conter-main img{ text-align: center; } #tyzz-footer{ background-color: #333; height:auto; overflow: hidden; } .tyzz-footer-top{ padding-top: 15px; padding-bottom: 15px; overflow: hidden; } .tyzz-footer-top dl { width: 180px; text-align: center; float: left; color: #fff; } .tyzz-footer-top dt{ font-weight: bolder; margin-bottom: 15px; } .tyzz-footer-top dd{ margin: 0px; color: rgba(179, 179, 179, 1); line-height: 26px; } .tyzz-footer-top dd a{ font-size: 14px; } .tyzz-footer-top dd a:hover{ color: #60a9d7; } .tyzz-footer-top dl:last-child{ width: 300px; text-align: left; float: left; color: #fff; padding-left: 20px; } .tyzz-footer-down{ height: 38px; line-height: 38px; text-align: center; color: rgba(179, 179, 179, 1); } .tyzz-footer-top dl:last-child dd img{ margin-top: 15px; width: 110px; } /************[图片]****************/ .tyzz-pic-top{ background: url(../images/tyzz-pic3.jpg) no-repeat left 32px; height: 40px; line-height: 40px; padding-left: 30px; padding-bottom: 25px; padding-top: 20px; text-align: left; } .tyzz-pic-list ul li{ width: 276px; height: auto; float: left; padding: 0 12px; margin-bottom: 32px; } .tyzz-pic-list ul li figure{ width: 276px; height: 160px; overflow: hidden; margin: 0px; padding: 0px; position: relative; } .tyzz-pic-list ul li figure figcaption{ position: absolute; width: 276px; height: 160px; line-height: 160px; background: rgba(101, 190, 186, 0.6); color: #fff; text-align: center; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; } .tyzz-pic-list ul li figure img{ width: 276px; height: 160px; } .tyzz-pic-list ul li span{ height: 40px; line-height: 40px; display: block; text-align: center; } .tyzz-pic-list ul li a:hover figure figcaption{ opacity:1; transform: skewX(0); visibility: visible; } .tyzz-pic-list2 ul li{ width: 25%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; height: auto; float: left; padding: 0 12px; margin-bottom: 32px; } .tyzz-pic-list2 ul li figure{ width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; height: 346px; overflow: hidden; margin: 0px; padding: 0px; position: relative; } .tyzz-pic-list2 ul li figure figcaption{ position: absolute; width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; height: 346px; line-height: 346px; background: rgba(101, 190, 186, 0.6); color: #fff; text-align: center; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; } .tyzz-pic-list2 ul li figure img{ width: 100%; height: 346px; } .tyzz-pic-list2 ul li span{ padding-top: 5px; height: 40px; line-height: 22px; display: block; text-align: center; } .tyzz-pic-list2 ul li a:hover figure figcaption{ opacity:1; transform: skewX(0); visibility: visible; } /************[新闻]****************/ .tyzz-new-list li{ border-bottom: 1px solid #f1f1f1; padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; height: 260px; text-align: left; } .tyzz-new-list li .tyzz-new-pic{ width: 420px ; height: 260px; overflow: hidden; float: left; margin-right: 60px; } .tyzz-new-xx{ overflow: hidden; margin-top: 30px; margin-bottom: 30px; font-size: 18px; } .tyzz-new-xx a{ float: left; width: 560px; line-height: 30px; } .tyzz-new-xx a:hover{ color: #2b9dc5; text-decoration: 2em; } .tyzz-new-xx span{ float: right; color: #969696; } .tyzz-new-link a{ background: rgba(252,252,252,1); border-color: rgb(36, 111, 125); border-style: solid; border-width: 1px; display: inline-block; margin: 0; padding-bottom: 10px !important; padding-left: 10px; padding-right: 10px; padding-top: 10px !important; min-width: 120px; color: rgb(36, 111, 125); font-size: 16px; text-align: center; margin-top: 15px; } .tyzz-new-link a:hover{ background: rgb(36, 111, 125); color: #fff; border-width: 1px; transition: all ease 0.6s; border-radius: 15px; } .tyzz-new-page{ float: right; margin-bottom: 30px; } .tyzz-new-page a{ padding: 5px 10px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; margin-left: 3px; display: block; float: left; font-size: 14px; } .tyzz-new-page a:hover{ color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; } .tyzz-new-page a.cur{ color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; } /************[关于]****************/ .tyzz-txt-main{ overflow: hidden; padding-top: 20px; padding-bottom: 20px; } .tyzz-main-pic-center{ line-height: 28px; } .tyzz-main-pic-left img{ text-align: left; } .tyzz-conter-main-txt{ margin-top: 30px; margin-bottom: 30px; } .tyzz-conter-main-txt span{ text-indent: 2em; padding-top: 20px; border-bottom: 1px solid #f1f1f1; height: 310px; color: #666; line-height:32px; padding-top: 10px; display: block; box-sizing: border-box; } .tyzz-conter-main-txt span img{ text-indent: 0em; } .tyzz-conter-main-txt img{ width: 414px; margin-left: 20px; float: right; } /************[产业布局]****************/ .content-info { position: relative; width: calc((100% - 80px)/4); float: left; overflow: hidden; height: 338px; margin: 0px 10px 30px; position: relative; } .content-info figure { height: 100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee; padding: 0px; margin: 0px; } .content-info figure img { height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; transition: 466ms; } .content-info figcaption { display: block; height: 42px; line-height: 42px; overflow: hidden; color: #5d5d5d; font-size: 15px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; transition: 335ms; color: #fff; padding: 0px 30px; box-sizing: border-box; background: -webkit-linear-gradient(left top,rgba(23, 193, 191, 0.85) , rgba(1, 125, 185, 0.85)); } .content-text { width: 100%; height: 100%; background: -webkit-linear-gradient(left top,rgba(23, 193, 191, 0.85) , rgba(1, 125, 185, 0.85)); background: #eb6123\9; filter: alpha(opacity=80); box-sizing: border-box; padding: 9px; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: rotateY(-90deg); transition: 450ms; } .content-wr { padding: 15px 20px; } .content-wr:before { content: ""; width: 95%; height: 95%; position: absolute; left: 2.5%; top: 2.5%; border-left: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; } .content-wr h3 { color: #ffffff; font-size: 20px; line-height: 28px; overflow: hidden; font-weight: normal; margin-bottom: 20px; height: 40px; padding-bottom: 22px; border-bottom: 1px solid #fff; } .content-wr p.time { color: #ffffff; font-size: 14px; overflow: hidden; height: 22px; height: 100%; margin-top: 0px; line-height: 180%; } .content-wr p { color: #ffffff; font-size: 14px; overflow: hidden; height: 98px; margin-top: 20px; } .content-wr span { color: #ffffff; font-size: 14px; position: absolute; left: 32px; bottom: 38px; z-index: 10; } .content-wr:after { content: ""; width: 95%; height: 95%; position: absolute; left: 2.5%; top: 2.5%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box; } .content-info:hover .content-text { opacity: 1; transform: rotateY(0); visibility: visible; } /************[煤电行业]****************/ .md-text-box:first-child{ margin-top: 20px; } .md-text-box{ margin-bottom: 40px; overflow: hidden; /* background-color: #f8f8ff; */ background-color: #ffffff; } .md-pic-l, .md-pic-r{ width: 590px; background: #fff; overflow: hidden; } .md-pic-r ul li{ width: 280px; float: left; text-align: center; margin-left: 15px; } .md-pic-l ul li img, .md-pic-r ul li img{ width: 100%; border-radius: 5px; display: block; } .md-pic-l ul li span, .md-pic-r ul li span{ height: 42px; line-height: 42px; font-size: 16px; } .md-text-l, .md-text-r{ height: 248px; line-height: 30px; box-sizing: border-box; } .md-text-l span{ padding: 90px 615px 0px 25px; display: block; color: #707070; font-size: 16px; } .md-text-r span{ padding: 90px 25px 0px 615px; display: block; color: #707070; font-size: 16px; } .md-pic-l ul li{ width: 280px; float: left; text-align: center; margin-right: 15px; } /************[石油行业]****************/ .md-pic-l-sy1{ width: 590px; background: #fff; overflow: hidden; padding: 35px 0px; } .md-pic-l-sy2{ width: 590px; background: #fff; overflow: hidden; padding: 35px 0px; text-align: center; } .md-pic-l-sy2 ul li { width: 490px; float: none; text-align: center; margin-right: 15px; margin: auto; font-size: 16px; } .md-text-l span{ padding: 72px 615px 0px 25px; display: block; color: #707070; font-size: 16px; } .syhy-pic{ border-top: 1px solid #f0f0f0; height:auto; padding-top: 30px; padding-bottom: 20px; overflow: hidden; } .syhy-pic-tit{ text-align: center; color: #010101; font-weight: bolder; font-size: 18px; position: relative; height: 44px; margin-bottom: 30px; } .syhy-pic-tit:after{ position: absolute; width: 40px; height:3px; background: #339999; bottom: 0px; left: 50%; margin-left: -20px; content:""; } .syhy-pic-block{ display: block; margin-bottom: 20px; } .syhy-pic-block img{ display: block; margin: 0px auto; height: 206px; } .syhy-pic-main span{ height: 42px; line-height: 42px; font-size: 16px; } .syhy-pic-main img{ border-radius: 5px !important; } .syhy-pic-t{ margin-top: 30px; } .syhy-pic-t img{ width: 215px; height: 207px; overflow: hidden; float: left; margin-right: 15px; } .syhy-pic-t span{ height: 42px; line-height: 24px; font-size: 16px; text-align: left !important; margin-top: 85px; display: block; } /************[交通行业]****************/ .md-text-box-bf { margin-bottom: 40px; overflow: hidden; background-color: #fff; } .jt-text span{ font-weight: bolder; display: block; height: 42px; line-height: 42px; font-size: 16px; } .syhy-pic-nt{ border-top: none; height:auto; padding-top: 30px; padding-bottom: 20px; overflow: hidden; } .jt-text{ padding-bottom: 40px; } .jt-text p{ line-height: 24px; font-size: 16px; } /************[军事行业]****************/ .js-text{ padding-bottom: 40px; line-height: 28px; padding-top: 20px; } /************[科研平台]****************/ .ky-pt{ padding-top: 30px; } .main-column { width: 100%; margin: 0 auto; } .main-column li { background: -webkit-linear-gradient(left top,rgba(23, 193, 191, 0.85) , rgba(1, 125, 185, 0.85)); margin-bottom: 16px; overflow: hidden; } .main-column li.odd-li .imgbox { float: right; } .main-column li.even-li .imgbox { float: left; } .main-column .imgbox { display: block; width: 50%; position: relative; overflow: hidden; } .main-column li.odd-li .cont-wrap { float: left; margin-left: 3.8%; } .main-column li.even-li .cont-wrap { float: right; margin-right: 3.8%; right: 0px; } .main-column .cont-wrap { width: 43%; height: auto; padding-top: 60px; } .i-column-wrap.white .stit a { color: #fff; transition: color 0.3s ease 0s; } .i-column-wrap.white .line { background-color: #fff; } .i-column-wrap .line { display: block; width: 10px; height: 2px; background-color: #fff; margin-top: 10px; } .i-column-wrap.white .mtit { color: #eee; } .main-column .cont-wrap .mtit { font-size: 18px; } .i-column-wrap .mtit { display: block; margin-top: 18px; line-height: 36px; color: #444; font-size: 18px; } .i-column-wrap.white .font { color: #fff; opacity: 0.8; filter: alpha(opacity=80); } .i-column-wrap .font { display: block; line-height: 24px; font-size: 13px; margin-top: 10px; height: 100px; overflow: hidden; } .main-column .cont-wrap .stit { font-size: 24px; font-weight: bold; } .main-column li .imgbox .pic { height: 100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; background: #eee; overflow: hidden; height: 0; width: 100%; padding-bottom: 60%; } .main-column a.imgbox:hover .pic { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } /************[翻页]****************/ .text-center-page{ padding-top: 20px; padding-bottom: 20px; overflow: hidden; border-top: 1px solid #e6e6e6; } .text-center-page font{ font-weight: bold; padding-right: 10px; } .text-center-page a{ color: #333; } .text-center-page a:hover{ color: #2a9ac4; } /************[新闻标题]****************/ .tyzz-news-con-tit { font-size: 26px; text-align: center; border-bottom: 1px solid #eaeaea; padding-top: 30px; padding-bottom: 30px; color: #333; } .swiper-container { width:100%; height: 526px; }