/*广告图*/
.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;}
}













