@charset "utf-8";

#footer { margin-top: 0; }

/* 首页banner图切换 S*/
#indBanner {
    clear: both;
    text-align: center;
    position: relative;
    z-index: 0;
}
#indBanner .bd .con {
    display: none;
}
#indBanner .bd li {
    height: 660px;
    width: 100%;
    overflow: hidden;
}
#indBanner .prev, #indBanner .next {
    width: 52px;
    height: 61px;
    background: url(../../base/img/ind-arrow.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: pointer;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
#indBanner .prev {
    margin-left: -640px;
    background-position: -52px 0;
}
#indBanner .next {
    margin-left: 600px;
}
#indBanner .prev:hover,
#indBanner .next:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#indBanner .hd {
    height: 14px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
    text-align: center;
    font-size: 0;
    display: none; 
}
#indBanner .hd li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 3px;
    width: 14px;
    height: 14px;
    background: #fff;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
#indBanner .hd li span {
    display: none;
}
#indBanner .hd .on {
    width: 30px;
    background: #00756e;
}

/* row-------------------------------------- */
.row { padding: 20px 0; min-width: 1200px; width: 100%;}

/* box-default------------- */
.box-default .Thd { text-align: center; overflow: hidden; margin-bottom: 30px;}
.box-default .Thd h3 { font-size: 34px; line-height: 1.6; }
.box-default .Thd h3:hover a { text-decoration: none; }
.box-default .Thd h3:after { content: "";display: block; width: 60px; height: 2px; background-color: #00756e; margin: 0 auto; }
.box-default .Thd span.Eng { font-size: 14px; color: #333; }
.box-default .btn-more { display: block; clear: both; width: 198px; height: 38px; margin: 40px auto 0; letter-spacing: 0; transition: all 0.5s; line-height: 38px; text-align: center; border: 1px solid #ccc; color: #666; }
.box-default .btn-more:hover { background-color: #008981; letter-spacing: 1.5px; border-color: #00756e; color: #fff; text-decoration: none; }


/* box-fast--------------- */
.box-fast { background-color: #e5eeef; min-width: 1200px; width: 100%; height: 150px; }
.box-fast .icons-font li { width: 160px; height: 160px; background-color: #fff; float: left; position: relative; top:-67px; margin-right: 13px; border-radius: 5px; transition: all 0.5s; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);}
.box-fast .icons-font li.last { margin-right: 0; }
.box-fast .icons-font li a { display: block; padding-top: 18px; height: 132px; text-align: center; color: #00756e; transition: all 0.5s;  letter-spacing: 0; }
.box-fast .icons-font i { display: block; width: 80px; height: 80px; margin: 0 auto 8px; background: url(../../base/img/icons-font.png) no-repeat 0 0; transition: all 0.5s; }
.box-fast .icons-font li:hover { top: -57px; }
.box-fast .icons-font li:hover i { transform: rotateY(180deg); }
.box-fast .icons-font li:hover a { letter-spacing: 1px; text-decoration: none;}
.box-fast .icons-font .li2 i { background-position: 0 -80px; }
.box-fast .icons-font .li3 i { background-position: 0 -160px; }
.box-fast .icons-font .li4 i { background-position: 0 -240px; }
.box-fast .icons-font .li5 i { background-position: 0 -320px; }
.box-fast .icons-font .li6 i { background-position: 0 -400px; }
.box-fast .icons-font .li7 i { background-position: 0 -480px; }


/* box-news------------- */
.box-news { overflow: hidden; height: 435px; }


/* topList-date */
.topList-date li.t { height: 55px; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; }
.topList-date li.t .date { float: left; width: 93px; border-right: 1px solid #d3d3d3; text-align: left; font-size: 16px; margin-right: 30px; margin-top: 10px; display: none;}
.topList-date li.t .date b { display: block; line-height: 50px; font-size: 50px; color: #00756e; font-weight: normal;}
.topList-date li.t .con { overflow: hidden; }
.topList-date li.t .title {text-align: center; line-height: 46px; height:46px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 20px; }
.topList-date li.t .intro { font-size: 14px; line-height: 22px; color: #666; }
.topList-date li.n { height: 38px; line-height: 38px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  background: url(../../base/img/dot.png) no-repeat left center; padding-left: 13px;}
.topList-date li.n span.date { float: right; padding-left: 20px; color: #666;  }


/* focus-news */
#focus-news { width: 550px; height: 415px; padding: 0 20px 20px 0; position: relative; float: left; margin-right: 50px;}
#focus-news:before { display: block; content: ""; background-color: #00756e; position: absolute; z-index: 0; bottom: 0; right: 0; width: 100%; height: 140px; }
#focus-news .hd { position: absolute; z-index: 2; right: 17px; bottom: 85px; }
#focus-news .hd li { width: 60px; height: 55px; margin-right: 3px; color: #fff; background: rgba(0,117,110,0.5); text-align: center; font-size: 12px; float: left; cursor: pointer;}
#focus-news .hd li.on { background-color: #fff; color: #00756e; }
#focus-news .hd .date b { font-size: 26px; display: block; font-weight: normal; line-height: 38px; height: 30px; overflow: hidden;}
#focus-news .bd { position: relative; z-index: 1; }
#focus-news .bd .pic { overflow: hidden; }
#focus-news .bd .pic img { transition: all 0.5s; }
#focus-news .bd .pic,#focus-news .bd .pic img { width: 550px; height: 350px; }
#focus-news .bd .pic:hover img { transform:scale(1.05); } 
#focus-news .bd .title { height: 65px; background-color: #fafcff; width: 100%; line-height: 65px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}



/* rowB-------------------------------- */
.rowB { background: url(../../base/img/row-bg-01.jpg) no-repeat center top; }
.rowB .box-default .Thd { color: #fff; }
.rowB .box-default .Thd h3 a { color: #fff; }
.rowB .box-default .Thd h3:after { background: #fff;}
.rowB .box-default .Thd span.Eng { color: #fff; }

/* box-nodePic */
.box-nodePic { float: left; width: 360px; margin-right: 60px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 0 0 5px 5px;}
.box-nodePic .hd .pic { height: 160px; overflow: hidden; overflow: hidden; }
.box-nodePic .hd .pic img { height: 160px; transition: all 0.5s; }
.box-nodePic .hd .pic:hover img { transform: scale(1.05); }
.box-nodePic .hd h3 { font-size: 20px; line-height: 50px; padding-left: 30px; }
.box-nodePic .bd { padding: 0 20px; height: 152px; }
.more-blue { display: block; margin: 10px auto 20px; font-size: 12px; transition: all 0.5s; width: 98px; height: 24px; border: 1px solid #008a82; border-radius: 20px; color: #008a82; text-align: center; line-height: 24px; letter-spacing: 0; }
.more-blue:hover { background-color: #00756e; border-color: #007871; color: #fff; letter-spacing: 1px; text-decoration: none; }

.box-last { margin-right: 0; }

.box-doc .tempWrap{ width:1200px !important;}
.box-office .tempWrap{width: 1100px !important;}
/* rowC-------------------------------- */
.box-office {position: relative; }
.box-office .hd { }
.box-office .hd h3 a { color: #00756e; font-size: 18px; display: block; padding-top: 138px; height: 200px; position: relative; }
.box-office .hd h3 a:hover { text-decoration: none; }
.box-office .hd h3 a:before { display: block; content: ""; position: absolute; top: 80px; left: 50%; height: 37px; margin-left: -20px; width: 39px; background: url(../../base/img/icons-ks.png) no-repeat 0 0; }
.box-office .hd h3 a:after { display: block; content: ""; position: absolute; width: 27px; height: 27px; background: url(../../base/img/icons-add.png) no-repeat 0 0; left: 50%; margin-left: -13px; top: 183px; z-index: 1;}
.box-office .hd.on { width: 120px; height: 340px; border: none; background: url(../../base/img/ksbar.jpg) no-repeat; }
.box-office .hd.on h3 a { color: #fff; }
.box-office .hd.on h3 a:after { background-position: 0 -27px; }
.box-office .bd { padding-left: 65px; height: 340px; position: relative; overflow: hidden; background-color: #f2f6f7; }
.box-office .bd li { float: left; margin-right: 36px; margin-top: 20px; width: 180px;}
.box-office .bd li a { display: block; border: 1px solid #dfdfdf; background-color: #fff; text-align: center; width: 178px; height: 58px; line-height: 58px; transition:all 0.5s; letter-spacing: 0;  }
.box-office .bd li:hover a { text-decoration: none; background-color: #00756e; color: #fff; letter-spacing: 1px; border-color: #00756e; }
.box-office .bd li img { vertical-align: middle; margin-right: 10px; transition: all 0.5s;}
.box-office .bd li:hover img { transform: rotateY(180deg); }
.box-office .next,.box-office .prev{
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 32px;
    position: absolute;
    top:150px;
    left:20px;
}
.box-office .next{
   left: 1150px;
   background: url(../../base/img/next.png) no-repeat center center #CEE3E3; 
}
.box-office .prev{
   background: url(../../base/img/prev.png) no-repeat center center #CEE3E3;  
}
.box-office .next:hover{
     background: url(../../base/img/next.png) no-repeat center center #409791; 
}
.box-office .prev:hover{
      background: url(../../base/img/prev.png) no-repeat center center #409791; 
}

/* 图标 */
.box-office-nk .hd.on h3 a:before { background-position: 0 -84px; }
.box-office-wk .hd h3 a:before { background-position: 0 -168px; height: 44px; top:76px;}
.box-office-wk .hd.on h3 a:before { background-position: 0 -255px; }
.box-office-yj { margin-right: 0; }
.box-office-yj .hd h3 a:before { background-position: 0 -342px; }
.box-office-yj .hd.on h3 a:before { background-position: 0 -429px; }

/* rowD-------------------------------- */
.rowD { background: url(../../base/img/row-bg-02.jpg) no-repeat center top; }
.rowD>.container { position: relative; }

.docList li { float: left; width: 360px; height: 220px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-right: 60px; margin-bottom: 10px;}
.docList .pic { width: 160px; float: left; overflow: hidden; height: 220px; }
.docList .pic img { width: 160px; height: 220px; transition: all 0.5s; }
.docList .pic:hover img {  transform: scale(1.05); }
.docList .con { overflow: hidden; padding: 15px 20px; }
.docList .con span { display: block; line-height: 28px; font-size: 14px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.docList .title { font-size: 20px; margin-bottom: 15px; }
.docList .title a { color: #2f8d87; }
.docList .more-blue { margin: 20px 0 0 0; }
.box-doc a.arrow { display: block; position: absolute; width: 36px; height: 63px; background: url(../../base/img/doc-arrow.png) no-repeat 0 0; top: 50%; margin-top: -31px; }
.box-doc a.next { left: -100px; }
.box-doc a.prev { right: -100px; background-position: -36px 0; }
.box-doc a.next:hover { background-position: 0 -63px; }
.box-doc a.prev:hover { background-position: -36px -63px; }

.box-doc .btn-more { border-color: #fff; color: #fff; }


/* rowE-------------------------------- */

/* box-icons */
.box-icons { margin-bottom: 40px; margin-top: 10px;}
.box-icons li { width: 290px; height: 200px; margin-right: 13px; float: left; position: relative; transition: all 0.5s; top: 0; }
.box-icons li.li1 { background: url(../../base/img/bg-qk-01.jpg) no-repeat; }
.box-icons li.li2 { background: url(../../base/img/bg-qk-02.jpg) no-repeat; }
.box-icons li.li3 { background: url(../../base/img/bg-qk-03.jpg) no-repeat; }
.box-icons li.li4 { background: url(../../base/img/bg-qk-04.jpg) no-repeat; margin-right: 0;}
.box-icons li a { color: #fff; font-size: 20px; display: block; text-align: center; } 
.box-icons li a.tit { padding-top: 110px; line-height: 30px;}
.box-icons li a.Eng { display: block; font-size: 14px; height: 60px; }
.box-icons li.li1 a.tit { padding-top: 120px; }
.box-icons li.li3 a { color: #00756e; }
.box-icons li:hover { top: -10px; }
.box-icons li:hover a { text-decoration: none; } 

/* friendLinks */
.friendLinks h3 { float: left; color: #007871; line-height: 30px; font-size: 16px; background: url(../../base/img/icons-link.png) no-repeat left center; padding-left: 35px;}
.friendLinks h3 a { color: #007871; }
.friendLinks ul { overflow: hidden; }
.friendLinks ul li { white-space: nowrap; line-height: 30px; height: 30px; padding: 0 20px; position: relative; float: left; font-size: 14px; }
.friendLinks ul li:after { position: absolute; right: 0; top: 10px; height: 11px; width: 1px; background-color: #bebebe;  display: block; content: "";}
.friendLinks ul li.last:after { display: none; }