

@charset "UTF-8";
/*整站样式*/
html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body {
    font-size:12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border:0;vertical-align: middle;}
input[type=submit],input[type=text],button {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    cursor:pointer;
}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
input,select,textarea {
    vertical-align:middle;
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
a {
    color:#333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
.wrap,.container {
    padding:0 4.5%;
    margin:0 auto;
    position:relative;
}
.wrap:after,
.wrap:before,
.container:after,
.container:before{
    content:"";
    display:table;
}
.wrap:after,
.container:after {clear:both;}
.container,.container-fluid {
    margin-right: auto;
    margin-left: auto;
}
.clear {clear:both;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none;
}
.absolute { position: absolute;}
.relative{position: relative;}
.hide {opacity:0;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}
.a-block {display:block;position:relative;}
.img-responsive img {display: block;  max-width: 100%;  height: auto;}
.img-rounded img {
    border-radius: 6px;
}
.img-thumbnail img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.img-circle img {
    border-radius: 50%;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.list-unstyled {
    list-style: none;
}
.list-inline {
    list-style: none;
}
.list-inline > li {  display: inline-block;  }
/*header*/
header .container{position:relative;}
header .container{border-bottom:1px solid #eee;}
header .logo {
    float:left;
    padding:.8rem 0;
    height:5.4rem;
}
header .logo img {height:100%;}
header .right-side {float:right;}
header .right-side > div {float:left;}
header .search-wrap {
    width:3.4rem;
    height:5.4rem;
    margin-right:1.5rem;
    background:url(../images/header-search.png) no-repeat center center;
    background-size:2rem 2rem;
}
header .total-wrap {
    width:2.15rem;
    height:5.4rem;
    background:url(../images/header-total.png) no-repeat center center;
    background-size:2.15rem 1.65rem;
}
header .search-search-box {
    z-index:2;
    position:absolute;
    display:none;
    width:100%;
    padding:1.5rem 0;
    text-align:center;
    background:#f9f9f9;
    border-bottom:1px solid #eee;
}
.search-box-inner {
    display:inline-block;
    width:91%;
    height:3.5rem;
    border:1px solid #eee;
    border-radius:10px;
    background:#fff;
}
.search-box-inner .input-text-wrap {float:left;}
.search-box-inner .input-text {
    width:85%;
    padding:0 .5rem;
    height:3.35rem;
    font-style:italic;
    border-radius:1.75rem;
}
.search-box-inner .submit-wrap {float:right;width:15%;}
.search-box-inner .search-go {
    width:100%;
    height:3.5rem;
    background:url(../images/header-search1.png) no-repeat center center;
    background-size:1.6rem 1.6rem;
}
header .nav-wrap {
    z-index:2;
    position:absolute;
    right:0;
    display:none;
    width:45%;
    padding:2.5rem 0 2.5rem 3rem;
    background:rgba(0,0,0,.8);
}
header .nav-wrap li a {
    display:inline-block;
    margin:1rem 0;
    font-size:1.5rem;
    color:#fff;
}
/*footer*/
footer {background:#171717;}
footer .dt-title {
    position:relative;
    padding:0 1rem;
    font-size:1.5rem;
    color:#fff;
    line-height:5rem;
}
footer .on .dt-title {background:#2f2f2f;}
footer .dt-title strong {
    display:block;
    height:5rem;
    padding:0 1rem;
    font-weight:normal;
    border-bottom:1px solid rgba(255,255,255,.2);
}
footer .dt-title .icon {
    position:absolute;
    top:1.75rem;
    right:2rem;
    display:block;
    width:.9rem;
    height:1.65rem;
    background:url(../images/more3.png) no-repeat center center;
    background-size:.9rem 1.65rem;
    transition:all .4s ease-in-out;
}
footer .on .dt-title .icon {
    transform:rotate(90deg);
}
footer .dd-content {
    display:none;
    padding:0 1rem;
    background:#2f2f2f;
}
footer .dd-content li a {
    display:block;
    padding:1.25rem 1rem;
    font-size:1.4rem;
    color:#959595;
}
.copyright-wrap {
    padding:3rem 0 2.5rem;
    font-size:1rem;
    color:#6a6a6a;
    text-align:center;
}
.copyright-wrap a {color:#6a6a6a;}



.index-banner .swiper-button-next,.index-banner .swiper-button-prev {display:none;}
.index-banner .swiper-pagination-bullet {
    width:10px;
    height:10px;
    background:transparent;
    border:1px solid #fff;
    opacity:1;
}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:.6;background:#fff;}


.index-wrap {padding:2.5rem 0 3.5rem;}
.normal-title-wrap {
    text-align:center;
}
.normal-title-wrap .text {
    display:inline-block;
    padding:0 1.25rem;
}
.normal-title-wrap .text > strong {
    display:block;
    font-weight:normal;
    line-height:1;
}
.normal-title-wrap .text-title1 {
    font-size:1.8rem;
    color:#000;
}
.normal-title-wrap .text-title2 {
    font-size:1.2rem;
    color:#b3b3b3;
}
.normal-title-wrap .title .line {
    display:inline-block;
    width:5rem;
    height:1px;
    background:#218806;
    vertical-align:.75rem;
}

.index-case .tab-wrap {
    padding:1.5rem 0 2.5rem;
    text-align:center;
}
.index-case .tab-wrap li {margin:0 .75rem;}
.index-case .tab-wrap .tab-inner {
    display:inline-block;
    height:3rem;
    padding:0 1rem;
    font-size:1.2rem;
    line-height:3rem;
    border:1px solid #aaa;
    border-radius:3rem;
}
.index-case .tab-wrap .on .tab-inner {
    color:#fff;
    background:#218806;
    border-color:#218806;
}
.index-case-list li {
    width:80%;
    margin:0 auto 2.5rem;
}
.index-case-list li .text-wrap {
    position:absolute;
    bottom:0;
    width:100%;
    font-size:14px;
    color:#fff;
    background:rgba(0,0,0,.25);
}
.index-case-list li .text-inner { padding:.75rem 1rem; }
.index-case-list li .text-title {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.index-more-wrap .more {
    display:inline-block;
    height:40px;
    padding:0 30px;
    font-size:14px;
    color:#218806;
    line-height:40px;
    border:1px solid #218806;
    transition:all .4s ease-in-out;
}
.index-about { background:#f9f9f9; }
.index-about .title {
    margin-bottom:1.25rem;
    font-size:1.8rem;
    color:#000;
    text-align:center;
}
.index-about .text-description {
    padding-bottom:2rem;
    font-size:1.2rem;
    color:#666;
    line-height:2;
}
.index-about .img-responsive {width:80%;margin:0 auto;}

.index-news-list .news-list {padding-bottom:3rem;}
.news-list li {padding:2.5rem 0 2rem;border-bottom:1px solid #eee;}
.news-list li .img-responsive {
    float: left;
    width:45%;
}
.news-list li .text-wrap {
    padding-top:.35rem;
    margin-left:50%;
}
.news-list li .text-title {
    height:4rem;
    margin-bottom:1rem;
    font-size:1.35rem;
    color:#2d2d2d;
    line-height:2rem;
    overflow:hidden;
}
.news-list li .date {font-size:1.15rem;color:#c4c4c4;}

.inner-title {
    font-size:1.8rem;
    color:#000;
}

.about-us {
    padding:2.5rem 0 3rem;
}
.about-page .inner-title {padding-bottom:1.5rem;}
article {
    font-size:1.2rem;
    color:#666;
    line-height:2;
    text-align:justify;
}
article img {max-width:100%;}

.about-page .about-history {
    padding:2rem 0 4.5rem;
    background:#f6f6f6;
}
.about-page .about-history li {margin-bottom:1.5rem;}
.about-page .about-history li .label {
    font-size:1.4rem;
    color:#151614;
}
.about-page .about-history li .content {
    font-size:1.2rem;
    color:#666;
}

.normal-tab  {padding:1.25rem 0 2.5rem;}
.normal-tab li {margin:.5rem;}
.normal-tab li a {
    display:inline-block;
    height:3.5rem;
    padding:0 1.5rem;
    font-size:1.4rem;
    color:#218806;
    line-height:3.5rem;
    text-align:center;
    border:1px solid #218806;
}
.normal-tab li.on a {
    color:#fff;
    background:#218806;
}
.honor-list-page,
.case-list-page,
.info-detail,
.contact-us,
.news-list-page {
    padding:2.5rem 0 3.5rem;
}

.honor-list1 ul {margin-left:-3%;}

.honor-list1 li {
    float:left;
    width:47%;
    margin:0 0 3% 3%;
}
.honor-list2 li {
    width:80%;
    margin:0 auto 7%;
}
.honor-list li .item-inner {
    padding:1.5rem;
    border:1px solid #e6e6e6;
}

.info-detail .title-wrap {
    padding-bottom:1.5rem;
    margin-bottom:1.5rem;
    font-size:1rem;
    color:#666;
    text-align:center;
    border-bottom:1px solid #ccc;
}
.info-detail .title-wrap h1 {
    margin-bottom:.75rem;
    font-size:1.8rem;
    color:#000;
}
.info-detail .title-wrap .author-and-more span {
    display:inline-block;
    margin:0 .25rem;
}
.info-detail .back-wrap {
    margin-top:3rem;
    padding-top:2rem;
    font-size:1.4rem;
    text-align:center;
    border-top:1px solid #ccc;
}
.info-detail .back-wrap a {color:#6d6c6c;}

.contact-us-way li {
    float:left;
    margin-top:2.5rem;
}
.contact-us-way li .icon-wrap {
    float:left;
    width:4.25rem;
    height:4.25rem;
    text-align:center;
    border:1px solid #e0e0e0;
    border-radius:100%;
}
.contact-us-way li .icon-wrap img {width:2.6rem;}
.contact-us-way li .icon {vertical-align:-1.2rem;}
.contact-us-way li .text-wrap {
    padding-top:.75rem;
    margin-left:5.25rem;
    font-size:1.4rem;
    color:#666;
}
.contact-us-way li .text-wrap strong {color:#333;}
.join-us {
    padding:3.5rem 0 4rem;
    background:#f6f6f6;
}
.join-us .inner-title {padding-bottom:2rem;}
.join-us li {
    border-bottom:1px solid #d9d9d9;
}
.join-us li .dt-title {
    position:relative;
    padding:1.25rem 1rem;
    font-size:1.4rem;
    color:#000;
}
.join-us li .dt-title .icon {
    position:absolute;
    top:1.75rem;
    right:1rem;
    display:block;
    width:1.7rem;
    height:.9rem;
    background:url(../images/down1.png) no-repeat center center;
    background-size:1.7rem .9rem;
    transition:all .4s ease-in-out;
}
.join-us li.on .dt-title .icon { transform:rotate(180deg);}
.join-us li .dt-title .job-name {
    display:inline-block;
    margin-right:2rem;
}
.join-us li .dd-content {
    display:none;
}
.join-us li article {
    padding:.75rem 1rem 1.5rem;
    line-height:2.25;
}
.searcg-page {
    padding:2.5rem 0 6rem;
}
.searcg-page .search-tips {
    font-size:1.2rem;
    color:#666;
}
.search-list li {
    padding:1.5rem 0;
    font-size:1.1rem;
    color:#999;
    border-bottom:1px solid #eee;
}
.search-list li a {color:#c4c4c4;}
.search-list li .title {
    margin-bottom:.75rem;
    font-size:1.35rem;
    color:#000;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.search-list li .text {
    margin-bottom:5px;
    font-size:1.2rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.page {text-align:center;}
.page a {
    display:inline-block;
}
.page .num {
    padding:.25rem .5rem;
    margin:0 .75rem;
    font-size:1.5rem;
    font-style:italic;
    color:#999;
    border-bottom:.1rem solid #dadada;
}
.page .num.on {color:#218806;border-color:#218806;}
.page .prev,
.page .next {
    width:1.5rem;
    height:1rem;
    vertical-align:-.3rem;
}
.page .prev {  background:url(../images/prev1.png) no-repeat center center; background-size:.65rem 1rem; }
.page .next {  background:url(../images/next1.png) no-repeat center center; background-size:.65rem 1rem;   }
