/*广告图*/ .banner{ height:400px; position:relative} .banner .title-con {top: 50%; width: 95%; max-width: 1400px;margin: 0 auto;z-index: 2; color: #fff; position:relative;} .banner .title-con span {display: block;font-size: 45px; margin-left: 30px;margin-left: 0px \9;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards;opacity: 0;opacity: 1 \9;} .banner .title-con strong {display: block;font-size: 30px;font-weight: 100;margin-left: -30px;margin-left: 0 \9;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards;opacity: 0;opacity: 1 \9;} .banner .image-con {overflow: hidden;height: 100%;width: 100%;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform: scale(1);-webkit-transform: scale(1); position: absolute; top: 0px; } .banner .image-con .image {height: 100%;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center top;} @-webkit-keyframes cth1 { 0% { margin-left: 30px; opacity: 0; } 100% { margin-left: 0px; opacity: 1; } } @keyframes cth1 { 0% { margin-left: 30px; opacity: 0; } 100% { margin-left: 0px; opacity: 1; } } @-webkit-keyframes cth2 { 0% { margin-left: -30px; opacity: 0; } 100% { margin-left:0px; opacity: 1; } } @keyframes cth2 { 0% { margin-left: -30px; opacity: 0; } 100% { margin-left:0px; opacity: 0.4; } } /*分类栏目*/ .menu{height: 70px;background-color: #fff;border-bottom: 1px #eee solid;position: relative;z-index: 2;overflow: hidden;} .menu_cont{ width:95%; max-width:1400px; margin:0 auto;} .menu_cont_nav{position: relative;float: left;} .menu_cont_nav ul li {float: left;line-height: 70px;font-size: 16px;margin-right: 50px;} .menu_cont_nav ul li a {color: #525456;text-decoration: none; line-height:68px; display:block;} .menu_cont_nav ul li a:hover {text-decoration: none;color: #008bd0;border-bottom: 2px solid #008bd0;} .menu_cont_nav ul li.current a {color: #008bd0; border-bottom: 2px solid #008bd0;} .location {position: relative;margin: 0 auto;overflow: hidden;font-size: 14px;color: #aaa;height: 70px;line-height: 70px;float: right;} .location a {color: #666;} .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height: 100%;} .location i {color: #bbb;font-size: 22px;position: relative;width: 19px;display: inline-block;} .location span { margin: 0 2px;} /*正文*/ .content{width:95%; max-width:1400px; margin:0 auto; margin-top:30px; overflow:hidden;} .content p{margin-bottom: 10px; font-size:16px; line-height:30px;} /*领导风采*/ .firstitem{ width:50%; margin:0 auto; background:#f1eff1; overflow:hidden;} .firstitem_pic{ width:30%; float:left; margin-right:6%;} .firstitem_cont{ width:62%; float:left; margin-top:40px;} .firstitem_cont h3{ margin-bottom:20px;} .firstitem_cont p{ text-indent:0em;} .content .line { height: 1px;background-color: #eee;margin-bottom: 20px; margin-top:20px;} .items{background:#f1eff1; overflow:hidden;} .items .firstitem_pic {width:40%; float:left; margin-right:6%;} .items .firstitem_pic img{ height:250px;} .items .firstitem_cont{ width:52%; float:left; margin-top:40px;} .col-xs-4{ margin-bottom:20px; overflow: hidden;max-height: 250px;} /*新闻列表*/ .news-list1 ul li { padding: 30px 0; border-bottom: 1px #eee solid;position: relative;} .news-list1 ul li .image {width: 17%;float: left;max-height: 160px;overflow: hidden;border: 1px solid #e8e8e8;} .news-list1 ul li .image img {width: 100%;} .news-list1 ul li .text {width: 80%; float: right; position: relative;} .news-list1 ul li .text span {display: block;font-size: 18px;color: #999;} .news-list1 ul li .text strong {display: block; margin-bottom: 10px;line-height: 1.8;font-size: 18px;} .news-list1 ul li .text strong a {color: #333;} .news-list1 ul li .text strong a:hover {color: #008bd0;} .text_cont{ font-size:16px; line-height:30px; margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } /*分页*/ #pages{ text-align:center; padding-top:25px; height:90px;} #pages a{ display:inline-block; padding:9px 15px; background-color:#fff; color:#888; margin:0 2px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s; border:1px #ddd solid; border-radius:3px} #pages a:hover{ background-color:#008bd0; border-color:#008bd0; color:#fff} #pages a.active{ background-color:#008bd0;border-color:#008bd0; color:#fff} #pages a.prev,#pages a.next{ font-size:14px;} #pages span{display:inline-block; padding:9px 15px; color:#888; position:relative;top:-2px} #pages label{margin-left:10px;font-weight:400} #pages label input{margin:0 3px} /*新闻详情*/ .news-info .title {color: #333;text-align: center;padding: 0px 10px 20px;} .news-info .title h1 {font-size: 20px;font-weight: 600;line-height: 32px;} .news-info .info {color: #bbb;position: relative;padding: 15px 40px;background-color: #f2f2f2; margin-bottom:20px;} .news-info .info span.date {background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;} .news-info .info span.hits {background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;} .other {border-top: 1px #eee solid;padding: 20px 0px 15px;font-size: 14px;} .other .left { color: #777;} .other .left a{ color: #777;} .other .left p {text-indent:0em;} /*员工风采*/ .mb_cont{ overflow:hidden;} .mbitem{ width:23%; float:left; margin-left:1%; margin-right:1%;} .mbitem_pic img{ width:100%;height:220px;} .mbitem_name{ margin-top:10px; text-align:center; margin-bottom:20px; font-size:16px;} .mbitem_name a{color:#333;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .map_right{ width:37%; float:right;} .map_right strong { font-size: 20px; line-height: 1.4; font-weight: normal; margin-bottom: 10px; display: block;} .map_right p {text-indent:0em;margin-top: 5px; line-height: 180%; position: relative;} .map_right label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;} .con-wrapper .iconfont{ width:17px; display: inline-block; margin-right: 5px;} /*廉洁川瑞*/ .bid-list li {border-bottom: 1px #e8e8e8 solid;padding: 35px 0;position: relative;padding-left: 100px;} .bid-list li .date {width: 80px; position: absolute;left: 0px;top: 35px;} .bid-list li .date strong {display: block;line-height: 60px;background-color: #828d95;text-align: center;font-size: 36px;color: #fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;font-weight: normal;} .bid-list li .date span { display: block;line-height: 24px;text-align: center; font-size: 14px;color: #fff;margin-top: 1px;background-color: #ccc; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} .bid-list li .text {position: relative;} .bid-list li .text .title {display: block;font-weight: 600;line-height: 28px;font-size: 18px; width: 100%;} .list_content{ font-size:16px; line-height:30px; margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } .bid-list li a{color:#333;} .bid-list li a:hover{ color:#014099;} @media (max-width: 768px) { /*广告图*/ .banner{ height:200px; position:relative} .banner .title-con span {font-size: 30px;} .banner .title-con strong {display: block;font-size: 26px;} .menu_cont_nav ul li {float: left;line-height: 70px;font-size: 14px;margin-right: 0px; width:25%; display:inline-block; overflow:hidden; height:70px;border-bottom: 1px #eee solid;} .menu_cont_nav ul li a{ text-align:center;} .menu {height: auto;} .menu_cont_nav {position: relative;float:none; width:100%;} .location{ display:none;} .firstitem{ width:100%;} .firstitem_cont {margin-top: 20px; width: 52%;} .firstitem_pic {width: 40%;} .col-xs-4 {width:100%;} .news-list1 ul li .image {max-width: 100%;float: left;width: 100%;max-height: 243px;overflow: hidden;} .news-list1 ul li .text {width: 100%;} #pages label{ display:none;} .mbitem {width: 100%;float: left;margin-left: 0%;margin-right: 0%;} .news-info .info { padding: 15px 20px;} #dituContent{ width:100% !important;} .map_right{ width:100%; margin-top:20px;} .items .firstitem_pic img{ height:auto;} .mbitem_pic img{ width:100%;height:250px;} .news-info .title {color: #333;text-align: center;padding: 0px 10px 20px;} }