*{margin: 0;padding: 0;} a{text-decoration: none;} li{list-style: none;} body{font-family: "微软雅黑";font-size: 16px;} h1{font-size:44px;} /*首页header*/ #header{height: 60px;line-height: 60px;border-bottom: 1px solid #e8e4ea;} #header .header{width: 1205px;margin: auto;} #header .header p{color: #aba3b2;font-size: 14px;float: left;} #header .header>div span{color: #aba3b2;font-size: 14px;margin-left: 350px;} #header .header>div div{float: right;border-left: 1px solid #e8e4ea;height: 35px;line-height: 35px;margin-top: 12px;position: relative;} #header .header>div div .text{height: 32px;margin-left: 20px;border-radius: 20px;padding-left: 20px;width: 250px;outline: none;} #header .header .btn{color: #fff;background-color: #1367c4;border: none;border-radius: 20px;outline: none;width: 80px;height: 30px;position: absolute;right: 5px;top: 5px;} /*首页banner*/ #banner{height: auto; width: 100%;} #banner .banner{width: 1200px;margin:15px auto 10px auto;position: relative;} #banner .banner .logo{position: relative;} #banner .banner .logo h2{position: absolute;top: 5px;left: 85px;font-size: 31px;} #banner .banner .logo p{position: absolute;top: 48px;left: 85px;font-size: 10px;} #banner .banner .title{position: absolute;top:15px;left: 400px;} #banner .banner .title ul li{float: left;width: 100px;text-align: center;padding-bottom: 30px;} #banner .banner .title ul li a{color: #aba3b2;padding-bottom: 22px;} #banner .banner .title ul li a:hover{color: #1367c4;border-bottom: 1px solid #1367c4;} #banner .banner .title ul li a.click{color: #1367c4;border-bottom: 1px solid #1367c4;} #banner>img{width: 100%; margin-top: 0;} /*导航*/ .banner .header { position: absolute;top:15px;left: 400px; height: auto; background: url(../img/line-solid.gif) repeat-x bottom; width: 800px; margin: 0 auto; z-index: 100; } .menu { height: 40px; background: url(../img/menu_bg_1.gif) no-repeat -97px bottom; z-index: 100; background-position: 0 100%; top: 50px; padding-right: 1px; } .menu li { float: left; font-size: 16px; text-align: center; line-height: 18px; padding: 0; } .menu li.lihover, .menu li.licurrent { padding-bottom: 15px; border-bottom: 3px solid #24813a; } .menu li a { padding: 2px 17px; border-right: 1px solid #D7D7D7; color: #242424; font-weight: 300; margin: 0; border-left: none; display: inline-block; font-size: 16px; width: 64px; } .menu li a.noborder { border-right: none;} .li_3 { position: relative; z-index: 100; } .li_3 a.noclick { width: 60px; } .li_3_content { position: absolute; top: 20px; left: 0px; line-height: 40px; z-index: 99; display: none; height: 188px; *top: 18px; width: 99px; } .li_3_content a:hover { color: #24813a !important; } .li_3_content dt { height: 17px; border-bottom: 3px solid #24813a; *height: 19px; line-height: 17px; } .li_3_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 0 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_3_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_3_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_3_content dd.lastItem a { border-bottom: none; } .miui_logo { position: absolute; top: 29px; left: 0; } .language { position: absolute; right: 0; top: 10px; line-height: 20px; height: 20px; font-size: 12px; color: #6D6D6D; text-align: right; } .language span { color: #A6A6A6; padding: 0 3px; } .language a { color: #A6A6A6; } .language a:hover { text-decoration: underline; } /*首页about*/ #about{height: auto;margin-top: 50px;} #about .about{width: 1200px;margin: auto;} h1.title{font-weight:bold;border-left: 10px solid #1367c4;font-size: 18px; line-height:26px; padding-left: 10px;border-bottom: 1px solid #e8e4ea;} h1.title span{font-size: 18px;margin-left: 20px;} #about .about .about_content{padding:50px 80px;position: relative;} #about .about .about_content .sbp{width: 565px;padding: 40px 20px;background-color: #1367c4;opacity: 0.8;color: #fff;position: absolute;top: 80px;left: 490px;font-size: 14px;line-height: 30px;} #about .about .about_content .sbp p{text-indent:2em;} #about .about .about_content .sbp a{color:#FFFE49;} #about .about .about_content .sbp a:hover{color:#FFE224;} /*首页news*/ #synews{height: auto;} #synews .news{width: 1200px;margin: auto;} #synews .news .news_content{padding: 50px 40px;position: relative;} #synews .news .news_content .right_con{width: 520px;border:1px solid #eee;padding: 10px 0;overflow: hidden;} #synews .news .news_content .right_con .slidePic{width: 520px;position: relative;height: 280px;} #synews .news .news_content .right_con .slidePic ul{width: 200%;overflow: hidden;} #synews .news .news_content .right_con .slidePic ul li{float: left;margin-left: 12px;} #synews .news .news_content .right_con .slidePic ul li img{width:498px; height:280px;} #znews{width:1200px; height:auto; margin: 0 auto 60px auto;} #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:30px!important;height:30px!important;top:150px;display: none;} #btn_prev{background:url(../img/hover_left.png) no-repeat left top;left:50px;background-size: 100%;} #btn_next{background:url(../img/hover_right.png) no-repeat right top;right:50px;background-size: 100%;} .news_intro{margin-top:0;position: relative;margin-left: 12px; right: 10px;} #synews .news .news_content .right_con .news_intro{margin-top:10px; margin-left:20px;} .news_intro h1{font-weight: 300;font-size: 14px;color: #6e6378; font-weight: bold;} .news_intro span{position: absolute;top: 0px; font-size:14px; right: 3px; color: #a79fae;} .news_intro p{font-size: 12px;color: #a79fae;margin-top: 10px;line-height: 18px;} #synews .news .news_content .left_con{width: 580px;position: absolute;left: 600px;top: 50px;} #synews .news .news_content .left_con ul{overflow: scroll;height: 431px;} #synews .news .news_content .left_con ul li{margin-top: 0px; margin-bottom:35px;} #synews .news .news_content .left_con ul li a>h1{font-weight: 300;font-size: 60px; line-height:100px;float: left;color: #6e6378;} #synews .news .news_content .left_con ul li.click h1{color: #1367c4;} #synews .news .news_content .left_con ul li:hover h1{color: #1367c4;} #synews .news .news_content .left_con .news_intro{padding-left: 20px;margin-left: 100px;border-left: 2px solid #dfdbe2;} /*首页project*/ #project{height: auto;} #project .project{width: 1200px;margin: auto;} #project .project .project_con{padding: 50px 0;position: relative;} #project .project .project_con ul li{width: 190px;text-align: left;height: 86px; padding-top:28px; border:1px solid #e4dfe6;padding-left: 50px; font-size:18px;color: #7f7489;} #project .project .project_con ul li.click{border:1px solid #1372be;background: #1372be; color:#FFFFFF;} /*#project .project .project_con ul li:hover{background:url(../img/kuai_03.png) no-repeat;}*/ #project .project .project_con ul li p{font-size: 12px;} #project .project .project_con ul li .wz{font-size: 18px;} #project .project .project_con .pro_intro>div{display: none;} #project .project .project_con .pro_intro>div img{position: absolute;left: 260px;top: 50px; width:507px; height:346px;} #project .project .project_con .pro_intro>div .indfo{width: 400px;position: absolute;left: 788px;top: 50px;font-size: 14px;color: #7d7287;line-height: 30px;border: 1px solid #E8E8E8; padding: 8px;} #project .project .project_con .pro_intro>div .indfo a{background-color: #1367c4;color: #fff;padding:5px 10px; margin-left: 12px;} #project .project .project_con .pro_intro>div .indfo p{text-indent:2em;} /*首页work*/ #work{height: auto;} #work .work{width: 1200px;margin: auto;} #work .work img{margin: 50px 0;} /*首页and*/ #and{height: auto;} #and .and{width: 1200px;margin:auto;} #and .and .notice{width: 550px;} #and .and>div{float: left;margin-left: 100px;} #and .and .notice ul{margin: 40px 0;} #and .and .notice ul li{font-size: 14px;height: 50px;line-height: 50px;border-bottom: 1px dashed #e8e4ea;} #and .and .notice ul li a{color: #7d7287;} #and .and .notice ul li a:hover{color: #1367c4;} /*首页relevant*/ #relevant{clear: both;height: auto;margin-bottom: 180px;} #relevant .relevant{width: 1200px;margin: auto;} #relevant .relevant ul{margin-top: 5px;} #relevant .relevant ul li{float: left;width: 160px;text-align: center;height: 55px;padding: 10px 0;margin-left: 10px;border:1px solid #e8e4ea;margin-top: 20px;} /*首页nav*/ #nav{height: 70px;clear: both;background-color: #1367c4;line-height: 70px; margin-top:30px; width: 100%;} #nav .nav{width: 1200px;margin: auto;} #nav .nav ul li a{float: left;margin-left: 40px;width: 100px;text-align: center;color: #fff;} #nav .nav ul li a:hover{text-decoration: underline;} /*首页footer*/ #footer{height: auto;background-color: #dfdbe2;padding: 50px 0; width: 100%;} #footer .footer{width: 1200px;margin: auto;position: relative;} #footer .footer .logo1{text-align: center;width: 300px;} #footer .footer .logo1 h2{font-weight: 300;font-size: 30px;color: #93899c;margin-top: 20px;} #footer .footer .logo1 p{font-size: 12px;color: #93899c;} #footer .footer .contact{width: 300px;font-size: 14px;position: absolute;left: 400px;top: 0px;border-left: 1px solid #c6c0cb;padding: 0 80px;border-right: 1px solid #c6c0cb;} #footer .footer .contact div{margin-bottom: 20px;color: #93899c; height:auto;} #footer .footer .contact div p{margin-bottom:16px;} #footer .footer .contact div img{float:left;} #footer .footer .contact div span{margin-left:30px;display:block;} #footer .footer .wx{position: absolute;left: 900px;top: 0;width: 300px;text-align: center;color: #93899c;} #footer .footer .wx>img{width: 150px;height: 150px;} /*版权*/ #copyright{height: 50px;text-align: center;margin-top: 30px;} #copyright p{color: #575757;} /*公司简介link*/ #link{margin:0px;} #link .link{width: 1200px;margin: auto; height:30px; line-height:22px;} #link .link a{color: #c0bfbf; font-size:12px;} /*公司简介com_title*/ #com_title{margin:0;border-bottom: 1px solid #c0bfbf;border-top: 1px solid #c0bfbf;height: 70px;} #com_title .com_title{width: 100%;margin: auto;} #com_title .com_title ul{width:645px; margin:0 auto;} #com_title ul li{color: #4b4b4b; float: left;width: 160px;text-align: center;height: 70px;line-height: 70px;border-right: 1px solid #c0bfbf;} #com_title ul li.click{background-color: #1372be;color: #fff; */} #com_title ul li.bleft{border-left: 1px solid #c0bfbf;} /*公司简介company*/ #company{height: auto;margin-top: 10px;} #company .company{width: 900px; margin: auto;} #company .company>div{display: none;} #company .company .com_intro img{margin-left:0px;} #company .company .com_intro p{line-height: 24px;color: #4b4b4b;font-size: 14px;padding:0; text-indent:2em;} #company .company .diploma ul li{float: left;border: 1px solid #c0bfbf;padding: 5px;margin: 40px 0;margin-left: 20px;} #company .company .organize{margin-left: 50px;} #company .company .organize .msz{position: relative;} #company .company .organize .msz div{position: absolute;top: 0;left: 448px;padding: 45px;background-color: #f8f7f7;width: 590px;} #company .company .organize .msz div h1{font-weight: 300;font-size: 30px;color: #353434;} #company .company .organize .msz div p{font-size: 16px;line-height: 30px;margin-top: 20px;color: #4b4b4b;} #company .company .organize>img{margin-top: 140px;} #company .company .volunteer ul li{float: left;border: 1px solid #c0bfbf;padding: 10px;margin: 40px 0;margin-left: 40px;position: relative;} #company .company .volunteer ul li p{position: absolute;bottom: 15px;left: 10px;background-color: #343434;padding: 10px 20px;color: #fff;} /*新闻列表*/ #com_title .news_title{width: 1200px;margin: auto;} #com_title .news_title ul{margin-left: 350px;} /*新闻列表today*/ #con>div{display: none;} #today{height: auto;margin:0px;background-color: #f5f2f2;} #today .today{width: 1200px;margin: auto;position: relative;} #today .today>img{width:603px; height:348px; border:1px #D1D1D1 solid; padding:10px; margin:25px 0;} #today .today .today_intro{position: absolute;top: 40px;left: 650px;text-align: center;} #today .today .today_intro h1{font-weight: 300;font-size: 24px;margin-top: 25px;} #today .today .today_intro h1 a{color:#757575;} #today .today .today_intro h1 a{color:#5B5B5B;} #today .today .today_intro .ttd{margin-top: 30px;color:#757575;text-align: left;line-height: 30px; text-indent: 2em;} #today .today .today_intro .ttd a{color: #1372be;} /*新闻列表newslist*/ #newslist{height: auto;} #newslist .newslist{width: 1200px;margin: auto;} #newslist .newslist ul li{position: relative;margin-top: 90px;color: #4b4b4b;} #newslist .newslist ul li>p{width: 70px;} #newslist .newslist ul li>p span{font-size: 60px;display: block;} #newslist .newslist ul li div{width: 900px;position: absolute;top: 0;left: 90px;padding: 0 20px;border-left: 1px solid #e5e5e5;} #newslist .newslist ul li div h1{font-weight: 600;font-size: 18px;} #newslist .newslist ul li div h1 a{color:#4b4b4b;} #newslist .newslist ul li div h1 a:hover{color:#A00002;} #newslist .newslist ul li div .lbzy{margin-top: 25px;line-height: 30px; display:block; text-indent: 2em;} #newslist .newslist ul li div .lbzy a{color: #CD0003;} #newslist .newslist ul li div .lbzy a:hover{color:#FF3336;} #newslist .newslist ul li img{position: absolute;top: 20px;right: 0;} #newslist .newslist .page{position: relative;height: 22px;} #newslist .newslist .page ul{position: absolute;top: -90px;right: 150px;} #newslist .newslist .page ul li{float: left;width: 20px;text-align: center;margin-left: 10px;} #newslist .newslist .page ul li a{color: #4b4b4b;} #newslist .newslist .page .left{position: absolute;top: 0;right: 220px;} #newslist .newslist .page .right{position: absolute;top: 0;right: 90px;} /*新闻内容*/ #news{height: auto;margin-top: 0px; padding-top:20px; border-top: 1px solid #c0bfbf;} #news p{font-size:14px; text-indent:2em;} #synews{height: auto;margin-top: 0px;} #synews p{font-size:14px; text-indent:2em; line-height:30px;} .newstitle{text-align: center;border-bottom: 1px solid #c0bfbf;} .newstitle h1{font-weight: 300;font-size: 18px;color: #454545;} .newstitle p{margin: 20px 0;color: #7b7777;} .newsCon{width: 900px;margin: auto;margin-top: 30px;} .newsCon p{color: #4b4b4b;line-height: 30px; font-size:14px;} .page{margin-top: 90px;border-top: 1px solid #c0bfbf;position: relative;} .page .next{position: absolute;top: 10px;left: 300px;} .page .prev{position: absolute;top: 10px;right: 300px;} .page a{color: #4b4b4b;} /*公益项目*/ /*公益项目列表newslist*/ #gyxmlist{height: auto;} #gyxmlist .gyxmlist{width: 600px;margin: auto;} #gyxmlist .gyxmlist ul li{position: relative;margin-top: 15px;color: #4b4b4b; height:60px;} #gyxmlist .gyxmlist ul li>p{width: 70px;} #gyxmlist .gyxmlist ul li>p span{font-size: 60px;display: block;} #gyxmlist .gyxmlist ul li div{width: 600px; height:60px; position: absolute;top: 40px;left: 0;padding: 0;border: 1px dashed #e5e5e5;} #gyxmlist .gyxmlist ul li div h1{font-weight: 600;font-size: 18px; line-height:60px; margin-left:120px;} #gyxmlist .gyxmlist ul li div h1 a{color:#4b4b4b;} #gyxmlist .gyxmlist ul li div h1 a:hover{color:#A00002;} #gyxmlist .gyxmlist ul li div h1 span{color:#1372be;} #gyxmlist .gyxmlist ul li div .lbzy{margin-top: 25px;line-height: 30px; display:block; text-indent: 2em;} #gyxmlist .gyxmlist ul li div .lbzy a{color: #CD0003;} #gyxmlist .gyxmlist ul li div .lbzy a:hover{color:#FF3336;} #gyxmlist .gyxmlist ul li img{position: absolute;top: 55px;right: 0;} #gyxmlist .gyxmlist .page{position: relative;height: 22px;} #gyxmlist .gyxmlist .page ul{position: absolute;top: -90px;right: 150px;} #gyxmlist .gyxmlist .page ul li{float: left;width: 20px;text-align: center;margin-left: 10px;} #gyxmlist .gyxmlist .page ul li a{color: #4b4b4b;} #gyxmlist .gyxmlist .page .left{position: absolute;top: 0;right: 220px;} #gyxmlist .gyxmlist .page .right{position: absolute;top: 0;right: 90px;} #com_title .gyxm_title{width: 100%;margin: auto;} #com_title .gyxm_title ul{width:484px; margin:0 auto;} #gyxm{margin-top: 30px;} #gyxm>div{display: none;} .dbju{height:90px; width:100%;} /*联系我们*/ #contact{height: auto;margin-top: 20px;} #contact .contact{width: 900px;margin: auto;} #contact .contact .ctitle{position: relative;} #contact .contact .ctitle .left{position: absolute;top: 30px;left: 0;} #contact .contact .ctitle .right{position: absolute;top: 30px;right: 0px;} #contact .contact .ctitle h1{text-align: center;font-weight: 300;} #contact .contact .ccontent{margin:20px auto 0 auto;color: #4b4b4b;} #contact .contact .ccontent .contactleft{float:left;} #contact .contact .ccontent .contactright{float:right;} #contact .contact .ccontent .contactright img{margin-top:15px;} #contact .contact .ccontent h1{font-weight: 300;font-size: 25px;margin-top: 40px;margin-bottom: 10px;} #contact .contact .ccontent p{line-height: 30px;}