html, body {
    height: 100%
}
body {
    font-family:"Microsoft YaHei", "Arial";
    background: #fff
}
/*导航和logo开始*/
 .header {
    height: 150px;
    min-width: 1000px;
    width:100%;
    border-top: 20px solid #2676c6;
}

.logo{
    width: 1000px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/logo.png) left center no-repeat;
}
.nav {
    width:100%;
    min-width:1000px;
    font-size: 14px;
    height: 40px;
    background:#2676c6 
}
.nav ul {
    margin: 0 auto;
}
.nav ul li {
    display:block;
    float: left;
    line-height: 40px;
    text-align: center;
}
.nav ul li a {
    outline:none;
    color: #fff;
    display: block;
    padding:0 20px;
    font-size: 16px;
}

.nav ul li a:hover {
    color: #ff6600
}
/*导航和logo结束*/

/*内容开始*/
 .content {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0 30px;
    box-shadow: 0 0 15px #ccc;
}
/*图片轮播开始*/
 .slider {
    min-width:1000px;
    height:450px;
    margin: 0 auto;
    position:relative;
    overflow:hidden;
    text-align:center;
}
.slider .hd {
    position:absolute;
    width:80px;
    left:50%;
    margin-left: -40px;
    z-index:1;
    height:25px;
    bottom:20px;
    text-align:center;
}
.slider .hd li {
    display:none;
    zoom:1;
    width:30px;
    height:25px;
    margin:0 5px;
    cursor:pointer;
    color: #fff;
    font-size: 30px;
}
.slider .hd li.on {
    display: block;
    color: #ff6600
}
.slider .hd p {
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 5px;
}
.slider .hd p i{
    margin-top: 2px;
}
.slider .bd {
    width:100%;
    height: 450px;
    overflow:hidden;
}
.slider .bd li {
    width:100%;
    height:450px;
    overflow:hidden;
}
.slider .bd li img {
    display:block;
    width:100%;
    height:450px;
}
.slider .tempWrap {
    overflow:visible !important
}
.slider .pnBtn {
    width: 1000px;
    position:absolute;
    z-index:1;
    top:0;
    left:50%;
    margin-left: -500px;
    height:27px;
    cursor:pointer;
}

.slider .pnBtn .arrow {
    display:block;
    position:absolute;
    top:170px;
    z-index:10;
    width:35px;
    height: 27px;
    background-image: url("../img/sliderBtn.png");
    background-repeat: no-repeat;
}
.slider .prevBtn {
    left:0px;
    background-position: 0 0;
}
.slider .nextBtn {
    right:0px;
    background-position: -35px 0;
}

.slider .pnBtn .arrow:hover{
    background-position-y: -27px
}
/*图片轮播结束*/

/*第一部分*/
 .conTitle {
    width: 100%;
    padding: 30px 0;
}


.more {
    float: right;
    margin-top: 10px;
    font-size: 12px;
    font-family: 'Arial';
        margin-right: 20px;
}
.content .contentA {
    width:1000px;
    padding-top:10px;
    height: 320px;
    margin: 0 auto
}
.centerAbout {
    width: 700px;
    height: 330px;
    float: left;
}
.centerContent {
    width: 640px;
    height: 235px;
}
.centerContent img {
    float: left;
    box-shadow: 0 2px 5px 0px #d6d6d6;
}

.centerContent p {
    width: 410px;
    float: right;
    text-indent: 2em;
    color: #666;
    line-height: 30px !important;
    font: 12px'simsun';
    padding-top: 10px;
}

.centerContent .detail{
    color: #ff6600;
    float: right;
    font-size: 12px;
    font-family: 'Arial';
}

.login {
    width: 300px;
    height: 325px;
}
.loginAct {
    background: #f7f7f7;
    width: 300px;
    height: 235px;
    box-shadow: 0 2px 5px 0px #d6d6d6;
}
.case {
    height: 30px;
    margin-top: 15px;
}
.case label {
    display:block;
    width: 50px;
    margin-top: 7px;
    font: 12px 'simsun';
    color: #797979
}
.case input {
    display:block;
    width: 212px;
    height: 32px;
    border: 0px;
    outline: none;
    background: url(../img/inpbg.png) center no-repeat;
}

.btn {
    display:block;
    width: 83px;
    height: 26px;
    line-height:26px;
    font-size: 12px;
    border:0px;
    background: url(../img/btnshape.png) no-repeat;
    color: #fff;
    padding-right: 10px;
    margin: 30px auto;
}
.btn:hover {
    background-position-y:-26px; 
}
.operaCase {
    font: 12px'simsun';
    color: #acacac;
    margin-bottom: 15px;
}
.operaCase a {
    float:right;
    font: 12px'simsun';
    color: #acacac
}
.contentB {
    width: 1000px;
    height: 330px;
    margin:0 auto ;
}
.article {
    width: 300px;
}
.articleList {
    background: #f7f7f7;
    width: 260px;
    height: 205px;
    padding: 15px 20px;
    box-shadow: 0 2px 5px 0px #d6d6d6;
}
.articleList a {
    display:block;
    font-size: 14px;
    color: #666;
    line-height: 40px;
}
.articleList a:hover {
    color: #ff6600;
}
.notice {
    width: 660px;
}
.noticeArticle {
    width: 640px;
    height: 48px;
    padding: 15px 20px 15px 0;
    border: 2px solid transparent
}

.noticeArticle span{
    display: block;
    width: 50px;
    height: 32px;
    line-height: 32px;
    border-right: 2px solid #191f66;
    font-size: 36px;
    color: #191f66;
    font-family: 'Arial';
    margin-top: 8px;
}

.noticeArticle p{
    line-height: 24px;
    padding-left: 70px;
    font-size: 14px;
}

.noticeArticle p b{
    font-weight: normal;
    color: #999;
}
.noticeArticle:hover{
    border-color: #ff6600
}
.noticeArticle:hover p{
    padding-left: 85px;
}
.noticeArticle:hover span{
    margin-left: 15px;
    border-color: #ff6600;
    color: #ff6600
}

.material {
    width: 300px;
    height: 210px
}
.materialImg {
    text-align: center;
    background: #f7f7f7;
    width: 300px;
    height: 155px;
    box-shadow: 0 2px 5px 0px #d6d6d6;
}
.materialImg a{
    display: inline-block;
    margin: 0 10px;
}

.interaction {
    display: block;
    margin-top: 20px;
}

/*第二部分内容*/
 .typicalExp {
    width:660px;
    height: 320px;
}
.picMarquee-left {
    width: 660px;
    height: 235px;
    overflow: hidden;
}
.typList li {
    width: 210px;
    height: 235px;
    display: block;
    position: relative;
    float: left;
    margin-right: 15px;
    overflow: hidden
}
.typList li:first-child {
    margin-left: 0px
}
.typList li img {
    width: 210px;
    height: 235px;
}
.typTit {
    display: none;
    width: 20px;
    height: 135px;
    padding: 50px 150px 50px 40px;
    background: url(../img/opacity.png) no-repeat;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}
.typList li:hover .typTit {
    display: block;
}
/*成果展示内容*/
 .contentC {
    width: 1000px;
    height: 400px;
    margin: 0 auto;
}

/*内容结束*/

/*footer部分开始*/
 .footer {
    width: 100%;
    min-width: 1000px;
    font-family:"宋体";
    height: 80px;
    margin: 0 auto;
    font-size: 12px;
    background:  url(../img/footer.jpg) repeat;
    padding:50px 0 0;
}

.footer .footer_case {
    width:660px;
    margin: 0 auto;
}
.footer .zi_case {
    height:25px;
    font-size:14px;
    color: #fff
}
.footer .zi_case a {
    color: #ffffff
}
.footer .zi_case > a {
    float: right;
    margin-right: 30px;
    text-decoration: underline;
}
.footerTwo .zi_case {
    margin-top:0
}
/*footer部分结束*/

.container {width:1000px; margin:0 auto;}
.content2 {margin-top: 20px;margin-bottom:20px;}
.aside {width:224px;}
.aside h2 {height:43px; text-align: center; line-height: 43px; color: #fff; font-size:15px; background: url(../img/bg-lefttop.png) top center no-repeat;}
.aside ul li {margin-top: 10px;}
.aside ul li a {display:block; height:44px; line-height: 44px; color: #666666; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; background: url(../img/bg-btn1.png) top center no-repeat;}
.aside ul li a:hover {color:#fff; background: url(../img/bg-btn2.png) top center no-repeat;}
.aside .level2 > li > .arrow {background: #f1f1f1 url(../img/arrow.png) no-repeat scroll 96% -5px; border-bottom: 1px solid #666;}
.aside .level2 li a:hover {opacity:0.7;filter:alpha(opacity=70);    }
.aside .level3 {display: none;}
.aside .level3 > li > a {padding-left: 10px;background: #f1f1f1;}
.aside .level3 > li > .arrow {background: #f1f1f1 url(../img/arrow.png) no-repeat scroll 96% -5px;}
.aside .level4 {display: none;}
.aside .level4 > li > a {padding-left: 10px;background: #E36776;}
.aside .level4 > li > .arrow {background: #f1f1f1 url(../img/arrow.png) no-repeat scroll 96% -5px;}
.aside .level2 > li > .arrow:hover,.level3 > li > .arrow:hover,.level4 > li > .arrow:hover,.level2 > li > .current,.level3 > li > .current,.level4 > li > .current {background-color:#1d85ce;background-position: 96% -53px !important;}
.contentLi {width:760px; margin-left: 10px;}
.breadcrumb {background: url(../img/icon-home.png) 10px center no-repeat;}
.breadcrumb ul {margin-left: 40px;}
.breadcrumb ul li a, .breadcrumb ul li {color:#666; font-size:12px; line-height: 20px;}
.breadcrumb ul li a:hover {text-decoration: none; color:#ffb31f;}

.articleLi {margin-top: 30px; border: 1px solid #ddd;min-height:450px;}
.articleLi ul {margin: 10px 40px; min-height:400px;}
.articleLi ul li {border-bottom:1px dashed #666;}
.articleLi ul li a {height:35px; line-height: 35px; font-size: 12px;color:#666;}
.articleLi ul li a h3 {font-size: 12px;}
.articleLi ul li a:hover {color:#ffb31f;}

.page {text-align: center;margin-top: 20px;margin-bottom: 20px;font-size: 12px;color: #666666;}
.page a {border: 1px solid #ccc;color: #727272;padding: 2px 4px;background: #f1f1f1;cursor: pointer;}
.page a:hover {color: #2888e8;text-decoration: none;}


/*ä¸‰çº§é¡µé¢*/
.content3 {padding-top: 20px;padding-bottom:20px;}
.contentArt {width:760px; margin-left: 10px;}
.articlePage {margin-top: 30px; border: 1px solid #f1f1f1;min-height:450px;}
.articlePage h2 {margin-left: 20px;margin-right: 20px;border-bottom: 1px solid #fff;line-height:45px;font-size: 18px;color: #666;text-align: center;}
.articlePage h2 p{font-size:14px;color: #666;font-family: "å®‹ä½“";font-weight: normal;line-height: 25px;text-align: center;}

.articlePage > p img {display: block;margin: 10px auto;}
.articlePage > p {margin-left: 20px;margin-right: 20px;margin-top:10px;text-indent: 2em;font-size:14px;color: #666;font-family: "å®‹ä½“";line-height: 25px;}
.articlePage table {margin:20px auto;}
.articlePage table td {text-align: center;font-size:13px; color:#666;padding:10px;}