/*变灰
*{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter: gray;}
*/


*{margin:0; padding:0; font-family:"Century Gothic", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
a{color:#666; text-decoration:none;}
a:hover{color:#2765a8; text-decoration:none;}
li{list-style:none;}
img{border:0; vertical-align:middle;}
h1, h2, h3, h4{font-weight:normal;}
p{text-align:justify;}
.mean{width:1280px; margin:0 auto;}
/*top*/
.top{width:1280px; height:80px;}
.logo{width:340px; height:80px; float:left;}
.nav{width:940px; height:80px; float:right;}
.nav-list{width:940px; height:50px; background:#134e8f; margin-top:30px;}
.nav-list ul{float:right;}
.nav-list ul li{float:left; height:50px; line-height:50px;}
.nav-list ul li a{color:#fff; padding:0 12px; font-size:16px; font-weight:normal;}
.nav-list ul li span{/* display:block;
	float:right; */
	height:50px; line-height:50px; color:#fff;}
/*banner*/
.banner{width:1280px; height:540px; position:relative;}
.banner-news{width:1280px; height:540px; border:solid 1px #fff; position:absolute; left:0px; bottom:0; box-sizing:border-box;}
.banner-news .banner-bg{position:absolute; top:0; left:0; height:100%; width:100%; background-color:#2765a8; background:rgba(0, 112, 106, 0.6)!important; filter:alpha(opacity=60);}
.banner-news .banner-con{position:absolute; top:0; left:0; z-index:3; height:100%; width:100%;}
.banner-news .banner-con li{position:absolute; top:0; left:0; display:none;}
.banner-news .banner-con .first_new{display:block;}
.banner-news .banner-navs li{display:block;}
.banner-news .banner-con li h3{color:#fff; font-size:24px;}
.banner-news .banner-con li p{color:#fff; font-size:14px; margin:20px 0;}
.banner-news .banner-con li a{width:168px; height:44px; border:solid 1px #fff; display:inline-block; float:right; text-align:center; line-height:44px; color:#fff; border-radius:2px;}
.banner-news .banner-con li a:hover{background:#fff; color:#2765a8}
.banner-news .banner-navs{position:absolute; z-index:10; bottom:0px; height:40px; text-align:center; left:50%; margin-left:-100px;}
.banner-news .banner-navs li{float:left;}
.banner-news .banner-navs a{float:left; height:20px; width:20px; background:#fff; border-radius:50%; margin:0 8px; text-align:center;}
.banner-news .banner-navs li .banner-navs1{background:#f6ab00;}
.swiper-pagination{left:0 !important; bottom:0 !important; width:50% !important;}
.swiper-pagination-bullet{width:10px; height:10px; background:#fff;}
/*mean-01*/
.mean-01{height:340px; padding:20px 0px 10px 30px;}
.mean-01-left{width:910px; float:left;}
.mean-01-left h3{font-size:28px; color:#006d69; line-height:120px;}
.mean-01-left ul li{float:left; text-align:center; width:25%;}
.mean-01-left ul li p{line-height:60px;}
.mean-01-right{width:290px; height:350px; left:50%; margin-left:350px; position:absolute; background:url(../image/bg.png) no-repeat center bottom;}
.mean-01-right img{position:absolute; left:0; bottom:-20px;}
.mean-01-right-tit{height:40px; background:url(../image/tit.jpg) no-repeat; padding:0 20px; color:#fff; font-size:20px; line-height:40px;}
.mean-01-right-m{padding:15px;}
.mean-01-right-m ul li{border-bottom:dotted 1px #ccc; margin-bottom:15px; padding-bottom:15px;}
.mean-01-right-m ul li h4{font-size:17px; color:#2765a8;width: 90%!important;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		text-align: left;}
.mean-01-right-m ul li h4 span{color:#999; margin-left:10px;}
.mean-01-right-m ul li p{font-size:12px; color:#3a3a3a;}
.mean-02{margin:20px 0;}
.mean-02-tit{height:70px; background:url(../image/tit-bg.jpg) no-repeat; line-height:70px; padding:0 80px; font-size:30px; color:#fff;}
.mean-03 .mean-02-tit{width:810px;}
.mean-02-m, .mean-03-m{padding:20px 80px;}
.mean-02-m > p, .mean-03-m > p{width:900px;}
.mean-02-m ul, .mean-03-m ul{width:940px;}
.mean-02-m ul li{float:left; width:50%; margin-top:30px;}
.mean-02-m ul li h4{font-size:24px; color:#2765a8; margin-bottom:10px;}
.mean-02-m ul li img{width:401px; height:240px;}
.mean-02-m ul li p{font-size:14px; width:401px; color:#3a3a3a; margin-top:10px;}
/*mean-03*/
.mean-03{overflow:hidden; margin:20px 0;}
.mean-03-m ul{overflow:hidden; margin-top:20px;}
.mean-03-m ul li{width:166px; float:left; margin-right:15px; overflow:hidden}
.mean-03-m ul li+li+li{display:block;}
.mean-03-m ul li img{width:166px; height:166px;}
.mean-03-m ul li div{height:130px; padding:15px;}
.card1{background:#1f82c0;}
.card2{background:#6dbfa9;}
.card3{background:#33b8ca;}
.card4{background:#30bfb8;}
.card5{background:#63b2e4;}
.mean-03-m ul li span{color:#fff; font-size:20px; display:block; text-align:center;}
.mean-03-m ul li p{color:#fff; font-size:14px; margin-top:20px;}
/*mean-04*/
.mean-04{overflow:hidden;}
.mean-04-m{padding:0 80px; width:910px;}
.mean-04-m img{float:left;}
.mean-04-m-r{float:left; width:300px; padding:70px 50px;}
.mean-04-m-r p{line-height:30px; font-size:12px; color:#3a3a3a; margin-bottom:20px;}
.mean-04-m-r p a{color:#2765a8;}
/*mean-05*/
.mean-05-m{padding:20px 80px; width:910px;}
.mean-05-m-left{width:50%; float:left;}
.mean-05-m-left p{margin-bottom:20px; color:#3a3a3a; font-size:14px;}
.mean-05-m-right{width:45%; float:right; padding-left:5%;}
.mean-05-m-right p{font-size:12px; color:#3a3a3a; margin-top:35px;}
/*mean-06-m*/
.mean-06-m{width:910px; padding:20px 80px;}
.mean-06-m ul li{width:33.3%; float:left; margin-bottom:20px; min-height:130px;}
.mean-06-m ul li p{font-size:12px; color:#616161; line-height:20px;}
/*footer*/
.footer{height:60px; background:#134e8f; text-align:right; padding:20px 100px 0 100px;}
.footer p{line-height:20px;}
.footer p, .footer p a{color:#fff; font-size:13px;}
/*info*/
.banner-page{height:306px;}
.page-mean-mean{margin:0 80px; border:solid 1px #ccc; overflow:hidden; margin-bottom:30px; border-top:0;}
.miaobao{height:60px; line-height:60px; padding:0 80px; border-bottom:solid 1px #ccc;}
.miaobao a{color:#2765a8;}
.page-mean-left{width:204px; float:left; border:solid 1px #ccc; padding:30px 15px; border-top:0; border-left:0; border-bottom:solid 6px #2765a8;}
.page-mean-left ul li{line-height:22px; padding:4px 0;}
.page-mean-left ul li span{width:10px; height:10px; background:url(../image/icon.jpg) no-repeat; display:inline-block; margin-right:10px; margin-top:7px;}
.page-mean-left ul li span.icon{background-position:0 -13px;}
.page-mean-left ul li a{color:#2765a8; font-size:14px;}
.page-mean-left ul li span.icon-cur{background-position:0 0;}
.page-mean-right{width:820px; float:right; margin:0 25px;}
.title{border-bottom:solid 1px #ccc; line-height:30px; color:#2765a8; font-size:20px; padding:15px 0; text-align:center;}
.page-info{font-size:14px; color:#3a3a3a; padding:20px 0;}
.page-info img{max-width:750px; height:auto;}
.page-info p{line-height:24px;}
.news{padding:20px 0;}
.news ul li{text-align:right; line-height:40px; border-bottom:dotted 1px #ccc; font-size:14px; color:#86827f;}
.news ul li a span{width:3px; height:3px; background:#ccc; display:inline-block; line-height:40px; vertical-align:middle; margin-right:10px;}
.news ul li > a{float:left; color:#3a3a3a;}
.news ul li a:hover{color:#2765a8;}
.pagelist{height:50px; line-height:50px; text-align:center;}
.pagelist a{color:#2765a8;}
.pagelist input{width:30px; height:20px; line-height:20px; background:#2765a8; color:#fff; border:0; outline:none;}
.page-info img{display:block; margin:0 auto;}
.news .new_pic{width:700px;}
.news .new_pic li{width:700px; text-align:left; padding:8px;}
.news .new_pic li > a{display:block;}
.pic_divs{float:left; padding-left:15px; width:515px;}
.pic_divs .cp_name{font-size:16px; line-height:32px; color:#2765a8; font-weight:bolder;}
.pic_divs .cp_js{font-size:13px; line-height:26px;}
/* ��Ʒ�ۺ�ҳ */
.page-mean-mean .chanp_w{width:250px; height:300px; border:1px solid #ccc; float:left; margin:20px 20px 0 0; position:relative; overflow:hidden;}
.page-mean-mean .chanp_w .cp_bg{width:250px; height:300px; position:absolute; top:0;}
.chanp_d{width:220px; height:270px; padding:15px; position:absolute; background:url(../image/blue_bg8.png) repeat; transition:all 0.3s linear; top:240px; color:#fff;}
.chanp_w:hover .chanp_d{top:0;}
.chanp_d h3{margin-bottom:15px; border-bottom:2px solid #fff;}
#clear{clear:both; display:block; font-size:0; line-height:0; height:0;}