@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-family:'Microsoft Yahei';
    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 {
    padding:0 100px;
    margin:0 auto;
    position:relative;
}
@media (max-width:991px){
    .wrap {padding:0 4.5%;}
}
.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;
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
.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 {
    z-index:2;
    position:fixed;
    top:0;
    width:100%;
    background:#fff;
    border-bottom:1px solid #eee;}
header .container {
    width:1100px;
}
header .logo {
    float:left;
    padding:15px 0;
}
header .right-side {float:right;}
header .right-side > div {float:left;}
nav li {
    float:left;
    padding-right:46px;
    line-height:120px;
}
nav .per {
    font-size:16px;
    color:#000;
}
nav .on .per,
nav .per:hover {color:#218806;}
header .search-icon {
    display:block;
    width:18px;
    height:18px;
    margin-top:51px;
    background:url(../images/header-search.png) no-repeat center center;
    cursor:pointer;
}

.search-search-box {
    z-index:2;
    position:absolute;
    display:none;
    width:100%;
    padding:55px 0;
    text-align:center;
    background:#f9f9f9;
}
.search-box-inner {
    display:inline-block;
    width:800px;
    height:65px;
    border:1px solid #eee;
    border-radius:10px;
    background:#fff;
}
.search-box-inner .input-text-wrap {float:left;}
.search-box-inner .input-text {
    width:700px;
    padding:0 40px;
    height:63px;
    font-style:italic;
    border-radius:10px;
}
.search-box-inner .submit-wrap {float:right;}
.search-box-inner .search-go {
    width:63px;
    height:63px;
    background:url(../images/header-search1.png) no-repeat center center;
}
.search-box .search-close {
    display:inline-block;
    width:26px;
    height:26px;
    margin-left:30px;
    background:url(../images/close.png) no-repeat center center;
    vertical-align:18px;
    cursor:pointer;
}
/*footer*/
footer {background:#171717;}
.top-footer {padding:70px 0 90px;border-bottom:1px solid #222;}
.top-footer .container {width:1140px;}
.top-footer .each-one {
    float:left;
    margin-right:120px;
}
.top-footer .each-one dt {
    margin-bottom:20px;
    font-size:16px;
    color:#fff;
}
.top-footer .each-one dd {margin-bottom:10px;}
.top-footer .each-one dd a {
    font-size:14px;
    color:#fff;
    opacity:.5;
}
.top-footer .each-one dd a:hover {opacity:.8;}
.top-footer .each-one.code-wrap {
    float:right;
    margin-right:0;
    text-align:center;
}
.top-footer .code-wrap .img-responsive img {display:inline-block;}
.top-footer .code-tips {
    display:block;
    padding:8px 0 18px;
    font-size:12px;
    color:#fff;
}
.top-footer .share {
    display:inline-block;
    width:25px;
    height:25px;
    margin:0 3px;
    transition:all .4s ease-in-out;
}
.top-footer .share1 {background:url(../images/share1-1.png) no-repeat center center;}
.top-footer .share2 {background:url(../images/share1-2.png) no-repeat center center;}
.top-footer .share3 {background:url(../images/share1-3.png) no-repeat center center;}
.top-footer .share4 {background:url(../images/share1-4.png) no-repeat center center;}
.top-footer .share5 {background:url(../images/share1-5.png) no-repeat center center;}
.top-footer .share:hover {opacity:.5;}
footer .copyright {
    padding:35px 0;
    font-size:12px;
    text-align:center;
    opacity:.25;
}
footer .copyright,
footer .copyright a { color:#fff;}



.index-banner {padding-top:122px;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev {opacity:0;transition:all .4s ease-in-out;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev {opacity:1;}
.index-banner .swiper-button-next {background:url(../images/next.png) no-repeat center center;}
.index-banner .swiper-button-prev {background:url(../images/prev.png) no-repeat center center;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom:35px;}
.index-banner .swiper-pagination-bullet {
    width:15px;
    height:15px;
    background:transparent;
    border:1px solid #fff;
    opacity:1;
}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 13px;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:.6;background:#fff;}

.index-wrap {padding:50px 0 70px;}
.normal-title-wrap {
    text-align:center;
}
.normal-title-wrap .text {
    display:inline-block;
    padding:0 25px;
}
.normal-title-wrap .text > strong {
    display:block;
    font-weight:normal;
    line-height:1;
}
.normal-title-wrap .text-title1 {
    font-size:24px;
    color:#000;
}
.normal-title-wrap .text-title2 {
    font-size:16px;
    color:#b3b3b3;
}
.normal-title-wrap .title .line {
    display:inline-block;
    width:100px;
    height:1px;
    background:#218806;
    vertical-align:15px;
}
.index-case .tab-wrap {
    padding:30px 0;
    text-align:center;
}
.index-case .tab-wrap li {margin:0 15px;-}
.index-case .tab-wrap .tab-inner {
    display:inline-block;
    height:35px;
    padding:0 20px;
    line-height:35px;
    border:1px solid #aaa;
    border-radius:35px;
}
.index-case .tab-wrap .on .tab-inner {
    color:#fff;
    background:#218806;
    border-color:#218806;
}
.index-case-list ul {margin:0 0 15px -22px;}
.index-case-list li {
    float:left;
    width:385px;
    margin:0 0 22px 22px;
}
.index-case-list li .img-responsive {overflow:hidden;}
.index-case-list li .img-responsive img {transition:all .4s ease-in-out;}
.index-case-list li:hover .img-responsive img {transform:scale(1.05);}
.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:15px 20px; }
.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-more-wrap .more:hover {color:#fff;background:#218806;}
.index-about { background:#f9f9f9; }
.index-about .text-wrap {
    float:left;
    width:660px;
}
.index-about .title {
    padding:25px 0 15px;
    font-size:24px;
    color:#000;
}
.index-about .text-description {
    font-size:14px;
    color:#666;
    line-height:2.5;
    text-align:justify;
}
.index-about .img-resposive {
    float:right;
    width:490px;
}

.index-news .normal-title-wrap {padding-bottom:40px;}
.index-news-list dl {margin-bottom:35px;}
.index-news-list dt .img-resposive,
.news-list li .img-resposive {
    float:left;
    width:300px;
}
.index-news-list dt .text-wrap,
.news-list li .text-wrap {
    height:170px;
    margin-left:300px;
    border-top:1px solid #e9e9e9;
}
.index-news-list dt .text-wrap {border-bottom:1px solid #e9e9e9;}
.index-news-list dt .text-inner ,
.news-list li .text-inner {  padding:40px;  }
.index-news-list dt .text,
.news-list li .text {
    float:left;
    width:600px;
}
.index-news-list dt .text-title,
.news-list li .text-title {
    margin-bottom:10px;
    font-size:16px;
    color:#2d2d2d;
}
.index-news-list dt:hover .text-title,
.news-list li:hover .text-title,
.index-news-list dd:hover .dt-title {color:#218806;}
.index-news-list dt .text-description,
.index-news-list .date-more,
.news-list li .text-description,
.news-list li .date-more{
    font-size:14px;
    color:#c4c4c4;
}
.index-news-list dt .text-description,
.news-list li .text-description{
    height:48px;
    line-height:24px;
    overfloiw:hidden;
}
.index-news-list dt .date-more,
.news-list li .date-more {float:right;padding-top:45px;}
.index-news-list .date-more .more,
.news-list li .date-more .more {
    display:inline-block;
    width:7px;
    height:13px;
    margin-left:45px;
    background:url(../images/more1.png) no-repeat center center;
}
.news-list li {padding-bottom:40px;}
.index-news-list dd {
    padding:38px 40px 38px 0;
    border-bottom:1px solid #e9e9e9;
}
.index-news-list dd .dt-tips {
    float:left;
}
.index-news-list dd .dt-tips {
    display:block;
    width:120px;
    height:40px;
    font-size:14px;
    color:#fff;
    line-height:40px;
    text-align:center;
    background:#218806;
}
.index-news-list dd .date-more {
    float:right;

}
.index-news-list dd .dt-title {
    margin:0 210px 0 150px;
    font-size:16px;
    color:#2d2d2d;
    line-height:40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.inner-page {padding-top:122px;}
.bread-menu {  padding-top:22px;  }
.bread-menu,
.bread-menu a {
    font-size:12px;
    color:#c0b8b8;
}
.bread-menu .label {
    display:inline-block;
    padding-left:28px;
    background:url(../images/home.png) no-repeat left center;
}
.bread-menu .icon {
    display:inline-block;
    width:6px;
    height:9px;
    margin:0 3px;
    background:url(../images/more2.png) no-repeat center center;
}
.inner-title {
    font-size:24px;
    color:#000;}
.about-page .inner-title {
    padding-bottom:30px;
}
.about-page .about-us {
    padding:35px 0 90px;
}
article {
    font-size:14px;
    color:#666;
    line-height:2.5;
}
.about-page .about-history {
    padding:35px 0 90px;
    background:#f6f6f6;
}
.about-page .about-history li {margin-bottom:30px;}
.about-page .about-history li .label {
    float:left;
    font-size:16px;
    color:#151614;
}
.about-page .about-history li .content {
    margin-left:100px;
    font-size:14px;
    color:#333;
}
.about-page .about-history li:hover .content {color:#218806;}

.case-list-page,
.news-list-page {padding:10px 0 70px;}
.news-list {padding-bottom:30px;}
.normal-tab  {padding:25px 0 50px;}
.normal-tab li {margin:10px 7px;}
.normal-tab li a {
    display:inline-block;
    height:40px;
    padding:0 30px;
    font-size:14px;
    color:#218806;
    line-height:40px;
    text-align:center;
    border:1px solid #218806;
}
.normal-tab li.on a {
    color:#fff;
    background:#218806;
}
.case-list-page .index-case-list {padding-bottom:25px;}

.info-page {padding:20px 0 70px;}
.info-page .title-wrap {
    padding-bottom:40px;
    text-align:center;
}
.info-page h1 {
    margin-bottom:10px;
    font-size:24px;
    color:#000;
}
.info-page .title-wrap .author-and-more span {
    display:inline-block;
    padding:0 15px;
    font-size:14px;
    color:#999;
}
.info-page article {line-height:2;}
.info-page .prev-next-wrap {
    padding-top:20px;
    margin-top:60px;
    font-size:14px;
    color:#999;
    border-top:1px solid #dedede;
}
.info-page .prev-next-wrap .back-wrap {
    float:right;
}
.info-page .prev-next-wrap a {color:#999;}
.info-page .prev-next-wrap a:hover {color:#21672f;}
.info-page .prev-next-wrap .next {padding-top:10px;}

.contact-us .container {width:1100px;padding:35px 0 80px;}
.contact-us-way li {
    float:left;
    width:50%;
    margin-top:50px;
}
.contact-us-way li .inner {padding-left:50px;}
.contact-us-way li .icon-wrap {
    float:left;
    width:55px;
    height:55px;
    text-align:center;
    border:1px solid #e0e0e0;
    border-radius:100%;
}
.contact-us-way li .icon {vertical-align:-17px;}
.contact-us-way li .text-wrap {
    padding-top:15px;
    margin-left:70px;
    font-size:16px;
    color:#666;
}
.contact-us-way li .text-wrap strong {color:#333;}
.join-us {
    padding:70px 0 80px;
    background:#f6f6f6;
}
.join-us .inner-title {padding-bottom:40px;}
.join-us li {
    border-bottom:1px solid #d9d9d9;
}
.join-us li .dt-title {
    position:relative;
    padding:30px 20px 20px;
    font-size:16px;
    color:#000;
}
.join-us li .dt-title .icon {
    position:absolute;
    top:35px;
    right:20px;
    display:block;
    width:18px;
    height:10px;
    background:url(../images/down1.png) no-repeat center center;
}
.join-us li.on .dt-title .icon { background:url(../images/down2.png) no-repeat center center;}
.join-us li .dt-title .job-name {
    display:inline-block;
    margin-right:110px;
}
.join-us li .dd-content {
    display:none;
}
.join-us li article {
    padding:10px 20px 30px;
    line-height:2.25;
}
.honor-list-page .container {width:1296px;padding:10px 0 100px;}
.honor-list ul {margin-left:-32px;padding-bottom:35px;}
.honor-list li {
    float:left;
    margin:0 0 32px 32px;
    text-align:center;
    cursor:pointer;
}
.honor-list1 li {  width:300px;  }

.honor-list2 li {  width:410px;  }
.honor-list li .item-inner {
    padding:30px 0;
    border:1px solid #e6e6e6;
}
.honor-list1 li .item-inner img {
    width:255px;
    height:355px;
}
.honor-list2 li .item-inner img {
    width:345px;
    height:250px;
}
.searcg-page {
    padding:50px 0 120px;
}
.searcg-page .search-tips {
    font-size:14px;
    color:#666;
}
.search-list li {
    padding:30px 0;
    font-size:14px;
    border-bottom:1px solid #eee;
}
.search-list li a {color:#c4c4c4;}
.search-list li .title {
    margin-bottom:15px;
    font-size:16px;
    color:#000;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.search-list li .text {
    margin-bottom:5px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.search-list li:hover .title {color:#218806;}


.page {text-align:center;}
.page a {
    display:inline-block;
}
.page .num {
    padding:5px 10px;
    margin:0 8px;
    font-size:14px;
    font-style:italic;
    color:#999;
    border-bottom:2px solid #dadada;
}
.page .num.on {color:#218806;border-color:#218806;}
.page .prev,
.page .next {
    width:15px;
    height:20px;
    vertical-align:-8px;
}
.page .prev {  background:url(../images/prev1.png) no-repeat center center;  }
.page .next {  background:url(../images/next1.png) no-repeat center center;  }