@charset "utf-8";

.fl {float: left;}
.fr {float: right;}

body {background: #ffffff; font-family: "Open Sans";}
.clear-both {clear: both;}
.top {position: absolute; left: 0; top:0; width: 100%; height: 100px; line-height: 100px; z-index: 2; box-shadow: 0 5px 5px rgba(0,0,0,.025); background: rgba(0,0,0,0.6);}
.top:before {position: relative;left: 0; top:0; content: '';z-index: 1; height: 100%; width: 100%;}
.top .top-panel {width: 1310px; margin: 0 auto; z-index: 2;}
.top .top-panel .logo { float: left;height: 100px; line-height: 100px;}
.logo a img {}
.logo img {vertical-align: middle;}
.nav-top li .nav-top-a:hover {color: #d80808;}
.second-nav a li:hover {color: #d80808;}

.top.inner {position: absolute; left: 0; top:0; width: 100%; height: 70px; line-height: 70px; z-index: 2; box-shadow: 0 5px 5px rgba(0,0,0,.025); background: rgba(0,0,0,0.6);}
.top.inner .top-panel .logo { height: 70px; line-height: 70px;}
.top.inner .top-panel .nav-top {height: 70px; line-height: 70px;}

.body {font: 14px/1.571429 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
.wrap{ width:100%; max-width:1120px; margin:0 auto;}
.wrap2{ width:100%; max-width:1120px; margin:0 auto;}
.top ul {}

.mob-nav{ display:table-cell; width:40px; height:100px; line-height:100px; position:relative; float:right; z-index:2; vertical-align: middle;}
.mob-nav.inner {visibility: hidden;}
.mob-nav span{ display:inline-block; position:absolute; left:10px; width:25px; height:2px; top:50%; margin-top:-1px; background:#ddd; transition:all 0.5s ease ;  vertical-align: middle;}
.mob-nav:before{ content:''; position:absolute; left:10px; width:25px; height:2px; top:50%; margin-top:-11px; background:#ddd; transition:all 0.5s ease ;}
.mob-nav:after{ content:''; position:absolute; left:25px; width:10px; height:2px; top:50%; margin-top:10px; background:#ddd; transition:all 0.5s ease;}
.mob-nav.on span{ width:0; transition:all 0.5s ease;}
.mob-nav.on:before{ transform:rotate(45deg); margin-top:-1px;width:30px; transition:all 0.5s ease;}
.mob-nav.on:after{ transform:rotate(-45deg); left:10px; width:30px; margin-top:-1px; transition:all 0.5s ease;}
.nav-top.inner {display: inline-block;}
.nav-top li{ float:left; margin-right:20px; padding: 0 15px;}
.nav-top li a{ display:block; color:#fff; overflow: hidden; transition:all 0.5s ease;}
.nav-top li a .s1{ font-size:14px;}

.ind-01{ background-color:#ffffff; padding: 70px;}
.title-set .d1{visibility: inherit;opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0); margin-bottom: 0px; color: rgb(0, 0, 0);font-weight: 300!important;font-size:1.8rem; line-height: 1.2;}
.title-set .d2{visibility: inherit;opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0); margin-top: 0px;color: rgb(153, 153, 153); margin-bottom: 10px!important;  font-size:14px; margin-top:5px;}
.title-set a{ position:absolute; right:0; top:10px;}
.slider-multi{ margin-top:5% !important;}
.slider-multi ul li {transition:all 0.5s ease;}
.slider-multi ul li:hover{transform:scale(1.2);}

.nav-top{ display:table-cell; vertical-align: middle; height: 100px; line-height: 100px;}
.nav-top.inner {visibility: visible; opacity: 1;}




.panel-domain-1 {width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.panel-domain-1 a {cursor: pointer;}
.panel-domain-2 {width: 1120px; overflow: hidden; position: relative;}
.panel-domain-3 {display: flex; flex-wrap: nowrap;flex-direction: row; align-items: center; position: relative;}
.panel-domain-4 {width: 280px; flex-shrink:0; padding: 25px; transform: matrix(1, 0, 0, 1, 0, 0); cursor: pointer;}
.panel-domain-4 h4 {font-size: 16px; font-weight: 400; height:46px; line-height: 46px; width:100%; border-bottom: 1px solid rgb(225, 225, 225);}
.panel-domain-4 h4::before {position: absolute;content: "";width: 10px;height: 1px;background-color: rgb(0, 0, 0);margin-top: 46px;}
.panel-domain-4:hover h4::before {width: 230px;transition: all 0.66s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; transition-delay: 0.1s;/*过度延时*//*设置过度时间*/}
.panel-domain-4 p {color: rgb(153,153,153); font-size: 13px; line-height: 24px; height: 50px; margin-top: 10px; overflow: hidden;}

.case-type-panel {margin: 20px 0;display: flex; justify-content: center; align-items: center; background: #ffffff;}
.case-type  {white-space: nowrap;
    color: rgb(153, 153, 153);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    background: rgb(255, 255, 255);
    padding: 8px 30px;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    margin: 0px 2.5px;
    transition: all 0.66s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}

.case-type.current {color: #000;}

.case-type:hover {
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-color: rgb(0, 0, 0);
    background: rgb(0, 0, 0);}

.case-content-panel {width: 1120px; overflow: hidden; position: relative; margin: 0 auto;}
.case-content  {display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; position: relative;}
.this-case-content {flex-shrink: 0; padding: 0 4px; width: 280px;}
.this-case-image-shadow  {display: flex; justify-content: center; align-items: center;  background: rgba(0,0,0,1);visibility: hidden; position: relative; z-index: 2;}
.this-case-image-shadow:hover {visibility: visible;}
.this-case-image {position: relative;
    margin: 0;
    height: 306px;
    padding: 50px 0;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

.this-case-image div {opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.this-case-image:hover div {background: rgba(0, 0, 0, 0.6); opacity: 1; }

.this-case-image img {max-height: 100%;max-width: 100%; position: relative;z-index: 1;}

.this-case-content h4 {text-align: left;
    font-size: 16px;
    text-shadow: none;
    border-bottom: 1px solid;
    background: rgb(255, 255, 255);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 20px 2px;
    font-weight: 500;
}

.case_prev, .case_next{display: inline-block;
    cursor: pointer;
    font-size: 19px;
    position: relative;
    color: rgb(153, 153, 153);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    padding: 2px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;}

.case-more {
    cursor: pointer;
    color: rgb(153, 153, 153);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    margin: 0px 15px;
    padding: 6px 50px;}
.case_prev:hover,.case_next:hover, .case-more:hover,.about-us-more:hover, .team-more:hover {
    color: rgb(255, 255, 255);
    border-color: rgb(0, 0, 0);
    background: rgb(0, 0, 0);}

.about-us-panel {width: 1120px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.about-us-panel .about-us-image {width: 400px;height: 300px; display: flex; justify-content: center; align-items: center;}
.about-us-panel .about-us-content {width: 700px; height:300px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.about-us-panel .d1{ font-size:32px; transform: translate(0px, 100%); transition: .3s;}
.about-us-panel .d2{ font-size:14px; margin-top:5px; color: #999999; transform: translate(0px, 100%); transition: .3s;}
.about-description {color: rgb(153, 153, 153);
    font-size: 13px;
    margin-top: 30px;
    opacity: 1;
    padding: 0px;
    background: none;}
.about-us-more {cursor: pointer;
    color: rgb(153, 153, 153);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    margin-top: 30px;
    padding: 6px 50px;
}

.s1.after:after {
    display: inline-block;
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    content: '';
    position: relative;
    top: -3px;
    margin-left: 4px;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}

.nav-top li:hover a span:after{
    transform:rotate(180deg);
    color: #e60012;
}

.nav-top li .second-nav-panel {
    top: 100%;
    box-shadow: 0 3px 4px rgba(0,0,0,.1);
    min-width: 160px;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    background: rgba(0,0,0,0.6);


    position: absolute;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    line-height: 40px;
    transition: .3s .1s;
    -moz-transition: .3s .1s;
    -ms-transition: .3s .1s;
    -o-transition: .3s .1s;
    -webkit-transition: .3s .1s;
}

.nav-top li:hover .second-nav-panel {
    transform: translateY(1px);
    visibility: visible;
    opacity: 1;
}

/*.nav-top .second-nav {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    flex-direction: column;*/
/*    color: white;*/
/*    padding: 10px 26px 10px 20px;*/
/*    left: -20px;*/
/*    background: rgba(0,0,0,0.6);*/
/*    position: relative;*/
/*    float: left;*/
/*}*/

/*.nav-top .second-nav-panel .second-nav li {line-height: 36px; height: 36px; color: #ffffff;}*/
/*.nav-top .second-nav-panel .second-nav li:hover {color: #e60012;}*/

.to-top {
    border-color: transparent transparent #000000 transparent;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    content: '';
    top: -9px;
    left: 15px;
    position: absolute;
}

.nav-top.inner li a {color: #111111;}
.nav-top.inner li:hover a {color: #e60012;}
.inner-page-nav {position: relative; width: 100%; padding: 10px 0; display: flex; justify-content: center; align-items: center;}
.inner-page-nav a {display: inline-block; padding: 5px 10px; font-size: 16px; color: rgb(153,153,153);}
.inner-page-nav a.current {color: #000;}
.inner-page-nav a:hover {color: #000;}

.inner-banner {width: 100%; height: 280px; position:relative;display: flex; justify-content: center; align-items: center; overflow: hidden;}
.inner-banner img {width: 100%;}
.inner-banner .banner-title-panel {position: absolute; width: 100%; height: 100%; left:0; top:0;}
.inner-banner .banner-title-panel .container {height: 110%; display: table; text-align: center; margin: 0 auto;}
.inner-banner .banner-title-panel .container .banner-text-con {display: table-cell; vertical-align: middle;}
.inner-banner .banner-title-panel .container .banner-text-con div {display: inline-block;}
.inner-banner .banner-title-panel .container .banner-text-con div h3 {color: #ffffff; font-size: 42px; font-weight: 500;}

.inner-content {position: relative; padding: 20px 0; background: #f5f5f5; color: rgb(106,106,106);}

.brief-intro-panel {width: 1120px; margin: 0 auto;}
.brief-intro-panel .brief-intro-1 {border-bottom:  1px solid #cccccc; border-top:  1px solid #cccccc;}
.brief-intro-panel .brief-intro-2 {padding: 16px 0;}
.brief-intro-image-panel {display: inline-block; width: 550px; height: 320px;}
.brief-intro-image-panel img {max-width: 100%; max-height: 100%;}
.brief-intro-text-panel {display: inline-block; position: relative; width: 560px; height: 320px; padding: 20px 10px; vertical-align: top;}

.inner-content1 {width: 1120px; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px;}
.honor-logo {margin: 30px auto; text-align: center;}
.certification-item { width: 23%; flex-shrink: 0; margin-right: 1%; cursor: pointer;}
.certification-item.hover-page {width: 100%;}
.certification-item:hover .certification-image img{transform: scale(1.05); transition:all 0.5s ease;}
.certification-item:hover .certification-info h3 {color: #e60012; transition:all 0.5s ease;}
.certification-image {display: flex; justify-content: center; align-items: center;}
.certification-item h3 {font-size: 14px; line-height: 30px; padding: 10px 5px;}
.certification-item h4 {font-size: 14px; line-height: 20px; color: rgb(153,153,153); padding: 10px 5px;}
.certification-item p {font-size: 12px; line-height: 16px; color: rgb(153,153,153); padding: 10px 5px;}
.news-wrapper {display: flex; justify-content: space-around;}

.team-panel {background: url(../images/team-background.jpg) no-repeat; width: 100%;}
.team-item {width: 350px; margin-right: 30px; flex-shrink: 0; display: inline-block;}
.team-image {height: 200px; width: 100%; display: flex; justify-content: center; align-items: flex-start; overflow: hidden}
.team-image img {max-width: 100%; cursor: pointer;}
.team-info {background: #fff; padding: 30px 30px 10px;}
.team-info {width: 100%;}
.team-info h3 {font-size: 20px; margin-bottom:1rem;}
.team-info h4 {font-size: 14px; margin-bottom:1rem; color: rgb(153,153,153);}
.team-info p {font-size: 13px; max-height: 6rem; color: rgb(153,153,153); overflow: hidden;margin-bottom: 1rem; box-sizing:content-box;}
.team-more {
    cursor: pointer;
    width: 280px;
    height: 34px;
    background-color: rgb(255, 255, 255);
    line-height: 34px;
    position: absolute;
    bottom: 1rem;
    color: rgb(153, 153, 153);
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    margin: 20px 0px;
    transition: all 0.3s ease 0s;
}

.team-panel .swiper-pagination {
    position: relative !important;
    bottom: -25px !important;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.team-panel .swiper02 {margin-top: 0 !important;}

.team-panel .swiper-pagination span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0px 5px;
    padding: 0px;
    background: rgb(255,255,255);
}
.news-panel {display: flex; flex-wrap: wrap; justify-content: space-between}
.news-item {width: 49%;}
.news-item .news-item-image {width: 33%; height: 125px; padding-right:20px; cursor: pointer;}
.news-item .news-item-info {display: flex; flex-direction: column; justify-content: flex-start; width: 66%;}
.news-item .news-item-info .news-title {cursor: pointer;}
.news-item .news-item-info .news-title:hover {color: #000;}

.news-time {
    display: block;
    font-weight: 300;
    height: 30px;
    color: #999999;
    font-size: 14px;
    line-height: 30px;
}

.news-title {    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 1.2;
}

.news-description {
    color: #999999;
    font-size: 13px;
}

.news-item  {display: flex; flex-wrap: wrap; margin-top: 20px; justify-content: space-between;}
.news-title { border-bottom: 1px solid rgb(225, 225, 225); width: 100%;}
.news-item .news-title::before {position: absolute;content: "";width: 10px;height: 1px;background-color: rgb(0, 0, 0);margin-top: 37px;}
.news-item:hover .news-title::before {width: 100%;transition: all 0.66s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; transition-delay: 0.1s;/*过度延时*//*设置过度时间*/}
.news-title .news-title {color: rgb(153,153,153); font-size: 13px; line-height: 24px; height: 50px; margin-top: 10px; overflow: hidden;}


.ind-02{ width: 100%; background-color:#f5f5f5; padding: 30px;}
.friend-link-panel {width: 100%;  border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.friend-link-content {
    display: flex; justify-content: center; align-items: center;
    margin: 0 auto;
}

.friend-link-content li { color: #000000; font-size: 14px; padding: 0 5px; height: 40px; line-height: 40px;}
.friend-link-content  a img {    color: rgb(153, 153, 153);
    transition: color 0.2s ease-out 0s; height: 40px;}

.foot-link-panel {width: 100%; background-color:#f5f5f5; padding: 40px 0;}
.foot-link {display: flex;}
.foot-link .foot-item {width: 16%; font-size: 16px; text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.foot-link .foot-item h4 {margin-bottom: 11px; font-weight: 400; line-height: 1.2; color: #37474f; cursor: pointer;}
.foot-link .foot-item ul li {height: 28px;}
.foot-link .foot-item ul li a {color: rgb(153,153,153); font-size: 14px; cursor: pointer;}
.foot-link .foot-item ul li a:hover {color: #000;}

.foot {width: 100%; background-color:#f5f5f5;}
.foot-info {padding: 20px;}
.foot-info .foot-beian {display: flex; justify-content: center; align-items: center; height: 25px; line-height: 25px;}
.foot-info .foot-address {display: flex; justify-content: center; align-items: center; height: 25px; line-height: 25px;height: 25px;}
.foot-info .foot-contact {display: flex; justify-content: center; align-items: center; height: 25px; line-height: 25px;}
.foot-info .foot-contact .foot-contact-person {margin-right: 20px;}
.foot-info {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.foot-contact-number {display: flex; justify-content: center; align-items: center;}
.foot-info .foot-contact-number img {width: 20px; height: 20px; margin-right: 2px;}

.inner-content1.company-honor {margin-top: 0}
.ny-main.mine-style {padding-top: 0;}

.case-ul {width: 47.4%; margin-right: 2%;}
.case-item .title {
    margin-top: 30px;
    margin-bottom: 70px;
    line-height: 25px;
    letter-spacing: 5px;
    font-size: 18px;
    color: #333;
    color: #000;
}
.case-item:hover .pic img {transform: scale(1.05); transition:all 0.5s ease;}

.case-detail-panel {padding: 20px 0; text-align: center;}
.case-detail-panel .d1 {font-size: 24px; line-height: 42px;}
.case-detail-panel .d2 {font-size: 16px; line-height: 24px; color: rgb(153,153,153);}

.this-case-image.case-list-page {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;}
.this-case-image.case-list-page img {width: 100%;}
.this-case-image.case-list-page .title {position: relative; top: 50%; background: transparent; color: #fff; font-size: 16px;}
.case-item:hover .this-case-image.case-list-page .title {transform: translateY(-30px); ransition:all 0.5s ease;}

.contact-info .contact-info-item {margin-bottom:16px; font-size: 15px; line-height: 1.8; color: #555;}
.contact-info .fa-map-marker:before {content: "\f041"; width: 15px;}
.contact-info .fa-phone:before {content: "\f095";}
.contact-info .fa-envelope:before {content: "\f0e0";}
.contact-info .fa-print:before {content: "\f02f";}
.contact-info .fa-qq:before {content: "\f1d6";}
.contact-info .fa-magic:before {content: "\f0d0";}
.contact-info .text {padding-left: 10px; font-weight: 300;}
.contact-info  .fa {font-size: 15px; width: 15px;}

.news-list-content li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3); transition:all 0.5s ease; color:#333;}
.news-list-item {display: flex; justify-content: space-between; padding: 30px;transition: all 0.5s ease; text-decoration: none;color: #333;}
.news-list-item  .pic {width: 260px; height: 170px; overflow: hidden; flex-shrink: 0;}
.news-list-item  .pic a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.news-list-item .pic img {display: block; width: 100%;}
.news-list-item .con {width: 75%; padding-left: 30px; flex-shrink: 0;}
.news-list-item .con .d1 {font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; color: #000;}
.news-list-item .con .d2 {;font-size: 14px; margin: 15px 0; color: rgb(153,153,153)}
.news-list-item .con .d3 {font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;color: rgb(153,153,153);}


.page-panel {width: 100%; background: #f5f5f5; margin: 0; overflow: hidden;}
.page-panel .page-content {width: 1120px; background: #f5f5f5; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; align-items: flex-start;}
.news-page-list-panel { padding: 0 30px 30px 30px; width: 70%; background: #ffffff;}
.news-page-list-panel .news-page-item {position: relative; display: flex; padding: 30px 0; justify-content: flex-start;}
.news-page-list-panel .news-page-item .bottom-line::before { position: absolute; bottom:0; left:0; content: "";width: 160px;height: 1px;background-color: rgb(0, 0, 0);}
.news-page-list-panel .news-page-item:hover .bottom-line::before {width: 100%;transition: all 0.66s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; transition-delay: 0.1s;}

.news-page-list-panel .news-page-item .picture {width: 160px; flex-shrink: 0; margin-right: 20px; display: flex; justify-content: center; align-items: flex-start;}
.news-page-list-panel .news-page-item .picture img {display: block; max-width: 100%; max-height: 100%;}
.news-page-list-panel .news-page-item .info {width: 80%;}
.news-page-list-panel .news-page-item .info .title {margin: 0 0 20px;font-size: 22px; font-weight: 400; line-height: 1.2;}
.news-page-list-panel .news-page-item .info .title:hover {color: #000;}
.news-page-list-panel .news-page-item .info .description {color: #999999;margin-bottom: 10px;font-size: 14px; max-height: 42px; font-weight: 300;}
.news-page-list-panel .news-page-item .extra {font-size: 14px;color: #999999; font-weight: 300;}
.news-page-list-panel .news-page-item .extra .time {margin-right: 20px;}
.news-page-list-panel .news-page-item .extra .fa-eye:before {content: "\f06e";}
.news-page-list-panel .news-page-item .extra .hit_times {margin-left: 10px;}

.page-content .news-page-recommend-panel {width: 28%; background: #ffffff;}
.page-content .news-page-recommend-panel .news-page-recommend-content {padding: 0 0 20px 20px;}
.page-content .news-page-recommend-panel .news-page-recommend-content h4 {font-size: 15px; padding: 16px 0; font-weight: 400;  border-bottom: 1px solid #f0f2f5; line-height: 32px;}
.page-content .news-page-recommend-panel .news-page-recommend-content .news-recommend-list {background: #fff; font-size: 12px;}
.page-content .news-page-recommend-panel .news-page-recommend-content .news-recommend-list p {padding: 10px 0; cursor: pointer; border-bottom: 1px solid #f0f2f5;}
.page-content .news-page-recommend-panel .news-page-recommend-content .news-recommend-list p:hover {color: #000;}

.news-detail-panel {width: 70%; background: #ffffff;}
.news-detail-panel .title-panel {padding: 20px; border-bottom: 1px solid #999;}
.news-detail-panel .title-panel .title {font-size: 24px;line-height: 1.5;color: #000000;}
.news-detail-panel .title-panel .extra {font-size: 14px; color: #a3afb7;}
.news-detail-panel .title-panel .extra .time {margin-right: 20px;}
.news-detail-panel .title-panel .extra .hit_times {margin-left: 8px;}
.news-detail-panel .detail-content {padding: 30px;}
.news-detail-panel .detail-pagination {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f0f2f5; padding: 20px;}
.news-detail-panel .detail-pagination a {padding: 9px 15px; color: #999; background: #f5f5f5;border: 1px solid #e4eaec; cursor: pointer;}
.news-detail-panel .detail-pagination a:hover {color: #000; background: #fff;}


.recruit-page-list-panel {width: 70%; margin-bottom: 20px;}
.recruit-page-list-panel .recruit-page-item {position: relative; display: flex; padding: 16px 20px 16px 30px; justify-content: flex-start; cursor: pointer; margin-bottom: 1px; background: #ffffff;}
.recruit-page-list-panel .recruit-page-item .bottom-line::before { position: absolute; bottom:0; left:0; content: "";width: 160px;height: 1px;background-color: rgb(0, 0, 0);}

.recruit-page-list-panel .recruit-page-item .info {width: 100%;}
.recruit-page-list-panel .recruit-page-item:hover {background: #FFFCF0;}
.recruit-page-list-panel .recruit-page-item:hover .info .title {color: #996B0F;}
.recruit-page-list-panel .recruit-page-item .info p {margin-left: 10px; line-height: 30px; font-size: 14px; color: #81878C;}
.recruit-page-list-panel .recruit-page-item .info p.line-1 {display: flex; justify-content: space-between; line-height: 32px;}
.recruit-page-list-panel .recruit-page-item .info .title {color: #81878C; font-size: 20px; font-weight: 600;}
.recruit-page-list-panel .recruit-page-item .info .create-time {font-size: 12px;}


.recruit-page-detail-panel {width: 70%; margin-bottom: 20px;}
.recruit-page-detail-panel .title-panel {padding: 16px 20px 16px 40px; background: #fff; margin-bottom: 20px;}
.recruit-page-detail-panel .title-panel .line-1 {display: flex; justify-content: space-between; align-items: center; line-height: 48px;}
.recruit-page-detail-panel .title-panel .line-1 .title {font-size: 20px; line-height: 36px; font-weight: bolder; margin-right: 20px; color:#4D555F;}
.recruit-page-detail-panel .title-panel .line-1 .create-time {font-size: 12px; line-height: 17px; color: #81878C;}
.recruit-page-detail-panel .title-panel .recruit-num {font-size: 14px; font-weight: 400; line-height: 36px; color: rgba(0,0,0,0.8);}

.recruit-page-detail-panel .detail-content {background: #fff; padding: 30px 20px 30px 40px;}
.recruit-page-detail-panel .detail-content .detail-content-item {margin-bottom: 30px;}
.recruit-page-detail-panel .detail-content .detail-content-item.last-one {margin-bottom: 0;}
.recruit-page-detail-panel .detail-content .detail-content-item p {margin-bottom: 6px;}
.recruit-page-detail-panel .detail-content .detail-content-item textarea {border: none; line-height: 20px; font-family: "Open Sans";}

.foot .content {width: 1120px; margin: 0 auto; padding: 20px 0;}
 .foot-1 {background: #2c2c2c;}
.foot-1 .info ul .type {width: 50%; overflow: hidden; color: #fff; font-size: 14px;}
.foot-1 .info ul li ul li.type-title {font-size: 15px;color: #6b6b6b;line-height: 50px;}
.foot-1 .info ul li ul li.type-item a {font-size: 13px;color: #fff;line-height: 30px;-webkit-transition: all .5s;transition: all .5s; cursor: pointer;}
.foot-1 .info ul li ul li.type-item a:hover {color: #e60012;}

.foot-1 .info .contact-us .type-title {font-size: 15px;color: #6b6b6b;line-height: 50px;}
.foot-1 .info .contact-us .type-item {font-size: 13px;color: #fff;line-height: 30px;-webkit-transition: all .5s;transition: all .5s; cursor: pointer;}

.foot-2 {background: #000; text-align: center; color: white; font-size: 13px;}