@charset "utf-8"; /******************4.13新增******************/ li{ list-style:none;} a{ color: #333; } ul{ padding:0; margin:0;} a:hover,a{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } p{ margin:0; } .xs-news{ background: url(../images/back-xz.png) center no-repeat; background-size: cover; padding:50px 0 80px 0; overflow:hidden; } .xz-news-sm{ margin:0 -25px; } .xz-left{ width: 50%; float: left; box-sizing: border-box; padding:0 25px; } .xz-left-tt{margin-bottom: 25px;font-size: 24px;color: #404040; line-height: 24px;} .xz-left-tt > span{ font-size: 24px;color: #404040; line-height: 24px;margin-right:20px; } .xz-left-tt > a{ color: #767676; font-size: 14px; float: right; line-height: 20px; display: inline-block; background: url(../images/icon-xz.png) right center no-repeat; padding-right: 30px; } .xz-title{ line-height: 78px; } .xz-news li a{ display: block; transition: 0s all; border-bottom: dashed 1px #ddd; } .xz-title{ font-size: 18px; color: #363636; } .xz-title span{ padding-left: 28px; font-size: 14px; background: url(../images/icon-xz02.png) left center no-repeat; } .xz-title span font{ display: inline-block; padding:0 20px; } .txt-elise{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .xz-hover{ display: none; } .xz-hover-date{ padding-left: 28px; font-size: 14px; color: #0068c9; background: url(../images/icon-xz02.png) left center no-repeat; } .xz-hover-title{ font-size: 18px; margin-top: 15px; color: #0068c9; font-weight: bold; } .xz-hover-p{ font-size: 16px; color: #0068c9; line-height: 25px; height: 50px; overflow:hidden; margin-top: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xz-news li.active a{ padding-bottom: 32px; padding-top: 25px; border-bottom: solid 1px #0068c9; } .xz-news li.active .xz-title{ display: none; } .xz-news li.active .xz-hover{ display: block; } .xz-news{ margin-top: -25px; } .zk-ul li a{ display: block; border-bottom: dashed 1px #ddd; transition: 0s all; } .zk-ul li a .xz-title{ background: url(../images/icon-dian.png) left center no-repeat; margin-left: 18px; padding-left: 25px; position: relative; padding-right: 140px; } .zk-ul li a .xz-title span{ padding:0; background: none; color: #939393; position: absolute; right: 30px; top: 0; } .zk-ul li.active a{ height: 160px; padding:40px 30px; box-sizing: border-box; border:none; background:url(../images/back-xz-sm.png) center no-repeat; background-size: cover; } .zk-ul li.active .xz-title{ display: none; } .zk-hover-tt{ font-size: 18px; display: none; color: #fff; font-weight: bold; line-height: 18px; } .zk-hover-p{ font-size: 14px; display: none; color: #fff; line-height: 25px; height: 50px; overflow:hidden; margin-top: 20px; } .zk-ul li.active .zk-hover-tt,.zk-ul li.active .zk-hover-p{ display: block; } .hd_xs_zs .Tab{ width: 520px; } .tabs-ul-center{ text-align: center; max-width: 700px; margin:0 auto; } .tabs-ul-center li{ float: left; width: 25%; } .tabs-ul-center li a{ display: inline-block!important; transition: 0s all!important; width: auto!important; height: 50px; line-height: 50px; padding:0 25px!important; font-size: 24px; color: #414141; } .tabs-ul-center li.active a,.tabs-ul-center li a:hover{ background: url(../images/tabs-back.png) center no-repeat!important; color: #fff; background-size: cover!important; border-radius: 20px 0 20px 0; } .img-ul-list li a{ display: block; height: 205px; padding:30px; border-bottom: dashed 1px #ddd; } .img-ul-left img{ width: 250px; height: 150px; } .img-ul-left{ float: left; } .img-ul-right{ margin-left: 290px; padding-top: 20px; } .img-ul-date{ font-size: 16px; color: #005bac; padding-left: 27px; background: url(../images/icon-date01.png) left center no-repeat; } .img-ul-tt{ font-size: 20px; color: #333; margin-top: 10px; } .img-ul-p{ font-size: 16px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .img-ul-list li a:hover{ background: url(../images/list-back.png) center no-repeat!important; border:none; background-size: cover!important; } .img-ul-list li a:hover .img-ul-date{ color: #fff; background: url(../images/icon-date02.png) left center no-repeat; } .img-ul-list li a:hover .img-ul-tt{ color: #fff; } .img-ul-list li a:hover .img-ul-p{ color: #e8e8e8; } .img-ul-list li{ margin:0!important; } .tab-content{ position: relative; } .tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; } .tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); } .clearfix:after{ display: table; clear: both; } @media( max-width: 768px){ .xz-left{ width: 100%; } .xz-title{ font-size: 16px; line-height: 45px; } .xs-news{ padding:20px 15px; } .xz-news{ margin-bottom: 20px; } .zk-ul li.active a{ height: auto; padding:20px 15px; } .tabs-ul-center li{ display: table-cell; float: none; width: auto; } .tabs-ul-center{ display: table; } .tabs-ul-center li a{ width: 100%; font-size: 16px; padding:0 10px!important; min-width: 60px; text-align: center; } .img-ul-list li a{ height: auto; padding:15px; } .img-ul-left img{ width: 125px; height: 75px; } .img-ul-right{ margin-left: 135px; padding:0; } .img-ul-date{ display: none; } .img-ul-tt{ font-size: 16px; margin-top: 0; } .img-ul-p{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } }